feat(accordion): update spectrum css input

adobe · Jan 6, 2021 · d94e059 · d94e059
1 parent 62a5065
commit d94e059
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/packages/accordion/package.json b/packages/accordion/package.json
@@ -51,7 +51,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/accordion": "^3.0.0-beta.4"
+        "@spectrum-css/accordion": "^3.0.0-beta.5"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/accordion/src/AccordionItem.ts b/packages/accordion/src/AccordionItem.ts
@@ -20,8 +20,8 @@ import {
 } from '@spectrum-web-components/base';
 import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
 import '@spectrum-web-components/icon/sp-icon.js';
-import { ChevronRightMediumIcon } from '@spectrum-web-components/icons-ui';
-import chevronRightMediumIconStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron-right-medium.css.js';
+import { Chevron100Icon } from '@spectrum-web-components/icons-ui';
+import chevronIconStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';
 
 import styles from './accordion-item.css.js';
 
@@ -31,7 +31,7 @@ import styles from './accordion-item.css.js';
  */
 export class AccordionItem extends Focusable {
     public static get styles(): CSSResultArray {
-        return [styles, chevronRightMediumIconStyles];
+        return [styles, chevronIconStyles];
     }
 
     @property({ type: Boolean, reflect: true })
@@ -97,8 +97,12 @@ export class AccordionItem extends Focusable {
                 >
                     ${this.label}
                 </button>
-                <sp-icon id="indicator" size="xs" class="chevron-right-medium">
-                    ${ChevronRightMediumIcon({ hidden: true })}
+                <sp-icon
+                    id="indicator"
+                    size="xs"
+                    class="spectrum-UIIcon-ChevronRight100"
+                >
+                    ${Chevron100Icon()}
                 </sp-icon>
             </h3>
             <div id="content" role="region" aria-labelledby="header">