@skyux/theme 14.16.0 → 14.17.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.
Files changed (3) hide show
  1. package/css/sky.css +18 -0
  2. package/css/themes/modern/styles.css +258 -165
  3. package/package.json +2 -2
package/css/sky.css CHANGED
@@ -448,6 +448,7 @@ template {
448
448
  --sky-theme-color-background-container-dimmed: var(--sky-color-background-container-dimmed);
449
449
  --sky-theme-color-background-container-header-prominent: var(--sky-color-background-container-header-prominent);
450
450
  --sky-theme-color-background-container-info: var(--sky-color-background-container-info);
451
+ --sky-theme-color-background-container-prominent: var(--sky-color-background-container-prominent);
451
452
  --sky-theme-color-background-container-success: var(--sky-color-background-container-success);
452
453
  --sky-theme-color-background-container-warning: var(--sky-color-background-container-warning);
453
454
  --sky-theme-color-background-disabled: var(--sky-color-background-disabled);
@@ -488,6 +489,7 @@ template {
488
489
  --sky-theme-color-icon-inverse: var(--sky-color-icon-inverse);
489
490
  --sky-theme-color-icon-on_prominent-base: var(--sky-color-icon-on_prominent-base);
490
491
  --sky-theme-color-icon-on_prominent-disabled: var(--sky-color-icon-on_prominent-disabled);
492
+ --sky-theme-color-icon-on_status: var(--sky-color-icon-on_status);
491
493
  --sky-theme-color-icon-success: var(--sky-color-icon-success);
492
494
  --sky-theme-color-text-action: var(--sky-color-text-action);
493
495
  --sky-theme-color-text-action_contrast: var(--sky-color-text-action_contrast);
@@ -496,6 +498,7 @@ template {
496
498
  --sky-theme-color-text-heading: var(--sky-color-text-heading);
497
499
  --sky-theme-color-text-inverse: var(--sky-color-text-inverse);
498
500
  --sky-theme-color-text-on_prominent: var(--sky-color-text-on_prominent);
501
+ --sky-theme-color-text-on_status: var(--sky-color-text-on_status);
499
502
  --sky-theme-color-viz-axis: var(--sky-color-viz-axis);
500
503
  --sky-theme-color-viz-category-1: var(--sky-color-viz-category-1);
501
504
  --sky-theme-color-viz-category-2: var(--sky-color-viz-category-2);
@@ -682,6 +685,7 @@ template {
682
685
  --sky-theme-color-background-container-dimmed: #eeeeef;
683
686
  --sky-theme-color-background-container-header-prominent: #32435e;
684
687
  --sky-theme-color-background-container-info: #81d4f7;
688
+ --sky-theme-color-background-container-prominent: #f6f8fa;
685
689
  --sky-theme-color-background-container-success: #b7da9b;
686
690
  --sky-theme-color-background-container-warning: #ffd597;
687
691
  --sky-theme-color-background-disabled: #cdcfd2;
@@ -722,6 +726,7 @@ template {
722
726
  --sky-theme-color-icon-inverse: #ffffff;
723
727
  --sky-theme-color-icon-on_prominent-base: #ffffff;
724
728
  --sky-theme-color-icon-on_prominent-disabled: #686c73;
729
+ --sky-theme-color-icon-on_status: #ffffff;
725
730
  --sky-theme-color-icon-success: #72bf44;
726
731
  --sky-theme-color-text-action: #0974a1;
727
732
  --sky-theme-color-text-action_contrast: #0974a1;
@@ -730,6 +735,7 @@ template {
730
735
  --sky-theme-color-text-heading: #212327;
731
736
  --sky-theme-color-text-inverse: #ffffff;
732
737
  --sky-theme-color-text-on_prominent: #ffffff;
738
+ --sky-theme-color-text-on_status: #212327;
733
739
  --sky-theme-color-viz-axis: #85888d;
734
740
  --sky-theme-color-viz-category-1: #06a39e;
735
741
  --sky-theme-color-viz-category-2: #6d3c96;
@@ -1255,6 +1261,10 @@ em {
1255
1261
  background-color: var(--sky-theme-color-background-container-backdrop);
1256
1262
  }
1257
1263
 
1264
+ .sky-theme-color-background-container-prominent {
1265
+ background-color: var(--sky-theme-color-background-container-prominent);
1266
+ }
1267
+
1258
1268
  .sky-theme-color-background-container-header-prominent {
1259
1269
  background-color: var(--sky-theme-color-background-container-header-prominent);
1260
1270
  }
@@ -1271,6 +1281,10 @@ em {
1271
1281
  color: var(--sky-theme-color-text-inverse);
1272
1282
  }
1273
1283
 
1284
+ .sky-theme-color-text-on_status {
1285
+ color: var(--sky-theme-color-text-on_status);
1286
+ }
1287
+
1274
1288
  .sky-theme-color-text-on_prominent {
1275
1289
  color: var(--sky-theme-color-text-on_prominent);
1276
1290
  }
@@ -1291,6 +1305,10 @@ em {
1291
1305
  color: var(--sky-theme-color-icon-inverse);
1292
1306
  }
1293
1307
 
1308
+ .sky-theme-color-icon-on_status {
1309
+ color: var(--sky-theme-color-icon-on_status);
1310
+ }
1311
+
1294
1312
  .sky-theme-color-icon-on_prominent {
1295
1313
  color: var(--sky-theme-color-icon-on_prominent-base);
1296
1314
  }
package/css/themes/modern/styles.css CHANGED
@@ -75,6 +75,7 @@
75
75
  --bb-color-blue-dark-1000: #00112b;
76
76
  --bb-color-blue-dark-200: #b4dbff;
77
77
  --bb-color-blue-dark-300: #83c1ff;
78
+ --bb-color-blue-dark-375: #79adf1;
78
79
  --bb-color-blue-dark-400: #59a6ff;
79
80
  --bb-color-blue-dark-500: #2885ef;
80
81
  --bb-color-blue-dark-600: #0066cd;
@@ -232,6 +233,10 @@
232
233
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
233
234
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
234
235
  --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
236
+ --bb-color-rgba-steel-gray-100-10: rgba(245, 246, 247, 0.1);
237
+ --bb-color-rgba-steel-gray-100-15: rgba(245, 246, 247, 0.15);
238
+ --bb-color-rgba-steel-gray-100-25: rgba(245, 246, 247, 0.25);
239
+ --bb-color-rgba-white-18: rgba(255, 255, 255, 0.18);
235
240
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
236
241
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
237
242
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -292,6 +297,22 @@
292
297
  --bb-color-steel-fusion-700: #5e6770;
293
298
  --bb-color-steel-fusion-800: #4a5259;
294
299
  --bb-color-steel-fusion-900: #363d44;
300
+ --bb-color-steel-gray-100: #f5f6f7;
301
+ --bb-color-steel-gray-1000: #2e3135;
302
+ --bb-color-steel-gray-1050: #25272a;
303
+ --bb-color-steel-gray-1075: #222427;
304
+ --bb-color-steel-gray-1100: #1f2224;
305
+ --bb-color-steel-gray-1125: #1e2022;
306
+ --bb-color-steel-gray-1150: #1c1e20;
307
+ --bb-color-steel-gray-1200: #17191b;
308
+ --bb-color-steel-gray-200: #e2e4e5;
309
+ --bb-color-steel-gray-300: #cbcdcf;
310
+ --bb-color-steel-gray-400: #b3b5b8;
311
+ --bb-color-steel-gray-500: #979a9d;
312
+ --bb-color-steel-gray-600: #7a7d81;
313
+ --bb-color-steel-gray-700: #636669;
314
+ --bb-color-steel-gray-800: #4e5154;
315
+ --bb-color-steel-gray-900: #3a3c3f;
295
316
  --bb-color-teal-100: #dcf6f5;
296
317
  --bb-color-teal-1000: #022a28;
297
318
  --bb-color-teal-1100: #011e1d;
@@ -372,15 +393,15 @@
372
393
  --bb-font-weight-light: 300;
373
394
  --bb-font-weight-regular: 400;
374
395
  --bb-font-weight-semibold: 600;
375
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/bb-logo.png');
376
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
377
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-light.svg');
378
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
379
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
380
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
381
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
382
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
383
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
396
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/bb-logo.png');
397
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
398
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-base-light.svg');
399
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
400
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
401
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
402
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
403
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
404
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
384
405
  --bb-letter_spacing-normal: normal;
385
406
  --bb-letter_spacing-wider: 0.01rem;
386
407
  --bb-letter_spacing-widest: 0.046875rem;
@@ -395,6 +416,8 @@
395
416
  --bb-line_height-700: calc(32/24);
396
417
  --bb-line_height-800: calc(36/27);
397
418
  --bb-opacity-600: .6;
419
+ --bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
420
+ --bb-shadow-steel-fusion-0: 0 0 0 0 rgba(0, 0, 0, 0);
398
421
  --bb-size-0: 0rem;
399
422
  --bb-size-fixed-100: 16px;
400
423
  --bb-size-fixed-12: 2px;
@@ -468,7 +491,6 @@
468
491
  --bb-shadow-heavy-black-50: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1.5px 1px -1px rgba(0, 0, 0, 0.6);
469
492
  --bb-shadow-heavy-black-800: 0 5px 5px -3px rgba(0, 0, 0, 0.24), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.1);
470
493
  --bb-shadow-heavy-black-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
471
- --bb-shadow-slate-0: 0 0 0 0 rgba(33, 44, 63, 0);
472
494
  --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
473
495
  --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
474
496
  --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
@@ -478,6 +500,25 @@
478
500
  --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
479
501
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
480
502
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
503
+ --bb-shadow-steel-fusion-100: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 2px 1px -1px rgba(0, 0, 0, .25), 0 1px 1px 0 rgba(0, 0, 0, .28);
504
+ --bb-shadow-steel-fusion-1600: 0 8px 10px -5px rgba(0, 0, 0, 0.36), 0 6px 30px 5px rgba(0, 0, 0, 0.22), 0 16px 24px 2px rgba(0, 0, 0, 0.25);
505
+ --bb-shadow-steel-fusion-200: 0 1px 8px 0 rgba(0, 0, 0, 0.5), 0 3px 3px -2px rgba(0, 0, 0, 0.3), 0 3px 4px 0 rgba(0, 0, 0, 0.35);
506
+ --bb-shadow-steel-fusion-2400: 0 11px 15px -7px rgba(0, 0, 0, 0.34), 0 9px 46px 8px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.24);
507
+ --bb-shadow-steel-fusion-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
508
+ --bb-shadow-steel-fusion-400: 0 2px 4px -1px rgba(0, 0, 0, 0.24), 0 1px 10px 0 rgba(0, 0, 0, 0.16), 0 4px 5px 0 rgba(0, 0, 0, 0.21);
509
+ --bb-shadow-steel-fusion-50: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1.5px 1px -1px rgba(0, 0, 0, 0.6);
510
+ --bb-shadow-steel-fusion-800: 0 5px 5px -3px rgba(0, 0, 0, 0.24), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.1);
511
+ --bb-shadow-steel-fusion-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
512
+ --bb-shadow-steel-gray-0: 0 0 0 0 rgba(33, 44, 63, 0);
513
+ --bb-shadow-steel-gray-100: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 2px 1px -1px rgba(0, 0, 0, .25), 0 1px 1px 0 rgba(0, 0, 0, .28);
514
+ --bb-shadow-steel-gray-1600: 0 8px 10px -5px rgba(0, 0, 0, 0.36), 0 6px 30px 5px rgba(0, 0, 0, 0.22), 0 16px 24px 2px rgba(0, 0, 0, 0.25);
515
+ --bb-shadow-steel-gray-200: 0 1px 8px 0 rgba(0, 0, 0, 0.5), 0 3px 3px -2px rgba(0, 0, 0, 0.3), 0 3px 4px 0 rgba(0, 0, 0, 0.35);
516
+ --bb-shadow-steel-gray-2400: 0 11px 15px -7px rgba(0, 0, 0, 0.34), 0 9px 46px 8px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.24);
517
+ --bb-shadow-steel-gray-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
518
+ --bb-shadow-steel-gray-400: 0 2px 4px -1px rgba(0, 0, 0, 0.24), 0 1px 10px 0 rgba(0, 0, 0, 0.16), 0 4px 5px 0 rgba(0, 0, 0, 0.21);
519
+ --bb-shadow-steel-gray-50: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1.5px 1px -1px rgba(0, 0, 0, 0.6);
520
+ --bb-shadow-steel-gray-800: 0 5px 5px -3px rgba(0, 0, 0, 0.24), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.1);
521
+ --bb-shadow-steel-gray-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
481
522
  }
482
523
 
483
524
  :root:has(body.sky-theme-modern.sky-theme-brand-base) {
@@ -489,7 +530,7 @@
489
530
  --bb-color-scrollbar-bb-dark-track: #1c2228;
490
531
  }
491
532
 
492
- .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light {
533
+ .sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark) {
493
534
  --sky-brand-name: var(--bb-brand-name);
494
535
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
495
536
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -528,6 +569,7 @@
528
569
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
529
570
  --sky-color-background-container-info: var(--bb-color-blue-200);
530
571
  --sky-color-background-container-menu: var(--bb-color-white);
572
+ --sky-color-background-container-prominent: var(--bb-color-slate-50);
531
573
  --sky-color-background-container-success: var(--bb-color-green-200);
532
574
  --sky-color-background-container-tooltip: var(--bb-color-gray-1000);
533
575
  --sky-color-background-container-warning: var(--bb-color-yellow-200);
@@ -665,6 +707,7 @@
665
707
  --sky-color-icon-inverse: var(--bb-color-white);
666
708
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
667
709
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
710
+ --sky-color-icon-on_status: var(--bb-color-white);
668
711
  --sky-color-icon-selected: var(--bb-color-blue-600);
669
712
  --sky-color-icon-success: var(--bb-color-green-600);
670
713
  --sky-color-icon-warning: var(--bb-color-yellow-400);
@@ -680,6 +723,7 @@
680
723
  --sky-color-text-heading: var(--bb-color-gray-1100);
681
724
  --sky-color-text-inverse: var(--bb-color-white);
682
725
  --sky-color-text-on_prominent: var(--bb-color-white);
726
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
683
727
  --sky-color-text-selected: var(--bb-color-blue-600);
684
728
  --sky-color-viz-axis: var(--bb-color-gray-500);
685
729
  --sky-color-viz-category-1: var(--bb-color-teal-500);
@@ -791,7 +835,7 @@
791
835
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
792
836
  }
793
837
 
794
- :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light) {
838
+ :root:has(body.sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark)) {
795
839
  --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
796
840
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
797
841
  }
@@ -834,6 +878,7 @@
834
878
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
835
879
  --sky-color-background-container-info: var(--bb-color-blue-800);
836
880
  --sky-color-background-container-menu: var(--bb-color-gray-900);
881
+ --sky-color-background-container-prominent: var(--bb-color-steel-gray-1125);
837
882
  --sky-color-background-container-success: var(--bb-color-green-900);
838
883
  --sky-color-background-container-tooltip: var(--bb-color-gray-25);
839
884
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
@@ -970,6 +1015,7 @@
970
1015
  --sky-color-icon-inverse: var(--bb-color-gray-1100);
971
1016
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
972
1017
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
1018
+ --sky-color-icon-on_status: var(--bb-color-white);
973
1019
  --sky-color-icon-selected: var(--bb-color-blue-600);
974
1020
  --sky-color-icon-success: var(--bb-color-green-700);
975
1021
  --sky-color-icon-warning: var(--bb-color-yellow-600);
@@ -978,23 +1024,24 @@
978
1024
  --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
979
1025
  --sky-color-illustration-stroke: var(--bb-color-green-200);
980
1026
  --sky-color-text-action: var(--bb-color-sky-600);
981
- --sky-color-text-action_contrast: var(--bb-color-blue-300);
1027
+ --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
982
1028
  --sky-color-text-danger: var(--bb-color-red-400);
983
1029
  --sky-color-text-deemphasized: var(--bb-color-gray-300);
984
1030
  --sky-color-text-default: var(--bb-color-gray-25);
985
1031
  --sky-color-text-heading: var(--bb-color-gray-50);
986
1032
  --sky-color-text-inverse: var(--bb-color-gray-1100);
987
1033
  --sky-color-text-on_prominent: var(--bb-color-white);
1034
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
988
1035
  --sky-color-text-selected: var(--bb-color-blue-400);
989
1036
  --sky-color-viz-axis: var(--bb-color-gray-600);
990
- --sky-color-viz-category-1: var(--bb-color-teal-600);
991
- --sky-color-viz-category-2: var(--bb-color-purple-300);
992
- --sky-color-viz-category-3: var(--bb-color-blue-600);
993
- --sky-color-viz-category-4: var(--bb-color-sky-200);
994
- --sky-color-viz-category-5: var(--bb-color-orange-500);
995
- --sky-color-viz-category-6: var(--bb-color-red-300);
996
- --sky-color-viz-category-7: var(--bb-color-pink-500);
997
- --sky-color-viz-category-8: var(--bb-color-green-400);
1037
+ --sky-color-viz-category-1: var(--bb-color-teal-dark-600);
1038
+ --sky-color-viz-category-2: var(--bb-color-purple-dark-300);
1039
+ --sky-color-viz-category-3: var(--bb-color-blue-dark-600);
1040
+ --sky-color-viz-category-4: var(--bb-color-sky-dark-200);
1041
+ --sky-color-viz-category-5: var(--bb-color-orange-dark-500);
1042
+ --sky-color-viz-category-6: var(--bb-color-red-dark-300);
1043
+ --sky-color-viz-category-7: var(--bb-color-pink-dark-500);
1044
+ --sky-color-viz-category-8: var(--bb-color-green-dark-400);
998
1045
  --sky-color-viz-diverge-neg-1: var(--bb-color-red-1000);
999
1046
  --sky-color-viz-diverge-neg-10: var(--bb-color-red-100);
1000
1047
  --sky-color-viz-diverge-neg-2: var(--bb-color-red-900);
@@ -1922,6 +1969,7 @@
1922
1969
  --bb-color-blue-dark-1000: #00112b;
1923
1970
  --bb-color-blue-dark-200: #b4dbff;
1924
1971
  --bb-color-blue-dark-300: #83c1ff;
1972
+ --bb-color-blue-dark-375: #79adf1;
1925
1973
  --bb-color-blue-dark-400: #59a6ff;
1926
1974
  --bb-color-blue-dark-500: #2885ef;
1927
1975
  --bb-color-blue-dark-600: #0066cd;
@@ -2079,6 +2127,10 @@
2079
2127
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
2080
2128
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
2081
2129
  --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
2130
+ --bb-color-rgba-steel-gray-100-10: rgba(245, 246, 247, 0.1);
2131
+ --bb-color-rgba-steel-gray-100-15: rgba(245, 246, 247, 0.15);
2132
+ --bb-color-rgba-steel-gray-100-25: rgba(245, 246, 247, 0.25);
2133
+ --bb-color-rgba-white-18: rgba(255, 255, 255, 0.18);
2082
2134
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
2083
2135
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
2084
2136
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -2139,6 +2191,22 @@
2139
2191
  --bb-color-steel-fusion-700: #5e6770;
2140
2192
  --bb-color-steel-fusion-800: #4a5259;
2141
2193
  --bb-color-steel-fusion-900: #363d44;
2194
+ --bb-color-steel-gray-100: #f5f6f7;
2195
+ --bb-color-steel-gray-1000: #2e3135;
2196
+ --bb-color-steel-gray-1050: #25272a;
2197
+ --bb-color-steel-gray-1075: #222427;
2198
+ --bb-color-steel-gray-1100: #1f2224;
2199
+ --bb-color-steel-gray-1125: #1e2022;
2200
+ --bb-color-steel-gray-1150: #1c1e20;
2201
+ --bb-color-steel-gray-1200: #17191b;
2202
+ --bb-color-steel-gray-200: #e2e4e5;
2203
+ --bb-color-steel-gray-300: #cbcdcf;
2204
+ --bb-color-steel-gray-400: #b3b5b8;
2205
+ --bb-color-steel-gray-500: #979a9d;
2206
+ --bb-color-steel-gray-600: #7a7d81;
2207
+ --bb-color-steel-gray-700: #636669;
2208
+ --bb-color-steel-gray-800: #4e5154;
2209
+ --bb-color-steel-gray-900: #3a3c3f;
2142
2210
  --bb-color-teal-100: #dcf6f5;
2143
2211
  --bb-color-teal-1000: #022a28;
2144
2212
  --bb-color-teal-1100: #011e1d;
@@ -2219,15 +2287,15 @@
2219
2287
  --bb-font-weight-light: 300;
2220
2288
  --bb-font-weight-regular: 400;
2221
2289
  --bb-font-weight-semibold: 600;
2222
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/bb-logo.png');
2223
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
2224
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-light.svg');
2225
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2226
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
2227
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2228
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2229
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2230
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2290
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/bb-logo.png');
2291
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
2292
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-base-light.svg');
2293
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2294
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
2295
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2296
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2297
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2298
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2231
2299
  --bb-letter_spacing-normal: normal;
2232
2300
  --bb-letter_spacing-wider: 0.01rem;
2233
2301
  --bb-letter_spacing-widest: 0.046875rem;
@@ -2242,6 +2310,8 @@
2242
2310
  --bb-line_height-700: calc(32/24);
2243
2311
  --bb-line_height-800: calc(36/27);
2244
2312
  --bb-opacity-600: .6;
2313
+ --bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
2314
+ --bb-shadow-steel-fusion-0: 0 0 0 0 rgba(0, 0, 0, 0);
2245
2315
  --bb-size-0: 0rem;
2246
2316
  --bb-size-fixed-100: 16px;
2247
2317
  --bb-size-fixed-12: 2px;
@@ -2315,7 +2385,6 @@
2315
2385
  --bb-shadow-heavy-black-50: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1.5px 1px -1px rgba(0, 0, 0, 0.6);
2316
2386
  --bb-shadow-heavy-black-800: 0 5px 5px -3px rgba(0, 0, 0, 0.24), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.1);
2317
2387
  --bb-shadow-heavy-black-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
2318
- --bb-shadow-slate-0: 0 0 0 0 rgba(33, 44, 63, 0);
2319
2388
  --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
2320
2389
  --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
2321
2390
  --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
@@ -2325,6 +2394,25 @@
2325
2394
  --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
2326
2395
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
2327
2396
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
2397
+ --bb-shadow-steel-fusion-100: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 2px 1px -1px rgba(0, 0, 0, .25), 0 1px 1px 0 rgba(0, 0, 0, .28);
2398
+ --bb-shadow-steel-fusion-1600: 0 8px 10px -5px rgba(0, 0, 0, 0.36), 0 6px 30px 5px rgba(0, 0, 0, 0.22), 0 16px 24px 2px rgba(0, 0, 0, 0.25);
2399
+ --bb-shadow-steel-fusion-200: 0 1px 8px 0 rgba(0, 0, 0, 0.5), 0 3px 3px -2px rgba(0, 0, 0, 0.3), 0 3px 4px 0 rgba(0, 0, 0, 0.35);
2400
+ --bb-shadow-steel-fusion-2400: 0 11px 15px -7px rgba(0, 0, 0, 0.34), 0 9px 46px 8px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.24);
2401
+ --bb-shadow-steel-fusion-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
2402
+ --bb-shadow-steel-fusion-400: 0 2px 4px -1px rgba(0, 0, 0, 0.24), 0 1px 10px 0 rgba(0, 0, 0, 0.16), 0 4px 5px 0 rgba(0, 0, 0, 0.21);
2403
+ --bb-shadow-steel-fusion-50: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1.5px 1px -1px rgba(0, 0, 0, 0.6);
2404
+ --bb-shadow-steel-fusion-800: 0 5px 5px -3px rgba(0, 0, 0, 0.24), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.1);
2405
+ --bb-shadow-steel-fusion-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
2406
+ --bb-shadow-steel-gray-0: 0 0 0 0 rgba(33, 44, 63, 0);
2407
+ --bb-shadow-steel-gray-100: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 2px 1px -1px rgba(0, 0, 0, .25), 0 1px 1px 0 rgba(0, 0, 0, .28);
2408
+ --bb-shadow-steel-gray-1600: 0 8px 10px -5px rgba(0, 0, 0, 0.36), 0 6px 30px 5px rgba(0, 0, 0, 0.22), 0 16px 24px 2px rgba(0, 0, 0, 0.25);
2409
+ --bb-shadow-steel-gray-200: 0 1px 8px 0 rgba(0, 0, 0, 0.5), 0 3px 3px -2px rgba(0, 0, 0, 0.3), 0 3px 4px 0 rgba(0, 0, 0, 0.35);
2410
+ --bb-shadow-steel-gray-2400: 0 11px 15px -7px rgba(0, 0, 0, 0.34), 0 9px 46px 8px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.24);
2411
+ --bb-shadow-steel-gray-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
2412
+ --bb-shadow-steel-gray-400: 0 2px 4px -1px rgba(0, 0, 0, 0.24), 0 1px 10px 0 rgba(0, 0, 0, 0.16), 0 4px 5px 0 rgba(0, 0, 0, 0.21);
2413
+ --bb-shadow-steel-gray-50: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1.5px 1px -1px rgba(0, 0, 0, 0.6);
2414
+ --bb-shadow-steel-gray-800: 0 5px 5px -3px rgba(0, 0, 0, 0.24), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.1);
2415
+ --bb-shadow-steel-gray-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
2328
2416
  }
2329
2417
 
2330
2418
  :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud) {
@@ -2336,7 +2424,7 @@
2336
2424
  --bb-color-scrollbar-bb-dark-track: #1c2228;
2337
2425
  }
2338
2426
 
2339
- .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-light {
2427
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud:not(.sky-theme-mode-dark) {
2340
2428
  --sky-brand-name: var(--bb-brand-name);
2341
2429
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
2342
2430
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
@@ -2360,46 +2448,46 @@
2360
2448
  --sky-color-illustration-fill-softest: var(--bb-color-white);
2361
2449
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
2362
2450
  --sky-color-text-heading: var(--bb-color-blue-900);
2451
+ --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
2452
+ --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
2453
+ --sky-elevation-action-input-disabled: var(--bb-shadow-slate-0);
2454
+ --sky-elevation-action-primary-active: var(--bb-shadow-slate-0);
2455
+ --sky-elevation-action-primary-disabled: var(--bb-shadow-slate-0);
2456
+ --sky-elevation-action-secondary-active: var(--bb-shadow-slate-0);
2457
+ --sky-elevation-action-secondary-disabled: var(--bb-shadow-slate-0);
2458
+ --sky-elevation-action-tertiary-active: var(--bb-shadow-slate-0);
2459
+ --sky-elevation-action-tertiary-base: var(--bb-shadow-slate-0);
2460
+ --sky-elevation-action-tertiary-disabled: var(--bb-shadow-slate-0);
2461
+ --sky-elevation-action-tertiary-focus: var(--bb-shadow-slate-0);
2462
+ --sky-elevation-action-toolbar-active: var(--bb-shadow-slate-0);
2463
+ --sky-elevation-action-toolbar-base: var(--bb-shadow-slate-0);
2464
+ --sky-elevation-action-toolbar-disabled: var(--bb-shadow-slate-0);
2465
+ --sky-elevation-action-toolbar-focus: var(--bb-shadow-slate-0);
2466
+ --sky-elevation-input-disabled: var(--bb-shadow-slate-0);
2467
+ --sky-elevation-none: var(--bb-shadow-slate-0);
2363
2468
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
2364
2469
  --sky-image-select_icon-base: var(--bb-image-select_icon-bb-light-src);
2365
2470
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-light-src);
2366
2471
  --sky-opacity-wait: var(--bb-opacity-600);
2367
2472
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
2368
2473
  --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2369
- --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
2370
2474
  --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
2371
- --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
2372
2475
  --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
2373
2476
  --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
2374
2477
  --sky-elevation-action-input-active: var(--bb-shadow-slate-25);
2375
2478
  --sky-elevation-action-input-base: var(--bb-shadow-slate-25);
2376
- --sky-elevation-action-input-disabled: var(--bb-shadow-slate-0);
2377
2479
  --sky-elevation-action-input-focus: var(--bb-shadow-slate-25);
2378
2480
  --sky-elevation-action-input-hover: var(--bb-shadow-slate-25);
2379
- --sky-elevation-action-primary-active: var(--bb-shadow-slate-0);
2380
2481
  --sky-elevation-action-primary-base: var(--bb-shadow-slate-50);
2381
- --sky-elevation-action-primary-disabled: var(--bb-shadow-slate-0);
2382
2482
  --sky-elevation-action-primary-focus: var(--bb-shadow-slate-50);
2383
2483
  --sky-elevation-action-primary-hover: var(--bb-shadow-slate-50);
2384
- --sky-elevation-action-secondary-active: var(--bb-shadow-slate-0);
2385
2484
  --sky-elevation-action-secondary-base: var(--bb-shadow-slate-50);
2386
- --sky-elevation-action-secondary-disabled: var(--bb-shadow-slate-0);
2387
2485
  --sky-elevation-action-secondary-focus: var(--bb-shadow-slate-50);
2388
2486
  --sky-elevation-action-secondary-hover: var(--bb-shadow-slate-50);
2389
- --sky-elevation-action-tertiary-active: var(--bb-shadow-slate-0);
2390
- --sky-elevation-action-tertiary-base: var(--bb-shadow-slate-0);
2391
- --sky-elevation-action-tertiary-disabled: var(--bb-shadow-slate-0);
2392
- --sky-elevation-action-tertiary-focus: var(--bb-shadow-slate-0);
2393
2487
  --sky-elevation-action-tertiary-hover: var(--bb-shadow-slate-50);
2394
- --sky-elevation-action-toolbar-active: var(--bb-shadow-slate-0);
2395
- --sky-elevation-action-toolbar-base: var(--bb-shadow-slate-0);
2396
- --sky-elevation-action-toolbar-disabled: var(--bb-shadow-slate-0);
2397
- --sky-elevation-action-toolbar-focus: var(--bb-shadow-slate-0);
2398
2488
  --sky-elevation-action-toolbar-hover: var(--bb-shadow-slate-50);
2399
2489
  --sky-elevation-focus: var(--bb-shadow-slate-200);
2400
2490
  --sky-elevation-input-base: var(--bb-shadow-slate-25);
2401
- --sky-elevation-input-disabled: var(--bb-shadow-slate-0);
2402
- --sky-elevation-none: var(--bb-shadow-slate-0);
2403
2491
  --sky-elevation-overflow: var(--bb-shadow-slate-200);
2404
2492
  --sky-elevation-overlay-100: var(--bb-shadow-slate-400);
2405
2493
  --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
@@ -2410,30 +2498,30 @@
2410
2498
  }
2411
2499
 
2412
2500
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
2413
- --sky-color-background-action-accent-active: var(--bb-color-steel-fusion-1000);
2414
- --sky-color-background-action-accent-base: var(--bb-color-steel-fusion-1100);
2415
- --sky-color-background-action-accent-focus: var(--bb-color-steel-fusion-1000);
2416
- --sky-color-background-action-accent-hover: var(--bb-color-steel-fusion-1000);
2417
- --sky-color-background-action-danger-active: var(--bb-color-red-600);
2418
- --sky-color-background-action-danger-base: var(--bb-color-red-600);
2501
+ --sky-color-background-action-accent-active: var(--bb-color-steel-gray-1000);
2502
+ --sky-color-background-action-accent-base: var(--bb-color-steel-gray-1100);
2503
+ --sky-color-background-action-accent-focus: var(--bb-color-steel-gray-1000);
2504
+ --sky-color-background-action-accent-hover: var(--bb-color-steel-gray-1000);
2505
+ --sky-color-background-action-danger-active: var(--bb-color-red-dark-300);
2506
+ --sky-color-background-action-danger-base: var(--bb-color-red-dark-400);
2419
2507
  --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
2420
- --sky-color-background-action-danger-focus: var(--bb-color-red-600);
2421
- --sky-color-background-action-danger-hover: var(--bb-color-red-600);
2508
+ --sky-color-background-action-danger-focus: var(--bb-color-red-dark-300);
2509
+ --sky-color-background-action-danger-hover: var(--bb-color-red-dark-300);
2422
2510
  --sky-color-background-action-input-active: var(--bb-color-transparent);
2423
2511
  --sky-color-background-action-input-base: var(--bb-color-transparent);
2424
2512
  --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
2425
2513
  --sky-color-background-action-input-focus: var(--bb-color-transparent);
2426
2514
  --sky-color-background-action-input-hover: var(--bb-color-transparent);
2427
- --sky-color-background-action-primary-active: var(--bb-color-oklch-blue-375);
2428
- --sky-color-background-action-primary-base: var(--bb-color-blue-400);
2515
+ --sky-color-background-action-primary-active: var(--bb-color-blue-dark-400);
2516
+ --sky-color-background-action-primary-base: var(--bb-color-blue-dark-375);
2429
2517
  --sky-color-background-action-primary-disabled: var(--bb-color-gray-700);
2430
- --sky-color-background-action-primary-focus: var(--bb-color-oklch-blue-375);
2431
- --sky-color-background-action-primary-hover: var(--bb-color-oklch-blue-375);
2518
+ --sky-color-background-action-primary-focus: var(--bb-color-blue-dark-400);
2519
+ --sky-color-background-action-primary-hover: var(--bb-color-blue-dark-300);
2432
2520
  --sky-color-background-action-secondary-active: var(--bb-color-transparent);
2433
- --sky-color-background-action-secondary-base: var(--bb-color-rgba-steel-fusion-100-5);
2434
- --sky-color-background-action-secondary-disabled: var(--bb-color-steel-fusion-700);
2521
+ --sky-color-background-action-secondary-base: var(--bb-color-rgba-steel-gray-100-10);
2522
+ --sky-color-background-action-secondary-disabled: var(--bb-color-steel-gray-700);
2435
2523
  --sky-color-background-action-secondary-focus: var(--bb-color-transparent);
2436
- --sky-color-background-action-secondary-hover: var(--bb-color-steel-fusion-1000);
2524
+ --sky-color-background-action-secondary-hover: var(--bb-color-rgba-steel-gray-100-15);
2437
2525
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
2438
2526
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
2439
2527
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
@@ -2444,23 +2532,24 @@
2444
2532
  --sky-color-background-action-tertiary-on_prominent-focus: var(--bb-color-transparent);
2445
2533
  --sky-color-background-action-tertiary-on_prominent-hover: var(--bb-color-slate-700);
2446
2534
  --sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
2447
- --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
2448
- --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
2449
- --sky-color-background-container-danger: var(--bb-color-red-dark-700);
2450
- --sky-color-background-container-dimmed: var(--bb-color-steel-fusion-1050);
2535
+ --sky-color-background-container-backdrop: var(--bb-color-steel-gray-1000);
2536
+ --sky-color-background-container-base: var(--bb-color-steel-gray-1050);
2537
+ --sky-color-background-container-danger: var(--bb-color-red-dark-400);
2538
+ --sky-color-background-container-dimmed: var(--bb-color-steel-gray-1100);
2451
2539
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
2452
- --sky-color-background-container-info: var(--bb-color-blue-dark-700);
2453
- --sky-color-background-container-menu: var(--bb-color-steel-fusion-1000);
2454
- --sky-color-background-container-success: var(--bb-color-green-dark-700);
2455
- --sky-color-background-container-warning: var(--bb-color-yellow-dark-700);
2540
+ --sky-color-background-container-info: var(--bb-color-blue-dark-400);
2541
+ --sky-color-background-container-menu: var(--bb-color-steel-gray-900);
2542
+ --sky-color-background-container-prominent: var(--bb-color-steel-gray-1125);
2543
+ --sky-color-background-container-success: var(--bb-color-green-dark-400);
2544
+ --sky-color-background-container-warning: var(--bb-color-yellow-dark-400);
2456
2545
  --sky-color-background-disabled: var(--bb-color-gray-700);
2457
2546
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
2458
- --sky-color-background-icon_matte-action-heavy: var(--bb-color-oklch-blue-375);
2459
- --sky-color-background-icon_matte-action-soft: var(--bb-color-rgba-blue-600-25);
2460
- --sky-color-background-icon_matte-danger: var(--bb-color-red-500);
2461
- --sky-color-background-icon_matte-info: var(--bb-color-blue-400);
2462
- --sky-color-background-icon_matte-success: var(--bb-color-green-500);
2463
- --sky-color-background-icon_matte-warning: var(--bb-color-yellow-500);
2547
+ --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-dark-400);
2548
+ --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-dark-900);
2549
+ --sky-color-background-icon_matte-danger: var(--bb-color-red-dark-600);
2550
+ --sky-color-background-icon_matte-info: var(--bb-color-blue-dark-600);
2551
+ --sky-color-background-icon_matte-success: var(--bb-color-green-dark-700);
2552
+ --sky-color-background-icon_matte-warning: var(--bb-color-yellow-dark-600);
2464
2553
  --sky-color-background-input-base: var(--bb-color-rgba-white-5);
2465
2554
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
2466
2555
  --sky-color-background-nav-active: var(--bb-color-transparent);
@@ -2468,20 +2557,20 @@
2468
2557
  --sky-color-background-nav-disabled: var(--bb-color-gray-700);
2469
2558
  --sky-color-background-nav-focus: var(--bb-color-transparent);
2470
2559
  --sky-color-background-nav-hover: var(--bb-color-transparent);
2471
- --sky-color-background-page: var(--bb-color-steel-fusion-1200);
2560
+ --sky-color-background-page: var(--bb-color-steel-gray-1200);
2472
2561
  --sky-color-background-row-active: var(--bb-color-transparent);
2473
- --sky-color-background-row-base: var(--bb-color-gray-1000);
2562
+ --sky-color-background-row-base: var(--bb-color-steel-gray-1050);
2474
2563
  --sky-color-background-row-disabled: var(--bb-color-gray-700);
2475
2564
  --sky-color-background-row-focus: var(--bb-color-transparent);
2476
2565
  --sky-color-background-row-hover: var(--bb-color-transparent);
2477
2566
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
2478
- --sky-color-background-selected-danger: var(--bb-color-red-900);
2479
- --sky-color-background-selected-heavy: var(--bb-color-blue-700);
2480
- --sky-color-background-selected-soft: var(--bb-color-rgba-blue-600-25);
2481
- --sky-color-background-selected-success: var(--bb-color-green-900);
2567
+ --sky-color-background-selected-danger: var(--bb-color-red-dark-900);
2568
+ --sky-color-background-selected-heavy: var(--bb-color-blue-dark-800);
2569
+ --sky-color-background-selected-soft: var(--bb-color-blue-dark-900);
2570
+ --sky-color-background-selected-success: var(--bb-color-green-dark-900);
2482
2571
  --sky-color-background-selected-switch-base: var(--bb-color-blue-400);
2483
- --sky-color-background-selected-switch-disabled: var(--bb-color-gray-700);
2484
- --sky-color-background-selected-warning: var(--bb-color-yellow-900);
2572
+ --sky-color-background-selected-switch-disabled: var(--bb-color-steel-gray-700);
2573
+ --sky-color-background-selected-warning: var(--bb-color-yellow-dark-900);
2485
2574
  --sky-color-background-tab-active: var(--bb-color-transparent);
2486
2575
  --sky-color-background-tab-base: var(--bb-color-transparent);
2487
2576
  --sky-color-background-tab-disabled: var(--bb-color-gray-700);
@@ -2492,81 +2581,82 @@
2492
2581
  --sky-color-background-text_highlight: var(--bb-color-yellow-800);
2493
2582
  --sky-color-background-thumb-base: var(--bb-color-white);
2494
2583
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
2495
- --sky-color-background-thumbnail_matte: var(--bb-color-white);
2496
- --sky-color-border-action-accent-hover: var(--bb-color-oklch-blue-375);
2497
- --sky-color-border-action-danger-active: var(--bb-color-red-200);
2498
- --sky-color-border-action-danger-base: var(--bb-color-red-600);
2584
+ --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-25);
2585
+ --sky-color-border-action-accent-hover: var(--bb-color-blue-dark-400);
2586
+ --sky-color-border-action-danger-active: var(--bb-color-red-dark-300);
2587
+ --sky-color-border-action-danger-base: var(--bb-color-red-dark-400);
2499
2588
  --sky-color-border-action-danger-disabled: var(--bb-color-gray-800);
2500
- --sky-color-border-action-danger-focus: var(--bb-color-red-200);
2501
- --sky-color-border-action-danger-hover: var(--bb-color-red-200);
2502
- --sky-color-border-action-input-active: var(--bb-color-oklch-blue-375);
2503
- --sky-color-border-action-input-base: var(--bb-color-oklch-blue-375);
2589
+ --sky-color-border-action-danger-focus: var(--bb-color-red-dark-300);
2590
+ --sky-color-border-action-danger-hover: var(--bb-color-red-dark-300);
2591
+ --sky-color-border-action-input-active: var(--bb-color-blue-dark-400);
2592
+ --sky-color-border-action-input-base: var(--bb-color-steel-gray-800);
2504
2593
  --sky-color-border-action-input-disabled: var(--bb-color-gray-800);
2505
- --sky-color-border-action-input-focus: var(--bb-color-oklch-blue-375);
2506
- --sky-color-border-action-input-hover: var(--bb-color-oklch-blue-375);
2507
- --sky-color-border-action-primary-active: var(--bb-color-oklch-blue-375);
2508
- --sky-color-border-action-primary-base: var(--bb-color-oklch-blue-375);
2594
+ --sky-color-border-action-input-focus: var(--bb-color-blue-dark-400);
2595
+ --sky-color-border-action-input-hover: var(--bb-color-blue-dark-400);
2596
+ --sky-color-border-action-primary-active: var(--bb-color-blue-dark-400);
2597
+ --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
2509
2598
  --sky-color-border-action-primary-disabled: var(--bb-color-gray-800);
2510
- --sky-color-border-action-primary-focus: var(--bb-color-oklch-blue-375);
2511
- --sky-color-border-action-primary-hover: var(--bb-color-oklch-blue-375);
2512
- --sky-color-border-action-secondary-active: var(--bb-color-blue-500);
2513
- --sky-color-border-action-secondary-base: var(--bb-color-steel-fusion-600);
2514
- --sky-color-border-action-secondary-disabled: var(--bb-color-gray-800);
2515
- --sky-color-border-action-secondary-focus: var(--bb-color-blue-500);
2516
- --sky-color-border-action-secondary-hover: var(--bb-color-oklch-blue-375);
2517
- --sky-color-border-action-tertiary-active: var(--bb-color-oklch-blue-375);
2599
+ --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-400);
2600
+ --sky-color-border-action-primary-hover: var(--bb-color-steel-gray-100);
2601
+ --sky-color-border-action-secondary-active: var(--bb-color-blue-dark-375);
2602
+ --sky-color-border-action-secondary-base: var(--bb-color-steel-gray-700);
2603
+ --sky-color-border-action-secondary-disabled: var(--bb-color-steel-gray-800);
2604
+ --sky-color-border-action-secondary-focus: var(--bb-color-blue-dark-375);
2605
+ --sky-color-border-action-secondary-hover: var(--bb-color-blue-dark-375);
2606
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-400);
2518
2607
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
2519
2608
  --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
2520
- --sky-color-border-action-tertiary-focus: var(--bb-color-oklch-blue-375);
2521
- --sky-color-border-action-tertiary-hover: var(--bb-color-oklch-blue-375);
2609
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-400);
2610
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-400);
2522
2611
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
2523
2612
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
2524
2613
  --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
2525
2614
  --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
2526
2615
  --sky-color-border-column_divider: var(--bb-color-blue-400);
2527
- --sky-color-border-container-base: var(--bb-color-steel-fusion-800);
2616
+ --sky-color-border-container-base: var(--bb-color-rgba-white-18);
2528
2617
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
2529
- --sky-color-border-danger: var(--bb-color-red-500);
2618
+ --sky-color-border-danger: var(--bb-color-red-dark-700);
2530
2619
  --sky-color-border-disabled: var(--bb-color-gray-800);
2531
- --sky-color-border-divider: var(--bb-color-gray-700);
2532
- --sky-color-border-elevation: var(--bb-color-steel-fusion-800);
2533
- --sky-color-border-info: var(--bb-color-blue-400);
2534
- --sky-color-border-input-active: var(--bb-color-oklch-blue-375);
2535
- --sky-color-border-input-base: var(--bb-color-steel-fusion-800);
2536
- --sky-color-border-input-disabled: var(--bb-color-gray-400);
2620
+ --sky-color-border-divider: var(--bb-color-rgba-white-18);
2621
+ --sky-color-border-elevation: var(--bb-color-rgba-white-18);
2622
+ --sky-color-border-info: var(--bb-color-blue-dark-600);
2623
+ --sky-color-border-input-active: var(--bb-color-blue-dark-400);
2624
+ --sky-color-border-input-base: var(--bb-color-steel-gray-800);
2625
+ --sky-color-border-input-disabled: var(--bb-color-steel-gray-400);
2537
2626
  --sky-color-border-input-error: var(--bb-color-red-600);
2538
- --sky-color-border-input-focus: var(--bb-color-oklch-blue-375);
2539
- --sky-color-border-input-hover: var(--bb-color-oklch-blue-375);
2540
- --sky-color-border-nav-active: var(--bb-color-oklch-blue-375);
2627
+ --sky-color-border-input-focus: var(--bb-color-blue-dark-400);
2628
+ --sky-color-border-input-hover: var(--bb-color-blue-dark-400);
2629
+ --sky-color-border-nav-active: var(--bb-color-blue-dark-375);
2541
2630
  --sky-color-border-nav-base: var(--bb-color-transparent);
2542
- --sky-color-border-nav-disabled: var(--bb-color-gray-800);
2543
- --sky-color-border-nav-focus: var(--bb-color-oklch-blue-375);
2544
- --sky-color-border-nav-hover: var(--bb-color-oklch-blue-375);
2631
+ --sky-color-border-nav-disabled: var(--bb-color-steel-gray-1000);
2632
+ --sky-color-border-nav-focus: var(--bb-color-blue-dark-375);
2633
+ --sky-color-border-nav-hover: var(--bb-color-blue-dark-375);
2545
2634
  --sky-color-border-progress_step: var(--bb-color-gray-600);
2546
2635
  --sky-color-border-selected: var(--bb-color-blue-400);
2547
- --sky-color-border-selected_soft: var(--bb-color-blue-600);
2548
- --sky-color-border-separator-light: var(--bb-color-gray-700);
2549
- --sky-color-border-separator-row: var(--bb-color-gray-800);
2550
- --sky-color-border-success: var(--bb-color-green-500);
2551
- --sky-color-border-switch-active: var(--bb-color-oklch-blue-375);
2552
- --sky-color-border-switch-base: var(--bb-color-oklch-blue-375);
2553
- --sky-color-border-switch-disabled: var(--bb-color-gray-400);
2636
+ --sky-color-border-selected_soft: var(--bb-color-blue-400);
2637
+ --sky-color-border-separator-dark: var(--bb-color-rgba-white-18);
2638
+ --sky-color-border-separator-light: var(--bb-color-rgba-white-18);
2639
+ --sky-color-border-separator-row: var(--bb-color-rgba-white-18);
2640
+ --sky-color-border-success: var(--bb-color-green-dark-700);
2641
+ --sky-color-border-switch-active: var(--bb-color-blue-dark-400);
2642
+ --sky-color-border-switch-base: var(--bb-color-steel-gray-500);
2643
+ --sky-color-border-switch-disabled: var(--bb-color-steel-gray-400);
2554
2644
  --sky-color-border-switch-error: var(--bb-color-red-600);
2555
- --sky-color-border-switch-focus: var(--bb-color-oklch-blue-375);
2556
- --sky-color-border-switch-hover: var(--bb-color-oklch-blue-375);
2645
+ --sky-color-border-switch-focus: var(--bb-color-blue-dark-400);
2646
+ --sky-color-border-switch-hover: var(--bb-color-blue-dark-400);
2557
2647
  --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
2558
2648
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
2559
- --sky-color-border-switch-selected-disabled: var(--bb-color-gray-400);
2560
- --sky-color-border-switch-selected-focus: var(--bb-color-blue-900);
2561
- --sky-color-border-switch-selected-hover: var(--bb-color-oklch-blue-375);
2562
- --sky-color-border-tab-active: var(--bb-color-oklch-blue-375);
2649
+ --sky-color-border-switch-selected-disabled: var(--bb-color-steel-gray-400);
2650
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-900);
2651
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-300);
2652
+ --sky-color-border-tab-active: var(--bb-color-blue-dark-300);
2563
2653
  --sky-color-border-tab-base: var(--bb-color-transparent);
2564
- --sky-color-border-tab-disabled: var(--bb-color-gray-800);
2565
- --sky-color-border-tab-focus: var(--bb-color-oklch-blue-375);
2566
- --sky-color-border-tab-hover: var(--bb-color-oklch-blue-375);
2654
+ --sky-color-border-tab-disabled: var(--bb-color-steel-gray-800);
2655
+ --sky-color-border-tab-focus: var(--bb-color-blue-dark-400);
2656
+ --sky-color-border-tab-hover: var(--bb-color-blue-dark-300);
2567
2657
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
2568
2658
  --sky-color-border-text_highlight: var(--bb-color-yellow-600);
2569
- --sky-color-border-warning: var(--bb-color-yellow-500);
2659
+ --sky-color-border-warning: var(--bb-color-yellow-dark-600);
2570
2660
  --sky-color-classify-1-heavy: var(--bb-color-teal-dark-300);
2571
2661
  --sky-color-classify-1-soft: var(--bb-color-teal-dark-700);
2572
2662
  --sky-color-classify-2-heavy: var(--bb-color-purple-dark-300);
@@ -2581,31 +2671,33 @@
2581
2671
  --sky-color-classify-6-soft: var(--bb-color-green-dark-700);
2582
2672
  --sky-color-classify-7-heavy: var(--bb-color-red-dark-300);
2583
2673
  --sky-color-classify-7-soft: var(--bb-color-red-dark-700);
2584
- --sky-color-icon-action: var(--bb-color-oklch-blue-375);
2585
- --sky-color-icon-danger: var(--bb-color-red-600);
2586
- --sky-color-icon-deemphasized: var(--bb-color-steel-fusion-400);
2587
- --sky-color-icon-default: var(--bb-color-steel-fusion-100);
2588
- --sky-color-icon-info: var(--bb-color-blue-600);
2674
+ --sky-color-icon-action: var(--bb-color-blue-dark-400);
2675
+ --sky-color-icon-danger: var(--bb-color-red-dark-400);
2676
+ --sky-color-icon-deemphasized: var(--bb-color-steel-gray-400);
2677
+ --sky-color-icon-default: var(--bb-color-steel-gray-100);
2678
+ --sky-color-icon-info: var(--bb-color-blue-dark-400);
2589
2679
  --sky-color-icon-input-action: var(--bb-color-oklch-blue-375);
2590
- --sky-color-icon-inverse: var(--bb-color-black);
2680
+ --sky-color-icon-inverse: var(--bb-color-steel-gray-1100);
2591
2681
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
2592
2682
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
2593
- --sky-color-icon-selected: var(--bb-color-oklch-blue-375);
2594
- --sky-color-icon-success: var(--bb-color-green-600);
2595
- --sky-color-icon-warning: var(--bb-color-yellow-600);
2683
+ --sky-color-icon-on_status: var(--bb-color-white);
2684
+ --sky-color-icon-selected: var(--bb-color-blue-dark-300);
2685
+ --sky-color-icon-success: var(--bb-color-green-dark-400);
2686
+ --sky-color-icon-warning: var(--bb-color-yellow-dark-400);
2596
2687
  --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
2597
2688
  --sky-color-illustration-fill-soft: var(--bb-color-green-900);
2598
2689
  --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
2599
2690
  --sky-color-illustration-stroke: var(--bb-color-green-200);
2600
- --sky-color-text-action: var(--bb-color-oklch-blue-375);
2601
- --sky-color-text-action_contrast: var(--bb-color-oklch-blue-375);
2602
- --sky-color-text-danger: var(--bb-color-red-400);
2603
- --sky-color-text-deemphasized: var(--bb-color-steel-fusion-400);
2604
- --sky-color-text-default: var(--bb-color-steel-fusion-200);
2605
- --sky-color-text-heading: var(--bb-color-steel-fusion-100);
2606
- --sky-color-text-inverse: var(--bb-color-black);
2691
+ --sky-color-text-action: var(--bb-color-blue-dark-375);
2692
+ --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
2693
+ --sky-color-text-danger: var(--bb-color-red-dark-400);
2694
+ --sky-color-text-deemphasized: var(--bb-color-steel-gray-400);
2695
+ --sky-color-text-default: var(--bb-color-steel-gray-200);
2696
+ --sky-color-text-heading: var(--bb-color-steel-gray-100);
2697
+ --sky-color-text-inverse: var(--bb-color-steel-gray-1100);
2607
2698
  --sky-color-text-on_prominent: var(--bb-color-white);
2608
- --sky-color-text-selected: var(--bb-color-oklch-blue-375);
2699
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
2700
+ --sky-color-text-selected: var(--bb-color-steel-gray-100);
2609
2701
  --sky-image-select_icon-base: var(--bb-image-select_icon-bb-dark-src);
2610
2702
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
2611
2703
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -2613,15 +2705,15 @@
2613
2705
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
2614
2706
  --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2615
2707
  --sky-color-border-action-tertiary-on_prominent-disabled: var(--sky-color-border-disabled);
2616
- --sky-elevation-focus: var(--bb-shadow-heavy-black-200);
2617
- --sky-elevation-none: var(--bb-shadow-heavy-black-0);
2618
- --sky-elevation-overflow: var(--bb-shadow-heavy-black-200);
2619
- --sky-elevation-overlay-100: var(--bb-shadow-heavy-black-400);
2620
- --sky-elevation-overlay-200: var(--bb-shadow-heavy-black-800);
2621
- --sky-elevation-overlay-300: var(--bb-shadow-heavy-black-1600);
2622
- --sky-elevation-overlay-400: var(--bb-shadow-heavy-black-2400);
2623
- --sky-elevation-overlay-simple-100: var(--bb-shadow-heavy-black-simple-400);
2624
- --sky-elevation-raised-100: var(--bb-shadow-heavy-black-100);
2708
+ --sky-elevation-focus: var(--bb-shadow-steel-gray-200);
2709
+ --sky-elevation-none: var(--bb-shadow-steel-gray-0);
2710
+ --sky-elevation-overflow: var(--bb-shadow-steel-gray-200);
2711
+ --sky-elevation-overlay-100: var(--bb-shadow-steel-gray-400);
2712
+ --sky-elevation-overlay-200: var(--bb-shadow-steel-gray-800);
2713
+ --sky-elevation-overlay-300: var(--bb-shadow-steel-gray-1600);
2714
+ --sky-elevation-overlay-400: var(--bb-shadow-steel-gray-2400);
2715
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-steel-gray-simple-400);
2716
+ --sky-elevation-raised-100: var(--bb-shadow-steel-gray-100);
2625
2717
  }
2626
2718
 
2627
2719
  :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark) {
@@ -3193,6 +3285,7 @@
3193
3285
  }
3194
3286
  .sky-theme-modern .sky-btn-icon-borderless-on_prominent:focus-visible:not(:active) {
3195
3287
  background-color: var(--sky-color-background-action-tertiary-on_prominent-focus);
3288
+ border: none;
3196
3289
  box-shadow: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-on_prominent-focus), var(--sky-elevation-action-tertiary-focus);
3197
3290
  }
3198
3291
  .sky-theme-modern .sky-btn-icon-borderless-on_prominent.sky-btn-disabled, .sky-theme-modern .sky-btn-icon-borderless-on_prominent.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-icon-borderless-on_prominent.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-icon-borderless-on_prominent.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-icon-borderless-on_prominent.sky-btn-disabled:active, .sky-theme-modern .sky-btn-icon-borderless-on_prominent.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-icon-borderless-on_prominent[disabled], .sky-theme-modern .sky-btn-icon-borderless-on_prominent[disabled]:hover, .sky-theme-modern .sky-btn-icon-borderless-on_prominent[disabled]:focus-visible, .sky-theme-modern .sky-btn-icon-borderless-on_prominent[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-icon-borderless-on_prominent[disabled]:active, .sky-theme-modern .sky-btn-icon-borderless-on_prominent[disabled].sky-btn-active {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "14.16.0",
3
+ "version": "14.17.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^21.2.0"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "6.5.1",
23
+ "@blackbaud/skyux-design-tokens": "6.8.0",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },