Skip to content

Commit bcfc954

Browse files
cdransfcdransf
committed
fix: conflict
1 parent 6a90814 commit bcfc954

File tree

30 files changed

+1878
-47
lines changed

30 files changed

+1878
-47
lines changed

‎.changeset/clever-otters-mix.md

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
"@spectrum-css/infieldbutton": minor
3+
"@spectrum-css/logicbutton": minor
4+
"@spectrum-css/progressbar": minor
5+
"@spectrum-css/colorwheel": minor
6+
"@spectrum-css/assetcard": minor
7+
"@spectrum-css/colorarea": minor
8+
"@spectrum-css/calendar": minor
9+
"@spectrum-css/checkbox": minor
10+
"@spectrum-css/underlay": minor
11+
"@spectrum-css/stepper": minor
12+
"@spectrum-css/button": minor
13+
"@spectrum-css/modal": minor
14+
"@spectrum-css/radio": minor
15+
"@spectrum-css/table": minor
16+
"@spectrum-css/card": minor
17+
"@spectrum-css/site": minor
18+
"@spectrum-css/tokens": minor
19+
---
20+
21+
This resolves our remaining stylelint issues around undefined tokens, rule order, unused values and color syntax.
22+
23+
- Updates invalid color syntax from `rgba(N, N, N, N)` to `rgba(N N N / N)`.
24+
- In cases of duplicate properties, preserves the property that would be applied given current code structure.
25+
- Updates misnamed tokens to use valid tokens (`table/index.css`).

‎components/assetcard/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -272,7 +272,7 @@
272272

273273
border-radius: var(--mod-assetcard-selectionindicator-border-radius, var(--spectrum-assetcard-selectionindicator-border-radius));
274274

275-
box-shadow: 0 var(--spectrum-assetcard-selectionindicator-offset-y) var(--spectrum-assetcard-selectionindicator-blur) rgb(0, 0, 0, 15%);
275+
box-shadow: 0 var(--spectrum-assetcard-selectionindicator-offset-y) var(--spectrum-assetcard-selectionindicator-blur) rgb(0 0 0 / 15%);
276276

277277
color: var(--highcontrast-assetcard-selectionindicator-color, var(--mod-assetcard-selectionindicator-color, var(--spectrum-assetcard-selectionindicator-color)));
278278
font-weight: var(--mod-assetcard-selectionindicator-font-weight, var(--spectrum-assetcard-selectionindicator-font-weight));

‎components/assetcard/themes/express.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,6 @@
1515

1616
@container (--system: express) {
1717
.spectrum-AssetCard {
18-
--spectrum-assetcard-overlay-background-color: rgba(109, 115, 246, 20%);
18+
--spectrum-assetcard-overlay-background-color: rgba(109 115 246 / 20%);
1919
}
2020
}

‎components/assetcard/themes/spectrum.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,6 @@
1313

1414
@container (--system: spectrum) {
1515
.spectrum-AssetCard {
16-
--spectrum-assetcard-overlay-background-color: rgba(27, 127, 245, 10%);
16+
--spectrum-assetcard-overlay-background-color: rgba(27 127 245 / 10%);
1717
}
1818
}

‎components/calendar/index.css

-2
Original file line numberDiff line numberDiff line change
@@ -413,7 +413,6 @@
413413
@media (forced-colors: active) {
414414
.spectrum-Calendar-prevMonth,
415415
.spectrum-Calendar-nextMonth {
416-
--highcontrast-calendar-button-icon-color-disabled: GrayText;
417416
--highcontrast-calendar-button-icon-color: ButtonText;
418417
}
419418

@@ -429,7 +428,6 @@
429428
--highcontrast-calendar-day-text-color-disabled: GrayText;
430429
--highcontrast-calendar-day-text-color-hover: ButtonText;
431430
--highcontrast-calendar-day-text-color-key-focus: ButtonText;
432-
--highcontrast-calendar-day-text-color-selected-hover: HighlightText;
433431
--highcontrast-calendar-day-text-color-selected: HighlightText;
434432
--highcontrast-calendar-day-title-text-color: CanvasText;
435433
--highcontrast-calendar-day-today-background-color-selected-hover: Highlight;

‎components/calendar/metadata/metadata.json

-2
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,6 @@
170170
"passthroughs": [],
171171
"high-contrast": [
172172
"--highcontrast-calendar-button-icon-color",
173-
"--highcontrast-calendar-button-icon-color-disabled",
174173
"--highcontrast-calendar-day-background-color-cap-selected",
175174
"--highcontrast-calendar-day-background-color-down",
176175
"--highcontrast-calendar-day-background-color-hover",
@@ -183,7 +182,6 @@
183182
"--highcontrast-calendar-day-text-color-hover",
184183
"--highcontrast-calendar-day-text-color-key-focus",
185184
"--highcontrast-calendar-day-text-color-selected",
186-
"--highcontrast-calendar-day-text-color-selected-hover",
187185
"--highcontrast-calendar-day-title-text-color",
188186
"--highcontrast-calendar-day-today-background-color-selected-hover",
189187
"--highcontrast-calendar-day-today-border-color",

‎components/card/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,7 @@
158158
}
159159

160160
&.is-drop-target {
161-
--mod-card-background-color: var(--spectrum-card-background-color-quiet, var(--spectrum-background-base-color));
161+
--mod-card-background-color: var(--spectrum-background-base-color);
162162

163163
border-color: var(--highcontrast-card-border-color-selected, var(--mod-card-border-color-selected, var(--spectrum-card-border-color-selected)));
164164
box-shadow: 0 0 0 1px var(--highcontrast-card-border-color-selected, var(--mod-card-border-color-selected, var(--spectrum-card-border-color-selected)));

‎components/card/metadata/metadata.json

-1
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,6 @@
148148
"--spectrum-card-actions-size",
149149
"--spectrum-card-actions-spacing",
150150
"--spectrum-card-background-color",
151-
"--spectrum-card-background-color-quiet",
152151
"--spectrum-card-body-font-color",
153152
"--spectrum-card-body-font-family",
154153
"--spectrum-card-body-font-size",

‎components/checkbox/index.css

+2-1
Original file line numberDiff line numberDiff line change
@@ -442,6 +442,8 @@
442442
}
443443

444444
.spectrum-Checkbox-box {
445+
--spectrum-checkbox-spacing: calc(var(--mod-checkbox-height, var(--spectrum-checkbox-height)) - var(--mod-checkbox-control-size, var(--spectrum-checkbox-control-size)));
446+
445447
display: flex;
446448
align-items: center;
447449
justify-content: center;
@@ -452,7 +454,6 @@
452454
block-size: var(--mod-checkbox-control-size, var(--spectrum-checkbox-control-size));
453455

454456
/* Fix vertical alignment when not wrapping since we're flex-start */
455-
--spectrum-checkbox-spacing: calc(var(--mod-checkbox-height, var(--spectrum-checkbox-height)) - var(--mod-checkbox-control-size, var(--spectrum-checkbox-control-size)));
456457
margin: calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing)) / 2) 0;
457458

458459
flex-grow: 0;

‎components/colorarea/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515

1616
.spectrum-ColorArea {
1717
--spectrum-colorarea-border-radius: var(--spectrum-color-area-border-rounding);
18-
--spectrum-colorarea-border-color: rgb(0 0 0 / 10%); /* TODO replace with token --spectrum-color-area-border-color and --spectrum-color-area-border-opacity using RGBA function */
18+
--spectrum-colorarea-border-color: rgba(0 0 0 / 10%); /* TODO replace with token --spectrum-color-area-border-color and --spectrum-color-area-border-opacity using RGBA function */
1919
--spectrum-colorarea-disabled-background-color: var(--spectrum-disabled-background-color);
2020
--spectrum-colorarea-border-width: var(--spectrum-color-area-border-width);
2121
--spectrum-colorarea-height: var(--spectrum-color-area-height);

‎components/infieldbutton/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@
202202
align-items: center;
203203
justify-content: var(--mod-infield-button-fill-justify-content, var(--spectrum-infield-button-fill-justify-content));
204204

205-
transition: border-color var(--spectrum-global-animation-duration-100) ease-in-out;
205+
transition: border-color var(--spectrum-animation-duration-100) ease-in-out;
206206
}
207207

208208
/* Stacked in-field buttons */

‎components/infieldbutton/metadata/metadata.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -129,6 +129,7 @@
129129
"--spectrum-infield-button-width"
130130
],
131131
"global": [
132+
"--spectrum-animation-duration-100",
132133
"--spectrum-border-width-100",
133134
"--spectrum-component-height-100",
134135
"--spectrum-component-height-200",
@@ -138,7 +139,6 @@
138139
"--spectrum-corner-radius-75",
139140
"--spectrum-disabled-background-color",
140141
"--spectrum-disabled-content-color",
141-
"--spectrum-global-animation-duration-100",
142142
"--spectrum-gray-200",
143143
"--spectrum-gray-300",
144144
"--spectrum-gray-400",

‎components/logicbutton/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,6 @@
108108
}
109109

110110
.spectrum-LogicButton {
111-
112111
--highcontrast-logic-button-and-background-color: ButtonFace;
113112
--highcontrast-logic-button-and-background-color-hover: ButtonFace;
114113
--highcontrast-logic-button-and-border-color: ButtonText;
@@ -119,6 +118,7 @@
119118
--highcontrast-logic-button-or-border-color: ButtonText;
120119
--highcontrast-logic-button-or-border-color-hover: Highlight;
121120
--highcontrast-logic-button-or-text-color: ButtonText;
121+
122122
forced-color-adjust: none;
123123

124124
&:disabled,

‎components/modal/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
@extend %spectrum-overlay;
7676

7777
/* Start offset by the animation distance */
78-
transform: translateY(var(--mod-modal-confirm-entry-animation-distance, var(--spectrum-modal-confirm-entry-animation-distance)));
78+
transform: translateY(var(--mod-modal-confirm-entry-animation-distance));
7979

8080
/* Appear above underlay */
8181
z-index: 2;

‎components/modal/metadata/metadata.json

-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,6 @@
3030
"--spectrum-modal-background-color",
3131
"--spectrum-modal-confirm-border-radius",
3232
"--spectrum-modal-confirm-entry-animation-delay",
33-
"--spectrum-modal-confirm-entry-animation-distance",
3433
"--spectrum-modal-confirm-entry-animation-duration",
3534
"--spectrum-modal-confirm-exit-animation-delay",
3635
"--spectrum-modal-confirm-exit-animation-duration",

‎components/progressbar/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -273,7 +273,7 @@
273273
.spectrum-ProgressBar-track {
274274
--highcontrast-progressbar-fill-color: ButtonText;
275275
--highcontrast-progressbar-track-color: ButtonFace;
276-
forced-color-adjust: none;
277276
border: 1px solid ButtonText;
277+
forced-color-adjust: none;
278278
}
279279
}

‎components/radio/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
--spectrum-radio-button-checked-border-color-default: var(--spectrum-neutral-background-color-selected-default);
5050
--spectrum-radio-button-checked-border-color-hover: var(--spectrum-neutral-background-color-selected-hover);
5151
--spectrum-radio-button-checked-border-color-down: var(--spectrum-neutral-background-color-selected-down);
52-
--spectrum-radio-button-checked-border-color-focus: var(--spectrum-neutral-background-color-selected-focus);
52+
--spectrum-radio-button-checked-border-color-focus: var(--spectrum-neutral-background-color-selected-key-focus);
5353

5454
/* spacing all themes */
5555
--spectrum-radio-text-to-control: var(--spectrum-text-to-control-100);

‎components/radio/metadata/metadata.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -158,8 +158,8 @@
158158
"--spectrum-line-height-100",
159159
"--spectrum-neutral-background-color-selected-default",
160160
"--spectrum-neutral-background-color-selected-down",
161-
"--spectrum-neutral-background-color-selected-focus",
162161
"--spectrum-neutral-background-color-selected-hover",
162+
"--spectrum-neutral-background-color-selected-key-focus",
163163
"--spectrum-neutral-content-color-default",
164164
"--spectrum-neutral-content-color-down",
165165
"--spectrum-neutral-content-color-hover",

0 commit comments

Comments
 (0)