@blackbaud/skyux-design-tokens 0.0.40 → 0.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/package.json +1 -1
  3. package/scss/blackbaud.css +27 -2
  4. package/scss/modern.css +44 -10
package/CHANGELOG.md CHANGED
@@ -2,6 +2,25 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [0.0.41](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.40...0.0.41) (2024-10-29)
6
+
7
+
8
+ ### Features
9
+
10
+ * add bottomless medium inset ([#115](https://github.com/blackbaud/skyux-design-tokens/issues/115)) ([a511cbd](https://github.com/blackbaud/skyux-design-tokens/commit/a511cbd630bc4abb76b01530494bb328a31ba193))
11
+ * add size.icon.xxs ([#119](https://github.com/blackbaud/skyux-design-tokens/issues/119)) ([d2a8be7](https://github.com/blackbaud/skyux-design-tokens/commit/d2a8be794262ce6d5884bba7c600f7efe5970681))
12
+ * balanced.xxs and color.border.selected_soft ([#123](https://github.com/blackbaud/skyux-design-tokens/issues/123)) ([4682d81](https://github.com/blackbaud/skyux-design-tokens/commit/4682d81b178acc7e1b618c3cf4721cd6bd608fb3))
13
+ * new button variants ([#111](https://github.com/blackbaud/skyux-design-tokens/issues/111)) ([a69d3a2](https://github.com/blackbaud/skyux-design-tokens/commit/a69d3a24d8a52ac33bccdaa14bc2f9dac09f37dc))
14
+ * new round tokens ([#118](https://github.com/blackbaud/skyux-design-tokens/issues/118)) ([6d9553f](https://github.com/blackbaud/skyux-design-tokens/commit/6d9553f516ba09531cb63d08f04eae924221baae))
15
+ * new size and form gap tokens for file attach ([#122](https://github.com/blackbaud/skyux-design-tokens/issues/122)) ([1c234cf](https://github.com/blackbaud/skyux-design-tokens/commit/1c234cfe7c06df0457a6b75d78d77a31c6721c6d))
16
+ * new space for use in color picker, add in letterbox m modern ([#117](https://github.com/blackbaud/skyux-design-tokens/issues/117)) ([0705485](https://github.com/blackbaud/skyux-design-tokens/commit/0705485616decedecde7b5828c67484c502dcca4))
17
+ * text_highlight tokens for colors and border width ([#109](https://github.com/blackbaud/skyux-design-tokens/issues/109)) ([015ee57](https://github.com/blackbaud/skyux-design-tokens/commit/015ee57b31fef4a07ca2a42c1e4f8ed0297bd4ad))
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * removed border.width.input.selected ([#120](https://github.com/blackbaud/skyux-design-tokens/issues/120)) ([46ec521](https://github.com/blackbaud/skyux-design-tokens/commit/46ec5210d8a1a9b6c3b2b7d892b61accd6a23ac4))
23
+
5
24
  ## [0.0.40](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.39...0.0.40) (2024-10-22)
6
25
 
7
26
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "0.0.40",
3
+ "version": "0.0.41",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",
package/scss/blackbaud.css CHANGED
@@ -216,6 +216,11 @@
216
216
  --sky-color-border-input-hover: var(--bb-color-blue-600);
217
217
  --sky-color-border-input-base: var(--bb-color-gray-400);
218
218
  --sky-color-border-container-base: var(--bb-color-gray-100);
219
+ --sky-color-border-action-input-disabled: var(--bb-color-gray-400);
220
+ --sky-color-border-action-input-focus: var(--bb-color-blue-600);
221
+ --sky-color-border-action-input-active: var(--bb-color-blue-600);
222
+ --sky-color-border-action-input-hover: var(--bb-color-blue-600);
223
+ --sky-color-border-action-input-base: var(--bb-color-gray-400);
219
224
  --sky-color-border-action-danger-disabled: var(--bb-color-gray-100);
220
225
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
221
226
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
@@ -236,12 +241,14 @@
236
241
  --sky-color-border-action-primary-active: var(--bb-color-blue-200);
237
242
  --sky-color-border-action-primary-hover: var(--bb-color-blue-200);
238
243
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
244
+ --sky-color-border-text_highlight: var(--bb-color-yellow-800);
239
245
  --sky-color-border-elevation: var(--bb-color-gray-100);
240
246
  --sky-color-border-divider: var(--bb-color-gray-100);
241
247
  --sky-color-border-info: var(--bb-color-blue-600);
242
248
  --sky-color-border-success: var(--bb-color-green-600);
243
249
  --sky-color-border-warning: var(--bb-color-yellow-600);
244
250
  --sky-color-border-danger: var(--bb-color-red-600);
251
+ --sky-color-border-selected_soft: var(--bb-color-blue-300);
245
252
  --sky-color-border-selected: var(--bb-color-blue-600);
246
253
  --sky-color-background-list-disabled: var(--bb-color-gray-50);
247
254
  --sky-color-background-list-focus: var(--bb-color-transparent);
@@ -262,6 +269,11 @@
262
269
  --sky-color-background-thumb-base: var(--bb-color-white);
263
270
  --sky-color-background-input-disabled: var(--bb-color-gray-50);
264
271
  --sky-color-background-input-base: var(--bb-color-transparent);
272
+ --sky-color-background-action-input-disabled: var(--bb-color-gray-50);
273
+ --sky-color-background-action-input-focus: var(--bb-color-transparent);
274
+ --sky-color-background-action-input-active: var(--bb-color-transparent);
275
+ --sky-color-background-action-input-hover: var(--bb-color-transparent);
276
+ --sky-color-background-action-input-base: var(--bb-color-transparent);
265
277
  --sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
266
278
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
267
279
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
@@ -288,6 +300,7 @@
288
300
  --sky-color-background-container-danger: var(--bb-color-red-300);
289
301
  --sky-color-background-container-menu: var(--bb-color-white);
290
302
  --sky-color-background-container-base: var(--bb-color-white);
303
+ --sky-color-background-text_highlight: var(--bb-color-yellow-400);
291
304
  --sky-color-background-scrim: var(--bb-color-scrim);
292
305
  --sky-color-background-page: var(--bb-color-gray-25);
293
306
  --sky-color-icon-action: var(--bb-color-blue-600);
@@ -298,9 +311,10 @@
298
311
  --sky-color-icon-danger: var(--bb-color-red-600);
299
312
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
300
313
  --sky-color-icon-default: var(--bb-color-gray-900);
314
+ --sky-color-text-link_highlighted: var(--bb-color-blue-800);
301
315
  --sky-color-text-heading: var(--bb-color-blue-800);
302
316
  --sky-color-text-inverse: var(--bb-color-white);
303
- --sky-color-text-danger: var(--bb-color-red-700);
317
+ --sky-color-text-danger: var(--bb-color-red-600);
304
318
  --sky-color-text-action: var(--bb-color-blue-600);
305
319
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
306
320
  --sky-color-text-default: var(--bb-color-gray-900);
@@ -315,7 +329,6 @@
315
329
  --sky-border-width-separator-row: var(--bb-size-fixed-6);
316
330
  --sky-border-width-separator-light: var(--bb-size-fixed-6);
317
331
  --sky-border-width-separator-dark: var(--bb-size-fixed-6);
318
- --sky-border-width-input-selected: var(--bb-size-fixed-6);
319
332
  --sky-border-width-input-disabled: var(--bb-size-fixed-6);
320
333
  --sky-border-width-input-error: var(--bb-size-fixed-12);
321
334
  --sky-border-width-input-focus: var(--bb-size-fixed-12);
@@ -334,8 +347,10 @@
334
347
  --sky-border-width-action-hover: var(--bb-size-fixed-6);
335
348
  --sky-border-width-action-base: var(--bb-size-fixed-6);
336
349
  --sky-border-width-elevation: var(--bb-size-fixed-6);
350
+ --sky-border-width-text_highlight: var(--bb-size-fixed-6);
337
351
  --sky-border-width-divider: var(--bb-size-fixed-6);
338
352
  --sky-border-width-accent: var(--bb-size-fixed-37);
353
+ --sky-border-radius-round: var(--bb-border-radius-round);
339
354
  --sky-border-radius-thumb: var(--bb-border-radius-round);
340
355
  --sky-border-radius-pill: var(--bb-border-radius-pill);
341
356
  --sky-border-radius-m: var(--bb-border-radius-050);
@@ -465,6 +480,9 @@
465
480
  --sky-size-icon-l: var(--bb-size-fluid-150);
466
481
  --sky-size-icon-m: var(--bb-size-fluid-125);
467
482
  --sky-size-icon-s: var(--bb-size-fluid-100);
483
+ --sky-size-icon-xs: var(--bb-size-fluid-50);
484
+ --sky-size-icon-xxs: var(--bb-size-fluid-25);
485
+ --sky-size-picker_btn: var(--bb-size-fluid-200);
468
486
  --sky-size-switch: var(--bb-size-fluid-125);
469
487
  --sky-space-stacked-xxl: var(--bb-size-fluid-300);
470
488
  --sky-space-stacked-xl: var(--bb-size-fluid-150);
@@ -478,6 +496,7 @@
478
496
  --sky-space-inline-m: var(--bb-size-fluid-75);
479
497
  --sky-space-inline-s: var(--bb-size-fluid-50);
480
498
  --sky-space-inline-xs: var(--bb-size-fluid-25);
499
+ --sky-space-inline-xxs: var(--bb-size-fluid-12);
481
500
  --sky-space-gap-text_action-l: var(--bb-size-fluid-100);
482
501
  --sky-space-gap-text_action-m: var(--bb-size-fluid-75);
483
502
  --sky-space-gap-text_action-s: var(--bb-size-fluid-50);
@@ -502,6 +521,7 @@
502
521
  --sky-space-gap-form-l: var(--bb-size-fluid-100);
503
522
  --sky-space-gap-form-m: var(--bb-size-fluid-75);
504
523
  --sky-space-gap-form-s: var(--bb-size-fluid-50);
524
+ --sky-space-gap-form-xs: var(--bb-size-fluid-25);
505
525
  --sky-space-gap-form-0: 0rem;
506
526
  --sky-space-gap-action_group-xl: var(--bb-size-fluid-100);
507
527
  --sky-space-gap-action_group-l: var(--bb-size-fluid-75);
@@ -607,16 +627,21 @@
607
627
  --sky-space-inset-floated-top-0: 0rem;
608
628
  --sky-space-inset-bottomless-left-xl: var(--bb-size-fluid-150);
609
629
  --sky-space-inset-bottomless-left-l: var(--bb-size-fluid-100);
630
+ --sky-space-inset-bottomless-left-m: var(--bb-size-fluid-75);
610
631
  --sky-space-inset-bottomless-bottom-xl: var(--bb-size-fluid-0);
611
632
  --sky-space-inset-bottomless-bottom-l: var(--bb-size-fluid-0);
633
+ --sky-space-inset-bottomless-bottom-m: var(--bb-size-fluid-0);
612
634
  --sky-space-inset-bottomless-right-xl: var(--bb-size-fluid-150);
613
635
  --sky-space-inset-bottomless-right-l: var(--bb-size-fluid-100);
636
+ --sky-space-inset-bottomless-right-m: var(--bb-size-fluid-75);
614
637
  --sky-space-inset-bottomless-top-xl: var(--bb-size-fluid-150);
615
638
  --sky-space-inset-bottomless-top-l: var(--bb-size-fluid-100);
639
+ --sky-space-inset-bottomless-top-m: var(--bb-size-fluid-75);
616
640
  --sky-space-inset-balanced-xl: var(--bb-size-fluid-150);
617
641
  --sky-space-inset-balanced-l: var(--bb-size-fluid-100);
618
642
  --sky-space-inset-balanced-m: var(--bb-size-fluid-75);
619
643
  --sky-space-inset-balanced-s: var(--bb-size-fluid-50);
620
644
  --sky-space-inset-balanced-xs: var(--bb-size-fluid-25);
645
+ --sky-space-inset-balanced-xxs: var(--bb-size-fluid-12);
621
646
  --sky-space-inset-balanced-none: 0rem;
622
647
  }
package/scss/modern.css CHANGED
@@ -55,6 +55,7 @@
55
55
  --modern-size-64: 64px;
56
56
  --modern-size-48: 48px;
57
57
  --modern-size-44: 44px;
58
+ --modern-size-40: 40px;
58
59
  --modern-size-32: 32px;
59
60
  --modern-size-30: 30px;
60
61
  --modern-size-26: 26px;
@@ -84,11 +85,14 @@
84
85
  --modern-space-none: 0rem;
85
86
  --modern-color-sky_blue-40: #40c7f4;
86
87
  --modern-color-sky_blue-20: #bfecfb;
88
+ --modern-color-yellow-80: #c57c00;
87
89
  --modern-color-yellow-50: #fbb034;
90
+ --modern-color-yellow-40: #fcd085;
88
91
  --modern-color-yellow-30: #ffd597;
89
92
  --modern-color-green-50: #72bf44;
90
93
  --modern-color-green-30: #b7da9b;
91
94
  --modern-color-blue-05: #ebfbff;
95
+ --modern-color-blue-80: #0d5ead;
92
96
  --modern-color-blue-74: #1870b8;
93
97
  --modern-color-blue-50: #00b4f1;
94
98
  --modern-color-blue-30: #81d4f7;
@@ -128,6 +132,11 @@
128
132
  --sky-color-border-input-active: var(--modern-color-blue-74);
129
133
  --sky-color-border-input-hover: var(--modern-color-blue-74);
130
134
  --sky-color-border-input-base: var(--modern-color-gray-50);
135
+ --sky-color-border-action-input-disabled: var(--modern-color-gray-50);
136
+ --sky-color-border-action-input-focus: var(--modern-color-blue-74);
137
+ --sky-color-border-action-input-active: var(--modern-color-blue-74);
138
+ --sky-color-border-action-input-hover: var(--modern-color-blue-74);
139
+ --sky-color-border-action-input-base: var(--modern-color-gray-50);
131
140
  --sky-color-border-action-danger-disabled: var(--modern-color-gray-15);
132
141
  --sky-color-border-action-danger-focus: var(--modern-color-red-30);
133
142
  --sky-color-border-action-danger-active: var(--modern-color-red-30);
@@ -149,12 +158,14 @@
149
158
  --sky-color-border-action-primary-hover: var(--modern-color-blue-10);
150
159
  --sky-color-border-action-primary-base: var(--modern-color-blue-74);
151
160
  --sky-color-border-container-base: var(--modern-color-gray-15);
161
+ --sky-color-border-text_highlight: var(--modern-color-yellow-80);
152
162
  --sky-color-border-elevation: var(--modern-color-gray-15);
153
163
  --sky-color-border-divider: var(--modern-color-gray-15);
154
164
  --sky-color-border-info: var(--modern-color-blue-50);
155
165
  --sky-color-border-success: var(--modern-color-green-50);
156
166
  --sky-color-border-warning: var(--modern-color-yellow-50);
157
167
  --sky-color-border-danger: var(--modern-color-red-50);
168
+ --sky-color-border-selected_soft: var(--modern-color-blue-30);
158
169
  --sky-color-border-selected: var(--modern-color-blue-74);
159
170
  --sky-color-background-list-disabled: var(--modern-color-gray-07);
160
171
  --sky-color-background-list-focus: var(--modern-color-transparent);
@@ -175,6 +186,11 @@
175
186
  --sky-color-background-selected-danger: var(--modern-color-red-30);
176
187
  --sky-color-background-selected-soft: var(--modern-color-blue-05);
177
188
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
189
+ --sky-color-background-action-input-disabled: var(--modern-color-gray-07);
190
+ --sky-color-background-action-input-focus: var(--modern-color-transparent);
191
+ --sky-color-background-action-input-active: var(--modern-color-transparent);
192
+ --sky-color-background-action-input-hover: var(--modern-color-transparent);
193
+ --sky-color-background-action-input-base: var(--modern-color-transparent);
178
194
  --sky-color-background-action-danger-disabled: var(--modern-color-gray-07);
179
195
  --sky-color-background-action-danger-focus: var(--modern-color-red-70);
180
196
  --sky-color-background-action-danger-active: var(--modern-color-red-70);
@@ -201,6 +217,7 @@
201
217
  --sky-color-background-container-danger: var(--modern-color-red-30);
202
218
  --sky-color-background-container-menu: var(--modern-color-white);
203
219
  --sky-color-background-container-base: var(--modern-color-white);
220
+ --sky-color-background-text_highlight: var(--modern-color-yellow-40);
204
221
  --sky-color-background-scrim: var(--modern-color-scrim);
205
222
  --sky-color-background-page: var(--modern-color-gray-005);
206
223
  --sky-color-icon-action: var(--modern-color-blue-74);
@@ -211,6 +228,7 @@
211
228
  --sky-color-icon-danger: var(--modern-color-red-50);
212
229
  --sky-color-icon-deemphasized: var(--modern-color-gray-70);
213
230
  --sky-color-icon-default: var(--modern-color-gray-105);
231
+ --sky-color-text-link_highlight: var(--modern-color-blue-80);
214
232
  --sky-color-text-heading: var(--modern-color-gray-105);
215
233
  --sky-color-text-inverse: var(--modern-color-white);
216
234
  --sky-color-text-danger: var(--modern-color-red-70);
@@ -225,6 +243,7 @@
225
243
  --sky-border-style-elevation: var(--modern-border-style-solid);
226
244
  --sky-border-style-divider: var(--modern-border-style-solid);
227
245
  --sky-border-style-accent: var(--modern-border-style-solid);
246
+ --sky-border-radius-round: var(--modern-border-radius-round);
228
247
  --sky-border-radius-thumb: var(--modern-border-radius-round);
229
248
  --sky-border-radius-pill: var(--modern-border-radius-pill);
230
249
  --sky-border-radius-m: var(--modern-border-radius-md);
@@ -233,7 +252,6 @@
233
252
  --sky-border-width-separator-row: var(--modern-size-1);
234
253
  --sky-border-width-separator-light: var(--modern-size-1);
235
254
  --sky-border-width-separator-dark: var(--modern-size-1);
236
- --sky-border-width-input-selected: var(--modern-size-1);
237
255
  --sky-border-width-input-disabled: var(--modern-size-1);
238
256
  --sky-border-width-input-error: var(--modern-size-2);
239
257
  --sky-border-width-input-focus: var(--modern-size-2);
@@ -252,6 +270,7 @@
252
270
  --sky-border-width-action-hover: var(--modern-size-1);
253
271
  --sky-border-width-action-base: var(--modern-size-1);
254
272
  --sky-border-width-elevation: var(--modern-size-1);
273
+ --sky-border-width-text_highlight: var(--modern-size-1);
255
274
  --sky-border-width-divider: var(--modern-size-1);
256
275
  --sky-border-width-accent: var(--modern-size-7);
257
276
  --sky-size-max_width-overlay_message: var(--modern-size-236);
@@ -264,6 +283,9 @@
264
283
  --sky-size-icon-l: var(--modern-size-24);
265
284
  --sky-size-icon-m: var(--modern-size-20);
266
285
  --sky-size-icon-s: var(--modern-size-16);
286
+ --sky-size-icon-xs: var(--modern-size-10);
287
+ --sky-size-icon-xxs: var(--modern-size-5);
288
+ --sky-size-picker_btn: var(--modern-size-30);
267
289
  --sky-size-switch: var(--modern-size-26);
268
290
  --sky-space-stacked-xxl: var(--modern-space-xxl);
269
291
  --sky-space-stacked-xl: var(--modern-space-xl);
@@ -277,6 +299,7 @@
277
299
  --sky-space-inline-m: var(--modern-space-md);
278
300
  --sky-space-inline-s: var(--modern-space-s);
279
301
  --sky-space-inline-xs: var(--modern-space-xs);
302
+ --sky-space-inline-xxs: var(--modern-size-2);
280
303
  --sky-space-gap-text_action-l: var(--modern-space-lg);
281
304
  --sky-space-gap-text_action-m: var(--modern-space-md);
282
305
  --sky-space-gap-text_action-s: var(--modern-space-s);
@@ -301,21 +324,13 @@
301
324
  --sky-space-gap-form-l: var(--modern-space-lg);
302
325
  --sky-space-gap-form-m: var(--modern-space-md);
303
326
  --sky-space-gap-form-s: var(--modern-space-s);
327
+ --sky-space-gap-form-xs: var(--modern-space-xs);
304
328
  --sky-space-gap-form-0: 0rem;
305
329
  --sky-space-gap-action_group-xl: var(--modern-size-20);
306
330
  --sky-space-gap-action_group-l: var(--modern-size-15);
307
331
  --sky-space-gap-action_group-m: var(--modern-size-10);
308
332
  --sky-space-gap-action_group-s: var(--modern-size-5);
309
333
  --sky-space-gap-action_group-0: 0rem;
310
- --sky-space-inset-floated-left-m: var(--modern-space-xl);
311
- --sky-space-inset-floated-left-s: var(--modern-space-lg);
312
- --sky-space-inset-floated-bottom-m: var(--modern-space-xl);
313
- --sky-space-inset-floated-bottom-s: var(--modern-space-lg);
314
- --sky-space-inset-floated-right-m: var(--modern-space-xl);
315
- --sky-space-inset-floated-right-s: var(--modern-space-lg);
316
- --sky-space-inset-floated-top-m: var(--modern-space-s);
317
- --sky-space-inset-floated-top-s: var(--modern-space-xs);
318
- --sky-space-inset-floated-top-0: var(--modern-space-none);
319
334
  --sky-space-inset-horizontal-left-xl: var(--modern-space-xl);
320
335
  --sky-space-inset-horizontal-left-l: var(--modern-space-lg);
321
336
  --sky-space-inset-horizontal-left-m: var(--modern-space-md);
@@ -386,25 +401,44 @@
386
401
  --sky-space-inset-pillarbox-1_4-right-xs: var(--modern-size-5);
387
402
  --sky-space-inset-pillarbox-1_4-top-s: var(--modern-size-4);
388
403
  --sky-space-inset-pillarbox-1_4-top-xs: var(--modern-size-1);
404
+ --sky-space-inset-letterbox-left-m: var(--modern-space-s);
405
+ --sky-space-inset-letterbox-bottom-m: var(--modern-space-lg);
406
+ --sky-space-inset-letterbox-right-m: var(--modern-space-s);
407
+ --sky-space-inset-letterbox-top-m: var(--modern-space-lg);
389
408
  --sky-space-inset-input_label-bottom-m: var(--modern-size-2);
390
409
  --sky-space-inset-input_label-top-m: var(--modern-size-6);
391
410
  --sky-space-inset-input-left-m: var(--modern-size-15);
392
411
  --sky-space-inset-input-bottom-m: var(--modern-size-9);
393
412
  --sky-space-inset-input-right-m: var(--modern-size-15);
394
413
  --sky-space-inset-input-top-m: var(--modern-size-10);
414
+ --sky-space-inset-floated-left-m: var(--modern-space-xl);
415
+ --sky-space-inset-floated-left-s: var(--modern-space-lg);
416
+ --sky-space-inset-floated-bottom-m: var(--modern-space-xl);
417
+ --sky-space-inset-floated-bottom-s: var(--modern-space-lg);
418
+ --sky-space-inset-floated-right-m: var(--modern-space-xl);
419
+ --sky-space-inset-floated-right-s: var(--modern-space-lg);
420
+ --sky-space-inset-floated-top-m: var(--modern-space-s);
421
+ --sky-space-inset-floated-top-s: var(--modern-space-xs);
422
+ --sky-space-inset-floated-top-0: var(--modern-space-none);
395
423
  --sky-space-inset-bottomless-bottom-xl: var(--modern-space-none);
396
424
  --sky-space-inset-bottomless-bottom-l: var(--modern-space-none);
425
+ --sky-space-inset-bottomless-bottom-m: var(--modern-space-none);
397
426
  --sky-space-inset-bottomless-left-xl: var(--modern-space-xl);
398
427
  --sky-space-inset-bottomless-left-l: var(--modern-space-lg);
428
+ --sky-space-inset-bottomless-left-m: var(--modern-size-15);
399
429
  --sky-space-inset-bottomless-right-xl: var(--modern-space-xl);
400
430
  --sky-space-inset-bottomless-right-l: var(--modern-space-lg);
431
+ --sky-space-inset-bottomless-right-m: var(--modern-size-15);
401
432
  --sky-space-inset-bottomless-top-xl: var(--modern-space-xl);
402
433
  --sky-space-inset-bottomless-top-l: var(--modern-space-lg);
434
+ --sky-space-inset-bottomless-top-m: var(--modern-size-15);
403
435
  --sky-space-inset-balanced-xl: var(--modern-space-xl);
404
436
  --sky-space-inset-balanced-l: var(--modern-space-lg);
405
437
  --sky-space-inset-balanced-m: var(--modern-space-md);
406
438
  --sky-space-inset-balanced-s: var(--modern-space-s);
407
439
  --sky-space-inset-balanced-xs: var(--modern-space-xs);
440
+ --sky-space-inset-balanced-xxs: var(--modern-size-2);
441
+ --sky-space-inset-balanced-none: 0rem;
408
442
  --sky-font-text_decoration-inline_link-disabled: none;
409
443
  --sky-font-text_decoration-inline_link-focus: none;
410
444
  --sky-font-text_decoration-inline_link-active: underline;