Compressed Images Nightly

src/pages/components/accordion/usage.mdx

@@ -8,7 +8,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 <PageDescription>
 
-An accordion is a vertically stacked list of headers that reveal or hide
+THE accordion is a vertically stacked list of headers that reveal or hide
 associated sections of content.
 
 </PageDescription>

src/pages/components/select/style.mdx

@@ -47,36 +47,29 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 ### Interactive states
 
-| State     | Element         | Property                   | Color token         |
-| --------- | --------------- | -------------------------- | ------------------- |
-| Hover     | Field           | background-color           | `$field-hover` \*   |
-| Focus     | Field           | border                     | `$focus`            |
-| Invalid   | Field           | border                     | `$support-error`    |
-|           | Error message   | text-color                 | `$text-error`       |
-|           | Error icon      | fill                       | `$support-error`    |
-| Warning   | Warning message | text-color                 | `$text-primary`     |
-|           | Warning icon    | fill                       | `$support-warning`  |
-| Disabled  | Field           | background-color           | `$field` \*         |
-|           |                 | border-bottom (default)    | transparent         |
-|           |                 | border-bottom (fluid)      | `$border-subtle` \* |
-|           | Label           | text-color                 | `$text-disabled`    |
-|           | Input text      | text-color                 | `$text-disabled`    |
-|           | Chevron icon    | fill                       | `$icon-disabled`    |
-| Read-only | Field           | background-color (default) | transparent         |
-|           |                 | background-color (fluid)   | `$field` \*         |
-|           |                 | border-bottom              | `$border-subtle` \* |
-|           | Label           | text-color                 | `$text-secondary`   |
-|           | Input text      | text-color (default)       | `$text-primary`     |
-|           |                 | text-color (fluid)         | `$text-secondary`   |
-|           | Chevron icon    | fill                       | `$icon-disabled`    |
+| State    | Element         | Property         | Color token         |
+| -------- | --------------- | ---------------- | ------------------- |
+| Hover    | Field           | background-color | `$field-hover` \*   |
+| Focus    | Field           | border           | `$focus`            |
+| Invalid  | Field           | border           | `$support-error`    |
+|          | Error message   | text-color       | `$text-error`       |
+|          | Error icon      | fill             | `$support-error`    |
+| Warning  | Warning message | text-color       | `$text-primary`     |
+|          | Warning icon    | fill             | `$support-warning`  |
+| Disabled | Field           | background-color | `$field` \*         |
+|          | Input text      | text-color       | `$text-disabled     |
+|          | Field           | border-bottom    | transparent         |
+|          | Field (fluid)   | border-bottom    | `$border-subtle` \* |
+|          | Label           | text-color       | `$text-disabled`    |
+|          | Chevron icon    | fill             | `$icon-disabled`    |
 
 <Caption>
   * Denotes a contextual color token that will change values based on the layer
   it is placed on.
 </Caption>
 
 <Row>
-<Column colLg={12}>
+<Column colLg={8}>
 
 <Tabs>
 

src/pages/components/select/usage.mdx

@@ -91,8 +91,7 @@ while the dropdown component can be styled as needed.
       id: 'select',
       label: 'Select',
     },
-  ]}
->
+  ]}>
   <ComponentVariant
     id="select"
     knobs={{
@@ -105,11 +104,11 @@ while the dropdown component can be styled as needed.
         'https://react.carbondesignsystem.com/?path=/story/components-select--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-select--basic',
-      Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvselect--default',
+      Vue:
+        'http://vue.carbondesignsystem.com/?path=/story/components-cvselect--default',
       'Web Components':
         'https://web-components.carbondesignsystem.com/?path=/story/components-select--default',
-    }}
-  >
+    }}>
     {`
 <Select
   defaultValue="placeholder-item"