Skip to content

Commit 99c33a9

Browse files
castastrophecastastrophe
committed
chore: minor whitespace cleanup
1 parent 3aeafdd commit 99c33a9

File tree

84 files changed

+483
-1173
lines changed

Some content is hidden

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

84 files changed

+483
-1173
lines changed

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

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010
governing permissions and limitations under the License.
1111
*/
1212

13-
@import url('./spectrum-accordion-item.css');
13+
@import url("./spectrum-accordion-item.css");
1414

1515
:host {
1616
display: block;
@@ -23,8 +23,5 @@ governing permissions and limitations under the License.
2323
}
2424

2525
:host([disabled]) #heading .indicator {
26-
color: var(
27-
--mod-accordion-item-header-disabled-color,
28-
var(--spectrum-accordion-item-header-disabled-color)
29-
);
26+
color: var(--mod-accordion-item-header-disabled-color, var(--spectrum-accordion-item-header-disabled-color));
3027
}

‎packages/accordion/src/accordion.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010
governing permissions and limitations under the License.
1111
*/
1212

13-
@import url('./spectrum-accordion.css');
14-
@import url('./accordion-overrides.css');
13+
@import url("./spectrum-accordion.css");
14+
@import url("./accordion-overrides.css");
1515

1616
:host {
1717
--spectrum-logical-rotation: ;

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010
governing permissions and limitations under the License.
1111
*/
1212

13-
@import url('./spectrum-action-bar.css');
14-
@import url('./action-bar-overrides.css');
13+
@import url("./spectrum-action-bar.css");
14+
@import url("./action-bar-overrides.css");
1515

1616
:host {
1717
display: block;

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

Lines changed: 13 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010
governing permissions and limitations under the License.
1111
*/
1212

13-
@import url('./spectrum-action-button.css');
14-
@import url('./action-button-overrides.css');
13+
@import url("./spectrum-action-button.css");
14+
@import url("./action-button-overrides.css");
1515

16-
::slotted([slot='icon']) {
16+
::slotted([slot="icon"]) {
1717
flex-shrink: 0;
1818
}
1919

@@ -25,42 +25,27 @@ governing permissions and limitations under the License.
2525

2626
/* confirm with css if we can keep it as css level */
2727

28-
:host([size='xs']) {
28+
:host([size="xs"]) {
2929
/* Work around non-square icon only Action Buttons in Spectrum CSS */
3030
min-width: var(--spectrum-actionbutton-height, 0);
3131

32-
--spectrum-actionbutton-edge-to-visual-only: calc(
33-
var(--spectrum-component-edge-to-visual-only-50) -
34-
var(--spectrum-actionbutton-border-width)
35-
);
32+
--spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-50) - var(--spectrum-actionbutton-border-width));
3633
}
3734

38-
:host([size='s']) {
39-
--spectrum-actionbutton-edge-to-visual-only: calc(
40-
var(--spectrum-component-edge-to-visual-only-75) -
41-
var(--spectrum-actionbutton-border-width)
42-
);
35+
:host([size="s"]) {
36+
--spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width));
4337
}
4438

45-
:host([size='m']) {
46-
--spectrum-actionbutton-edge-to-visual-only: calc(
47-
var(--spectrum-component-edge-to-visual-only-100) -
48-
var(--spectrum-actionbutton-border-width)
49-
);
39+
:host([size="m"]) {
40+
--spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width));
5041
}
5142

52-
:host([size='l']) {
53-
--spectrum-actionbutton-edge-to-visual-only: calc(
54-
var(--spectrum-component-edge-to-visual-only-200) -
55-
var(--spectrum-actionbutton-border-width)
56-
);
43+
:host([size="l"]) {
44+
--spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-200) - var(--spectrum-actionbutton-border-width));
5745
}
5846

59-
:host([size='xl']) {
60-
--spectrum-actionbutton-edge-to-visual-only: calc(
61-
var(--spectrum-component-edge-to-visual-only-300) -
62-
var(--spectrum-actionbutton-border-width)
63-
);
47+
:host([size="xl"]) {
48+
--spectrum-actionbutton-edge-to-visual-only: calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width));
6449
}
6550

6651
@media (forced-colors: active) {

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

Lines changed: 38 additions & 142 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,11 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010
governing permissions and limitations under the License.
1111
*/
1212

13-
@import url('./spectrum-action-group.css');
14-
@import url('./action-group-overrides.css');
15-
16-
:host([size='xs']) {
17-
--spectrum-actiongroup-horizontal-spacing-regular: var(
18-
--spectrum-spacing-75
19-
); /* .spectrum-ActionGroup--sizeS */
13+
@import url("./spectrum-action-group.css");
14+
@import url("./action-group-overrides.css");
2015

16+
:host([size="xs"]) {
17+
--spectrum-actiongroup-horizontal-spacing-regular: var(--spectrum-spacing-75); /* .spectrum-ActionGroup--sizeS */
2118
--spectrum-actiongroup-vertical-spacing-regular: var(--spectrum-spacing-75);
2219
}
2320

@@ -54,86 +51,32 @@ governing permissions and limitations under the License.
5451

5552
:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child) {
5653
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child */
57-
--overriden-border-radius: var(
58-
--mod-actiongroup-border-radius,
59-
var(--spectrum-actiongroup-border-radius)
60-
)
61-
var(
62-
--mod-actiongroup-border-radius,
63-
var(--spectrum-actiongroup-border-radius)
64-
)
65-
0 0;
54+
--overriden-border-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0 0;
6655
}
6756

6857
:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child) {
6958
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child */
70-
--overriden-border-radius: 0 0
71-
var(
72-
--mod-actiongroup-border-radius,
73-
var(--spectrum-actiongroup-border-radius)
74-
)
75-
var(
76-
--mod-actiongroup-border-radius,
77-
var(--spectrum-actiongroup-border-radius)
78-
);
79-
}
80-
81-
:host([dir='ltr'][compact]:not([quiet], [vertical]))
82-
::slotted(:not([role]):first-child) {
59+
--overriden-border-radius: 0 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
60+
}
61+
62+
:host([dir="ltr"][compact]:not([quiet], [vertical])) ::slotted(:not([role]):first-child) {
8363
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child */
84-
--overriden-border-radius: var(
85-
--mod-actiongroup-border-radius,
86-
var(--spectrum-actiongroup-border-radius)
87-
)
88-
0 0
89-
var(
90-
--mod-actiongroup-border-radius,
91-
var(--spectrum-actiongroup-border-radius)
92-
);
93-
}
94-
95-
:host([dir='rtl'][compact]:not([quiet], [vertical]))
96-
::slotted(:not([role]):first-child) {
64+
--overriden-border-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
65+
}
66+
67+
:host([dir="rtl"][compact]:not([quiet], [vertical])) ::slotted(:not([role]):first-child) {
9768
/* [dir=rtl] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child */
98-
--overriden-border-radius: 0
99-
var(
100-
--mod-actiongroup-border-radius,
101-
var(--spectrum-actiongroup-border-radius)
102-
)
103-
var(
104-
--mod-actiongroup-border-radius,
105-
var(--spectrum-actiongroup-border-radius)
106-
)
107-
0;
108-
}
109-
110-
:host([dir='ltr'][compact]:not([quiet], [vertical]))
111-
::slotted(:not([role]):last-child) {
69+
--overriden-border-radius: 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0;
70+
}
71+
72+
:host([dir="ltr"][compact]:not([quiet], [vertical])) ::slotted(:not([role]):last-child) {
11273
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child */
113-
--overriden-border-radius: 0
114-
var(
115-
--mod-actiongroup-border-radius,
116-
var(--spectrum-actiongroup-border-radius)
117-
)
118-
var(
119-
--mod-actiongroup-border-radius,
120-
var(--spectrum-actiongroup-border-radius)
121-
)
122-
0;
123-
}
124-
125-
:host([dir='rtl'][compact]:not([quiet], [vertical]))
126-
::slotted(:not([role]):last-child) {
74+
--overriden-border-radius: 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0;
75+
}
76+
77+
:host([dir="rtl"][compact]:not([quiet], [vertical])) ::slotted(:not([role]):last-child) {
12778
/* [dir=rtl] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child */
128-
--overriden-border-radius: var(
129-
--mod-actiongroup-border-radius,
130-
var(--spectrum-actiongroup-border-radius)
131-
)
132-
0 0
133-
var(
134-
--mod-actiongroup-border-radius,
135-
var(--spectrum-actiongroup-border-radius)
136-
);
79+
--overriden-border-radius: var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
13780
}
13881

13982
:host([compact]:not([quiet])) ::slotted(*) {
@@ -142,79 +85,32 @@ governing permissions and limitations under the License.
14285

14386
:host([compact][vertical]:not([quiet])) ::slotted(:first-child) {
14487
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child */
145-
--mod-actionbutton-focus-ring-border-radius: var(
146-
--spectrum-alias-component-border-radius
147-
)
148-
var(
149-
--mod-actiongroup-border-radius,
150-
var(--spectrum-actiongroup-border-radius)
151-
)
152-
0 0;
88+
--mod-actionbutton-focus-ring-border-radius: var(--spectrum-alias-component-border-radius) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0 0;
15389
}
15490

15591
:host([compact][vertical]:not([quiet])) ::slotted(:last-child) {
15692
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child */
157-
--mod-actionbutton-focus-ring-border-radius: 0 0
158-
var(
159-
--mod-actiongroup-border-radius,
160-
var(--spectrum-actiongroup-border-radius)
161-
)
162-
var(
163-
--mod-actiongroup-border-radius,
164-
var(--spectrum-actiongroup-border-radius)
165-
);
166-
}
167-
168-
:host([dir='ltr'][compact]:not([quiet], [vertical])) ::slotted(:first-child) {
93+
--mod-actionbutton-focus-ring-border-radius: 0 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
94+
}
95+
96+
:host([dir="ltr"][compact]:not([quiet], [vertical])) ::slotted(:first-child) {
16997
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child */
170-
--mod-actionbutton-focus-ring-border-radius: var(
171-
--spectrum-alias-component-border-radius
172-
)
173-
0 0
174-
var(
175-
--mod-actiongroup-border-radius,
176-
var(--spectrum-actiongroup-border-radius)
177-
);
98+
--mod-actionbutton-focus-ring-border-radius: var(--spectrum-alias-component-border-radius) 0 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
17899
}
179100

180-
:host([dir='rtl'][compact]:not([quiet], [vertical])) ::slotted(:first-child) {
101+
:host([dir="rtl"][compact]:not([quiet], [vertical])) ::slotted(:first-child) {
181102
/* [dir=rtl] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child */
182-
--mod-actionbutton-focus-ring-border-radius: 0
183-
var(
184-
--mod-actiongroup-border-radius,
185-
var(--spectrum-actiongroup-border-radius)
186-
)
187-
var(
188-
--mod-actiongroup-border-radius,
189-
var(--spectrum-actiongroup-border-radius)
190-
)
191-
0;
192-
}
193-
194-
:host([dir='ltr'][compact]:not([quiet], [vertical])) ::slotted(:last-child) {
103+
--mod-actionbutton-focus-ring-border-radius: 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0;
104+
}
105+
106+
:host([dir="ltr"][compact]:not([quiet], [vertical])) ::slotted(:last-child) {
195107
/* [dir=ltr] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child */
196-
--mod-actionbutton-focus-ring-border-radius: 0
197-
var(
198-
--mod-actiongroup-border-radius,
199-
var(--spectrum-actiongroup-border-radius)
200-
)
201-
var(
202-
--mod-actiongroup-border-radius,
203-
var(--spectrum-actiongroup-border-radius)
204-
)
205-
0;
206-
}
207-
208-
:host([dir='rtl'][compact]:not([quiet], [vertical])) ::slotted(:last-child) {
108+
--mod-actionbutton-focus-ring-border-radius: 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius)) 0;
109+
}
110+
111+
:host([dir="rtl"][compact]:not([quiet], [vertical])) ::slotted(:last-child) {
209112
/* [dir=rtl] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child */
210-
--mod-actionbutton-focus-ring-border-radius: var(
211-
--spectrum-alias-component-border-radius
212-
)
213-
0 0
214-
var(
215-
--mod-actiongroup-border-radius,
216-
var(--spectrum-actiongroup-border-radius)
217-
);
113+
--mod-actionbutton-focus-ring-border-radius: var(--spectrum-alias-component-border-radius) 0 0 var(--mod-actiongroup-border-radius, var(--spectrum-actiongroup-border-radius));
218114
}
219115

220116
/** flex-grow: 1; isn't enough to fully justify the action group */

‎packages/action-menu/src/action-menu.css‎

Lines changed: 9 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ governing permissions and limitations under the License.
2222
display: none;
2323
}
2424

25-
::slotted([slot='icon']) {
25+
::slotted([slot="icon"]) {
2626
flex-shrink: 0;
2727
}
2828

@@ -38,38 +38,21 @@ governing permissions and limitations under the License.
3838
max-width: none;
3939
}
4040

41-
:host([dir='ltr']) ::slotted([slot='icon']),
42-
:host([dir='ltr']) .icon {
41+
:host([dir="ltr"]) ::slotted([slot="icon"]),
42+
:host([dir="ltr"]) .icon {
4343
/* [dir=ltr] .spectrum-ActionButton .spectrum-Icon */
44-
margin-left: calc(
45-
-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) -
46-
var(--spectrum-actionbutton-padding-left-adjusted))
47-
);
44+
margin-left: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)));
4845
}
4946

50-
:host([dir='rtl']) ::slotted([slot='icon']),
51-
:host([dir='rtl']) .icon {
47+
:host([dir="rtl"]) ::slotted([slot="icon"]),
48+
:host([dir="rtl"]) .icon {
5249
/* [dir=rtl] .spectrum-ActionButton .spectrum-Icon */
53-
margin-right: calc(
54-
-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) -
55-
var(--spectrum-actionbutton-padding-left-adjusted))
56-
);
50+
margin-right: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)));
5751
}
5852

59-
:host([dir]) slot[icon-only]::slotted([slot='icon']),
53+
:host([dir]) slot[icon-only]::slotted([slot="icon"]),
6054
:host([dir]) slot[icon-only] .icon {
61-
margin-inline: calc(
62-
(
63-
var(
64-
--custom-actionbutton-edge-to-text,
65-
var(--spectrum-actionbutton-edge-to-text)
66-
) -
67-
var(
68-
--custom-actionbutton-edge-to-visual-only,
69-
var(--spectrum-actionbutton-edge-to-visual-only)
70-
)
71-
) * -1
72-
); /* .spectrum-ActionButton-hold+.spectrum-ActionButton-icon,
55+
margin-inline: calc((var(--custom-actionbutton-edge-to-text, var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only, var(--spectrum-actionbutton-edge-to-visual-only))) * -1); /* .spectrum-ActionButton-hold+.spectrum-ActionButton-icon,
7356
* .spectrum-ActionButton-icon:only-child */
7457
}
7558

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,5 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010
governing permissions and limitations under the License.
1111
*/
1212

13-
@import url('./spectrum-alert-banner.css');
14-
@import url('./alert-banner-overrides.css');
13+
@import url("./spectrum-alert-banner.css");
14+
@import url("./alert-banner-overrides.css");

‎packages/alert-dialog/src/alert-dialog.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,5 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010
governing permissions and limitations under the License.
1111
*/
1212

13-
@import url('./spectrum-alert-dialog.css');
14-
@import url('./alert-dialog-overrides.css');
13+
@import url("./spectrum-alert-dialog.css");
14+
@import url("./alert-dialog-overrides.css");

0 commit comments

Comments
 (0)