@aurodesignsystem/auro-accordion 5.2.1 → 5.2.3

package/coverage/lcov.info

@@ -1,12 +1,16 @@
 TN:
 SF:src/auro-accordion-button.js
 FN:19,AuroAccordionButton
-FN:25,get styles
-FN:40,register
-FNF:3
-FNH:2
+FN:25,get properties
+FN:35,get styles
+FN:44,updated
+FN:63,register
+FNF:5
+FNH:4
 FNDA:14,AuroAccordionButton
+FNDA:2,get properties
 FNDA:16,get styles
+FNDA:34,updated
 FNDA:0,register
 DA:1,2
 DA:2,2
@@ -33,31 +37,59 @@ DA:22,14
 DA:23,14
 DA:24,2
 DA:25,2
-DA:26,16
-DA:27,16
-DA:28,16
-DA:29,16
-DA:30,16
+DA:26,2
+DA:27,2
+DA:28,2
+DA:29,2
+DA:30,2
 DA:31,2
 DA:32,2
 DA:33,2
 DA:34,2
 DA:35,2
-DA:36,2
-DA:37,2
-DA:38,2
-DA:39,2
-DA:40,2
-DA:41,0
-DA:42,0
+DA:36,16
+DA:37,16
+DA:38,16
+DA:39,16
+DA:40,16
+DA:41,2
+DA:42,2
 DA:43,2
-LF:43
-LH:41
+DA:44,2
+DA:45,34
+DA:46,34
+DA:47,34
+DA:48,19
+DA:49,19
+DA:50,19
+DA:51,19
+DA:52,19
+DA:53,34
+DA:54,2
+DA:55,2
+DA:56,2
+DA:57,2
+DA:58,2
+DA:59,2
+DA:60,2
+DA:61,2
+DA:62,2
+DA:63,2
+DA:64,0
+DA:65,0
+DA:66,2
+LF:66
+LH:64
 BRDA:1,0,0,2
 BRDA:19,1,0,14
-BRDA:25,2,0,16
-BRF:3
-BRH:3
+BRDA:25,2,0,2
+BRDA:35,3,0,16
+BRDA:44,4,0,34
+BRDA:47,5,0,19
+BRDA:50,6,0,5
+BRDA:50,7,0,14
+BRF:8
+BRH:8
 end_of_record
 TN:
 SF:src/auro-accordion-group.js
@@ -264,24 +296,26 @@ BRH:23
 end_of_record
 TN:
 SF:src/auro-accordion.js
-FN:53,AuroAccordion
-FN:84,get properties
-FN:119,get styles
-FN:135,register
-FN:141,firstUpdated
-FN:152,generateIconHtml
-FN:167,generateRandomLetters
-FN:181,toggle
-FN:198,handleButtonClick
-FN:207,render
-FNF:10
-FNH:10
+FN:54,AuroAccordion
+FN:85,get properties
+FN:120,get styles
+FN:136,register
+FN:142,firstUpdated
+FN:147,updated
+FN:162,renderChevronIcons
+FN:186,generateRandomLetters
+FN:200,toggle
+FN:217,handleButtonClick
+FN:226,render
+FNF:11
+FNH:11
 FNDA:14,AuroAccordion
 FNDA:2,get properties
 FNDA:4,get styles
 FNDA:2,register
 FNDA:14,firstUpdated
-FNDA:56,generateIconHtml
+FNDA:29,updated
+FNDA:29,renderChevronIcons
 FNDA:14,generateRandomLetters
 FNDA:4,toggle
 FNDA:5,handleButtonClick
@@ -339,7 +373,7 @@ DA:50,2
 DA:51,2
 DA:52,2
 DA:53,2
-DA:54,14
+DA:54,2
 DA:55,14
 DA:56,14
 DA:57,14
@@ -365,7 +399,7 @@ DA:76,14
 DA:77,14
 DA:78,14
 DA:79,14
-DA:80,2
+DA:80,14
 DA:81,2
 DA:82,2
 DA:83,2
@@ -405,13 +439,13 @@ DA:116,2
 DA:117,2
 DA:118,2
 DA:119,2
-DA:120,4
+DA:120,2
 DA:121,4
 DA:122,4
 DA:123,4
 DA:124,4
 DA:125,4
-DA:126,2
+DA:126,4
 DA:127,2
 DA:128,2
 DA:129,2
@@ -427,98 +461,98 @@ DA:138,2
 DA:139,2
 DA:140,2
 DA:141,2
-DA:142,14
+DA:142,2
 DA:143,14
 DA:144,14
-DA:145,2
+DA:145,14
 DA:146,2
 DA:147,2
-DA:148,2
-DA:149,2
-DA:150,2
-DA:151,2
-DA:152,2
-DA:153,56
-DA:154,56
-DA:155,56
-DA:156,56
-DA:157,56
-DA:158,56
-DA:159,56
+DA:148,29
+DA:149,29
+DA:150,19
+DA:151,19
+DA:152,19
+DA:153,19
+DA:154,19
+DA:155,29
+DA:156,2
+DA:157,2
+DA:158,2
+DA:159,2
 DA:160,2
 DA:161,2
 DA:162,2
-DA:163,2
-DA:164,2
-DA:165,2
-DA:166,2
-DA:167,2
-DA:168,14
-DA:169,14
-DA:170,14
-DA:171,14
-DA:172,56
-DA:173,56
-DA:174,14
-DA:175,14
-DA:176,14
-DA:177,2
-DA:178,2
+DA:163,29
+DA:164,1
+DA:165,1
+DA:166,28
+DA:167,29
+DA:168,29
+DA:169,29
+DA:170,29
+DA:171,29
+DA:172,29
+DA:173,29
+DA:174,29
+DA:175,29
+DA:176,29
+DA:177,29
+DA:178,29
 DA:179,2
 DA:180,2
 DA:181,2
-DA:182,4
-DA:183,4
-DA:184,4
-DA:185,4
-DA:186,4
-DA:187,4
-DA:188,4
-DA:189,4
-DA:190,4
-DA:191,4
-DA:192,2
-DA:193,2
-DA:194,2
-DA:195,2
+DA:182,2
+DA:183,2
+DA:184,2
+DA:185,2
+DA:186,2
+DA:187,14
+DA:188,14
+DA:189,14
+DA:190,14
+DA:191,56
+DA:192,56
+DA:193,14
+DA:194,14
+DA:195,14
 DA:196,2
 DA:197,2
 DA:198,2
-DA:199,5
-DA:200,1
-DA:201,1
-DA:202,1
+DA:199,2
+DA:200,2
+DA:201,4
+DA:202,4
 DA:203,4
-DA:204,5
-DA:205,2
-DA:206,2
-DA:207,2
-DA:208,29
-DA:209,29
-DA:210,29
-DA:211,29
-DA:212,29
-DA:213,29
-DA:214,29
-DA:215,29
-DA:216,29
-DA:217,29
-DA:218,29
-DA:219,29
-DA:220,29
-DA:221,29
-DA:222,29
-DA:223,29
-DA:224,29
-DA:225,29
-DA:226,29
+DA:204,4
+DA:205,4
+DA:206,4
+DA:207,4
+DA:208,4
+DA:209,4
+DA:210,4
+DA:211,2
+DA:212,2
+DA:213,2
+DA:214,2
+DA:215,2
+DA:216,2
+DA:217,2
+DA:218,5
+DA:219,1
+DA:220,1
+DA:221,1
+DA:222,4
+DA:223,5
+DA:224,2
+DA:225,2
+DA:226,2
 DA:227,29
-DA:228,28
-DA:229,28
-DA:230,28
-DA:231,28
-DA:232,28
-DA:233,28
+DA:228,29
+DA:229,29
+DA:230,29
+DA:231,29
+DA:232,29
+DA:233,29
 DA:234,29
 DA:235,29
 DA:236,29
@@ -530,54 +564,88 @@ DA:241,29
 DA:242,29
 DA:243,29
 DA:244,29
-DA:245,2
-LF:245
-LH:245
+DA:245,29
+DA:246,29
+DA:247,29
+DA:248,29
+DA:249,29
+DA:250,29
+DA:251,29
+DA:252,29
+DA:253,29
+DA:254,29
+DA:255,29
+DA:256,29
+DA:257,29
+DA:258,29
+DA:259,29
+DA:260,29
+DA:261,29
+DA:262,29
+DA:263,29
+DA:264,29
+DA:265,29
+DA:266,29
+DA:267,29
+DA:268,29
+DA:269,29
+DA:270,2
+LF:270
+LH:270
 BRDA:1,0,0,2
-BRDA:53,1,0,14
-BRDA:84,2,0,2
-BRDA:119,3,0,4
-BRDA:135,4,0,2
-BRDA:141,5,0,14
-BRDA:152,6,0,56
-BRDA:167,7,0,14
-BRDA:171,8,0,56
-BRDA:181,9,0,4
-BRDA:198,10,0,5
-BRDA:199,11,0,1
-BRDA:207,12,0,29
-BRDA:227,13,0,1
-BRDA:237,14,0,7
-BRDA:203,15,0,4
-BRDA:227,16,0,28
-BRF:17
-BRH:17
+BRDA:54,1,0,14
+BRDA:85,2,0,2
+BRDA:120,3,0,4
+BRDA:136,4,0,2
+BRDA:142,5,0,14
+BRDA:147,6,0,29
+BRDA:149,7,0,19
+BRDA:162,8,0,29
+BRDA:163,9,0,1
+BRDA:167,10,0,7
+BRDA:167,11,0,21
+BRDA:186,12,0,14
+BRDA:190,13,0,56
+BRDA:200,14,0,4
+BRDA:217,15,0,5
+BRDA:218,16,0,1
+BRDA:226,17,0,29
+BRDA:240,18,0,27
+BRDA:257,19,0,1
+BRDA:257,20,0,28
+BRDA:259,21,0,1
+BRDA:259,22,0,28
+BRDA:262,23,0,7
+BRDA:166,24,0,28
+BRDA:222,25,0,4
+BRF:26
+BRH:26
 end_of_record
 TN:
-SF:src/color-css.js
+SF:src/iconVersion.js
 FNF:0
 FNH:0
 DA:1,2
-DA:2,2
-LF:2
-LH:2
+LF:1
+LH:1
 BRDA:1,0,0,2
 BRF:1
 BRH:1
 end_of_record
 TN:
-SF:src/iconVersion.js
+SF:src/styles/color-css.js
 FNF:0
 FNH:0
 DA:1,2
-LF:1
-LH:1
+DA:2,2
+LF:2
+LH:2
 BRDA:1,0,0,2
 BRF:1
 BRH:1
 end_of_record
 TN:
-SF:src/style-button-css.js
+SF:src/styles/style-button-css.js
 FNF:0
 FNH:0
 DA:1,2
@@ -589,7 +657,7 @@ BRF:1
 BRH:1
 end_of_record
 TN:
-SF:src/style-css.js
+SF:src/styles/style-css.js
 FNF:0
 FNH:0
 DA:1,2
@@ -601,7 +669,7 @@ BRF:1
 BRH:1
 end_of_record
 TN:
-SF:src/tokens-css.js
+SF:src/styles/tokens-css.js
 FNF:0
 FNH:0
 DA:1,2

package/demo/api.html

@@ -16,24 +16,31 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Auro Web Component Generator | auro-accordion custom element</title>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
-    />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/auro-classic/CSSCustomProperties.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/alaska/CSSCustomProperties--alaska.css">
+    <title>Auro Web Component Demo | auro-accordion</title>
+
+    <!-- Prism.js Stylesheet -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
+
+    <!-- Legacy reference is still needed to support auro-accordion's use of legacy token values at this time -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
+
+    <!-- Design Token Alaska Theme -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
+    
+    <!-- Webcore Stylesheet Alaska Theme -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
+    
+    <!-- Demo Specific Styles -->
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
-  </head>
+</head>
   <body class="auro-markdown">
     <main></main>
 
     <script type="module">
       import 'https://cdn.jsdelivr.net/npm/marked@5.1.0/marked.min.js';
       import 'https://cdn.jsdelivr.net/npm/prismjs@latest/prism.js';
-      fetch('/demo/api.md')
+      fetch('./api.md')
         .then((response) => response.text())
         .then((text) => {
           const rawHtml = marked.parse(text);
@@ -41,6 +48,7 @@
           Prism.highlightAll();
         });
     </script>
+     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
     <script type="module" data-demo-script="true">
       import { initExamples } from './api.min.js';
       initExamples();

package/demo/api.md

@@ -1092,18 +1092,18 @@ Using the `noToggleExpanded` attribute will allow for multiple `auro-accordion`'
 
 The component may be restyled using the following code sample and changing the values of the following token(s).
 
-<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../src/tokens.scss) -->
-<!-- The below code snippet is automatically added from ./../src/tokens.scss -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../src/styles/tokens.scss) -->
+<!-- The below code snippet is automatically added from ./../src/styles/tokens.scss -->
 
 ```scss
-@import "./../node_modules/@aurodesignsystem/design-tokens/dist/alaska/SCSSVariables--alaska";
+@use "@aurodesignsystem/design-tokens/dist/themes/alaska/SCSSVariables--alaska" as v;
 
 :host {
   --ds-auro-accordion-content-border-color: transparent;
-  --ds-auro-accordion-group-border-color: var(--ds-basic-color-border-divider, #{$ds-basic-color-border-divider});
+  --ds-auro-accordion-group-border-color: var(--ds-basic-color-border-divider, #{v.$ds-basic-color-border-divider});
   --ds-auro-accordion-trigger-border-color: transparent;
-  --ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-default, #{$ds-basic-color-texticon-default});
-  --ds-auro-accordion-trigger-icon-color: var(--ds-basic-color-texticon-default, #{$ds-basic-color-texticon-default});
+  --ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-default, #{v.$ds-basic-color-texticon-default});
+  --ds-auro-accordion-trigger-icon-color: var(--ds-basic-color-texticon-default, #{v.$ds-basic-color-texticon-default});
 }
 ```
 <!-- AURO-GENERATED-CONTENT:END -->