Skip to content

Commit 94bbc32

Browse files
castastrophecastastrophe
committed
fix: full update for css packages
1 parent 77bdef6 commit 94bbc32

File tree

61 files changed

+1172
-1527
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+1172
-1527
lines changed

‎packages/accordion/src/spectrum-accordion.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,9 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-accordion-divider-color: var(--spectrum-gray-200);
16+
--spectrum-accordion-item-content-disabled-color: var(--spectrum-disabled-content-color);
17+
--spectrum-accordion-item-content-color: var(--spectrum-body-color);
1518
--spectrum-accordion-item-height: var(--spectrum-component-height-200);
1619
--spectrum-accordion-item-width: var(--spectrum-accordion-minimum-width);
1720
--spectrum-accordion-disclosure-indicator-height: var(--spectrum-component-height-100);

‎packages/action-bar/src/spectrum-action-bar.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-actionbar-popover-background-color: var(--spectrum-gray-25);
16+
--spectrum-actionbar-popover-border-color: var(--spectrum-gray-400);
1517
--spectrum-actionbar-height: var(--spectrum-action-bar-height);
1618
--spectrum-actionbar-corner-radius: var(--spectrum-corner-radius-100);
1719
--spectrum-actionbar-item-counter-font-size: var(--spectrum-font-size-100);

‎packages/action-button/src/spectrum-action-button.css

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,95 @@ governing permissions and limitations under the License.
1111
*/
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
14+
:host([static-color="white"][quiet]) {
15+
--spectrum-actionbutton-background-color-default: transparent;
16+
--spectrum-actionbutton-background-color-hover: var(--spectrum-transparent-white-200);
17+
--spectrum-actionbutton-background-color-down: var(--spectrum-transparent-white-200);
18+
--spectrum-actionbutton-background-color-focus: var(--spectrum-transparent-white-200);
19+
--spectrum-actionbutton-background-color-disabled: transparent;
20+
}
21+
22+
:host([static-color="white"]) {
23+
--spectrum-actionbutton-border-color-default: transparent;
24+
--spectrum-actionbutton-border-color-hover: transparent;
25+
--spectrum-actionbutton-border-color-down: transparent;
26+
--spectrum-actionbutton-border-color-focus: transparent;
27+
--spectrum-actionbutton-border-color-disabled: transparent;
28+
--spectrum-actionbutton-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
29+
--spectrum-actionbutton-background-color-selected-disabled: var(--spectrum-disabled-static-white-background-color);
30+
--spectrum-actionbutton-background-color-default: var(--spectrum-transparent-white-100);
31+
--spectrum-actionbutton-background-color-hover: var(--spectrum-transparent-white-200);
32+
--spectrum-actionbutton-background-color-down: var(--spectrum-transparent-white-200);
33+
--spectrum-actionbutton-background-color-focus: var(--spectrum-transparent-white-200);
34+
}
35+
36+
:host([static-color="black"][quiet]) {
37+
--spectrum-actionbutton-background-color-default: transparent;
38+
--spectrum-actionbutton-background-color-hover: var(--spectrum-transparent-black-200);
39+
--spectrum-actionbutton-background-color-down: var(--spectrum-transparent-black-200);
40+
--spectrum-actionbutton-background-color-focus: var(--spectrum-transparent-black-200);
41+
--spectrum-actionbutton-background-color-disabled: transparent;
42+
}
43+
44+
:host([static-color="black"]) {
45+
--spectrum-actionbutton-border-color-default: transparent;
46+
--spectrum-actionbutton-border-color-hover: transparent;
47+
--spectrum-actionbutton-border-color-down: transparent;
48+
--spectrum-actionbutton-border-color-focus: transparent;
49+
--spectrum-actionbutton-border-color-disabled: transparent;
50+
--spectrum-actionbutton-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
51+
--spectrum-actionbutton-background-color-selected-disabled: var(--spectrum-disabled-static-black-background-color);
52+
--spectrum-actionbutton-background-color-default: var(--spectrum-transparent-black-100);
53+
--spectrum-actionbutton-background-color-hover: var(--spectrum-transparent-black-200);
54+
--spectrum-actionbutton-background-color-down: var(--spectrum-transparent-black-200);
55+
--spectrum-actionbutton-background-color-focus: var(--spectrum-transparent-black-200);
56+
}
57+
58+
:host([quiet]) {
59+
--spectrum-actionbutton-background-color-default: transparent;
60+
--spectrum-actionbutton-background-color-hover: var(--spectrum-gray-200);
61+
--spectrum-actionbutton-background-color-down: var(--spectrum-gray-200);
62+
--spectrum-actionbutton-background-color-focus: var(--spectrum-gray-200);
63+
--spectrum-actionbutton-background-color-disabled: transparent;
64+
--spectrum-actionbutton-background-color-selected-disabled: var(--spectrum-disabled-background-color);
65+
}
66+
67+
:host([size="xl"]) {
68+
--spectrum-actionbutton-border-radius-default: var(--spectrum-corner-radius-medium-size-extra-large);
69+
}
70+
71+
:host([size="l"]) {
72+
--spectrum-actionbutton-border-radius-default: var(--spectrum-corner-radius-medium-size-large);
73+
}
74+
75+
:host([size="s"]) {
76+
--spectrum-actionbutton-border-radius-default: var(--spectrum-corner-radius-medium-size-small);
77+
}
78+
79+
:host([size="xs"]) {
80+
--spectrum-actionbutton-border-radius-default: var(--spectrum-corner-radius-medium-size-extra-small);
81+
}
82+
83+
:host {
84+
--spectrum-actionbutton-border-radius-default: var(--spectrum-corner-radius-medium-size-medium);
85+
}
86+
1487
:host {
88+
--spectrum-actionbutton-background-color-default: var(--spectrum-gray-100);
89+
--spectrum-actionbutton-background-color-hover: var(--spectrum-gray-200);
90+
--spectrum-actionbutton-background-color-down: var(--spectrum-gray-200);
91+
--spectrum-actionbutton-background-color-focus: var(--spectrum-gray-200);
92+
--spectrum-actionbutton-background-color-disabled: var(--spectrum-disabled-background-color);
93+
--spectrum-actionbutton-background-color-selected: var(--spectrum-neutral-background-color-selected-default);
94+
--spectrum-actionbutton-background-color-selected-hover: var(--spectrum-neutral-background-color-selected-hover);
95+
--spectrum-actionbutton-background-color-selected-down: var(--spectrum-neutral-background-color-selected-down);
96+
--spectrum-actionbutton-background-color-selected-focus: var(--spectrum-neutral-background-color-selected-key-focus);
97+
--spectrum-actionbutton-border-color-default: transparent;
98+
--spectrum-actionbutton-border-color-hover: transparent;
99+
--spectrum-actionbutton-border-color-down: transparent;
100+
--spectrum-actionbutton-border-color-focus: transparent;
101+
--spectrum-actionbutton-border-color-disabled: transparent;
102+
--spectrum-actionbutton-content-color-selected: var(--spectrum-gray-50);
15103
cursor: pointer;
16104
-webkit-user-select: none;
17105
user-select: none;

‎packages/action-group/src/spectrum-action-group.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,9 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-actiongroup-gap-size-compact: 0;
16+
--spectrum-actiongroup-horizontal-spacing-compact: -1px;
17+
--spectrum-actiongroup-vertical-spacing-compact: -1px;
1518
--spectrum-actiongroup-button-spacing-reset: 0;
1619
--spectrum-actiongroup-border-radius-reset: 0;
1720
--spectrum-actiongroup-border-radius: var(--spectrum-corner-radius-100);

‎packages/alert-banner/src/spectrum-alert-banner.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-alert-banner-neutral-background: var(--spectrum-neutral-subdued-background-color-default);
1516
--spectrum-alert-banner-min-height: var(--spectrum-alert-banner-minimum-height);
1617
--spectrum-alert-banner-max-inline-size: var(--spectrum-alert-banner-width);
1718
--spectrum-alert-banner-size: auto;

‎packages/asset/src/spectrum-asset.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,9 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-asset-folder-background-color: var(--spectrum-gray-200);
16+
--spectrum-asset-file-background-color: var(--spectrum-gray-25);
17+
--spectrum-asset-icon-outline-color: var(--spectrum-gray-500);
1518
--spectrum-asset-folder-background: var(--highcontrast-asset-icon-background-color, var(--mod-asset-folder-background-color, var(--spectrum-asset-folder-background-color)));
1619
--spectrum-asset-file-background: var(--highcontrast-asset-icon-background-color, var(--mod-asset-file-background-color, var(--spectrum-asset-file-background-color)));
1720
--spectrum-asset-folder-outline: var(--mod-asset-icon-outline-color, var(--spectrum-asset-icon-outline-color));

‎packages/button/src/spectrum-button.css

Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,147 @@ governing permissions and limitations under the License.
1111
*/
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
14+
:host([static-color="black"][variant="secondary"][treatment="outline"]) {
15+
--spectrum-button-border-color-default: var(--spectrum-transparent-black-300);
16+
--spectrum-button-border-color-hover: var(--spectrum-transparent-black-400);
17+
--spectrum-button-border-color-down: var(--spectrum-transparent-black-400);
18+
--spectrum-button-border-color-focus: var(--spectrum-transparent-black-400);
19+
--spectrum-button-background-color-default: var(--spectrum-transparent-black-25);
20+
--spectrum-button-background-color-hover: var(--spectrum-transparent-black-100);
21+
--spectrum-button-background-color-down: var(--spectrum-transparent-black-100);
22+
--spectrum-button-background-color-focus: var(--spectrum-transparent-black-100);
23+
}
24+
25+
:host([static-color="black"][variant="secondary"]) {
26+
--spectrum-button-background-color-default: var(--spectrum-transparent-black-100);
27+
--spectrum-button-background-color-hover: var(--spectrum-transparent-black-200);
28+
--spectrum-button-background-color-down: var(--spectrum-transparent-black-200);
29+
--spectrum-button-background-color-focus: var(--spectrum-transparent-black-200);
30+
--spectrum-button-content-color-default: var(--spectrum-transparent-black-800);
31+
--spectrum-button-content-color-hover: var(--spectrum-transparent-black-900);
32+
--spectrum-button-content-color-down: var(--spectrum-transparent-black-900);
33+
--spectrum-button-content-color-focus: var(--spectrum-transparent-black-900);
34+
}
35+
36+
:host([static-color="black"][treatment="outline"]) {
37+
--spectrum-button-background-color-default: var(--spectrum-transparent-black-25);
38+
--spectrum-button-background-color-hover: var(--spectrum-transparent-black-100);
39+
--spectrum-button-background-color-down: var(--spectrum-transparent-black-100);
40+
--spectrum-button-background-color-focus: var(--spectrum-transparent-black-100);
41+
--spectrum-button-content-color-default: var(--spectrum-transparent-black-800);
42+
--spectrum-button-content-color-hover: var(--spectrum-transparent-black-900);
43+
--spectrum-button-content-color-down: var(--spectrum-transparent-black-900);
44+
--spectrum-button-content-color-focus: var(--spectrum-transparent-black-900);
45+
--spectrum-button-border-color-default: var(--spectrum-transparent-black-800);
46+
--spectrum-button-border-color-hover: var(--spectrum-transparent-black-900);
47+
--spectrum-button-border-color-down: var(--spectrum-transparent-black-900);
48+
--spectrum-button-border-color-focus: var(--spectrum-transparent-black-900);
49+
}
50+
51+
:host([static-color="black"]) {
52+
--spectrum-button-background-color-default: var(--spectrum-transparent-black-800);
53+
--spectrum-button-background-color-hover: var(--spectrum-transparent-black-900);
54+
--spectrum-button-background-color-down: var(--spectrum-transparent-black-900);
55+
--spectrum-button-background-color-focus: var(--spectrum-transparent-black-900);
56+
--spectrum-button-content-color-default: var(--spectrum-white);
57+
--spectrum-button-content-color-hover: var(--spectrum-white);
58+
--spectrum-button-content-color-down: var(--spectrum-white);
59+
--spectrum-button-content-color-focus: var(--spectrum-white);
60+
}
61+
62+
:host([static-color="white"][variant="secondary"][treatment="outline"]) {
63+
--spectrum-button-border-color-default: var(--spectrum-transparent-white-300);
64+
--spectrum-button-border-color-hover: var(--spectrum-transparent-white-400);
65+
--spectrum-button-border-color-down: var(--spectrum-transparent-white-400);
66+
--spectrum-button-border-color-focus: var(--spectrum-transparent-white-400);
67+
--spectrum-button-background-color-default: var(--spectrum-transparent-white-25);
68+
--spectrum-button-background-color-hover: var(--spectrum-transparent-white-100);
69+
--spectrum-button-background-color-down: var(--spectrum-transparent-white-100);
70+
--spectrum-button-background-color-focus: var(--spectrum-transparent-white-100);
71+
}
72+
73+
:host([static-color="white"][variant="secondary"]) {
74+
--spectrum-button-background-color-default: var(--spectrum-transparent-white-100);
75+
--spectrum-button-background-color-hover: var(--spectrum-transparent-white-200);
76+
--spectrum-button-background-color-down: var(--spectrum-transparent-white-200);
77+
--spectrum-button-background-color-focus: var(--spectrum-transparent-white-200);
78+
--spectrum-button-content-color-default: var(--spectrum-transparent-white-800);
79+
--spectrum-button-content-color-hover: var(--spectrum-transparent-white-900);
80+
--spectrum-button-content-color-down: var(--spectrum-transparent-white-900);
81+
--spectrum-button-content-color-focus: var(--spectrum-transparent-white-900);
82+
}
83+
84+
:host([static-color="white"][treatment="outline"]) {
85+
--spectrum-button-background-color-default: var(--spectrum-transparent-white-25);
86+
--spectrum-button-background-color-hover: var(--spectrum-transparent-white-100);
87+
--spectrum-button-background-color-down: var(--spectrum-transparent-white-100);
88+
--spectrum-button-background-color-focus: var(--spectrum-transparent-white-100);
89+
--spectrum-button-content-color-default: var(--spectrum-transparent-white-800);
90+
--spectrum-button-content-color-hover: var(--spectrum-transparent-white-900);
91+
--spectrum-button-content-color-down: var(--spectrum-transparent-white-900);
92+
--spectrum-button-content-color-focus: var(--spectrum-transparent-white-900);
93+
--spectrum-button-border-color-default: var(--spectrum-transparent-white-800);
94+
--spectrum-button-border-color-hover: var(--spectrum-transparent-white-900);
95+
--spectrum-button-border-color-down: var(--spectrum-transparent-white-900);
96+
--spectrum-button-border-color-focus: var(--spectrum-transparent-white-900);
97+
}
98+
99+
:host([static-color="white"]) {
100+
--spectrum-button-background-color-default: var(--spectrum-transparent-white-800);
101+
--spectrum-button-background-color-hover: var(--spectrum-transparent-white-900);
102+
--spectrum-button-background-color-down: var(--spectrum-transparent-white-900);
103+
--spectrum-button-background-color-focus: var(--spectrum-transparent-white-900);
104+
--spectrum-button-content-color-default: var(--spectrum-black);
105+
--spectrum-button-content-color-hover: var(--spectrum-black);
106+
--spectrum-button-content-color-down: var(--spectrum-black);
107+
--spectrum-button-content-color-focus: var(--spectrum-black);
108+
}
109+
110+
:host([variant="secondary"][treatment="outline"]) {
111+
--spectrum-button-background-color-hover: var(--spectrum-gray-100);
112+
--spectrum-button-background-color-down: var(--spectrum-gray-100);
113+
--spectrum-button-background-color-focus: var(--spectrum-gray-100);
114+
--spectrum-button-border-color-down: var(--spectrum-gray-400);
115+
}
116+
117+
:host([variant="secondary"]) {
118+
--spectrum-button-background-color-default: var(--spectrum-gray-100);
119+
--spectrum-button-background-color-hover: var(--spectrum-gray-200);
120+
--spectrum-button-background-color-down: var(--spectrum-gray-200);
121+
--spectrum-button-background-color-focus: var(--spectrum-gray-200);
122+
}
123+
124+
:host([variant="primary"][treatment="outline"]) {
125+
--spectrum-button-background-color-hover: var(--spectrum-gray-100);
126+
--spectrum-button-background-color-down: var(--spectrum-gray-100);
127+
--spectrum-button-background-color-focus: var(--spectrum-gray-100);
128+
}
129+
130+
:host([variant="primary"]) {
131+
--spectrum-button-content-color-default: var(--spectrum-gray-25);
132+
--spectrum-button-content-color-hover: var(--spectrum-gray-25);
133+
--spectrum-button-content-color-down: var(--spectrum-gray-25);
134+
--spectrum-button-content-color-focus: var(--spectrum-gray-25);
135+
}
136+
137+
:host([selected]) {
138+
--spectrum-button-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
139+
--spectrum-button-background-color-hover: var(--spectrum-neutral-subdued-background-color-hover);
140+
--spectrum-button-background-color-down: var(--spectrum-neutral-subdued-background-color-down);
141+
--spectrum-button-background-color-focus: var(--spectrum-neutral-subdued-background-color-key-focus);
142+
}
143+
14144
:host {
145+
--spectrum-button-background-color-default: var(--spectrum-gray-50);
146+
--spectrum-button-background-color-hover: var(--spectrum-gray-100);
147+
--spectrum-button-background-color-down: var(--spectrum-gray-200);
148+
--spectrum-button-background-color-focus: var(--spectrum-gray-100);
149+
--spectrum-button-border-color-default: var(--spectrum-gray-400);
150+
--spectrum-button-border-color-hover: var(--spectrum-gray-500);
151+
--spectrum-button-border-color-down: var(--spectrum-gray-600);
152+
--spectrum-button-border-color-focus: var(--spectrum-gray-500);
153+
--spectrum-button-background-color-disabled: transparent;
154+
--spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
15155
cursor: pointer;
16156
-webkit-user-select: none;
17157
user-select: none;

‎packages/card/src/spectrum-card.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,11 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-card-border-color: var(--spectrum-gray-100);
16+
--spectrum-card-border-color-hover: var(--spectrum-gray-200);
17+
--spectrum-card-divider-color: var(--spectrum-gray-200);
18+
--spectrum-card-preview-background-color: var(--spectrum-gray-100);
19+
--spectrum-card-preview-background-color-hover: var(--spectrum-gray-200);
1520
--spectrum-card-background-color: var(--mod-card-background-color, var(--spectrum-background-layer-2-color));
1621
--spectrum-card-body-spacing: var(--mod-card-body-spacing, var(--spectrum-spacing-400));
1722
--spectrum-card-body-padding-block-start: var(--mod-card-body-padding-block-start, var(--spectrum-spacing-300));

‎packages/checkbox/src/spectrum-checkbox.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,12 @@ governing permissions and limitations under the License.
1212

1313
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
1414
:host {
15+
--spectrum-checkbox-control-color-default: var(--spectrum-neutral-content-color-default);
16+
--spectrum-checkbox-control-color-hover: var(--spectrum-gray-700);
17+
--spectrum-checkbox-control-color-down: var(--spectrum-gray-800);
18+
--spectrum-checkbox-control-color-focus: var(--spectrum-gray-700);
19+
--spectrum-checkbox-checkmark-color: var(--spectrum-gray-50);
20+
--spectrum-checkbox-control-corner-radius: 2px;
1521
--spectrum-checkbox-content-color-default: var(--spectrum-neutral-content-color-default);
1622
--spectrum-checkbox-content-color-hover: var(--spectrum-neutral-content-color-hover);
1723
--spectrum-checkbox-content-color-down: var(--spectrum-neutral-content-color-down);

0 commit comments

Comments
 (0)