@spectrum-web-components/accordion 0.50.0-beta.7 → 0.50.0-beta.9
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.
- package/package.json +10 -8
- package/src/AccordionItem.dev.js +2 -1
- package/src/AccordionItem.dev.js.map +2 -2
- package/src/AccordionItem.js +2 -2
- package/src/AccordionItem.js.map +3 -3
- package/src/accordion-item-overrides.css.d.ts +2 -0
- package/src/accordion-item-overrides.css.dev.js +7 -0
- package/src/accordion-item-overrides.css.dev.js.map +7 -0
- package/src/accordion-item-overrides.css.js +4 -0
- package/src/accordion-item-overrides.css.js.map +7 -0
- package/src/accordion-item.css.dev.js +1 -1
- package/src/accordion-item.css.dev.js.map +1 -1
- package/src/accordion-item.css.js +1 -1
- package/src/accordion-item.css.js.map +1 -1
- package/src/accordion-overrides.css.d.ts +2 -0
- package/src/accordion-overrides.css.dev.js +7 -0
- package/src/accordion-overrides.css.dev.js.map +7 -0
- package/src/accordion-overrides.css.js +4 -0
- package/src/accordion-overrides.css.js.map +7 -0
- package/src/accordion.css.dev.js +1 -1
- package/src/accordion.css.dev.js.map +1 -1
- package/src/accordion.css.js +3 -3
- package/src/accordion.css.js.map +1 -1
- package/src/spectrum-accordion-item.css.dev.js +1 -1
- package/src/spectrum-accordion-item.css.dev.js.map +1 -1
- package/src/spectrum-accordion-item.css.js +1 -1
- package/src/spectrum-accordion-item.css.js.map +1 -1
- package/src/spectrum-accordion.css.dev.js +1 -1
- package/src/spectrum-accordion.css.dev.js.map +1 -1
- package/src/spectrum-accordion.css.js +3 -3
- package/src/spectrum-accordion.css.js.map +1 -1
- package/src/spectrum-config.js +27 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/accordion",
|
|
3
|
-
"version": "0.50.0-beta.
|
|
3
|
+
"version": "0.50.0-beta.9",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -33,7 +33,9 @@
|
|
|
33
33
|
"development": "./src/AccordionItem.dev.js",
|
|
34
34
|
"default": "./src/AccordionItem.js"
|
|
35
35
|
},
|
|
36
|
+
"./src/accordion-item-overrides.css.js": "./src/accordion-item-overrides.css.js",
|
|
36
37
|
"./src/accordion-item.css.js": "./src/accordion-item.css.js",
|
|
38
|
+
"./src/accordion-overrides.css.js": "./src/accordion-overrides.css.js",
|
|
37
39
|
"./src/accordion.css.js": "./src/accordion.css.js",
|
|
38
40
|
"./src/index.js": {
|
|
39
41
|
"development": "./src/index.dev.js",
|
|
@@ -66,14 +68,14 @@
|
|
|
66
68
|
"lit-html"
|
|
67
69
|
],
|
|
68
70
|
"dependencies": {
|
|
69
|
-
"@spectrum-web-components/base": "^0.50.0-beta.
|
|
70
|
-
"@spectrum-web-components/icon": "^0.50.0-beta.
|
|
71
|
-
"@spectrum-web-components/icons-ui": "^0.50.0-beta.
|
|
72
|
-
"@spectrum-web-components/reactive-controllers": "^0.50.0-beta.
|
|
73
|
-
"@spectrum-web-components/shared": "^0.50.0-beta.
|
|
71
|
+
"@spectrum-web-components/base": "^0.50.0-beta.9",
|
|
72
|
+
"@spectrum-web-components/icon": "^0.50.0-beta.9",
|
|
73
|
+
"@spectrum-web-components/icons-ui": "^0.50.0-beta.9",
|
|
74
|
+
"@spectrum-web-components/reactive-controllers": "^0.50.0-beta.9",
|
|
75
|
+
"@spectrum-web-components/shared": "^0.50.0-beta.9"
|
|
74
76
|
},
|
|
75
77
|
"devDependencies": {
|
|
76
|
-
"@spectrum-css/accordion": "^
|
|
78
|
+
"@spectrum-css/accordion": "^6.0.0-s2-foundations.16"
|
|
77
79
|
},
|
|
78
80
|
"types": "./src/index.d.ts",
|
|
79
81
|
"customElements": "custom-elements.json",
|
|
@@ -81,5 +83,5 @@
|
|
|
81
83
|
"./sp-*.js",
|
|
82
84
|
"./**/*.dev.js"
|
|
83
85
|
],
|
|
84
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "c984cc2babbfecd14c86403ab920fbf6b0beb52c"
|
|
85
87
|
}
|
package/src/AccordionItem.dev.js
CHANGED
|
@@ -18,6 +18,7 @@ import { Focusable } from "@spectrum-web-components/shared/src/focusable.js";
|
|
|
18
18
|
import { when } from "@spectrum-web-components/base/src/directives.js";
|
|
19
19
|
import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js";
|
|
20
20
|
import chevronIconStyles from "@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js";
|
|
21
|
+
import chevronIconOverrides from "@spectrum-web-components/icon/src/icon-chevron-overrides.css.js";
|
|
21
22
|
import styles from "./accordion-item.css.js";
|
|
22
23
|
const chevronIcon = {
|
|
23
24
|
s: () => html`
|
|
@@ -66,7 +67,7 @@ export class AccordionItem extends SizedMixin(Focusable, {
|
|
|
66
67
|
};
|
|
67
68
|
}
|
|
68
69
|
static get styles() {
|
|
69
|
-
return [styles, chevronIconStyles];
|
|
70
|
+
return [styles, chevronIconStyles, chevronIconOverrides];
|
|
70
71
|
}
|
|
71
72
|
get focusElement() {
|
|
72
73
|
return this.shadowRoot.querySelector("#header");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["AccordionItem.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 {\n CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { when } from '@spectrum-web-components/base/src/directives.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronIconStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport styles from './accordion-item.css.js';\n\nconst chevronIcon: Record<string, () => TemplateResult> = {\n s: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight75\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n m: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight100\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n l: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight200\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n xl: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight300\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n};\n\n/**\n * @element sp-accordion-item\n * @slot - The content of the item that is hidden when the item is not open\n * @fires sp-accordion-item-toggle - Announce that an accordion item has been toggled while allowing the event to be cancelled.\n */\nexport class AccordionItem extends SizedMixin(Focusable, {\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles, chevronIconStyles];\n }\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: String, reflect: true })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n public override get focusElement(): HTMLElement {\n return this.shadowRoot.querySelector('#header') as HTMLElement;\n }\n\n private onClick(): void {\n /* c8 ignore next 3 */\n if (this.disabled) {\n return;\n }\n this.toggle();\n }\n\n private toggle(): void {\n this.open = !this.open;\n const applyDefault = this.dispatchEvent(\n new CustomEvent('sp-accordion-item-toggle', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n if (!applyDefault) {\n this.open = !this.open;\n }\n }\n\n protected renderChevronIcon = (): TemplateResult => {\n return chevronIcon[this.size || 'm']();\n };\n\n protected override render(): TemplateResult {\n return html`\n <h3 id=\"heading\">\n ${when(this.size, this.renderChevronIcon)}\n <button\n id=\"header\"\n @click=${this.onClick}\n aria-expanded=${this.open}\n aria-controls=\"content\"\n ?disabled=${this.disabled}\n >\n ${this.label}\n </button>\n </h3>\n <div id=\"content\" role=\"region\" aria-labelledby=\"header\">\n <slot></slot>\n </div>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,OAAO;AACP,OAAO,uBAAuB;
|
|
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 {\n CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { when } from '@spectrum-web-components/base/src/directives.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronIconStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\nimport chevronIconOverrides from '@spectrum-web-components/icon/src/icon-chevron-overrides.css.js';\n\nimport styles from './accordion-item.css.js';\n\nconst chevronIcon: Record<string, () => TemplateResult> = {\n s: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight75\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n m: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight100\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n l: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight200\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n xl: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight300\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n};\n\n/**\n * @element sp-accordion-item\n * @slot - The content of the item that is hidden when the item is not open\n * @fires sp-accordion-item-toggle - Announce that an accordion item has been toggled while allowing the event to be cancelled.\n */\nexport class AccordionItem extends SizedMixin(Focusable, {\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles, chevronIconStyles, chevronIconOverrides];\n }\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: String, reflect: true })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n public override get focusElement(): HTMLElement {\n return this.shadowRoot.querySelector('#header') as HTMLElement;\n }\n\n private onClick(): void {\n /* c8 ignore next 3 */\n if (this.disabled) {\n return;\n }\n this.toggle();\n }\n\n private toggle(): void {\n this.open = !this.open;\n const applyDefault = this.dispatchEvent(\n new CustomEvent('sp-accordion-item-toggle', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n if (!applyDefault) {\n this.open = !this.open;\n }\n }\n\n protected renderChevronIcon = (): TemplateResult => {\n return chevronIcon[this.size || 'm']();\n };\n\n protected override render(): TemplateResult {\n return html`\n <h3 id=\"heading\">\n ${when(this.size, this.renderChevronIcon)}\n <button\n id=\"header\"\n @click=${this.onClick}\n aria-expanded=${this.open}\n aria-controls=\"content\"\n ?disabled=${this.disabled}\n >\n ${this.label}\n </button>\n </h3>\n <div id=\"content\" role=\"region\" aria-labelledby=\"header\">\n <slot></slot>\n </div>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,OAAO;AACP,OAAO,uBAAuB;AAC9B,OAAO,0BAA0B;AAEjC,OAAO,YAAY;AAEnB,MAAM,cAAoD;AAAA,EACtD,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQd;AAOO,aAAM,sBAAsB,WAAW,WAAW;AAAA,EACrD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAQH,SAAO,OAAO;AAGd,SAAO,QAAQ;AAGf,SAAgB,WAAW;AA4B3B,SAAU,oBAAoB,MAAsB;AAChD,aAAO,YAAY,KAAK,QAAQ,GAAG,EAAE;AAAA,IACzC;AAAA;AAAA,EAzCA,WAA2B,SAAyB;AAChD,WAAO,CAAC,QAAQ,mBAAmB,oBAAoB;AAAA,EAC3D;AAAA,EAWA,IAAoB,eAA4B;AAC5C,WAAO,KAAK,WAAW,cAAc,SAAS;AAAA,EAClD;AAAA,EAEQ,UAAgB;AAEpB,QAAI,KAAK,UAAU;AACf;AAAA,IACJ;AACA,SAAK,OAAO;AAAA,EAChB;AAAA,EAEQ,SAAe;AACnB,SAAK,OAAO,CAAC,KAAK;AAClB,UAAM,eAAe,KAAK;AAAA,MACtB,IAAI,YAAY,4BAA4B;AAAA,QACxC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,MAChB,CAAC;AAAA,IACL;AACA,QAAI,CAAC,cAAc;AACf,WAAK,OAAO,CAAC,KAAK;AAAA,IACtB;AAAA,EACJ;AAAA,EAMmB,SAAyB;AACxC,WAAO;AAAA;AAAA,kBAEG,KAAK,KAAK,MAAM,KAAK,iBAAiB,CAAC;AAAA;AAAA;AAAA,6BAG5B,KAAK,OAAO;AAAA,oCACL,KAAK,IAAI;AAAA;AAAA,gCAEb,KAAK,QAAQ;AAAA;AAAA,sBAEvB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5B;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,UAAI,KAAK,UAAU;AACf,aAAK,aAAa,iBAAiB,MAAM;AAAA,MAC7C,OAAO;AACH,aAAK,gBAAgB,eAAe;AAAA,MACxC;AAAA,IACJ;AAAA,EACJ;AACJ;AApEW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAPjC,cAQF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAVhC,cAWF;AAGS;AAAA,EADf,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAbjC,cAcO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/AccordionItem.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=(n,o,e,i)=>{for(var t=i>1?void 0:i?d(o,e):o,l=n.length-1,a;l>=0;l--)(a=n[l])&&(t=(i?a(o,e,t):a(t))||t);return i&&t&&p(o,e,t),t};import{html as r,SizedMixin as h}from"@spectrum-web-components/base";import{property as c}from"@spectrum-web-components/base/src/decorators.js";import{Focusable as u}from"@spectrum-web-components/shared/src/focusable.js";import{when as v}from"@spectrum-web-components/base/src/directives.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js";import m from"@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js";import b from"./accordion-item.css.js";const
|
|
1
|
+
"use strict";var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=(n,o,e,i)=>{for(var t=i>1?void 0:i?d(o,e):o,l=n.length-1,a;l>=0;l--)(a=n[l])&&(t=(i?a(o,e,t):a(t))||t);return i&&t&&p(o,e,t),t};import{html as r,SizedMixin as h}from"@spectrum-web-components/base";import{property as c}from"@spectrum-web-components/base/src/decorators.js";import{Focusable as u}from"@spectrum-web-components/shared/src/focusable.js";import{when as v}from"@spectrum-web-components/base/src/directives.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js";import m from"@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js";import b from"@spectrum-web-components/icon/src/icon-chevron-overrides.css.js";import f from"./accordion-item.css.js";const g={s:()=>r`
|
|
2
2
|
<span class="iconContainer">
|
|
3
3
|
<sp-icon-chevron100
|
|
4
4
|
class="indicator spectrum-UIIcon-ChevronRight75"
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
slot="icon"
|
|
27
27
|
></sp-icon-chevron100>
|
|
28
28
|
</span>
|
|
29
|
-
`};export class AccordionItem extends h(u,{noDefaultSize:!0}){constructor(){super(...arguments);this.open=!1;this.label="";this.disabled=!1;this.renderChevronIcon=()=>
|
|
29
|
+
`};export class AccordionItem extends h(u,{noDefaultSize:!0}){constructor(){super(...arguments);this.open=!1;this.label="";this.disabled=!1;this.renderChevronIcon=()=>g[this.size||"m"]()}static get styles(){return[f,m,b]}get focusElement(){return this.shadowRoot.querySelector("#header")}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent("sp-accordion-item-toggle",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return r`
|
|
30
30
|
<h3 id="heading">
|
|
31
31
|
${v(this.size,this.renderChevronIcon)}
|
|
32
32
|
<button
|
package/src/AccordionItem.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["AccordionItem.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 {\n CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { when } from '@spectrum-web-components/base/src/directives.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronIconStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport styles from './accordion-item.css.js';\n\nconst chevronIcon: Record<string, () => TemplateResult> = {\n s: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight75\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n m: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight100\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n l: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight200\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n xl: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight300\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n};\n\n/**\n * @element sp-accordion-item\n * @slot - The content of the item that is hidden when the item is not open\n * @fires sp-accordion-item-toggle - Announce that an accordion item has been toggled while allowing the event to be cancelled.\n */\nexport class AccordionItem extends SizedMixin(Focusable, {\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles, chevronIconStyles];\n }\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: String, reflect: true })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n public override get focusElement(): HTMLElement {\n return this.shadowRoot.querySelector('#header') as HTMLElement;\n }\n\n private onClick(): void {\n /* c8 ignore next 3 */\n if (this.disabled) {\n return;\n }\n this.toggle();\n }\n\n private toggle(): void {\n this.open = !this.open;\n const applyDefault = this.dispatchEvent(\n new CustomEvent('sp-accordion-item-toggle', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n if (!applyDefault) {\n this.open = !this.open;\n }\n }\n\n protected renderChevronIcon = (): TemplateResult => {\n return chevronIcon[this.size || 'm']();\n };\n\n protected override render(): TemplateResult {\n return html`\n <h3 id=\"heading\">\n ${when(this.size, this.renderChevronIcon)}\n <button\n id=\"header\"\n @click=${this.onClick}\n aria-expanded=${this.open}\n aria-controls=\"content\"\n ?disabled=${this.disabled}\n >\n ${this.label}\n </button>\n </h3>\n <div id=\"content\" role=\"region\" aria-labelledby=\"header\">\n <slot></slot>\n </div>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
|
5
|
-
"mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,aAAAC,MAAiB,mDAC1B,OAAS,QAAAC,MAAY,kDACrB,MAAO,gEACP,OAAOC,MAAuB,
|
|
6
|
-
"names": ["html", "SizedMixin", "property", "Focusable", "when", "chevronIconStyles", "styles", "chevronIcon", "changes", "__decorateClass"]
|
|
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 {\n CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { when } from '@spectrum-web-components/base/src/directives.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronIconStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\nimport chevronIconOverrides from '@spectrum-web-components/icon/src/icon-chevron-overrides.css.js';\n\nimport styles from './accordion-item.css.js';\n\nconst chevronIcon: Record<string, () => TemplateResult> = {\n s: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight75\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n m: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight100\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n l: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight200\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n xl: () => html`\n <span class=\"iconContainer\">\n <sp-icon-chevron100\n class=\"indicator spectrum-UIIcon-ChevronRight300\"\n slot=\"icon\"\n ></sp-icon-chevron100>\n </span>\n `,\n};\n\n/**\n * @element sp-accordion-item\n * @slot - The content of the item that is hidden when the item is not open\n * @fires sp-accordion-item-toggle - Announce that an accordion item has been toggled while allowing the event to be cancelled.\n */\nexport class AccordionItem extends SizedMixin(Focusable, {\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles, chevronIconStyles, chevronIconOverrides];\n }\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: String, reflect: true })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n public override get focusElement(): HTMLElement {\n return this.shadowRoot.querySelector('#header') as HTMLElement;\n }\n\n private onClick(): void {\n /* c8 ignore next 3 */\n if (this.disabled) {\n return;\n }\n this.toggle();\n }\n\n private toggle(): void {\n this.open = !this.open;\n const applyDefault = this.dispatchEvent(\n new CustomEvent('sp-accordion-item-toggle', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n if (!applyDefault) {\n this.open = !this.open;\n }\n }\n\n protected renderChevronIcon = (): TemplateResult => {\n return chevronIcon[this.size || 'm']();\n };\n\n protected override render(): TemplateResult {\n return html`\n <h3 id=\"heading\">\n ${when(this.size, this.renderChevronIcon)}\n <button\n id=\"header\"\n @click=${this.onClick}\n aria-expanded=${this.open}\n aria-controls=\"content\"\n ?disabled=${this.disabled}\n >\n ${this.label}\n </button>\n </h3>\n <div id=\"content\" role=\"region\" aria-labelledby=\"header\">\n <slot></slot>\n </div>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
|
5
|
+
"mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,aAAAC,MAAiB,mDAC1B,OAAS,QAAAC,MAAY,kDACrB,MAAO,gEACP,OAAOC,MAAuB,iEAC9B,OAAOC,MAA0B,kEAEjC,OAAOC,MAAY,0BAEnB,MAAMC,EAAoD,CACtD,EAAG,IAAMR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQT,EAAG,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQT,GAAI,IAAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQd,EAOO,aAAM,sBAAsBC,EAAWE,EAAW,CACrD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAQH,KAAO,KAAO,GAGd,KAAO,MAAQ,GAGf,KAAgB,SAAW,GA4B3B,KAAU,kBAAoB,IACnBK,EAAY,KAAK,MAAQ,GAAG,EAAE,EAxCzC,WAA2B,QAAyB,CAChD,MAAO,CAACD,EAAQF,EAAmBC,CAAoB,CAC3D,CAWA,IAAoB,cAA4B,CAC5C,OAAO,KAAK,WAAW,cAAc,SAAS,CAClD,CAEQ,SAAgB,CAEhB,KAAK,UAGT,KAAK,OAAO,CAChB,CAEQ,QAAe,CACnB,KAAK,KAAO,CAAC,KAAK,KACG,KAAK,cACtB,IAAI,YAAY,2BAA4B,CACxC,QAAS,GACT,SAAU,GACV,WAAY,EAChB,CAAC,CACL,IAEI,KAAK,KAAO,CAAC,KAAK,KAE1B,CAMmB,QAAyB,CACxC,OAAON;AAAA;AAAA,kBAEGI,EAAK,KAAK,KAAM,KAAK,iBAAiB,CAAC;AAAA;AAAA;AAAA,6BAG5B,KAAK,OAAO;AAAA,oCACL,KAAK,IAAI;AAAA;AAAA,gCAEb,KAAK,QAAQ;AAAA;AAAA,sBAEvB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAO5B,CAEmB,QAAQK,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,IAClB,KAAK,SACL,KAAK,aAAa,gBAAiB,MAAM,EAEzC,KAAK,gBAAgB,eAAe,EAGhD,CACJ,CApEWC,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAPjC,cAQF,oBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAVhC,cAWF,qBAGSQ,EAAA,CADfR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAbjC,cAcO",
|
|
6
|
+
"names": ["html", "SizedMixin", "property", "Focusable", "when", "chevronIconStyles", "chevronIconOverrides", "styles", "chevronIcon", "changes", "__decorateClass"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=accordion-item-overrides.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["accordion-item-overrides.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 .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
|
|
2
|
+
.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}
|
|
3
|
+
`;export default t;
|
|
4
|
+
//# sourceMappingURL=accordion-item-overrides.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["accordion-item-overrides.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 .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
import { css } from "@spectrum-web-components/base";
|
|
3
3
|
const styles = css`
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}: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))}
|
|
5
5
|
`;
|
|
6
6
|
export default styles;
|
|
7
7
|
//# sourceMappingURL=accordion-item.css.dev.js.map
|
|
@@ -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{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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:\"\";position:absolute;inset-inline-start:0}}: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
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}: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))}
|
|
3
3
|
`;export default r;
|
|
4
4
|
//# sourceMappingURL=accordion-item.css.js.map
|
|
@@ -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{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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:\"\";position:absolute;inset-inline-start:0}}: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
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
:host{--spectrum-accordion-item-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=accordion-overrides.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["accordion-overrides.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-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
|
|
2
|
+
:host{--spectrum-accordion-item-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}
|
|
3
|
+
`;export default t;
|
|
4
|
+
//# sourceMappingURL=accordion-overrides.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["accordion-overrides.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-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
package/src/accordion.css.dev.js
CHANGED
|
@@ -1,7 +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(--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(ko),:host:lang(zh){--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: }
|
|
4
|
+
:host{--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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host{--spectrum-accordion-item-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}:host{--spectrum-logical-rotation: }
|
|
5
5
|
`;
|
|
6
6
|
export default styles;
|
|
7
7
|
//# sourceMappingURL=accordion.css.dev.js.map
|
|
@@ -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(--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(ko),:host:lang(zh){--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: }\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-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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host{--spectrum-accordion-item-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}:host{--spectrum-logical-rotation: }\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/accordion.css.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";import{css as
|
|
2
|
-
: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(ko),:host:lang(zh){--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: }
|
|
3
|
-
`;export default
|
|
1
|
+
"use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
|
|
2
|
+
:host{--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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host{--spectrum-accordion-item-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}:host{--spectrum-logical-rotation: }
|
|
3
|
+
`;export default t;
|
|
4
4
|
//# 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(--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(ko),:host:lang(zh){--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: }\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-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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host{--spectrum-accordion-item-width:var(--system-accordion-item-width);--spectrum-accordion-disclosure-indicator-to-text-space:var(--system-accordion-disclosure-indicator-to-text-space);--spectrum-accordion-edge-to-disclosure-indicator-space:var(--system-accordion-edge-to-disclosure-indicator-space);--spectrum-accordion-edge-to-text-space:var(--system-accordion-edge-to-text-space);--spectrum-accordion-focus-indicator-gap:var(--system-accordion-focus-indicator-gap);--spectrum-accordion-focus-indicator-thickness:var(--system-accordion-focus-indicator-thickness);--spectrum-accordion-corner-radius:var(--system-accordion-corner-radius);--spectrum-accordion-item-content-area-top-to-content:var(--system-accordion-item-content-area-top-to-content);--spectrum-accordion-item-content-area-bottom-to-content:var(--system-accordion-item-content-area-bottom-to-content);--spectrum-accordion-item-header-font:var(--system-accordion-item-header-font);--spectrum-accordion-item-header-font-weight:var(--system-accordion-item-header-font-weight);--spectrum-accordion-item-header-font-style:var(--system-accordion-item-header-font-style);--spectrum-accordion-item-header-line-height:var(--system-accordion-item-header-line-height);--spectrum-accordion-item-content-font:var(--system-accordion-item-content-font);--spectrum-accordion-item-content-font-weight:var(--system-accordion-item-content-font-weight);--spectrum-accordion-item-content-font-style:var(--system-accordion-item-content-font-style);--spectrum-accordion-item-content-line-height:var(--system-accordion-item-content-line-height);--spectrum-accordion-background-color-default:var(--system-accordion-background-color-default);--spectrum-accordion-background-color-hover:var(--system-accordion-background-color-hover);--spectrum-accordion-background-color-down:var(--system-accordion-background-color-down);--spectrum-accordion-background-color-key-focus:var(--system-accordion-background-color-key-focus);--spectrum-accordion-item-header-color-default:var(--system-accordion-item-header-color-default);--spectrum-accordion-item-header-color-hover:var(--system-accordion-item-header-color-hover);--spectrum-accordion-item-header-color-down:var(--system-accordion-item-header-color-down);--spectrum-accordion-item-header-color-key-focus:var(--system-accordion-item-header-color-key-focus);--spectrum-accordion-item-header-disabled-color:var(--system-accordion-item-header-disabled-color);--spectrum-accordion-item-content-disabled-color:var(--system-accordion-item-content-disabled-color);--spectrum-accordion-item-content-color:var(--system-accordion-item-content-color);--spectrum-accordion-focus-indicator-color:var(--system-accordion-focus-indicator-color);--spectrum-accordion-divider-color:var(--system-accordion-divider-color);--spectrum-accordion-item-header-line-height-cjk:var(--system-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height-cjk:var(--system-accordion-item-content-line-height-cjk);--spectrum-accordion-item-height:var(--system-accordion-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-item-header-bottom-to-text-space)}:host([size=s]){--spectrum-accordion-item-height:var(--system-accordion-size-s-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-s-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-s-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-s-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-s-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-s-item-header-bottom-to-text-space)}.spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-size-m-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-m-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-m-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-m-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-m-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-m-item-header-bottom-to-text-space)}:host([size=l]){--spectrum-accordion-item-height:var(--system-accordion-size-l-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-l-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-l-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-l-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-l-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-l-item-header-bottom-to-text-space)}:host([size=xl]){--spectrum-accordion-item-height:var(--system-accordion-size-xl-item-height);--spectrum-accordion-disclosure-indicator-height:var(--system-accordion-size-xl-disclosure-indicator-height);--spectrum-accordion-component-edge-to-text:var(--system-accordion-size-xl-component-edge-to-text);--spectrum-accordion-item-header-font-size:var(--system-accordion-size-xl-item-header-font-size);--spectrum-accordion-item-content-font-size:var(--system-accordion-size-xl-item-content-font-size);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-size-xl-item-header-bottom-to-text-space)}:host([density=compact][size=s]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-s-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-s-item-header-bottom-to-text-space)}:host([density=compact]){--spectrum-accordion-item-height:var(--system-accordion-compact-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-item-header-bottom-to-text-space)}:host([density=compact]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-height:var(--system-accordion-compact-size-m-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-m-item-header-bottom-to-text-space)}:host([density=compact][size=l]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-l-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-l-item-header-bottom-to-text-space)}:host([density=compact][size=xl]){--spectrum-accordion-item-height:var(--system-accordion-compact-size-xl-item-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-compact-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-compact-size-xl-item-header-bottom-to-text-space)}:host([density=spacious][size=s]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-s-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-s-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-s-item-header-bottom-to-text-space)}:host([density=spacious]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-item-header-bottom-to-text-space)}:host([density=spacious]) .spectrum-Accordion--sizeM{--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-m-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-m-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-m-item-header-bottom-to-text-space)}:host([density=spacious][size=l]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-l-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-l-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-l-item-header-bottom-to-text-space)}:host([density=spacious][size=xl]){--spectrum-accordion-item-header-line-height:var(--system-accordion-spacious-size-xl-item-header-line-height);--spectrum-accordion-item-header-top-to-text-space:var(--system-accordion-spacious-size-xl-item-header-top-to-text-space);--spectrum-accordion-item-header-bottom-to-text-space:var(--system-accordion-spacious-size-xl-item-header-bottom-to-text-space)}:host{--spectrum-logical-rotation: }\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
import { css } from "@spectrum-web-components/base";
|
|
3
3
|
const styles = css`
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}
|
|
5
5
|
`;
|
|
6
6
|
export default styles;
|
|
7
7
|
//# sourceMappingURL=spectrum-accordion-item.css.dev.js.map
|
|
@@ -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{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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:\"\";position:absolute;inset-inline-start:0}}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}
|
|
3
3
|
`;export default r;
|
|
4
4
|
//# sourceMappingURL=spectrum-accordion-item.css.js.map
|
|
@@ -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{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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}
|
|
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));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));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))}#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))}.iconContainer:dir(rtl),: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;inline-size:100%;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));border:0;justify-content:flex-start;align-items:center;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: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:initial}@media (hover:hover){#header:hover{background-color:var(--mod-accordion-background-color-hover,var(--spectrum-accordion-background-color-hover))}#header: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:initial}}: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))}:host([open])>#heading>.iconContainer>.indicator,:host([open])>.iconContainer>.indicator{transform:rotate(90deg);transform:var(--spectrum-logical-rotation,)rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:\"\";position:absolute;inset-inline-start:0}}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
import { css } from "@spectrum-web-components/base";
|
|
3
3
|
const styles = css`
|
|
4
|
-
:host{--spectrum-accordion-
|
|
4
|
+
:host{--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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}
|
|
5
5
|
`;
|
|
6
6
|
export default styles;
|
|
7
7
|
//# sourceMappingURL=spectrum-accordion.css.dev.js.map
|
|
@@ -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-
|
|
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-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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";import{css as
|
|
2
|
-
:host{--spectrum-accordion-
|
|
3
|
-
`;export default
|
|
1
|
+
"use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
|
|
2
|
+
:host{--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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}
|
|
3
|
+
`;export default t;
|
|
4
4
|
//# sourceMappingURL=spectrum-accordion.css.js.map
|
|
@@ -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-
|
|
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-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))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-accordion-item-header-line-height:var(--spectrum-accordion-item-header-line-height-cjk);--spectrum-accordion-item-content-line-height:var(--spectrum-accordion-item-content-line-height-cjk)}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
package/src/spectrum-config.js
CHANGED
|
@@ -100,6 +100,33 @@ const config = {
|
|
|
100
100
|
replace: builder.pseudoClass('first-child'),
|
|
101
101
|
hoist: true,
|
|
102
102
|
},
|
|
103
|
+
{
|
|
104
|
+
find: {
|
|
105
|
+
type: 'pseudo-class',
|
|
106
|
+
kind: 'not',
|
|
107
|
+
selectors: [
|
|
108
|
+
[
|
|
109
|
+
{
|
|
110
|
+
type: 'pseudo-class',
|
|
111
|
+
kind: 'first-of-type',
|
|
112
|
+
},
|
|
113
|
+
],
|
|
114
|
+
],
|
|
115
|
+
},
|
|
116
|
+
replace: {
|
|
117
|
+
type: 'pseudo-class',
|
|
118
|
+
kind: 'not',
|
|
119
|
+
selectors: [
|
|
120
|
+
[
|
|
121
|
+
{
|
|
122
|
+
type: 'pseudo-class',
|
|
123
|
+
kind: 'first-of-type',
|
|
124
|
+
},
|
|
125
|
+
],
|
|
126
|
+
],
|
|
127
|
+
},
|
|
128
|
+
hoist: true,
|
|
129
|
+
},
|
|
103
130
|
{
|
|
104
131
|
find: [
|
|
105
132
|
builder.class('spectrum-Accordion-itemHeader'),
|