@blackbaud/skyux-design-tokens 3.0.0 → 3.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 +7 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +42 -1
  4. package/assets/scss/blackbaud.css +4 -1
  5. package/assets/scss/modern.css +1 -1
  6. package/bundles/base.css +42 -1
  7. package/bundles/blackbaud.css +4 -1
  8. package/bundles/modern.css +1 -1
  9. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [3.1.0](https://github.com/blackbaud/skyux-design-tokens/compare/3.0.0...3.1.0) (2025-10-14)
6
+
7
+
8
+ ### Features
9
+
10
+ * add tokens for omnibar elements ([#289](https://github.com/blackbaud/skyux-design-tokens/issues/289)) ([1a74b25](https://github.com/blackbaud/skyux-design-tokens/commit/1a74b259e96274d95b2f5ce3ffdbcb79e3e2151e))
11
+
5
12
  ## [3.0.0](https://github.com/blackbaud/skyux-design-tokens/compare/3.0.0-alpha.4...3.0.0) (2025-09-15)
6
13
 
7
14
 
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/3.0.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -167,7 +167,7 @@
167
167
  --bb-font-weight-light: 300;
168
168
  --bb-font-weight-regular: 400;
169
169
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png');
170
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
171
171
  --bb-letter_spacing-normal: normal;
172
172
  --bb-letter_spacing-wider: 0.16px;
173
173
  --bb-line_height-300: calc(18/13);
@@ -229,6 +229,7 @@
229
229
  --bb-space-8: 24px;
230
230
  --bb-space-9: 36px;
231
231
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
232
233
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
233
234
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
234
235
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
@@ -280,6 +281,7 @@
280
281
  --sky-color-background-container-info: var(--bb-color-blue-800);
281
282
  --sky-color-background-container-menu: var(--bb-color-gray-900);
282
283
  --sky-color-background-container-success: var(--bb-color-green-900);
284
+ --sky-color-background-container-tooltip: var(--bb-color-gray-25);
283
285
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
284
286
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
285
287
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
@@ -421,6 +423,11 @@
421
423
  }
422
424
  .sky-theme-modern.sky-theme-brand-base {
423
425
  --sky-brand-name: var(--bb-brand-name);
426
+ --sky-color-background-action-accent-active: var(--bb-color-blue-100);
427
+ --sky-color-background-action-accent-base: var(--bb-color-white);
428
+ --sky-color-background-action-accent-disabled: var(--bb-color-gray-50);
429
+ --sky-color-background-action-accent-focus: var(--bb-color-white);
430
+ --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
424
431
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
425
432
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
426
433
  --sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
@@ -453,6 +460,7 @@
453
460
  --sky-color-background-container-info: var(--bb-color-blue-200);
454
461
  --sky-color-background-container-menu: var(--bb-color-white);
455
462
  --sky-color-background-container-success: var(--bb-color-green-300);
463
+ --sky-color-background-container-tooltip: var(--bb-color-gray-900);
456
464
  --sky-color-background-container-warning: var(--bb-color-yellow-300);
457
465
  --sky-color-background-file_drop: var(--bb-color-gray-25);
458
466
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
@@ -492,6 +500,11 @@
492
500
  --sky-color-background-thumb-base: var(--bb-color-white);
493
501
  --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
494
502
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
503
+ --sky-color-border-action-accent-active: var(--bb-color-blue-600);
504
+ --sky-color-border-action-accent-base: var(--bb-color-gray-200);
505
+ --sky-color-border-action-accent-disabled: var(--bb-color-gray-200);
506
+ --sky-color-border-action-accent-focus: var(--bb-color-blue-600);
507
+ --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
495
508
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
496
509
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
497
510
  --sky-color-border-action-danger-disabled: var(--bb-color-gray-200);
@@ -783,6 +796,14 @@
783
796
  --sky-comp-dropdown-option-space-inset-left: var(--bb-size-fluid-100);
784
797
  --sky-comp-dropdown-option-space-inset-right: var(--bb-size-fluid-100);
785
798
  --sky-comp-dropdown-option-space-inset-top: var(--bb-size-fluid-50);
799
+ --sky-comp-dropdown-separator-space-inset-bottom: var(--bb-size-fluid-75);
800
+ --sky-comp-dropdown-separator-space-inset-left: var(--bb-size-fluid-100);
801
+ --sky-comp-dropdown-separator-space-inset-right: var(--bb-size-fluid-100);
802
+ --sky-comp-dropdown-separator-space-inset-top: var(--bb-size-fluid-75);
803
+ --sky-comp-dropdown-subheader-space-inset-bottom: var(--bb-size-fluid-25);
804
+ --sky-comp-dropdown-subheader-space-inset-left: var(--bb-size-fluid-100);
805
+ --sky-comp-dropdown-subheader-space-inset-right: var(--bb-size-fluid-100);
806
+ --sky-comp-dropdown-subheader-space-inset-top: var(--bb-size-fluid-75);
786
807
  --sky-comp-file_drop-content-space-inset-bottom: var(--bb-size-fluid-50);
787
808
  --sky-comp-file_drop-content-space-inset-left: var(--bb-size-fluid-50);
788
809
  --sky-comp-file_drop-content-space-inset-right: var(--bb-size-fluid-50);
@@ -951,6 +972,22 @@
951
972
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
952
973
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
953
974
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
975
+ --sky-comp-omnibar-vertical-item-space-inset-bottom: var(--bb-size-fixed-50);
976
+ --sky-comp-omnibar-vertical-item-space-inset-left: var(--bb-size-fixed-50);
977
+ --sky-comp-omnibar-vertical-item-space-inset-right: var(--bb-size-fixed-50);
978
+ --sky-comp-omnibar-vertical-item-space-inset-top: var(--bb-size-fixed-50);
979
+ --sky-comp-omnibar-vertical-menu-space-inset-bottom: var(--bb-size-fixed-75);
980
+ --sky-comp-omnibar-vertical-menu-space-inset-left: var(--bb-size-fixed-75);
981
+ --sky-comp-omnibar-vertical-menu-space-inset-right: var(--bb-size-fixed-75);
982
+ --sky-comp-omnibar-vertical-menu-space-inset-top: var(--bb-size-fixed-75);
983
+ --sky-comp-omnibar-vertical-subitem-space-inset-bottom: var(--bb-size-fluid-50);
984
+ --sky-comp-omnibar-vertical-subitem-space-inset-left: var(--bb-size-fluid-100);
985
+ --sky-comp-omnibar-vertical-subitem-space-inset-right: var(--bb-size-fluid-100);
986
+ --sky-comp-omnibar-vertical-subitem-space-inset-top: var(--bb-size-fluid-50);
987
+ --sky-comp-omnibar-vertical-submenu-space-inset-bottom: var(--bb-size-fluid-50);
988
+ --sky-comp-omnibar-vertical-submenu-space-inset-left: var(--bb-size-fluid-100);
989
+ --sky-comp-omnibar-vertical-submenu-space-inset-right: var(--bb-size-0);
990
+ --sky-comp-omnibar-vertical-submenu-space-inset-top: var(--bb-size-0);
954
991
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
955
992
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
956
993
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
@@ -1103,6 +1140,10 @@
1103
1140
  --sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
1104
1141
  --sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
1105
1142
  --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1143
+ --sky-comp-tooltip-space-inset-bottom: var(--bb-size-fluid-25);
1144
+ --sky-comp-tooltip-space-inset-left: var(--bb-size-fluid-50);
1145
+ --sky-comp-tooltip-space-inset-right: var(--bb-size-fluid-50);
1146
+ --sky-comp-tooltip-space-inset-top: var(--bb-size-fluid-25);
1106
1147
  --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1107
1148
  --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
1108
1149
  --sky-comp-tree-child-space-inset-right: var(--bb-size-0);
package/assets/scss/blackbaud.css CHANGED
@@ -167,7 +167,7 @@
167
167
  --bb-font-weight-light: 300;
168
168
  --bb-font-weight-regular: 400;
169
169
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png');
170
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
171
171
  --bb-letter_spacing-normal: normal;
172
172
  --bb-letter_spacing-wider: 0.16px;
173
173
  --bb-line_height-300: calc(18/13);
@@ -229,6 +229,7 @@
229
229
  --bb-space-8: 24px;
230
230
  --bb-space-9: 36px;
231
231
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
232
233
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
233
234
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
234
235
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
@@ -249,6 +250,7 @@
249
250
  }
250
251
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
251
252
  --sky-brand-name: var(--bb-brand-name);
253
+ --sky-color-background-action-accent-base: var(--bb-color-blue-25);
252
254
  --sky-color-background-container-dimmed: var(--bb-color-slate-25);
253
255
  --sky-color-background-file_drop: var(--bb-color-slate-25);
254
256
  --sky-color-background-input-base: var(--bb-color-slate-25);
@@ -296,6 +298,7 @@
296
298
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
297
299
  --sky-opacity-wait: var(--bb-opacity-600);
298
300
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
301
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
299
302
  --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
300
303
  --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
301
304
  --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
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/3.0.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.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
@@ -167,7 +167,7 @@
167
167
  --bb-font-weight-light: 300;
168
168
  --bb-font-weight-regular: 400;
169
169
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png');
170
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
171
171
  --bb-letter_spacing-normal: normal;
172
172
  --bb-letter_spacing-wider: 0.16px;
173
173
  --bb-line_height-300: calc(18/13);
@@ -229,6 +229,7 @@
229
229
  --bb-space-8: 24px;
230
230
  --bb-space-9: 36px;
231
231
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
232
233
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
233
234
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
234
235
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
@@ -280,6 +281,7 @@
280
281
  --sky-color-background-container-info: var(--bb-color-blue-800);
281
282
  --sky-color-background-container-menu: var(--bb-color-gray-900);
282
283
  --sky-color-background-container-success: var(--bb-color-green-900);
284
+ --sky-color-background-container-tooltip: var(--bb-color-gray-25);
283
285
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
284
286
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
285
287
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
@@ -421,6 +423,11 @@
421
423
  }
422
424
  .sky-theme-modern.sky-theme-brand-base {
423
425
  --sky-brand-name: var(--bb-brand-name);
426
+ --sky-color-background-action-accent-active: var(--bb-color-blue-100);
427
+ --sky-color-background-action-accent-base: var(--bb-color-white);
428
+ --sky-color-background-action-accent-disabled: var(--bb-color-gray-50);
429
+ --sky-color-background-action-accent-focus: var(--bb-color-white);
430
+ --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
424
431
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
425
432
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
426
433
  --sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
@@ -453,6 +460,7 @@
453
460
  --sky-color-background-container-info: var(--bb-color-blue-200);
454
461
  --sky-color-background-container-menu: var(--bb-color-white);
455
462
  --sky-color-background-container-success: var(--bb-color-green-300);
463
+ --sky-color-background-container-tooltip: var(--bb-color-gray-900);
456
464
  --sky-color-background-container-warning: var(--bb-color-yellow-300);
457
465
  --sky-color-background-file_drop: var(--bb-color-gray-25);
458
466
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
@@ -492,6 +500,11 @@
492
500
  --sky-color-background-thumb-base: var(--bb-color-white);
493
501
  --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
494
502
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
503
+ --sky-color-border-action-accent-active: var(--bb-color-blue-600);
504
+ --sky-color-border-action-accent-base: var(--bb-color-gray-200);
505
+ --sky-color-border-action-accent-disabled: var(--bb-color-gray-200);
506
+ --sky-color-border-action-accent-focus: var(--bb-color-blue-600);
507
+ --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
495
508
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
496
509
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
497
510
  --sky-color-border-action-danger-disabled: var(--bb-color-gray-200);
@@ -783,6 +796,14 @@
783
796
  --sky-comp-dropdown-option-space-inset-left: var(--bb-size-fluid-100);
784
797
  --sky-comp-dropdown-option-space-inset-right: var(--bb-size-fluid-100);
785
798
  --sky-comp-dropdown-option-space-inset-top: var(--bb-size-fluid-50);
799
+ --sky-comp-dropdown-separator-space-inset-bottom: var(--bb-size-fluid-75);
800
+ --sky-comp-dropdown-separator-space-inset-left: var(--bb-size-fluid-100);
801
+ --sky-comp-dropdown-separator-space-inset-right: var(--bb-size-fluid-100);
802
+ --sky-comp-dropdown-separator-space-inset-top: var(--bb-size-fluid-75);
803
+ --sky-comp-dropdown-subheader-space-inset-bottom: var(--bb-size-fluid-25);
804
+ --sky-comp-dropdown-subheader-space-inset-left: var(--bb-size-fluid-100);
805
+ --sky-comp-dropdown-subheader-space-inset-right: var(--bb-size-fluid-100);
806
+ --sky-comp-dropdown-subheader-space-inset-top: var(--bb-size-fluid-75);
786
807
  --sky-comp-file_drop-content-space-inset-bottom: var(--bb-size-fluid-50);
787
808
  --sky-comp-file_drop-content-space-inset-left: var(--bb-size-fluid-50);
788
809
  --sky-comp-file_drop-content-space-inset-right: var(--bb-size-fluid-50);
@@ -951,6 +972,22 @@
951
972
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
952
973
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
953
974
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
975
+ --sky-comp-omnibar-vertical-item-space-inset-bottom: var(--bb-size-fixed-50);
976
+ --sky-comp-omnibar-vertical-item-space-inset-left: var(--bb-size-fixed-50);
977
+ --sky-comp-omnibar-vertical-item-space-inset-right: var(--bb-size-fixed-50);
978
+ --sky-comp-omnibar-vertical-item-space-inset-top: var(--bb-size-fixed-50);
979
+ --sky-comp-omnibar-vertical-menu-space-inset-bottom: var(--bb-size-fixed-75);
980
+ --sky-comp-omnibar-vertical-menu-space-inset-left: var(--bb-size-fixed-75);
981
+ --sky-comp-omnibar-vertical-menu-space-inset-right: var(--bb-size-fixed-75);
982
+ --sky-comp-omnibar-vertical-menu-space-inset-top: var(--bb-size-fixed-75);
983
+ --sky-comp-omnibar-vertical-subitem-space-inset-bottom: var(--bb-size-fluid-50);
984
+ --sky-comp-omnibar-vertical-subitem-space-inset-left: var(--bb-size-fluid-100);
985
+ --sky-comp-omnibar-vertical-subitem-space-inset-right: var(--bb-size-fluid-100);
986
+ --sky-comp-omnibar-vertical-subitem-space-inset-top: var(--bb-size-fluid-50);
987
+ --sky-comp-omnibar-vertical-submenu-space-inset-bottom: var(--bb-size-fluid-50);
988
+ --sky-comp-omnibar-vertical-submenu-space-inset-left: var(--bb-size-fluid-100);
989
+ --sky-comp-omnibar-vertical-submenu-space-inset-right: var(--bb-size-0);
990
+ --sky-comp-omnibar-vertical-submenu-space-inset-top: var(--bb-size-0);
954
991
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
955
992
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
956
993
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
@@ -1103,6 +1140,10 @@
1103
1140
  --sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
1104
1141
  --sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
1105
1142
  --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1143
+ --sky-comp-tooltip-space-inset-bottom: var(--bb-size-fluid-25);
1144
+ --sky-comp-tooltip-space-inset-left: var(--bb-size-fluid-50);
1145
+ --sky-comp-tooltip-space-inset-right: var(--bb-size-fluid-50);
1146
+ --sky-comp-tooltip-space-inset-top: var(--bb-size-fluid-25);
1106
1147
  --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1107
1148
  --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
1108
1149
  --sky-comp-tree-child-space-inset-right: var(--bb-size-0);
package/bundles/blackbaud.css CHANGED
@@ -167,7 +167,7 @@
167
167
  --bb-font-weight-light: 300;
168
168
  --bb-font-weight-regular: 400;
169
169
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png');
170
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
171
171
  --bb-letter_spacing-normal: normal;
172
172
  --bb-letter_spacing-wider: 0.16px;
173
173
  --bb-line_height-300: calc(18/13);
@@ -229,6 +229,7 @@
229
229
  --bb-space-8: 24px;
230
230
  --bb-space-9: 36px;
231
231
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
232
233
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
233
234
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
234
235
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
@@ -249,6 +250,7 @@
249
250
  }
250
251
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
251
252
  --sky-brand-name: var(--bb-brand-name);
253
+ --sky-color-background-action-accent-base: var(--bb-color-blue-25);
252
254
  --sky-color-background-container-dimmed: var(--bb-color-slate-25);
253
255
  --sky-color-background-file_drop: var(--bb-color-slate-25);
254
256
  --sky-color-background-input-base: var(--bb-color-slate-25);
@@ -296,6 +298,7 @@
296
298
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
297
299
  --sky-opacity-wait: var(--bb-opacity-600);
298
300
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
301
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
299
302
  --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
300
303
  --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
301
304
  --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
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/3.0.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.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": "3.0.0",
3
+ "version": "3.1.0",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "devDependencies": {
20
20
  "@blackbaud/skyux-branding-builder": "1.0.0",
21
- "@skyux/dev-infra-private": "github:blackbaud/skyux-dev-infra-private-builds#12.0.0-alpha.7",
21
+ "@skyux/dev-infra-private": "github:blackbaud/skyux-dev-infra-private-builds#12.0.0-alpha.10",
22
22
  "@tokens-studio/sd-transforms": "1.3.0",
23
23
  "@types/fs-extra": "11.0.4",
24
24
  "@types/node": "22.15.19",