@skyux/theme 14.16.0 → 14.18.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 +42 -4
  2. package/css/themes/modern/styles.css +395 -206
  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);
@@ -542,6 +545,7 @@ template {
542
545
  .sky-theme-modern.sky-theme-brand-base {
543
546
  --sky-theme-border-container-default: var(--sky-border-width-container-base) var(--sky-border-style-divider) var(--sky-color-border-container-base);
544
547
  --sky-theme-border-container-header-prominent: var(--sky-border-width-emphasized) var(--sky-border-style-divider) var(--sky-color-border-container-header-prominent);
548
+ --sky-theme-border-container-overlay: var(--sky-border-width-container-base) var(--sky-border-style-container-overlay) var(--sky-color-border-container-base);
545
549
  --sky-theme-border-danger: var(--sky-border-width-container-base) var(--sky-border-style-divider) var(--sky-color-border-danger);
546
550
  --sky-theme-border-divider-default: var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider);
547
551
  --sky-theme-border-divider-soft: var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row);
@@ -554,6 +558,7 @@ template {
554
558
  --sky-theme-border-radius-s: var(--sky-border-radius-s);
555
559
  --sky-theme-border-radius-xs: var(--sky-border-radius-xs);
556
560
  --sky-theme-border-style-accent: var(--sky-border-style-accent);
561
+ --sky-theme-border-style-container-overlay: var(--sky-border-style-container-overlay);
557
562
  --sky-theme-border-style-divider-default: var(--sky-border-style-divider);
558
563
  --sky-theme-border-style-divider-soft: var(--sky-border-style-separator-row);
559
564
  --sky-theme-border-width-accent: var(--sky-border-width-accent);
@@ -682,6 +687,7 @@ template {
682
687
  --sky-theme-color-background-container-dimmed: #eeeeef;
683
688
  --sky-theme-color-background-container-header-prominent: #32435e;
684
689
  --sky-theme-color-background-container-info: #81d4f7;
690
+ --sky-theme-color-background-container-prominent: #f6f8fa;
685
691
  --sky-theme-color-background-container-success: #b7da9b;
686
692
  --sky-theme-color-background-container-warning: #ffd597;
687
693
  --sky-theme-color-background-disabled: #cdcfd2;
@@ -722,6 +728,7 @@ template {
722
728
  --sky-theme-color-icon-inverse: #ffffff;
723
729
  --sky-theme-color-icon-on_prominent-base: #ffffff;
724
730
  --sky-theme-color-icon-on_prominent-disabled: #686c73;
731
+ --sky-theme-color-icon-on_status: #ffffff;
725
732
  --sky-theme-color-icon-success: #72bf44;
726
733
  --sky-theme-color-text-action: #0974a1;
727
734
  --sky-theme-color-text-action_contrast: #0974a1;
@@ -730,6 +737,7 @@ template {
730
737
  --sky-theme-color-text-heading: #212327;
731
738
  --sky-theme-color-text-inverse: #ffffff;
732
739
  --sky-theme-color-text-on_prominent: #ffffff;
740
+ --sky-theme-color-text-on_status: #212327;
733
741
  --sky-theme-color-viz-axis: #85888d;
734
742
  --sky-theme-color-viz-category-1: #06a39e;
735
743
  --sky-theme-color-viz-category-2: #6d3c96;
@@ -776,6 +784,7 @@ template {
776
784
  :root {
777
785
  --sky-theme-border-container-default: 1px solid #cdcfd2;
778
786
  --sky-theme-border-container-header-prominent: 1px solid #7289AF;
787
+ --sky-theme-border-container-overlay: 1px none #cdcfd2;
779
788
  --sky-theme-border-danger: 1px solid #ef4044;
780
789
  --sky-theme-border-divider-default: 1px solid #cdcfd2;
781
790
  --sky-theme-border-divider-soft: 1px solid #cdcfd2;
@@ -786,6 +795,7 @@ template {
786
795
  --sky-theme-border-radius-s: 4px;
787
796
  --sky-theme-border-radius-xs: 4px;
788
797
  --sky-theme-border-style-accent: solid;
798
+ --sky-theme-border-style-container-overlay: none;
789
799
  --sky-theme-border-style-divider-default: solid;
790
800
  --sky-theme-border-style-divider-soft: solid;
791
801
  --sky-theme-border-success: 1px solid #72bf44;
@@ -1255,6 +1265,10 @@ em {
1255
1265
  background-color: var(--sky-theme-color-background-container-backdrop);
1256
1266
  }
1257
1267
 
1268
+ .sky-theme-color-background-container-prominent {
1269
+ background-color: var(--sky-theme-color-background-container-prominent);
1270
+ }
1271
+
1258
1272
  .sky-theme-color-background-container-header-prominent {
1259
1273
  background-color: var(--sky-theme-color-background-container-header-prominent);
1260
1274
  }
@@ -1271,6 +1285,10 @@ em {
1271
1285
  color: var(--sky-theme-color-text-inverse);
1272
1286
  }
1273
1287
 
1288
+ .sky-theme-color-text-on_status {
1289
+ color: var(--sky-theme-color-text-on_status);
1290
+ }
1291
+
1274
1292
  .sky-theme-color-text-on_prominent {
1275
1293
  color: var(--sky-theme-color-text-on_prominent);
1276
1294
  }
@@ -1291,6 +1309,10 @@ em {
1291
1309
  color: var(--sky-theme-color-icon-inverse);
1292
1310
  }
1293
1311
 
1312
+ .sky-theme-color-icon-on_status {
1313
+ color: var(--sky-theme-color-icon-on_status);
1314
+ }
1315
+
1294
1316
  .sky-theme-color-icon-on_prominent {
1295
1317
  color: var(--sky-theme-color-icon-on_prominent-base);
1296
1318
  }
@@ -1407,6 +1429,22 @@ em {
1407
1429
  border-bottom: var(--sky-theme-border-container-header-prominent);
1408
1430
  }
1409
1431
 
1432
+ .sky-theme-border-container-overlay-top {
1433
+ border-top: var(--sky-theme-border-container-overlay);
1434
+ }
1435
+
1436
+ .sky-theme-border-container-overlay-right {
1437
+ border-right: var(--sky-theme-border-container-overlay);
1438
+ }
1439
+
1440
+ .sky-theme-border-container-overlay-bottom {
1441
+ border-bottom: var(--sky-theme-border-container-overlay);
1442
+ }
1443
+
1444
+ .sky-theme-border-container-overlay-left {
1445
+ border-left: var(--sky-theme-border-container-overlay);
1446
+ }
1447
+
1410
1448
  .sky-theme-border-divider-default-top {
1411
1449
  border-top: var(--sky-theme-border-divider-default);
1412
1450
  }
@@ -1765,7 +1803,7 @@ button:active {
1765
1803
  }
1766
1804
 
1767
1805
  a.sky-btn:hover {
1768
- text-decoration: none;
1806
+ text-decoration-line: none;
1769
1807
  }
1770
1808
 
1771
1809
  .sky-btn-default {
@@ -3251,15 +3289,15 @@ h6 {
3251
3289
 
3252
3290
  a {
3253
3291
  color: var(--sky-text-color-action-primary);
3254
- text-decoration: none;
3292
+ text-decoration-line: none;
3255
3293
  }
3256
3294
  a:hover, a:active {
3257
3295
  color: var(--sky-text-color-action-primary-hover);
3258
- text-decoration: underline;
3296
+ text-decoration-line: underline;
3259
3297
  }
3260
3298
  a.sky-href[href=""], a.sky-href[href=""]:hover, a.sky-href[href=""]:active, a.sky-href:not([href]), a.sky-href:not([href]):hover, a.sky-href:not([href]):active {
3261
3299
  color: inherit !important;
3262
- text-decoration: none !important;
3300
+ text-decoration-line: none !important;
3263
3301
  }
3264
3302
 
3265
3303
  .sky-pull-right {
package/css/themes/modern/styles.css CHANGED
@@ -3,6 +3,11 @@
3
3
  inherits: true;
4
4
  initial-value: url("data:,");
5
5
  }
6
+ @property --bb-image-logo-primary-white-src {
7
+ syntax: "<url>";
8
+ inherits: true;
9
+ initial-value: url("data:,");
10
+ }
6
11
  @property --bb-image-select_icon-base-dark-src {
7
12
  syntax: "<url>";
8
13
  inherits: true;
@@ -75,6 +80,7 @@
75
80
  --bb-color-blue-dark-1000: #00112b;
76
81
  --bb-color-blue-dark-200: #b4dbff;
77
82
  --bb-color-blue-dark-300: #83c1ff;
83
+ --bb-color-blue-dark-375: #79adf1;
78
84
  --bb-color-blue-dark-400: #59a6ff;
79
85
  --bb-color-blue-dark-500: #2885ef;
80
86
  --bb-color-blue-dark-600: #0066cd;
@@ -224,6 +230,7 @@
224
230
  --bb-color-rgba-blue-600-25: rgba(43, 107, 213, 0.25);
225
231
  --bb-color-rgba-blue-600-35: rgba(43, 107, 213, 0.35);
226
232
  --bb-color-rgba-blue-600-50: rgba(43, 107, 213, 0.5);
233
+ --bb-color-rgba-blue-dark-600-20: rgba(0, 102, 205, 0.2);
227
234
  --bb-color-rgba-green-600-35: rgba(9, 156, 83, 0.35);
228
235
  --bb-color-rgba-green-600-50: rgba(9, 156, 83, 0.5);
229
236
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
@@ -232,6 +239,11 @@
232
239
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
233
240
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
234
241
  --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
242
+ --bb-color-rgba-steel-gray-100-10: rgba(245, 246, 247, 0.1);
243
+ --bb-color-rgba-steel-gray-100-15: rgba(245, 246, 247, 0.15);
244
+ --bb-color-rgba-steel-gray-100-25: rgba(245, 246, 247, 0.25);
245
+ --bb-color-rgba-steel-gray-100-7: rgba(245, 246, 247, 0.07);
246
+ --bb-color-rgba-white-18: rgba(255, 255, 255, 0.18);
235
247
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
236
248
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
237
249
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -278,6 +290,16 @@
278
290
  --bb-color-slate-800: #32435e;
279
291
  --bb-color-slate-850: #2a384f;
280
292
  --bb-color-slate-900: #212c3f;
293
+ --bb-color-steel-blue-dark-100: #617695;
294
+ --bb-color-steel-blue-dark-1000: #06152e;
295
+ --bb-color-steel-blue-dark-200: #566a88;
296
+ --bb-color-steel-blue-dark-300: #4b5f7c;
297
+ --bb-color-steel-blue-dark-400: #405371;
298
+ --bb-color-steel-blue-dark-500: #354865;
299
+ --bb-color-steel-blue-dark-600: #2b3e5a;
300
+ --bb-color-steel-blue-dark-700: #21334e;
301
+ --bb-color-steel-blue-dark-800: #172943;
302
+ --bb-color-steel-blue-dark-900: #0e1f39;
281
303
  --bb-color-steel-fusion-100: #f3f6f9;
282
304
  --bb-color-steel-fusion-1000: #2a313c;
283
305
  --bb-color-steel-fusion-1050: #21282f;
@@ -292,6 +314,22 @@
292
314
  --bb-color-steel-fusion-700: #5e6770;
293
315
  --bb-color-steel-fusion-800: #4a5259;
294
316
  --bb-color-steel-fusion-900: #363d44;
317
+ --bb-color-steel-gray-100: #f5f6f7;
318
+ --bb-color-steel-gray-1000: #2e3135;
319
+ --bb-color-steel-gray-1050: #25272a;
320
+ --bb-color-steel-gray-1075: #222427;
321
+ --bb-color-steel-gray-1100: #1f2224;
322
+ --bb-color-steel-gray-1125: #1e2022;
323
+ --bb-color-steel-gray-1150: #1c1e20;
324
+ --bb-color-steel-gray-1200: #17191b;
325
+ --bb-color-steel-gray-200: #e2e4e5;
326
+ --bb-color-steel-gray-300: #cbcdcf;
327
+ --bb-color-steel-gray-400: #b3b5b8;
328
+ --bb-color-steel-gray-500: #979a9d;
329
+ --bb-color-steel-gray-600: #7a7d81;
330
+ --bb-color-steel-gray-700: #636669;
331
+ --bb-color-steel-gray-800: #4e5154;
332
+ --bb-color-steel-gray-900: #3a3c3f;
295
333
  --bb-color-teal-100: #dcf6f5;
296
334
  --bb-color-teal-1000: #022a28;
297
335
  --bb-color-teal-1100: #011e1d;
@@ -372,15 +410,16 @@
372
410
  --bb-font-weight-light: 300;
373
411
  --bb-font-weight-regular: 400;
374
412
  --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');
413
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/bb-logo.png');
414
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/bb-logo-white.png');
415
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
416
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-base-light.svg');
417
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
418
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
419
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
420
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
421
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
422
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
384
423
  --bb-letter_spacing-normal: normal;
385
424
  --bb-letter_spacing-wider: 0.01rem;
386
425
  --bb-letter_spacing-widest: 0.046875rem;
@@ -395,6 +434,8 @@
395
434
  --bb-line_height-700: calc(32/24);
396
435
  --bb-line_height-800: calc(36/27);
397
436
  --bb-opacity-600: .6;
437
+ --bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
438
+ --bb-shadow-steel-fusion-0: 0 0 0 0 rgba(0, 0, 0, 0);
398
439
  --bb-size-0: 0rem;
399
440
  --bb-size-fixed-100: 16px;
400
441
  --bb-size-fixed-12: 2px;
@@ -468,7 +509,6 @@
468
509
  --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
510
  --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
511
  --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
512
  --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
513
  --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
514
  --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 +518,25 @@
478
518
  --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
519
  --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
520
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
521
+ --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);
522
+ --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);
523
+ --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);
524
+ --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);
525
+ --bb-shadow-steel-fusion-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
526
+ --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);
527
+ --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);
528
+ --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);
529
+ --bb-shadow-steel-fusion-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
530
+ --bb-shadow-steel-gray-0: 0 0 0 0 rgba(33, 44, 63, 0);
531
+ --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);
532
+ --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);
533
+ --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);
534
+ --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);
535
+ --bb-shadow-steel-gray-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
536
+ --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);
537
+ --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);
538
+ --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);
539
+ --bb-shadow-steel-gray-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
481
540
  }
482
541
 
483
542
  :root:has(body.sky-theme-modern.sky-theme-brand-base) {
@@ -489,7 +548,7 @@
489
548
  --bb-color-scrollbar-bb-dark-track: #1c2228;
490
549
  }
491
550
 
492
- .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light {
551
+ .sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark) {
493
552
  --sky-brand-name: var(--bb-brand-name);
494
553
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
495
554
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -528,6 +587,7 @@
528
587
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
529
588
  --sky-color-background-container-info: var(--bb-color-blue-200);
530
589
  --sky-color-background-container-menu: var(--bb-color-white);
590
+ --sky-color-background-container-prominent: var(--bb-color-slate-50);
531
591
  --sky-color-background-container-success: var(--bb-color-green-200);
532
592
  --sky-color-background-container-tooltip: var(--bb-color-gray-1000);
533
593
  --sky-color-background-container-warning: var(--bb-color-yellow-200);
@@ -665,6 +725,8 @@
665
725
  --sky-color-icon-inverse: var(--bb-color-white);
666
726
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
667
727
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
728
+ --sky-color-icon-on_status: var(--bb-color-white);
729
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
668
730
  --sky-color-icon-selected: var(--bb-color-blue-600);
669
731
  --sky-color-icon-success: var(--bb-color-green-600);
670
732
  --sky-color-icon-warning: var(--bb-color-yellow-400);
@@ -680,6 +742,7 @@
680
742
  --sky-color-text-heading: var(--bb-color-gray-1100);
681
743
  --sky-color-text-inverse: var(--bb-color-white);
682
744
  --sky-color-text-on_prominent: var(--bb-color-white);
745
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
683
746
  --sky-color-text-selected: var(--bb-color-blue-600);
684
747
  --sky-color-viz-axis: var(--bb-color-gray-500);
685
748
  --sky-color-viz-category-1: var(--bb-color-teal-500);
@@ -791,7 +854,7 @@
791
854
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
792
855
  }
793
856
 
794
- :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light) {
857
+ :root:has(body.sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark)) {
795
858
  --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
796
859
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
797
860
  }
@@ -834,6 +897,7 @@
834
897
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
835
898
  --sky-color-background-container-info: var(--bb-color-blue-800);
836
899
  --sky-color-background-container-menu: var(--bb-color-gray-900);
900
+ --sky-color-background-container-prominent: var(--bb-color-steel-gray-1125);
837
901
  --sky-color-background-container-success: var(--bb-color-green-900);
838
902
  --sky-color-background-container-tooltip: var(--bb-color-gray-25);
839
903
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
@@ -857,10 +921,10 @@
857
921
  --sky-color-background-row-hover: var(--bb-color-transparent);
858
922
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
859
923
  --sky-color-background-selected-danger: var(--bb-color-red-900);
860
- --sky-color-background-selected-heavy: var(--bb-color-blue-600);
861
- --sky-color-background-selected-soft: var(--bb-color-blue-900);
924
+ --sky-color-background-selected-heavy: var(--bb-color-blue-dark-375);
925
+ --sky-color-background-selected-soft: var(--bb-color-rgba-blue-dark-600-20);
862
926
  --sky-color-background-selected-success: var(--bb-color-green-900);
863
- --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
927
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-dark-375);
864
928
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
865
929
  --sky-color-background-tab-active: var(--bb-color-transparent);
866
930
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -868,10 +932,10 @@
868
932
  --sky-color-background-tab-hover: var(--bb-color-transparent);
869
933
  --sky-color-background-tab-selected: var(--bb-color-transparent);
870
934
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
871
- --sky-color-background-text_highlight: var(--bb-color-yellow-800);
935
+ --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
872
936
  --sky-color-background-thumb-base: var(--bb-color-white);
873
937
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
874
- --sky-color-background-thumbnail_matte: var(--bb-color-white);
938
+ --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
875
939
  --sky-color-border-action-accent-active: var(--bb-color-sky-500);
876
940
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
877
941
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
@@ -884,23 +948,23 @@
884
948
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
885
949
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
886
950
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
887
- --sky-color-border-action-primary-active: var(--bb-color-sky-500);
888
- --sky-color-border-action-primary-base: var(--bb-color-sky-600);
889
- --sky-color-border-action-primary-focus: var(--bb-color-sky-600);
890
- --sky-color-border-action-primary-hover: var(--bb-color-sky-600);
951
+ --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
952
+ --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
953
+ --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
954
+ --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
891
955
  --sky-color-border-action-secondary-active: var(--bb-color-sky-500);
892
956
  --sky-color-border-action-secondary-base: var(--bb-color-gray-700);
893
957
  --sky-color-border-action-secondary-focus: var(--bb-color-sky-600);
894
958
  --sky-color-border-action-secondary-hover: var(--bb-color-sky-600);
895
- --sky-color-border-action-tertiary-active: var(--bb-color-sky-500);
959
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
896
960
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
897
- --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
898
- --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
961
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
962
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
899
963
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
900
964
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
901
965
  --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
902
966
  --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
903
- --sky-color-border-column_divider: var(--bb-color-blue-400);
967
+ --sky-color-border-column_divider: var(--bb-color-blue-dark-400);
904
968
  --sky-color-border-container-base: var(--bb-color-blue-900);
905
969
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
906
970
  --sky-color-border-danger: var(--bb-color-red-400);
@@ -910,7 +974,7 @@
910
974
  --sky-color-border-info: var(--bb-color-blue-400);
911
975
  --sky-color-border-input-active: var(--bb-color-blue-600);
912
976
  --sky-color-border-input-base: var(--bb-color-blue-200);
913
- --sky-color-border-input-error: var(--bb-color-red-600);
977
+ --sky-color-border-input-error: var(--bb-color-red-dark-600);
914
978
  --sky-color-border-input-focus: var(--bb-color-blue-600);
915
979
  --sky-color-border-input-hover: var(--bb-color-blue-600);
916
980
  --sky-color-border-nav-active: var(--bb-color-sky-500);
@@ -918,26 +982,26 @@
918
982
  --sky-color-border-nav-focus: var(--bb-color-sky-600);
919
983
  --sky-color-border-nav-hover: var(--bb-color-sky-600);
920
984
  --sky-color-border-progress_step: var(--bb-color-gray-600);
921
- --sky-color-border-selected: var(--bb-color-blue-400);
922
- --sky-color-border-selected_soft: var(--bb-color-blue-500);
985
+ --sky-color-border-selected: var(--bb-color-blue-dark-375);
986
+ --sky-color-border-selected_soft: var(--bb-color-blue-dark-600);
923
987
  --sky-color-border-separator-light: var(--bb-color-gray-700);
924
988
  --sky-color-border-separator-row: var(--bb-color-gray-800);
925
989
  --sky-color-border-success: var(--bb-color-green-400);
926
990
  --sky-color-border-switch-active: var(--bb-color-blue-600);
927
991
  --sky-color-border-switch-base: var(--bb-color-blue-500);
928
- --sky-color-border-switch-error: var(--bb-color-red-600);
992
+ --sky-color-border-switch-error: var(--bb-color-red-dark-600);
929
993
  --sky-color-border-switch-focus: var(--bb-color-blue-600);
930
994
  --sky-color-border-switch-hover: var(--bb-color-blue-600);
931
- --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
995
+ --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
932
996
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
933
- --sky-color-border-switch-selected-focus: var(--bb-color-blue-900);
934
- --sky-color-border-switch-selected-hover: var(--bb-color-blue-900);
997
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
998
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
935
999
  --sky-color-border-tab-active: var(--bb-color-sky-500);
936
1000
  --sky-color-border-tab-base: var(--bb-color-transparent);
937
1001
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
938
1002
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
939
1003
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
940
- --sky-color-border-text_highlight: var(--bb-color-yellow-600);
1004
+ --sky-color-border-text_highlight: var(--bb-color-yellow-dark-400);
941
1005
  --sky-color-border-warning: var(--bb-color-yellow-400);
942
1006
  --sky-color-category-blue: var(--bb-color-sky-900);
943
1007
  --sky-color-category-green: var(--bb-color-green-900);
@@ -970,31 +1034,34 @@
970
1034
  --sky-color-icon-inverse: var(--bb-color-gray-1100);
971
1035
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
972
1036
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
1037
+ --sky-color-icon-on_status: var(--bb-color-white);
1038
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
973
1039
  --sky-color-icon-selected: var(--bb-color-blue-600);
974
1040
  --sky-color-icon-success: var(--bb-color-green-700);
975
1041
  --sky-color-icon-warning: var(--bb-color-yellow-600);
976
- --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
977
- --sky-color-illustration-fill-soft: var(--bb-color-green-900);
978
- --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
979
- --sky-color-illustration-stroke: var(--bb-color-green-200);
1042
+ --sky-color-illustration-fill-heavy: var(--bb-color-teal-dark-600);
1043
+ --sky-color-illustration-fill-soft: var(--bb-color-teal-dark-800);
1044
+ --sky-color-illustration-fill-softest: var(--bb-color-steel-gray-1100);
1045
+ --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
980
1046
  --sky-color-text-action: var(--bb-color-sky-600);
981
- --sky-color-text-action_contrast: var(--bb-color-blue-300);
1047
+ --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
982
1048
  --sky-color-text-danger: var(--bb-color-red-400);
983
1049
  --sky-color-text-deemphasized: var(--bb-color-gray-300);
984
1050
  --sky-color-text-default: var(--bb-color-gray-25);
985
1051
  --sky-color-text-heading: var(--bb-color-gray-50);
986
1052
  --sky-color-text-inverse: var(--bb-color-gray-1100);
987
1053
  --sky-color-text-on_prominent: var(--bb-color-white);
1054
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
988
1055
  --sky-color-text-selected: var(--bb-color-blue-400);
989
1056
  --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);
1057
+ --sky-color-viz-category-1: var(--bb-color-teal-dark-600);
1058
+ --sky-color-viz-category-2: var(--bb-color-purple-dark-300);
1059
+ --sky-color-viz-category-3: var(--bb-color-blue-dark-600);
1060
+ --sky-color-viz-category-4: var(--bb-color-sky-dark-200);
1061
+ --sky-color-viz-category-5: var(--bb-color-orange-dark-500);
1062
+ --sky-color-viz-category-6: var(--bb-color-red-dark-300);
1063
+ --sky-color-viz-category-7: var(--bb-color-pink-dark-500);
1064
+ --sky-color-viz-category-8: var(--bb-color-green-dark-400);
998
1065
  --sky-color-viz-diverge-neg-1: var(--bb-color-red-1000);
999
1066
  --sky-color-viz-diverge-neg-10: var(--bb-color-red-100);
1000
1067
  --sky-color-viz-diverge-neg-2: var(--bb-color-red-900);
@@ -1027,7 +1094,7 @@
1027
1094
  --sky-color-viz-sequence-7: var(--bb-color-teal-400);
1028
1095
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
1029
1096
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
1030
- --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1097
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-white-src);
1031
1098
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
1032
1099
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1033
1100
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -1112,11 +1179,21 @@
1112
1179
  --sky-font-style-hint-m-weight: 400;
1113
1180
  --sky-font-style-hint-s-style: italic;
1114
1181
  --sky-font-style-hint-s-weight: 400;
1182
+ --sky-font-text_decoration-action-tertiary-active: none;
1183
+ --sky-font-text_decoration-action-tertiary-base: none;
1184
+ --sky-font-text_decoration-action-tertiary-disabled: none;
1185
+ --sky-font-text_decoration-action-tertiary-focus: none;
1186
+ --sky-font-text_decoration-action-tertiary-hover: none;
1115
1187
  --sky-font-text_decoration-inline_link-active: underline;
1116
1188
  --sky-font-text_decoration-inline_link-base: none;
1117
1189
  --sky-font-text_decoration-inline_link-disabled: none;
1118
1190
  --sky-font-text_decoration-inline_link-focus: none;
1119
1191
  --sky-font-text_decoration-inline_link-hover: underline;
1192
+ --sky-font-text_decoration-standalone_link-active: none;
1193
+ --sky-font-text_decoration-standalone_link-base: none;
1194
+ --sky-font-text_decoration-standalone_link-disabled: none;
1195
+ --sky-font-text_decoration-standalone_link-focus: none;
1196
+ --sky-font-text_decoration-standalone_link-hover: none;
1120
1197
  --sky-font-text_decoration-visible_link: underline;
1121
1198
  --sky-space-gap-action_group-0: 0rem;
1122
1199
  --sky-space-gap-form-0: 0rem;
@@ -1841,7 +1918,12 @@
1841
1918
  }
1842
1919
 
1843
1920
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1921
+ --sky-font-text_decoration-action-tertiary-active: underline;
1922
+ --sky-font-text_decoration-action-tertiary-base: underline;
1923
+ --sky-font-text_decoration-action-tertiary-focus: underline;
1924
+ --sky-font-text_decoration-action-tertiary-hover: underline;
1844
1925
  --sky-font-text_decoration-inline_link-base: underline;
1926
+ --sky-font-text_decoration-inline_link-focus: underline;
1845
1927
  --sky-border-style-container-overlay: var(--bb-border-style-solid);
1846
1928
  }
1847
1929
 
@@ -1850,6 +1932,11 @@
1850
1932
  inherits: true;
1851
1933
  initial-value: url("data:,");
1852
1934
  }
1935
+ @property --bb-image-logo-primary-white-src {
1936
+ syntax: "<url>";
1937
+ inherits: true;
1938
+ initial-value: url("data:,");
1939
+ }
1853
1940
  @property --bb-image-select_icon-base-dark-src {
1854
1941
  syntax: "<url>";
1855
1942
  inherits: true;
@@ -1922,6 +2009,7 @@
1922
2009
  --bb-color-blue-dark-1000: #00112b;
1923
2010
  --bb-color-blue-dark-200: #b4dbff;
1924
2011
  --bb-color-blue-dark-300: #83c1ff;
2012
+ --bb-color-blue-dark-375: #79adf1;
1925
2013
  --bb-color-blue-dark-400: #59a6ff;
1926
2014
  --bb-color-blue-dark-500: #2885ef;
1927
2015
  --bb-color-blue-dark-600: #0066cd;
@@ -2071,6 +2159,7 @@
2071
2159
  --bb-color-rgba-blue-600-25: rgba(43, 107, 213, 0.25);
2072
2160
  --bb-color-rgba-blue-600-35: rgba(43, 107, 213, 0.35);
2073
2161
  --bb-color-rgba-blue-600-50: rgba(43, 107, 213, 0.5);
2162
+ --bb-color-rgba-blue-dark-600-20: rgba(0, 102, 205, 0.2);
2074
2163
  --bb-color-rgba-green-600-35: rgba(9, 156, 83, 0.35);
2075
2164
  --bb-color-rgba-green-600-50: rgba(9, 156, 83, 0.5);
2076
2165
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
@@ -2079,6 +2168,11 @@
2079
2168
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
2080
2169
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
2081
2170
  --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
2171
+ --bb-color-rgba-steel-gray-100-10: rgba(245, 246, 247, 0.1);
2172
+ --bb-color-rgba-steel-gray-100-15: rgba(245, 246, 247, 0.15);
2173
+ --bb-color-rgba-steel-gray-100-25: rgba(245, 246, 247, 0.25);
2174
+ --bb-color-rgba-steel-gray-100-7: rgba(245, 246, 247, 0.07);
2175
+ --bb-color-rgba-white-18: rgba(255, 255, 255, 0.18);
2082
2176
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
2083
2177
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
2084
2178
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -2125,6 +2219,16 @@
2125
2219
  --bb-color-slate-800: #32435e;
2126
2220
  --bb-color-slate-850: #2a384f;
2127
2221
  --bb-color-slate-900: #212c3f;
2222
+ --bb-color-steel-blue-dark-100: #617695;
2223
+ --bb-color-steel-blue-dark-1000: #06152e;
2224
+ --bb-color-steel-blue-dark-200: #566a88;
2225
+ --bb-color-steel-blue-dark-300: #4b5f7c;
2226
+ --bb-color-steel-blue-dark-400: #405371;
2227
+ --bb-color-steel-blue-dark-500: #354865;
2228
+ --bb-color-steel-blue-dark-600: #2b3e5a;
2229
+ --bb-color-steel-blue-dark-700: #21334e;
2230
+ --bb-color-steel-blue-dark-800: #172943;
2231
+ --bb-color-steel-blue-dark-900: #0e1f39;
2128
2232
  --bb-color-steel-fusion-100: #f3f6f9;
2129
2233
  --bb-color-steel-fusion-1000: #2a313c;
2130
2234
  --bb-color-steel-fusion-1050: #21282f;
@@ -2139,6 +2243,22 @@
2139
2243
  --bb-color-steel-fusion-700: #5e6770;
2140
2244
  --bb-color-steel-fusion-800: #4a5259;
2141
2245
  --bb-color-steel-fusion-900: #363d44;
2246
+ --bb-color-steel-gray-100: #f5f6f7;
2247
+ --bb-color-steel-gray-1000: #2e3135;
2248
+ --bb-color-steel-gray-1050: #25272a;
2249
+ --bb-color-steel-gray-1075: #222427;
2250
+ --bb-color-steel-gray-1100: #1f2224;
2251
+ --bb-color-steel-gray-1125: #1e2022;
2252
+ --bb-color-steel-gray-1150: #1c1e20;
2253
+ --bb-color-steel-gray-1200: #17191b;
2254
+ --bb-color-steel-gray-200: #e2e4e5;
2255
+ --bb-color-steel-gray-300: #cbcdcf;
2256
+ --bb-color-steel-gray-400: #b3b5b8;
2257
+ --bb-color-steel-gray-500: #979a9d;
2258
+ --bb-color-steel-gray-600: #7a7d81;
2259
+ --bb-color-steel-gray-700: #636669;
2260
+ --bb-color-steel-gray-800: #4e5154;
2261
+ --bb-color-steel-gray-900: #3a3c3f;
2142
2262
  --bb-color-teal-100: #dcf6f5;
2143
2263
  --bb-color-teal-1000: #022a28;
2144
2264
  --bb-color-teal-1100: #011e1d;
@@ -2219,15 +2339,16 @@
2219
2339
  --bb-font-weight-light: 300;
2220
2340
  --bb-font-weight-regular: 400;
2221
2341
  --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');
2342
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/bb-logo.png');
2343
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/bb-logo-white.png');
2344
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
2345
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-base-light.svg');
2346
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2347
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
2348
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2349
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2350
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2351
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2231
2352
  --bb-letter_spacing-normal: normal;
2232
2353
  --bb-letter_spacing-wider: 0.01rem;
2233
2354
  --bb-letter_spacing-widest: 0.046875rem;
@@ -2242,6 +2363,8 @@
2242
2363
  --bb-line_height-700: calc(32/24);
2243
2364
  --bb-line_height-800: calc(36/27);
2244
2365
  --bb-opacity-600: .6;
2366
+ --bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
2367
+ --bb-shadow-steel-fusion-0: 0 0 0 0 rgba(0, 0, 0, 0);
2245
2368
  --bb-size-0: 0rem;
2246
2369
  --bb-size-fixed-100: 16px;
2247
2370
  --bb-size-fixed-12: 2px;
@@ -2315,7 +2438,6 @@
2315
2438
  --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
2439
  --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
2440
  --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
2441
  --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
2442
  --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
2443
  --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 +2447,25 @@
2325
2447
  --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
2448
  --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
2449
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
2450
+ --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);
2451
+ --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);
2452
+ --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);
2453
+ --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);
2454
+ --bb-shadow-steel-fusion-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
2455
+ --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);
2456
+ --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);
2457
+ --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);
2458
+ --bb-shadow-steel-fusion-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
2459
+ --bb-shadow-steel-gray-0: 0 0 0 0 rgba(33, 44, 63, 0);
2460
+ --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);
2461
+ --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);
2462
+ --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);
2463
+ --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);
2464
+ --bb-shadow-steel-gray-25: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
2465
+ --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);
2466
+ --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);
2467
+ --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);
2468
+ --bb-shadow-steel-gray-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
2328
2469
  }
2329
2470
 
2330
2471
  :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud) {
@@ -2336,7 +2477,7 @@
2336
2477
  --bb-color-scrollbar-bb-dark-track: #1c2228;
2337
2478
  }
2338
2479
 
2339
- .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-light {
2480
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud:not(.sky-theme-mode-dark) {
2340
2481
  --sky-brand-name: var(--bb-brand-name);
2341
2482
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
2342
2483
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
@@ -2360,46 +2501,46 @@
2360
2501
  --sky-color-illustration-fill-softest: var(--bb-color-white);
2361
2502
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
2362
2503
  --sky-color-text-heading: var(--bb-color-blue-900);
2504
+ --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
2505
+ --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
2506
+ --sky-elevation-action-input-disabled: var(--bb-shadow-slate-0);
2507
+ --sky-elevation-action-primary-active: var(--bb-shadow-slate-0);
2508
+ --sky-elevation-action-primary-disabled: var(--bb-shadow-slate-0);
2509
+ --sky-elevation-action-secondary-active: var(--bb-shadow-slate-0);
2510
+ --sky-elevation-action-secondary-disabled: var(--bb-shadow-slate-0);
2511
+ --sky-elevation-action-tertiary-active: var(--bb-shadow-slate-0);
2512
+ --sky-elevation-action-tertiary-base: var(--bb-shadow-slate-0);
2513
+ --sky-elevation-action-tertiary-disabled: var(--bb-shadow-slate-0);
2514
+ --sky-elevation-action-tertiary-focus: var(--bb-shadow-slate-0);
2515
+ --sky-elevation-action-toolbar-active: var(--bb-shadow-slate-0);
2516
+ --sky-elevation-action-toolbar-base: var(--bb-shadow-slate-0);
2517
+ --sky-elevation-action-toolbar-disabled: var(--bb-shadow-slate-0);
2518
+ --sky-elevation-action-toolbar-focus: var(--bb-shadow-slate-0);
2519
+ --sky-elevation-input-disabled: var(--bb-shadow-slate-0);
2520
+ --sky-elevation-none: var(--bb-shadow-slate-0);
2363
2521
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
2364
2522
  --sky-image-select_icon-base: var(--bb-image-select_icon-bb-light-src);
2365
2523
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-light-src);
2366
2524
  --sky-opacity-wait: var(--bb-opacity-600);
2367
2525
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
2368
2526
  --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2369
- --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
2370
2527
  --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
2371
- --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
2372
2528
  --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
2373
2529
  --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
2374
2530
  --sky-elevation-action-input-active: var(--bb-shadow-slate-25);
2375
2531
  --sky-elevation-action-input-base: var(--bb-shadow-slate-25);
2376
- --sky-elevation-action-input-disabled: var(--bb-shadow-slate-0);
2377
2532
  --sky-elevation-action-input-focus: var(--bb-shadow-slate-25);
2378
2533
  --sky-elevation-action-input-hover: var(--bb-shadow-slate-25);
2379
- --sky-elevation-action-primary-active: var(--bb-shadow-slate-0);
2380
2534
  --sky-elevation-action-primary-base: var(--bb-shadow-slate-50);
2381
- --sky-elevation-action-primary-disabled: var(--bb-shadow-slate-0);
2382
2535
  --sky-elevation-action-primary-focus: var(--bb-shadow-slate-50);
2383
2536
  --sky-elevation-action-primary-hover: var(--bb-shadow-slate-50);
2384
- --sky-elevation-action-secondary-active: var(--bb-shadow-slate-0);
2385
2537
  --sky-elevation-action-secondary-base: var(--bb-shadow-slate-50);
2386
- --sky-elevation-action-secondary-disabled: var(--bb-shadow-slate-0);
2387
2538
  --sky-elevation-action-secondary-focus: var(--bb-shadow-slate-50);
2388
2539
  --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
2540
  --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
2541
  --sky-elevation-action-toolbar-hover: var(--bb-shadow-slate-50);
2399
2542
  --sky-elevation-focus: var(--bb-shadow-slate-200);
2400
2543
  --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
2544
  --sky-elevation-overflow: var(--bb-shadow-slate-200);
2404
2545
  --sky-elevation-overlay-100: var(--bb-shadow-slate-400);
2405
2546
  --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
@@ -2410,30 +2551,30 @@
2410
2551
  }
2411
2552
 
2412
2553
  .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);
2554
+ --sky-color-background-action-accent-active: var(--bb-color-steel-gray-1000);
2555
+ --sky-color-background-action-accent-base: var(--bb-color-steel-gray-1100);
2556
+ --sky-color-background-action-accent-focus: var(--bb-color-steel-gray-1000);
2557
+ --sky-color-background-action-accent-hover: var(--bb-color-steel-gray-1000);
2558
+ --sky-color-background-action-danger-active: var(--bb-color-red-dark-300);
2559
+ --sky-color-background-action-danger-base: var(--bb-color-red-dark-400);
2419
2560
  --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);
2561
+ --sky-color-background-action-danger-focus: var(--bb-color-red-dark-300);
2562
+ --sky-color-background-action-danger-hover: var(--bb-color-red-dark-300);
2422
2563
  --sky-color-background-action-input-active: var(--bb-color-transparent);
2423
2564
  --sky-color-background-action-input-base: var(--bb-color-transparent);
2424
2565
  --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
2425
2566
  --sky-color-background-action-input-focus: var(--bb-color-transparent);
2426
2567
  --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);
2568
+ --sky-color-background-action-primary-active: var(--bb-color-blue-dark-400);
2569
+ --sky-color-background-action-primary-base: var(--bb-color-blue-dark-375);
2429
2570
  --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);
2571
+ --sky-color-background-action-primary-focus: var(--bb-color-blue-dark-400);
2572
+ --sky-color-background-action-primary-hover: var(--bb-color-blue-dark-300);
2432
2573
  --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);
2574
+ --sky-color-background-action-secondary-base: var(--bb-color-rgba-steel-gray-100-7);
2575
+ --sky-color-background-action-secondary-disabled: var(--bb-color-steel-gray-700);
2435
2576
  --sky-color-background-action-secondary-focus: var(--bb-color-transparent);
2436
- --sky-color-background-action-secondary-hover: var(--bb-color-steel-fusion-1000);
2577
+ --sky-color-background-action-secondary-hover: var(--bb-color-rgba-steel-gray-100-10);
2437
2578
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
2438
2579
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
2439
2580
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
@@ -2444,23 +2585,24 @@
2444
2585
  --sky-color-background-action-tertiary-on_prominent-focus: var(--bb-color-transparent);
2445
2586
  --sky-color-background-action-tertiary-on_prominent-hover: var(--bb-color-slate-700);
2446
2587
  --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);
2588
+ --sky-color-background-container-backdrop: var(--bb-color-steel-gray-1000);
2589
+ --sky-color-background-container-base: var(--bb-color-steel-gray-1050);
2590
+ --sky-color-background-container-danger: var(--bb-color-red-dark-400);
2591
+ --sky-color-background-container-dimmed: var(--bb-color-steel-gray-1100);
2451
2592
  --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);
2593
+ --sky-color-background-container-info: var(--bb-color-blue-dark-400);
2594
+ --sky-color-background-container-menu: var(--bb-color-steel-gray-900);
2595
+ --sky-color-background-container-prominent: var(--bb-color-steel-gray-1125);
2596
+ --sky-color-background-container-success: var(--bb-color-green-dark-400);
2597
+ --sky-color-background-container-warning: var(--bb-color-yellow-dark-400);
2456
2598
  --sky-color-background-disabled: var(--bb-color-gray-700);
2457
2599
  --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);
2600
+ --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-dark-400);
2601
+ --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-dark-900);
2602
+ --sky-color-background-icon_matte-danger: var(--bb-color-red-dark-600);
2603
+ --sky-color-background-icon_matte-info: var(--bb-color-blue-dark-600);
2604
+ --sky-color-background-icon_matte-success: var(--bb-color-green-dark-700);
2605
+ --sky-color-background-icon_matte-warning: var(--bb-color-yellow-dark-600);
2464
2606
  --sky-color-background-input-base: var(--bb-color-rgba-white-5);
2465
2607
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
2466
2608
  --sky-color-background-nav-active: var(--bb-color-transparent);
@@ -2468,20 +2610,20 @@
2468
2610
  --sky-color-background-nav-disabled: var(--bb-color-gray-700);
2469
2611
  --sky-color-background-nav-focus: var(--bb-color-transparent);
2470
2612
  --sky-color-background-nav-hover: var(--bb-color-transparent);
2471
- --sky-color-background-page: var(--bb-color-steel-fusion-1200);
2613
+ --sky-color-background-page: var(--bb-color-steel-gray-1200);
2472
2614
  --sky-color-background-row-active: var(--bb-color-transparent);
2473
- --sky-color-background-row-base: var(--bb-color-gray-1000);
2615
+ --sky-color-background-row-base: var(--bb-color-steel-gray-1050);
2474
2616
  --sky-color-background-row-disabled: var(--bb-color-gray-700);
2475
2617
  --sky-color-background-row-focus: var(--bb-color-transparent);
2476
2618
  --sky-color-background-row-hover: var(--bb-color-transparent);
2477
2619
  --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);
2482
- --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);
2620
+ --sky-color-background-selected-danger: var(--bb-color-red-dark-900);
2621
+ --sky-color-background-selected-heavy: var(--bb-color-blue-dark-375);
2622
+ --sky-color-background-selected-soft: var(--bb-color-steel-blue-dark-700);
2623
+ --sky-color-background-selected-success: var(--bb-color-green-dark-900);
2624
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-dark-375);
2625
+ --sky-color-background-selected-switch-disabled: var(--bb-color-steel-gray-700);
2626
+ --sky-color-background-selected-warning: var(--bb-color-yellow-dark-900);
2485
2627
  --sky-color-background-tab-active: var(--bb-color-transparent);
2486
2628
  --sky-color-background-tab-base: var(--bb-color-transparent);
2487
2629
  --sky-color-background-tab-disabled: var(--bb-color-gray-700);
@@ -2489,84 +2631,85 @@
2489
2631
  --sky-color-background-tab-hover: var(--bb-color-transparent);
2490
2632
  --sky-color-background-tab-selected: var(--bb-color-transparent);
2491
2633
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
2492
- --sky-color-background-text_highlight: var(--bb-color-yellow-800);
2634
+ --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
2493
2635
  --sky-color-background-thumb-base: var(--bb-color-white);
2494
2636
  --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);
2637
+ --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
2638
+ --sky-color-border-action-accent-hover: var(--bb-color-blue-dark-400);
2639
+ --sky-color-border-action-danger-active: var(--bb-color-red-dark-300);
2640
+ --sky-color-border-action-danger-base: var(--bb-color-red-dark-400);
2499
2641
  --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);
2642
+ --sky-color-border-action-danger-focus: var(--bb-color-red-dark-300);
2643
+ --sky-color-border-action-danger-hover: var(--bb-color-red-dark-300);
2644
+ --sky-color-border-action-input-active: var(--bb-color-blue-dark-400);
2645
+ --sky-color-border-action-input-base: var(--bb-color-steel-gray-800);
2504
2646
  --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);
2647
+ --sky-color-border-action-input-focus: var(--bb-color-blue-dark-400);
2648
+ --sky-color-border-action-input-hover: var(--bb-color-blue-dark-400);
2649
+ --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
2650
+ --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
2509
2651
  --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);
2652
+ --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
2653
+ --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
2654
+ --sky-color-border-action-secondary-active: var(--bb-color-blue-dark-375);
2655
+ --sky-color-border-action-secondary-base: var(--bb-color-steel-gray-700);
2656
+ --sky-color-border-action-secondary-disabled: var(--bb-color-steel-gray-800);
2657
+ --sky-color-border-action-secondary-focus: var(--bb-color-blue-dark-375);
2658
+ --sky-color-border-action-secondary-hover: var(--bb-color-blue-dark-375);
2659
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
2518
2660
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
2519
- --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);
2661
+ --sky-color-border-action-tertiary-disabled: var(--bb-color-steel-gray-800);
2662
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
2663
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
2522
2664
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
2523
2665
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
2524
2666
  --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
2525
2667
  --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
2526
- --sky-color-border-column_divider: var(--bb-color-blue-400);
2527
- --sky-color-border-container-base: var(--bb-color-steel-fusion-800);
2668
+ --sky-color-border-column_divider: var(--bb-color-blue-dark-400);
2669
+ --sky-color-border-container-base: var(--bb-color-rgba-white-18);
2528
2670
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
2529
- --sky-color-border-danger: var(--bb-color-red-500);
2671
+ --sky-color-border-danger: var(--bb-color-red-dark-700);
2530
2672
  --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);
2537
- --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);
2673
+ --sky-color-border-divider: var(--bb-color-rgba-white-18);
2674
+ --sky-color-border-elevation: var(--bb-color-rgba-white-18);
2675
+ --sky-color-border-info: var(--bb-color-blue-dark-600);
2676
+ --sky-color-border-input-active: var(--bb-color-blue-dark-400);
2677
+ --sky-color-border-input-base: var(--bb-color-steel-gray-800);
2678
+ --sky-color-border-input-disabled: var(--bb-color-steel-gray-400);
2679
+ --sky-color-border-input-error: var(--bb-color-red-dark-600);
2680
+ --sky-color-border-input-focus: var(--bb-color-blue-dark-400);
2681
+ --sky-color-border-input-hover: var(--bb-color-blue-dark-400);
2682
+ --sky-color-border-nav-active: var(--bb-color-blue-dark-375);
2541
2683
  --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);
2684
+ --sky-color-border-nav-disabled: var(--bb-color-steel-gray-1000);
2685
+ --sky-color-border-nav-focus: var(--bb-color-blue-dark-375);
2686
+ --sky-color-border-nav-hover: var(--bb-color-blue-dark-375);
2545
2687
  --sky-color-border-progress_step: var(--bb-color-gray-600);
2546
- --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);
2554
- --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);
2557
- --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
2688
+ --sky-color-border-selected: var(--bb-color-blue-dark-375);
2689
+ --sky-color-border-selected_soft: var(--bb-color-steel-blue-dark-100);
2690
+ --sky-color-border-separator-dark: var(--bb-color-rgba-white-18);
2691
+ --sky-color-border-separator-light: var(--bb-color-rgba-white-18);
2692
+ --sky-color-border-separator-row: var(--bb-color-rgba-white-18);
2693
+ --sky-color-border-success: var(--bb-color-green-dark-700);
2694
+ --sky-color-border-switch-active: var(--bb-color-blue-dark-400);
2695
+ --sky-color-border-switch-base: var(--bb-color-steel-gray-500);
2696
+ --sky-color-border-switch-disabled: var(--bb-color-steel-gray-400);
2697
+ --sky-color-border-switch-error: var(--bb-color-red-dark-600);
2698
+ --sky-color-border-switch-focus: var(--bb-color-blue-dark-400);
2699
+ --sky-color-border-switch-hover: var(--bb-color-blue-dark-400);
2700
+ --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
2558
2701
  --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);
2702
+ --sky-color-border-switch-selected-disabled: var(--bb-color-steel-gray-400);
2703
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
2704
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
2705
+ --sky-color-border-tab-active: var(--bb-color-blue-dark-300);
2563
2706
  --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);
2707
+ --sky-color-border-tab-disabled: var(--bb-color-steel-gray-800);
2708
+ --sky-color-border-tab-focus: var(--bb-color-blue-dark-400);
2709
+ --sky-color-border-tab-hover: var(--bb-color-blue-dark-300);
2567
2710
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
2568
- --sky-color-border-text_highlight: var(--bb-color-yellow-600);
2569
- --sky-color-border-warning: var(--bb-color-yellow-500);
2711
+ --sky-color-border-text_highlight: var(--bb-color-yellow-dark-400);
2712
+ --sky-color-border-warning: var(--bb-color-yellow-dark-600);
2570
2713
  --sky-color-classify-1-heavy: var(--bb-color-teal-dark-300);
2571
2714
  --sky-color-classify-1-soft: var(--bb-color-teal-dark-700);
2572
2715
  --sky-color-classify-2-heavy: var(--bb-color-purple-dark-300);
@@ -2581,31 +2724,34 @@
2581
2724
  --sky-color-classify-6-soft: var(--bb-color-green-dark-700);
2582
2725
  --sky-color-classify-7-heavy: var(--bb-color-red-dark-300);
2583
2726
  --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);
2727
+ --sky-color-icon-action: var(--bb-color-blue-dark-400);
2728
+ --sky-color-icon-danger: var(--bb-color-red-dark-400);
2729
+ --sky-color-icon-deemphasized: var(--bb-color-steel-gray-400);
2730
+ --sky-color-icon-default: var(--bb-color-steel-gray-100);
2731
+ --sky-color-icon-info: var(--bb-color-blue-dark-400);
2589
2732
  --sky-color-icon-input-action: var(--bb-color-oklch-blue-375);
2590
- --sky-color-icon-inverse: var(--bb-color-black);
2733
+ --sky-color-icon-inverse: var(--bb-color-steel-gray-1100);
2591
2734
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
2592
2735
  --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);
2596
- --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
2597
- --sky-color-illustration-fill-soft: var(--bb-color-green-900);
2598
- --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
2599
- --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);
2736
+ --sky-color-icon-on_status: var(--bb-color-white);
2737
+ --sky-color-icon-on_status_bg: var(--bb-color-steel-gray-1100);
2738
+ --sky-color-icon-selected: var(--bb-color-blue-dark-300);
2739
+ --sky-color-icon-success: var(--bb-color-green-dark-400);
2740
+ --sky-color-icon-warning: var(--bb-color-yellow-dark-400);
2741
+ --sky-color-illustration-fill-heavy: var(--bb-color-teal-dark-600);
2742
+ --sky-color-illustration-fill-soft: var(--bb-color-teal-dark-800);
2743
+ --sky-color-illustration-fill-softest: var(--bb-color-steel-gray-1100);
2744
+ --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
2745
+ --sky-color-text-action: var(--bb-color-blue-dark-375);
2746
+ --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
2747
+ --sky-color-text-danger: var(--bb-color-red-dark-400);
2748
+ --sky-color-text-deemphasized: var(--bb-color-steel-gray-400);
2749
+ --sky-color-text-default: var(--bb-color-steel-gray-200);
2750
+ --sky-color-text-heading: var(--bb-color-steel-gray-100);
2751
+ --sky-color-text-inverse: var(--bb-color-steel-gray-1100);
2607
2752
  --sky-color-text-on_prominent: var(--bb-color-white);
2608
- --sky-color-text-selected: var(--bb-color-oklch-blue-375);
2753
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
2754
+ --sky-color-text-selected: var(--bb-color-steel-gray-100);
2609
2755
  --sky-image-select_icon-base: var(--bb-image-select_icon-bb-dark-src);
2610
2756
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
2611
2757
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -2613,15 +2759,15 @@
2613
2759
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
2614
2760
  --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2615
2761
  --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);
2762
+ --sky-elevation-focus: var(--bb-shadow-steel-gray-200);
2763
+ --sky-elevation-none: var(--bb-shadow-steel-gray-0);
2764
+ --sky-elevation-overflow: var(--bb-shadow-steel-gray-200);
2765
+ --sky-elevation-overlay-100: var(--bb-shadow-steel-gray-400);
2766
+ --sky-elevation-overlay-200: var(--bb-shadow-steel-gray-800);
2767
+ --sky-elevation-overlay-300: var(--bb-shadow-steel-gray-1600);
2768
+ --sky-elevation-overlay-400: var(--bb-shadow-steel-gray-2400);
2769
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-steel-gray-simple-400);
2770
+ --sky-elevation-raised-100: var(--bb-shadow-steel-gray-100);
2625
2771
  }
2626
2772
 
2627
2773
  :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark) {
@@ -2717,6 +2863,12 @@
2717
2863
  transition: box-shadow var(--sky-global-duration-short);
2718
2864
  line-height: var(--sky-font-line_height-body-m);
2719
2865
  }
2866
+ .sky-theme-modern a.sky-btn:not(.sky-btn-link):not(.sky-btn-link-inline) {
2867
+ text-decoration-line: none;
2868
+ }
2869
+ .sky-theme-modern a.sky-btn:not(.sky-btn-link):not(.sky-btn-link-inline):hover, .sky-theme-modern a.sky-btn:not(.sky-btn-link):not(.sky-btn-link-inline):active, .sky-theme-modern a.sky-btn:not(.sky-btn-link):not(.sky-btn-link-inline):focus-visible {
2870
+ text-decoration-line: none;
2871
+ }
2720
2872
  .sky-theme-modern .sky-btn-default,
2721
2873
  .sky-theme-modern .sky-btn-primary,
2722
2874
  .sky-theme-modern .sky-btn-danger,
@@ -2747,7 +2899,7 @@
2747
2899
  .sky-theme-modern .sky-btn-icon:hover,
2748
2900
  .sky-theme-modern .sky-btn-link-inline:hover,
2749
2901
  .sky-theme-modern .sky-btn-borderless-inline:hover {
2750
- text-decoration: none;
2902
+ text-decoration-line: none;
2751
2903
  }
2752
2904
  .sky-theme-modern .sky-btn-default.sky-btn-disabled, .sky-theme-modern .sky-btn-default.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-default.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-default.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-default.sky-btn-disabled:active, .sky-theme-modern .sky-btn-default.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-default[disabled], .sky-theme-modern .sky-btn-default[disabled]:hover, .sky-theme-modern .sky-btn-default[disabled]:focus-visible, .sky-theme-modern .sky-btn-default[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-default[disabled]:active, .sky-theme-modern .sky-btn-default[disabled].sky-btn-active,
2753
2905
  .sky-theme-modern .sky-btn-primary.sky-btn-disabled,
@@ -3082,6 +3234,21 @@
3082
3234
  }
3083
3235
  .sky-theme-modern .sky-btn-link {
3084
3236
  color: var(--sky-color-text-action);
3237
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line, var(--sky-font-text_decoration-action-tertiary-base));
3238
+ text-underline-offset: var(--sky-size-text_underline-offset);
3239
+ text-decoration-thickness: var(--sky-size-text_underline-thickness);
3240
+ }
3241
+ .sky-theme-modern .sky-btn-link:hover {
3242
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-hover, var(--sky-font-text_decoration-action-tertiary-hover));
3243
+ }
3244
+ .sky-theme-modern .sky-btn-link:active {
3245
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-active, var(--sky-font-text_decoration-action-tertiary-active));
3246
+ }
3247
+ .sky-theme-modern .sky-btn-link:focus-visible {
3248
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-focus, var(--sky-font-text_decoration-action-tertiary-focus));
3249
+ }
3250
+ .sky-theme-modern .sky-btn-link.sky-btn-disabled, .sky-theme-modern .sky-btn-link.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-link.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-link.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-link.sky-btn-disabled:active, .sky-theme-modern .sky-btn-link.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-link[disabled], .sky-theme-modern .sky-btn-link[disabled]:hover, .sky-theme-modern .sky-btn-link[disabled]:focus-visible, .sky-theme-modern .sky-btn-link[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-link[disabled]:active, .sky-theme-modern .sky-btn-link[disabled].sky-btn-active {
3251
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-disabled, var(--sky-font-text_decoration-action-tertiary-disabled));
3085
3252
  }
3086
3253
  .sky-theme-modern .sky-btn-borderless,
3087
3254
  .sky-theme-modern .sky-btn-icon-borderless {
@@ -3193,6 +3360,7 @@
3193
3360
  }
3194
3361
  .sky-theme-modern .sky-btn-icon-borderless-on_prominent:focus-visible:not(:active) {
3195
3362
  background-color: var(--sky-color-background-action-tertiary-on_prominent-focus);
3363
+ border: none;
3196
3364
  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
3365
  }
3198
3366
  .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 {
@@ -3205,22 +3373,28 @@
3205
3373
  border-radius: var(--sky-border-radius-s);
3206
3374
  padding: var(--sky-space-inset-balanced-none);
3207
3375
  color: var(--sky-color-text-action);
3376
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line, var(--sky-font-text_decoration-inline_link-base));
3377
+ text-underline-offset: var(--sky-size-text_underline-offset);
3378
+ text-decoration-thickness: var(--sky-size-text_underline-thickness);
3208
3379
  }
3209
3380
  .sky-theme-modern .sky-btn-link-inline:focus-visible:not(:active) {
3210
3381
  background-color: transparent;
3211
3382
  box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
3383
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-focus, var(--sky-font-text_decoration-inline_link-focus));
3212
3384
  }
3213
3385
  .sky-theme-modern .sky-btn-link-inline:active {
3214
3386
  background-color: transparent;
3387
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-active, var(--sky-font-text_decoration-inline_link-active));
3215
3388
  }
3216
3389
  .sky-theme-modern .sky-btn-link-inline:hover {
3217
3390
  background-color: transparent;
3391
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-inline_link-hover));
3218
3392
  }
3219
3393
  .sky-theme-modern .sky-btn-link-inline:hover, .sky-theme-modern .sky-btn-link-inline:active {
3220
3394
  color: var(--sky-color-text-action);
3221
- text-decoration: underline;
3222
3395
  }
3223
3396
  .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:active, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-link-inline[disabled], .sky-theme-modern .sky-btn-link-inline[disabled]:hover, .sky-theme-modern .sky-btn-link-inline[disabled]:focus-visible, .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-link-inline[disabled]:active, .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-active {
3397
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-disabled, var(--sky-font-text_decoration-inline_link-disabled));
3224
3398
  box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
3225
3399
  }
3226
3400
  .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
@@ -3275,16 +3449,19 @@
3275
3449
  line-height: var(--sky-font-line_height-body-m);
3276
3450
  padding: var(--sky-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) var(--sky-comp-tab-horizontal-space-inset-bottom) var(--sky-comp-tab-horizontal-space-inset-left);
3277
3451
  transition: box-shadow var(--sky-global-duration-short);
3452
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line, var(--sky-font-text_decoration-standalone_link-base));
3278
3453
  }
3279
3454
  .sky-theme-modern .sky-btn-tab:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus-visible) {
3280
3455
  background-color: var(--sky-color-background-tab-hover);
3281
3456
  border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-color-border-tab-hover);
3282
3457
  color: var(--sky-color-text-default);
3283
3458
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
3459
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-standalone_link-hover));
3284
3460
  }
3285
3461
  .sky-theme-modern .sky-btn-tab:focus-visible {
3286
3462
  background-color: var(--sky-color-background-tab-focus);
3287
3463
  outline: none;
3464
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-focus, var(--sky-font-text_decoration-standalone_link-focus));
3288
3465
  }
3289
3466
  .sky-theme-modern .sky-btn-tab:focus-visible:not(.sky-btn-tab-selected) {
3290
3467
  color: var(--sky-color-text-default);
@@ -3305,6 +3482,7 @@
3305
3482
  background-color: var(--sky-color-background-tab-active);
3306
3483
  border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-color-border-tab-active);
3307
3484
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
3485
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-active, var(--sky-font-text_decoration-standalone_link-active));
3308
3486
  }
3309
3487
  .sky-theme-modern .sky-btn-tab:active.sky-btn-tab-selected, .sky-theme-modern .sky-btn-tab:active:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(:focus-visible).sky-btn-tab-selected {
3310
3488
  background-color: var(--sky-color-background-selected-soft);
@@ -3336,6 +3514,7 @@
3336
3514
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):hover:not(.sky-btn-tab-disabled) {
3337
3515
  background-color: var(--sky-color-background-tab-selected);
3338
3516
  color: var(--sky-color-text-selected);
3517
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-standalone_link-hover));
3339
3518
  }
3340
3519
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-btn-tab-close,
3341
3520
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-tab-header-count {
@@ -3642,10 +3821,20 @@ body.sky-theme-modern {
3642
3821
  .sky-theme-modern a {
3643
3822
  color: var(--sky-color-text-action);
3644
3823
  border-radius: var(--sky-border-radius-s);
3824
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line, var(--sky-font-text_decoration-inline_link-base));
3825
+ text-underline-offset: var(--sky-size-text_underline-offset);
3826
+ text-decoration-thickness: var(--sky-size-text_underline-thickness);
3827
+ }
3828
+ .sky-theme-modern a:hover {
3829
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-inline_link-hover));
3830
+ }
3831
+ .sky-theme-modern a:active {
3832
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-active, var(--sky-font-text_decoration-inline_link-active));
3645
3833
  }
3646
3834
  .sky-theme-modern a:focus-visible:not(:active) {
3647
3835
  outline: none;
3648
3836
  box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
3837
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-focus, var(--sky-font-text_decoration-inline_link-focus));
3649
3838
  }
3650
3839
  .sky-theme-modern .sky-font-heading-1 {
3651
3840
  color: var(--sky-color-text-heading);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "14.16.0",
3
+ "version": "14.18.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.9.0",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },