Skip to content

Commit cb89f13

Browse files
committed
fix(accordion): update wip no inline padding variant variables
1 parent c92e7d2 commit cb89f13

File tree

2 files changed

+3
-4
lines changed

2 files changed

+3
-4
lines changed

components/accordion/dist/metadata.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,7 @@
4747
"--mod-accordion-disclosure-indicator-to-text-space",
4848
"--mod-accordion-divider-color",
4949
"--mod-accordion-divider-thickness",
50+
"--mod-accordion-edge-to-content-area",
5051
"--mod-accordion-edge-to-disclosure-indicator-space",
5152
"--mod-accordion-edge-to-text-space",
5253
"--mod-accordion-focus-indicator-color",
@@ -112,7 +113,6 @@
112113
"--spectrum-accordion-disclosure-indicator-to-text-space",
113114
"--spectrum-accordion-divider-color",
114115
"--spectrum-accordion-divider-thickness",
115-
"--spectrum-accordion-edge-",
116116
"--spectrum-accordion-edge-to-content-area",
117117
"--spectrum-accordion-edge-to-disclosure-indicator-space",
118118
"--spectrum-accordion-edge-to-text",

components/accordion/index.css

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,6 @@
2121
--spectrum-accordion-content-padding-inline: var(--spectrum-accordion-content-area-edge-to-content-medium);
2222
--spectrum-accordion-edge-to-content-area: var(--spectrum-accordion-content-padding-inline);
2323
--spectrum-accordion-edge-to-text-space: var(--spectrum-accordion-edge-to-text);
24-
--spectrum-accordion-item-header-padding-inline-end: var(--spectrum-accordion-content-padding-inline);
2524
--spectrum-accordion-item-header-top-to-text-space: var(--spectrum-accordion-top-to-text-regular-medium);
2625
--spectrum-accordion-item-header-bottom-to-text-space: var(--spectrum-accordion-bottom-to-text-regular-medium);
2726
--spectrum-accordion-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
@@ -193,7 +192,7 @@
193192

194193
.spectrum-Accordion.spectrum-Accordion--noInlinePadding {
195194
--spectrum-accordion-edge-to-disclosure-indicator-space: 0px;
196-
--spectrum-accordion-item-header-padding-inline-end: 0px;
195+
--spectrum-accordion-edge-to-content-area: 0px;
197196
}
198197

199198
.spectrum-Accordion {
@@ -244,7 +243,7 @@
244243

245244
.spectrum-Accordion-itemTitle {
246245
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));
247-
padding-inline-end: calc(var(--spectrum-accordion-edge-) var(--mod-accordion-edge-to-text-space, var(--spectrum-accordion-edge-to-text-space)) +);
246+
padding-inline-end: calc(var(--mod-accordion-edge-to-text-space, var(--spectrum-accordion-edge-to-text-space)) + var(--mod-accordion-edge-to-content-area, var(--spectrum-accordion-edge-to-content-area)));
248247
}
249248

250249
/* Focusable button that expands/collapses the accordion item. */

0 commit comments

Comments
 (0)