@spectrum-web-components/accordion 0.0.0-20241209155954
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/README.md +347 -0
- package/package.json +86 -0
- package/sp-accordion-item.d.ts +6 -0
- package/sp-accordion-item.dev.js +5 -0
- package/sp-accordion-item.dev.js.map +7 -0
- package/sp-accordion-item.js +2 -0
- package/sp-accordion-item.js.map +7 -0
- package/sp-accordion.d.ts +6 -0
- package/sp-accordion.dev.js +5 -0
- package/sp-accordion.dev.js.map +7 -0
- package/sp-accordion.js +2 -0
- package/sp-accordion.js.map +7 -0
- package/src/Accordion.d.ts +31 -0
- package/src/Accordion.dev.js +94 -0
- package/src/Accordion.dev.js.map +7 -0
- package/src/Accordion.js +7 -0
- package/src/Accordion.js.map +7 -0
- package/src/AccordionItem.d.ts +25 -0
- package/src/AccordionItem.dev.js +133 -0
- package/src/AccordionItem.dev.js.map +7 -0
- package/src/AccordionItem.js +46 -0
- package/src/AccordionItem.js.map +7 -0
- 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.d.ts +2 -0
- package/src/accordion-item.css.dev.js +7 -0
- package/src/accordion-item.css.dev.js.map +7 -0
- package/src/accordion-item.css.js +4 -0
- package/src/accordion-item.css.js.map +7 -0
- 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.d.ts +2 -0
- package/src/accordion.css.dev.js +7 -0
- package/src/accordion.css.dev.js.map +7 -0
- package/src/accordion.css.js +4 -0
- package/src/accordion.css.js.map +7 -0
- package/src/index.d.ts +2 -0
- package/src/index.dev.js +4 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +2 -0
- package/src/index.js.map +7 -0
- package/src/spectrum-accordion-item.css.d.ts +2 -0
- package/src/spectrum-accordion-item.css.dev.js +7 -0
- package/src/spectrum-accordion-item.css.dev.js.map +7 -0
- package/src/spectrum-accordion-item.css.js +4 -0
- package/src/spectrum-accordion-item.css.js.map +7 -0
- package/src/spectrum-accordion.css.d.ts +2 -0
- package/src/spectrum-accordion.css.dev.js +7 -0
- package/src/spectrum-accordion.css.dev.js.map +7 -0
- package/src/spectrum-accordion.css.js +4 -0
- package/src/spectrum-accordion.css.js.map +7 -0
- package/src/spectrum-config.js +163 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["Accordion.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 SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n queryAssignedNodes,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusGroupController } from '@spectrum-web-components/reactive-controllers/src/FocusGroup.js';\n\nimport { AccordionItem } from './AccordionItem.js';\n\nimport styles from './accordion.css.js';\n\n/**\n * @element sp-accordion\n * @slot - The sp-accordion-item children to display.\n */\nexport class Accordion extends SizedMixin(SpectrumElement, {\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n /**\n * Allows multiple accordion items to be opened at the same time\n */\n @property({ type: Boolean, reflect: true, attribute: 'allow-multiple' })\n public allowMultiple = false;\n\n /**\n * Sets the spacing between the content to borders of an accordion item\n */\n @property({ type: String, reflect: true })\n public density?: 'compact' | 'spacious';\n\n @queryAssignedNodes()\n private defaultNodes!: NodeListOf<AccordionItem>;\n\n private get items(): AccordionItem[] {\n return [...(this.defaultNodes || [])].filter(\n (node: HTMLElement) => typeof node.tagName !== 'undefined'\n ) as AccordionItem[];\n }\n\n focusGroupController = new FocusGroupController<AccordionItem>(this, {\n direction: 'vertical',\n elements: () => this.items,\n isFocusableElement: (el: AccordionItem) => !el.disabled,\n });\n\n public override focus(): void {\n this.focusGroupController.focus();\n }\n\n private async onToggle(event: Event): Promise<void> {\n const target = event.target as AccordionItem;\n // Let the event pass through the DOM so that it can be\n // prevented from the outside if a user so desires.\n await 0;\n if (this.allowMultiple || event.defaultPrevented) {\n // No toggling when `allowMultiple` or the user prevents it.\n return;\n }\n const items = [...this.items] as AccordionItem[];\n /* c8 ignore next 3 */\n if (items && !items.length) {\n // no toggling when there aren't items.\n return;\n }\n items.forEach((item) => {\n if (item !== target) {\n // Close all the items that didn't dispatch the event.\n item.open = false;\n }\n });\n }\n\n private handleSlotchange(): void {\n this.focusGroupController.clearElementCache();\n this.items.forEach((item) => {\n item.size = this.size;\n });\n }\n\n protected override updated(changed: PropertyValues<this>): void {\n super.updated(changed);\n if (\n changed.has('size') &&\n (!!changed.get('size') || this.size !== 'm')\n ) {\n this.items.forEach((item) => {\n item.size = this.size;\n });\n }\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot\n @slotchange=${this.handleSlotchange}\n @sp-accordion-item-toggle=${this.onToggle}\n ></slot>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OACI,YAAAC,EACA,sBAAAC,MACG,kDACP,OAAS,wBAAAC,MAA4B,kEAIrC,OAAOC,MAAY,qBAMZ,aAAM,kBAAkBL,EAAWC,EAAiB,CACvD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAWH,KAAO,cAAgB,GAiBvB,0BAAuB,IAAIG,EAAoC,KAAM,CACjE,UAAW,WACX,SAAU,IAAM,KAAK,MACrB,mBAAqBE,GAAsB,CAACA,EAAG,QACnD,CAAC,EA7BD,WAA2B,QAAyB,CAChD,MAAO,CAACD,CAAM,CAClB,CAiBA,IAAY,OAAyB,CACjC,MAAO,CAAC,GAAI,KAAK,cAAgB,CAAC,CAAE,EAAE,OACjCE,GAAsB,OAAOA,EAAK,SAAY,WACnD,CACJ,CAQgB,OAAc,CAC1B,KAAK,qBAAqB,MAAM,CACpC,CAEA,MAAc,SAASC,EAA6B,CAChD,MAAMC,EAASD,EAAM,OAIrB,GADA,KAAM,GACF,KAAK,eAAiBA,EAAM,iBAE5B,OAEJ,MAAME,EAAQ,CAAC,GAAG,KAAK,KAAK,EAExBA,GAAS,CAACA,EAAM,QAIpBA,EAAM,QAASC,GAAS,CAChBA,IAASF,IAETE,EAAK,KAAO,GAEpB,CAAC,CACL,CAEQ,kBAAyB,CAC7B,KAAK,qBAAqB,kBAAkB,EAC5C,KAAK,MAAM,QAASA,GAAS,CACzBA,EAAK,KAAO,KAAK,IACrB,CAAC,CACL,CAEmB,QAAQC,EAAqC,CAC5D,MAAM,QAAQA,CAAO,EAEjBA,EAAQ,IAAI,MAAM,IACfA,EAAQ,IAAI,MAAM,GAAK,KAAK,OAAS,MAExC,KAAK,MAAM,QAASD,GAAS,CACzBA,EAAK,KAAO,KAAK,IACrB,CAAC,CAET,CAEmB,QAAyB,CACxC,OAAOZ;AAAA;AAAA,8BAEe,KAAK,gBAAgB;AAAA,4CACP,KAAK,QAAQ;AAAA;AAAA,SAGrD,CACJ,CA7EWc,EAAA,CADNX,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,gBAAiB,CAAC,GAV9D,UAWF,6BAMAW,EAAA,CADNX,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAhBhC,UAiBF,uBAGCW,EAAA,CADPV,EAAmB,GAnBX,UAoBD",
|
|
6
|
+
"names": ["html", "SizedMixin", "SpectrumElement", "property", "queryAssignedNodes", "FocusGroupController", "styles", "el", "node", "event", "target", "items", "item", "changed", "__decorateClass"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
|
|
2
|
+
import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
|
|
3
|
+
import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';
|
|
4
|
+
declare const AccordionItem_base: typeof Focusable & {
|
|
5
|
+
new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
|
|
6
|
+
prototype: import("@spectrum-web-components/base").SizedElementInterface;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* @element sp-accordion-item
|
|
10
|
+
* @slot - The content of the item that is hidden when the item is not open
|
|
11
|
+
* @fires sp-accordion-item-toggle - Announce that an accordion item has been toggled while allowing the event to be cancelled.
|
|
12
|
+
*/
|
|
13
|
+
export declare class AccordionItem extends AccordionItem_base {
|
|
14
|
+
static get styles(): CSSResultArray;
|
|
15
|
+
open: boolean;
|
|
16
|
+
label: string;
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
get focusElement(): HTMLElement;
|
|
19
|
+
private onClick;
|
|
20
|
+
private toggle;
|
|
21
|
+
protected renderChevronIcon: () => TemplateResult;
|
|
22
|
+
protected render(): TemplateResult;
|
|
23
|
+
protected updated(changes: PropertyValues): void;
|
|
24
|
+
}
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
5
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
6
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
7
|
+
if (decorator = decorators[i])
|
|
8
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
9
|
+
if (kind && result) __defProp(target, key, result);
|
|
10
|
+
return result;
|
|
11
|
+
};
|
|
12
|
+
import {
|
|
13
|
+
html,
|
|
14
|
+
SizedMixin
|
|
15
|
+
} from "@spectrum-web-components/base";
|
|
16
|
+
import { property } from "@spectrum-web-components/base/src/decorators.js";
|
|
17
|
+
import { Focusable } from "@spectrum-web-components/shared/src/focusable.js";
|
|
18
|
+
import { when } from "@spectrum-web-components/base/src/directives.js";
|
|
19
|
+
import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js";
|
|
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";
|
|
22
|
+
import styles from "./accordion-item.css.js";
|
|
23
|
+
const chevronIcon = {
|
|
24
|
+
s: () => html`
|
|
25
|
+
<span class="iconContainer">
|
|
26
|
+
<sp-icon-chevron100
|
|
27
|
+
class="indicator spectrum-UIIcon-ChevronRight75"
|
|
28
|
+
slot="icon"
|
|
29
|
+
></sp-icon-chevron100>
|
|
30
|
+
</span>
|
|
31
|
+
`,
|
|
32
|
+
m: () => html`
|
|
33
|
+
<span class="iconContainer">
|
|
34
|
+
<sp-icon-chevron100
|
|
35
|
+
class="indicator spectrum-UIIcon-ChevronRight100"
|
|
36
|
+
slot="icon"
|
|
37
|
+
></sp-icon-chevron100>
|
|
38
|
+
</span>
|
|
39
|
+
`,
|
|
40
|
+
l: () => html`
|
|
41
|
+
<span class="iconContainer">
|
|
42
|
+
<sp-icon-chevron100
|
|
43
|
+
class="indicator spectrum-UIIcon-ChevronRight200"
|
|
44
|
+
slot="icon"
|
|
45
|
+
></sp-icon-chevron100>
|
|
46
|
+
</span>
|
|
47
|
+
`,
|
|
48
|
+
xl: () => html`
|
|
49
|
+
<span class="iconContainer">
|
|
50
|
+
<sp-icon-chevron100
|
|
51
|
+
class="indicator spectrum-UIIcon-ChevronRight300"
|
|
52
|
+
slot="icon"
|
|
53
|
+
></sp-icon-chevron100>
|
|
54
|
+
</span>
|
|
55
|
+
`
|
|
56
|
+
};
|
|
57
|
+
export class AccordionItem extends SizedMixin(Focusable, {
|
|
58
|
+
noDefaultSize: true
|
|
59
|
+
}) {
|
|
60
|
+
constructor() {
|
|
61
|
+
super(...arguments);
|
|
62
|
+
this.open = false;
|
|
63
|
+
this.label = "";
|
|
64
|
+
this.disabled = false;
|
|
65
|
+
this.renderChevronIcon = () => {
|
|
66
|
+
return chevronIcon[this.size || "m"]();
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
static get styles() {
|
|
70
|
+
return [styles, chevronIconStyles, chevronIconOverrides];
|
|
71
|
+
}
|
|
72
|
+
get focusElement() {
|
|
73
|
+
return this.shadowRoot.querySelector("#header");
|
|
74
|
+
}
|
|
75
|
+
onClick() {
|
|
76
|
+
if (this.disabled) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
this.toggle();
|
|
80
|
+
}
|
|
81
|
+
toggle() {
|
|
82
|
+
this.open = !this.open;
|
|
83
|
+
const applyDefault = this.dispatchEvent(
|
|
84
|
+
new CustomEvent("sp-accordion-item-toggle", {
|
|
85
|
+
bubbles: true,
|
|
86
|
+
composed: true,
|
|
87
|
+
cancelable: true
|
|
88
|
+
})
|
|
89
|
+
);
|
|
90
|
+
if (!applyDefault) {
|
|
91
|
+
this.open = !this.open;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
render() {
|
|
95
|
+
return html`
|
|
96
|
+
<h3 id="heading">
|
|
97
|
+
${when(this.size, this.renderChevronIcon)}
|
|
98
|
+
<button
|
|
99
|
+
id="header"
|
|
100
|
+
@click=${this.onClick}
|
|
101
|
+
aria-expanded=${this.open}
|
|
102
|
+
aria-controls="content"
|
|
103
|
+
?disabled=${this.disabled}
|
|
104
|
+
>
|
|
105
|
+
${this.label}
|
|
106
|
+
</button>
|
|
107
|
+
</h3>
|
|
108
|
+
<div id="content" role="region" aria-labelledby="header">
|
|
109
|
+
<slot></slot>
|
|
110
|
+
</div>
|
|
111
|
+
`;
|
|
112
|
+
}
|
|
113
|
+
updated(changes) {
|
|
114
|
+
super.updated(changes);
|
|
115
|
+
if (changes.has("disabled")) {
|
|
116
|
+
if (this.disabled) {
|
|
117
|
+
this.setAttribute("aria-disabled", "true");
|
|
118
|
+
} else {
|
|
119
|
+
this.removeAttribute("aria-disabled");
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
__decorateClass([
|
|
125
|
+
property({ type: Boolean, reflect: true })
|
|
126
|
+
], AccordionItem.prototype, "open", 2);
|
|
127
|
+
__decorateClass([
|
|
128
|
+
property({ type: String, reflect: true })
|
|
129
|
+
], AccordionItem.prototype, "label", 2);
|
|
130
|
+
__decorateClass([
|
|
131
|
+
property({ type: Boolean, reflect: true })
|
|
132
|
+
], AccordionItem.prototype, "disabled", 2);
|
|
133
|
+
//# sourceMappingURL=AccordionItem.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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';\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
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
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
|
+
<span class="iconContainer">
|
|
3
|
+
<sp-icon-chevron100
|
|
4
|
+
class="indicator spectrum-UIIcon-ChevronRight75"
|
|
5
|
+
slot="icon"
|
|
6
|
+
></sp-icon-chevron100>
|
|
7
|
+
</span>
|
|
8
|
+
`,m:()=>r`
|
|
9
|
+
<span class="iconContainer">
|
|
10
|
+
<sp-icon-chevron100
|
|
11
|
+
class="indicator spectrum-UIIcon-ChevronRight100"
|
|
12
|
+
slot="icon"
|
|
13
|
+
></sp-icon-chevron100>
|
|
14
|
+
</span>
|
|
15
|
+
`,l:()=>r`
|
|
16
|
+
<span class="iconContainer">
|
|
17
|
+
<sp-icon-chevron100
|
|
18
|
+
class="indicator spectrum-UIIcon-ChevronRight200"
|
|
19
|
+
slot="icon"
|
|
20
|
+
></sp-icon-chevron100>
|
|
21
|
+
</span>
|
|
22
|
+
`,xl:()=>r`
|
|
23
|
+
<span class="iconContainer">
|
|
24
|
+
<sp-icon-chevron100
|
|
25
|
+
class="indicator spectrum-UIIcon-ChevronRight300"
|
|
26
|
+
slot="icon"
|
|
27
|
+
></sp-icon-chevron100>
|
|
28
|
+
</span>
|
|
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
|
+
<h3 id="heading">
|
|
31
|
+
${v(this.size,this.renderChevronIcon)}
|
|
32
|
+
<button
|
|
33
|
+
id="header"
|
|
34
|
+
@click=${this.onClick}
|
|
35
|
+
aria-expanded=${this.open}
|
|
36
|
+
aria-controls="content"
|
|
37
|
+
?disabled=${this.disabled}
|
|
38
|
+
>
|
|
39
|
+
${this.label}
|
|
40
|
+
</button>
|
|
41
|
+
</h3>
|
|
42
|
+
<div id="content" role="region" aria-labelledby="header">
|
|
43
|
+
<slot></slot>
|
|
44
|
+
</div>
|
|
45
|
+
`}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}s([c({type:Boolean,reflect:!0})],AccordionItem.prototype,"open",2),s([c({type:String,reflect:!0})],AccordionItem.prototype,"label",2),s([c({type:Boolean,reflect:!0})],AccordionItem.prototype,"disabled",2);
|
|
46
|
+
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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';\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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
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))}: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
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=accordion-item.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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))}: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
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
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))}: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
|
+
`;export default r;
|
|
4
|
+
//# sourceMappingURL=accordion-item.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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))}: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
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
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
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
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
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=accordion.css.dev.js.map
|