@skyux/theme 14.17.0 → 14.19.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 +32 -4
  2. package/css/themes/modern/styles.css +230 -96
  3. package/package.json +2 -2
package/css/sky.css CHANGED
@@ -357,6 +357,7 @@ template {
357
357
  --sky-theme-font-style-hint-m-weight: 400;
358
358
  --sky-theme-font-style-hint-s-style: italic;
359
359
  --sky-theme-font-style-hint-s-weight: 400;
360
+ --sky-theme-font-text_decoration-action-on_status: var(--sky-font-text_decoration-action-tertiary-on_status-base);
360
361
  --sky-theme-font-letter_spacing-hint-s: var(--sky-font-letter_spacing-hint-s);
361
362
  --sky-theme-font-line_height-body-deemphasized-m: var(--sky-font-line_height-body-m);
362
363
  --sky-theme-font-line_height-body-deemphasized-s: var(--sky-font-line_height-body-s);
@@ -458,6 +459,7 @@ template {
458
459
  --sky-theme-color-background-icon_matte-success: var(--sky-color-background-icon_matte-success);
459
460
  --sky-theme-color-background-icon_matte-warning: var(--sky-color-background-icon_matte-warning);
460
461
  --sky-theme-color-background-page: var(--sky-color-background-page);
462
+ --sky-theme-color-border-action-on_status-focus: var(--sky-color-border-action-on_status-focus);
461
463
  --sky-theme-color-border-container-default: var(--sky-color-border-container-base);
462
464
  --sky-theme-color-border-container-header-prominent: var(--sky-color-border-container-header-prominent);
463
465
  --sky-theme-color-border-danger: var(--sky-color-border-danger);
@@ -490,9 +492,11 @@ template {
490
492
  --sky-theme-color-icon-on_prominent-base: var(--sky-color-icon-on_prominent-base);
491
493
  --sky-theme-color-icon-on_prominent-disabled: var(--sky-color-icon-on_prominent-disabled);
492
494
  --sky-theme-color-icon-on_status: var(--sky-color-icon-on_status);
495
+ --sky-theme-color-icon-on_status_bg: var(--sky-color-icon-on_status_bg);
493
496
  --sky-theme-color-icon-success: var(--sky-color-icon-success);
494
497
  --sky-theme-color-text-action: var(--sky-color-text-action);
495
498
  --sky-theme-color-text-action_contrast: var(--sky-color-text-action_contrast);
499
+ --sky-theme-color-text-action_on_status: var(--sky-color-text-action_on_status);
496
500
  --sky-theme-color-text-deemphasized: var(--sky-color-text-deemphasized);
497
501
  --sky-theme-color-text-default: var(--sky-color-text-default);
498
502
  --sky-theme-color-text-heading: var(--sky-color-text-heading);
@@ -545,6 +549,7 @@ template {
545
549
  .sky-theme-modern.sky-theme-brand-base {
546
550
  --sky-theme-border-container-default: var(--sky-border-width-container-base) var(--sky-border-style-divider) var(--sky-color-border-container-base);
547
551
  --sky-theme-border-container-header-prominent: var(--sky-border-width-emphasized) var(--sky-border-style-divider) var(--sky-color-border-container-header-prominent);
552
+ --sky-theme-border-container-overlay: var(--sky-border-width-container-base) var(--sky-border-style-container-overlay) var(--sky-color-border-container-base);
548
553
  --sky-theme-border-danger: var(--sky-border-width-container-base) var(--sky-border-style-divider) var(--sky-color-border-danger);
549
554
  --sky-theme-border-divider-default: var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider);
550
555
  --sky-theme-border-divider-soft: var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row);
@@ -557,6 +562,7 @@ template {
557
562
  --sky-theme-border-radius-s: var(--sky-border-radius-s);
558
563
  --sky-theme-border-radius-xs: var(--sky-border-radius-xs);
559
564
  --sky-theme-border-style-accent: var(--sky-border-style-accent);
565
+ --sky-theme-border-style-container-overlay: var(--sky-border-style-container-overlay);
560
566
  --sky-theme-border-style-divider-default: var(--sky-border-style-divider);
561
567
  --sky-theme-border-style-divider-soft: var(--sky-border-style-separator-row);
562
568
  --sky-theme-border-width-accent: var(--sky-border-width-accent);
@@ -652,6 +658,7 @@ template {
652
658
  --sky-theme-font-style-hint-s-style: italic;
653
659
  --sky-theme-font-style-hint-s-weight: 400;
654
660
  --sky-theme-font-style-strong: 700;
661
+ --sky-theme-font-text_decoration-action-on_status: underline;
655
662
  --sky-theme-font-weight-body-deemphasized-m: 400;
656
663
  --sky-theme-font-weight-body-deemphasized-s: 400;
657
664
  --sky-theme-font-weight-body-emphasized-m: 600;
@@ -695,6 +702,7 @@ template {
695
702
  --sky-theme-color-background-icon_matte-success: #b7da9b;
696
703
  --sky-theme-color-background-icon_matte-warning: #ffd597;
697
704
  --sky-theme-color-background-page: #ffffff;
705
+ --sky-theme-color-border-action-on_status-focus: #212327;
698
706
  --sky-theme-color-border-container-default: #cdcfd2;
699
707
  --sky-theme-color-border-container-header-prominent: #7289af;
700
708
  --sky-theme-color-border-danger: #ef4044;
@@ -727,9 +735,11 @@ template {
727
735
  --sky-theme-color-icon-on_prominent-base: #ffffff;
728
736
  --sky-theme-color-icon-on_prominent-disabled: #686c73;
729
737
  --sky-theme-color-icon-on_status: #ffffff;
738
+ --sky-theme-color-icon-on_status_bg: #212327;
730
739
  --sky-theme-color-icon-success: #72bf44;
731
740
  --sky-theme-color-text-action: #0974a1;
732
741
  --sky-theme-color-text-action_contrast: #0974a1;
742
+ --sky-theme-color-text-action_on_status: #212327;
733
743
  --sky-theme-color-text-deemphasized: #686c73;
734
744
  --sky-theme-color-text-default: #212327;
735
745
  --sky-theme-color-text-heading: #212327;
@@ -782,6 +792,7 @@ template {
782
792
  :root {
783
793
  --sky-theme-border-container-default: 1px solid #cdcfd2;
784
794
  --sky-theme-border-container-header-prominent: 1px solid #7289AF;
795
+ --sky-theme-border-container-overlay: 1px none #cdcfd2;
785
796
  --sky-theme-border-danger: 1px solid #ef4044;
786
797
  --sky-theme-border-divider-default: 1px solid #cdcfd2;
787
798
  --sky-theme-border-divider-soft: 1px solid #cdcfd2;
@@ -792,6 +803,7 @@ template {
792
803
  --sky-theme-border-radius-s: 4px;
793
804
  --sky-theme-border-radius-xs: 4px;
794
805
  --sky-theme-border-style-accent: solid;
806
+ --sky-theme-border-style-container-overlay: none;
795
807
  --sky-theme-border-style-divider-default: solid;
796
808
  --sky-theme-border-style-divider-soft: solid;
797
809
  --sky-theme-border-success: 1px solid #72bf44;
@@ -1425,6 +1437,22 @@ em {
1425
1437
  border-bottom: var(--sky-theme-border-container-header-prominent);
1426
1438
  }
1427
1439
 
1440
+ .sky-theme-border-container-overlay-top {
1441
+ border-top: var(--sky-theme-border-container-overlay);
1442
+ }
1443
+
1444
+ .sky-theme-border-container-overlay-right {
1445
+ border-right: var(--sky-theme-border-container-overlay);
1446
+ }
1447
+
1448
+ .sky-theme-border-container-overlay-bottom {
1449
+ border-bottom: var(--sky-theme-border-container-overlay);
1450
+ }
1451
+
1452
+ .sky-theme-border-container-overlay-left {
1453
+ border-left: var(--sky-theme-border-container-overlay);
1454
+ }
1455
+
1428
1456
  .sky-theme-border-divider-default-top {
1429
1457
  border-top: var(--sky-theme-border-divider-default);
1430
1458
  }
@@ -1783,7 +1811,7 @@ button:active {
1783
1811
  }
1784
1812
 
1785
1813
  a.sky-btn:hover {
1786
- text-decoration: none;
1814
+ text-decoration-line: none;
1787
1815
  }
1788
1816
 
1789
1817
  .sky-btn-default {
@@ -3269,15 +3297,15 @@ h6 {
3269
3297
 
3270
3298
  a {
3271
3299
  color: var(--sky-text-color-action-primary);
3272
- text-decoration: none;
3300
+ text-decoration-line: none;
3273
3301
  }
3274
3302
  a:hover, a:active {
3275
3303
  color: var(--sky-text-color-action-primary-hover);
3276
- text-decoration: underline;
3304
+ text-decoration-line: underline;
3277
3305
  }
3278
3306
  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 {
3279
3307
  color: inherit !important;
3280
- text-decoration: none !important;
3308
+ text-decoration-line: none !important;
3281
3309
  }
3282
3310
 
3283
3311
  .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;
@@ -225,6 +230,7 @@
225
230
  --bb-color-rgba-blue-600-25: rgba(43, 107, 213, 0.25);
226
231
  --bb-color-rgba-blue-600-35: rgba(43, 107, 213, 0.35);
227
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);
228
234
  --bb-color-rgba-green-600-35: rgba(9, 156, 83, 0.35);
229
235
  --bb-color-rgba-green-600-50: rgba(9, 156, 83, 0.5);
230
236
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
@@ -236,6 +242,7 @@
236
242
  --bb-color-rgba-steel-gray-100-10: rgba(245, 246, 247, 0.1);
237
243
  --bb-color-rgba-steel-gray-100-15: rgba(245, 246, 247, 0.15);
238
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);
239
246
  --bb-color-rgba-white-18: rgba(255, 255, 255, 0.18);
240
247
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
241
248
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
@@ -283,6 +290,16 @@
283
290
  --bb-color-slate-800: #32435e;
284
291
  --bb-color-slate-850: #2a384f;
285
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;
286
303
  --bb-color-steel-fusion-100: #f3f6f9;
287
304
  --bb-color-steel-fusion-1000: #2a313c;
288
305
  --bb-color-steel-fusion-1050: #21282f;
@@ -393,15 +410,16 @@
393
410
  --bb-font-weight-light: 300;
394
411
  --bb-font-weight-regular: 400;
395
412
  --bb-font-weight-semibold: 600;
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');
413
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/bb-logo.png');
414
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.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.10.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.10.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.10.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.10.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.10.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.10.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.10.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.10.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
405
423
  --bb-letter_spacing-normal: normal;
406
424
  --bb-letter_spacing-wider: 0.01rem;
407
425
  --bb-letter_spacing-widest: 0.046875rem;
@@ -552,6 +570,10 @@
552
570
  --sky-color-background-action-secondary-base: var(--bb-color-white);
553
571
  --sky-color-background-action-secondary-focus: var(--bb-color-white);
554
572
  --sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
573
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-blue-100);
574
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-white);
575
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-white);
576
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-blue-50);
555
577
  --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
556
578
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
557
579
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -620,6 +642,10 @@
620
642
  --sky-color-border-action-input-base: var(--bb-color-gray-300);
621
643
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
622
644
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
645
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
646
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
647
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
648
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
623
649
  --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
624
650
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
625
651
  --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
@@ -708,6 +734,7 @@
708
734
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
709
735
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
710
736
  --sky-color-icon-on_status: var(--bb-color-white);
737
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
711
738
  --sky-color-icon-selected: var(--bb-color-blue-600);
712
739
  --sky-color-icon-success: var(--bb-color-green-600);
713
740
  --sky-color-icon-warning: var(--bb-color-yellow-400);
@@ -717,6 +744,7 @@
717
744
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
718
745
  --sky-color-text-action: var(--bb-color-blue-600);
719
746
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
747
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
720
748
  --sky-color-text-danger: var(--bb-color-red-600);
721
749
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
722
750
  --sky-color-text-default: var(--bb-color-gray-1000);
@@ -775,6 +803,7 @@
775
803
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
776
804
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
777
805
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
806
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
778
807
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
779
808
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
780
809
  --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
@@ -784,6 +813,7 @@
784
813
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
785
814
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
786
815
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
816
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
787
817
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
788
818
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
789
819
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -862,6 +892,10 @@
862
892
  --sky-color-background-action-secondary-base: var(--bb-color-gray-800);
863
893
  --sky-color-background-action-secondary-focus: var(--bb-color-gray-700);
864
894
  --sky-color-background-action-secondary-hover: var(--bb-color-gray-700);
895
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-gray-600);
896
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-gray-800);
897
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-gray-800);
898
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-gray-700);
865
899
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
866
900
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
867
901
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -902,10 +936,10 @@
902
936
  --sky-color-background-row-hover: var(--bb-color-transparent);
903
937
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
904
938
  --sky-color-background-selected-danger: var(--bb-color-red-900);
905
- --sky-color-background-selected-heavy: var(--bb-color-blue-600);
906
- --sky-color-background-selected-soft: var(--bb-color-blue-900);
939
+ --sky-color-background-selected-heavy: var(--bb-color-blue-dark-375);
940
+ --sky-color-background-selected-soft: var(--bb-color-rgba-blue-dark-600-20);
907
941
  --sky-color-background-selected-success: var(--bb-color-green-900);
908
- --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
942
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-dark-375);
909
943
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
910
944
  --sky-color-background-tab-active: var(--bb-color-transparent);
911
945
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -913,10 +947,10 @@
913
947
  --sky-color-background-tab-hover: var(--bb-color-transparent);
914
948
  --sky-color-background-tab-selected: var(--bb-color-transparent);
915
949
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
916
- --sky-color-background-text_highlight: var(--bb-color-yellow-800);
950
+ --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
917
951
  --sky-color-background-thumb-base: var(--bb-color-white);
918
952
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
919
- --sky-color-background-thumbnail_matte: var(--bb-color-white);
953
+ --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
920
954
  --sky-color-border-action-accent-active: var(--bb-color-sky-500);
921
955
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
922
956
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
@@ -929,23 +963,27 @@
929
963
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
930
964
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
931
965
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
932
- --sky-color-border-action-primary-active: var(--bb-color-sky-500);
933
- --sky-color-border-action-primary-base: var(--bb-color-sky-600);
934
- --sky-color-border-action-primary-focus: var(--bb-color-sky-600);
935
- --sky-color-border-action-primary-hover: var(--bb-color-sky-600);
966
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
967
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
968
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
969
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
970
+ --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
971
+ --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
972
+ --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
973
+ --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
936
974
  --sky-color-border-action-secondary-active: var(--bb-color-sky-500);
937
975
  --sky-color-border-action-secondary-base: var(--bb-color-gray-700);
938
976
  --sky-color-border-action-secondary-focus: var(--bb-color-sky-600);
939
977
  --sky-color-border-action-secondary-hover: var(--bb-color-sky-600);
940
- --sky-color-border-action-tertiary-active: var(--bb-color-sky-500);
978
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
941
979
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
942
- --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
943
- --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
980
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
981
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
944
982
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
945
983
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
946
984
  --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
947
985
  --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
948
- --sky-color-border-column_divider: var(--bb-color-blue-400);
986
+ --sky-color-border-column_divider: var(--bb-color-blue-dark-400);
949
987
  --sky-color-border-container-base: var(--bb-color-blue-900);
950
988
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
951
989
  --sky-color-border-danger: var(--bb-color-red-400);
@@ -955,7 +993,7 @@
955
993
  --sky-color-border-info: var(--bb-color-blue-400);
956
994
  --sky-color-border-input-active: var(--bb-color-blue-600);
957
995
  --sky-color-border-input-base: var(--bb-color-blue-200);
958
- --sky-color-border-input-error: var(--bb-color-red-600);
996
+ --sky-color-border-input-error: var(--bb-color-red-dark-600);
959
997
  --sky-color-border-input-focus: var(--bb-color-blue-600);
960
998
  --sky-color-border-input-hover: var(--bb-color-blue-600);
961
999
  --sky-color-border-nav-active: var(--bb-color-sky-500);
@@ -963,26 +1001,26 @@
963
1001
  --sky-color-border-nav-focus: var(--bb-color-sky-600);
964
1002
  --sky-color-border-nav-hover: var(--bb-color-sky-600);
965
1003
  --sky-color-border-progress_step: var(--bb-color-gray-600);
966
- --sky-color-border-selected: var(--bb-color-blue-400);
967
- --sky-color-border-selected_soft: var(--bb-color-blue-500);
1004
+ --sky-color-border-selected: var(--bb-color-blue-dark-375);
1005
+ --sky-color-border-selected_soft: var(--bb-color-blue-dark-600);
968
1006
  --sky-color-border-separator-light: var(--bb-color-gray-700);
969
1007
  --sky-color-border-separator-row: var(--bb-color-gray-800);
970
1008
  --sky-color-border-success: var(--bb-color-green-400);
971
1009
  --sky-color-border-switch-active: var(--bb-color-blue-600);
972
1010
  --sky-color-border-switch-base: var(--bb-color-blue-500);
973
- --sky-color-border-switch-error: var(--bb-color-red-600);
1011
+ --sky-color-border-switch-error: var(--bb-color-red-dark-600);
974
1012
  --sky-color-border-switch-focus: var(--bb-color-blue-600);
975
1013
  --sky-color-border-switch-hover: var(--bb-color-blue-600);
976
- --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
1014
+ --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
977
1015
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
978
- --sky-color-border-switch-selected-focus: var(--bb-color-blue-900);
979
- --sky-color-border-switch-selected-hover: var(--bb-color-blue-900);
1016
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
1017
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
980
1018
  --sky-color-border-tab-active: var(--bb-color-sky-500);
981
1019
  --sky-color-border-tab-base: var(--bb-color-transparent);
982
1020
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
983
1021
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
984
1022
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
985
- --sky-color-border-text_highlight: var(--bb-color-yellow-600);
1023
+ --sky-color-border-text_highlight: var(--bb-color-yellow-dark-400);
986
1024
  --sky-color-border-warning: var(--bb-color-yellow-400);
987
1025
  --sky-color-category-blue: var(--bb-color-sky-900);
988
1026
  --sky-color-category-green: var(--bb-color-green-900);
@@ -1016,15 +1054,17 @@
1016
1054
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
1017
1055
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
1018
1056
  --sky-color-icon-on_status: var(--bb-color-white);
1057
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
1019
1058
  --sky-color-icon-selected: var(--bb-color-blue-600);
1020
1059
  --sky-color-icon-success: var(--bb-color-green-700);
1021
1060
  --sky-color-icon-warning: var(--bb-color-yellow-600);
1022
- --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
1023
- --sky-color-illustration-fill-soft: var(--bb-color-green-900);
1024
- --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
1025
- --sky-color-illustration-stroke: var(--bb-color-green-200);
1061
+ --sky-color-illustration-fill-heavy: var(--bb-color-teal-dark-600);
1062
+ --sky-color-illustration-fill-soft: var(--bb-color-teal-dark-800);
1063
+ --sky-color-illustration-fill-softest: var(--bb-color-steel-gray-1100);
1064
+ --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
1026
1065
  --sky-color-text-action: var(--bb-color-sky-600);
1027
1066
  --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
1067
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1028
1068
  --sky-color-text-danger: var(--bb-color-red-400);
1029
1069
  --sky-color-text-deemphasized: var(--bb-color-gray-300);
1030
1070
  --sky-color-text-default: var(--bb-color-gray-25);
@@ -1074,7 +1114,7 @@
1074
1114
  --sky-color-viz-sequence-7: var(--bb-color-teal-400);
1075
1115
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
1076
1116
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
1077
- --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1117
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-white-src);
1078
1118
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
1079
1119
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1080
1120
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -1083,6 +1123,7 @@
1083
1123
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1084
1124
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
1085
1125
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
1126
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
1086
1127
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
1087
1128
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
1088
1129
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
@@ -1093,6 +1134,7 @@
1093
1134
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1094
1135
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1095
1136
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1137
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
1096
1138
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
1097
1139
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
1098
1140
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -1159,11 +1201,26 @@
1159
1201
  --sky-font-style-hint-m-weight: 400;
1160
1202
  --sky-font-style-hint-s-style: italic;
1161
1203
  --sky-font-style-hint-s-weight: 400;
1204
+ --sky-font-text_decoration-action-tertiary-active: none;
1205
+ --sky-font-text_decoration-action-tertiary-base: none;
1206
+ --sky-font-text_decoration-action-tertiary-disabled: none;
1207
+ --sky-font-text_decoration-action-tertiary-focus: none;
1208
+ --sky-font-text_decoration-action-tertiary-hover: none;
1209
+ --sky-font-text_decoration-action-tertiary-on_status-active: underline;
1210
+ --sky-font-text_decoration-action-tertiary-on_status-base: underline;
1211
+ --sky-font-text_decoration-action-tertiary-on_status-disabled: none;
1212
+ --sky-font-text_decoration-action-tertiary-on_status-focus: underline;
1213
+ --sky-font-text_decoration-action-tertiary-on_status-hover: underline;
1162
1214
  --sky-font-text_decoration-inline_link-active: underline;
1163
1215
  --sky-font-text_decoration-inline_link-base: none;
1164
1216
  --sky-font-text_decoration-inline_link-disabled: none;
1165
1217
  --sky-font-text_decoration-inline_link-focus: none;
1166
1218
  --sky-font-text_decoration-inline_link-hover: underline;
1219
+ --sky-font-text_decoration-standalone_link-active: none;
1220
+ --sky-font-text_decoration-standalone_link-base: none;
1221
+ --sky-font-text_decoration-standalone_link-disabled: none;
1222
+ --sky-font-text_decoration-standalone_link-focus: none;
1223
+ --sky-font-text_decoration-standalone_link-hover: none;
1167
1224
  --sky-font-text_decoration-visible_link: underline;
1168
1225
  --sky-space-gap-action_group-0: 0rem;
1169
1226
  --sky-space-gap-form-0: 0rem;
@@ -1888,7 +1945,12 @@
1888
1945
  }
1889
1946
 
1890
1947
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1948
+ --sky-font-text_decoration-action-tertiary-active: underline;
1949
+ --sky-font-text_decoration-action-tertiary-base: underline;
1950
+ --sky-font-text_decoration-action-tertiary-focus: underline;
1951
+ --sky-font-text_decoration-action-tertiary-hover: underline;
1891
1952
  --sky-font-text_decoration-inline_link-base: underline;
1953
+ --sky-font-text_decoration-inline_link-focus: underline;
1892
1954
  --sky-border-style-container-overlay: var(--bb-border-style-solid);
1893
1955
  }
1894
1956
 
@@ -1897,6 +1959,11 @@
1897
1959
  inherits: true;
1898
1960
  initial-value: url("data:,");
1899
1961
  }
1962
+ @property --bb-image-logo-primary-white-src {
1963
+ syntax: "<url>";
1964
+ inherits: true;
1965
+ initial-value: url("data:,");
1966
+ }
1900
1967
  @property --bb-image-select_icon-base-dark-src {
1901
1968
  syntax: "<url>";
1902
1969
  inherits: true;
@@ -2119,6 +2186,7 @@
2119
2186
  --bb-color-rgba-blue-600-25: rgba(43, 107, 213, 0.25);
2120
2187
  --bb-color-rgba-blue-600-35: rgba(43, 107, 213, 0.35);
2121
2188
  --bb-color-rgba-blue-600-50: rgba(43, 107, 213, 0.5);
2189
+ --bb-color-rgba-blue-dark-600-20: rgba(0, 102, 205, 0.2);
2122
2190
  --bb-color-rgba-green-600-35: rgba(9, 156, 83, 0.35);
2123
2191
  --bb-color-rgba-green-600-50: rgba(9, 156, 83, 0.5);
2124
2192
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
@@ -2130,6 +2198,7 @@
2130
2198
  --bb-color-rgba-steel-gray-100-10: rgba(245, 246, 247, 0.1);
2131
2199
  --bb-color-rgba-steel-gray-100-15: rgba(245, 246, 247, 0.15);
2132
2200
  --bb-color-rgba-steel-gray-100-25: rgba(245, 246, 247, 0.25);
2201
+ --bb-color-rgba-steel-gray-100-7: rgba(245, 246, 247, 0.07);
2133
2202
  --bb-color-rgba-white-18: rgba(255, 255, 255, 0.18);
2134
2203
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
2135
2204
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
@@ -2177,6 +2246,16 @@
2177
2246
  --bb-color-slate-800: #32435e;
2178
2247
  --bb-color-slate-850: #2a384f;
2179
2248
  --bb-color-slate-900: #212c3f;
2249
+ --bb-color-steel-blue-dark-100: #617695;
2250
+ --bb-color-steel-blue-dark-1000: #06152e;
2251
+ --bb-color-steel-blue-dark-200: #566a88;
2252
+ --bb-color-steel-blue-dark-300: #4b5f7c;
2253
+ --bb-color-steel-blue-dark-400: #405371;
2254
+ --bb-color-steel-blue-dark-500: #354865;
2255
+ --bb-color-steel-blue-dark-600: #2b3e5a;
2256
+ --bb-color-steel-blue-dark-700: #21334e;
2257
+ --bb-color-steel-blue-dark-800: #172943;
2258
+ --bb-color-steel-blue-dark-900: #0e1f39;
2180
2259
  --bb-color-steel-fusion-100: #f3f6f9;
2181
2260
  --bb-color-steel-fusion-1000: #2a313c;
2182
2261
  --bb-color-steel-fusion-1050: #21282f;
@@ -2287,15 +2366,16 @@
2287
2366
  --bb-font-weight-light: 300;
2288
2367
  --bb-font-weight-regular: 400;
2289
2368
  --bb-font-weight-semibold: 600;
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');
2369
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/bb-logo.png');
2370
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/bb-logo-white.png');
2371
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
2372
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-base-light.svg');
2373
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2374
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
2375
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2376
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2377
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2378
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2299
2379
  --bb-letter_spacing-normal: normal;
2300
2380
  --bb-letter_spacing-wider: 0.01rem;
2301
2381
  --bb-letter_spacing-widest: 0.046875rem;
@@ -2504,27 +2584,26 @@
2504
2584
  --sky-color-background-action-accent-hover: var(--bb-color-steel-gray-1000);
2505
2585
  --sky-color-background-action-danger-active: var(--bb-color-red-dark-300);
2506
2586
  --sky-color-background-action-danger-base: var(--bb-color-red-dark-400);
2507
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
2508
2587
  --sky-color-background-action-danger-focus: var(--bb-color-red-dark-300);
2509
2588
  --sky-color-background-action-danger-hover: var(--bb-color-red-dark-300);
2510
2589
  --sky-color-background-action-input-active: var(--bb-color-transparent);
2511
2590
  --sky-color-background-action-input-base: var(--bb-color-transparent);
2512
- --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
2513
2591
  --sky-color-background-action-input-focus: var(--bb-color-transparent);
2514
2592
  --sky-color-background-action-input-hover: var(--bb-color-transparent);
2515
2593
  --sky-color-background-action-primary-active: var(--bb-color-blue-dark-400);
2516
2594
  --sky-color-background-action-primary-base: var(--bb-color-blue-dark-375);
2517
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-700);
2518
2595
  --sky-color-background-action-primary-focus: var(--bb-color-blue-dark-400);
2519
2596
  --sky-color-background-action-primary-hover: var(--bb-color-blue-dark-300);
2520
2597
  --sky-color-background-action-secondary-active: var(--bb-color-transparent);
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);
2598
+ --sky-color-background-action-secondary-base: var(--bb-color-rgba-steel-gray-100-7);
2523
2599
  --sky-color-background-action-secondary-focus: var(--bb-color-transparent);
2524
- --sky-color-background-action-secondary-hover: var(--bb-color-rgba-steel-gray-100-15);
2600
+ --sky-color-background-action-secondary-hover: var(--bb-color-rgba-steel-gray-100-10);
2601
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-steel-gray-800);
2602
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-steel-gray-1000);
2603
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-steel-gray-1000);
2604
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-steel-gray-900);
2525
2605
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
2526
2606
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
2527
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
2528
2607
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
2529
2608
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
2530
2609
  --sky-color-background-action-tertiary-on_prominent-active: var(--bb-color-slate-600);
@@ -2550,112 +2629,102 @@
2550
2629
  --sky-color-background-icon_matte-info: var(--bb-color-blue-dark-600);
2551
2630
  --sky-color-background-icon_matte-success: var(--bb-color-green-dark-700);
2552
2631
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-dark-600);
2553
- --sky-color-background-input-base: var(--bb-color-rgba-white-5);
2554
- --sky-color-background-input-disabled: var(--bb-color-gray-700);
2632
+ --sky-color-background-input-base: var(--bb-color-steel-gray-1000);
2555
2633
  --sky-color-background-nav-active: var(--bb-color-transparent);
2556
2634
  --sky-color-background-nav-base: var(--bb-color-transparent);
2557
- --sky-color-background-nav-disabled: var(--bb-color-gray-700);
2558
2635
  --sky-color-background-nav-focus: var(--bb-color-transparent);
2559
2636
  --sky-color-background-nav-hover: var(--bb-color-transparent);
2560
2637
  --sky-color-background-page: var(--bb-color-steel-gray-1200);
2561
2638
  --sky-color-background-row-active: var(--bb-color-transparent);
2562
2639
  --sky-color-background-row-base: var(--bb-color-steel-gray-1050);
2563
- --sky-color-background-row-disabled: var(--bb-color-gray-700);
2564
2640
  --sky-color-background-row-focus: var(--bb-color-transparent);
2565
2641
  --sky-color-background-row-hover: var(--bb-color-transparent);
2566
2642
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
2567
2643
  --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);
2644
+ --sky-color-background-selected-heavy: var(--bb-color-blue-dark-375);
2645
+ --sky-color-background-selected-soft: var(--bb-color-steel-blue-dark-700);
2570
2646
  --sky-color-background-selected-success: var(--bb-color-green-dark-900);
2571
- --sky-color-background-selected-switch-base: var(--bb-color-blue-400);
2572
- --sky-color-background-selected-switch-disabled: var(--bb-color-steel-gray-700);
2647
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-dark-375);
2573
2648
  --sky-color-background-selected-warning: var(--bb-color-yellow-dark-900);
2574
2649
  --sky-color-background-tab-active: var(--bb-color-transparent);
2575
2650
  --sky-color-background-tab-base: var(--bb-color-transparent);
2576
- --sky-color-background-tab-disabled: var(--bb-color-gray-700);
2577
2651
  --sky-color-background-tab-focus: var(--bb-color-transparent);
2578
2652
  --sky-color-background-tab-hover: var(--bb-color-transparent);
2579
2653
  --sky-color-background-tab-selected: var(--bb-color-transparent);
2580
2654
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
2581
- --sky-color-background-text_highlight: var(--bb-color-yellow-800);
2655
+ --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
2582
2656
  --sky-color-background-thumb-base: var(--bb-color-white);
2583
- --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
2584
- --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-25);
2657
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-400);
2658
+ --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
2585
2659
  --sky-color-border-action-accent-hover: var(--bb-color-blue-dark-400);
2586
2660
  --sky-color-border-action-danger-active: var(--bb-color-red-dark-300);
2587
2661
  --sky-color-border-action-danger-base: var(--bb-color-red-dark-400);
2588
- --sky-color-border-action-danger-disabled: var(--bb-color-gray-800);
2589
2662
  --sky-color-border-action-danger-focus: var(--bb-color-red-dark-300);
2590
2663
  --sky-color-border-action-danger-hover: var(--bb-color-red-dark-300);
2591
2664
  --sky-color-border-action-input-active: var(--bb-color-blue-dark-400);
2592
2665
  --sky-color-border-action-input-base: var(--bb-color-steel-gray-800);
2593
- --sky-color-border-action-input-disabled: var(--bb-color-gray-800);
2666
+ --sky-color-border-action-input-disabled: var(--bb-color-steel-gray-500);
2594
2667
  --sky-color-border-action-input-focus: var(--bb-color-blue-dark-400);
2595
2668
  --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);
2669
+ --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
2597
2670
  --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
2598
- --sky-color-border-action-primary-disabled: var(--bb-color-gray-800);
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);
2671
+ --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
2672
+ --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
2601
2673
  --sky-color-border-action-secondary-active: var(--bb-color-blue-dark-375);
2602
2674
  --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
2675
  --sky-color-border-action-secondary-focus: var(--bb-color-blue-dark-375);
2605
2676
  --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);
2677
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
2607
2678
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
2608
- --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
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);
2679
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
2680
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
2611
2681
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
2612
2682
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
2613
2683
  --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
2614
2684
  --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
2615
- --sky-color-border-column_divider: var(--bb-color-blue-400);
2685
+ --sky-color-border-column_divider: var(--bb-color-blue-dark-400);
2616
2686
  --sky-color-border-container-base: var(--bb-color-rgba-white-18);
2617
2687
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
2618
2688
  --sky-color-border-danger: var(--bb-color-red-dark-700);
2619
- --sky-color-border-disabled: var(--bb-color-gray-800);
2689
+ --sky-color-border-disabled: var(--bb-color-steel-gray-700);
2620
2690
  --sky-color-border-divider: var(--bb-color-rgba-white-18);
2621
2691
  --sky-color-border-elevation: var(--bb-color-rgba-white-18);
2622
2692
  --sky-color-border-info: var(--bb-color-blue-dark-600);
2623
2693
  --sky-color-border-input-active: var(--bb-color-blue-dark-400);
2624
2694
  --sky-color-border-input-base: var(--bb-color-steel-gray-800);
2625
- --sky-color-border-input-disabled: var(--bb-color-steel-gray-400);
2626
- --sky-color-border-input-error: var(--bb-color-red-600);
2695
+ --sky-color-border-input-disabled: var(--bb-color-steel-gray-500);
2696
+ --sky-color-border-input-error: var(--bb-color-red-dark-600);
2627
2697
  --sky-color-border-input-focus: var(--bb-color-blue-dark-400);
2628
2698
  --sky-color-border-input-hover: var(--bb-color-blue-dark-400);
2629
2699
  --sky-color-border-nav-active: var(--bb-color-blue-dark-375);
2630
2700
  --sky-color-border-nav-base: var(--bb-color-transparent);
2631
- --sky-color-border-nav-disabled: var(--bb-color-steel-gray-1000);
2701
+ --sky-color-border-nav-disabled: var(--bb-color-steel-gray-500);
2632
2702
  --sky-color-border-nav-focus: var(--bb-color-blue-dark-375);
2633
2703
  --sky-color-border-nav-hover: var(--bb-color-blue-dark-375);
2634
2704
  --sky-color-border-progress_step: var(--bb-color-gray-600);
2635
- --sky-color-border-selected: var(--bb-color-blue-400);
2636
- --sky-color-border-selected_soft: var(--bb-color-blue-400);
2705
+ --sky-color-border-selected: var(--bb-color-blue-dark-375);
2706
+ --sky-color-border-selected_soft: var(--bb-color-steel-blue-dark-100);
2637
2707
  --sky-color-border-separator-dark: var(--bb-color-rgba-white-18);
2638
2708
  --sky-color-border-separator-light: var(--bb-color-rgba-white-18);
2639
2709
  --sky-color-border-separator-row: var(--bb-color-rgba-white-18);
2640
2710
  --sky-color-border-success: var(--bb-color-green-dark-700);
2641
2711
  --sky-color-border-switch-active: var(--bb-color-blue-dark-400);
2642
2712
  --sky-color-border-switch-base: var(--bb-color-steel-gray-500);
2643
- --sky-color-border-switch-disabled: var(--bb-color-steel-gray-400);
2644
- --sky-color-border-switch-error: var(--bb-color-red-600);
2713
+ --sky-color-border-switch-disabled: var(--bb-color-steel-gray-500);
2714
+ --sky-color-border-switch-error: var(--bb-color-red-dark-600);
2645
2715
  --sky-color-border-switch-focus: var(--bb-color-blue-dark-400);
2646
2716
  --sky-color-border-switch-hover: var(--bb-color-blue-dark-400);
2647
- --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
2717
+ --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
2648
2718
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
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);
2719
+ --sky-color-border-switch-selected-disabled: var(--bb-color-steel-gray-500);
2720
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
2721
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
2652
2722
  --sky-color-border-tab-active: var(--bb-color-blue-dark-300);
2653
2723
  --sky-color-border-tab-base: var(--bb-color-transparent);
2654
- --sky-color-border-tab-disabled: var(--bb-color-steel-gray-800);
2655
2724
  --sky-color-border-tab-focus: var(--bb-color-blue-dark-400);
2656
2725
  --sky-color-border-tab-hover: var(--bb-color-blue-dark-300);
2657
2726
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
2658
- --sky-color-border-text_highlight: var(--bb-color-yellow-600);
2727
+ --sky-color-border-text_highlight: var(--bb-color-yellow-dark-400);
2659
2728
  --sky-color-border-warning: var(--bb-color-yellow-dark-600);
2660
2729
  --sky-color-classify-1-heavy: var(--bb-color-teal-dark-300);
2661
2730
  --sky-color-classify-1-soft: var(--bb-color-teal-dark-700);
@@ -2681,13 +2750,14 @@
2681
2750
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
2682
2751
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
2683
2752
  --sky-color-icon-on_status: var(--bb-color-white);
2753
+ --sky-color-icon-on_status_bg: var(--bb-color-steel-gray-1100);
2684
2754
  --sky-color-icon-selected: var(--bb-color-blue-dark-300);
2685
2755
  --sky-color-icon-success: var(--bb-color-green-dark-400);
2686
2756
  --sky-color-icon-warning: var(--bb-color-yellow-dark-400);
2687
- --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
2688
- --sky-color-illustration-fill-soft: var(--bb-color-green-900);
2689
- --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
2690
- --sky-color-illustration-stroke: var(--bb-color-green-200);
2757
+ --sky-color-illustration-fill-heavy: var(--bb-color-teal-dark-600);
2758
+ --sky-color-illustration-fill-soft: var(--bb-color-teal-dark-800);
2759
+ --sky-color-illustration-fill-softest: var(--bb-color-steel-gray-1100);
2760
+ --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
2691
2761
  --sky-color-text-action: var(--bb-color-blue-dark-375);
2692
2762
  --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
2693
2763
  --sky-color-text-danger: var(--bb-color-red-dark-400);
@@ -2702,9 +2772,25 @@
2702
2772
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
2703
2773
  --sky-opacity-wait: var(--bb-opacity-600);
2704
2774
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
2775
+ --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
2776
+ --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
2777
+ --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
2778
+ --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
2779
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
2780
+ --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
2705
2781
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
2782
+ --sky-color-background-input-disabled: var(--sky-color-background-disabled);
2783
+ --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
2784
+ --sky-color-background-row-disabled: var(--sky-color-background-disabled);
2785
+ --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
2786
+ --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
2706
2787
  --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2788
+ --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
2789
+ --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
2790
+ --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
2791
+ --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
2707
2792
  --sky-color-border-action-tertiary-on_prominent-disabled: var(--sky-color-border-disabled);
2793
+ --sky-color-border-tab-disabled: var(--sky-color-border-disabled);
2708
2794
  --sky-elevation-focus: var(--bb-shadow-steel-gray-200);
2709
2795
  --sky-elevation-none: var(--bb-shadow-steel-gray-0);
2710
2796
  --sky-elevation-overflow: var(--bb-shadow-steel-gray-200);
@@ -2809,6 +2895,12 @@
2809
2895
  transition: box-shadow var(--sky-global-duration-short);
2810
2896
  line-height: var(--sky-font-line_height-body-m);
2811
2897
  }
2898
+ .sky-theme-modern a.sky-btn:not(.sky-btn-link):not(.sky-btn-link-inline) {
2899
+ text-decoration-line: none;
2900
+ }
2901
+ .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 {
2902
+ text-decoration-line: none;
2903
+ }
2812
2904
  .sky-theme-modern .sky-btn-default,
2813
2905
  .sky-theme-modern .sky-btn-primary,
2814
2906
  .sky-theme-modern .sky-btn-danger,
@@ -2839,7 +2931,7 @@
2839
2931
  .sky-theme-modern .sky-btn-icon:hover,
2840
2932
  .sky-theme-modern .sky-btn-link-inline:hover,
2841
2933
  .sky-theme-modern .sky-btn-borderless-inline:hover {
2842
- text-decoration: none;
2934
+ text-decoration-line: none;
2843
2935
  }
2844
2936
  .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,
2845
2937
  .sky-theme-modern .sky-btn-primary.sky-btn-disabled,
@@ -3174,6 +3266,21 @@
3174
3266
  }
3175
3267
  .sky-theme-modern .sky-btn-link {
3176
3268
  color: var(--sky-color-text-action);
3269
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line, var(--sky-font-text_decoration-action-tertiary-base));
3270
+ text-underline-offset: var(--sky-size-text_underline-offset);
3271
+ text-decoration-thickness: var(--sky-size-text_underline-thickness);
3272
+ }
3273
+ .sky-theme-modern .sky-btn-link:hover {
3274
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-hover, var(--sky-font-text_decoration-action-tertiary-hover));
3275
+ }
3276
+ .sky-theme-modern .sky-btn-link:active {
3277
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-active, var(--sky-font-text_decoration-action-tertiary-active));
3278
+ }
3279
+ .sky-theme-modern .sky-btn-link:focus-visible {
3280
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-focus, var(--sky-font-text_decoration-action-tertiary-focus));
3281
+ }
3282
+ .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 {
3283
+ text-decoration-line: var(--sky-comp-override-link-text-decoration-line-disabled, var(--sky-font-text_decoration-action-tertiary-disabled));
3177
3284
  }
3178
3285
  .sky-theme-modern .sky-btn-borderless,
3179
3286
  .sky-theme-modern .sky-btn-icon-borderless {
@@ -3298,22 +3405,28 @@
3298
3405
  border-radius: var(--sky-border-radius-s);
3299
3406
  padding: var(--sky-space-inset-balanced-none);
3300
3407
  color: var(--sky-color-text-action);
3408
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line, var(--sky-font-text_decoration-inline_link-base));
3409
+ text-underline-offset: var(--sky-size-text_underline-offset);
3410
+ text-decoration-thickness: var(--sky-size-text_underline-thickness);
3301
3411
  }
3302
3412
  .sky-theme-modern .sky-btn-link-inline:focus-visible:not(:active) {
3303
3413
  background-color: transparent;
3304
3414
  box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
3415
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-focus, var(--sky-font-text_decoration-inline_link-focus));
3305
3416
  }
3306
3417
  .sky-theme-modern .sky-btn-link-inline:active {
3307
3418
  background-color: transparent;
3419
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-active, var(--sky-font-text_decoration-inline_link-active));
3308
3420
  }
3309
3421
  .sky-theme-modern .sky-btn-link-inline:hover {
3310
3422
  background-color: transparent;
3423
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-inline_link-hover));
3311
3424
  }
3312
3425
  .sky-theme-modern .sky-btn-link-inline:hover, .sky-theme-modern .sky-btn-link-inline:active {
3313
- color: var(--sky-color-text-action);
3314
- text-decoration: underline;
3426
+ color: var(--sky-color-text-action_contrast);
3315
3427
  }
3316
3428
  .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 {
3429
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-disabled, var(--sky-font-text_decoration-inline_link-disabled));
3317
3430
  box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
3318
3431
  }
3319
3432
  .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) {
@@ -3368,16 +3481,19 @@
3368
3481
  line-height: var(--sky-font-line_height-body-m);
3369
3482
  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);
3370
3483
  transition: box-shadow var(--sky-global-duration-short);
3484
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line, var(--sky-font-text_decoration-standalone_link-base));
3371
3485
  }
3372
3486
  .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) {
3373
3487
  background-color: var(--sky-color-background-tab-hover);
3374
3488
  border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-color-border-tab-hover);
3375
3489
  color: var(--sky-color-text-default);
3376
3490
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
3491
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-standalone_link-hover));
3377
3492
  }
3378
3493
  .sky-theme-modern .sky-btn-tab:focus-visible {
3379
3494
  background-color: var(--sky-color-background-tab-focus);
3380
3495
  outline: none;
3496
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-focus, var(--sky-font-text_decoration-standalone_link-focus));
3381
3497
  }
3382
3498
  .sky-theme-modern .sky-btn-tab:focus-visible:not(.sky-btn-tab-selected) {
3383
3499
  color: var(--sky-color-text-default);
@@ -3398,6 +3514,7 @@
3398
3514
  background-color: var(--sky-color-background-tab-active);
3399
3515
  border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-color-border-tab-active);
3400
3516
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
3517
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-active, var(--sky-font-text_decoration-standalone_link-active));
3401
3518
  }
3402
3519
  .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 {
3403
3520
  background-color: var(--sky-color-background-selected-soft);
@@ -3429,6 +3546,7 @@
3429
3546
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):hover:not(.sky-btn-tab-disabled) {
3430
3547
  background-color: var(--sky-color-background-tab-selected);
3431
3548
  color: var(--sky-color-text-selected);
3549
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-standalone_link-hover));
3432
3550
  }
3433
3551
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-btn-tab-close,
3434
3552
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-tab-header-count {
@@ -3735,10 +3853,26 @@ body.sky-theme-modern {
3735
3853
  .sky-theme-modern a {
3736
3854
  color: var(--sky-color-text-action);
3737
3855
  border-radius: var(--sky-border-radius-s);
3856
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line, var(--sky-font-text_decoration-inline_link-base));
3857
+ text-underline-offset: var(--sky-size-text_underline-offset);
3858
+ text-decoration-thickness: var(--sky-size-text_underline-thickness);
3859
+ }
3860
+ .sky-theme-modern a:hover {
3861
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-inline_link-hover));
3862
+ }
3863
+ .sky-theme-modern a:active {
3864
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-active, var(--sky-font-text_decoration-inline_link-active));
3865
+ }
3866
+ .sky-theme-modern a:hover:not(.sky-btn) {
3867
+ color: var(--sky-color-text-action_contrast);
3868
+ }
3869
+ .sky-theme-modern a:active:not(.sky-btn) {
3870
+ color: var(--sky-color-text-action_contrast);
3738
3871
  }
3739
3872
  .sky-theme-modern a:focus-visible:not(:active) {
3740
3873
  outline: none;
3741
3874
  box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
3875
+ text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-focus, var(--sky-font-text_decoration-inline_link-focus));
3742
3876
  }
3743
3877
  .sky-theme-modern .sky-font-heading-1 {
3744
3878
  color: var(--sky-color-text-heading);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "14.17.0",
3
+ "version": "14.19.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.8.0",
23
+ "@blackbaud/skyux-design-tokens": "6.10.0",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },