@aurodesignsystem/auro-accordion 5.2.5 → 6.0.0-rc-1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/NOTICE +2 -0
  3. package/README.md +16 -50
  4. package/demo/api.html +1 -1
  5. package/demo/api.js +2 -1
  6. package/demo/api.md +13 -7
  7. package/demo/api.min.js +16 -2028
  8. package/demo/auro-accordion.min.js +727 -0
  9. package/demo/index.js +12 -14
  10. package/demo/index.min.js +13 -2024
  11. package/dist/auro-accordion-B6aPKaGa.js +113 -0
  12. package/dist/index.d.ts +121 -0
  13. package/dist/index.js +1 -0
  14. package/dist/registered.js +1 -0
  15. package/package.json +44 -134
  16. package/.husky/commit-msg +0 -1
  17. package/.husky/pre-commit +0 -1
  18. package/.vscode/settings.json +0 -8
  19. package/apiExamples/accordionGroup.html +0 -47
  20. package/apiExamples/accordionGroupLg.html +0 -47
  21. package/apiExamples/accordionGroupSm.html +0 -47
  22. package/apiExamples/alignChevronRight.html +0 -15
  23. package/apiExamples/alignRight.html +0 -15
  24. package/apiExamples/basic.html +0 -15
  25. package/apiExamples/chevronNone.html +0 -15
  26. package/apiExamples/chevronRight.html +0 -15
  27. package/apiExamples/custom.html +0 -15
  28. package/apiExamples/customGroup.html +0 -47
  29. package/apiExamples/disabled.html +0 -15
  30. package/apiExamples/disabledGroup.html +0 -47
  31. package/apiExamples/emphasis.html +0 -47
  32. package/apiExamples/expanded.html +0 -17
  33. package/apiExamples/expanded.js +0 -11
  34. package/apiExamples/noToggleExpanded.html +0 -47
  35. package/coverage/lcov-report/base.css +0 -224
  36. package/coverage/lcov-report/block-navigation.js +0 -87
  37. package/coverage/lcov-report/favicon.png +0 -0
  38. package/coverage/lcov-report/index.html +0 -131
  39. package/coverage/lcov-report/prettify.css +0 -1
  40. package/coverage/lcov-report/prettify.js +0 -2
  41. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  42. package/coverage/lcov-report/sorter.js +0 -196
  43. package/coverage/lcov-report/src/auro-accordion-button.js.html +0 -283
  44. package/coverage/lcov-report/src/auro-accordion-group.js.html +0 -538
  45. package/coverage/lcov-report/src/auro-accordion.js.html +0 -895
  46. package/coverage/lcov-report/src/iconVersion.js.html +0 -85
  47. package/coverage/lcov-report/src/index.html +0 -161
  48. package/coverage/lcov-report/src/styles/color-css.js.html +0 -91
  49. package/coverage/lcov-report/src/styles/index.html +0 -161
  50. package/coverage/lcov-report/src/styles/style-button-css.js.html +0 -91
  51. package/coverage/lcov-report/src/styles/style-css.js.html +0 -91
  52. package/coverage/lcov-report/src/styles/tokens-css.js.html +0 -91
  53. package/coverage/lcov.info +0 -682
  54. package/dist/auro-accordion__bundled.js +0 -2023
  55. package/dist/src/auro-accordion-button.d.ts +0 -19
  56. package/dist/src/auro-accordion-button.d.ts.map +0 -1
  57. package/dist/src/auro-accordion-group.d.ts +0 -61
  58. package/dist/src/auro-accordion-group.d.ts.map +0 -1
  59. package/dist/src/auro-accordion.d.ts +0 -106
  60. package/dist/src/auro-accordion.d.ts.map +0 -1
  61. package/dist/src/iconVersion.d.ts +0 -3
  62. package/dist/src/iconVersion.d.ts.map +0 -1
  63. package/dist/src/styles/color-css.d.ts +0 -3
  64. package/dist/src/styles/color-css.d.ts.map +0 -1
  65. package/dist/src/styles/style-button-css.d.ts +0 -3
  66. package/dist/src/styles/style-button-css.d.ts.map +0 -1
  67. package/dist/src/styles/style-css.d.ts +0 -3
  68. package/dist/src/styles/style-css.d.ts.map +0 -1
  69. package/dist/src/styles/tokens-css.d.ts +0 -3
  70. package/dist/src/styles/tokens-css.d.ts.map +0 -1
  71. package/dist/test/auro-accordion-group.test.d.ts +0 -2
  72. package/dist/test/auro-accordion-group.test.d.ts.map +0 -1
  73. package/dist/test/auro-accordion.test.d.ts +0 -2
  74. package/dist/test/auro-accordion.test.d.ts.map +0 -1
  75. package/index.js +0 -3
  76. package/packageScripts/postinstall.mjs +0 -28
  77. package/scripts/version.mjs +0 -3
  78. package/scripts/wca/auro-accordion.js +0 -12
  79. package/src/auro-accordion-button.js +0 -66
  80. package/src/auro-accordion-group.js +0 -151
  81. package/src/auro-accordion.js +0 -270
  82. package/src/iconVersion.js +0 -1
  83. package/src/styles/color-css.js +0 -2
  84. package/src/styles/color.css +0 -43
  85. package/src/styles/color.scss +0 -75
  86. package/src/styles/style-button-css.js +0 -2
  87. package/src/styles/style-button.css +0 -63
  88. package/src/styles/style-button.scss +0 -86
  89. package/src/styles/style-css.js +0 -2
  90. package/src/styles/style.css +0 -353
  91. package/src/styles/style.scss +0 -208
  92. package/src/styles/tokens-css.js +0 -2
  93. package/src/styles/tokens.css +0 -7
  94. package/src/styles/tokens.scss +0 -9
  95. package/test/auro-accordion-group.test.js +0 -230
  96. package/test/auro-accordion.test.js +0 -104
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
+ # [6.0.0-rc-1.1](https://github.com/AlaskaAirlines/auro-accordion/compare/v5.2.6...v6.0.0-rc-1.1) (2025-10-03)
2
+
3
+
4
+ * feat!: upgrade package tooling to use auro-cli ([a1ccbe6](https://github.com/AlaskaAirlines/auro-accordion/commit/a1ccbe651cf2547c9582ed273d099059a950d982)), closes [AlaskaAirlines/auro-cli#108](https://github.com/AlaskaAirlines/auro-cli/issues/108) [AlaskaAirlines/auro-cli#109](https://github.com/AlaskaAirlines/auro-cli/issues/109) [AlaskaAirlines/auro-cli#110](https://github.com/AlaskaAirlines/auro-cli/issues/110) [AlaskaAirlines/auro-cli#111](https://github.com/AlaskaAirlines/auro-cli/issues/111)
5
+
6
+
7
+ ### Bug Fixes
8
+
9
+ * remove extra button styles ([43c3307](https://github.com/AlaskaAirlines/auro-accordion/commit/43c330765fae312cb23c91a0b690917e2bc2c9aa))
10
+
11
+
12
+ ### BREAKING CHANGES
13
+
14
+ * Package exports have changed. To access the component class add /class to the end of the import. See "exports" in the package.json for more details.
15
+
1
16
  # Semantic Release Automated Changelog
2
17
 
18
+ ## [5.2.6](https://github.com/AlaskaAirlines/auro-accordion/compare/v5.2.5...v5.2.6) (2025-09-29)
19
+
20
+
21
+ ### Bug Fixes
22
+
23
+ * remove left-padding on large emphasis accordion [#199](https://github.com/AlaskaAirlines/auro-accordion/issues/199) ([6ad5c45](https://github.com/AlaskaAirlines/auro-accordion/commit/6ad5c4522cb149d6fe5de9fe74a7470394c6bde9))
24
+ * remove left-padding on right chevron non-emphasis accordion [#185](https://github.com/AlaskaAirlines/auro-accordion/issues/185) ([6e16e79](https://github.com/AlaskaAirlines/auro-accordion/commit/6e16e79060da1f0d0a5a8dd91dbdd38382e0b660))
25
+
3
26
  ## [5.2.5](https://github.com/AlaskaAirlines/auro-accordion/compare/v5.2.4...v5.2.5) (2025-09-23)
4
27
 
5
28
 
package/NOTICE ADDED
@@ -0,0 +1,2 @@
1
+ Alaska Airlines Auro Design System
2
+ Copyright 2023 Alaska Airlines, Inc. or its affiliates. All Rights Reserved.
package/README.md CHANGED
@@ -4,8 +4,8 @@ The README.md file is a compiled document. No edits should be made directly to t
4
4
  README.md is created by running `npm run build:docs`.
5
5
 
6
6
  This file is generated based on a template fetched from
7
- `https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/README_updated_paths.md`
8
- and copied to `./componentDocs/README.md` each time the the docs are compiled.
7
+ `https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/README.md`
8
+ and copied to `./componentDocs/README.md` each time the docs are compiled.
9
9
 
10
10
  The following sections are editable by making changes to the following files:
11
11
 
@@ -45,14 +45,14 @@ Or, by CDN.
45
45
 
46
46
  ## UI development browser support
47
47
 
48
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/browserSupport.md) -->
48
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/browserSupport.md) -->
49
49
  For the most up to date information on [UI development browser support](https://auro.alaskaair.com/support/browsersSupport)
50
50
 
51
51
  <!-- AURO-GENERATED-CONTENT:END -->
52
52
 
53
53
  ## Install
54
54
 
55
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentInstall_esm.md) -->
55
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentInstall.md) -->
56
56
  [![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/auro-accordion/testPublish.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/auro-accordion/actions/workflows/testPublish.yml)
57
57
  [![See it on NPM!](https://img.shields.io/npm/v/@aurodesignsystem/auro-accordion?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@aurodesignsystem/auro-accordion)
58
58
  [![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-accordion?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
@@ -62,24 +62,22 @@ For the most up to date information on [UI development browser support](https://
62
62
  $ npm i @aurodesignsystem/auro-accordion
63
63
  ```
64
64
 
65
- Installing as a direct, dev or peer dependency is up to the user installing the package. If you are unsure as to what type of dependency you should use, consider reading this [stack overflow](https://stackoverflow.com/questions/18875674/whats-the-difference-between-dependencies-devdependencies-and-peerdependencies) answer.
66
-
67
65
  <!-- AURO-GENERATED-CONTENT:END -->
68
66
 
69
67
  ### Design Token CSS Custom Property dependency
70
68
 
71
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/designTokens.md) -->
69
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/development/designTokens.md) -->
72
70
  The use of any Auro custom element has a dependency on the [Auro Design Tokens](https://auro.alaskaair.com/getting-started/developers/design-tokens).
73
71
 
74
72
  <!-- AURO-GENERATED-CONTENT:END -->
75
73
 
76
74
  ### Define dependency in project component
77
75
 
78
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImportDescription.md) -->
76
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImportDescription.md) -->
79
77
  Defining the component dependency within each component that is using the `<auro-accordion>` component.
80
78
 
81
79
  <!-- AURO-GENERATED-CONTENT:END -->
82
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImport.md) -->
80
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImport.md) -->
83
81
 
84
82
  ```js
85
83
  import "@aurodesignsystem/auro-accordion";
@@ -109,23 +107,13 @@ import "@aurodesignsystem/auro-accordion";
109
107
  ```
110
108
  <!-- AURO-GENERATED-CONTENT:END -->
111
109
 
112
- ## Install bundled assets from CDN
113
-
114
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleInstallDescription.md) -->
115
- In cases where the project is not able to process JS assets, there are pre-processed assets available for use. See -- `auro-accordion__bundled.js` for modern browsers. Legacy browsers such as IE11 are no longer supported.
116
-
117
- **WARNING!** When installing into your application environment, DO NOT use `@latest` for the requested version. Risks include unknown MAJOR version releases and instant adoption of any new features and possible bugs without developer knowledge. The `@latest` wildcard should NEVER be used for production customer-facing applications. You have been warned.
110
+ ## Use CDN
118
111
 
119
- <!-- AURO-GENERATED-CONTENT:END -->
120
-
121
- ### Bundle example code
112
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/bundleInstallDescription.md) -->
113
+ In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
122
114
 
123
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleUseModBrowsers.md) -->
124
-
125
115
  ```html
126
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@/dist/auro-classic/CSSCustomProperties.css" />
127
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@/dist/bundled/essentials.css" />
128
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@5.2.5/dist/auro-accordion__bundled.js" type="module"></script>
116
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm"></script>
129
117
  ```
130
118
 
131
119
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -168,7 +156,7 @@ The `<auro-accordion>` element should be used in situations where users may:
168
156
 
169
157
  ## Development
170
158
 
171
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/developmentDescription.md) -->
159
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/development/developmentDescription.md) -->
172
160
  In order to develop against this project, if you are not part of the core team, you will be required to fork the project prior to submitting a pull request.
173
161
 
174
162
  Please be sure to review the [contribution guidelines](https://auro.alaskaair.com/contributing) for this project. Please make sure to **pay special attention** to the **conventional commits** section of the document.
@@ -177,42 +165,20 @@ Please be sure to review the [contribution guidelines](https://auro.alaskaair.co
177
165
 
178
166
  ### Start development environment
179
167
 
180
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/localhost.md) -->
168
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/development/localhost.md) -->
181
169
  Once the project has been cloned to your local resource and you have installed all the dependencies you will need to open a shell session to run the **dev server**.
182
170
 
183
171
  ```shell
184
172
  $ npm run dev
185
173
  ```
186
174
 
187
- Open [localhost:8000](http://localhost:8000/)
188
-
189
- If running separate sessions is preferred, please run the following commands in individual terminal shells.
190
-
191
- ```shell
192
- $ npm run build:watch
193
-
194
- $ npm run serve
195
- ```
196
-
197
- <!-- AURO-GENERATED-CONTENT:END -->
175
+ Open [localhost:8000](http://localhost:8000/)
198
176
 
199
- ### API generation
200
-
201
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/api.md) -->
202
- The custom element API file is generated in the build and committed back to the repo with a version change. If the API doc has changed without a version change, author's are to run `npm run build:api` to generate the doc and commit to version control.
203
-
204
177
  <!-- AURO-GENERATED-CONTENT:END -->
205
178
 
206
179
  ### Testing
207
180
 
208
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/testing.md) -->
209
- Automated tests are required for every Auro component. See `.\test\auro-accordion.test.js` for the tests for this component. Run `npm test` to run the tests and check code coverage. Tests must pass and meet a certain coverage threshold to commit. See [the testing documentation](https://auro.alaskaair.com/support/tests) for more details.
210
-
211
- <!-- AURO-GENERATED-CONTENT:END -->
212
-
213
- ### Bundled assets
214
-
215
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/bundles.md) -->
216
- Bundled assets are only generated in the remote and not merged back to this repo. To review and/or test a bundled asset locally, run `$ npm run bundler` to generate assets.
181
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/development/testing.md) -->
182
+ Automated tests are required for every Auro component. See `.\test\auro-accordion.test.js` for the tests for this component. Run `npm run test` to run the tests and check code coverage. Tests must pass and meet a certain coverage threshold to commit. See [the testing documentation](https://auro.alaskaair.com/support/tests) for more details.
217
183
 
218
184
  <!-- AURO-GENERATED-CONTENT:END -->
package/demo/api.html CHANGED
@@ -48,7 +48,7 @@
48
48
  Prism.highlightAll();
49
49
  });
50
50
  </script>
51
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
51
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
52
52
  <script type="module" data-demo-script="true">
53
53
  import { initExamples } from './api.min.js';
54
54
  initExamples();
package/demo/api.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { expandedExample } from "../apiExamples/expanded";
2
- import '../index.js';
2
+ import "../src/registered.js";
3
3
 
4
4
  export function initExamples(initCount) {
5
+ // biome-ignore lint/style/noParameterAssign: recursion, just for demos
5
6
  initCount = initCount || 0;
6
7
 
7
8
  try {
package/demo/api.md CHANGED
@@ -507,15 +507,21 @@ The accordion can be programatically expanded or collapsed by setting the `expan
507
507
 
508
508
  ```js
509
509
  export function expandedExample() {
510
- const expandedExampleElem = document.querySelector('#auroaccordionExpandedExample');
510
+ const expandedExampleElem = document.querySelector(
511
+ "#auroaccordionExpandedExample",
512
+ );
511
513
 
512
- document.querySelector('#auroaccordionExpandedExampleBtnTrue').addEventListener('click', () => {
513
- expandedExampleElem.expanded = true;
514
- })
514
+ document
515
+ .querySelector("#auroaccordionExpandedExampleBtnTrue")
516
+ .addEventListener("click", () => {
517
+ expandedExampleElem.expanded = true;
518
+ });
515
519
 
516
- document.querySelector('#auroaccordionExpandedExampleBtnFalse').addEventListener('click', () => {
517
- expandedExampleElem.expanded = false;
518
- })
520
+ document
521
+ .querySelector("#auroaccordionExpandedExampleBtnFalse")
522
+ .addEventListener("click", () => {
523
+ expandedExampleElem.expanded = false;
524
+ });
519
525
  }
520
526
  ```
521
527
  <!-- AURO-GENERATED-CONTENT:END -->