@spectrum-web-components/accordion 0.41.0 → 0.41.2

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 (17) hide show
  1. package/package.json +8 -8
  2. package/src/accordion-item.css.dev.js +1 -127
  3. package/src/accordion-item.css.dev.js.map +2 -2
  4. package/src/accordion-item.css.js +1 -127
  5. package/src/accordion-item.css.js.map +2 -2
  6. package/src/accordion.css.dev.js +1 -123
  7. package/src/accordion.css.dev.js.map +2 -2
  8. package/src/accordion.css.js +1 -123
  9. package/src/accordion.css.js.map +2 -2
  10. package/src/spectrum-accordion-item.css.dev.js +1 -125
  11. package/src/spectrum-accordion-item.css.dev.js.map +2 -2
  12. package/src/spectrum-accordion-item.css.js +1 -125
  13. package/src/spectrum-accordion-item.css.js.map +2 -2
  14. package/src/spectrum-accordion.css.dev.js +1 -123
  15. package/src/spectrum-accordion.css.dev.js.map +2 -2
  16. package/src/spectrum-accordion.css.js +1 -123
  17. package/src/spectrum-accordion.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/accordion",
3
- "version": "0.41.0",
3
+ "version": "0.41.2",
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.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"
69
+ "@spectrum-web-components/base": "^0.41.2",
70
+ "@spectrum-web-components/icon": "^0.41.2",
71
+ "@spectrum-web-components/icons-ui": "^0.41.2",
72
+ "@spectrum-web-components/reactive-controllers": "^0.41.2",
73
+ "@spectrum-web-components/shared": "^0.41.2"
74
74
  },
75
75
  "devDependencies": {
76
- "@spectrum-css/accordion": "^4.2.0"
76
+ "@spectrum-css/accordion": "^4.2.4"
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": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
84
+ "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
85
85
  }
package/src/accordion-item.css.dev.js CHANGED
@@ -1,133 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{margin:0;min-block-size:var(
5
- --mod-accordion-item-height,var(--spectrum-accordion-item-height)
6
- );min-inline-size:var(
7
- --mod-accordion-item-width,var(--spectrum-accordion-item-width)
8
- );position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(
9
- --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
10
- );border-width:var(
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
- )}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(
17
- --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
18
- );color:var(
19
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
20
- );display:flex;inline-size:var(
21
- --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
22
- );inset-block-start:max(0px,calc((var(
23
- --mod-accordion-min-block-size,
24
- var(--spectrum-accordion-min-block-size)
25
- ) - var(
26
- --mod-accordion-disclosure-indicator-height,
27
- var(
28
- --spectrum-accordion-disclosure-indicator-height
29
- )
30
- ))/2));justify-content:center;padding-inline-start:var(
31
- --mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)
32
- );position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(
33
- --mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)
34
- );display:none;font-family:var(
35
- --mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)
36
- );font-size:var(
37
- --mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)
38
- );font-style:var(
39
- --mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)
40
- );font-weight:var(
41
- --mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)
42
- );line-height:var(
43
- --mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)
44
- );padding-block:var(
45
- --mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)
46
- ) var(
47
- --mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)
48
- );padding-inline:var(
49
- --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
50
- ) var(
51
- --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
52
- )}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(
53
- --mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)
54
- );font-size:var(
55
- --mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)
56
- );font-style:var(
57
- --mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)
58
- );font-weight:var(
59
- --mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)
60
- );inline-size:100%;justify-content:flex-start;line-height:var(
61
- --mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)
62
- );min-block-size:var(
63
- --mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)
64
- );padding-block:var(
65
- --mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)
66
- ) var(
67
- --mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)
68
- );padding-inline-end:var(
69
- --mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)
70
- );padding-inline-start:calc(var(
71
- --mod-accordion-disclosure-indicator-to-text-space,
72
- var(--spectrum-accordion-disclosure-indicator-to-text-space)
73
- ) + var(
74
- --mod-accordion-disclosure-indicator-height,
75
- var(--spectrum-accordion-disclosure-indicator-height)
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)
78
- );color:var(
79
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
80
- )}#header.focus-visible{background-color:var(
81
- --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
82
- );border-radius:var(
83
- --mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)
84
- );color:var(
85
- --mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)
86
- );outline:var(
87
- --mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)
88
- ) solid var(
89
- --mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)
90
- );outline-offset:calc(var(
91
- --mod-accordion-focus-indicator-gap,
92
- var(--spectrum-accordion-focus-indicator-gap)
93
- )*-1)}#header:focus-visible{background-color:var(
94
- --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
95
- );border-radius:var(
96
- --mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)
97
- );color:var(
98
- --mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)
99
- );outline:var(
100
- --mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)
101
- ) solid var(
102
- --mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)
103
- );outline-offset:calc(var(
104
- --mod-accordion-focus-indicator-gap,
105
- var(--spectrum-accordion-focus-indicator-gap)
106
- )*-1)}#header:active{background-color:var(
107
- --mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)
108
- );color:var(
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)
120
- )}:host([open]) #header:hover{background-color:var(
121
- --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
122
- )}:host([disabled]) #header:hover{background-color:#0000;color:var(
123
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
124
- )}}:host([disabled]) #header+.iconContainer{color:var(
125
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
126
- )}:host([disabled]) #content{color:var(
127
- --mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color)
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(
129
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
130
- )}
4
+ :host{z-index:inherit;min-block-size:var(--mod-accordion-item-height,var(--spectrum-accordion-item-height));min-inline-size:var(--mod-accordion-item-width,var(--spectrum-accordion-item-width));margin:0;position:relative}:host(:first-child){border-block-start:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}:host{border-block-end:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{inline-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));block-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));justify-content:center;align-items:center;padding-inline-start:var(--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space));display:flex;position:absolute;inset-block-start:max(0px,calc(( var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)) - var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)))/2))}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{padding-block:var(--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content))var(--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content));padding-inline:var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text))var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text));color:var(--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color));font-weight:var(--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight));font-style:var(--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style));font-size:var(--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size));font-family:var(--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font));line-height:var(--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height));display:none}#header{box-sizing:border-box;padding-block:var(--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space))var(--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space));min-block-size:var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size));line-height:var(--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height));text-overflow:ellipsis;cursor:pointer;font-size:var(--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size));font-weight:var(--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight));font-style:var(--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style));font-family:var(--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font));appearance:none;text-align:start;border:0;justify-content:flex-start;align-items:center;inline-size:100%;padding-inline-start:calc(var(--mod-accordion-disclosure-indicator-to-text-space,var(--spectrum-accordion-disclosure-indicator-to-text-space)) + var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)));padding-inline-end:var(--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space));display:flex;position:relative}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header{color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));background-color:var(--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default))}#header:focus-visible{border-radius:var(--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius));outline:var(--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness))solid var(--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color));background-color:var(--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus));color:var(--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus));outline-offset:calc(var(--mod-accordion-focus-indicator-gap,var(--spectrum-accordion-focus-indicator-gap))*-1)}#header:active{background-color:var(--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down));color:var(--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}@media (hover:hover){#header:hover{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover));background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header:hover+.iconContainer{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover))}:host([open]) #header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}:host([disabled]) #header:hover{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}}:host([disabled]) #header+.iconContainer{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}:host([disabled]) #content{color:var(--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color))}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}: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(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}
131
5
  `;
132
6
  export default styles;
133
7
  //# sourceMappingURL=accordion-item.css.dev.js.map
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{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;",
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{z-index:inherit;min-block-size:var(--mod-accordion-item-height,var(--spectrum-accordion-item-height));min-inline-size:var(--mod-accordion-item-width,var(--spectrum-accordion-item-width));margin:0;position:relative}:host(:first-child){border-block-start:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}:host{border-block-end:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{inline-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));block-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));justify-content:center;align-items:center;padding-inline-start:var(--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space));display:flex;position:absolute;inset-block-start:max(0px,calc(( var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)) - var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)))/2))}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{padding-block:var(--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content))var(--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content));padding-inline:var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text))var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text));color:var(--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color));font-weight:var(--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight));font-style:var(--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style));font-size:var(--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size));font-family:var(--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font));line-height:var(--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height));display:none}#header{box-sizing:border-box;padding-block:var(--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space))var(--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space));min-block-size:var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size));line-height:var(--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height));text-overflow:ellipsis;cursor:pointer;font-size:var(--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size));font-weight:var(--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight));font-style:var(--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style));font-family:var(--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font));appearance:none;text-align:start;border:0;justify-content:flex-start;align-items:center;inline-size:100%;padding-inline-start:calc(var(--mod-accordion-disclosure-indicator-to-text-space,var(--spectrum-accordion-disclosure-indicator-to-text-space)) + var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)));padding-inline-end:var(--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space));display:flex;position:relative}#header:focus{outline:none}#header:focus:after{content:\"\";position:absolute;inset-inline-start:0}#header{color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));background-color:var(--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default))}#header:focus-visible{border-radius:var(--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius));outline:var(--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness))solid var(--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color));background-color:var(--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus));color:var(--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus));outline-offset:calc(var(--mod-accordion-focus-indicator-gap,var(--spectrum-accordion-focus-indicator-gap))*-1)}#header:active{background-color:var(--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down));color:var(--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}@media (hover:hover){#header:hover{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover));background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header:hover+.iconContainer{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover))}:host([open]) #header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}:host([disabled]) #header:hover{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}}:host([disabled]) #header+.iconContainer{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}:host([disabled]) #content{color:var(--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color))}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:\"\";position:absolute;inset-inline-start:0}}: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(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/accordion-item.css.js CHANGED
@@ -1,130 +1,4 @@
1
1
  "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{margin:0;min-block-size:var(
3
- --mod-accordion-item-height,var(--spectrum-accordion-item-height)
4
- );min-inline-size:var(
5
- --mod-accordion-item-width,var(--spectrum-accordion-item-width)
6
- );position:relative;z-index:inherit}:host(:first-child){border-block-start:1px solid #0000;border-color:var(
7
- --mod-accordion-divider-color,var(--spectrum-accordion-divider-color)
8
- );border-width:var(
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
- )}#heading{box-sizing:border-box;margin:0}.iconContainer{align-items:center;block-size:var(
15
- --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
16
- );color:var(
17
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
18
- );display:flex;inline-size:var(
19
- --mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)
20
- );inset-block-start:max(0px,calc((var(
21
- --mod-accordion-min-block-size,
22
- var(--spectrum-accordion-min-block-size)
23
- ) - var(
24
- --mod-accordion-disclosure-indicator-height,
25
- var(
26
- --spectrum-accordion-disclosure-indicator-height
27
- )
28
- ))/2));justify-content:center;padding-inline-start:var(
29
- --mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space)
30
- );position:absolute}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{color:var(
31
- --mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color)
32
- );display:none;font-family:var(
33
- --mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font)
34
- );font-size:var(
35
- --mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size)
36
- );font-style:var(
37
- --mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style)
38
- );font-weight:var(
39
- --mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight)
40
- );line-height:var(
41
- --mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height)
42
- );padding-block:var(
43
- --mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content)
44
- ) var(
45
- --mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content)
46
- );padding-inline:var(
47
- --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
48
- ) var(
49
- --mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text)
50
- )}#header{align-items:center;appearance:none;border:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(
51
- --mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font)
52
- );font-size:var(
53
- --mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size)
54
- );font-style:var(
55
- --mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style)
56
- );font-weight:var(
57
- --mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight)
58
- );inline-size:100%;justify-content:flex-start;line-height:var(
59
- --mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height)
60
- );min-block-size:var(
61
- --mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)
62
- );padding-block:var(
63
- --mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)
64
- ) var(
65
- --mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)
66
- );padding-inline-end:var(
67
- --mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space)
68
- );padding-inline-start:calc(var(
69
- --mod-accordion-disclosure-indicator-to-text-space,
70
- var(--spectrum-accordion-disclosure-indicator-to-text-space)
71
- ) + var(
72
- --mod-accordion-disclosure-indicator-height,
73
- var(--spectrum-accordion-disclosure-indicator-height)
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)
76
- );color:var(
77
- --mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default)
78
- )}#header.focus-visible{background-color:var(
79
- --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
80
- );border-radius:var(
81
- --mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)
82
- );color:var(
83
- --mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)
84
- );outline:var(
85
- --mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)
86
- ) solid var(
87
- --mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)
88
- );outline-offset:calc(var(
89
- --mod-accordion-focus-indicator-gap,
90
- var(--spectrum-accordion-focus-indicator-gap)
91
- )*-1)}#header:focus-visible{background-color:var(
92
- --mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus)
93
- );border-radius:var(
94
- --mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius)
95
- );color:var(
96
- --mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus)
97
- );outline:var(
98
- --mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness)
99
- ) solid var(
100
- --mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color)
101
- );outline-offset:calc(var(
102
- --mod-accordion-focus-indicator-gap,
103
- var(--spectrum-accordion-focus-indicator-gap)
104
- )*-1)}#header:active{background-color:var(
105
- --mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down)
106
- );color:var(
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)
118
- )}:host([open]) #header:hover{background-color:var(
119
- --mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover)
120
- )}:host([disabled]) #header:hover{background-color:#0000;color:var(
121
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
122
- )}}:host([disabled]) #header+.iconContainer{color:var(
123
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
124
- )}:host([disabled]) #content{color:var(
125
- --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([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
- --mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color)
128
- )}
2
+ :host{z-index:inherit;min-block-size:var(--mod-accordion-item-height,var(--spectrum-accordion-item-height));min-inline-size:var(--mod-accordion-item-width,var(--spectrum-accordion-item-width));margin:0;position:relative}:host(:first-child){border-block-start:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}:host{border-block-end:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{inline-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));block-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));justify-content:center;align-items:center;padding-inline-start:var(--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space));display:flex;position:absolute;inset-block-start:max(0px,calc(( var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)) - var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)))/2))}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{padding-block:var(--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content))var(--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content));padding-inline:var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text))var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text));color:var(--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color));font-weight:var(--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight));font-style:var(--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style));font-size:var(--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size));font-family:var(--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font));line-height:var(--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height));display:none}#header{box-sizing:border-box;padding-block:var(--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space))var(--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space));min-block-size:var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size));line-height:var(--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height));text-overflow:ellipsis;cursor:pointer;font-size:var(--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size));font-weight:var(--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight));font-style:var(--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style));font-family:var(--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font));appearance:none;text-align:start;border:0;justify-content:flex-start;align-items:center;inline-size:100%;padding-inline-start:calc(var(--mod-accordion-disclosure-indicator-to-text-space,var(--spectrum-accordion-disclosure-indicator-to-text-space)) + var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)));padding-inline-end:var(--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space));display:flex;position:relative}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header{color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));background-color:var(--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default))}#header:focus-visible{border-radius:var(--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius));outline:var(--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness))solid var(--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color));background-color:var(--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus));color:var(--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus));outline-offset:calc(var(--mod-accordion-focus-indicator-gap,var(--spectrum-accordion-focus-indicator-gap))*-1)}#header:active{background-color:var(--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down));color:var(--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}@media (hover:hover){#header:hover{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover));background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header:hover+.iconContainer{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover))}:host([open]) #header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}:host([disabled]) #header:hover{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}}:host([disabled]) #header+.iconContainer{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}:host([disabled]) #content{color:var(--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color))}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}: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(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}
129
3
  `;export default r;
130
4
  //# sourceMappingURL=accordion-item.css.js.map
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{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",
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{z-index:inherit;min-block-size:var(--mod-accordion-item-height,var(--spectrum-accordion-item-height));min-inline-size:var(--mod-accordion-item-width,var(--spectrum-accordion-item-width));margin:0;position:relative}:host(:first-child){border-block-start:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}:host{border-block-end:1px solid #0000;border-color:var(--mod-accordion-divider-color,var(--spectrum-accordion-divider-color));border-width:var(--mod-accordion-divider-thickness,var(--spectrum-divider-thickness-small))}#heading{box-sizing:border-box;margin:0;position:relative}.iconContainer{inline-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));block-size:var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height));color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));justify-content:center;align-items:center;padding-inline-start:var(--mod-accordion-edge-to-disclosure-indicator-space,var(--spectrum-accordion-edge-to-disclosure-indicator-space));display:flex;position:absolute;inset-block-start:max(0px,calc(( var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size)) - var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)))/2))}:host([dir=rtl]) .iconContainer{transform:scaleX(-1)}#content{padding-block:var(--mod-accordion-item-content-area-top-to-content,var(--spectrum-accordion-item-content-area-top-to-content))var(--mod-accordion-item-content-area-bottom-to-content,var(--spectrum-accordion-item-content-area-bottom-to-content));padding-inline:var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text))var(--mod-accordion-component-edge-to-text,var(--spectrum-accordion-component-edge-to-text));color:var(--mod-accordion-item-content-color,var(--spectrum-accordion-item-content-color));font-weight:var(--mod-accordion-item-content-font-weight,var(--spectrum-accordion-item-content-font-weight));font-style:var(--mod-accordion-item-content-font-style,var(--spectrum-accordion-item-content-font-style));font-size:var(--mod-accordion-item-content-font-size,var(--spectrum-accordion-item-content-font-size));font-family:var(--mod-accordion-item-content-font,var(--spectrum-accordion-item-content-font));line-height:var(--mod-accordion-item-content-line-height,var(--spectrum-accordion-item-content-line-height));display:none}#header{box-sizing:border-box;padding-block:var(--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space))var(--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space));min-block-size:var(--mod-accordion-min-block-size,var(--spectrum-accordion-min-block-size));line-height:var(--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height));text-overflow:ellipsis;cursor:pointer;font-size:var(--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size));font-weight:var(--mod-accordion-item-header-font-weight,var(--spectrum-accordion-item-header-font-weight));font-style:var(--mod-accordion-item-header-font-style,var(--spectrum-accordion-item-header-font-style));font-family:var(--mod-accordion-item-header-font,var(--spectrum-accordion-item-header-font));appearance:none;text-align:start;border:0;justify-content:flex-start;align-items:center;inline-size:100%;padding-inline-start:calc(var(--mod-accordion-disclosure-indicator-to-text-space,var(--spectrum-accordion-disclosure-indicator-to-text-space)) + var(--mod-accordion-disclosure-indicator-height,var(--spectrum-accordion-disclosure-indicator-height)));padding-inline-end:var(--mod-accordion-edge-to-text-space,var(--spectrum-accordion-edge-to-text-space));display:flex;position:relative}#header:focus{outline:none}#header:focus:after{content:\"\";position:absolute;inset-inline-start:0}#header{color:var(--mod-accordion-item-header-color-default,var(--spectrum-accordion-item-header-color-default));background-color:var(--mod-accordion-background-color-default,var(--spectrum-accordion-background-color-default))}#header:focus-visible{border-radius:var(--mod-accordion-corner-radius,var(--spectrum-accordion-corner-radius));outline:var(--mod-accordion-focus-indicator-thickness,var(--spectrum-accordion-focus-indicator-thickness))solid var(--mod-accordion-focus-indicator-color,var(--spectrum-accordion-focus-indicator-color));background-color:var(--mod-accordion-background-color-key-focus,var(--spectrum-accordion-background-color-key-focus));color:var(--mod-accordion-item-header-color-key-focus,var(--spectrum-accordion-item-header-color-key-focus));outline-offset:calc(var(--mod-accordion-focus-indicator-gap,var(--spectrum-accordion-focus-indicator-gap))*-1)}#header:active{background-color:var(--mod-accordion-background-color-down,var(--spectrum-accordion-background-color-down));color:var(--mod-accordion-item-header-color-down,var(--spectrum-accordion-item-header-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}@media (hover:hover){#header:hover{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover));background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header:hover+.iconContainer{color:var(--mod-accordion-item-header-color-hover,var(--spectrum-accordion-item-header-color-hover))}:host([open]) #header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}:host([disabled]) #header:hover{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color));background-color:#0000}}:host([disabled]) #header+.iconContainer{color:var(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}:host([disabled]) #content{color:var(--mod-accordion-item-content-disabled-color,var(--spectrum-accordion-item-content-disabled-color))}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:\"\";position:absolute;inset-inline-start:0}}: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(--mod-accordion-item-header-disabled-color,var(--spectrum-accordion-item-header-disabled-color))}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/accordion.css.dev.js CHANGED
@@ -1,129 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :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(
5
- --spectrum-component-height-100
6
- );--spectrum-accordion-disclosure-indicator-to-text-space:var(
7
- --spectrum-accordion-disclosure-indicator-to-text
8
- );--spectrum-accordion-edge-to-disclosure-indicator-space:var(
9
- --spectrum-accordion-edge-to-disclosure-indicator
10
- );--spectrum-accordion-edge-to-text-space:var(
11
- --spectrum-accordion-edge-to-text
12
- );--spectrum-accordion-item-header-top-to-text-space:var(
13
- --spectrum-accordion-top-to-text-regular-medium
14
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
15
- --spectrum-accordion-bottom-to-text-regular-medium
16
- );--spectrum-accordion-focus-indicator-gap:var(
17
- --spectrum-focus-indicator-gap
18
- );--spectrum-accordion-focus-indicator-thickness:var(
19
- --spectrum-focus-indicator-thickness
20
- );--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(
21
- --spectrum-accordion-content-area-top-to-content
22
- );--spectrum-accordion-item-content-area-bottom-to-content:var(
23
- --spectrum-accordion-content-area-bottom-to-content
24
- );--spectrum-accordion-component-edge-to-text:var(
25
- --spectrum-component-edge-to-text-75
26
- );--spectrum-accordion-item-header-font:var(
27
- --spectrum-sans-font-family-stack
28
- );--spectrum-accordion-item-header-font-weight:var(
29
- --spectrum-bold-font-weight
30
- );--spectrum-accordion-item-header-font-style:var(
31
- --spectrum-default-font-style
32
- );--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(
33
- --spectrum-sans-font-family-stack
34
- );--spectrum-accordion-item-content-font-weight:var(
35
- --spectrum-body-sans-serif-font-weight
36
- );--spectrum-accordion-item-content-font-style:var(
37
- --spectrum-body-sans-serif-font-style
38
- );--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(
39
- --spectrum-line-height-100
40
- );--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(
41
- --spectrum-neutral-content-color-default
42
- );--spectrum-accordion-item-header-color-hover:var(
43
- --spectrum-neutral-content-color-hover
44
- );--spectrum-accordion-item-header-color-down:var(
45
- --spectrum-neutral-content-color-down
46
- );--spectrum-accordion-item-header-color-key-focus:var(
47
- --spectrum-neutral-content-color-key-focus
48
- );--spectrum-accordion-item-header-disabled-color:var(
49
- --spectrum-disabled-content-color
50
- );--spectrum-accordion-item-content-disabled-color:var(
51
- --spectrum-disabled-content-color
52
- );--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(
53
- --spectrum-focus-indicator-color
54
- );--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(
55
- --mod-accordion-item-header-top-to-text-space,
56
- var(--spectrum-accordion-item-header-top-to-text-space)
57
- ) + var(
58
- --mod-accordion-item-header-bottom-to-text-space,
59
- var(--spectrum-accordion-item-header-bottom-to-text-space)
60
- ) + var(
61
- --mod-accordion-item-header-font-size,
62
- var(--spectrum-accordion-item-header-font-size)
63
- )*var(
64
- --mod-accordion-item-header-line-height,
65
- var(--spectrum-accordion-item-header-line-height)
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
- --spectrum-cjk-line-height-100
68
- );--spectrum-accordion-item-content-line-height:var(
69
- --spectrum-cjk-line-height-100
70
- )}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(
71
- --spectrum-accordion-top-to-text-compact-medium
72
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
73
- --spectrum-accordion-bottom-to-text-compact-medium
74
- )}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(
75
- --spectrum-accordion-top-to-text-compact-small
76
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
77
- --spectrum-accordion-bottom-to-text-compact-small
78
- )}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(
79
- --spectrum-accordion-top-to-text-compact-large
80
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
81
- --spectrum-accordion-bottom-to-text-compact-large
82
- )}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(
83
- --spectrum-accordion-top-to-text-compact-extra-large
84
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
85
- --spectrum-accordion-bottom-to-text-compact-extra-large
86
- )}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(
87
- --spectrum-accordion-top-to-text-spacious-medium
88
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
89
- --spectrum-accordion-bottom-to-text-spacious-medium
90
- )}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(
91
- --spectrum-accordion-small-top-to-text-spacious
92
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
93
- --spectrum-accordion-bottom-to-text-spacious-small
94
- )}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(
95
- --spectrum-accordion-top-to-text-spacious-large
96
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
97
- --spectrum-accordion-bottom-to-text-spacious-large
98
- )}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(
99
- --spectrum-accordion-top-to-text-spacious-extra-large
100
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
101
- --spectrum-accordion-bottom-to-text-spacious-extra-large
102
- )}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(
103
- --spectrum-component-height-75
104
- );--spectrum-accordion-component-edge-to-text:var(
105
- --spectrum-component-edge-to-text-50
106
- );--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(
107
- --spectrum-accordion-top-to-text-regular-small
108
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
109
- --spectrum-accordion-bottom-to-text-regular-small
110
- )}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(
111
- --spectrum-component-height-200
112
- );--spectrum-accordion-component-edge-to-text:var(
113
- --spectrum-component-edge-to-text-100
114
- );--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(
115
- --spectrum-accordion-top-to-text-regular-large
116
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
117
- --spectrum-accordion-bottom-to-text-regular-large
118
- )}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(
119
- --spectrum-component-height-300
120
- );--spectrum-accordion-component-edge-to-text:var(
121
- --spectrum-component-edge-to-text-200
122
- );--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(
123
- --spectrum-accordion-top-to-text-regular-extra-large
124
- );--spectrum-accordion-item-header-bottom-to-text-space:var(
125
- --spectrum-accordion-bottom-to-text-regular-extra-large
126
- )}:host{display:block;list-style:none;margin:0;padding:0}:host{--spectrum-logical-rotation: }
4
+ :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(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-to-text-space:var(--spectrum-accordion-disclosure-indicator-to-text);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--spectrum-accordion-edge-to-disclosure-indicator);--spectrum-accordion-edge-to-text-space:var(--spectrum-accordion-edge-to-text);--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-regular-medium);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-regular-medium);--spectrum-accordion-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--spectrum-corner-radius-100);--spectrum-accordion-item-content-area-top-to-content:var(--spectrum-accordion-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--spectrum-accordion-content-area-bottom-to-content);--spectrum-accordion-component-edge-to-text:var(--spectrum-component-edge-to-text-75);--spectrum-accordion-item-header-font:var(--spectrum-sans-font-family-stack);--spectrum-accordion-item-header-font-weight:var(--spectrum-bold-font-weight);--spectrum-accordion-item-header-font-style:var(--spectrum-default-font-style);--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(--spectrum-sans-font-family-stack);--spectrum-accordion-item-content-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-accordion-item-content-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-accordion-item-content-font-size:var(--spectrum-body-size-s);--spectrum-accordion-item-content-line-height:var(--spectrum-line-height-100);--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(--spectrum-neutral-content-color-default);--spectrum-accordion-item-header-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-accordion-item-header-color-down:var(--spectrum-neutral-content-color-down);--spectrum-accordion-item-header-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--spectrum-disabled-content-color);--spectrum-accordion-item-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-accordion-item-content-color:var(--spectrum-body-color);--spectrum-accordion-focus-indicator-color:var(--spectrum-focus-indicator-color);--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(--mod-accordion-item-header-top-to-text-space,var(--spectrum-accordion-item-header-top-to-text-space)) + var(--mod-accordion-item-header-bottom-to-text-space,var(--spectrum-accordion-item-header-bottom-to-text-space)) + var(--mod-accordion-item-header-font-size,var(--spectrum-accordion-item-header-font-size))*var(--mod-accordion-item-header-line-height,var(--spectrum-accordion-item-header-line-height))))}:host([dir=rtl]),:host:dir(rtl){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:lang(ja),:host:lang(zh),:host:lang(ko){--spectrum-accordion-item-header-line-height:var(--spectrum-cjk-line-height-100);--spectrum-accordion-item-content-line-height:var(--spectrum-cjk-line-height-100)}:host([density=compact]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-compact-medium);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-compact-medium)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-75);--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-compact-small);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-compact-small)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-200);--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-compact-large);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-compact-large)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-compact-extra-large);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-compact-extra-large)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:1.278;--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-spacious-medium);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-spacious-medium)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-small-top-to-text-spacious);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-spacious-small)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:1.273;--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-spacious-large);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-spacious-large)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:1.25;--spectrum-accordion-item-header-top-to-text-space:var(--spectrum-accordion-top-to-text-spacious-extra-large);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-spacious-extra-large)}:host([size=s]){--spectrum-accordion-item-height:var(--spectrum-component-height-100);--spectrum-accordion-disclosure-indicator-height:var(--spectrum-component-height-75);--spectrum-accordion-component-edge-to-text:var(--spectrum-component-edge-to-text-50);--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(--spectrum-accordion-top-to-text-regular-small);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-regular-small)}:host([size=l]){--spectrum-accordion-item-height:var(--spectrum-component-height-300);--spectrum-accordion-disclosure-indicator-height:var(--spectrum-component-height-200);--spectrum-accordion-component-edge-to-text:var(--spectrum-component-edge-to-text-100);--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(--spectrum-accordion-top-to-text-regular-large);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-regular-large)}:host([size=xl]){--spectrum-accordion-item-height:var(--spectrum-component-height-400);--spectrum-accordion-disclosure-indicator-height:var(--spectrum-component-height-300);--spectrum-accordion-component-edge-to-text:var(--spectrum-component-edge-to-text-200);--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(--spectrum-accordion-top-to-text-regular-extra-large);--spectrum-accordion-item-header-bottom-to-text-space:var(--spectrum-accordion-bottom-to-text-regular-extra-large)}:host{margin:0;padding:0;list-style:none;display:block}:host{--spectrum-logical-rotation: }
127
5
  `;
128
6
  export default styles;
129
7
  //# sourceMappingURL=accordion.css.dev.js.map