Skip to content

Commit b3aeb55

Browse files
committed
feat(accordion): remove modifiers; simplify selectors
1 parent 9601a89 commit b3aeb55

File tree

3 files changed

+240
-342
lines changed

3 files changed

+240
-342
lines changed

components/accordion/dist/metadata.json

Lines changed: 28 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -2,96 +2,49 @@
22
"sourceFile": "index.css",
33
"selectors": [
44
".spectrum-Accordion",
5-
".spectrum-Accordion--compact",
6-
".spectrum-Accordion--compact.spectrum-Accordion--sizeL",
7-
".spectrum-Accordion--compact.spectrum-Accordion--sizeS",
8-
".spectrum-Accordion--compact.spectrum-Accordion--sizeXL",
9-
".spectrum-Accordion--quiet",
10-
".spectrum-Accordion--quiet .spectrum-Accordion-itemHeader:active",
11-
".spectrum-Accordion--quiet .spectrum-Accordion-itemHeader:hover",
12-
".spectrum-Accordion--sizeL",
13-
".spectrum-Accordion--sizeS",
14-
".spectrum-Accordion--sizeXL",
15-
".spectrum-Accordion--spacious",
16-
".spectrum-Accordion--spacious.spectrum-Accordion--sizeL",
17-
".spectrum-Accordion--spacious.spectrum-Accordion--sizeS",
18-
".spectrum-Accordion--spacious.spectrum-Accordion--sizeXL",
5+
".spectrum-Accordion--quiet .spectrum-Accordion-itemHeader:is(:hover, :active)",
196
".spectrum-Accordion-item",
20-
".spectrum-Accordion-item.is-disabled",
7+
".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemContent",
8+
".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemContent:where(:hover, :active, :focus-visible)",
9+
".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader",
10+
".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:where(:hover, :active, :focus-visible)",
2111
".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemContent",
2212
".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading .spectrum-Accordion-itemIndicator",
2313
".spectrum-Accordion-item:first-child",
2414
".spectrum-Accordion-itemContent",
2515
".spectrum-Accordion-itemDirectActions",
2616
".spectrum-Accordion-itemHeader",
27-
".spectrum-Accordion-itemHeader.spectrum-Accordion-itemHeader:active",
17+
".spectrum-Accordion-itemHeader:active",
2818
".spectrum-Accordion-itemHeader:focus-visible",
2919
".spectrum-Accordion-itemHeader:has(+ .spectrum-Accordion-itemDirectActions)",
3020
".spectrum-Accordion-itemHeader:hover",
3121
".spectrum-Accordion-itemHeading",
3222
".spectrum-Accordion-itemIndicator",
3323
".spectrum-Accordion-itemTitle",
34-
".spectrum-Accordion.spectrum-Accordion--noInlinePadding",
35-
".spectrum-Accordion:dir(rtl)",
36-
".spectrum-Accordion:lang(ja)",
37-
".spectrum-Accordion:lang(ko)",
38-
".spectrum-Accordion:lang(zh)"
39-
],
40-
"modifiers": [
41-
"--mod-accordion-animation-duration",
42-
"--mod-accordion-background-color-default",
43-
"--mod-accordion-background-color-down",
44-
"--mod-accordion-background-color-hover",
45-
"--mod-accordion-background-color-key-focus",
46-
"--mod-accordion-content-padding-inline",
47-
"--mod-accordion-corner-radius",
48-
"--mod-accordion-disclosure-indicator-height",
49-
"--mod-accordion-disclosure-indicator-to-text-space",
50-
"--mod-accordion-divider-color",
51-
"--mod-accordion-divider-thickness",
52-
"--mod-accordion-edge-to-content-area",
53-
"--mod-accordion-edge-to-disclosure-indicator-space",
54-
"--mod-accordion-edge-to-text-space",
55-
"--mod-accordion-item-content-area-bottom-to-content",
56-
"--mod-accordion-item-content-area-top-to-content",
57-
"--mod-accordion-item-content-color",
58-
"--mod-accordion-item-content-disabled-color",
59-
"--mod-accordion-item-content-font",
60-
"--mod-accordion-item-content-font-size",
61-
"--mod-accordion-item-content-font-style",
62-
"--mod-accordion-item-content-font-weight",
63-
"--mod-accordion-item-content-line-height",
64-
"--mod-accordion-item-direct-actions-height",
65-
"--mod-accordion-item-direct-actions-spacing",
66-
"--mod-accordion-item-direct-actions-vertical-spacing",
67-
"--mod-accordion-item-focus-indicator-color",
68-
"--mod-accordion-item-focus-indicator-gap",
69-
"--mod-accordion-item-focus-indicator-thickness",
70-
"--mod-accordion-item-header-bottom-to-text-space",
71-
"--mod-accordion-item-header-color-default",
72-
"--mod-accordion-item-header-color-down",
73-
"--mod-accordion-item-header-color-hover",
74-
"--mod-accordion-item-header-color-key-focus",
75-
"--mod-accordion-item-header-disabled-color",
76-
"--mod-accordion-item-header-font",
77-
"--mod-accordion-item-header-font-size",
78-
"--mod-accordion-item-header-font-style",
79-
"--mod-accordion-item-header-font-weight",
80-
"--mod-accordion-item-header-line-height",
81-
"--mod-accordion-item-header-to-direct-actions-space",
82-
"--mod-accordion-item-header-top-to-text-space",
83-
"--mod-accordion-item-min-block-size",
84-
"--mod-accordion-item-minimum-height",
85-
"--mod-accordion-item-minimum-width",
86-
"--mod-accordion-item-width",
87-
"--mod-accordion-top-to-disclosure-indicator"
24+
".spectrum-Accordion.is-open:dir(rtl) > .spectrum-Accordion-itemHeading .spectrum-Accordion-itemIndicator",
25+
".spectrum-Accordion:dir(rtl) .spectrum-Accordion-itemIndicator",
26+
".spectrum-Accordion:lang(ja) .spectrum-Accordion-itemContent",
27+
".spectrum-Accordion:lang(ja) .spectrum-Accordion-itemHeader",
28+
".spectrum-Accordion:lang(ko) .spectrum-Accordion-itemContent",
29+
".spectrum-Accordion:lang(ko) .spectrum-Accordion-itemHeader",
30+
".spectrum-Accordion:lang(zh) .spectrum-Accordion-itemContent",
31+
".spectrum-Accordion:lang(zh) .spectrum-Accordion-itemHeader",
32+
".spectrum-Accordion:where(.spectrum-Accordion--compact)",
33+
".spectrum-Accordion:where(.spectrum-Accordion--compact):where(.spectrum-Accordion--sizeL)",
34+
".spectrum-Accordion:where(.spectrum-Accordion--compact):where(.spectrum-Accordion--sizeS)",
35+
".spectrum-Accordion:where(.spectrum-Accordion--compact):where(.spectrum-Accordion--sizeXL)",
36+
".spectrum-Accordion:where(.spectrum-Accordion--noInlinePadding)",
37+
".spectrum-Accordion:where(.spectrum-Accordion--quiet)",
38+
".spectrum-Accordion:where(.spectrum-Accordion--sizeL)",
39+
".spectrum-Accordion:where(.spectrum-Accordion--sizeS)",
40+
".spectrum-Accordion:where(.spectrum-Accordion--sizeXL)",
41+
".spectrum-Accordion:where(.spectrum-Accordion--spacious)",
42+
".spectrum-Accordion:where(.spectrum-Accordion--spacious):where(.spectrum-Accordion--sizeL)",
43+
".spectrum-Accordion:where(.spectrum-Accordion--spacious):where(.spectrum-Accordion--sizeS)",
44+
".spectrum-Accordion:where(.spectrum-Accordion--spacious):where(.spectrum-Accordion--sizeXL)"
8845
],
46+
"modifiers": [],
8947
"component": [
90-
"--spectrum-accordion-animation-duration",
91-
"--spectrum-accordion-background-color-default",
92-
"--spectrum-accordion-background-color-down",
93-
"--spectrum-accordion-background-color-hover",
94-
"--spectrum-accordion-background-color-key-focus",
9548
"--spectrum-accordion-bottom-to-text-compact-extra-large",
9649
"--spectrum-accordion-bottom-to-text-compact-large",
9750
"--spectrum-accordion-bottom-to-text-compact-medium",
@@ -118,7 +71,6 @@
11871
"--spectrum-accordion-disclosure-indicator-to-text-medium",
11972
"--spectrum-accordion-disclosure-indicator-to-text-small",
12073
"--spectrum-accordion-disclosure-indicator-to-text-space",
121-
"--spectrum-accordion-divider-color",
12274
"--spectrum-accordion-divider-thickness",
12375
"--spectrum-accordion-edge-to-content-area",
12476
"--spectrum-accordion-edge-to-content-area-extra-large",
@@ -127,37 +79,12 @@
12779
"--spectrum-accordion-edge-to-content-area-small",
12880
"--spectrum-accordion-edge-to-disclosure-indicator-space",
12981
"--spectrum-accordion-edge-to-text",
130-
"--spectrum-accordion-edge-to-text-space",
131-
"--spectrum-accordion-item-content-area-bottom-to-content",
132-
"--spectrum-accordion-item-content-area-top-to-content",
133-
"--spectrum-accordion-item-content-color",
134-
"--spectrum-accordion-item-content-font",
13582
"--spectrum-accordion-item-content-font-size",
136-
"--spectrum-accordion-item-content-font-style",
137-
"--spectrum-accordion-item-content-font-weight",
138-
"--spectrum-accordion-item-content-line-height",
13983
"--spectrum-accordion-item-direct-actions-height",
140-
"--spectrum-accordion-item-direct-actions-spacing",
141-
"--spectrum-accordion-item-direct-actions-vertical-spacing",
142-
"--spectrum-accordion-item-focus-indicator-color",
143-
"--spectrum-accordion-item-focus-indicator-gap",
144-
"--spectrum-accordion-item-focus-indicator-thickness",
14584
"--spectrum-accordion-item-header-bottom-to-text-space",
146-
"--spectrum-accordion-item-header-color-default",
147-
"--spectrum-accordion-item-header-color-down",
148-
"--spectrum-accordion-item-header-color-hover",
149-
"--spectrum-accordion-item-header-color-key-focus",
150-
"--spectrum-accordion-item-header-cursor",
151-
"--spectrum-accordion-item-header-font",
15285
"--spectrum-accordion-item-header-font-size",
153-
"--spectrum-accordion-item-header-font-style",
154-
"--spectrum-accordion-item-header-font-weight",
155-
"--spectrum-accordion-item-header-line-height",
156-
"--spectrum-accordion-item-header-to-direct-actions-space",
15786
"--spectrum-accordion-item-header-top-to-text-space",
158-
"--spectrum-accordion-item-min-block-size",
15987
"--spectrum-accordion-item-minimum-height",
160-
"--spectrum-accordion-item-minimum-width",
16188
"--spectrum-accordion-item-width",
16289
"--spectrum-accordion-minimum-width",
16390
"--spectrum-accordion-top-to-disclosure-indicator",
@@ -230,7 +157,6 @@
230157
"--spectrum-font-size-400",
231158
"--spectrum-gray-200",
232159
"--spectrum-line-height-100",
233-
"--spectrum-logical-rotation",
234160
"--spectrum-neutral-content-color-default",
235161
"--spectrum-neutral-content-color-down",
236162
"--spectrum-neutral-content-color-hover",

0 commit comments

Comments
 (0)