@blackbaud/skyux-design-tokens 4.3.0 → 5.1.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 (9) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +33 -15
  4. package/assets/scss/blackbaud.css +17 -9
  5. package/assets/scss/modern.css +1 -1
  6. package/bundles/base.css +33 -15
  7. package/bundles/blackbaud.css +17 -9
  8. package/bundles/modern.css +1 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [5.1.0](https://github.com/blackbaud/skyux-design-tokens/compare/5.0.0...5.1.0) (2026-02-26)
6
+
7
+
8
+ ### Features
9
+
10
+ * chart component tokens color scale updates ([#321](https://github.com/blackbaud/skyux-design-tokens/issues/321)) ([1121b0b](https://github.com/blackbaud/skyux-design-tokens/commit/1121b0bb4ebd387f158c64a95fd17ac097d477ac))
11
+
12
+ ## [5.0.0](https://github.com/blackbaud/skyux-design-tokens/compare/4.3.0...5.0.0) (2026-02-24)
13
+
14
+
15
+ ### ⚠ BREAKING CHANGES
16
+
17
+ * change default text color ([#322](https://github.com/blackbaud/skyux-design-tokens/issues/322))
18
+
19
+ ### Bug Fixes
20
+
21
+ * change default text color ([#322](https://github.com/blackbaud/skyux-design-tokens/issues/322)) ([c6dc199](https://github.com/blackbaud/skyux-design-tokens/commit/c6dc1998b7056a0f17560b28f27c85895adaa59f))
22
+
5
23
  ## [4.3.0](https://github.com/blackbaud/skyux-design-tokens/compare/4.2.1...4.3.0) (2026-02-12)
6
24
 
7
25
 
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/4.3.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -77,6 +77,7 @@
77
77
  --bb-color-blue-600: #2b6bd5;
78
78
  --bb-color-blue-700: #2256aa;
79
79
  --bb-color-blue-800: #1a4080;
80
+ --bb-color-blue-850: #16366b;
80
81
  --bb-color-blue-900: #112b55;
81
82
  --bb-color-brand-impact_green: #0cd973;
82
83
  --bb-color-brand-trusted_blue: #004054;
@@ -86,6 +87,7 @@
86
87
  --bb-color-gray-1200: #0f1114;
87
88
  --bb-color-gray-200: #e0e1e2;
88
89
  --bb-color-gray-25: #fbfbfb;
90
+ --bb-color-gray-250: #d5d6d8;
89
91
  --bb-color-gray-300: #c2c4c6;
90
92
  --bb-color-gray-400: #a3a6a9;
91
93
  --bb-color-gray-50: #f4f4f5;
@@ -93,6 +95,7 @@
93
95
  --bb-color-gray-600: #666b70;
94
96
  --bb-color-gray-700: #51555c;
95
97
  --bb-color-gray-800: #3b4047;
98
+ --bb-color-gray-850: #30363d;
96
99
  --bb-color-gray-900: #252b33;
97
100
  --bb-color-green-100: #d8f9e9;
98
101
  --bb-color-green-1000: #033019;
@@ -197,6 +200,7 @@
197
200
  --bb-color-slate-600: #536f9d;
198
201
  --bb-color-slate-700: #42597e;
199
202
  --bb-color-slate-800: #32435e;
203
+ --bb-color-slate-850: #2a384f;
200
204
  --bb-color-slate-900: #212c3f;
201
205
  --bb-color-teal-100: #dcf6f5;
202
206
  --bb-color-teal-1000: #022a28;
@@ -255,15 +259,15 @@
255
259
  --bb-font-weight-light: 300;
256
260
  --bb-font-weight-regular: 400;
257
261
  --bb-font-weight-semibold: 600;
258
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png');
259
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
260
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
261
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
262
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
263
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
264
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
265
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
266
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
262
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/bb-logo.png');
263
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
264
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-light.svg');
265
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
266
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
267
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
268
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
269
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
270
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
267
271
  --bb-letter_spacing-normal: normal;
268
272
  --bb-letter_spacing-wider: 0.01rem;
269
273
  --bb-letter_spacing-widest: 0.046875rem;
@@ -337,6 +341,7 @@
337
341
  --bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
338
342
  --bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
339
343
  --bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
344
+ --bb-shadow-gray-simple-400: 1px 2px 4px 0 rgba(22, 26, 31, 0.5);
340
345
  --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
341
346
  --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
342
347
  --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
@@ -345,6 +350,7 @@
345
350
  --bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
346
351
  --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
347
352
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
353
+ --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
348
354
  }
349
355
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
350
356
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
@@ -551,7 +557,7 @@
551
557
  --sky-color-viz-diverge-pos-7: var(--bb-color-blue-400);
552
558
  --sky-color-viz-diverge-pos-8: var(--bb-color-blue-300);
553
559
  --sky-color-viz-diverge-pos-9: var(--bb-color-blue-200);
554
- --sky-color-viz-gridline: var(--bb-color-gray-900);
560
+ --sky-color-viz-gridline: var(--bb-color-gray-850);
555
561
  --sky-color-viz-marker: var(--bb-color-gray-200);
556
562
  --sky-color-viz-sequence-1: var(--bb-color-teal-1000);
557
563
  --sky-color-viz-sequence-10: var(--bb-color-teal-100);
@@ -595,6 +601,7 @@
595
601
  --sky-elevation-overlay-200: var(--bb-shadow-gray-800);
596
602
  --sky-elevation-overlay-300: var(--bb-shadow-gray-1600);
597
603
  --sky-elevation-overlay-400: var(--bb-shadow-gray-2400);
604
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
598
605
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
599
606
  }
600
607
  .sky-theme-modern.sky-theme-brand-base {
@@ -630,7 +637,7 @@
630
637
  --sky-color-background-container-info: var(--bb-color-blue-200);
631
638
  --sky-color-background-container-menu: var(--bb-color-white);
632
639
  --sky-color-background-container-success: var(--bb-color-green-200);
633
- --sky-color-background-container-tooltip: var(--bb-color-gray-900);
640
+ --sky-color-background-container-tooltip: var(--bb-color-gray-1000);
634
641
  --sky-color-background-container-warning: var(--bb-color-yellow-200);
635
642
  --sky-color-background-disabled: var(--bb-color-gray-100);
636
643
  --sky-color-background-file_drop: var(--bb-color-gray-25);
@@ -753,7 +760,7 @@
753
760
  --sky-color-icon-action: var(--bb-color-blue-600);
754
761
  --sky-color-icon-danger: var(--bb-color-red-600);
755
762
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
756
- --sky-color-icon-default: var(--bb-color-gray-900);
763
+ --sky-color-icon-default: var(--bb-color-gray-1000);
757
764
  --sky-color-icon-eyebrow: var(--bb-color-brand-impact_green);
758
765
  --sky-color-icon-info: var(--bb-color-blue-600);
759
766
  --sky-color-icon-input-action: var(--bb-color-gray-600);
@@ -769,7 +776,7 @@
769
776
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
770
777
  --sky-color-text-danger: var(--bb-color-red-600);
771
778
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
772
- --sky-color-text-default: var(--bb-color-gray-900);
779
+ --sky-color-text-default: var(--bb-color-gray-1000);
773
780
  --sky-color-text-heading: var(--bb-color-gray-1100);
774
781
  --sky-color-text-inverse: var(--bb-color-white);
775
782
  --sky-color-text-selected: var(--bb-color-blue-600);
@@ -802,8 +809,8 @@
802
809
  --sky-color-viz-diverge-pos-7: var(--bb-color-blue-700);
803
810
  --sky-color-viz-diverge-pos-8: var(--bb-color-blue-800);
804
811
  --sky-color-viz-diverge-pos-9: var(--bb-color-blue-900);
805
- --sky-color-viz-gridline: var(--bb-color-gray-200);
806
- --sky-color-viz-marker: var(--bb-color-gray-900);
812
+ --sky-color-viz-gridline: var(--bb-color-gray-250);
813
+ --sky-color-viz-marker: var(--bb-color-gray-1000);
807
814
  --sky-color-viz-sequence-1: var(--bb-color-teal-100);
808
815
  --sky-color-viz-sequence-10: var(--bb-color-teal-1000);
809
816
  --sky-color-viz-sequence-2: var(--bb-color-teal-200);
@@ -879,6 +886,7 @@
879
886
  --sky-elevation-overlay-200: var(--bb-shadow-gray-800);
880
887
  --sky-elevation-overlay-300: var(--bb-shadow-gray-1600);
881
888
  --sky-elevation-overlay-400: var(--bb-shadow-gray-2400);
889
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
882
890
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
883
891
  }
884
892
  .sky-theme-modern.sky-theme-brand-base {
@@ -1009,6 +1017,14 @@
1009
1017
  --sky-comp-card-space-offset-left: var(--bb-size-0);
1010
1018
  --sky-comp-card-space-offset-right: var(--bb-size-fluid-50);
1011
1019
  --sky-comp-card-space-offset-top: var(--bb-size-0);
1020
+ --sky-comp-chart-legend_item-space-inset-bottom: var(--bb-size-fluid-25);
1021
+ --sky-comp-chart-legend_item-space-inset-left: var(--bb-size-fluid-50);
1022
+ --sky-comp-chart-legend_item-space-inset-right: var(--bb-size-fluid-50);
1023
+ --sky-comp-chart-legend_item-space-inset-top: var(--bb-size-fluid-25);
1024
+ --sky-comp-chart-tooltip-space-inset-bottom: var(--bb-size-fluid-50);
1025
+ --sky-comp-chart-tooltip-space-inset-left: var(--bb-size-fluid-50);
1026
+ --sky-comp-chart-tooltip-space-inset-right: var(--bb-size-fluid-50);
1027
+ --sky-comp-chart-tooltip-space-inset-top: var(--bb-size-fluid-50);
1012
1028
  --sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
1013
1029
  --sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
1014
1030
  --sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
@@ -1457,6 +1473,8 @@
1457
1473
  --sky-size-avatar-l: var(--bb-size-fluid-550);
1458
1474
  --sky-size-avatar-m: var(--bb-size-fluid-350);
1459
1475
  --sky-size-avatar-s: var(--bb-size-fluid-200);
1476
+ --sky-size-chart-tick_length-category: var(--bb-size-0);
1477
+ --sky-size-chart-tick_length-measure: var(--bb-size-fluid-75);
1460
1478
  --sky-size-icon-l: var(--bb-size-fluid-150);
1461
1479
  --sky-size-icon-m: var(--bb-size-fluid-125);
1462
1480
  --sky-size-icon-s: var(--bb-size-fluid-100);
package/assets/scss/blackbaud.css CHANGED
@@ -77,6 +77,7 @@
77
77
  --bb-color-blue-600: #2b6bd5;
78
78
  --bb-color-blue-700: #2256aa;
79
79
  --bb-color-blue-800: #1a4080;
80
+ --bb-color-blue-850: #16366b;
80
81
  --bb-color-blue-900: #112b55;
81
82
  --bb-color-brand-impact_green: #0cd973;
82
83
  --bb-color-brand-trusted_blue: #004054;
@@ -86,6 +87,7 @@
86
87
  --bb-color-gray-1200: #0f1114;
87
88
  --bb-color-gray-200: #e0e1e2;
88
89
  --bb-color-gray-25: #fbfbfb;
90
+ --bb-color-gray-250: #d5d6d8;
89
91
  --bb-color-gray-300: #c2c4c6;
90
92
  --bb-color-gray-400: #a3a6a9;
91
93
  --bb-color-gray-50: #f4f4f5;
@@ -93,6 +95,7 @@
93
95
  --bb-color-gray-600: #666b70;
94
96
  --bb-color-gray-700: #51555c;
95
97
  --bb-color-gray-800: #3b4047;
98
+ --bb-color-gray-850: #30363d;
96
99
  --bb-color-gray-900: #252b33;
97
100
  --bb-color-green-100: #d8f9e9;
98
101
  --bb-color-green-1000: #033019;
@@ -197,6 +200,7 @@
197
200
  --bb-color-slate-600: #536f9d;
198
201
  --bb-color-slate-700: #42597e;
199
202
  --bb-color-slate-800: #32435e;
203
+ --bb-color-slate-850: #2a384f;
200
204
  --bb-color-slate-900: #212c3f;
201
205
  --bb-color-teal-100: #dcf6f5;
202
206
  --bb-color-teal-1000: #022a28;
@@ -255,15 +259,15 @@
255
259
  --bb-font-weight-light: 300;
256
260
  --bb-font-weight-regular: 400;
257
261
  --bb-font-weight-semibold: 600;
258
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png');
259
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
260
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
261
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
262
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
263
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
264
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
265
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
266
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
262
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/bb-logo.png');
263
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
264
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-light.svg');
265
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
266
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
267
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
268
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
269
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
270
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
267
271
  --bb-letter_spacing-normal: normal;
268
272
  --bb-letter_spacing-wider: 0.01rem;
269
273
  --bb-letter_spacing-widest: 0.046875rem;
@@ -337,6 +341,7 @@
337
341
  --bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
338
342
  --bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
339
343
  --bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
344
+ --bb-shadow-gray-simple-400: 1px 2px 4px 0 rgba(22, 26, 31, 0.5);
340
345
  --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
341
346
  --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
342
347
  --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
@@ -345,6 +350,7 @@
345
350
  --bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
346
351
  --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
347
352
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
353
+ --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
348
354
  }
349
355
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
350
356
  --sky-brand-name: var(--bb-brand-name);
@@ -414,6 +420,7 @@
414
420
  --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
415
421
  --sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
416
422
  --sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
423
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-slate-simple-400);
417
424
  --sky-elevation-raised-100: var(--bb-shadow-slate-100);
418
425
  }
419
426
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
@@ -597,5 +604,6 @@
597
604
  --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
598
605
  --sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
599
606
  --sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
607
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-slate-simple-400);
600
608
  --sky-elevation-raised-100: var(--bb-shadow-slate-100);
601
609
  }
package/assets/scss/modern.css CHANGED
@@ -77,7 +77,7 @@
77
77
  --modern-font-weight-light: 300;
78
78
  --modern-font-weight-regular: 400;
79
79
  --modern-font-weight-semibold: 600;
80
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/bb-logo.png');
81
81
  --modern-letter_spacing-normal: normal;
82
82
  --modern-line_height-110: 1.1;
83
83
  --modern-line_height-115: 1.15;
package/bundles/base.css CHANGED
@@ -77,6 +77,7 @@
77
77
  --bb-color-blue-600: #2b6bd5;
78
78
  --bb-color-blue-700: #2256aa;
79
79
  --bb-color-blue-800: #1a4080;
80
+ --bb-color-blue-850: #16366b;
80
81
  --bb-color-blue-900: #112b55;
81
82
  --bb-color-brand-impact_green: #0cd973;
82
83
  --bb-color-brand-trusted_blue: #004054;
@@ -86,6 +87,7 @@
86
87
  --bb-color-gray-1200: #0f1114;
87
88
  --bb-color-gray-200: #e0e1e2;
88
89
  --bb-color-gray-25: #fbfbfb;
90
+ --bb-color-gray-250: #d5d6d8;
89
91
  --bb-color-gray-300: #c2c4c6;
90
92
  --bb-color-gray-400: #a3a6a9;
91
93
  --bb-color-gray-50: #f4f4f5;
@@ -93,6 +95,7 @@
93
95
  --bb-color-gray-600: #666b70;
94
96
  --bb-color-gray-700: #51555c;
95
97
  --bb-color-gray-800: #3b4047;
98
+ --bb-color-gray-850: #30363d;
96
99
  --bb-color-gray-900: #252b33;
97
100
  --bb-color-green-100: #d8f9e9;
98
101
  --bb-color-green-1000: #033019;
@@ -197,6 +200,7 @@
197
200
  --bb-color-slate-600: #536f9d;
198
201
  --bb-color-slate-700: #42597e;
199
202
  --bb-color-slate-800: #32435e;
203
+ --bb-color-slate-850: #2a384f;
200
204
  --bb-color-slate-900: #212c3f;
201
205
  --bb-color-teal-100: #dcf6f5;
202
206
  --bb-color-teal-1000: #022a28;
@@ -255,15 +259,15 @@
255
259
  --bb-font-weight-light: 300;
256
260
  --bb-font-weight-regular: 400;
257
261
  --bb-font-weight-semibold: 600;
258
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png');
259
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
260
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
261
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
262
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
263
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
264
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
265
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
266
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
262
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/bb-logo.png');
263
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
264
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-light.svg');
265
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
266
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
267
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
268
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
269
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
270
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
267
271
  --bb-letter_spacing-normal: normal;
268
272
  --bb-letter_spacing-wider: 0.01rem;
269
273
  --bb-letter_spacing-widest: 0.046875rem;
@@ -337,6 +341,7 @@
337
341
  --bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
338
342
  --bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
339
343
  --bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
344
+ --bb-shadow-gray-simple-400: 1px 2px 4px 0 rgba(22, 26, 31, 0.5);
340
345
  --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
341
346
  --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
342
347
  --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
@@ -345,6 +350,7 @@
345
350
  --bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
346
351
  --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
347
352
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
353
+ --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
348
354
  }
349
355
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
350
356
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
@@ -551,7 +557,7 @@
551
557
  --sky-color-viz-diverge-pos-7: var(--bb-color-blue-400);
552
558
  --sky-color-viz-diverge-pos-8: var(--bb-color-blue-300);
553
559
  --sky-color-viz-diverge-pos-9: var(--bb-color-blue-200);
554
- --sky-color-viz-gridline: var(--bb-color-gray-900);
560
+ --sky-color-viz-gridline: var(--bb-color-gray-850);
555
561
  --sky-color-viz-marker: var(--bb-color-gray-200);
556
562
  --sky-color-viz-sequence-1: var(--bb-color-teal-1000);
557
563
  --sky-color-viz-sequence-10: var(--bb-color-teal-100);
@@ -595,6 +601,7 @@
595
601
  --sky-elevation-overlay-200: var(--bb-shadow-gray-800);
596
602
  --sky-elevation-overlay-300: var(--bb-shadow-gray-1600);
597
603
  --sky-elevation-overlay-400: var(--bb-shadow-gray-2400);
604
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
598
605
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
599
606
  }
600
607
  .sky-theme-modern.sky-theme-brand-base {
@@ -630,7 +637,7 @@
630
637
  --sky-color-background-container-info: var(--bb-color-blue-200);
631
638
  --sky-color-background-container-menu: var(--bb-color-white);
632
639
  --sky-color-background-container-success: var(--bb-color-green-200);
633
- --sky-color-background-container-tooltip: var(--bb-color-gray-900);
640
+ --sky-color-background-container-tooltip: var(--bb-color-gray-1000);
634
641
  --sky-color-background-container-warning: var(--bb-color-yellow-200);
635
642
  --sky-color-background-disabled: var(--bb-color-gray-100);
636
643
  --sky-color-background-file_drop: var(--bb-color-gray-25);
@@ -753,7 +760,7 @@
753
760
  --sky-color-icon-action: var(--bb-color-blue-600);
754
761
  --sky-color-icon-danger: var(--bb-color-red-600);
755
762
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
756
- --sky-color-icon-default: var(--bb-color-gray-900);
763
+ --sky-color-icon-default: var(--bb-color-gray-1000);
757
764
  --sky-color-icon-eyebrow: var(--bb-color-brand-impact_green);
758
765
  --sky-color-icon-info: var(--bb-color-blue-600);
759
766
  --sky-color-icon-input-action: var(--bb-color-gray-600);
@@ -769,7 +776,7 @@
769
776
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
770
777
  --sky-color-text-danger: var(--bb-color-red-600);
771
778
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
772
- --sky-color-text-default: var(--bb-color-gray-900);
779
+ --sky-color-text-default: var(--bb-color-gray-1000);
773
780
  --sky-color-text-heading: var(--bb-color-gray-1100);
774
781
  --sky-color-text-inverse: var(--bb-color-white);
775
782
  --sky-color-text-selected: var(--bb-color-blue-600);
@@ -802,8 +809,8 @@
802
809
  --sky-color-viz-diverge-pos-7: var(--bb-color-blue-700);
803
810
  --sky-color-viz-diverge-pos-8: var(--bb-color-blue-800);
804
811
  --sky-color-viz-diverge-pos-9: var(--bb-color-blue-900);
805
- --sky-color-viz-gridline: var(--bb-color-gray-200);
806
- --sky-color-viz-marker: var(--bb-color-gray-900);
812
+ --sky-color-viz-gridline: var(--bb-color-gray-250);
813
+ --sky-color-viz-marker: var(--bb-color-gray-1000);
807
814
  --sky-color-viz-sequence-1: var(--bb-color-teal-100);
808
815
  --sky-color-viz-sequence-10: var(--bb-color-teal-1000);
809
816
  --sky-color-viz-sequence-2: var(--bb-color-teal-200);
@@ -879,6 +886,7 @@
879
886
  --sky-elevation-overlay-200: var(--bb-shadow-gray-800);
880
887
  --sky-elevation-overlay-300: var(--bb-shadow-gray-1600);
881
888
  --sky-elevation-overlay-400: var(--bb-shadow-gray-2400);
889
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
882
890
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
883
891
  }
884
892
  .sky-theme-modern.sky-theme-brand-base {
@@ -1009,6 +1017,14 @@
1009
1017
  --sky-comp-card-space-offset-left: var(--bb-size-0);
1010
1018
  --sky-comp-card-space-offset-right: var(--bb-size-fluid-50);
1011
1019
  --sky-comp-card-space-offset-top: var(--bb-size-0);
1020
+ --sky-comp-chart-legend_item-space-inset-bottom: var(--bb-size-fluid-25);
1021
+ --sky-comp-chart-legend_item-space-inset-left: var(--bb-size-fluid-50);
1022
+ --sky-comp-chart-legend_item-space-inset-right: var(--bb-size-fluid-50);
1023
+ --sky-comp-chart-legend_item-space-inset-top: var(--bb-size-fluid-25);
1024
+ --sky-comp-chart-tooltip-space-inset-bottom: var(--bb-size-fluid-50);
1025
+ --sky-comp-chart-tooltip-space-inset-left: var(--bb-size-fluid-50);
1026
+ --sky-comp-chart-tooltip-space-inset-right: var(--bb-size-fluid-50);
1027
+ --sky-comp-chart-tooltip-space-inset-top: var(--bb-size-fluid-50);
1012
1028
  --sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
1013
1029
  --sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
1014
1030
  --sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
@@ -1457,6 +1473,8 @@
1457
1473
  --sky-size-avatar-l: var(--bb-size-fluid-550);
1458
1474
  --sky-size-avatar-m: var(--bb-size-fluid-350);
1459
1475
  --sky-size-avatar-s: var(--bb-size-fluid-200);
1476
+ --sky-size-chart-tick_length-category: var(--bb-size-0);
1477
+ --sky-size-chart-tick_length-measure: var(--bb-size-fluid-75);
1460
1478
  --sky-size-icon-l: var(--bb-size-fluid-150);
1461
1479
  --sky-size-icon-m: var(--bb-size-fluid-125);
1462
1480
  --sky-size-icon-s: var(--bb-size-fluid-100);
package/bundles/blackbaud.css CHANGED
@@ -77,6 +77,7 @@
77
77
  --bb-color-blue-600: #2b6bd5;
78
78
  --bb-color-blue-700: #2256aa;
79
79
  --bb-color-blue-800: #1a4080;
80
+ --bb-color-blue-850: #16366b;
80
81
  --bb-color-blue-900: #112b55;
81
82
  --bb-color-brand-impact_green: #0cd973;
82
83
  --bb-color-brand-trusted_blue: #004054;
@@ -86,6 +87,7 @@
86
87
  --bb-color-gray-1200: #0f1114;
87
88
  --bb-color-gray-200: #e0e1e2;
88
89
  --bb-color-gray-25: #fbfbfb;
90
+ --bb-color-gray-250: #d5d6d8;
89
91
  --bb-color-gray-300: #c2c4c6;
90
92
  --bb-color-gray-400: #a3a6a9;
91
93
  --bb-color-gray-50: #f4f4f5;
@@ -93,6 +95,7 @@
93
95
  --bb-color-gray-600: #666b70;
94
96
  --bb-color-gray-700: #51555c;
95
97
  --bb-color-gray-800: #3b4047;
98
+ --bb-color-gray-850: #30363d;
96
99
  --bb-color-gray-900: #252b33;
97
100
  --bb-color-green-100: #d8f9e9;
98
101
  --bb-color-green-1000: #033019;
@@ -197,6 +200,7 @@
197
200
  --bb-color-slate-600: #536f9d;
198
201
  --bb-color-slate-700: #42597e;
199
202
  --bb-color-slate-800: #32435e;
203
+ --bb-color-slate-850: #2a384f;
200
204
  --bb-color-slate-900: #212c3f;
201
205
  --bb-color-teal-100: #dcf6f5;
202
206
  --bb-color-teal-1000: #022a28;
@@ -255,15 +259,15 @@
255
259
  --bb-font-weight-light: 300;
256
260
  --bb-font-weight-regular: 400;
257
261
  --bb-font-weight-semibold: 600;
258
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png');
259
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
260
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
261
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
262
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
263
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
264
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
265
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
266
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
262
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/bb-logo.png');
263
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
264
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-base-light.svg');
265
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
266
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
267
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
268
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
269
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
270
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
267
271
  --bb-letter_spacing-normal: normal;
268
272
  --bb-letter_spacing-wider: 0.01rem;
269
273
  --bb-letter_spacing-widest: 0.046875rem;
@@ -337,6 +341,7 @@
337
341
  --bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
338
342
  --bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
339
343
  --bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
344
+ --bb-shadow-gray-simple-400: 1px 2px 4px 0 rgba(22, 26, 31, 0.5);
340
345
  --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
341
346
  --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
342
347
  --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
@@ -345,6 +350,7 @@
345
350
  --bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
346
351
  --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
347
352
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
353
+ --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
348
354
  }
349
355
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
350
356
  --sky-brand-name: var(--bb-brand-name);
@@ -414,6 +420,7 @@
414
420
  --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
415
421
  --sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
416
422
  --sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
423
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-slate-simple-400);
417
424
  --sky-elevation-raised-100: var(--bb-shadow-slate-100);
418
425
  }
419
426
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
@@ -597,5 +604,6 @@
597
604
  --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
598
605
  --sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
599
606
  --sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
607
+ --sky-elevation-overlay-simple-100: var(--bb-shadow-slate-simple-400);
600
608
  --sky-elevation-raised-100: var(--bb-shadow-slate-100);
601
609
  }
package/bundles/modern.css CHANGED
@@ -77,7 +77,7 @@
77
77
  --modern-font-weight-light: 300;
78
78
  --modern-font-weight-regular: 400;
79
79
  --modern-font-weight-semibold: 600;
80
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.1.0/assets/images/bb-logo.png');
81
81
  --modern-letter_spacing-normal: normal;
82
82
  --modern-line_height-110: 1.1;
83
83
  --modern-line_height-115: 1.15;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "4.3.0",
3
+ "version": "5.1.0",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",