@skyux/theme 14.18.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 +8 -0
  2. package/css/themes/modern/styles.css +82 -44
  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);
@@ -654,6 +658,7 @@ template {
654
658
  --sky-theme-font-style-hint-s-style: italic;
655
659
  --sky-theme-font-style-hint-s-weight: 400;
656
660
  --sky-theme-font-style-strong: 700;
661
+ --sky-theme-font-text_decoration-action-on_status: underline;
657
662
  --sky-theme-font-weight-body-deemphasized-m: 400;
658
663
  --sky-theme-font-weight-body-deemphasized-s: 400;
659
664
  --sky-theme-font-weight-body-emphasized-m: 600;
@@ -697,6 +702,7 @@ template {
697
702
  --sky-theme-color-background-icon_matte-success: #b7da9b;
698
703
  --sky-theme-color-background-icon_matte-warning: #ffd597;
699
704
  --sky-theme-color-background-page: #ffffff;
705
+ --sky-theme-color-border-action-on_status-focus: #212327;
700
706
  --sky-theme-color-border-container-default: #cdcfd2;
701
707
  --sky-theme-color-border-container-header-prominent: #7289af;
702
708
  --sky-theme-color-border-danger: #ef4044;
@@ -729,9 +735,11 @@ template {
729
735
  --sky-theme-color-icon-on_prominent-base: #ffffff;
730
736
  --sky-theme-color-icon-on_prominent-disabled: #686c73;
731
737
  --sky-theme-color-icon-on_status: #ffffff;
738
+ --sky-theme-color-icon-on_status_bg: #212327;
732
739
  --sky-theme-color-icon-success: #72bf44;
733
740
  --sky-theme-color-text-action: #0974a1;
734
741
  --sky-theme-color-text-action_contrast: #0974a1;
742
+ --sky-theme-color-text-action_on_status: #212327;
735
743
  --sky-theme-color-text-deemphasized: #686c73;
736
744
  --sky-theme-color-text-default: #212327;
737
745
  --sky-theme-color-text-heading: #212327;
package/css/themes/modern/styles.css CHANGED
@@ -410,16 +410,16 @@
410
410
  --bb-font-weight-light: 300;
411
411
  --bb-font-weight-regular: 400;
412
412
  --bb-font-weight-semibold: 600;
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');
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');
423
423
  --bb-letter_spacing-normal: normal;
424
424
  --bb-letter_spacing-wider: 0.01rem;
425
425
  --bb-letter_spacing-widest: 0.046875rem;
@@ -570,6 +570,10 @@
570
570
  --sky-color-background-action-secondary-base: var(--bb-color-white);
571
571
  --sky-color-background-action-secondary-focus: var(--bb-color-white);
572
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);
573
577
  --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
574
578
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
575
579
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -638,6 +642,10 @@
638
642
  --sky-color-border-action-input-base: var(--bb-color-gray-300);
639
643
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
640
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);
641
649
  --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
642
650
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
643
651
  --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
@@ -736,6 +744,7 @@
736
744
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
737
745
  --sky-color-text-action: var(--bb-color-blue-600);
738
746
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
747
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
739
748
  --sky-color-text-danger: var(--bb-color-red-600);
740
749
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
741
750
  --sky-color-text-default: var(--bb-color-gray-1000);
@@ -794,6 +803,7 @@
794
803
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
795
804
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
796
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);
797
807
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
798
808
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
799
809
  --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
@@ -803,6 +813,7 @@
803
813
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
804
814
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
805
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);
806
817
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
807
818
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
808
819
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -881,6 +892,10 @@
881
892
  --sky-color-background-action-secondary-base: var(--bb-color-gray-800);
882
893
  --sky-color-background-action-secondary-focus: var(--bb-color-gray-700);
883
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);
884
899
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
885
900
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
886
901
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -948,6 +963,10 @@
948
963
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
949
964
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
950
965
  --sky-color-border-action-input-hover: var(--bb-color-blue-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);
951
970
  --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
952
971
  --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
953
972
  --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
@@ -1045,6 +1064,7 @@
1045
1064
  --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
1046
1065
  --sky-color-text-action: var(--bb-color-sky-600);
1047
1066
  --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
1067
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1048
1068
  --sky-color-text-danger: var(--bb-color-red-400);
1049
1069
  --sky-color-text-deemphasized: var(--bb-color-gray-300);
1050
1070
  --sky-color-text-default: var(--bb-color-gray-25);
@@ -1103,6 +1123,7 @@
1103
1123
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1104
1124
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
1105
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);
1106
1127
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
1107
1128
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
1108
1129
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
@@ -1113,6 +1134,7 @@
1113
1134
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1114
1135
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1115
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);
1116
1138
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
1117
1139
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
1118
1140
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -1184,6 +1206,11 @@
1184
1206
  --sky-font-text_decoration-action-tertiary-disabled: none;
1185
1207
  --sky-font-text_decoration-action-tertiary-focus: none;
1186
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;
1187
1214
  --sky-font-text_decoration-inline_link-active: underline;
1188
1215
  --sky-font-text_decoration-inline_link-base: none;
1189
1216
  --sky-font-text_decoration-inline_link-disabled: none;
@@ -2339,16 +2366,16 @@
2339
2366
  --bb-font-weight-light: 300;
2340
2367
  --bb-font-weight-regular: 400;
2341
2368
  --bb-font-weight-semibold: 600;
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');
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');
2352
2379
  --bb-letter_spacing-normal: normal;
2353
2380
  --bb-letter_spacing-wider: 0.01rem;
2354
2381
  --bb-letter_spacing-widest: 0.046875rem;
@@ -2557,27 +2584,26 @@
2557
2584
  --sky-color-background-action-accent-hover: var(--bb-color-steel-gray-1000);
2558
2585
  --sky-color-background-action-danger-active: var(--bb-color-red-dark-300);
2559
2586
  --sky-color-background-action-danger-base: var(--bb-color-red-dark-400);
2560
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
2561
2587
  --sky-color-background-action-danger-focus: var(--bb-color-red-dark-300);
2562
2588
  --sky-color-background-action-danger-hover: var(--bb-color-red-dark-300);
2563
2589
  --sky-color-background-action-input-active: var(--bb-color-transparent);
2564
2590
  --sky-color-background-action-input-base: var(--bb-color-transparent);
2565
- --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
2566
2591
  --sky-color-background-action-input-focus: var(--bb-color-transparent);
2567
2592
  --sky-color-background-action-input-hover: var(--bb-color-transparent);
2568
2593
  --sky-color-background-action-primary-active: var(--bb-color-blue-dark-400);
2569
2594
  --sky-color-background-action-primary-base: var(--bb-color-blue-dark-375);
2570
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-700);
2571
2595
  --sky-color-background-action-primary-focus: var(--bb-color-blue-dark-400);
2572
2596
  --sky-color-background-action-primary-hover: var(--bb-color-blue-dark-300);
2573
2597
  --sky-color-background-action-secondary-active: var(--bb-color-transparent);
2574
2598
  --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);
2576
2599
  --sky-color-background-action-secondary-focus: var(--bb-color-transparent);
2577
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);
2578
2605
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
2579
2606
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
2580
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
2581
2607
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
2582
2608
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
2583
2609
  --sky-color-background-action-tertiary-on_prominent-active: var(--bb-color-slate-600);
@@ -2603,17 +2629,14 @@
2603
2629
  --sky-color-background-icon_matte-info: var(--bb-color-blue-dark-600);
2604
2630
  --sky-color-background-icon_matte-success: var(--bb-color-green-dark-700);
2605
2631
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-dark-600);
2606
- --sky-color-background-input-base: var(--bb-color-rgba-white-5);
2607
- --sky-color-background-input-disabled: var(--bb-color-gray-700);
2632
+ --sky-color-background-input-base: var(--bb-color-steel-gray-1000);
2608
2633
  --sky-color-background-nav-active: var(--bb-color-transparent);
2609
2634
  --sky-color-background-nav-base: var(--bb-color-transparent);
2610
- --sky-color-background-nav-disabled: var(--bb-color-gray-700);
2611
2635
  --sky-color-background-nav-focus: var(--bb-color-transparent);
2612
2636
  --sky-color-background-nav-hover: var(--bb-color-transparent);
2613
2637
  --sky-color-background-page: var(--bb-color-steel-gray-1200);
2614
2638
  --sky-color-background-row-active: var(--bb-color-transparent);
2615
2639
  --sky-color-background-row-base: var(--bb-color-steel-gray-1050);
2616
- --sky-color-background-row-disabled: var(--bb-color-gray-700);
2617
2640
  --sky-color-background-row-focus: var(--bb-color-transparent);
2618
2641
  --sky-color-background-row-hover: var(--bb-color-transparent);
2619
2642
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
@@ -2622,43 +2645,37 @@
2622
2645
  --sky-color-background-selected-soft: var(--bb-color-steel-blue-dark-700);
2623
2646
  --sky-color-background-selected-success: var(--bb-color-green-dark-900);
2624
2647
  --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
2648
  --sky-color-background-selected-warning: var(--bb-color-yellow-dark-900);
2627
2649
  --sky-color-background-tab-active: var(--bb-color-transparent);
2628
2650
  --sky-color-background-tab-base: var(--bb-color-transparent);
2629
- --sky-color-background-tab-disabled: var(--bb-color-gray-700);
2630
2651
  --sky-color-background-tab-focus: var(--bb-color-transparent);
2631
2652
  --sky-color-background-tab-hover: var(--bb-color-transparent);
2632
2653
  --sky-color-background-tab-selected: var(--bb-color-transparent);
2633
2654
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
2634
2655
  --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
2635
2656
  --sky-color-background-thumb-base: var(--bb-color-white);
2636
- --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
2657
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-400);
2637
2658
  --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
2638
2659
  --sky-color-border-action-accent-hover: var(--bb-color-blue-dark-400);
2639
2660
  --sky-color-border-action-danger-active: var(--bb-color-red-dark-300);
2640
2661
  --sky-color-border-action-danger-base: var(--bb-color-red-dark-400);
2641
- --sky-color-border-action-danger-disabled: var(--bb-color-gray-800);
2642
2662
  --sky-color-border-action-danger-focus: var(--bb-color-red-dark-300);
2643
2663
  --sky-color-border-action-danger-hover: var(--bb-color-red-dark-300);
2644
2664
  --sky-color-border-action-input-active: var(--bb-color-blue-dark-400);
2645
2665
  --sky-color-border-action-input-base: var(--bb-color-steel-gray-800);
2646
- --sky-color-border-action-input-disabled: var(--bb-color-gray-800);
2666
+ --sky-color-border-action-input-disabled: var(--bb-color-steel-gray-500);
2647
2667
  --sky-color-border-action-input-focus: var(--bb-color-blue-dark-400);
2648
2668
  --sky-color-border-action-input-hover: var(--bb-color-blue-dark-400);
2649
2669
  --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
2650
2670
  --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
2651
- --sky-color-border-action-primary-disabled: var(--bb-color-gray-800);
2652
2671
  --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
2653
2672
  --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
2654
2673
  --sky-color-border-action-secondary-active: var(--bb-color-blue-dark-375);
2655
2674
  --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
2675
  --sky-color-border-action-secondary-focus: var(--bb-color-blue-dark-375);
2658
2676
  --sky-color-border-action-secondary-hover: var(--bb-color-blue-dark-375);
2659
2677
  --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
2660
2678
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
2661
- --sky-color-border-action-tertiary-disabled: var(--bb-color-steel-gray-800);
2662
2679
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
2663
2680
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
2664
2681
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
@@ -2669,19 +2686,19 @@
2669
2686
  --sky-color-border-container-base: var(--bb-color-rgba-white-18);
2670
2687
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
2671
2688
  --sky-color-border-danger: var(--bb-color-red-dark-700);
2672
- --sky-color-border-disabled: var(--bb-color-gray-800);
2689
+ --sky-color-border-disabled: var(--bb-color-steel-gray-700);
2673
2690
  --sky-color-border-divider: var(--bb-color-rgba-white-18);
2674
2691
  --sky-color-border-elevation: var(--bb-color-rgba-white-18);
2675
2692
  --sky-color-border-info: var(--bb-color-blue-dark-600);
2676
2693
  --sky-color-border-input-active: var(--bb-color-blue-dark-400);
2677
2694
  --sky-color-border-input-base: var(--bb-color-steel-gray-800);
2678
- --sky-color-border-input-disabled: var(--bb-color-steel-gray-400);
2695
+ --sky-color-border-input-disabled: var(--bb-color-steel-gray-500);
2679
2696
  --sky-color-border-input-error: var(--bb-color-red-dark-600);
2680
2697
  --sky-color-border-input-focus: var(--bb-color-blue-dark-400);
2681
2698
  --sky-color-border-input-hover: var(--bb-color-blue-dark-400);
2682
2699
  --sky-color-border-nav-active: var(--bb-color-blue-dark-375);
2683
2700
  --sky-color-border-nav-base: var(--bb-color-transparent);
2684
- --sky-color-border-nav-disabled: var(--bb-color-steel-gray-1000);
2701
+ --sky-color-border-nav-disabled: var(--bb-color-steel-gray-500);
2685
2702
  --sky-color-border-nav-focus: var(--bb-color-blue-dark-375);
2686
2703
  --sky-color-border-nav-hover: var(--bb-color-blue-dark-375);
2687
2704
  --sky-color-border-progress_step: var(--bb-color-gray-600);
@@ -2693,18 +2710,17 @@
2693
2710
  --sky-color-border-success: var(--bb-color-green-dark-700);
2694
2711
  --sky-color-border-switch-active: var(--bb-color-blue-dark-400);
2695
2712
  --sky-color-border-switch-base: var(--bb-color-steel-gray-500);
2696
- --sky-color-border-switch-disabled: var(--bb-color-steel-gray-400);
2713
+ --sky-color-border-switch-disabled: var(--bb-color-steel-gray-500);
2697
2714
  --sky-color-border-switch-error: var(--bb-color-red-dark-600);
2698
2715
  --sky-color-border-switch-focus: var(--bb-color-blue-dark-400);
2699
2716
  --sky-color-border-switch-hover: var(--bb-color-blue-dark-400);
2700
2717
  --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
2701
2718
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
2702
- --sky-color-border-switch-selected-disabled: var(--bb-color-steel-gray-400);
2719
+ --sky-color-border-switch-selected-disabled: var(--bb-color-steel-gray-500);
2703
2720
  --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
2704
2721
  --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
2705
2722
  --sky-color-border-tab-active: var(--bb-color-blue-dark-300);
2706
2723
  --sky-color-border-tab-base: var(--bb-color-transparent);
2707
- --sky-color-border-tab-disabled: var(--bb-color-steel-gray-800);
2708
2724
  --sky-color-border-tab-focus: var(--bb-color-blue-dark-400);
2709
2725
  --sky-color-border-tab-hover: var(--bb-color-blue-dark-300);
2710
2726
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
@@ -2756,9 +2772,25 @@
2756
2772
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
2757
2773
  --sky-opacity-wait: var(--bb-opacity-600);
2758
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);
2759
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);
2760
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);
2761
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);
2762
2794
  --sky-elevation-focus: var(--bb-shadow-steel-gray-200);
2763
2795
  --sky-elevation-none: var(--bb-shadow-steel-gray-0);
2764
2796
  --sky-elevation-overflow: var(--bb-shadow-steel-gray-200);
@@ -3391,7 +3423,7 @@
3391
3423
  text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-hover, var(--sky-font-text_decoration-inline_link-hover));
3392
3424
  }
3393
3425
  .sky-theme-modern .sky-btn-link-inline:hover, .sky-theme-modern .sky-btn-link-inline:active {
3394
- color: var(--sky-color-text-action);
3426
+ color: var(--sky-color-text-action_contrast);
3395
3427
  }
3396
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 {
3397
3429
  text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-disabled, var(--sky-font-text_decoration-inline_link-disabled));
@@ -3831,6 +3863,12 @@ body.sky-theme-modern {
3831
3863
  .sky-theme-modern a:active {
3832
3864
  text-decoration-line: var(--sky-comp-override-inline-link-text-decoration-line-active, var(--sky-font-text_decoration-inline_link-active));
3833
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);
3871
+ }
3834
3872
  .sky-theme-modern a:focus-visible:not(:active) {
3835
3873
  outline: none;
3836
3874
  box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "14.18.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.9.0",
23
+ "@blackbaud/skyux-design-tokens": "6.10.0",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },