@blackbaud/skyux-design-tokens 2.0.0 → 3.0.0-alpha.0

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.
@@ -4,7 +4,7 @@
4
4
  initial-value: url('data:,');
5
5
  }
6
6
 
7
- .sky-theme-modern.sky-theme-brand-base {
7
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
8
8
  --bb-border-radius-0: 0rem;
9
9
  --bb-border-radius-012: .125rem;
10
10
  --bb-border-radius-025: .25rem;
@@ -153,7 +153,7 @@
153
153
  --bb-font-weight-light: 300;
154
154
  --bb-font-weight-regular: 400;
155
155
  --bb-font-weight-semibold: 600;
156
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0/assets/images/bb-logo.png');
156
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.0/assets/images/bb-logo.png');
157
157
  --bb-letter_spacing-normal: normal;
158
158
  --bb-letter_spacing-wider: 0.16px;
159
159
  --bb-line_height-300: calc(18/13);
@@ -165,6 +165,7 @@
165
165
  --bb-line_height-800: calc(36/27);
166
166
  --bb-opacity-600: .6;
167
167
  --bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
168
+ --bb-shadow-gray-0: 0 0 0 0 rgba(0, 0, 0, 0);
168
169
  --bb-size-0: 0rem;
169
170
  --bb-size-fixed-100: 16px;
170
171
  --bb-size-fixed-12: 2px;
@@ -223,28 +224,89 @@
223
224
  --bb-shadow-blue-400: 0 2px 4px -1px rgba(17, 43, 85, 0.2), 0 1px 10px 0 rgba(17, 43, 85, 0.12), 0 4px 5px 0 rgba(17, 43, 85, 0.14);
224
225
  --bb-shadow-blue-50: 0 1px 1px 0 rgba(17, 43, 85, 0.12), 0 1.5px 1px -1px rgba(17, 43, 85, 0.12);
225
226
  --bb-shadow-blue-800: 0 5px 5px -3px rgba(17, 43, 85, 0.2), 0 3px 14px 2px rgba(17, 43, 85, 0.12), 0 8px 10px 1px rgba(17, 43, 85, 0.14);
227
+ --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
228
+ --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
229
+ --bb-shadow-gray-200: 0 1px 8px 0 rgba(22, 26, 31, 0.2), 0 3px 3px -2px rgba(22, 26, 31, 0.12), 0 3px 4px 0 rgba(22, 26, 31, 0.14);
230
+ --bb-shadow-gray-2400: 0 11px 15px -7px rgba(22, 26, 31, 0.2), 0 9px 46px 8px rgba(22, 26, 31, 0.12), 0 24px 38px 3px rgba(22, 26, 31, 0.14);
231
+ --bb-shadow-gray-25: 0 1px 1px 0 rgba(22, 26, 31, 0.05);
232
+ --bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
233
+ --bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
234
+ --bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
226
235
  }
227
- .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-compact {
228
- --sky-size-icon-xl: var(--bb-size-fluid-125);
229
- --sky-space-inset-balanced-l: var(--bb-size-fluid-50);
230
- --sky-space-inset-balanced-m: var(--bb-size-fluid-25);
231
- --sky-space-inset-balanced-s: var(--bb-size-fluid-12);
232
- --sky-space-inset-balanced-xl: var(--bb-size-fluid-100);
233
- --sky-space-inset-letterbox-bottom-l: var(--bb-size-fluid-125);
234
- --sky-space-inset-letterbox-bottom-m: var(--bb-size-fluid-75);
235
- --sky-space-inset-letterbox-bottom-s: var(--bb-size-fluid-25);
236
- --sky-space-inset-letterbox-left-l: var(--bb-size-fluid-75);
237
- --sky-space-inset-letterbox-left-m: var(--bb-size-fluid-25);
238
- --sky-space-inset-letterbox-left-s: var(--bb-size-fluid-12);
239
- --sky-space-inset-letterbox-right-l: var(--bb-size-fluid-75);
240
- --sky-space-inset-letterbox-right-m: var(--bb-size-fluid-25);
241
- --sky-space-inset-letterbox-right-s: var(--bb-size-fluid-12);
242
- --sky-space-inset-letterbox-top-l: var(--bb-size-fluid-125);
243
- --sky-space-inset-letterbox-top-m: var(--bb-size-fluid-75);
244
- --sky-space-inset-letterbox-top-s: var(--bb-size-fluid-25);
245
- --sky-type-body-m: var(--bb-font-size-300) sans-serif;
236
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
237
+ --sky-brand-name: var(--bb-brand-name);
238
+ --sky-color-background-container-dimmed: var(--bb-color-blue-25);
239
+ --sky-color-background-file_drop: var(--bb-color-blue-25);
240
+ --sky-color-background-input-base: var(--bb-color-blue-25);
241
+ --sky-color-background-page: var(--bb-color-slate-100);
242
+ --sky-color-background-scrim: var(--bb-color-scrim);
243
+ --sky-color-border-action-input-base: var(--bb-color-blue-250);
244
+ --sky-color-border-action-secondary-base: var(--bb-color-blue-300);
245
+ --sky-color-border-container-base: var(--bb-color-blue-200);
246
+ --sky-color-border-divider: var(--bb-color-blue-300);
247
+ --sky-color-border-elevation: var(--bb-color-blue-200);
248
+ --sky-color-border-input-base: var(--bb-color-blue-250);
249
+ --sky-color-border-separator-light: var(--bb-color-blue-250);
250
+ --sky-color-border-separator-row: var(--bb-color-blue-250);
251
+ --sky-color-border-switch-base: var(--bb-color-blue-500);
252
+ --sky-color-category-blue: var(--bb-color-sky-300);
253
+ --sky-color-category-green: var(--bb-color-green-300);
254
+ --sky-color-category-orange: var(--bb-color-orange-400);
255
+ --sky-color-category-purple: var(--bb-color-purple-300);
256
+ --sky-color-category-red: var(--bb-color-red-300);
257
+ --sky-color-category-teal: var(--bb-color-teal-400);
258
+ --sky-color-category-yellow: var(--bb-color-yellow-300);
259
+ --sky-color-icon-input-action: var(--bb-color-blue-600);
260
+ --sky-color-illustration-fill-heavy: var(--bb-color-green-400);
261
+ --sky-color-illustration-fill-soft: var(--bb-color-green-100);
262
+ --sky-color-illustration-fill-softest: var(--bb-color-white);
263
+ --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
264
+ --sky-color-text-heading: var(--bb-color-blue-900);
265
+ --sky-elevation-action-danger-active: var(--bb-shadow-blue-0);
266
+ --sky-elevation-action-danger-disabled: var(--bb-shadow-blue-0);
267
+ --sky-elevation-action-input-disabled: var(--bb-shadow-blue-0);
268
+ --sky-elevation-action-primary-active: var(--bb-shadow-blue-0);
269
+ --sky-elevation-action-primary-disabled: var(--bb-shadow-blue-0);
270
+ --sky-elevation-action-secondary-active: var(--bb-shadow-blue-0);
271
+ --sky-elevation-action-secondary-disabled: var(--bb-shadow-blue-0);
272
+ --sky-elevation-action-tertiary-active: var(--bb-shadow-blue-0);
273
+ --sky-elevation-action-tertiary-base: var(--bb-shadow-blue-0);
274
+ --sky-elevation-action-tertiary-disabled: var(--bb-shadow-blue-0);
275
+ --sky-elevation-action-tertiary-focus: var(--bb-shadow-blue-0);
276
+ --sky-elevation-action-toolbar-active: var(--bb-shadow-blue-0);
277
+ --sky-elevation-action-toolbar-base: var(--bb-shadow-blue-0);
278
+ --sky-elevation-action-toolbar-disabled: var(--bb-shadow-blue-0);
279
+ --sky-elevation-action-toolbar-focus: var(--bb-shadow-blue-0);
280
+ --sky-elevation-input-disabled: var(--bb-shadow-blue-0);
281
+ --sky-elevation-none: var(--bb-shadow-blue-0);
282
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
283
+ --sky-opacity-wait: var(--bb-opacity-600);
284
+ --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
285
+ --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
286
+ --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
287
+ --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
288
+ --sky-elevation-action-input-active: var(--bb-shadow-blue-25);
289
+ --sky-elevation-action-input-base: var(--bb-shadow-blue-25);
290
+ --sky-elevation-action-input-focus: var(--bb-shadow-blue-25);
291
+ --sky-elevation-action-input-hover: var(--bb-shadow-blue-25);
292
+ --sky-elevation-action-primary-base: var(--bb-shadow-blue-50);
293
+ --sky-elevation-action-primary-focus: var(--bb-shadow-blue-50);
294
+ --sky-elevation-action-primary-hover: var(--bb-shadow-blue-50);
295
+ --sky-elevation-action-secondary-base: var(--bb-shadow-blue-50);
296
+ --sky-elevation-action-secondary-focus: var(--bb-shadow-blue-50);
297
+ --sky-elevation-action-secondary-hover: var(--bb-shadow-blue-50);
298
+ --sky-elevation-action-tertiary-hover: var(--bb-shadow-blue-50);
299
+ --sky-elevation-action-toolbar-hover: var(--bb-shadow-blue-50);
300
+ --sky-elevation-focus: var(--bb-shadow-blue-200);
301
+ --sky-elevation-input-base: var(--bb-shadow-blue-25);
302
+ --sky-elevation-overflow: var(--bb-shadow-blue-200);
303
+ --sky-elevation-overlay-100: var(--bb-shadow-blue-400);
304
+ --sky-elevation-overlay-200: var(--bb-shadow-blue-800);
305
+ --sky-elevation-overlay-300: var(--bb-shadow-blue-1600);
306
+ --sky-elevation-overlay-400: var(--bb-shadow-blue-2400);
307
+ --sky-elevation-raised-100: var(--bb-shadow-blue-100);
246
308
  }
247
- .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
309
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
248
310
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
249
311
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
250
312
  --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
@@ -416,888 +478,3 @@
416
478
  --sky-elevation-overlay-400: var(--bb-shadow-blue-2400);
417
479
  --sky-elevation-raised-100: var(--bb-shadow-blue-100);
418
480
  }
419
- .sky-theme-modern.sky-theme-brand-base {
420
- --sky-brand-name: var(--bb-brand-name);
421
- --sky-color-background-action-danger-active: var(--bb-color-red-800);
422
- --sky-color-background-action-danger-base: var(--bb-color-red-600);
423
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
424
- --sky-color-background-action-danger-focus: var(--bb-color-red-600);
425
- --sky-color-background-action-danger-hover: var(--bb-color-red-700);
426
- --sky-color-background-action-input-active: var(--bb-color-blue-100);
427
- --sky-color-background-action-input-base: var(--bb-color-white);
428
- --sky-color-background-action-input-disabled: var(--bb-color-gray-50);
429
- --sky-color-background-action-input-focus: var(--bb-color-transparent);
430
- --sky-color-background-action-input-hover: var(--bb-color-blue-50);
431
- --sky-color-background-action-primary-active: var(--bb-color-blue-800);
432
- --sky-color-background-action-primary-base: var(--bb-color-blue-600);
433
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-50);
434
- --sky-color-background-action-primary-focus: var(--bb-color-blue-600);
435
- --sky-color-background-action-primary-hover: var(--bb-color-blue-700);
436
- --sky-color-background-action-secondary-active: var(--bb-color-blue-100);
437
- --sky-color-background-action-secondary-base: var(--bb-color-white);
438
- --sky-color-background-action-secondary-disabled: var(--bb-color-gray-50);
439
- --sky-color-background-action-secondary-focus: var(--bb-color-white);
440
- --sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
441
- --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
442
- --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
443
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-50);
444
- --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
445
- --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
446
- --sky-color-background-blocking: var(--bb-color-blocking);
447
- --sky-color-background-container-base: var(--bb-color-white);
448
- --sky-color-background-container-danger: var(--bb-color-red-300);
449
- --sky-color-background-container-dimmed: var(--bb-color-blue-25);
450
- --sky-color-background-container-info: var(--bb-color-blue-200);
451
- --sky-color-background-container-menu: var(--bb-color-white);
452
- --sky-color-background-container-success: var(--bb-color-green-300);
453
- --sky-color-background-container-warning: var(--bb-color-yellow-300);
454
- --sky-color-background-file_drop: var(--bb-color-blue-25);
455
- --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
456
- --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-100);
457
- --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
458
- --sky-color-background-icon_matte-success: var(--bb-color-green-700);
459
- --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
460
- --sky-color-background-input-base: var(--bb-color-blue-25);
461
- --sky-color-background-input-disabled: var(--bb-color-gray-50);
462
- --sky-color-background-nav-active: var(--bb-color-blue-100);
463
- --sky-color-background-nav-base: var(--bb-color-transparent);
464
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
465
- --sky-color-background-nav-focus: var(--bb-color-transparent);
466
- --sky-color-background-nav-hover: var(--bb-color-blue-50);
467
- --sky-color-background-page: var(--bb-color-slate-100);
468
- --sky-color-background-row-active: var(--bb-color-blue-100);
469
- --sky-color-background-row-base: var(--bb-color-white);
470
- --sky-color-background-row-disabled: var(--bb-color-gray-50);
471
- --sky-color-background-row-focus: var(--bb-color-transparent);
472
- --sky-color-background-row-hover: var(--bb-color-blue-50);
473
- --sky-color-background-scrim: var(--bb-color-scrim);
474
- --sky-color-background-selected-danger: var(--bb-color-red-300);
475
- --sky-color-background-selected-heavy: var(--bb-color-blue-600);
476
- --sky-color-background-selected-soft: var(--bb-color-blue-100);
477
- --sky-color-background-selected-success: var(--bb-color-green-300);
478
- --sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
479
- --sky-color-background-selected-warning: var(--bb-color-yellow-300);
480
- --sky-color-background-tab-active: var(--bb-color-transparent);
481
- --sky-color-background-tab-base: var(--bb-color-transparent);
482
- --sky-color-background-tab-disabled: var(--bb-color-gray-50);
483
- --sky-color-background-tab-focus: var(--bb-color-transparent);
484
- --sky-color-background-tab-hover: var(--bb-color-transparent);
485
- --sky-color-background-tab-selected: var(--bb-color-transparent);
486
- --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
487
- --sky-color-background-text_highlight: var(--bb-color-yellow-400);
488
- --sky-color-background-thumb-base: var(--bb-color-white);
489
- --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
490
- --sky-color-background-thumbnail_matte: var(--bb-color-white);
491
- --sky-color-border-action-danger-active: var(--bb-color-red-1000);
492
- --sky-color-border-action-danger-base: var(--bb-color-red-600);
493
- --sky-color-border-action-danger-disabled: var(--bb-color-gray-200);
494
- --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
495
- --sky-color-border-action-danger-hover: var(--bb-color-red-1000);
496
- --sky-color-border-action-input-active: var(--bb-color-blue-600);
497
- --sky-color-border-action-input-base: var(--bb-color-blue-250);
498
- --sky-color-border-action-input-disabled: var(--bb-color-gray-200);
499
- --sky-color-border-action-input-focus: var(--bb-color-blue-600);
500
- --sky-color-border-action-input-hover: var(--bb-color-blue-600);
501
- --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
502
- --sky-color-border-action-primary-base: var(--bb-color-blue-600);
503
- --sky-color-border-action-primary-disabled: var(--bb-color-gray-200);
504
- --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
505
- --sky-color-border-action-primary-hover: var(--bb-color-blue-1000);
506
- --sky-color-border-action-secondary-active: var(--bb-color-blue-600);
507
- --sky-color-border-action-secondary-base: var(--bb-color-blue-300);
508
- --sky-color-border-action-secondary-disabled: var(--bb-color-gray-200);
509
- --sky-color-border-action-secondary-focus: var(--bb-color-blue-600);
510
- --sky-color-border-action-secondary-hover: var(--bb-color-blue-600);
511
- --sky-color-border-action-tertiary-active: var(--bb-color-blue-600);
512
- --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
513
- --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-200);
514
- --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
515
- --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
516
- --sky-color-border-column_divider: var(--bb-color-blue-600);
517
- --sky-color-border-container-base: var(--bb-color-blue-200);
518
- --sky-color-border-danger: var(--bb-color-red-600);
519
- --sky-color-border-divider: var(--bb-color-blue-300);
520
- --sky-color-border-elevation: var(--bb-color-blue-200);
521
- --sky-color-border-info: var(--bb-color-blue-600);
522
- --sky-color-border-input-active: var(--bb-color-blue-600);
523
- --sky-color-border-input-base: var(--bb-color-blue-250);
524
- --sky-color-border-input-disabled: var(--bb-color-gray-200);
525
- --sky-color-border-input-error: var(--bb-color-red-600);
526
- --sky-color-border-input-focus: var(--bb-color-blue-600);
527
- --sky-color-border-input-hover: var(--bb-color-blue-600);
528
- --sky-color-border-nav-active: var(--bb-color-blue-600);
529
- --sky-color-border-nav-base: var(--bb-color-transparent);
530
- --sky-color-border-nav-disabled: var(--bb-color-gray-200);
531
- --sky-color-border-nav-focus: var(--bb-color-blue-600);
532
- --sky-color-border-nav-hover: var(--bb-color-blue-600);
533
- --sky-color-border-progress_step: var(--bb-color-gray-400);
534
- --sky-color-border-selected: var(--bb-color-blue-600);
535
- --sky-color-border-selected_soft: var(--bb-color-blue-300);
536
- --sky-color-border-separator-light: var(--bb-color-blue-250);
537
- --sky-color-border-separator-row: var(--bb-color-blue-250);
538
- --sky-color-border-success: var(--bb-color-green-700);
539
- --sky-color-border-switch-active: var(--bb-color-blue-600);
540
- --sky-color-border-switch-base: var(--bb-color-blue-500);
541
- --sky-color-border-switch-disabled: var(--bb-color-gray-200);
542
- --sky-color-border-switch-error: var(--bb-color-red-600);
543
- --sky-color-border-switch-focus: var(--bb-color-blue-600);
544
- --sky-color-border-switch-hover: var(--bb-color-blue-600);
545
- --sky-color-border-switch-selected-active: var(--bb-color-blue-1000);
546
- --sky-color-border-switch-selected-base: var(--bb-color-transparent);
547
- --sky-color-border-switch-selected-disabled: var(--bb-color-gray-200);
548
- --sky-color-border-switch-selected-focus: var(--bb-color-blue-1000);
549
- --sky-color-border-switch-selected-hover: var(--bb-color-blue-1000);
550
- --sky-color-border-tab-active: var(--bb-color-blue-600);
551
- --sky-color-border-tab-base: var(--bb-color-transparent);
552
- --sky-color-border-tab-disabled: var(--bb-color-gray-200);
553
- --sky-color-border-tab-focus: var(--bb-color-blue-600);
554
- --sky-color-border-tab-hover: var(--bb-color-blue-600);
555
- --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
556
- --sky-color-border-text_highlight: var(--bb-color-yellow-800);
557
- --sky-color-border-warning: var(--bb-color-yellow-600);
558
- --sky-color-category-blue: var(--bb-color-sky-300);
559
- --sky-color-category-green: var(--bb-color-green-300);
560
- --sky-color-category-orange: var(--bb-color-orange-400);
561
- --sky-color-category-purple: var(--bb-color-purple-300);
562
- --sky-color-category-red: var(--bb-color-red-300);
563
- --sky-color-category-teal: var(--bb-color-teal-400);
564
- --sky-color-category-yellow: var(--bb-color-yellow-300);
565
- --sky-color-icon-action: var(--bb-color-blue-600);
566
- --sky-color-icon-danger: var(--bb-color-red-600);
567
- --sky-color-icon-deemphasized: var(--bb-color-gray-600);
568
- --sky-color-icon-default: var(--bb-color-gray-900);
569
- --sky-color-icon-info: var(--bb-color-blue-600);
570
- --sky-color-icon-input-action: var(--bb-color-blue-600);
571
- --sky-color-icon-inverse: var(--bb-color-white);
572
- --sky-color-icon-selected: var(--bb-color-blue-600);
573
- --sky-color-icon-success: var(--bb-color-green-700);
574
- --sky-color-icon-warning: var(--bb-color-yellow-600);
575
- --sky-color-illustration-fill-heavy: var(--bb-color-green-400);
576
- --sky-color-illustration-fill-soft: var(--bb-color-green-100);
577
- --sky-color-illustration-fill-softest: var(--bb-color-white);
578
- --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
579
- --sky-color-text-action: var(--bb-color-blue-600);
580
- --sky-color-text-action_contrast: var(--bb-color-blue-700);
581
- --sky-color-text-danger: var(--bb-color-red-600);
582
- --sky-color-text-deemphasized: var(--bb-color-gray-600);
583
- --sky-color-text-default: var(--bb-color-gray-900);
584
- --sky-color-text-heading: var(--bb-color-blue-900);
585
- --sky-color-text-inverse: var(--bb-color-white);
586
- --sky-color-text-selected: var(--bb-color-blue-600);
587
- --sky-elevation-action-danger-active: var(--bb-shadow-blue-0);
588
- --sky-elevation-action-danger-disabled: var(--bb-shadow-blue-0);
589
- --sky-elevation-action-input-disabled: var(--bb-shadow-blue-0);
590
- --sky-elevation-action-primary-active: var(--bb-shadow-blue-0);
591
- --sky-elevation-action-primary-disabled: var(--bb-shadow-blue-0);
592
- --sky-elevation-action-secondary-active: var(--bb-shadow-blue-0);
593
- --sky-elevation-action-secondary-disabled: var(--bb-shadow-blue-0);
594
- --sky-elevation-action-tertiary-active: var(--bb-shadow-blue-0);
595
- --sky-elevation-action-tertiary-base: var(--bb-shadow-blue-0);
596
- --sky-elevation-action-tertiary-disabled: var(--bb-shadow-blue-0);
597
- --sky-elevation-action-tertiary-focus: var(--bb-shadow-blue-0);
598
- --sky-elevation-action-toolbar-active: var(--bb-shadow-blue-0);
599
- --sky-elevation-action-toolbar-base: var(--bb-shadow-blue-0);
600
- --sky-elevation-action-toolbar-disabled: var(--bb-shadow-blue-0);
601
- --sky-elevation-action-toolbar-focus: var(--bb-shadow-blue-0);
602
- --sky-elevation-input-disabled: var(--bb-shadow-blue-0);
603
- --sky-elevation-none: var(--bb-shadow-blue-0);
604
- --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
605
- --sky-opacity-wait: var(--bb-opacity-600);
606
- --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
607
- --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
608
- --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
609
- --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
610
- --sky-elevation-action-input-active: var(--bb-shadow-blue-25);
611
- --sky-elevation-action-input-base: var(--bb-shadow-blue-25);
612
- --sky-elevation-action-input-focus: var(--bb-shadow-blue-25);
613
- --sky-elevation-action-input-hover: var(--bb-shadow-blue-25);
614
- --sky-elevation-action-primary-base: var(--bb-shadow-blue-50);
615
- --sky-elevation-action-primary-focus: var(--bb-shadow-blue-50);
616
- --sky-elevation-action-primary-hover: var(--bb-shadow-blue-50);
617
- --sky-elevation-action-secondary-base: var(--bb-shadow-blue-50);
618
- --sky-elevation-action-secondary-focus: var(--bb-shadow-blue-50);
619
- --sky-elevation-action-secondary-hover: var(--bb-shadow-blue-50);
620
- --sky-elevation-action-tertiary-hover: var(--bb-shadow-blue-50);
621
- --sky-elevation-action-toolbar-hover: var(--bb-shadow-blue-50);
622
- --sky-elevation-focus: var(--bb-shadow-blue-200);
623
- --sky-elevation-input-base: var(--bb-shadow-blue-25);
624
- --sky-elevation-overflow: var(--bb-shadow-blue-200);
625
- --sky-elevation-overlay-100: var(--bb-shadow-blue-400);
626
- --sky-elevation-overlay-200: var(--bb-shadow-blue-800);
627
- --sky-elevation-overlay-300: var(--bb-shadow-blue-1600);
628
- --sky-elevation-overlay-400: var(--bb-shadow-blue-2400);
629
- --sky-elevation-raised-100: var(--bb-shadow-blue-100);
630
- }
631
- .sky-theme-modern.sky-theme-brand-base {
632
- --sky-font-style-deemphasized-style: italic;
633
- --sky-font-style-deemphasized-weight: 400;
634
- --sky-font-style-hint-m-style: italic;
635
- --sky-font-style-hint-m-weight: 400;
636
- --sky-font-style-hint-s-style: italic;
637
- --sky-font-style-hint-s-weight: 400;
638
- --sky-font-text_decoration-inline_link-active: underline;
639
- --sky-font-text_decoration-inline_link-base: none;
640
- --sky-font-text_decoration-inline_link-disabled: none;
641
- --sky-font-text_decoration-inline_link-focus: none;
642
- --sky-font-text_decoration-inline_link-hover: underline;
643
- --sky-font-text_decoration-visible_link: underline;
644
- --sky-space-gap-action_group-0: 0rem;
645
- --sky-space-gap-form-0: 0rem;
646
- --sky-space-gap-icon-0: 0rem;
647
- --sky-space-gap-label-0: 0rem;
648
- --sky-space-gap-stacked_supplemental-0: 0rem;
649
- --sky-space-gap-text_action-0: 0rem;
650
- --sky-space-inset-balanced-none: 0rem;
651
- --sky-border-radius-0: var(--bb-border-radius-0);
652
- --sky-border-radius-m: var(--bb-border-radius-050);
653
- --sky-border-radius-pill: var(--bb-border-radius-pill);
654
- --sky-border-radius-round: var(--bb-border-radius-round);
655
- --sky-border-radius-s: var(--bb-border-radius-025);
656
- --sky-border-radius-thumb: var(--bb-border-radius-round);
657
- --sky-border-radius-xs: var(--bb-border-radius-012);
658
- --sky-border-style-accent: var(--bb-border-style-solid);
659
- --sky-border-style-divider: var(--bb-border-style-solid);
660
- --sky-border-style-elevation: var(--bb-border-style-solid);
661
- --sky-border-style-separator-dark: var(--bb-border-style-solid);
662
- --sky-border-style-separator-light: var(--bb-border-style-solid);
663
- --sky-border-style-separator-row: var(--bb-border-style-solid);
664
- --sky-border-width-accent: var(--bb-size-fixed-37);
665
- --sky-border-width-action-active: var(--bb-size-fixed-12);
666
- --sky-border-width-action-base: var(--bb-size-fixed-6);
667
- --sky-border-width-action-disabled: var(--bb-size-fixed-6);
668
- --sky-border-width-action-error: var(--bb-size-fixed-12);
669
- --sky-border-width-action-focus: var(--bb-size-fixed-12);
670
- --sky-border-width-action-hover: var(--bb-size-fixed-6);
671
- --sky-border-width-container-base: var(--bb-size-fixed-6);
672
- --sky-border-width-divider: var(--bb-size-fixed-6);
673
- --sky-border-width-elevation: var(--bb-size-fixed-6);
674
- --sky-border-width-emphasized: var(--bb-size-fixed-12);
675
- --sky-border-width-input-active: var(--bb-size-fixed-12);
676
- --sky-border-width-input-base: var(--bb-size-fixed-6);
677
- --sky-border-width-input-disabled: var(--bb-size-fixed-6);
678
- --sky-border-width-input-error: var(--bb-size-fixed-12);
679
- --sky-border-width-input-focus: var(--bb-size-fixed-12);
680
- --sky-border-width-input-hover: var(--bb-size-fixed-6);
681
- --sky-border-width-progress_connector: var(--bb-size-fixed-6);
682
- --sky-border-width-progress_step: var(--bb-size-fixed-12);
683
- --sky-border-width-selected-l: var(--bb-size-fixed-25);
684
- --sky-border-width-selected-m: var(--bb-size-fixed-12);
685
- --sky-border-width-selected-s: var(--bb-size-fixed-6);
686
- --sky-border-width-selected-xl: var(--bb-size-fixed-37);
687
- --sky-border-width-separator-dark: var(--bb-size-fixed-6);
688
- --sky-border-width-separator-light: var(--bb-size-fixed-6);
689
- --sky-border-width-separator-row: var(--bb-size-fixed-6);
690
- --sky-border-width-text_highlight: var(--bb-size-fixed-6);
691
- --sky-comp-action_button-space-inset-bottom: var(--bb-size-fluid-150);
692
- --sky-comp-action_button-space-inset-left: var(--bb-size-fluid-150);
693
- --sky-comp-action_button-space-inset-right: var(--bb-size-fluid-150);
694
- --sky-comp-action_button-space-inset-top: var(--bb-size-fluid-150);
695
- --sky-comp-alert-space-inset-bottom: var(--bb-size-fluid-50);
696
- --sky-comp-alert-space-inset-left: var(--bb-size-fluid-50);
697
- --sky-comp-alert-space-inset-right: var(--bb-size-fluid-50);
698
- --sky-comp-alert-space-inset-top: var(--bb-size-fluid-50);
699
- --sky-comp-back_to_top-space-inset-bottom: var(--bb-size-fluid-50);
700
- --sky-comp-back_to_top-space-inset-left: var(--bb-size-fluid-150);
701
- --sky-comp-back_to_top-space-inset-right: var(--bb-size-fluid-150);
702
- --sky-comp-back_to_top-space-inset-top: var(--bb-size-fluid-50);
703
- --sky-comp-box-content-space-inset-bottom: var(--bb-size-fluid-150);
704
- --sky-comp-box-content-space-inset-left: var(--bb-size-fluid-150);
705
- --sky-comp-box-content-space-inset-right: var(--bb-size-fluid-150);
706
- --sky-comp-box-content-space-inset-top: var(--bb-size-fluid-150);
707
- --sky-comp-box-header-space-inset-bottom: var(--bb-size-0);
708
- --sky-comp-box-header-space-inset-left: var(--bb-size-fluid-150);
709
- --sky-comp-box-header-space-inset-right: var(--bb-size-fluid-150);
710
- --sky-comp-box-header-space-inset-top: var(--bb-size-fluid-150);
711
- --sky-comp-button-block-space-inset-bottom: var(--bb-size-fluid-50);
712
- --sky-comp-button-block-space-inset-left: var(--bb-size-fluid-100);
713
- --sky-comp-button-block-space-inset-right: var(--bb-size-fluid-100);
714
- --sky-comp-button-block-space-inset-top: var(--bb-size-fluid-50);
715
- --sky-comp-button-borderless-space-inset-bottom: var(--bb-size-fluid-25);
716
- --sky-comp-button-borderless-space-inset-left: var(--bb-size-fluid-25);
717
- --sky-comp-button-borderless-space-inset-right: var(--bb-size-fluid-25);
718
- --sky-comp-button-borderless-space-inset-top: var(--bb-size-fluid-25);
719
- --sky-comp-button-icon-space-inset-bottom: var(--bb-size-fluid-50);
720
- --sky-comp-button-icon-space-inset-left: var(--bb-size-fluid-50);
721
- --sky-comp-button-icon-space-inset-right: var(--bb-size-fluid-50);
722
- --sky-comp-button-icon-space-inset-top: var(--bb-size-fluid-50);
723
- --sky-comp-button-space-inset-bottom: var(--bb-size-fluid-50);
724
- --sky-comp-button-space-inset-left: var(--bb-size-fluid-100);
725
- --sky-comp-button-space-inset-right: var(--bb-size-fluid-100);
726
- --sky-comp-button-space-inset-top: var(--bb-size-fluid-50);
727
- --sky-comp-button-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
728
- --sky-comp-button-toolbar-space-inset-left: var(--bb-size-fluid-50);
729
- --sky-comp-button-toolbar-space-inset-right: var(--bb-size-fluid-50);
730
- --sky-comp-button-toolbar-space-inset-top: var(--bb-size-fluid-50);
731
- --sky-comp-card-large-actions-space-inset-bottom: var(--bb-size-fluid-50);
732
- --sky-comp-card-large-actions-space-inset-left: var(--bb-size-fluid-150);
733
- --sky-comp-card-large-actions-space-inset-right: var(--bb-size-fluid-150);
734
- --sky-comp-card-large-actions-space-inset-top: var(--bb-size-fluid-50);
735
- --sky-comp-card-large-content-space-inset-bottom: var(--bb-size-fluid-150);
736
- --sky-comp-card-large-content-space-inset-left: var(--bb-size-fluid-150);
737
- --sky-comp-card-large-content-space-inset-right: var(--bb-size-fluid-150);
738
- --sky-comp-card-large-content-space-inset-top: var(--bb-size-fluid-150);
739
- --sky-comp-card-large-header-space-inset-bottom: var(--bb-size-0);
740
- --sky-comp-card-large-header-space-inset-left: var(--bb-size-fluid-150);
741
- --sky-comp-card-large-header-space-inset-right: var(--bb-size-fluid-150);
742
- --sky-comp-card-large-header-space-inset-top: var(--bb-size-fluid-150);
743
- --sky-comp-card-small-actions-space-inset-bottom: var(--bb-size-fluid-50);
744
- --sky-comp-card-small-actions-space-inset-left: var(--bb-size-fluid-100);
745
- --sky-comp-card-small-actions-space-inset-right: var(--bb-size-fluid-100);
746
- --sky-comp-card-small-actions-space-inset-top: var(--bb-size-fluid-50);
747
- --sky-comp-card-small-content-space-inset-bottom: var(--bb-size-fluid-100);
748
- --sky-comp-card-small-content-space-inset-left: var(--bb-size-fluid-100);
749
- --sky-comp-card-small-content-space-inset-right: var(--bb-size-fluid-100);
750
- --sky-comp-card-small-content-space-inset-top: var(--bb-size-fluid-100);
751
- --sky-comp-card-small-header-space-inset-bottom: var(--bb-size-0);
752
- --sky-comp-card-small-header-space-inset-left: var(--bb-size-fluid-100);
753
- --sky-comp-card-small-header-space-inset-right: var(--bb-size-fluid-100);
754
- --sky-comp-card-small-header-space-inset-top: var(--bb-size-fluid-100);
755
- --sky-comp-card-space-offset-bottom: var(--bb-size-fluid-50);
756
- --sky-comp-card-space-offset-left: var(--bb-size-0);
757
- --sky-comp-card-space-offset-right: var(--bb-size-fluid-50);
758
- --sky-comp-card-space-offset-top: var(--bb-size-0);
759
- --sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
760
- --sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
761
- --sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
762
- --sky-comp-colorpicker-content-space-inset-top: var(--bb-size-fluid-50);
763
- --sky-comp-datepicker-calendar-space-inset-bottom: var(--bb-size-fluid-75);
764
- --sky-comp-datepicker-calendar-space-inset-left: var(--bb-size-fluid-75);
765
- --sky-comp-datepicker-calendar-space-inset-right: var(--bb-size-fluid-75);
766
- --sky-comp-datepicker-calendar-space-inset-top: var(--bb-size-fluid-75);
767
- --sky-comp-datepicker-header-space-inset-bottom: var(--bb-size-0);
768
- --sky-comp-datepicker-header-space-inset-left: var(--bb-size-fluid-75);
769
- --sky-comp-datepicker-header-space-inset-right: var(--bb-size-fluid-75);
770
- --sky-comp-datepicker-header-space-inset-top: var(--bb-size-fluid-75);
771
- --sky-comp-datepicker-m_y_button-space-inset-bottom: var(--bb-size-fluid-50);
772
- --sky-comp-datepicker-m_y_button-space-inset-left: var(--bb-size-fluid-50);
773
- --sky-comp-datepicker-m_y_button-space-inset-right: var(--bb-size-fluid-50);
774
- --sky-comp-datepicker-m_y_button-space-inset-top: var(--bb-size-fluid-50);
775
- --sky-comp-dropdown-menu-space-inset-bottom: var(--bb-size-fluid-50);
776
- --sky-comp-dropdown-menu-space-inset-left: var(--bb-size-fluid-50);
777
- --sky-comp-dropdown-menu-space-inset-right: var(--bb-size-fluid-50);
778
- --sky-comp-dropdown-menu-space-inset-top: var(--bb-size-fluid-50);
779
- --sky-comp-dropdown-option-space-inset-bottom: var(--bb-size-fluid-50);
780
- --sky-comp-dropdown-option-space-inset-left: var(--bb-size-fluid-100);
781
- --sky-comp-dropdown-option-space-inset-right: var(--bb-size-fluid-100);
782
- --sky-comp-dropdown-option-space-inset-top: var(--bb-size-fluid-50);
783
- --sky-comp-file_drop-content-space-inset-bottom: var(--bb-size-fluid-50);
784
- --sky-comp-file_drop-content-space-inset-left: var(--bb-size-fluid-50);
785
- --sky-comp-file_drop-content-space-inset-right: var(--bb-size-fluid-50);
786
- --sky-comp-file_drop-content-space-inset-top: var(--bb-size-fluid-50);
787
- --sky-comp-filter_bar-space-inset-bottom: var(--bb-size-fluid-50);
788
- --sky-comp-filter_bar-space-inset-left: var(--bb-size-fluid-50);
789
- --sky-comp-filter_bar-space-inset-right: var(--bb-size-fluid-50);
790
- --sky-comp-filter_bar-space-inset-top: var(--bb-size-fluid-50);
791
- --sky-comp-flyout-header-space-inset-bottom: var(--bb-size-fluid-75);
792
- --sky-comp-flyout-header-space-inset-left: var(--bb-size-fluid-50);
793
- --sky-comp-flyout-header-space-inset-right: var(--bb-size-fluid-50);
794
- --sky-comp-flyout-header-space-inset-top: var(--bb-size-fluid-75);
795
- --sky-comp-grid-cell-space-inset-bottom: var(--bb-size-fluid-75);
796
- --sky-comp-grid-cell-space-inset-left: var(--bb-size-fluid-50);
797
- --sky-comp-grid-cell-space-inset-right: var(--bb-size-fluid-50);
798
- --sky-comp-grid-cell-space-inset-top: var(--bb-size-fluid-75);
799
- --sky-comp-help_inline-space-inset-bottom: var(--bb-size-fluid-6);
800
- --sky-comp-help_inline-space-inset-left: var(--bb-size-fluid-25);
801
- --sky-comp-help_inline-space-inset-right: var(--bb-size-fluid-25);
802
- --sky-comp-help_inline-space-inset-top: var(--bb-size-fluid-6);
803
- --sky-comp-inline_form-space-inset-bottom: var(--bb-size-fluid-75);
804
- --sky-comp-inline_form-space-inset-left: var(--bb-size-fluid-75);
805
- --sky-comp-inline_form-space-inset-right: var(--bb-size-fluid-75);
806
- --sky-comp-inline_form-space-inset-top: var(--bb-size-fluid-75);
807
- --sky-comp-input-label-space-inset-bottom: var(--bb-size-fluid-12);
808
- --sky-comp-input-label-space-inset-left: var(--bb-size-fluid-100);
809
- --sky-comp-input-label-space-inset-right: var(--bb-size-fluid-100);
810
- --sky-comp-input-label-space-inset-top: var(--bb-size-fluid-37);
811
- --sky-comp-input-value-space-inset-bottom: var(--bb-size-fluid-50);
812
- --sky-comp-input-value-space-inset-left: var(--bb-size-fluid-100);
813
- --sky-comp-input-value-space-inset-right: var(--bb-size-fluid-100);
814
- --sky-comp-input-value-space-inset-top: var(--bb-size-fluid-50);
815
- --sky-comp-label-space-inset-bottom: var(--bb-size-fluid-12);
816
- --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
817
- --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
818
- --sky-comp-label-space-inset-top: var(--bb-size-fluid-12);
819
- --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
820
- --sky-comp-layout-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
821
- --sky-comp-layout-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
822
- --sky-comp-layout-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
823
- --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
824
- --sky-comp-layout-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
825
- --sky-comp-layout-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
826
- --sky-comp-layout-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
827
- --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--bb-size-0);
828
- --sky-comp-layout-content-fit-space-inset-sm-left: var(--bb-size-0);
829
- --sky-comp-layout-content-fit-space-inset-sm-right: var(--bb-size-0);
830
- --sky-comp-layout-content-fit-space-inset-sm-top: var(--bb-size-0);
831
- --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--bb-size-0);
832
- --sky-comp-layout-content-fit-space-inset-xs-left: var(--bb-size-0);
833
- --sky-comp-layout-content-fit-space-inset-xs-right: var(--bb-size-0);
834
- --sky-comp-layout-content-fit-space-inset-xs-top: var(--bb-size-0);
835
- --sky-comp-layout-content-list-space-inset-sm-bottom: var(--bb-size-0);
836
- --sky-comp-layout-content-list-space-inset-sm-left: var(--bb-size-0);
837
- --sky-comp-layout-content-list-space-inset-sm-right: var(--bb-size-0);
838
- --sky-comp-layout-content-list-space-inset-sm-top: var(--bb-size-0);
839
- --sky-comp-layout-content-list-space-inset-xs-bottom: var(--bb-size-0);
840
- --sky-comp-layout-content-list-space-inset-xs-left: var(--bb-size-0);
841
- --sky-comp-layout-content-list-space-inset-xs-right: var(--bb-size-0);
842
- --sky-comp-layout-content-list-space-inset-xs-top: var(--bb-size-0);
843
- --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
844
- --sky-comp-layout-content-tabs-space-inset-sm-left: var(--bb-size-0);
845
- --sky-comp-layout-content-tabs-space-inset-sm-right: var(--bb-size-0);
846
- --sky-comp-layout-content-tabs-space-inset-sm-top: var(--bb-size-0);
847
- --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
848
- --sky-comp-layout-content-tabs-space-inset-xs-left: var(--bb-size-0);
849
- --sky-comp-layout-content-tabs-space-inset-xs-right: var(--bb-size-0);
850
- --sky-comp-layout-content-tabs-space-inset-xs-top: var(--bb-size-0);
851
- --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
852
- --sky-comp-layout-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
853
- --sky-comp-layout-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
854
- --sky-comp-layout-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
855
- --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
856
- --sky-comp-layout-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
857
- --sky-comp-layout-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
858
- --sky-comp-layout-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
859
- --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
860
- --sky-comp-layout-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
861
- --sky-comp-layout-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
862
- --sky-comp-layout-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
863
- --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
864
- --sky-comp-layout-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
865
- --sky-comp-layout-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
866
- --sky-comp-layout-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
867
- --sky-comp-layout-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
868
- --sky-comp-layout-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
869
- --sky-comp-layout-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
870
- --sky-comp-layout-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
871
- --sky-comp-layout-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
872
- --sky-comp-layout-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
873
- --sky-comp-layout-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
874
- --sky-comp-layout-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
875
- --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
876
- --sky-comp-layout-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
877
- --sky-comp-layout-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
878
- --sky-comp-layout-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
879
- --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
880
- --sky-comp-layout-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
881
- --sky-comp-layout-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
882
- --sky-comp-layout-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
883
- --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
884
- --sky-comp-layout-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
885
- --sky-comp-layout-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
886
- --sky-comp-layout-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
887
- --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
888
- --sky-comp-layout-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
889
- --sky-comp-layout-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
890
- --sky-comp-layout-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
891
- --sky-comp-layout-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
892
- --sky-comp-layout-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
893
- --sky-comp-layout-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
894
- --sky-comp-layout-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
895
- --sky-comp-layout-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
896
- --sky-comp-layout-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
897
- --sky-comp-layout-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
898
- --sky-comp-layout-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
899
- --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
900
- --sky-comp-layout-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
901
- --sky-comp-layout-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
902
- --sky-comp-layout-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
903
- --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
904
- --sky-comp-layout-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
905
- --sky-comp-layout-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
906
- --sky-comp-layout-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
907
- --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
908
- --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
909
- --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
910
- --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
911
- --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
912
- --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
913
- --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
914
- --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
915
- --sky-comp-list_summary-space-inset-bottom: var(--bb-size-fluid-25);
916
- --sky-comp-list_summary-space-inset-left: var(--bb-size-fluid-50);
917
- --sky-comp-list_summary-space-inset-right: var(--bb-size-fluid-50);
918
- --sky-comp-list_summary-space-inset-top: var(--bb-size-fluid-25);
919
- --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
920
- --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
921
- --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
922
- --sky-comp-modal-content-space-inset-top: var(--bb-size-fluid-50);
923
- --sky-comp-modal-footer-space-inset-bottom: var(--bb-size-fluid-100);
924
- --sky-comp-modal-footer-space-inset-left: var(--bb-size-fluid-150);
925
- --sky-comp-modal-footer-space-inset-right: var(--bb-size-fluid-150);
926
- --sky-comp-modal-footer-space-inset-top: var(--bb-size-fluid-100);
927
- --sky-comp-modal-fullscreen-space-offset-sm-bottom: var(--bb-size-fixed-75);
928
- --sky-comp-modal-fullscreen-space-offset-sm-left: var(--bb-size-fixed-75);
929
- --sky-comp-modal-fullscreen-space-offset-sm-right: var(--bb-size-fixed-75);
930
- --sky-comp-modal-fullscreen-space-offset-sm-top: var(--bb-size-fixed-75);
931
- --sky-comp-modal-fullscreen-space-offset-xs-bottom: var(--bb-size-fixed-50);
932
- --sky-comp-modal-fullscreen-space-offset-xs-left: var(--bb-size-fixed-50);
933
- --sky-comp-modal-fullscreen-space-offset-xs-right: var(--bb-size-fixed-50);
934
- --sky-comp-modal-fullscreen-space-offset-xs-top: var(--bb-size-fixed-50);
935
- --sky-comp-modal-header-space-inset-bottom: var(--bb-size-fluid-75);
936
- --sky-comp-modal-header-space-inset-left: var(--bb-size-fluid-150);
937
- --sky-comp-modal-header-space-inset-right: var(--bb-size-fluid-150);
938
- --sky-comp-modal-header-space-inset-top: var(--bb-size-fluid-75);
939
- --sky-comp-modal-space-offset-sm-bottom: var(--bb-size-fixed-100);
940
- --sky-comp-modal-space-offset-sm-left: var(--bb-size-fixed-100);
941
- --sky-comp-modal-space-offset-sm-right: var(--bb-size-fixed-100);
942
- --sky-comp-modal-space-offset-sm-top: var(--bb-size-fixed-100);
943
- --sky-comp-modal-space-offset-xs-bottom: var(--bb-size-fixed-50);
944
- --sky-comp-modal-space-offset-xs-left: var(--bb-size-fixed-50);
945
- --sky-comp-modal-space-offset-xs-right: var(--bb-size-fixed-50);
946
- --sky-comp-modal-space-offset-xs-top: var(--bb-size-fixed-50);
947
- --sky-comp-navbar_item-space-inset-bottom: var(--bb-size-fluid-75);
948
- --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
949
- --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
950
- --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
951
- --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
952
- --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
953
- --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
954
- --sky-comp-paging_button-space-inset-top: var(--bb-size-fluid-25);
955
- --sky-comp-popover-content-space-inset-bottom: var(--bb-size-fluid-100);
956
- --sky-comp-popover-content-space-inset-left: var(--bb-size-fluid-100);
957
- --sky-comp-popover-content-space-inset-right: var(--bb-size-fluid-100);
958
- --sky-comp-popover-content-space-inset-top: var(--bb-size-fluid-100);
959
- --sky-comp-popover-header-space-inset-bottom: var(--bb-size-0);
960
- --sky-comp-popover-header-space-inset-left: var(--bb-size-fluid-100);
961
- --sky-comp-popover-header-space-inset-right: var(--bb-size-fluid-100);
962
- --sky-comp-popover-header-space-inset-top: var(--bb-size-fluid-100);
963
- --sky-comp-repeater_item-checkbox-space-offset-bottom: var(--bb-size-fluid-25);
964
- --sky-comp-repeater_item-checkbox-space-offset-left: var(--bb-size-0);
965
- --sky-comp-repeater_item-checkbox-space-offset-right: var(--bb-size-0);
966
- --sky-comp-repeater_item-checkbox-space-offset-top: var(--bb-size-fluid-25);
967
- --sky-comp-repeater_item-space-inset-bottom: var(--bb-size-fluid-75);
968
- --sky-comp-repeater_item-space-inset-left: var(--bb-size-fluid-50);
969
- --sky-comp-repeater_item-space-inset-right: var(--bb-size-fluid-50);
970
- --sky-comp-repeater_item-space-inset-top: var(--bb-size-fluid-75);
971
- --sky-comp-sab-actions-space-inset-bottom: var(--bb-size-fluid-100);
972
- --sky-comp-sab-actions-space-inset-left: var(--bb-size-fluid-150);
973
- --sky-comp-sab-actions-space-inset-right: var(--bb-size-fluid-150);
974
- --sky-comp-sab-actions-space-inset-top: var(--bb-size-fluid-100);
975
- --sky-comp-sab-summary-expanded-space-inset-bottom: var(--bb-size-fluid-100);
976
- --sky-comp-sab-summary-expanded-space-inset-left: var(--bb-size-fluid-150);
977
- --sky-comp-sab-summary-expanded-space-inset-right: var(--bb-size-fluid-150);
978
- --sky-comp-sab-summary-expanded-space-inset-top: var(--bb-size-fluid-100);
979
- --sky-comp-sab-summary-inline-space-inset-bottom: var(--bb-size-fluid-50);
980
- --sky-comp-sab-summary-inline-space-inset-left: var(--bb-size-fluid-150);
981
- --sky-comp-sab-summary-inline-space-inset-right: var(--bb-size-fluid-150);
982
- --sky-comp-sab-summary-inline-space-inset-top: var(--bb-size-fluid-50);
983
- --sky-comp-search-space-inset-bottom: var(--bb-size-fluid-50);
984
- --sky-comp-search-space-inset-left: var(--bb-size-fluid-50);
985
- --sky-comp-search-space-inset-right: var(--bb-size-fluid-50);
986
- --sky-comp-search-space-inset-top: var(--bb-size-fluid-50);
987
- --sky-comp-search-space-offset-bottom: var(--bb-size-fluid-25);
988
- --sky-comp-search-space-offset-left: var(--bb-size-fluid-25);
989
- --sky-comp-search-space-offset-right: var(--bb-size-fluid-25);
990
- --sky-comp-search-space-offset-top: var(--bb-size-fluid-25);
991
- --sky-comp-selection_box-collapsed-space-inset-bottom: var(--bb-size-fluid-75);
992
- --sky-comp-selection_box-collapsed-space-inset-left: var(--bb-size-fluid-75);
993
- --sky-comp-selection_box-collapsed-space-inset-right: var(--bb-size-fluid-75);
994
- --sky-comp-selection_box-collapsed-space-inset-top: var(--bb-size-fluid-75);
995
- --sky-comp-selection_box-expanded-space-inset-bottom: var(--bb-size-fluid-150);
996
- --sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
997
- --sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
998
- --sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
999
- --sky-comp-split_view-drawer-repeater-space-offset-sm-bottom: var(--bb-size-fluid-75);
1000
- --sky-comp-split_view-drawer-repeater-space-offset-sm-left: var(--bb-size-fluid-75);
1001
- --sky-comp-split_view-drawer-repeater-space-offset-sm-right: var(--bb-size-0);
1002
- --sky-comp-split_view-drawer-repeater-space-offset-sm-top: var(--bb-size-fluid-75);
1003
- --sky-comp-split_view-drawer-repeater-space-offset-xs-bottom: var(--bb-size-fluid-50);
1004
- --sky-comp-split_view-drawer-repeater-space-offset-xs-left: var(--bb-size-fluid-50);
1005
- --sky-comp-split_view-drawer-repeater-space-offset-xs-right: var(--bb-size-0);
1006
- --sky-comp-split_view-drawer-repeater-space-offset-xs-top: var(--bb-size-fluid-50);
1007
- --sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
1008
- --sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
1009
- --sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
1010
- --sky-comp-split_view-footer-space-inset-top: var(--bb-size-fluid-50);
1011
- --sky-comp-tab-horizontal-space-inset-bottom: var(--bb-size-fluid-50);
1012
- --sky-comp-tab-horizontal-space-inset-left: var(--bb-size-fluid-75);
1013
- --sky-comp-tab-horizontal-space-inset-right: var(--bb-size-fluid-75);
1014
- --sky-comp-tab-horizontal-space-inset-top: var(--bb-size-fluid-50);
1015
- --sky-comp-tab-vertical-content-space-inset-sm-bottom: var(--bb-size-fluid-50);
1016
- --sky-comp-tab-vertical-content-space-inset-sm-left: var(--bb-size-fluid-75);
1017
- --sky-comp-tab-vertical-content-space-inset-sm-right: var(--bb-size-fluid-75);
1018
- --sky-comp-tab-vertical-content-space-inset-sm-top: var(--bb-size-fluid-50);
1019
- --sky-comp-tab-vertical-content-space-inset-xs-bottom: var(--bb-size-fluid-75);
1020
- --sky-comp-tab-vertical-content-space-inset-xs-left: var(--bb-size-fluid-75);
1021
- --sky-comp-tab-vertical-content-space-inset-xs-right: var(--bb-size-fluid-75);
1022
- --sky-comp-tab-vertical-content-space-inset-xs-top: var(--bb-size-fluid-75);
1023
- --sky-comp-tab-vertical-group-button-space-inset-bottom: var(--bb-size-fluid-50);
1024
- --sky-comp-tab-vertical-group-button-space-inset-left: var(--bb-size-fluid-50);
1025
- --sky-comp-tab-vertical-group-button-space-inset-right: var(--bb-size-fluid-50);
1026
- --sky-comp-tab-vertical-group-button-space-inset-top: var(--bb-size-fluid-50);
1027
- --sky-comp-tab-vertical-group-space-inset-bottom: var(--bb-size-fluid-75);
1028
- --sky-comp-tab-vertical-group-space-inset-left: var(--bb-size-0);
1029
- --sky-comp-tab-vertical-group-space-inset-right: var(--bb-size-0);
1030
- --sky-comp-tab-vertical-group-space-inset-top: var(--bb-size-fluid-75);
1031
- --sky-comp-tab-vertical-space-inset-bottom: var(--bb-size-fluid-50);
1032
- --sky-comp-tab-vertical-space-inset-left: var(--bb-size-fluid-75);
1033
- --sky-comp-tab-vertical-space-inset-right: var(--bb-size-fluid-75);
1034
- --sky-comp-tab-vertical-space-inset-top: var(--bb-size-fluid-50);
1035
- --sky-comp-tabset-button-space-inset-bottom: var(--bb-size-fluid-25);
1036
- --sky-comp-tabset-button-space-inset-left: var(--bb-size-fluid-25);
1037
- --sky-comp-tabset-button-space-inset-right: var(--bb-size-fluid-25);
1038
- --sky-comp-tabset-button-space-inset-top: var(--bb-size-fluid-25);
1039
- --sky-comp-tabset-tabs-space-inset-bottom: var(--bb-size-0);
1040
- --sky-comp-tabset-tabs-space-inset-left: var(--bb-size-fluid-75);
1041
- --sky-comp-tabset-tabs-space-inset-right: var(--bb-size-0);
1042
- --sky-comp-tabset-tabs-space-inset-top: var(--bb-size-0);
1043
- --sky-comp-text_editor-space-inset-bottom: var(--bb-size-fluid-75);
1044
- --sky-comp-text_editor-space-inset-left: var(--bb-size-fluid-75);
1045
- --sky-comp-text_editor-space-inset-right: var(--bb-size-fluid-75);
1046
- --sky-comp-text_editor-space-inset-top: var(--bb-size-fluid-75);
1047
- --sky-comp-tile-dashboard-column-space-inset-sm-bottom: var(--bb-size-0);
1048
- --sky-comp-tile-dashboard-column-space-inset-sm-left: var(--bb-size-fluid-75);
1049
- --sky-comp-tile-dashboard-column-space-inset-sm-right: var(--bb-size-fluid-75);
1050
- --sky-comp-tile-dashboard-column-space-inset-sm-top: var(--bb-size-0);
1051
- --sky-comp-tile-dashboard-column-space-inset-xs-bottom: var(--bb-size-0);
1052
- --sky-comp-tile-dashboard-column-space-inset-xs-left: var(--bb-size-0);
1053
- --sky-comp-tile-dashboard-column-space-inset-xs-right: var(--bb-size-0);
1054
- --sky-comp-tile-dashboard-column-space-inset-xs-top: var(--bb-size-0);
1055
- --sky-comp-tile-dashboard-space-inset-sm-bottom: var(--bb-size-0);
1056
- --sky-comp-tile-dashboard-space-inset-sm-left: var(--bb-size-fluid-50);
1057
- --sky-comp-tile-dashboard-space-inset-sm-right: var(--bb-size-fluid-50);
1058
- --sky-comp-tile-dashboard-space-inset-sm-top: var(--bb-size-0);
1059
- --sky-comp-tile-dashboard-space-inset-xs-bottom: var(--bb-size-0);
1060
- --sky-comp-tile-dashboard-space-inset-xs-left: var(--bb-size-0);
1061
- --sky-comp-tile-dashboard-space-inset-xs-right: var(--bb-size-0);
1062
- --sky-comp-tile-dashboard-space-inset-xs-top: var(--bb-size-0);
1063
- --sky-comp-tile-section-space-inset-bottom: var(--bb-size-fluid-75);
1064
- --sky-comp-tile-section-space-inset-left: var(--bb-size-0);
1065
- --sky-comp-tile-section-space-inset-right: var(--bb-size-0);
1066
- --sky-comp-tile-section-space-inset-top: var(--bb-size-fluid-75);
1067
- --sky-comp-tile-space-inset-bottom: var(--bb-size-fluid-150);
1068
- --sky-comp-tile-space-inset-left: var(--bb-size-fluid-150);
1069
- --sky-comp-tile-space-inset-right: var(--bb-size-fluid-150);
1070
- --sky-comp-tile-space-inset-top: var(--bb-size-fluid-150);
1071
- --sky-comp-timepicker-content-space-inset-bottom: var(--bb-size-fluid-75);
1072
- --sky-comp-timepicker-content-space-inset-left: var(--bb-size-fluid-75);
1073
- --sky-comp-timepicker-content-space-inset-right: var(--bb-size-fluid-75);
1074
- --sky-comp-timepicker-content-space-inset-top: var(--bb-size-fluid-75);
1075
- --sky-comp-timepicker-footer-space-inset-bottom: var(--bb-size-fluid-50);
1076
- --sky-comp-timepicker-footer-space-inset-left: var(--bb-size-fluid-75);
1077
- --sky-comp-timepicker-footer-space-inset-right: var(--bb-size-fluid-75);
1078
- --sky-comp-timepicker-footer-space-inset-top: var(--bb-size-fluid-50);
1079
- --sky-comp-toast-space-inset-bottom: var(--bb-size-fluid-75);
1080
- --sky-comp-toast-space-inset-left: var(--bb-size-fluid-75);
1081
- --sky-comp-toast-space-inset-right: var(--bb-size-fluid-75);
1082
- --sky-comp-toast-space-inset-top: var(--bb-size-fluid-75);
1083
- --sky-comp-toaster-space-inset-bottom: var(--bb-size-fluid-150);
1084
- --sky-comp-toaster-space-inset-left: var(--bb-size-fluid-150);
1085
- --sky-comp-toaster-space-inset-right: var(--bb-size-fluid-150);
1086
- --sky-comp-toaster-space-inset-top: var(--bb-size-fluid-150);
1087
- --sky-comp-token-close-space-inset-bottom: var(--bb-size-fluid-12);
1088
- --sky-comp-token-close-space-inset-left: var(--bb-size-fluid-12);
1089
- --sky-comp-token-close-space-inset-right: var(--bb-size-fluid-12);
1090
- --sky-comp-token-close-space-inset-top: var(--bb-size-fluid-12);
1091
- --sky-comp-token-space-inset-bottom: var(--bb-size-fluid-6);
1092
- --sky-comp-token-space-inset-left: var(--bb-size-fluid-25);
1093
- --sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
1094
- --sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
1095
- --sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
1096
- --sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
1097
- --sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
1098
- --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1099
- --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1100
- --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
1101
- --sky-comp-tree-child-space-inset-right: var(--bb-size-0);
1102
- --sky-comp-tree-child-space-inset-top: var(--bb-size-0);
1103
- --sky-comp-tree-node-space-inset-bottom: var(--bb-size-fluid-25);
1104
- --sky-comp-tree-node-space-inset-left: var(--bb-size-fluid-25);
1105
- --sky-comp-tree-node-space-inset-right: var(--bb-size-fluid-25);
1106
- --sky-comp-tree-node-space-inset-top: var(--bb-size-fluid-25);
1107
- --sky-comp-wizard-tabset-space-inset-bottom: var(--bb-size-fluid-150);
1108
- --sky-comp-wizard-tabset-space-inset-left: var(--bb-size-fluid-150);
1109
- --sky-comp-wizard-tabset-space-inset-right: var(--bb-size-fluid-150);
1110
- --sky-comp-wizard-tabset-space-inset-top: var(--bb-size-fluid-50);
1111
- --sky-comp-wizard-tabset-tabs-space-inset-bottom: var(--bb-size-0);
1112
- --sky-comp-wizard-tabset-tabs-space-inset-left: var(--bb-size-fluid-150);
1113
- --sky-comp-wizard-tabset-tabs-space-inset-right: var(--bb-size-fluid-150);
1114
- --sky-comp-wizard-tabset-tabs-space-inset-top: var(--bb-size-0);
1115
- --sky-font-family-monospaced: var(--bb-font-monospaced-family);
1116
- --sky-font-letter_spacing-hint-s: var(--bb-letter_spacing-wider);
1117
- --sky-font-letter_spacing-input-label: var(--bb-letter_spacing-wider);
1118
- --sky-font-line_height-body-l: var(--bb-line_height-500);
1119
- --sky-font-line_height-body-m: var(--bb-line_height-400);
1120
- --sky-font-line_height-body-s: var(--bb-line_height-300);
1121
- --sky-font-line_height-display-1: var(--bb-line_height-700);
1122
- --sky-font-line_height-display-2: var(--bb-line_height-650);
1123
- --sky-font-line_height-display-3: var(--bb-line_height-600);
1124
- --sky-font-line_height-display-4: var(--bb-line_height-500);
1125
- --sky-font-line_height-heading-1: var(--bb-line_height-800);
1126
- --sky-font-line_height-heading-2: var(--bb-line_height-600);
1127
- --sky-font-line_height-heading-3: var(--bb-line_height-500);
1128
- --sky-font-line_height-heading-4: var(--bb-line_height-400);
1129
- --sky-font-line_height-heading-5: var(--bb-line_height-400);
1130
- --sky-font-line_height-hint-m: var(--bb-line_height-400);
1131
- --sky-font-line_height-hint-s: var(--bb-line_height-300);
1132
- --sky-font-line_height-input-label: var(--bb-line_height-300);
1133
- --sky-font-line_height-input-val: var(--bb-line_height-400);
1134
- --sky-font-size-body-l: var(--bb-font-size-500);
1135
- --sky-font-size-body-m: var(--bb-font-size-400);
1136
- --sky-font-size-body-s: var(--bb-font-size-300);
1137
- --sky-font-size-display-1: var(--bb-font-size-700);
1138
- --sky-font-size-display-2: var(--bb-font-size-650);
1139
- --sky-font-size-display-3: var(--bb-font-size-600);
1140
- --sky-font-size-display-4: var(--bb-font-size-500);
1141
- --sky-font-size-heading-1: var(--bb-font-size-800);
1142
- --sky-font-size-heading-2: var(--bb-font-size-600);
1143
- --sky-font-size-heading-3: var(--bb-font-size-500);
1144
- --sky-font-size-heading-4: var(--bb-font-size-400);
1145
- --sky-font-size-heading-5: var(--bb-font-size-400);
1146
- --sky-font-size-hint-m: var(--bb-font-size-400);
1147
- --sky-font-size-hint-s: var(--bb-font-size-300);
1148
- --sky-font-size-input-label: var(--bb-font-size-300);
1149
- --sky-font-size-input-val: var(--bb-font-size-400);
1150
- --sky-font-style-body-l: var(--bb-font-style-regular);
1151
- --sky-font-style-body-m: var(--bb-font-style-regular);
1152
- --sky-font-style-body-s: var(--bb-font-style-regular);
1153
- --sky-font-style-display-1: var(--bb-font-style-semibold);
1154
- --sky-font-style-display-2: var(--bb-font-style-semibold);
1155
- --sky-font-style-display-3: var(--bb-font-style-semibold);
1156
- --sky-font-style-display-4: var(--bb-font-style-semibold);
1157
- --sky-font-style-emphasized: var(--bb-font-style-semibold);
1158
- --sky-font-style-heading-1: var(--bb-font-style-regular);
1159
- --sky-font-style-heading-2: var(--bb-font-style-semibold);
1160
- --sky-font-style-heading-3: var(--bb-font-style-semibold);
1161
- --sky-font-style-heading-4: var(--bb-font-style-semibold);
1162
- --sky-font-style-heading-5: var(--bb-font-style-semibold);
1163
- --sky-font-style-input-label: var(--bb-font-style-regular);
1164
- --sky-size-avatar-l: var(--bb-size-fluid-550);
1165
- --sky-size-avatar-m: var(--bb-size-fluid-350);
1166
- --sky-size-avatar-s: var(--bb-size-fluid-200);
1167
- --sky-size-icon-l: var(--bb-size-fluid-150);
1168
- --sky-size-icon-m: var(--bb-size-fluid-125);
1169
- --sky-size-icon-s: var(--bb-size-fluid-100);
1170
- --sky-size-icon-xl: var(--bb-size-fluid-200);
1171
- --sky-size-icon-xs: var(--bb-size-fluid-75);
1172
- --sky-size-icon-xxl: var(--bb-size-fluid-250);
1173
- --sky-size-icon-xxs: var(--bb-size-fluid-50);
1174
- --sky-size-icon-xxxl: var(--bb-size-fluid-300);
1175
- --sky-size-icon-xxxs: var(--bb-size-fluid-25);
1176
- --sky-size-illustration-l: var(--bb-size-fluid-500);
1177
- --sky-size-illustration-m: var(--bb-size-fluid-400);
1178
- --sky-size-illustration-s: var(--bb-size-fluid-300);
1179
- --sky-size-illustration-xl: var(--bb-size-fluid-600);
1180
- --sky-size-max_width-overlay_message: var(--bb-size-reading_container-max_width);
1181
- --sky-size-picker_btn: var(--bb-size-fluid-200);
1182
- --sky-size-progress_step: var(--bb-size-fluid-75);
1183
- --sky-size-switch: var(--bb-size-fluid-125);
1184
- --sky-size-thumbnail-l: var(--bb-size-fixed-600);
1185
- --sky-size-width-modal-l: var(--bb-size-fixed-6000);
1186
- --sky-size-width-modal-m: var(--bb-size-fixed-4000);
1187
- --sky-size-width-modal-s: var(--bb-size-fixed-2000);
1188
- --sky-size-width-resize_handle: var(--bb-size-fixed-150);
1189
- --sky-size-width-viewport-smallest: var(--bb-size-fixed-2000);
1190
- --sky-space-gap-action_group-l: var(--bb-size-fluid-75);
1191
- --sky-space-gap-action_group-m: var(--bb-size-fluid-50);
1192
- --sky-space-gap-action_group-s: var(--bb-size-fluid-25);
1193
- --sky-space-gap-action_group-xl: var(--bb-size-fluid-100);
1194
- --sky-space-gap-form-l: var(--bb-size-fluid-100);
1195
- --sky-space-gap-form-m: var(--bb-size-fluid-75);
1196
- --sky-space-gap-form-s: var(--bb-size-fluid-50);
1197
- --sky-space-gap-form-xl: var(--bb-size-fluid-150);
1198
- --sky-space-gap-form-xs: var(--bb-size-fluid-25);
1199
- --sky-space-gap-icon-l: var(--bb-size-fluid-75);
1200
- --sky-space-gap-icon-m: var(--bb-size-fluid-50);
1201
- --sky-space-gap-icon-s: var(--bb-size-fluid-25);
1202
- --sky-space-gap-icon-xl: var(--bb-size-fluid-100);
1203
- --sky-space-gap-label-l: var(--bb-size-fluid-75);
1204
- --sky-space-gap-label-m: var(--bb-size-fluid-50);
1205
- --sky-space-gap-label-s: var(--bb-size-fluid-25);
1206
- --sky-space-gap-label-xl: var(--bb-size-fluid-100);
1207
- --sky-space-gap-label-xs: var(--bb-size-fluid-12);
1208
- --sky-space-gap-label-xxs: var(--bb-size-fluid-6);
1209
- --sky-space-gap-stacked_supplemental-l: var(--bb-size-fluid-75);
1210
- --sky-space-gap-stacked_supplemental-m: var(--bb-size-fluid-50);
1211
- --sky-space-gap-stacked_supplemental-s: var(--bb-size-fluid-25);
1212
- --sky-space-gap-stacked_supplemental-xl: var(--bb-size-fluid-100);
1213
- --sky-space-gap-stacked_supplemental-xs: var(--bb-size-fluid-12);
1214
- --sky-space-gap-text_action-l: var(--bb-size-fluid-100);
1215
- --sky-space-gap-text_action-m: var(--bb-size-fluid-75);
1216
- --sky-space-gap-text_action-s: var(--bb-size-fluid-50);
1217
- --sky-space-gap-text_action-xs: var(--bb-size-fluid-25);
1218
- --sky-space-inline-0: var(--bb-size-0);
1219
- --sky-space-inline-l: var(--bb-size-fluid-100);
1220
- --sky-space-inline-m: var(--bb-size-fluid-75);
1221
- --sky-space-inline-s: var(--bb-size-fluid-50);
1222
- --sky-space-inline-xl: var(--bb-size-fluid-150);
1223
- --sky-space-inline-xs: var(--bb-size-fluid-25);
1224
- --sky-space-inline-xxl: var(--bb-size-fluid-300);
1225
- --sky-space-inline-xxs: var(--bb-size-fluid-12);
1226
- --sky-space-inset-balanced-l: var(--bb-size-fluid-100);
1227
- --sky-space-inset-balanced-m: var(--bb-size-fluid-75);
1228
- --sky-space-inset-balanced-s: var(--bb-size-fluid-50);
1229
- --sky-space-inset-balanced-xl: var(--bb-size-fluid-150);
1230
- --sky-space-inset-balanced-xs: var(--bb-size-fluid-25);
1231
- --sky-space-inset-balanced-xxs: var(--bb-size-fluid-12);
1232
- --sky-space-inset-horizontal-bottom-0: var(--bb-size-0);
1233
- --sky-space-inset-horizontal-bottom-l: var(--bb-size-0);
1234
- --sky-space-inset-horizontal-bottom-m: var(--bb-size-0);
1235
- --sky-space-inset-horizontal-bottom-s: var(--bb-size-0);
1236
- --sky-space-inset-horizontal-bottom-xl: var(--bb-size-0);
1237
- --sky-space-inset-horizontal-left-0: var(--bb-size-0);
1238
- --sky-space-inset-horizontal-left-l: var(--bb-size-fluid-100);
1239
- --sky-space-inset-horizontal-left-m: var(--bb-size-fluid-75);
1240
- --sky-space-inset-horizontal-left-s: var(--bb-size-fluid-50);
1241
- --sky-space-inset-horizontal-left-xl: var(--bb-size-fluid-150);
1242
- --sky-space-inset-horizontal-right-0: var(--bb-size-0);
1243
- --sky-space-inset-horizontal-right-l: var(--bb-size-fluid-100);
1244
- --sky-space-inset-horizontal-right-m: var(--bb-size-fluid-75);
1245
- --sky-space-inset-horizontal-right-s: var(--bb-size-fluid-50);
1246
- --sky-space-inset-horizontal-right-xl: var(--bb-size-fluid-150);
1247
- --sky-space-inset-horizontal-top-0: var(--bb-size-0);
1248
- --sky-space-inset-horizontal-top-l: var(--bb-size-0);
1249
- --sky-space-inset-horizontal-top-m: var(--bb-size-0);
1250
- --sky-space-inset-horizontal-top-s: var(--bb-size-0);
1251
- --sky-space-inset-horizontal-top-xl: var(--bb-size-0);
1252
- --sky-space-inset-thumb: var(--bb-size-fixed-6);
1253
- --sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
1254
- --sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
1255
- --sky-space-inset-thumbnail_matte-s: var(--bb-size-fluid-12);
1256
- --sky-space-inset-thumbnail_matte-xl: var(--bb-size-fluid-50);
1257
- --sky-space-inset-vertical-bottom-0: var(--bb-size-0);
1258
- --sky-space-inset-vertical-bottom-l: var(--bb-size-fluid-100);
1259
- --sky-space-inset-vertical-bottom-m: var(--bb-size-fluid-75);
1260
- --sky-space-inset-vertical-bottom-s: var(--bb-size-fluid-50);
1261
- --sky-space-inset-vertical-bottom-xl: var(--bb-size-fluid-150);
1262
- --sky-space-inset-vertical-left-0: var(--bb-size-0);
1263
- --sky-space-inset-vertical-left-l: var(--bb-size-0);
1264
- --sky-space-inset-vertical-left-m: var(--bb-size-0);
1265
- --sky-space-inset-vertical-left-s: var(--bb-size-0);
1266
- --sky-space-inset-vertical-left-xl: var(--bb-size-0);
1267
- --sky-space-inset-vertical-right-0: var(--bb-size-0);
1268
- --sky-space-inset-vertical-right-l: var(--bb-size-0);
1269
- --sky-space-inset-vertical-right-m: var(--bb-size-0);
1270
- --sky-space-inset-vertical-right-s: var(--bb-size-0);
1271
- --sky-space-inset-vertical-right-xl: var(--bb-size-0);
1272
- --sky-space-inset-vertical-top-0: var(--bb-size-0);
1273
- --sky-space-inset-vertical-top-l: var(--bb-size-fluid-100);
1274
- --sky-space-inset-vertical-top-m: var(--bb-size-fluid-75);
1275
- --sky-space-inset-vertical-top-s: var(--bb-size-fluid-50);
1276
- --sky-space-inset-vertical-top-xl: var(--bb-size-fluid-150);
1277
- --sky-space-stacked-0: var(--bb-size-0);
1278
- --sky-space-stacked-l: var(--bb-size-fluid-100);
1279
- --sky-space-stacked-m: var(--bb-size-fluid-75);
1280
- --sky-space-stacked-s: var(--bb-size-fluid-50);
1281
- --sky-space-stacked-xl: var(--bb-size-fluid-150);
1282
- --sky-space-stacked-xs: var(--bb-size-fluid-25);
1283
- --sky-space-stacked-xxl: var(--bb-size-fluid-300);
1284
- --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1285
- --sky-font-family-primary: var(--bb-font-blkb_sans-family);
1286
- --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1287
- --sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
1288
- --sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/var(--sky-font-line_height-body-m) var(--sky-font-family-primary);
1289
- --sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
1290
- --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
1291
- --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
1292
- --sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
1293
- --sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/var(--sky-font-line_height-display-2) var(--sky-font-family-primary);
1294
- --sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/var(--sky-font-line_height-display-3) var(--sky-font-family-primary);
1295
- --sky-type-display-4: var(--sky-font-style-display-4) var(--sky-font-size-display-4)/var(--sky-font-line_height-display-4) var(--sky-font-family-primary);
1296
- --sky-type-heading-2: var(--sky-font-style-heading-2) var(--sky-font-size-heading-2)/var(--sky-font-line_height-heading-2) var(--sky-font-family-primary);
1297
- --sky-type-heading-3: var(--sky-font-style-heading-3) var(--sky-font-size-heading-3)/var(--sky-font-line_height-heading-3) var(--sky-font-family-primary);
1298
- --sky-type-heading-4: var(--sky-font-style-heading-4) var(--sky-font-size-heading-4)/var(--sky-font-line_height-heading-4) var(--sky-font-family-primary);
1299
- --sky-type-heading-5: var(--sky-font-style-heading-5) var(--sky-font-size-heading-5)/var(--sky-font-line_height-heading-5) var(--sky-font-family-primary);
1300
- --sky-type-hint-m: italic 400 var(--sky-font-size-hint-m)/var(--sky-font-line_height-hint-m) var(--sky-font-family-primary);
1301
- --sky-type-hint-s: italic 400 var(--sky-font-size-hint-s)/var(--sky-font-line_height-hint-s) var(--sky-font-family-primary);
1302
- --sky-type-input-label: var(--sky-font-style-input-label) var(--sky-font-size-input-label)/var(--sky-font-line_height-input-label) var(--sky-font-family-primary);
1303
- }