@spectrum-web-components/accordion 0.40.4 → 0.41.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 (23) hide show
  1. package/package.json +8 -8
  2. package/src/accordion-item.css.dev.js +22 -20
  3. package/src/accordion-item.css.dev.js.map +2 -2
  4. package/src/accordion-item.css.js +22 -20
  5. package/src/accordion-item.css.js.map +2 -2
  6. package/src/accordion.css.dev.js +3 -3
  7. package/src/accordion.css.dev.js.map +1 -1
  8. package/src/accordion.css.js +3 -3
  9. package/src/accordion.css.js.map +1 -1
  10. package/src/spectrum-accordion-item.css.dev.js +22 -20
  11. package/src/spectrum-accordion-item.css.dev.js.map +2 -2
  12. package/src/spectrum-accordion-item.css.js +22 -20
  13. package/src/spectrum-accordion-item.css.js.map +2 -2
  14. package/src/spectrum-accordion.css.dev.js +2 -2
  15. package/src/spectrum-accordion.css.dev.js.map +1 -1
  16. package/src/spectrum-accordion.css.js +2 -2
  17. package/src/spectrum-accordion.css.js.map +1 -1
  18. package/stories/accordion.stories.js +2 -38
  19. package/stories/accordion.stories.js.map +2 -2
  20. package/stories/args.js +61 -0
  21. package/stories/args.js.map +7 -0
  22. package/stories/template.js +4 -0
  23. package/stories/template.js.map +7 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/accordion",
3
- "version": "0.40.4",
3
+ "version": "0.41.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -66,14 +66,14 @@
66
66
  "lit-html"
67
67
  ],
68
68
  "dependencies": {
69
- "@spectrum-web-components/base": "^0.40.4",
70
- "@spectrum-web-components/icon": "^0.40.4",
71
- "@spectrum-web-components/icons-ui": "^0.40.4",
72
- "@spectrum-web-components/reactive-controllers": "^0.40.4",
73
- "@spectrum-web-components/shared": "^0.40.4"
69
+ "@spectrum-web-components/base": "^0.41.0",
70
+ "@spectrum-web-components/icon": "^0.41.0",
71
+ "@spectrum-web-components/icons-ui": "^0.41.0",
72
+ "@spectrum-web-components/reactive-controllers": "^0.41.0",
73
+ "@spectrum-web-components/shared": "^0.41.0"
74
74
  },
75
75
  "devDependencies": {
76
- "@spectrum-css/accordion": "^4.1.0"
76
+ "@spectrum-css/accordion": "^4.2.0"
77
77
  },
78
78
  "types": "./src/index.d.ts",
79
79
  "customElements": "custom-elements.json",
@@ -81,5 +81,5 @@
81
81
  "./sp-*.js",
82
82
  "./**/*.dev.js"
83
83
  ],
84
- "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
84
+ "gitHead": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
85
85
  }
package/src/accordion-item.css.dev.js CHANGED
@@ -1,11 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{border-block-end:1px solid #0000;border-color:var(
5
- --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
6
- );border-width:var(
7
- --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
8
- );margin:0;min-block-size:var(
4
+ :host{margin:0;min-block-size:var(
9
5
  --mod-accordion-item-height,var(--spectrum-accordion-item-height)
10
6
  );min-inline-size:var(
11
7
  --mod-accordion-item-width,var(--spectrum-accordion-item-width)
@@ -13,6 +9,10 @@ const styles = css`
13
9
  --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
14
10
  );border-width:var(
15
11
  --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
12
+ )}:host{border-block-end:1px solid #0000;border-color:var(
13
+ --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
14
+ );border-width:var(
15
+ --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
16
16
  )}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(
17
17
  --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
18
18
  );color:var(
@@ -49,11 +49,7 @@ var(
49
49
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
50
50
  ) var(
51
51
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
52
- )}#header{align-items:center;appearance:none;background-color:var(
53
- --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
54
- );border:0;box-sizing:border-box;color:var(
55
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
56
- );cursor:pointer;display:flex;font-family:var(
52
+ )}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(
57
53
  --mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)
58
54
  );font-size:var(
59
55
  --mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)
@@ -77,12 +73,10 @@ var(--spectrum-accordion-disclosure-indicator-to-text-space)
77
73
  ) + var(
78
74
  --mod-accordion-disclosure-indicator-height,
79
75
  var(--spectrum-accordion-disclosure-indicator-height)
80
- ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header:hover{background-color:var(
81
- --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
76
+ ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header{background-color:var(
77
+ --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
82
78
  );color:var(
83
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
84
- )}#header:hover+.iconContainer{color:var(
85
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
79
+ --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
86
80
  )}#header.focus-visible{background-color:var(
87
81
  --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
88
82
  );border-radius:var(
@@ -113,17 +107,25 @@ var(--spectrum-accordion-focus-indicator-gap)
113
107
  --mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)
114
108
  );color:var(
115
109
  --mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)
110
+ )}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(
111
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
112
+ )}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(
113
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
114
+ )}@media (hover:hover){#header:hover{background-color:var(
115
+ --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
116
+ );color:var(
117
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
118
+ )}#header:hover+.iconContainer{color:var(
119
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
116
120
  )}:host([open]) #header:hover{background-color:var(
117
121
  --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
118
- )}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
119
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
120
- )}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
122
+ )}:host([disabled]) #header:hover{background-color:#0000;color:var(
121
123
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
122
- )}:host([disabled]) #header+.iconContainer{color:var(
124
+ )}}:host([disabled]) #header+.iconContainer{color:var(
123
125
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
124
126
  )}:host([disabled]) #content{color:var(
125
127
  --mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)
126
- )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(
128
+ )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(
127
129
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
128
130
  )}
129
131
  `;
package/src/accordion-item.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["accordion-item.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n);margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);border:0;box-sizing:border-box;color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Hf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header{background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}@media (hover:hover){#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiIf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/accordion-item.css.js CHANGED
@@ -1,9 +1,5 @@
1
1
  "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{border-block-end:1px solid #0000;border-color:var(
3
- --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
4
- );border-width:var(
5
- --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
6
- );margin:0;min-block-size:var(
2
+ :host{margin:0;min-block-size:var(
7
3
  --mod-accordion-item-height,var(--spectrum-accordion-item-height)
8
4
  );min-inline-size:var(
9
5
  --mod-accordion-item-width,var(--spectrum-accordion-item-width)
@@ -11,6 +7,10 @@
11
7
  --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
12
8
  );border-width:var(
13
9
  --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
10
+ )}:host{border-block-end:1px solid #0000;border-color:var(
11
+ --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
12
+ );border-width:var(
13
+ --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
14
14
  )}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(
15
15
  --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
16
16
  );color:var(
@@ -47,11 +47,7 @@ var(
47
47
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
48
48
  ) var(
49
49
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
50
- )}#header{align-items:center;appearance:none;background-color:var(
51
- --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
52
- );border:0;box-sizing:border-box;color:var(
53
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
54
- );cursor:pointer;display:flex;font-family:var(
50
+ )}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(
55
51
  --mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)
56
52
  );font-size:var(
57
53
  --mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)
@@ -75,12 +71,10 @@ var(--spectrum-accordion-disclosure-indicator-to-text-space)
75
71
  ) + var(
76
72
  --mod-accordion-disclosure-indicator-height,
77
73
  var(--spectrum-accordion-disclosure-indicator-height)
78
- ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header:hover{background-color:var(
79
- --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
74
+ ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header{background-color:var(
75
+ --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
80
76
  );color:var(
81
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
82
- )}#header:hover+.iconContainer{color:var(
83
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
77
+ --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
84
78
  )}#header.focus-visible{background-color:var(
85
79
  --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
86
80
  );border-radius:var(
@@ -111,17 +105,25 @@ var(--spectrum-accordion-focus-indicator-gap)
111
105
  --mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)
112
106
  );color:var(
113
107
  --mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)
108
+ )}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(
109
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
110
+ )}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(
111
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
112
+ )}@media (hover:hover){#header:hover{background-color:var(
113
+ --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
114
+ );color:var(
115
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
116
+ )}#header:hover+.iconContainer{color:var(
117
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
114
118
  )}:host([open]) #header:hover{background-color:var(
115
119
  --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
116
- )}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
117
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
118
- )}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
120
+ )}:host([disabled]) #header:hover{background-color:#0000;color:var(
119
121
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
120
- )}:host([disabled]) #header+.iconContainer{color:var(
122
+ )}}:host([disabled]) #header+.iconContainer{color:var(
121
123
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
122
124
  )}:host([disabled]) #content{color:var(
123
125
  --mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)
124
- )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(
126
+ )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(
125
127
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
126
128
  )}
127
129
  `;export default r;
package/src/accordion-item.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["accordion-item.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n);margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);border:0;box-sizing:border-box;color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Hf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header{background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}@media (hover:hover){#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiIf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/accordion.css.dev.js CHANGED
@@ -63,9 +63,9 @@ var(--spectrum-accordion-item-header-font-size)
63
63
  )*var(
64
64
  --mod-accordion-item-header-line-height,
65
65
  var(--spectrum-accordion-item-header-line-height)
66
- )))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
66
+ )))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
67
67
  --spectrum-cjk-line-height-100
68
- )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(
68
+ );--spectrum-accordion-item-content-line-height:var(
69
69
  --spectrum-cjk-line-height-100
70
70
  )}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(
71
71
  --spectrum-accordion-top-to-text-compact-medium
@@ -123,7 +123,7 @@ var(--spectrum-accordion-item-header-line-height)
123
123
  --spectrum-accordion-top-to-text-regular-extra-large
124
124
  );--spectrum-accordion-item-header-bottom-to-text-space:var(
125
125
  --spectrum-accordion-bottom-to-text-regular-extra-large
126
- )}:host{display:block;list-style:none;margin:0;padding:0}
126
+ )}:host{display:block;list-style:none;margin:0;padding:0}:host{--spectrum-logical-rotation: }
127
127
  `;
128
128
  export default styles;
129
129
  //# sourceMappingURL=accordion.css.dev.js.map
package/src/accordion.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["accordion.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n);--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}:host{--spectrum-logical-rotation: }\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Hf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/accordion.css.js CHANGED
@@ -61,9 +61,9 @@ var(--spectrum-accordion-item-header-font-size)
61
61
  )*var(
62
62
  --mod-accordion-item-header-line-height,
63
63
  var(--spectrum-accordion-item-header-line-height)
64
- )))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
64
+ )))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
65
65
  --spectrum-cjk-line-height-100
66
- )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(
66
+ );--spectrum-accordion-item-content-line-height:var(
67
67
  --spectrum-cjk-line-height-100
68
68
  )}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(
69
69
  --spectrum-accordion-top-to-text-compact-medium
@@ -121,6 +121,6 @@ var(--spectrum-accordion-item-header-line-height)
121
121
  --spectrum-accordion-top-to-text-regular-extra-large
122
122
  );--spectrum-accordion-item-header-bottom-to-text-space:var(
123
123
  --spectrum-accordion-bottom-to-text-regular-extra-large
124
- )}:host{display:block;list-style:none;margin:0;padding:0}
124
+ )}:host{display:block;list-style:none;margin:0;padding:0}:host{--spectrum-logical-rotation: }
125
125
  `;export default e;
126
126
  //# sourceMappingURL=accordion.css.js.map
package/src/accordion.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["accordion.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n);--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}:host{--spectrum-logical-rotation: }\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Hf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-accordion-item.css.dev.js CHANGED
@@ -1,11 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{border-block-end:1px solid #0000;border-color:var(
5
- --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
6
- );border-width:var(
7
- --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
8
- );margin:0;min-block-size:var(
4
+ :host{margin:0;min-block-size:var(
9
5
  --mod-accordion-item-height,var(--spectrum-accordion-item-height)
10
6
  );min-inline-size:var(
11
7
  --mod-accordion-item-width,var(--spectrum-accordion-item-width)
@@ -13,6 +9,10 @@ const styles = css`
13
9
  --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
14
10
  );border-width:var(
15
11
  --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
12
+ )}:host{border-block-end:1px solid #0000;border-color:var(
13
+ --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
14
+ );border-width:var(
15
+ --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
16
16
  )}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{align-items:center;block-size:var(
17
17
  --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
18
18
  );color:var(
@@ -49,11 +49,7 @@ var(
49
49
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
50
50
  ) var(
51
51
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
52
- )}#header{align-items:center;appearance:none;background-color:var(
53
- --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
54
- );border:0;box-sizing:border-box;color:var(
55
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
56
- );cursor:pointer;display:flex;font-family:var(
52
+ )}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(
57
53
  --mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)
58
54
  );font-size:var(
59
55
  --mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)
@@ -77,12 +73,10 @@ var(--spectrum-accordion-disclosure-indicator-to-text-space)
77
73
  ) + var(
78
74
  --mod-accordion-disclosure-indicator-height,
79
75
  var(--spectrum-accordion-disclosure-indicator-height)
80
- ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header:hover{background-color:var(
81
- --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
76
+ ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header{background-color:var(
77
+ --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
82
78
  );color:var(
83
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
84
- )}#header:hover+.iconContainer{color:var(
85
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
79
+ --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
86
80
  )}#header.focus-visible{background-color:var(
87
81
  --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
88
82
  );border-radius:var(
@@ -113,17 +107,25 @@ var(--spectrum-accordion-focus-indicator-gap)
113
107
  --mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)
114
108
  );color:var(
115
109
  --mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)
110
+ )}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(
111
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
112
+ )}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(
113
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
114
+ )}@media (hover:hover){#header:hover{background-color:var(
115
+ --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
116
+ );color:var(
117
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
118
+ )}#header:hover+.iconContainer{color:var(
119
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
116
120
  )}:host([open]) #header:hover{background-color:var(
117
121
  --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
118
- )}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
119
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
120
- )}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
122
+ )}:host([disabled]) #header:hover{background-color:#0000;color:var(
121
123
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
122
- )}:host([disabled]) #header+.iconContainer{color:var(
124
+ )}}:host([disabled]) #header+.iconContainer{color:var(
123
125
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
124
126
  )}:host([disabled]) #content{color:var(
125
127
  --mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)
126
- )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}
128
+ )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}
127
129
  `;
128
130
  export default styles;
129
131
  //# sourceMappingURL=spectrum-accordion-item.css.dev.js.map
package/src/spectrum-accordion-item.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-accordion-item.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n);margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);border:0;box-sizing:border-box;color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Hf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header{background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}@media (hover:hover){#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Hf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-accordion-item.css.js CHANGED
@@ -1,9 +1,5 @@
1
1
  "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{border-block-end:1px solid #0000;border-color:var(
3
- --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
4
- );border-width:var(
5
- --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
6
- );margin:0;min-block-size:var(
2
+ :host{margin:0;min-block-size:var(
7
3
  --mod-accordion-item-height,var(--spectrum-accordion-item-height)
8
4
  );min-inline-size:var(
9
5
  --mod-accordion-item-width,var(--spectrum-accordion-item-width)
@@ -11,6 +7,10 @@
11
7
  --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
12
8
  );border-width:var(
13
9
  --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
10
+ )}:host{border-block-end:1px solid #0000;border-color:var(
11
+ --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
12
+ );border-width:var(
13
+ --mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)
14
14
  )}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{align-items:center;block-size:var(
15
15
  --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
16
16
  );color:var(
@@ -47,11 +47,7 @@ var(
47
47
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
48
48
  ) var(
49
49
  --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
50
- )}#header{align-items:center;appearance:none;background-color:var(
51
- --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
52
- );border:0;box-sizing:border-box;color:var(
53
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
54
- );cursor:pointer;display:flex;font-family:var(
50
+ )}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(
55
51
  --mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)
56
52
  );font-size:var(
57
53
  --mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)
@@ -75,12 +71,10 @@ var(--spectrum-accordion-disclosure-indicator-to-text-space)
75
71
  ) + var(
76
72
  --mod-accordion-disclosure-indicator-height,
77
73
  var(--spectrum-accordion-disclosure-indicator-height)
78
- ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header:hover{background-color:var(
79
- --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
74
+ ));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:"";inset-inline-start:0;position:absolute}#header{background-color:var(
75
+ --mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)
80
76
  );color:var(
81
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
82
- )}#header:hover+.iconContainer{color:var(
83
- --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
77
+ --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
84
78
  )}#header.focus-visible{background-color:var(
85
79
  --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
86
80
  );border-radius:var(
@@ -111,16 +105,24 @@ var(--spectrum-accordion-focus-indicator-gap)
111
105
  --mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)
112
106
  );color:var(
113
107
  --mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)
108
+ )}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(
109
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
110
+ )}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(
111
+ --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
112
+ )}@media (hover:hover){#header:hover{background-color:var(
113
+ --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
114
+ );color:var(
115
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
116
+ )}#header:hover+.iconContainer{color:var(
117
+ --mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)
114
118
  )}:host([open]) #header:hover{background-color:var(
115
119
  --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
116
- )}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
117
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
118
- )}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(
120
+ )}:host([disabled]) #header:hover{background-color:#0000;color:var(
119
121
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
120
- )}:host([disabled]) #header+.iconContainer{color:var(
122
+ )}}:host([disabled]) #header+.iconContainer{color:var(
121
123
  --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
122
124
  )}:host([disabled]) #content{color:var(
123
125
  --mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)
124
- )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}
126
+ )}@media (forced-colors:active){#header:after{content:"";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}
125
127
  `;export default r;
126
128
  //# sourceMappingURL=spectrum-accordion-item.css.js.map
package/src/spectrum-accordion-item.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-accordion-item.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n);margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);border:0;box-sizing:border-box;color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible,:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([dir=ltr][open])>#heading>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>#heading>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([dir=ltr][open])>.iconContainer>.indicator{transform:rotate(90deg)}:host([dir=rtl][open])>.iconContainer>.indicator{transform:matrix(-1,0,0,1,0,0) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Hf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{margin:0;min-block-size:var(\n--mod-accordion-item-height,var(--spectrum-accordion-item-height)\n);min-inline-size:var(\n--mod-accordion-item-width,var(--spectrum-accordion-item-width)\n);position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}:host{border-block-end:1px solid #0000;border-color:var(\n--mod-accordion-divider-color,var(--spectrum-accordion-divider-color)\n);border-width:var(\n--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small)\n)}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{align-items:center;block-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n);display:flex;inline-size:var(\n--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)\n);inset-block-start:max(0px,calc((var(\n--mod-accordion-min-block-size,\nvar(--spectrum-accordion-min-block-size)\n) - var(\n--mod-accordion-disclosure-indicator-height,\nvar(\n--spectrum-accordion-disclosure-indicator-height\n)\n))/2));justify-content:center;padding-inline-start:var(\n--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)\n);position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(\n--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)\n);display:none;font-family:var(\n--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)\n);font-size:var(\n--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)\n);font-style:var(\n--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)\n);font-weight:var(\n--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)\n);line-height:var(\n--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)\n);padding-block:var(\n--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)\n) var(\n--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)\n);padding-inline:var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n) var(\n--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)\n)}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(\n--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)\n);font-size:var(\n--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)\n);font-style:var(\n--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)\n);font-weight:var(\n--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)\n);inline-size:100%;justify-content:flex-start;line-height:var(\n--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)\n);min-block-size:var(\n--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)\n);padding-block:var(\n--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)\n) var(\n--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)\n);padding-inline-end:var(\n--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)\n);padding-inline-start:calc(var(\n--mod-accordion-disclosure-indicator-to-text-space,\nvar(--spectrum-accordion-disclosure-indicator-to-text-space)\n) + var(\n--mod-accordion-disclosure-indicator-height,\nvar(--spectrum-accordion-disclosure-indicator-height)\n));position:relative;text-align:start;text-overflow:ellipsis}#header:focus{outline:none}#header:focus:after{content:\"\";inset-inline-start:0;position:absolute}#header{background-color:var(\n--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default)\n);color:var(\n--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)\n)}#header.focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:focus-visible{background-color:var(\n--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)\n);border-radius:var(\n--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)\n);color:var(\n--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)\n);outline:var(\n--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)\n) solid var(\n--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)\n);outline-offset:calc(var(\n--mod-accordion-focus-indicator-gap,\nvar(--spectrum-accordion-focus-indicator-gap)\n)*-1)}#header:active{background-color:var(\n--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)\n);color:var(\n--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down)\n)}:host([disabled]) #header,:host([disabled]) #header.focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #header,:host([disabled]) #header:focus-visible{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}@media (hover:hover){#header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n);color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}#header:hover+.iconContainer{color:var(\n--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover)\n)}:host([open]) #header:hover{background-color:var(\n--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)\n)}:host([disabled]) #header:hover{background-color:#0000;color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}}:host([disabled]) #header+.iconContainer{color:var(\n--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)\n)}:host([disabled]) #content{color:var(\n--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)\n)}@media (forced-colors:active){#header:after{content:\"\";forced-color-adjust:none;inset-inline-start:0;position:absolute}}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:var(--spectrum-logical-rotation) rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Hf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-accordion.css.dev.js CHANGED
@@ -63,9 +63,9 @@ var(--spectrum-accordion-item-header-font-size)
63
63
  )*var(
64
64
  --mod-accordion-item-header-line-height,
65
65
  var(--spectrum-accordion-item-header-line-height)
66
- )))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
66
+ )))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
67
67
  --spectrum-cjk-line-height-100
68
- )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(
68
+ );--spectrum-accordion-item-content-line-height:var(
69
69
  --spectrum-cjk-line-height-100
70
70
  )}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(
71
71
  --spectrum-accordion-top-to-text-compact-medium
package/src/spectrum-accordion.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-accordion.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n);--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Hf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-accordion.css.js CHANGED
@@ -61,9 +61,9 @@ var(--spectrum-accordion-item-header-font-size)
61
61
  )*var(
62
62
  --mod-accordion-item-header-line-height,
63
63
  var(--spectrum-accordion-item-header-line-height)
64
- )))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
64
+ )))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(
65
65
  --spectrum-cjk-line-height-100
66
- )}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(
66
+ );--spectrum-accordion-item-content-line-height:var(
67
67
  --spectrum-cjk-line-height-100
68
68
  )}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(
69
69
  --spectrum-accordion-top-to-text-compact-medium
package/src/spectrum-accordion.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-accordion.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-width:var(--spectrum-accordion-minimum-width);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-100\n);--spectrum-accordion-disclosure-indicator-to-text-space:var(\n--spectrum-accordion-disclosure-indicator-to-text\n);--spectrum-accordion-edge-to-disclosure-indicator-space:var(\n--spectrum-accordion-edge-to-disclosure-indicator\n);--spectrum-accordion-edge-to-text-space:var(\n--spectrum-accordion-edge-to-text\n);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-medium\n);--spectrum-accordion-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-accordion-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(\n--spectrum-accordion-content-area-top-to-content\n);--spectrum-accordion-item-content-area-bottom-to-content:var(\n--spectrum-accordion-content-area-bottom-to-content\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-accordion-item-header-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-header-font-weight:var(\n--spectrum-bold-font-weight\n);--spectrum-accordion-item-header-font-style:var(\n--spectrum-default-font-style\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-300);--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-content-font:var(\n--spectrum-sans-font-family-stack\n);--spectrum-accordion-item-content-font-weight:var(\n--spectrum-body-sans-serif-font-weight\n);--spectrum-accordion-item-content-font-style:var(\n--spectrum-body-sans-serif-font-style\n);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(\n--spectrum-line-height-100\n);--spectrum-accordion-background-color-default:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-default));--spectrum-accordion-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-hover));--spectrum-accordion-background-color-down:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-down));--spectrum-accordion-background-color-key-focus:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-background-opacity-key-focus));--spectrum-accordion-item-header-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-accordion-item-header-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-accordion-item-header-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-accordion-item-header-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-accordion-item-header-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-disabled-color:var(\n--spectrum-disabled-content-color\n);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-accordion-divider-color:var(--spectrum-gray-300);--spectrum-accordion-min-block-size:max(var(--mod-accordion-item-height,var(--spectrum-accordion-item-height)),calc(var(\n--mod-accordion-item-header-top-to-text-space,\nvar(--spectrum-accordion-item-header-top-to-text-space)\n) + var(\n--mod-accordion-item-header-bottom-to-text-space,\nvar(--spectrum-accordion-item-header-bottom-to-text-space)\n) + var(\n--mod-accordion-item-header-font-size,\nvar(--spectrum-accordion-item-header-font-size)\n)*var(\n--mod-accordion-item-header-line-height,\nvar(--spectrum-accordion-item-header-line-height)\n)))}:host([dir=rtl]),[dir=rtl] :host{--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(\n--spectrum-cjk-line-height-100\n);--spectrum-accordion-item-content-line-height:var(\n--spectrum-cjk-line-height-100\n)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-medium\n)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-small\n)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-large\n)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-compact-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-compact-extra-large\n)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-medium\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-medium\n)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-small-top-to-text-spacious\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-small\n)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-large\n)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-spacious-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-spacious-extra-large\n)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-75\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-50\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-200);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-xs);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-small\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-small\n)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-200\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-500);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-m);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-large\n)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(\n--spectrum-component-height-300\n);--spectrum-accordion-component-edge-to-text:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-accordion-item-header-font-size:var(--spectrum-font-size-700);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-l);--spectrum-accordion-item-header-top-to-text-space:var(\n--spectrum-accordion-top-to-text-regular-extra-large\n);--spectrum-accordion-item-header-bottom-to-text-space:var(\n--spectrum-accordion-bottom-to-text-regular-extra-large\n)}:host{display:block;list-style:none;margin:0;padding:0}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Hf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/stories/accordion.stories.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  import { AccordionMarkup } from "./";
3
+ import { argTypes } from "./args.js";
3
4
  import "@spectrum-web-components/accordion/sp-accordion.js";
4
5
  import "@spectrum-web-components/accordion/sp-accordion-item.js";
5
6
  import "@spectrum-web-components/link/sp-link.js";
@@ -11,44 +12,7 @@ export default {
11
12
  size: "m",
12
13
  density: void 0
13
14
  },
14
- argTypes: {
15
- open: {
16
- name: "open",
17
- type: { name: "boolean", required: false },
18
- description: "Whether the second accordion item is open.",
19
- table: {
20
- type: { summary: "boolean" },
21
- defaultValue: { summary: false }
22
- },
23
- control: {
24
- type: "boolean"
25
- }
26
- },
27
- density: {
28
- name: "density",
29
- type: { name: "string", required: false },
30
- description: "The density at which to display accordion items.",
31
- table: {
32
- defaultValue: { summary: void 0 }
33
- },
34
- control: {
35
- options: ["compact", "spacious", void 0],
36
- type: "select"
37
- }
38
- },
39
- size: {
40
- name: "size",
41
- type: { name: "string", required: false },
42
- description: "The size at which to display accordion items.",
43
- table: {
44
- defaultValue: { summary: "m" }
45
- },
46
- control: {
47
- options: ["s", "m", "l", "xl"],
48
- type: "select"
49
- }
50
- }
51
- }
15
+ argTypes
52
16
  };
53
17
  export const Default = (args) => AccordionMarkup(args);
54
18
  export const Open = (args) => AccordionMarkup(args);
package/stories/accordion.stories.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["accordion.stories.ts"],
4
- "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { AccordionMarkup } from './';\n\nimport '@spectrum-web-components/accordion/sp-accordion.js';\nimport '@spectrum-web-components/accordion/sp-accordion-item.js';\nimport '@spectrum-web-components/link/sp-link.js';\n\nexport default {\n title: 'Accordion',\n component: 'sp-accordion',\n args: {\n open: false,\n size: 'm',\n density: undefined,\n },\n argTypes: {\n open: {\n name: 'open',\n type: { name: 'boolean', required: false },\n description: 'Whether the second accordion item is open.',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n density: {\n name: 'density',\n type: { name: 'string', required: false },\n description: 'The density at which to display accordion items.',\n table: {\n defaultValue: { summary: undefined },\n },\n control: {\n options: ['compact', 'spacious', undefined],\n type: 'select',\n },\n },\n size: {\n name: 'size',\n type: { name: 'string', required: false },\n description: 'The size at which to display accordion items.',\n table: {\n defaultValue: { summary: 'm' },\n },\n control: {\n options: ['s', 'm', 'l', 'xl'],\n type: 'select',\n },\n },\n },\n};\n\ntype Properties = {\n allowMultiple?: boolean;\n disabled?: boolean;\n open?: boolean;\n density?: 'compact' | 'spacious' | undefined;\n size?: 's' | 'm' | 'l' | 'xl';\n};\n\nexport const Default = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\n\nexport const Open = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\nOpen.args = {\n open: true,\n allowMultiple: false,\n disabled: false,\n};\n\nexport const AllowMultiple = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\nAllowMultiple.args = {\n allowMultiple: true,\n};\n\nexport const Disabled = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\nDisabled.args = {\n disabled: true,\n};\n"],
5
- "mappings": ";AAaA,SAAS,uBAAuB;AAEhC,OAAO;AACP,OAAO;AACP,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACN,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,MACzC,aAAa;AAAA,MACb,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,UAAU;AAAA,QAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM;AAAA,MACxC,aAAa;AAAA,MACb,OAAO;AAAA,QACH,cAAc,EAAE,SAAS,OAAU;AAAA,MACvC;AAAA,MACA,SAAS;AAAA,QACL,SAAS,CAAC,WAAW,YAAY,MAAS;AAAA,QAC1C,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM;AAAA,MACxC,aAAa;AAAA,MACb,OAAO;AAAA,QACH,cAAc,EAAE,SAAS,IAAI;AAAA,MACjC;AAAA,MACA,SAAS;AAAA,QACL,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,QAC7B,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,EACJ;AACJ;AAUO,aAAM,UAAU,CAAC,SACpB,gBAAgB,IAAI;AAEjB,aAAM,OAAO,CAAC,SACjB,gBAAgB,IAAI;AACxB,KAAK,OAAO;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,UAAU;AACd;AAEO,aAAM,gBAAgB,CAAC,SAC1B,gBAAgB,IAAI;AACxB,cAAc,OAAO;AAAA,EACjB,eAAe;AACnB;AAEO,aAAM,WAAW,CAAC,SACrB,gBAAgB,IAAI;AACxB,SAAS,OAAO;AAAA,EACZ,UAAU;AACd;",
4
+ "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { AccordionMarkup } from './';\nimport { argTypes } from './args.js';\n\nimport '@spectrum-web-components/accordion/sp-accordion.js';\nimport '@spectrum-web-components/accordion/sp-accordion-item.js';\nimport '@spectrum-web-components/link/sp-link.js';\n\nexport default {\n title: 'Accordion',\n component: 'sp-accordion',\n args: {\n open: false,\n size: 'm',\n density: undefined,\n },\n argTypes,\n};\n\ntype Properties = {\n allowMultiple?: boolean;\n disabled?: boolean;\n open?: boolean;\n density?: 'compact' | 'spacious' | undefined;\n size?: 's' | 'm' | 'l' | 'xl';\n};\n\nexport const Default = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\n\nexport const Open = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\nOpen.args = {\n open: true,\n allowMultiple: false,\n disabled: false,\n};\n\nexport const AllowMultiple = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\nAllowMultiple.args = {\n allowMultiple: true,\n};\n\nexport const Disabled = (args?: Properties): TemplateResult =>\n AccordionMarkup(args);\nDisabled.args = {\n disabled: true,\n};\n"],
5
+ "mappings": ";AAaA,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAEzB,OAAO;AACP,OAAO;AACP,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACb;AAAA,EACA;AACJ;AAUO,aAAM,UAAU,CAAC,SACpB,gBAAgB,IAAI;AAEjB,aAAM,OAAO,CAAC,SACjB,gBAAgB,IAAI;AACxB,KAAK,OAAO;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,UAAU;AACd;AAEO,aAAM,gBAAgB,CAAC,SAC1B,gBAAgB,IAAI;AACxB,cAAc,OAAO;AAAA,EACjB,eAAe;AACnB;AAEO,aAAM,WAAW,CAAC,SACrB,gBAAgB,IAAI;AACxB,SAAS,OAAO;AAAA,EACZ,UAAU;AACd;",
6
6
  "names": []
7
7
  }
package/stories/args.js ADDED
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+ export const argTypes = {
3
+ open: {
4
+ name: "open",
5
+ type: { name: "boolean", required: false },
6
+ description: "Whether the second accordion item is open.",
7
+ table: {
8
+ type: { summary: "boolean" },
9
+ defaultValue: { summary: false }
10
+ },
11
+ control: {
12
+ type: "boolean"
13
+ }
14
+ },
15
+ allowMultiple: {
16
+ name: "allowMultiple",
17
+ type: { name: "boolean", required: false },
18
+ description: "Whether multipel Accordion Items can be open at the same time.",
19
+ table: {
20
+ type: { summary: "boolean" },
21
+ defaultValue: { summary: false }
22
+ },
23
+ control: {
24
+ type: "boolean"
25
+ }
26
+ },
27
+ density: {
28
+ name: "density",
29
+ type: { name: "string", required: false },
30
+ description: "The density at which to display accordion items.",
31
+ table: {
32
+ defaultValue: { summary: "default" }
33
+ },
34
+ control: {
35
+ labels: {
36
+ compact: "Compact",
37
+ spacious: "Spacious",
38
+ default: "Default"
39
+ },
40
+ type: "select"
41
+ }
42
+ },
43
+ size: {
44
+ name: "size",
45
+ type: { name: "string", required: false },
46
+ description: "The size at which to display accordion items.",
47
+ table: {
48
+ defaultValue: { summary: "m" }
49
+ },
50
+ control: {
51
+ labels: {
52
+ s: "Small",
53
+ m: "Medium",
54
+ l: "Large",
55
+ xl: "Extra large"
56
+ },
57
+ type: "select"
58
+ }
59
+ }
60
+ };
61
+ //# sourceMappingURL=args.js.map
package/stories/args.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["args.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nexport const argTypes = {\n open: {\n name: 'open',\n type: { name: 'boolean', required: false },\n description: 'Whether the second accordion item is open.',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n allowMultiple: {\n name: 'allowMultiple',\n type: { name: 'boolean', required: false },\n description:\n 'Whether multipel Accordion Items can be open at the same time.',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n density: {\n name: 'density',\n type: { name: 'string', required: false },\n description: 'The density at which to display accordion items.',\n table: {\n defaultValue: { summary: 'default' },\n },\n control: {\n labels: {\n compact: 'Compact',\n spacious: 'Spacious',\n default: 'Default',\n },\n type: 'select',\n },\n },\n size: {\n name: 'size',\n type: { name: 'string', required: false },\n description: 'The size at which to display accordion items.',\n table: {\n defaultValue: { summary: 'm' },\n },\n control: {\n labels: {\n s: 'Small',\n m: 'Medium',\n l: 'Large',\n xl: 'Extra large',\n },\n type: 'select',\n },\n },\n};\n"],
5
+ "mappings": ";AAYO,aAAM,WAAW;AAAA,EACpB,MAAM;AAAA,IACF,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,IACzC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,UAAU;AAAA,MAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,IACnC;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EACA,eAAe;AAAA,IACX,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,IACzC,aACI;AAAA,IACJ,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,UAAU;AAAA,MAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,IACnC;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACL,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM;AAAA,IACxC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,cAAc,EAAE,SAAS,UAAU;AAAA,IACvC;AAAA,IACA,SAAS;AAAA,MACL,QAAQ;AAAA,QACJ,SAAS;AAAA,QACT,UAAU;AAAA,QACV,SAAS;AAAA,MACb;AAAA,MACA,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM;AAAA,IACxC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,cAAc,EAAE,SAAS,IAAI;AAAA,IACjC;AAAA,IACA,SAAS;AAAA,MACL,QAAQ;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,IAAI;AAAA,MACR;AAAA,MACA,MAAM;AAAA,IACV;AAAA,EACJ;AACJ;",
6
+ "names": []
7
+ }
package/stories/template.js ADDED
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ import { AccordionMarkup } from "./";
3
+ export const Template = AccordionMarkup;
4
+ //# sourceMappingURL=template.js.map
package/stories/template.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["template.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { AccordionMarkup } from './';\n\nexport const Template = AccordionMarkup;\n"],
5
+ "mappings": ";AAYA,SAAS,uBAAuB;AAEzB,aAAM,WAAW;",
6
+ "names": []
7
+ }