@aurodesignsystem-dev/auro-accordion 0.0.0-pr190.0 → 0.0.0-pr200.0

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 (133) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/NOTICE +2 -0
  3. package/README.md +25 -59
  4. package/demo/api.js +2 -1
  5. package/demo/api.md +13 -7
  6. package/demo/api.min.js +15 -2028
  7. package/demo/auro-accordion.min.js +727 -0
  8. package/demo/index.js +12 -14
  9. package/demo/index.min.js +13 -2024
  10. package/dist/auro-accordion-B6aPKaGa.js +113 -0
  11. package/dist/index.d.ts +121 -0
  12. package/dist/index.js +1 -0
  13. package/dist/registered.js +1 -0
  14. package/package.json +40 -129
  15. package/.husky/commit-msg +0 -1
  16. package/.husky/pre-commit +0 -1
  17. package/.vscode/settings.json +0 -8
  18. package/apiExamples/accordionGroup.html +0 -47
  19. package/apiExamples/accordionGroupLg.html +0 -47
  20. package/apiExamples/accordionGroupSm.html +0 -47
  21. package/apiExamples/alignChevronRight.html +0 -15
  22. package/apiExamples/alignRight.html +0 -15
  23. package/apiExamples/basic.html +0 -15
  24. package/apiExamples/chevronNone.html +0 -15
  25. package/apiExamples/chevronRight.html +0 -15
  26. package/apiExamples/custom.html +0 -15
  27. package/apiExamples/customGroup.html +0 -47
  28. package/apiExamples/disabled.html +0 -15
  29. package/apiExamples/disabledGroup.html +0 -47
  30. package/apiExamples/emphasis.html +0 -47
  31. package/apiExamples/expanded.html +0 -17
  32. package/apiExamples/expanded.js +0 -11
  33. package/apiExamples/noToggleExpanded.html +0 -47
  34. package/coverage/lcov-report/auro-accordion-group.js.html +0 -472
  35. package/coverage/lcov-report/auro-accordion.js.html +0 -664
  36. package/coverage/lcov-report/base.css +0 -224
  37. package/coverage/lcov-report/block-navigation.js +0 -87
  38. package/coverage/lcov-report/color-css.js.html +0 -91
  39. package/coverage/lcov-report/favicon.png +0 -0
  40. package/coverage/lcov-report/iconVersion.js.html +0 -85
  41. package/coverage/lcov-report/index.html +0 -131
  42. package/coverage/lcov-report/prettify.css +0 -1
  43. package/coverage/lcov-report/prettify.js +0 -2
  44. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  45. package/coverage/lcov-report/sorter.js +0 -196
  46. package/coverage/lcov-report/src/auro-accordion-button.js.html +0 -283
  47. package/coverage/lcov-report/src/auro-accordion-group.js.html +0 -538
  48. package/coverage/lcov-report/src/auro-accordion.js.html +0 -895
  49. package/coverage/lcov-report/src/iconVersion.js.html +0 -85
  50. package/coverage/lcov-report/src/index.html +0 -161
  51. package/coverage/lcov-report/src/styles/color-css.js.html +0 -91
  52. package/coverage/lcov-report/src/styles/index.html +0 -161
  53. package/coverage/lcov-report/src/styles/style-button-css.js.html +0 -91
  54. package/coverage/lcov-report/src/styles/style-css.js.html +0 -91
  55. package/coverage/lcov-report/src/styles/tokens-css.js.html +0 -91
  56. package/coverage/lcov-report/style-css.js.html +0 -91
  57. package/coverage/lcov-report/tokens-css.js.html +0 -91
  58. package/coverage/lcov.info +0 -682
  59. package/dist/auro-accordion-button.d.ts +0 -17
  60. package/dist/auro-accordion-button.d.ts.map +0 -1
  61. package/dist/auro-accordion-group.d.ts +0 -61
  62. package/dist/auro-accordion-group.d.ts.map +0 -1
  63. package/dist/auro-accordion.d.ts +0 -106
  64. package/dist/auro-accordion.d.ts.map +0 -1
  65. package/dist/auro-accordion__bundled.js +0 -2023
  66. package/dist/color-css.d.ts +0 -3
  67. package/dist/color-css.d.ts.map +0 -1
  68. package/dist/iconVersion.d.ts +0 -3
  69. package/dist/iconVersion.d.ts.map +0 -1
  70. package/dist/src/auro-accordion-button.d.ts +0 -19
  71. package/dist/src/auro-accordion-button.d.ts.map +0 -1
  72. package/dist/src/auro-accordion-group.d.ts +0 -61
  73. package/dist/src/auro-accordion-group.d.ts.map +0 -1
  74. package/dist/src/auro-accordion.d.ts +0 -106
  75. package/dist/src/auro-accordion.d.ts.map +0 -1
  76. package/dist/src/color-css.d.ts +0 -3
  77. package/dist/src/color-css.d.ts.map +0 -1
  78. package/dist/src/iconVersion.d.ts +0 -3
  79. package/dist/src/iconVersion.d.ts.map +0 -1
  80. package/dist/src/style-button-css.d.ts +0 -3
  81. package/dist/src/style-button-css.d.ts.map +0 -1
  82. package/dist/src/style-css.d.ts +0 -3
  83. package/dist/src/style-css.d.ts.map +0 -1
  84. package/dist/src/styles/color-css.d.ts +0 -3
  85. package/dist/src/styles/color-css.d.ts.map +0 -1
  86. package/dist/src/styles/style-button-css.d.ts +0 -3
  87. package/dist/src/styles/style-button-css.d.ts.map +0 -1
  88. package/dist/src/styles/style-css.d.ts +0 -3
  89. package/dist/src/styles/style-css.d.ts.map +0 -1
  90. package/dist/src/styles/tokens-css.d.ts +0 -3
  91. package/dist/src/styles/tokens-css.d.ts.map +0 -1
  92. package/dist/src/tokens-css.d.ts +0 -3
  93. package/dist/src/tokens-css.d.ts.map +0 -1
  94. package/dist/style-button-css.d.ts +0 -3
  95. package/dist/style-button-css.d.ts.map +0 -1
  96. package/dist/style-css.d.ts +0 -3
  97. package/dist/style-css.d.ts.map +0 -1
  98. package/dist/test/auro-accordion-group.test.d.ts +0 -2
  99. package/dist/test/auro-accordion-group.test.d.ts.map +0 -1
  100. package/dist/test/auro-accordion.test.d.ts +0 -2
  101. package/dist/test/auro-accordion.test.d.ts.map +0 -1
  102. package/dist/tokens-css.d.ts +0 -3
  103. package/dist/tokens-css.d.ts.map +0 -1
  104. package/index.js +0 -3
  105. package/packageScripts/postinstall.mjs +0 -28
  106. package/scripts/version.mjs +0 -3
  107. package/scripts/wca/auro-accordion.js +0 -12
  108. package/src/auro-accordion-button.js +0 -66
  109. package/src/auro-accordion-group.js +0 -151
  110. package/src/auro-accordion.js +0 -270
  111. package/src/color-css.js +0 -2
  112. package/src/color.css +0 -39
  113. package/src/iconVersion.js +0 -1
  114. package/src/style-button-css.js +0 -2
  115. package/src/style-button.css +0 -53
  116. package/src/style-css.js +0 -2
  117. package/src/style.css +0 -147
  118. package/src/styles/color-css.js +0 -2
  119. package/src/styles/color.css +0 -43
  120. package/src/styles/color.scss +0 -75
  121. package/src/styles/style-button-css.js +0 -2
  122. package/src/styles/style-button.css +0 -63
  123. package/src/styles/style-button.scss +0 -86
  124. package/src/styles/style-css.js +0 -2
  125. package/src/styles/style.css +0 -347
  126. package/src/styles/style.scss +0 -200
  127. package/src/styles/tokens-css.js +0 -2
  128. package/src/styles/tokens.css +0 -7
  129. package/src/styles/tokens.scss +0 -9
  130. package/src/tokens-css.js +0 -2
  131. package/src/tokens.css +0 -7
  132. package/test/auro-accordion-group.test.js +0 -230
  133. package/test/auro-accordion.test.js +0 -104
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem-dev/auro-accordion",
10
- "version": "0.0.0-pr190.0",
10
+ "version": "0.0.0-pr200.0",
11
11
  "description": "auro-accordion HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",
@@ -20,63 +20,18 @@
20
20
  "node": "^20.x || ^22.x "
21
21
  },
22
22
  "dependencies": {
23
- "@alaskaairux/icons": "^5.7.1",
24
- "@aurodesignsystem/auro-button": "^11.4.0",
25
- "@aurodesignsystem/auro-icon": "8.1.4",
26
- "@aurodesignsystem/auro-library": "^5.5.2",
27
- "@aurodesignsystem/design-tokens": "^8.4.2",
28
- "@aurodesignsystem/webcorestylesheets": "^10.0.4",
29
- "chalk": "^5.4.1",
30
23
  "lit": "^3.3.1"
31
24
  },
32
25
  "devDependencies": {
33
- "@aurodesignsystem/eslint-config": "1.3.5",
34
- "@commitlint/cli": "^19.8.1",
35
- "@commitlint/config-conventional": "^19.8.1",
36
- "@open-wc/testing": "^4.0.0",
37
- "@rollup/plugin-node-resolve": "^16.0.1",
38
- "@semantic-release/changelog": "^6.0.3",
39
- "@semantic-release/git": "^10.0.1",
40
- "@semantic-release/npm": "^12.0.2",
41
- "@types/mocha": "^10.0.10",
42
- "@web/dev-server": "^0.4.6",
43
- "@web/test-runner": "^0.20.2",
44
- "autoprefixer": "^10.4.21",
45
- "compression": "^1.8.1",
46
- "concat": "^1.0.3",
47
- "concurrently": "^9.2.0",
48
- "copyfiles": "^2.4.1",
49
- "core-js": "^3.44.0",
50
- "eslint": "^9.32.0",
51
- "eslint-plugin-jsdoc": "^52.0.0",
52
- "husky": "^9.1.7",
53
- "lodash": "^4.17.21",
54
- "markdown-magic": "^3.7.0",
55
- "nodemon": "^3.1.10",
56
- "npm-run-all": "^4.1.5",
57
- "postcss": "^8.5.6",
58
- "postcss-discard-comments": "^7.0.4",
59
- "postcss-selector-replace": "^1.0.2",
60
- "rollup": "^4.46.1",
61
- "rollup-plugin-serve": "^3.0.0",
62
- "sass": "^1.89.2",
63
- "semantic-release": "^24.2.7",
64
- "stylelint": "^16.22.0",
65
- "stylelint-config-idiomatic-order": "^10.0.0",
66
- "stylelint-config-standard": "^38.0.0",
67
- "stylelint-config-standard-scss": "^15.0.1",
68
- "stylelint-order": "^7.0.0",
69
- "stylelint-scss": "^6.12.1",
70
- "typescript": "^5.8.3",
71
- "wc-sass-render": "^1.4.0",
72
- "web-component-analyzer": "^2.0.0",
73
- "whatwg-fetch": "^3.6.20",
74
- "yaml-lint": "^1.7.0"
75
- },
76
- "overrides": {
77
- "wc-sass-render": {
78
- "sass": "$sass"
79
- }
26
+ "@alaskaairux/icons": "^5.7.1",
27
+ "@aurodesignsystem/auro-button": "^12.0.0",
28
+ "@aurodesignsystem/auro-cli": "^3.0.4",
29
+ "@aurodesignsystem/auro-config": "^1.3.0",
30
+ "@aurodesignsystem/auro-icon": "9.0.0",
31
+ "@aurodesignsystem/auro-library": "^5.5.3",
32
+ "@aurodesignsystem/design-tokens": "^8.5.0",
33
+ "@aurodesignsystem/webcorestylesheets": "^10.1.1",
34
+ "husky": "^9.1.7"
80
35
  },
81
36
  "optionalDependencies": {
82
37
  "@rollup/rollup-linux-x64-gnu": "*"
@@ -88,50 +43,6 @@
88
43
  "last 2 Edge versions",
89
44
  "last 2 Safari major versions"
90
45
  ],
91
- "nodemonConfig": {
92
- "ignore": [
93
- "*-css.js",
94
- "*.css"
95
- ]
96
- },
97
- "release": {
98
- "branches": [
99
- {
100
- "name": "main"
101
- },
102
- {
103
- "name": "beta",
104
- "prerelease": true
105
- }
106
- ],
107
- "plugins": [
108
- "@semantic-release/commit-analyzer",
109
- "@semantic-release/release-notes-generator",
110
- [
111
- "@semantic-release/changelog",
112
- {
113
- "changelogFile": "./CHANGELOG.md",
114
- "changelogTitle": "# Semantic Release Automated Changelog"
115
- }
116
- ],
117
- "@semantic-release/npm",
118
- [
119
- "@semantic-release/git",
120
- {
121
- "assets": [
122
- "./package.json",
123
- "./CHANGELOG.md",
124
- "./README.md",
125
- "./docs/api.md",
126
- "./demo/index.md",
127
- "./demo/api.md",
128
- "./src/iconVersion.js"
129
- ]
130
- }
131
- ],
132
- "@semantic-release/github"
133
- ]
134
- },
135
46
  "publishConfig": {
136
47
  "access": "public"
137
48
  },
@@ -142,34 +53,34 @@
142
53
  "web components"
143
54
  ],
144
55
  "scripts": {
145
- "build": "npm-run-all build:version build:sass sass:render build:api build:docs bundler types",
146
- "build:test": "npm-run-all test linters",
147
- "build:release": "npm-run-all build build:test postinstall",
148
- "build:ci": "npm-run-all sweep build:release",
149
- "build:api": "wca analyze 'scripts/wca/auro-accordion.js' --outFiles docs/api.md",
150
- "build:dev:assets": "npm-run-all build:sass:component postCss:component sass:render build:docs",
151
- "build:docs": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/generateDocs.mjs",
152
- "build:sass": "npm-run-all build:sass:component postCss:component sass:render",
153
- "build:sass:component": "sass --load-path=node_modules --no-source-map src:src",
154
- "build:version": "node scripts/version.mjs",
155
- "build:watch": "nodemon -e scss,js,html --watch src --watch apiExamples/**/* --exec npm run build:dev:assets",
156
- "bundler": "rollup -c",
157
- "bundler:test": "rollup -c -w",
158
- "scssLint": "stylelint \"./src/**/*.scss\"",
159
- "dev": "concurrently --kill-others \"npm run build:watch\" \"npm run serve\"",
160
- "dist:js": "copyfiles -u 1 -V './src/**/*.js' ./dist",
161
- "esLint": "./node_modules/.bin/eslint src/**/*.js --ignore-pattern 'src/**/*Version.js'",
162
- "linters": "npm-run-all scssLint esLint",
163
- "preCommit": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/pre-commit.mjs",
164
- "postCss:component": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/postCss.mjs",
165
- "postinstall": "node packageScripts/postinstall.mjs",
166
- "sass:render": "sass-render src/styles/*.css -t ./node_modules/@aurodesignsystem/auro-library/scripts/build/staticStyles-template.js",
167
- "serve": "web-dev-server --open --node-resolve --watch",
168
- "sweep": "rm -rf ./demo/css ./dist | rm ./src/styles/*.css ./src/styles/*-css.js",
169
- "test": "wtr --coverage",
170
- "test:watch": "wtr --watch",
171
- "types": "tsc",
172
- "prepare": "husky || true",
173
- "postversion": "npm-run-all build:api build:docs"
174
- }
56
+ "build": "auro build",
57
+ "build:version": "node ./scripts/version.mjs",
58
+ "dev": "auro dev -w -s",
59
+ "dev:open": "auro dev -w -s --open",
60
+ "lint": "biome check --no-errors-on-unmatched && stylelint \"./src/**/*.scss\"",
61
+ "lint:fix": "biome check --fix --no-errors-on-unmatched && stylelint \"./src/**/*.scss\" --fix",
62
+ "test": "auro test",
63
+ "test:watch": "auro test --watch",
64
+ "prepare": "husky"
65
+ },
66
+ "exports": {
67
+ "./package.json": "./package.json",
68
+ "./readme.md": "./README.md",
69
+ ".": "./dist/registered.js",
70
+ "./demo/*.md": "./demo/*.md",
71
+ "./demo/*.js": "./demo/*.min.js",
72
+ "./class": {
73
+ "module": "./dist/index.js",
74
+ "types": "./dist/index.d.ts",
75
+ "default": "./dist/index.js"
76
+ }
77
+ },
78
+ "files": [
79
+ "dist/**/*",
80
+ "demo/**/*",
81
+ "CHANGELOG.md",
82
+ "README.md",
83
+ "LICENSE",
84
+ "NOTICE"
85
+ ]
175
86
  }
package/.husky/commit-msg DELETED
@@ -1 +0,0 @@
1
- npx --no-install commitlint --edit "$1"
package/.husky/pre-commit DELETED
@@ -1 +0,0 @@
1
- ./node_modules/.bin/npm-run-all preCommit test linters postinstall
@@ -1,8 +0,0 @@
1
- {
2
- "cSpell.words": [
3
- "csspart",
4
- "labelledby",
5
- "slotchange",
6
- "texticon"
7
- ]
8
- }
@@ -1,47 +0,0 @@
1
- <auro-accordion-group>
2
- <auro-accordion>
3
- <span slot="trigger">Trigger</span>
4
- <p>
5
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6
- </p>
7
- <p>
8
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
9
- </p>
10
- <p>
11
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
12
- </p>
13
- <p>
14
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
15
- </p>
16
- </auro-accordion>
17
- <auro-accordion>
18
- <span slot="trigger">Trigger</span>
19
- <p>
20
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
21
- </p>
22
- <p>
23
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
24
- </p>
25
- <p>
26
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
27
- </p>
28
- <p>
29
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
30
- </p>
31
- </auro-accordion>
32
- <auro-accordion>
33
- <span slot="trigger">Trigger</span>
34
- <p>
35
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
36
- </p>
37
- <p>
38
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
39
- </p>
40
- <p>
41
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
42
- </p>
43
- <p>
44
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
45
- </p>
46
- </auro-accordion>
47
- </auro-accordion-group>
@@ -1,47 +0,0 @@
1
- <auro-accordion-group variant="lg">
2
- <auro-accordion>
3
- <span slot="trigger">Trigger</span>
4
- <p>
5
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6
- </p>
7
- <p>
8
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
9
- </p>
10
- <p>
11
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
12
- </p>
13
- <p>
14
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
15
- </p>
16
- </auro-accordion>
17
- <auro-accordion>
18
- <span slot="trigger">Trigger</span>
19
- <p>
20
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
21
- </p>
22
- <p>
23
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
24
- </p>
25
- <p>
26
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
27
- </p>
28
- <p>
29
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
30
- </p>
31
- </auro-accordion>
32
- <auro-accordion>
33
- <span slot="trigger">Trigger</span>
34
- <p>
35
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
36
- </p>
37
- <p>
38
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
39
- </p>
40
- <p>
41
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
42
- </p>
43
- <p>
44
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
45
- </p>
46
- </auro-accordion>
47
- </auro-accordion-group>
@@ -1,47 +0,0 @@
1
- <auro-accordion-group variant="sm">
2
- <auro-accordion>
3
- <span slot="trigger">Trigger</span>
4
- <p>
5
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6
- </p>
7
- <p>
8
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
9
- </p>
10
- <p>
11
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
12
- </p>
13
- <p>
14
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
15
- </p>
16
- </auro-accordion>
17
- <auro-accordion>
18
- <span slot="trigger">Trigger</span>
19
- <p>
20
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
21
- </p>
22
- <p>
23
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
24
- </p>
25
- <p>
26
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
27
- </p>
28
- <p>
29
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
30
- </p>
31
- </auro-accordion>
32
- <auro-accordion>
33
- <span slot="trigger">Trigger</span>
34
- <p>
35
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
36
- </p>
37
- <p>
38
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
39
- </p>
40
- <p>
41
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
42
- </p>
43
- <p>
44
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
45
- </p>
46
- </auro-accordion>
47
- </auro-accordion-group>
@@ -1,15 +0,0 @@
1
- <auro-accordion chevron="right" alignRight>
2
- <span slot="trigger">Trigger</span>
3
- <p>
4
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
5
- </p>
6
- <p>
7
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
8
- </p>
9
- <p>
10
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
11
- </p>
12
- <p>
13
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14
- </p>
15
- </auro-accordion>
@@ -1,15 +0,0 @@
1
- <auro-accordion alignRight>
2
- <span slot="trigger">Trigger</span>
3
- <p>
4
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
5
- </p>
6
- <p>
7
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
8
- </p>
9
- <p>
10
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
11
- </p>
12
- <p>
13
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14
- </p>
15
- </auro-accordion>
@@ -1,15 +0,0 @@
1
- <auro-accordion>
2
- <span slot="trigger">Trigger</span>
3
- <p>
4
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
5
- </p>
6
- <p>
7
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
8
- </p>
9
- <p>
10
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
11
- </p>
12
- <p>
13
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14
- </p>
15
- </auro-accordion>
@@ -1,15 +0,0 @@
1
- <auro-accordion chevron="none">
2
- <span slot="trigger">Trigger</span>
3
- <p>
4
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
5
- </p>
6
- <p>
7
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
8
- </p>
9
- <p>
10
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
11
- </p>
12
- <p>
13
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14
- </p>
15
- </auro-accordion>
@@ -1,15 +0,0 @@
1
- <auro-accordion chevron="right">
2
- <span slot="trigger">Trigger</span>
3
- <p>
4
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
5
- </p>
6
- <p>
7
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
8
- </p>
9
- <p>
10
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
11
- </p>
12
- <p>
13
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14
- </p>
15
- </auro-accordion>
@@ -1,15 +0,0 @@
1
- <custom-accordion>
2
- <span slot="trigger">Trigger</span>
3
- <p>
4
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
5
- </p>
6
- <p>
7
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
8
- </p>
9
- <p>
10
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
11
- </p>
12
- <p>
13
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14
- </p>
15
- </custom-accordion>
@@ -1,47 +0,0 @@
1
- <custom-accordion-group>
2
- <custom-accordion>
3
- <span slot="trigger">Trigger</span>
4
- <p>
5
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6
- </p>
7
- <p>
8
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
9
- </p>
10
- <p>
11
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
12
- </p>
13
- <p>
14
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
15
- </p>
16
- </custom-accordion>
17
- <custom-accordion>
18
- <span slot="trigger">Trigger</span>
19
- <p>
20
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
21
- </p>
22
- <p>
23
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
24
- </p>
25
- <p>
26
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
27
- </p>
28
- <p>
29
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
30
- </p>
31
- </custom-accordion>
32
- <custom-accordion>
33
- <span slot="trigger">Trigger</span>
34
- <p>
35
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
36
- </p>
37
- <p>
38
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
39
- </p>
40
- <p>
41
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
42
- </p>
43
- <p>
44
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
45
- </p>
46
- </custom-accordion>
47
- </custom-accordion-group>
@@ -1,15 +0,0 @@
1
- <auro-accordion disabled>
2
- <span slot="trigger">Trigger</span>
3
- <p>
4
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
5
- </p>
6
- <p>
7
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
8
- </p>
9
- <p>
10
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
11
- </p>
12
- <p>
13
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
14
- </p>
15
- </auro-accordion>
@@ -1,47 +0,0 @@
1
- <auro-accordion-group disabled>
2
- <auro-accordion>
3
- <span slot="trigger">Trigger</span>
4
- <p>
5
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6
- </p>
7
- <p>
8
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
9
- </p>
10
- <p>
11
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
12
- </p>
13
- <p>
14
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
15
- </p>
16
- </auro-accordion>
17
- <auro-accordion>
18
- <span slot="trigger">Trigger</span>
19
- <p>
20
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
21
- </p>
22
- <p>
23
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
24
- </p>
25
- <p>
26
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
27
- </p>
28
- <p>
29
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
30
- </p>
31
- </auro-accordion>
32
- <auro-accordion>
33
- <span slot="trigger">Trigger</span>
34
- <p>
35
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
36
- </p>
37
- <p>
38
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
39
- </p>
40
- <p>
41
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
42
- </p>
43
- <p>
44
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
45
- </p>
46
- </auro-accordion>
47
- </auro-accordion-group>
@@ -1,47 +0,0 @@
1
- <auro-accordion-group emphasis>
2
- <auro-accordion>
3
- <span slot="trigger">Trigger</span>
4
- <p>
5
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
6
- </p>
7
- <p>
8
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
9
- </p>
10
- <p>
11
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
12
- </p>
13
- <p>
14
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
15
- </p>
16
- </auro-accordion>
17
- <auro-accordion>
18
- <span slot="trigger">Trigger</span>
19
- <p>
20
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
21
- </p>
22
- <p>
23
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
24
- </p>
25
- <p>
26
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
27
- </p>
28
- <p>
29
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
30
- </p>
31
- </auro-accordion>
32
- <auro-accordion>
33
- <span slot="trigger">Trigger</span>
34
- <p>
35
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
36
- </p>
37
- <p>
38
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
39
- </p>
40
- <p>
41
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
42
- </p>
43
- <p>
44
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
45
- </p>
46
- </auro-accordion>
47
- </auro-accordion-group>
@@ -1,17 +0,0 @@
1
- <auro-button id="auroaccordionExpandedExampleBtnTrue">Set expanded = `true`</auro-button>
2
- <auro-button id="auroaccordionExpandedExampleBtnFalse">Set expanded = `false`</auro-button>
3
- <auro-accordion id="auroaccordionExpandedExample">
4
- <span slot="trigger">Trigger</span>
5
- <p>
6
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
7
- </p>
8
- <p>
9
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
10
- </p>
11
- <p>
12
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
13
- </p>
14
- <p>
15
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
16
- </p>
17
- </auro-accordion>
@@ -1,11 +0,0 @@
1
- export function expandedExample() {
2
- const expandedExampleElem = document.querySelector('#auroaccordionExpandedExample');
3
-
4
- document.querySelector('#auroaccordionExpandedExampleBtnTrue').addEventListener('click', () => {
5
- expandedExampleElem.expanded = true;
6
- })
7
-
8
- document.querySelector('#auroaccordionExpandedExampleBtnFalse').addEventListener('click', () => {
9
- expandedExampleElem.expanded = false;
10
- })
11
- }