@blackbaud/skyux-design-tokens 6.11.1 → 6.11.2

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 (9) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +35 -11
  4. package/assets/scss/blackbaud.css +34 -23
  5. package/bundles/base.css +35 -11
  6. package/bundles/base_blackbaud_public-api.css +69 -34
  7. package/bundles/base_public-api.css +35 -11
  8. package/bundles/blackbaud.css +34 -23
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [6.11.2](https://github.com/blackbaud/skyux-design-tokens/compare/6.11.1...6.11.2) (2026-09-17)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * brand action tokens and dark mode border fixes ([#482](https://github.com/blackbaud/skyux-design-tokens/issues/482)) ([bcf5ae3](https://github.com/blackbaud/skyux-design-tokens/commit/bcf5ae39eddb26698902de458441ad2fccc92c15))
9
+
3
10
  ## [6.11.1](https://github.com/blackbaud/skyux-design-tokens/compare/6.11.0...6.11.1) (2026-09-17)
4
11
 
5
12
 
package/assets/assets.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "fonts": [],
3
3
  "images": {
4
4
  "favicon": {
5
- "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -421,16 +421,16 @@
421
421
  --bb-font-weight-light: 300;
422
422
  --bb-font-weight-regular: 400;
423
423
  --bb-font-weight-semibold: 600;
424
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo.png');
425
- --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo-white.png');
426
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-light.svg');
428
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
424
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo.png');
425
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo-white.png');
426
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-light.svg');
428
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
434
434
  --bb-letter_spacing-normal: normal;
435
435
  --bb-letter_spacing-wider: 0.01rem;
436
436
  --bb-letter_spacing-widest: 0.046875rem;
@@ -497,7 +497,7 @@
497
497
  --bb-space-8: 24px;
498
498
  --bb-space-9: 36px;
499
499
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
500
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
500
+ --bb-color-gradient-brand-secondary-40: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
501
501
  --bb-color-gradient-container-primary: linear-gradient(90deg, var(--bb-color-steel_fusion-700), var(--bb-color-steel_fusion-800));
502
502
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
503
503
  --bb-shadow-gray-0: 0 0 0 0 rgba(22, 26, 31, 0);
@@ -564,6 +564,10 @@
564
564
  --sky-color-background-action-accent-base: var(--bb-color-white);
565
565
  --sky-color-background-action-accent-focus: var(--bb-color-white);
566
566
  --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
567
+ --sky-color-background-action-brand-active: var(--bb-color-blue-100);
568
+ --sky-color-background-action-brand-base: var(--bb-color-gray-25);
569
+ --sky-color-background-action-brand-focus: var(--bb-color-sky-25);
570
+ --sky-color-background-action-brand-hover: var(--bb-color-blue-50);
567
571
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
568
572
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
569
573
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -644,6 +648,10 @@
644
648
  --sky-color-border-action-accent-base: var(--bb-color-gray-200);
645
649
  --sky-color-border-action-accent-focus: var(--bb-color-blue-600);
646
650
  --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
651
+ --sky-color-border-action-brand-active: var(--bb-color-blue-600);
652
+ --sky-color-border-action-brand-base: var(--bb-color-gray-200);
653
+ --sky-color-border-action-brand-focus: var(--bb-color-blue-600);
654
+ --sky-color-border-action-brand-hover: var(--bb-color-blue-600);
647
655
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
648
656
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
649
657
  --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
@@ -734,6 +742,7 @@
734
742
  --sky-color-classify-7-heavy: var(--bb-color-red-700);
735
743
  --sky-color-classify-7-soft: var(--bb-color-red-200);
736
744
  --sky-color-icon-action: var(--bb-color-blue-600);
745
+ --sky-color-icon-action_brand: var(--bb-color-gray-1000);
737
746
  --sky-color-icon-danger: var(--bb-color-red-600);
738
747
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
739
748
  --sky-color-icon-default: var(--bb-color-gray-1000);
@@ -753,6 +762,7 @@
753
762
  --sky-color-illustration-fill-softest: var(--bb-color-white);
754
763
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
755
764
  --sky-color-text-action: var(--bb-color-blue-600);
765
+ --sky-color-text-action_brand: var(--bb-color-gray-1000);
756
766
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
757
767
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
758
768
  --sky-color-text-danger: var(--bb-color-red-600);
@@ -809,6 +819,7 @@
809
819
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-light-src);
810
820
  --sky-opacity-wait: var(--bb-opacity-600);
811
821
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
822
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
812
823
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
813
824
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
814
825
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -821,6 +832,7 @@
821
832
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
822
833
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
823
834
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
835
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
824
836
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
825
837
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
826
838
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
@@ -885,6 +897,10 @@
885
897
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
886
898
  --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
887
899
  --sky-color-background-action-accent-hover: var(--bb-color-gray-700);
900
+ --sky-color-background-action-brand-active: var(--bb-color-gray-600);
901
+ --sky-color-background-action-brand-base: var(--bb-color-blue-900);
902
+ --sky-color-background-action-brand-focus: var(--bb-color-blue-900);
903
+ --sky-color-background-action-brand-hover: var(--bb-color-gray-700);
888
904
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
889
905
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
890
906
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -964,6 +980,10 @@
964
980
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
965
981
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
966
982
  --sky-color-border-action-accent-hover: var(--bb-color-sky-600);
983
+ --sky-color-border-action-brand-active: var(--bb-color-blue_dark-375);
984
+ --sky-color-border-action-brand-base: var(--bb-color-gray-700);
985
+ --sky-color-border-action-brand-focus: var(--bb-color-blue_dark-375);
986
+ --sky-color-border-action-brand-hover: var(--bb-color-blue_dark-375);
967
987
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
968
988
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
969
989
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
@@ -1053,6 +1073,7 @@
1053
1073
  --sky-color-classify-7-heavy: var(--bb-color-red-400);
1054
1074
  --sky-color-classify-7-soft: var(--bb-color-red-900);
1055
1075
  --sky-color-icon-action: var(--bb-color-sky-600);
1076
+ --sky-color-icon-action_brand: var(--bb-color-gray-25);
1056
1077
  --sky-color-icon-danger: var(--bb-color-red-400);
1057
1078
  --sky-color-icon-deemphasized: var(--bb-color-gray-300);
1058
1079
  --sky-color-icon-default: var(--bb-color-gray-25);
@@ -1072,6 +1093,7 @@
1072
1093
  --sky-color-illustration-fill-softest: var(--bb-color-steel_gray-1100);
1073
1094
  --sky-color-illustration-stroke: var(--bb-color-teal_dark-100);
1074
1095
  --sky-color-text-action: var(--bb-color-sky-600);
1096
+ --sky-color-text-action_brand: var(--bb-color-gray-25);
1075
1097
  --sky-color-text-action_contrast: var(--bb-color-blue_dark-200);
1076
1098
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1077
1099
  --sky-color-text-danger: var(--bb-color-red-400);
@@ -1128,6 +1150,7 @@
1128
1150
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1129
1151
  --sky-opacity-wait: var(--bb-opacity-600);
1130
1152
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
1153
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
1131
1154
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
1132
1155
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1133
1156
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -1141,6 +1164,7 @@
1141
1164
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
1142
1165
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
1143
1166
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1167
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
1144
1168
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1145
1169
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1146
1170
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
package/assets/scss/blackbaud.css CHANGED
@@ -421,16 +421,16 @@
421
421
  --bb-font-weight-light: 300;
422
422
  --bb-font-weight-regular: 400;
423
423
  --bb-font-weight-semibold: 600;
424
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo.png');
425
- --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo-white.png');
426
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-light.svg');
428
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
424
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo.png');
425
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo-white.png');
426
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-light.svg');
428
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
434
434
  --bb-letter_spacing-normal: normal;
435
435
  --bb-letter_spacing-wider: 0.01rem;
436
436
  --bb-letter_spacing-widest: 0.046875rem;
@@ -497,7 +497,7 @@
497
497
  --bb-space-8: 24px;
498
498
  --bb-space-9: 36px;
499
499
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
500
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
500
+ --bb-color-gradient-brand-secondary-40: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
501
501
  --bb-color-gradient-container-primary: linear-gradient(90deg, var(--bb-color-steel_fusion-700), var(--bb-color-steel_fusion-800));
502
502
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
503
503
  --bb-shadow-gray-0: 0 0 0 0 rgba(22, 26, 31, 0);
@@ -560,6 +560,7 @@
560
560
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud:not(.sky-theme-mode-dark) {
561
561
  --sky-brand-name: var(--bb-brand-name);
562
562
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
563
+ --sky-color-background-action-brand-base: var(--bb-color-sky-25);
563
564
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
564
565
  --sky-color-background-container-dimmed: var(--bb-color-slate-25);
565
566
  --sky-color-background-file_drop: var(--bb-color-slate-25);
@@ -575,11 +576,13 @@
575
576
  --sky-color-border-separator-light: var(--bb-color-slate-250);
576
577
  --sky-color-border-separator-row: var(--bb-color-slate-250);
577
578
  --sky-color-border-switch-base: var(--bb-color-slate-500);
579
+ --sky-color-icon-action_brand: var(--bb-color-sky-900);
578
580
  --sky-color-icon-input-action: var(--bb-color-blue-600);
579
581
  --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
580
582
  --sky-color-illustration-fill-soft: var(--bb-color-green-50);
581
583
  --sky-color-illustration-fill-softest: var(--bb-color-white);
582
584
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
585
+ --sky-color-text-action_brand: var(--bb-color-sky-900);
583
586
  --sky-color-text-heading: var(--bb-color-blue-900);
584
587
  --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
585
588
  --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
@@ -603,7 +606,8 @@
603
606
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-light-src);
604
607
  --sky-opacity-wait: var(--bb-opacity-600);
605
608
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
606
- --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
609
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary-40);
610
+ --sky-color-border-action-brand-base: var(--bb-color-gradient-brand-secondary-40);
607
611
  --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
608
612
  --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
609
613
  --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
@@ -634,6 +638,8 @@
634
638
  --sky-color-background-action-accent-base: var(--bb-color-steel_gray-1100);
635
639
  --sky-color-background-action-accent-focus: var(--bb-color-steel_gray-1000);
636
640
  --sky-color-background-action-accent-hover: var(--bb-color-steel_gray-1000);
641
+ --sky-color-background-action-brand-base: var(--bb-color-sky_dark-1000);
642
+ --sky-color-background-action-brand-focus: var(--bb-color-sky_dark-1000);
637
643
  --sky-color-background-action-danger-active: var(--bb-color-red_dark-300);
638
644
  --sky-color-background-action-danger-base: var(--bb-color-red_dark-400);
639
645
  --sky-color-background-action-danger-focus: var(--bb-color-red_dark-300);
@@ -708,16 +714,18 @@
708
714
  --sky-color-background-thumb-base: var(--bb-color-white);
709
715
  --sky-color-background-thumb-disabled: var(--bb-color-gray-400);
710
716
  --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel_gray-100-7);
711
- --sky-color-border-action-accent-hover: var(--bb-color-blue_dark-400);
717
+ --sky-color-border-action-accent-active: var(--bb-color-blue_dark-375);
718
+ --sky-color-border-action-accent-focus: var(--bb-color-blue_dark-375);
719
+ --sky-color-border-action-accent-hover: var(--bb-color-blue_dark-375);
712
720
  --sky-color-border-action-danger-active: var(--bb-color-red_dark-300);
713
721
  --sky-color-border-action-danger-base: var(--bb-color-red_dark-400);
714
722
  --sky-color-border-action-danger-focus: var(--bb-color-red_dark-300);
715
723
  --sky-color-border-action-danger-hover: var(--bb-color-red_dark-300);
716
- --sky-color-border-action-input-active: var(--bb-color-blue_dark-400);
724
+ --sky-color-border-action-input-active: var(--bb-color-blue_dark-375);
717
725
  --sky-color-border-action-input-base: var(--bb-color-steel_gray-800);
718
726
  --sky-color-border-action-input-disabled: var(--bb-color-steel_gray-500);
719
- --sky-color-border-action-input-focus: var(--bb-color-blue_dark-400);
720
- --sky-color-border-action-input-hover: var(--bb-color-blue_dark-400);
727
+ --sky-color-border-action-input-focus: var(--bb-color-blue_dark-375);
728
+ --sky-color-border-action-input-hover: var(--bb-color-blue_dark-375);
721
729
  --sky-color-border-action-primary-active: var(--bb-color-blue_dark-100);
722
730
  --sky-color-border-action-primary-base: var(--bb-color-blue_dark-375);
723
731
  --sky-color-border-action-primary-focus: var(--bb-color-blue_dark-100);
@@ -742,12 +750,12 @@
742
750
  --sky-color-border-divider: var(--bb-color-rgba-white-18);
743
751
  --sky-color-border-elevation: var(--bb-color-rgba-white-18);
744
752
  --sky-color-border-info: var(--bb-color-blue_dark-600);
745
- --sky-color-border-input-active: var(--bb-color-blue_dark-400);
753
+ --sky-color-border-input-active: var(--bb-color-blue_dark-375);
746
754
  --sky-color-border-input-base: var(--bb-color-steel_gray-800);
747
755
  --sky-color-border-input-disabled: var(--bb-color-steel_gray-500);
748
756
  --sky-color-border-input-error: var(--bb-color-red_dark-600);
749
- --sky-color-border-input-focus: var(--bb-color-blue_dark-400);
750
- --sky-color-border-input-hover: var(--bb-color-blue_dark-400);
757
+ --sky-color-border-input-focus: var(--bb-color-blue_dark-375);
758
+ --sky-color-border-input-hover: var(--bb-color-blue_dark-375);
751
759
  --sky-color-border-nav-active: var(--bb-color-blue_dark-375);
752
760
  --sky-color-border-nav-base: var(--bb-color-transparent);
753
761
  --sky-color-border-nav-disabled: var(--bb-color-steel_gray-500);
@@ -760,12 +768,12 @@
760
768
  --sky-color-border-separator-light: var(--bb-color-rgba-white-18);
761
769
  --sky-color-border-separator-row: var(--bb-color-rgba-white-18);
762
770
  --sky-color-border-success: var(--bb-color-green_dark-700);
763
- --sky-color-border-switch-active: var(--bb-color-blue_dark-400);
771
+ --sky-color-border-switch-active: var(--bb-color-blue_dark-375);
764
772
  --sky-color-border-switch-base: var(--bb-color-steel_gray-500);
765
773
  --sky-color-border-switch-disabled: var(--bb-color-steel_gray-500);
766
774
  --sky-color-border-switch-error: var(--bb-color-red_dark-600);
767
- --sky-color-border-switch-focus: var(--bb-color-blue_dark-400);
768
- --sky-color-border-switch-hover: var(--bb-color-blue_dark-400);
775
+ --sky-color-border-switch-focus: var(--bb-color-blue_dark-375);
776
+ --sky-color-border-switch-hover: var(--bb-color-blue_dark-375);
769
777
  --sky-color-border-switch-selected-active: var(--bb-color-blue_dark-100);
770
778
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
771
779
  --sky-color-border-switch-selected-disabled: var(--bb-color-steel_gray-500);
@@ -793,6 +801,7 @@
793
801
  --sky-color-classify-7-heavy: var(--bb-color-red_dark-300);
794
802
  --sky-color-classify-7-soft: var(--bb-color-red_dark-700);
795
803
  --sky-color-icon-action: var(--bb-color-blue_dark-400);
804
+ --sky-color-icon-action_brand: var(--bb-color-sky_dark-100);
796
805
  --sky-color-icon-danger: var(--bb-color-red_dark-400);
797
806
  --sky-color-icon-deemphasized: var(--bb-color-steel_gray-400);
798
807
  --sky-color-icon-default: var(--bb-color-steel_gray-100);
@@ -811,6 +820,7 @@
811
820
  --sky-color-illustration-fill-softest: var(--bb-color-steel_gray-1100);
812
821
  --sky-color-illustration-stroke: var(--bb-color-teal_dark-100);
813
822
  --sky-color-text-action: var(--bb-color-blue_dark-375);
823
+ --sky-color-text-action_brand: var(--bb-color-sky_dark-100);
814
824
  --sky-color-text-action_contrast: var(--bb-color-blue_dark-200);
815
825
  --sky-color-text-danger: var(--bb-color-red_dark-400);
816
826
  --sky-color-text-deemphasized: var(--bb-color-steel_gray-400);
@@ -836,7 +846,8 @@
836
846
  --sky-color-background-row-disabled: var(--sky-color-background-disabled);
837
847
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
838
848
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
839
- --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
849
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary-40);
850
+ --sky-color-border-action-brand-base: var(--bb-color-gradient-brand-secondary-40);
840
851
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
841
852
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
842
853
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
package/bundles/base.css CHANGED
@@ -421,16 +421,16 @@
421
421
  --bb-font-weight-light: 300;
422
422
  --bb-font-weight-regular: 400;
423
423
  --bb-font-weight-semibold: 600;
424
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo.png');
425
- --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo-white.png');
426
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-light.svg');
428
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
424
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo.png');
425
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo-white.png');
426
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-light.svg');
428
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
434
434
  --bb-letter_spacing-normal: normal;
435
435
  --bb-letter_spacing-wider: 0.01rem;
436
436
  --bb-letter_spacing-widest: 0.046875rem;
@@ -497,7 +497,7 @@
497
497
  --bb-space-8: 24px;
498
498
  --bb-space-9: 36px;
499
499
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
500
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
500
+ --bb-color-gradient-brand-secondary-40: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
501
501
  --bb-color-gradient-container-primary: linear-gradient(90deg, var(--bb-color-steel_fusion-700), var(--bb-color-steel_fusion-800));
502
502
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
503
503
  --bb-shadow-gray-0: 0 0 0 0 rgba(22, 26, 31, 0);
@@ -564,6 +564,10 @@
564
564
  --sky-color-background-action-accent-base: var(--bb-color-white);
565
565
  --sky-color-background-action-accent-focus: var(--bb-color-white);
566
566
  --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
567
+ --sky-color-background-action-brand-active: var(--bb-color-blue-100);
568
+ --sky-color-background-action-brand-base: var(--bb-color-gray-25);
569
+ --sky-color-background-action-brand-focus: var(--bb-color-sky-25);
570
+ --sky-color-background-action-brand-hover: var(--bb-color-blue-50);
567
571
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
568
572
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
569
573
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -644,6 +648,10 @@
644
648
  --sky-color-border-action-accent-base: var(--bb-color-gray-200);
645
649
  --sky-color-border-action-accent-focus: var(--bb-color-blue-600);
646
650
  --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
651
+ --sky-color-border-action-brand-active: var(--bb-color-blue-600);
652
+ --sky-color-border-action-brand-base: var(--bb-color-gray-200);
653
+ --sky-color-border-action-brand-focus: var(--bb-color-blue-600);
654
+ --sky-color-border-action-brand-hover: var(--bb-color-blue-600);
647
655
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
648
656
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
649
657
  --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
@@ -734,6 +742,7 @@
734
742
  --sky-color-classify-7-heavy: var(--bb-color-red-700);
735
743
  --sky-color-classify-7-soft: var(--bb-color-red-200);
736
744
  --sky-color-icon-action: var(--bb-color-blue-600);
745
+ --sky-color-icon-action_brand: var(--bb-color-gray-1000);
737
746
  --sky-color-icon-danger: var(--bb-color-red-600);
738
747
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
739
748
  --sky-color-icon-default: var(--bb-color-gray-1000);
@@ -753,6 +762,7 @@
753
762
  --sky-color-illustration-fill-softest: var(--bb-color-white);
754
763
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
755
764
  --sky-color-text-action: var(--bb-color-blue-600);
765
+ --sky-color-text-action_brand: var(--bb-color-gray-1000);
756
766
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
757
767
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
758
768
  --sky-color-text-danger: var(--bb-color-red-600);
@@ -809,6 +819,7 @@
809
819
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-light-src);
810
820
  --sky-opacity-wait: var(--bb-opacity-600);
811
821
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
822
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
812
823
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
813
824
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
814
825
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -821,6 +832,7 @@
821
832
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
822
833
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
823
834
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
835
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
824
836
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
825
837
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
826
838
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
@@ -885,6 +897,10 @@
885
897
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
886
898
  --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
887
899
  --sky-color-background-action-accent-hover: var(--bb-color-gray-700);
900
+ --sky-color-background-action-brand-active: var(--bb-color-gray-600);
901
+ --sky-color-background-action-brand-base: var(--bb-color-blue-900);
902
+ --sky-color-background-action-brand-focus: var(--bb-color-blue-900);
903
+ --sky-color-background-action-brand-hover: var(--bb-color-gray-700);
888
904
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
889
905
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
890
906
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -964,6 +980,10 @@
964
980
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
965
981
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
966
982
  --sky-color-border-action-accent-hover: var(--bb-color-sky-600);
983
+ --sky-color-border-action-brand-active: var(--bb-color-blue_dark-375);
984
+ --sky-color-border-action-brand-base: var(--bb-color-gray-700);
985
+ --sky-color-border-action-brand-focus: var(--bb-color-blue_dark-375);
986
+ --sky-color-border-action-brand-hover: var(--bb-color-blue_dark-375);
967
987
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
968
988
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
969
989
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
@@ -1053,6 +1073,7 @@
1053
1073
  --sky-color-classify-7-heavy: var(--bb-color-red-400);
1054
1074
  --sky-color-classify-7-soft: var(--bb-color-red-900);
1055
1075
  --sky-color-icon-action: var(--bb-color-sky-600);
1076
+ --sky-color-icon-action_brand: var(--bb-color-gray-25);
1056
1077
  --sky-color-icon-danger: var(--bb-color-red-400);
1057
1078
  --sky-color-icon-deemphasized: var(--bb-color-gray-300);
1058
1079
  --sky-color-icon-default: var(--bb-color-gray-25);
@@ -1072,6 +1093,7 @@
1072
1093
  --sky-color-illustration-fill-softest: var(--bb-color-steel_gray-1100);
1073
1094
  --sky-color-illustration-stroke: var(--bb-color-teal_dark-100);
1074
1095
  --sky-color-text-action: var(--bb-color-sky-600);
1096
+ --sky-color-text-action_brand: var(--bb-color-gray-25);
1075
1097
  --sky-color-text-action_contrast: var(--bb-color-blue_dark-200);
1076
1098
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1077
1099
  --sky-color-text-danger: var(--bb-color-red-400);
@@ -1128,6 +1150,7 @@
1128
1150
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1129
1151
  --sky-opacity-wait: var(--bb-opacity-600);
1130
1152
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
1153
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
1131
1154
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
1132
1155
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1133
1156
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -1141,6 +1164,7 @@
1141
1164
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
1142
1165
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
1143
1166
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1167
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
1144
1168
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1145
1169
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1146
1170
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
package/bundles/base_blackbaud_public-api.css CHANGED
@@ -421,16 +421,16 @@
421
421
  --bb-font-weight-light: 300;
422
422
  --bb-font-weight-regular: 400;
423
423
  --bb-font-weight-semibold: 600;
424
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo.png');
425
- --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo-white.png');
426
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-light.svg');
428
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
424
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo.png');
425
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo-white.png');
426
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-light.svg');
428
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
434
434
  --bb-letter_spacing-normal: normal;
435
435
  --bb-letter_spacing-wider: 0.01rem;
436
436
  --bb-letter_spacing-widest: 0.046875rem;
@@ -497,7 +497,7 @@
497
497
  --bb-space-8: 24px;
498
498
  --bb-space-9: 36px;
499
499
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
500
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
500
+ --bb-color-gradient-brand-secondary-40: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
501
501
  --bb-color-gradient-container-primary: linear-gradient(90deg, var(--bb-color-steel_fusion-700), var(--bb-color-steel_fusion-800));
502
502
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
503
503
  --bb-shadow-gray-0: 0 0 0 0 rgba(22, 26, 31, 0);
@@ -564,6 +564,10 @@
564
564
  --sky-color-background-action-accent-base: var(--bb-color-white);
565
565
  --sky-color-background-action-accent-focus: var(--bb-color-white);
566
566
  --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
567
+ --sky-color-background-action-brand-active: var(--bb-color-blue-100);
568
+ --sky-color-background-action-brand-base: var(--bb-color-gray-25);
569
+ --sky-color-background-action-brand-focus: var(--bb-color-sky-25);
570
+ --sky-color-background-action-brand-hover: var(--bb-color-blue-50);
567
571
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
568
572
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
569
573
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -644,6 +648,10 @@
644
648
  --sky-color-border-action-accent-base: var(--bb-color-gray-200);
645
649
  --sky-color-border-action-accent-focus: var(--bb-color-blue-600);
646
650
  --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
651
+ --sky-color-border-action-brand-active: var(--bb-color-blue-600);
652
+ --sky-color-border-action-brand-base: var(--bb-color-gray-200);
653
+ --sky-color-border-action-brand-focus: var(--bb-color-blue-600);
654
+ --sky-color-border-action-brand-hover: var(--bb-color-blue-600);
647
655
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
648
656
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
649
657
  --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
@@ -734,6 +742,7 @@
734
742
  --sky-color-classify-7-heavy: var(--bb-color-red-700);
735
743
  --sky-color-classify-7-soft: var(--bb-color-red-200);
736
744
  --sky-color-icon-action: var(--bb-color-blue-600);
745
+ --sky-color-icon-action_brand: var(--bb-color-gray-1000);
737
746
  --sky-color-icon-danger: var(--bb-color-red-600);
738
747
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
739
748
  --sky-color-icon-default: var(--bb-color-gray-1000);
@@ -753,6 +762,7 @@
753
762
  --sky-color-illustration-fill-softest: var(--bb-color-white);
754
763
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
755
764
  --sky-color-text-action: var(--bb-color-blue-600);
765
+ --sky-color-text-action_brand: var(--bb-color-gray-1000);
756
766
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
757
767
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
758
768
  --sky-color-text-danger: var(--bb-color-red-600);
@@ -809,6 +819,7 @@
809
819
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-light-src);
810
820
  --sky-opacity-wait: var(--bb-opacity-600);
811
821
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
822
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
812
823
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
813
824
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
814
825
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -821,6 +832,7 @@
821
832
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
822
833
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
823
834
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
835
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
824
836
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
825
837
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
826
838
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
@@ -885,6 +897,10 @@
885
897
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
886
898
  --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
887
899
  --sky-color-background-action-accent-hover: var(--bb-color-gray-700);
900
+ --sky-color-background-action-brand-active: var(--bb-color-gray-600);
901
+ --sky-color-background-action-brand-base: var(--bb-color-blue-900);
902
+ --sky-color-background-action-brand-focus: var(--bb-color-blue-900);
903
+ --sky-color-background-action-brand-hover: var(--bb-color-gray-700);
888
904
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
889
905
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
890
906
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -964,6 +980,10 @@
964
980
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
965
981
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
966
982
  --sky-color-border-action-accent-hover: var(--bb-color-sky-600);
983
+ --sky-color-border-action-brand-active: var(--bb-color-blue_dark-375);
984
+ --sky-color-border-action-brand-base: var(--bb-color-gray-700);
985
+ --sky-color-border-action-brand-focus: var(--bb-color-blue_dark-375);
986
+ --sky-color-border-action-brand-hover: var(--bb-color-blue_dark-375);
967
987
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
968
988
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
969
989
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
@@ -1053,6 +1073,7 @@
1053
1073
  --sky-color-classify-7-heavy: var(--bb-color-red-400);
1054
1074
  --sky-color-classify-7-soft: var(--bb-color-red-900);
1055
1075
  --sky-color-icon-action: var(--bb-color-sky-600);
1076
+ --sky-color-icon-action_brand: var(--bb-color-gray-25);
1056
1077
  --sky-color-icon-danger: var(--bb-color-red-400);
1057
1078
  --sky-color-icon-deemphasized: var(--bb-color-gray-300);
1058
1079
  --sky-color-icon-default: var(--bb-color-gray-25);
@@ -1072,6 +1093,7 @@
1072
1093
  --sky-color-illustration-fill-softest: var(--bb-color-steel_gray-1100);
1073
1094
  --sky-color-illustration-stroke: var(--bb-color-teal_dark-100);
1074
1095
  --sky-color-text-action: var(--bb-color-sky-600);
1096
+ --sky-color-text-action_brand: var(--bb-color-gray-25);
1075
1097
  --sky-color-text-action_contrast: var(--bb-color-blue_dark-200);
1076
1098
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1077
1099
  --sky-color-text-danger: var(--bb-color-red-400);
@@ -1128,6 +1150,7 @@
1128
1150
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1129
1151
  --sky-opacity-wait: var(--bb-opacity-600);
1130
1152
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
1153
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
1131
1154
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
1132
1155
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1133
1156
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -1141,6 +1164,7 @@
1141
1164
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
1142
1165
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
1143
1166
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1167
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
1144
1168
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1145
1169
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1146
1170
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
@@ -2383,16 +2407,16 @@
2383
2407
  --bb-font-weight-light: 300;
2384
2408
  --bb-font-weight-regular: 400;
2385
2409
  --bb-font-weight-semibold: 600;
2386
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo.png');
2387
- --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo-white.png');
2388
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
2389
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-light.svg');
2390
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2391
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
2392
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2393
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2394
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2395
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2410
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo.png');
2411
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo-white.png');
2412
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
2413
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-light.svg');
2414
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2415
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
2416
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2417
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2418
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2419
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2396
2420
  --bb-letter_spacing-normal: normal;
2397
2421
  --bb-letter_spacing-wider: 0.01rem;
2398
2422
  --bb-letter_spacing-widest: 0.046875rem;
@@ -2459,7 +2483,7 @@
2459
2483
  --bb-space-8: 24px;
2460
2484
  --bb-space-9: 36px;
2461
2485
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
2462
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
2486
+ --bb-color-gradient-brand-secondary-40: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
2463
2487
  --bb-color-gradient-container-primary: linear-gradient(90deg, var(--bb-color-steel_fusion-700), var(--bb-color-steel_fusion-800));
2464
2488
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
2465
2489
  --bb-shadow-gray-0: 0 0 0 0 rgba(22, 26, 31, 0);
@@ -2522,6 +2546,7 @@
2522
2546
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud:not(.sky-theme-mode-dark) {
2523
2547
  --sky-brand-name: var(--bb-brand-name);
2524
2548
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
2549
+ --sky-color-background-action-brand-base: var(--bb-color-sky-25);
2525
2550
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
2526
2551
  --sky-color-background-container-dimmed: var(--bb-color-slate-25);
2527
2552
  --sky-color-background-file_drop: var(--bb-color-slate-25);
@@ -2537,11 +2562,13 @@
2537
2562
  --sky-color-border-separator-light: var(--bb-color-slate-250);
2538
2563
  --sky-color-border-separator-row: var(--bb-color-slate-250);
2539
2564
  --sky-color-border-switch-base: var(--bb-color-slate-500);
2565
+ --sky-color-icon-action_brand: var(--bb-color-sky-900);
2540
2566
  --sky-color-icon-input-action: var(--bb-color-blue-600);
2541
2567
  --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
2542
2568
  --sky-color-illustration-fill-soft: var(--bb-color-green-50);
2543
2569
  --sky-color-illustration-fill-softest: var(--bb-color-white);
2544
2570
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
2571
+ --sky-color-text-action_brand: var(--bb-color-sky-900);
2545
2572
  --sky-color-text-heading: var(--bb-color-blue-900);
2546
2573
  --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
2547
2574
  --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
@@ -2565,7 +2592,8 @@
2565
2592
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-light-src);
2566
2593
  --sky-opacity-wait: var(--bb-opacity-600);
2567
2594
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
2568
- --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2595
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary-40);
2596
+ --sky-color-border-action-brand-base: var(--bb-color-gradient-brand-secondary-40);
2569
2597
  --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
2570
2598
  --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
2571
2599
  --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
@@ -2596,6 +2624,8 @@
2596
2624
  --sky-color-background-action-accent-base: var(--bb-color-steel_gray-1100);
2597
2625
  --sky-color-background-action-accent-focus: var(--bb-color-steel_gray-1000);
2598
2626
  --sky-color-background-action-accent-hover: var(--bb-color-steel_gray-1000);
2627
+ --sky-color-background-action-brand-base: var(--bb-color-sky_dark-1000);
2628
+ --sky-color-background-action-brand-focus: var(--bb-color-sky_dark-1000);
2599
2629
  --sky-color-background-action-danger-active: var(--bb-color-red_dark-300);
2600
2630
  --sky-color-background-action-danger-base: var(--bb-color-red_dark-400);
2601
2631
  --sky-color-background-action-danger-focus: var(--bb-color-red_dark-300);
@@ -2670,16 +2700,18 @@
2670
2700
  --sky-color-background-thumb-base: var(--bb-color-white);
2671
2701
  --sky-color-background-thumb-disabled: var(--bb-color-gray-400);
2672
2702
  --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel_gray-100-7);
2673
- --sky-color-border-action-accent-hover: var(--bb-color-blue_dark-400);
2703
+ --sky-color-border-action-accent-active: var(--bb-color-blue_dark-375);
2704
+ --sky-color-border-action-accent-focus: var(--bb-color-blue_dark-375);
2705
+ --sky-color-border-action-accent-hover: var(--bb-color-blue_dark-375);
2674
2706
  --sky-color-border-action-danger-active: var(--bb-color-red_dark-300);
2675
2707
  --sky-color-border-action-danger-base: var(--bb-color-red_dark-400);
2676
2708
  --sky-color-border-action-danger-focus: var(--bb-color-red_dark-300);
2677
2709
  --sky-color-border-action-danger-hover: var(--bb-color-red_dark-300);
2678
- --sky-color-border-action-input-active: var(--bb-color-blue_dark-400);
2710
+ --sky-color-border-action-input-active: var(--bb-color-blue_dark-375);
2679
2711
  --sky-color-border-action-input-base: var(--bb-color-steel_gray-800);
2680
2712
  --sky-color-border-action-input-disabled: var(--bb-color-steel_gray-500);
2681
- --sky-color-border-action-input-focus: var(--bb-color-blue_dark-400);
2682
- --sky-color-border-action-input-hover: var(--bb-color-blue_dark-400);
2713
+ --sky-color-border-action-input-focus: var(--bb-color-blue_dark-375);
2714
+ --sky-color-border-action-input-hover: var(--bb-color-blue_dark-375);
2683
2715
  --sky-color-border-action-primary-active: var(--bb-color-blue_dark-100);
2684
2716
  --sky-color-border-action-primary-base: var(--bb-color-blue_dark-375);
2685
2717
  --sky-color-border-action-primary-focus: var(--bb-color-blue_dark-100);
@@ -2704,12 +2736,12 @@
2704
2736
  --sky-color-border-divider: var(--bb-color-rgba-white-18);
2705
2737
  --sky-color-border-elevation: var(--bb-color-rgba-white-18);
2706
2738
  --sky-color-border-info: var(--bb-color-blue_dark-600);
2707
- --sky-color-border-input-active: var(--bb-color-blue_dark-400);
2739
+ --sky-color-border-input-active: var(--bb-color-blue_dark-375);
2708
2740
  --sky-color-border-input-base: var(--bb-color-steel_gray-800);
2709
2741
  --sky-color-border-input-disabled: var(--bb-color-steel_gray-500);
2710
2742
  --sky-color-border-input-error: var(--bb-color-red_dark-600);
2711
- --sky-color-border-input-focus: var(--bb-color-blue_dark-400);
2712
- --sky-color-border-input-hover: var(--bb-color-blue_dark-400);
2743
+ --sky-color-border-input-focus: var(--bb-color-blue_dark-375);
2744
+ --sky-color-border-input-hover: var(--bb-color-blue_dark-375);
2713
2745
  --sky-color-border-nav-active: var(--bb-color-blue_dark-375);
2714
2746
  --sky-color-border-nav-base: var(--bb-color-transparent);
2715
2747
  --sky-color-border-nav-disabled: var(--bb-color-steel_gray-500);
@@ -2722,12 +2754,12 @@
2722
2754
  --sky-color-border-separator-light: var(--bb-color-rgba-white-18);
2723
2755
  --sky-color-border-separator-row: var(--bb-color-rgba-white-18);
2724
2756
  --sky-color-border-success: var(--bb-color-green_dark-700);
2725
- --sky-color-border-switch-active: var(--bb-color-blue_dark-400);
2757
+ --sky-color-border-switch-active: var(--bb-color-blue_dark-375);
2726
2758
  --sky-color-border-switch-base: var(--bb-color-steel_gray-500);
2727
2759
  --sky-color-border-switch-disabled: var(--bb-color-steel_gray-500);
2728
2760
  --sky-color-border-switch-error: var(--bb-color-red_dark-600);
2729
- --sky-color-border-switch-focus: var(--bb-color-blue_dark-400);
2730
- --sky-color-border-switch-hover: var(--bb-color-blue_dark-400);
2761
+ --sky-color-border-switch-focus: var(--bb-color-blue_dark-375);
2762
+ --sky-color-border-switch-hover: var(--bb-color-blue_dark-375);
2731
2763
  --sky-color-border-switch-selected-active: var(--bb-color-blue_dark-100);
2732
2764
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
2733
2765
  --sky-color-border-switch-selected-disabled: var(--bb-color-steel_gray-500);
@@ -2755,6 +2787,7 @@
2755
2787
  --sky-color-classify-7-heavy: var(--bb-color-red_dark-300);
2756
2788
  --sky-color-classify-7-soft: var(--bb-color-red_dark-700);
2757
2789
  --sky-color-icon-action: var(--bb-color-blue_dark-400);
2790
+ --sky-color-icon-action_brand: var(--bb-color-sky_dark-100);
2758
2791
  --sky-color-icon-danger: var(--bb-color-red_dark-400);
2759
2792
  --sky-color-icon-deemphasized: var(--bb-color-steel_gray-400);
2760
2793
  --sky-color-icon-default: var(--bb-color-steel_gray-100);
@@ -2773,6 +2806,7 @@
2773
2806
  --sky-color-illustration-fill-softest: var(--bb-color-steel_gray-1100);
2774
2807
  --sky-color-illustration-stroke: var(--bb-color-teal_dark-100);
2775
2808
  --sky-color-text-action: var(--bb-color-blue_dark-375);
2809
+ --sky-color-text-action_brand: var(--bb-color-sky_dark-100);
2776
2810
  --sky-color-text-action_contrast: var(--bb-color-blue_dark-200);
2777
2811
  --sky-color-text-danger: var(--bb-color-red_dark-400);
2778
2812
  --sky-color-text-deemphasized: var(--bb-color-steel_gray-400);
@@ -2798,7 +2832,8 @@
2798
2832
  --sky-color-background-row-disabled: var(--sky-color-background-disabled);
2799
2833
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
2800
2834
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
2801
- --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2835
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary-40);
2836
+ --sky-color-border-action-brand-base: var(--bb-color-gradient-brand-secondary-40);
2802
2837
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
2803
2838
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
2804
2839
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
package/bundles/base_public-api.css CHANGED
@@ -421,16 +421,16 @@
421
421
  --bb-font-weight-light: 300;
422
422
  --bb-font-weight-regular: 400;
423
423
  --bb-font-weight-semibold: 600;
424
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo.png');
425
- --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo-white.png');
426
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-light.svg');
428
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
424
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo.png');
425
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo-white.png');
426
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-light.svg');
428
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
434
434
  --bb-letter_spacing-normal: normal;
435
435
  --bb-letter_spacing-wider: 0.01rem;
436
436
  --bb-letter_spacing-widest: 0.046875rem;
@@ -497,7 +497,7 @@
497
497
  --bb-space-8: 24px;
498
498
  --bb-space-9: 36px;
499
499
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
500
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
500
+ --bb-color-gradient-brand-secondary-40: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
501
501
  --bb-color-gradient-container-primary: linear-gradient(90deg, var(--bb-color-steel_fusion-700), var(--bb-color-steel_fusion-800));
502
502
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
503
503
  --bb-shadow-gray-0: 0 0 0 0 rgba(22, 26, 31, 0);
@@ -564,6 +564,10 @@
564
564
  --sky-color-background-action-accent-base: var(--bb-color-white);
565
565
  --sky-color-background-action-accent-focus: var(--bb-color-white);
566
566
  --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
567
+ --sky-color-background-action-brand-active: var(--bb-color-blue-100);
568
+ --sky-color-background-action-brand-base: var(--bb-color-gray-25);
569
+ --sky-color-background-action-brand-focus: var(--bb-color-sky-25);
570
+ --sky-color-background-action-brand-hover: var(--bb-color-blue-50);
567
571
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
568
572
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
569
573
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -644,6 +648,10 @@
644
648
  --sky-color-border-action-accent-base: var(--bb-color-gray-200);
645
649
  --sky-color-border-action-accent-focus: var(--bb-color-blue-600);
646
650
  --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
651
+ --sky-color-border-action-brand-active: var(--bb-color-blue-600);
652
+ --sky-color-border-action-brand-base: var(--bb-color-gray-200);
653
+ --sky-color-border-action-brand-focus: var(--bb-color-blue-600);
654
+ --sky-color-border-action-brand-hover: var(--bb-color-blue-600);
647
655
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
648
656
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
649
657
  --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
@@ -734,6 +742,7 @@
734
742
  --sky-color-classify-7-heavy: var(--bb-color-red-700);
735
743
  --sky-color-classify-7-soft: var(--bb-color-red-200);
736
744
  --sky-color-icon-action: var(--bb-color-blue-600);
745
+ --sky-color-icon-action_brand: var(--bb-color-gray-1000);
737
746
  --sky-color-icon-danger: var(--bb-color-red-600);
738
747
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
739
748
  --sky-color-icon-default: var(--bb-color-gray-1000);
@@ -753,6 +762,7 @@
753
762
  --sky-color-illustration-fill-softest: var(--bb-color-white);
754
763
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
755
764
  --sky-color-text-action: var(--bb-color-blue-600);
765
+ --sky-color-text-action_brand: var(--bb-color-gray-1000);
756
766
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
757
767
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
758
768
  --sky-color-text-danger: var(--bb-color-red-600);
@@ -809,6 +819,7 @@
809
819
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-light-src);
810
820
  --sky-opacity-wait: var(--bb-opacity-600);
811
821
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
822
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
812
823
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
813
824
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
814
825
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -821,6 +832,7 @@
821
832
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
822
833
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
823
834
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
835
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
824
836
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
825
837
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
826
838
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
@@ -885,6 +897,10 @@
885
897
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
886
898
  --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
887
899
  --sky-color-background-action-accent-hover: var(--bb-color-gray-700);
900
+ --sky-color-background-action-brand-active: var(--bb-color-gray-600);
901
+ --sky-color-background-action-brand-base: var(--bb-color-blue-900);
902
+ --sky-color-background-action-brand-focus: var(--bb-color-blue-900);
903
+ --sky-color-background-action-brand-hover: var(--bb-color-gray-700);
888
904
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
889
905
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
890
906
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -964,6 +980,10 @@
964
980
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
965
981
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
966
982
  --sky-color-border-action-accent-hover: var(--bb-color-sky-600);
983
+ --sky-color-border-action-brand-active: var(--bb-color-blue_dark-375);
984
+ --sky-color-border-action-brand-base: var(--bb-color-gray-700);
985
+ --sky-color-border-action-brand-focus: var(--bb-color-blue_dark-375);
986
+ --sky-color-border-action-brand-hover: var(--bb-color-blue_dark-375);
967
987
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
968
988
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
969
989
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
@@ -1053,6 +1073,7 @@
1053
1073
  --sky-color-classify-7-heavy: var(--bb-color-red-400);
1054
1074
  --sky-color-classify-7-soft: var(--bb-color-red-900);
1055
1075
  --sky-color-icon-action: var(--bb-color-sky-600);
1076
+ --sky-color-icon-action_brand: var(--bb-color-gray-25);
1056
1077
  --sky-color-icon-danger: var(--bb-color-red-400);
1057
1078
  --sky-color-icon-deemphasized: var(--bb-color-gray-300);
1058
1079
  --sky-color-icon-default: var(--bb-color-gray-25);
@@ -1072,6 +1093,7 @@
1072
1093
  --sky-color-illustration-fill-softest: var(--bb-color-steel_gray-1100);
1073
1094
  --sky-color-illustration-stroke: var(--bb-color-teal_dark-100);
1074
1095
  --sky-color-text-action: var(--bb-color-sky-600);
1096
+ --sky-color-text-action_brand: var(--bb-color-gray-25);
1075
1097
  --sky-color-text-action_contrast: var(--bb-color-blue_dark-200);
1076
1098
  --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1077
1099
  --sky-color-text-danger: var(--bb-color-red-400);
@@ -1128,6 +1150,7 @@
1128
1150
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1129
1151
  --sky-opacity-wait: var(--bb-opacity-600);
1130
1152
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
1153
+ --sky-color-background-action-brand-disabled: var(--sky-color-background-disabled);
1131
1154
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
1132
1155
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1133
1156
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -1141,6 +1164,7 @@
1141
1164
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
1142
1165
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
1143
1166
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1167
+ --sky-color-border-action-brand-disabled: var(--sky-color-border-disabled);
1144
1168
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1145
1169
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1146
1170
  --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
package/bundles/blackbaud.css CHANGED
@@ -421,16 +421,16 @@
421
421
  --bb-font-weight-light: 300;
422
422
  --bb-font-weight-regular: 400;
423
423
  --bb-font-weight-semibold: 600;
424
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo.png');
425
- --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/bb-logo-white.png');
426
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-base-light.svg');
428
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
424
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo.png');
425
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/bb-logo-white.png');
426
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
427
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-base-light.svg');
428
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
429
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
430
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
431
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
432
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
433
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
434
434
  --bb-letter_spacing-normal: normal;
435
435
  --bb-letter_spacing-wider: 0.01rem;
436
436
  --bb-letter_spacing-widest: 0.046875rem;
@@ -497,7 +497,7 @@
497
497
  --bb-space-8: 24px;
498
498
  --bb-space-9: 36px;
499
499
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
500
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
500
+ --bb-color-gradient-brand-secondary-40: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40) , var(--bb-color-rgba-purple-600-40));
501
501
  --bb-color-gradient-container-primary: linear-gradient(90deg, var(--bb-color-steel_fusion-700), var(--bb-color-steel_fusion-800));
502
502
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
503
503
  --bb-shadow-gray-0: 0 0 0 0 rgba(22, 26, 31, 0);
@@ -560,6 +560,7 @@
560
560
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud:not(.sky-theme-mode-dark) {
561
561
  --sky-brand-name: var(--bb-brand-name);
562
562
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
563
+ --sky-color-background-action-brand-base: var(--bb-color-sky-25);
563
564
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
564
565
  --sky-color-background-container-dimmed: var(--bb-color-slate-25);
565
566
  --sky-color-background-file_drop: var(--bb-color-slate-25);
@@ -575,11 +576,13 @@
575
576
  --sky-color-border-separator-light: var(--bb-color-slate-250);
576
577
  --sky-color-border-separator-row: var(--bb-color-slate-250);
577
578
  --sky-color-border-switch-base: var(--bb-color-slate-500);
579
+ --sky-color-icon-action_brand: var(--bb-color-sky-900);
578
580
  --sky-color-icon-input-action: var(--bb-color-blue-600);
579
581
  --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
580
582
  --sky-color-illustration-fill-soft: var(--bb-color-green-50);
581
583
  --sky-color-illustration-fill-softest: var(--bb-color-white);
582
584
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
585
+ --sky-color-text-action_brand: var(--bb-color-sky-900);
583
586
  --sky-color-text-heading: var(--bb-color-blue-900);
584
587
  --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
585
588
  --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
@@ -603,7 +606,8 @@
603
606
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-light-src);
604
607
  --sky-opacity-wait: var(--bb-opacity-600);
605
608
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
606
- --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
609
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary-40);
610
+ --sky-color-border-action-brand-base: var(--bb-color-gradient-brand-secondary-40);
607
611
  --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
608
612
  --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
609
613
  --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
@@ -634,6 +638,8 @@
634
638
  --sky-color-background-action-accent-base: var(--bb-color-steel_gray-1100);
635
639
  --sky-color-background-action-accent-focus: var(--bb-color-steel_gray-1000);
636
640
  --sky-color-background-action-accent-hover: var(--bb-color-steel_gray-1000);
641
+ --sky-color-background-action-brand-base: var(--bb-color-sky_dark-1000);
642
+ --sky-color-background-action-brand-focus: var(--bb-color-sky_dark-1000);
637
643
  --sky-color-background-action-danger-active: var(--bb-color-red_dark-300);
638
644
  --sky-color-background-action-danger-base: var(--bb-color-red_dark-400);
639
645
  --sky-color-background-action-danger-focus: var(--bb-color-red_dark-300);
@@ -708,16 +714,18 @@
708
714
  --sky-color-background-thumb-base: var(--bb-color-white);
709
715
  --sky-color-background-thumb-disabled: var(--bb-color-gray-400);
710
716
  --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel_gray-100-7);
711
- --sky-color-border-action-accent-hover: var(--bb-color-blue_dark-400);
717
+ --sky-color-border-action-accent-active: var(--bb-color-blue_dark-375);
718
+ --sky-color-border-action-accent-focus: var(--bb-color-blue_dark-375);
719
+ --sky-color-border-action-accent-hover: var(--bb-color-blue_dark-375);
712
720
  --sky-color-border-action-danger-active: var(--bb-color-red_dark-300);
713
721
  --sky-color-border-action-danger-base: var(--bb-color-red_dark-400);
714
722
  --sky-color-border-action-danger-focus: var(--bb-color-red_dark-300);
715
723
  --sky-color-border-action-danger-hover: var(--bb-color-red_dark-300);
716
- --sky-color-border-action-input-active: var(--bb-color-blue_dark-400);
724
+ --sky-color-border-action-input-active: var(--bb-color-blue_dark-375);
717
725
  --sky-color-border-action-input-base: var(--bb-color-steel_gray-800);
718
726
  --sky-color-border-action-input-disabled: var(--bb-color-steel_gray-500);
719
- --sky-color-border-action-input-focus: var(--bb-color-blue_dark-400);
720
- --sky-color-border-action-input-hover: var(--bb-color-blue_dark-400);
727
+ --sky-color-border-action-input-focus: var(--bb-color-blue_dark-375);
728
+ --sky-color-border-action-input-hover: var(--bb-color-blue_dark-375);
721
729
  --sky-color-border-action-primary-active: var(--bb-color-blue_dark-100);
722
730
  --sky-color-border-action-primary-base: var(--bb-color-blue_dark-375);
723
731
  --sky-color-border-action-primary-focus: var(--bb-color-blue_dark-100);
@@ -742,12 +750,12 @@
742
750
  --sky-color-border-divider: var(--bb-color-rgba-white-18);
743
751
  --sky-color-border-elevation: var(--bb-color-rgba-white-18);
744
752
  --sky-color-border-info: var(--bb-color-blue_dark-600);
745
- --sky-color-border-input-active: var(--bb-color-blue_dark-400);
753
+ --sky-color-border-input-active: var(--bb-color-blue_dark-375);
746
754
  --sky-color-border-input-base: var(--bb-color-steel_gray-800);
747
755
  --sky-color-border-input-disabled: var(--bb-color-steel_gray-500);
748
756
  --sky-color-border-input-error: var(--bb-color-red_dark-600);
749
- --sky-color-border-input-focus: var(--bb-color-blue_dark-400);
750
- --sky-color-border-input-hover: var(--bb-color-blue_dark-400);
757
+ --sky-color-border-input-focus: var(--bb-color-blue_dark-375);
758
+ --sky-color-border-input-hover: var(--bb-color-blue_dark-375);
751
759
  --sky-color-border-nav-active: var(--bb-color-blue_dark-375);
752
760
  --sky-color-border-nav-base: var(--bb-color-transparent);
753
761
  --sky-color-border-nav-disabled: var(--bb-color-steel_gray-500);
@@ -760,12 +768,12 @@
760
768
  --sky-color-border-separator-light: var(--bb-color-rgba-white-18);
761
769
  --sky-color-border-separator-row: var(--bb-color-rgba-white-18);
762
770
  --sky-color-border-success: var(--bb-color-green_dark-700);
763
- --sky-color-border-switch-active: var(--bb-color-blue_dark-400);
771
+ --sky-color-border-switch-active: var(--bb-color-blue_dark-375);
764
772
  --sky-color-border-switch-base: var(--bb-color-steel_gray-500);
765
773
  --sky-color-border-switch-disabled: var(--bb-color-steel_gray-500);
766
774
  --sky-color-border-switch-error: var(--bb-color-red_dark-600);
767
- --sky-color-border-switch-focus: var(--bb-color-blue_dark-400);
768
- --sky-color-border-switch-hover: var(--bb-color-blue_dark-400);
775
+ --sky-color-border-switch-focus: var(--bb-color-blue_dark-375);
776
+ --sky-color-border-switch-hover: var(--bb-color-blue_dark-375);
769
777
  --sky-color-border-switch-selected-active: var(--bb-color-blue_dark-100);
770
778
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
771
779
  --sky-color-border-switch-selected-disabled: var(--bb-color-steel_gray-500);
@@ -793,6 +801,7 @@
793
801
  --sky-color-classify-7-heavy: var(--bb-color-red_dark-300);
794
802
  --sky-color-classify-7-soft: var(--bb-color-red_dark-700);
795
803
  --sky-color-icon-action: var(--bb-color-blue_dark-400);
804
+ --sky-color-icon-action_brand: var(--bb-color-sky_dark-100);
796
805
  --sky-color-icon-danger: var(--bb-color-red_dark-400);
797
806
  --sky-color-icon-deemphasized: var(--bb-color-steel_gray-400);
798
807
  --sky-color-icon-default: var(--bb-color-steel_gray-100);
@@ -811,6 +820,7 @@
811
820
  --sky-color-illustration-fill-softest: var(--bb-color-steel_gray-1100);
812
821
  --sky-color-illustration-stroke: var(--bb-color-teal_dark-100);
813
822
  --sky-color-text-action: var(--bb-color-blue_dark-375);
823
+ --sky-color-text-action_brand: var(--bb-color-sky_dark-100);
814
824
  --sky-color-text-action_contrast: var(--bb-color-blue_dark-200);
815
825
  --sky-color-text-danger: var(--bb-color-red_dark-400);
816
826
  --sky-color-text-deemphasized: var(--bb-color-steel_gray-400);
@@ -836,7 +846,8 @@
836
846
  --sky-color-background-row-disabled: var(--sky-color-background-disabled);
837
847
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
838
848
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
839
- --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
849
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary-40);
850
+ --sky-color-border-action-brand-base: var(--bb-color-gradient-brand-secondary-40);
840
851
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
841
852
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
842
853
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "6.11.1",
3
+ "version": "6.11.2",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",