@skyux/theme 13.4.1 → 13.5.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.
- package/css/themes/modern/styles.css +46 -2
- package/package.json +2 -2
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
--bb-font-weight-light: 300;
|
|
167
167
|
--bb-font-weight-regular: 400;
|
|
168
168
|
--bb-font-weight-semibold: 600;
|
|
169
|
-
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.
|
|
169
|
+
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png");
|
|
170
170
|
--bb-letter_spacing-normal: normal;
|
|
171
171
|
--bb-letter_spacing-wider: 0.16px;
|
|
172
172
|
--bb-line_height-300: calc(18/13);
|
|
@@ -228,6 +228,7 @@
|
|
|
228
228
|
--bb-space-8: 24px;
|
|
229
229
|
--bb-space-9: 36px;
|
|
230
230
|
--bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
|
|
231
|
+
--bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
|
|
231
232
|
--bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
|
|
232
233
|
--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);
|
|
233
234
|
--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);
|
|
@@ -422,6 +424,11 @@
|
|
|
422
424
|
|
|
423
425
|
.sky-theme-modern.sky-theme-brand-base {
|
|
424
426
|
--sky-brand-name: var(--bb-brand-name);
|
|
427
|
+
--sky-color-background-action-accent-active: var(--bb-color-blue-100);
|
|
428
|
+
--sky-color-background-action-accent-base: var(--bb-color-white);
|
|
429
|
+
--sky-color-background-action-accent-disabled: var(--bb-color-gray-50);
|
|
430
|
+
--sky-color-background-action-accent-focus: var(--bb-color-white);
|
|
431
|
+
--sky-color-background-action-accent-hover: var(--bb-color-blue-50);
|
|
425
432
|
--sky-color-background-action-danger-active: var(--bb-color-red-800);
|
|
426
433
|
--sky-color-background-action-danger-base: var(--bb-color-red-600);
|
|
427
434
|
--sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
|
|
@@ -454,6 +461,7 @@
|
|
|
454
461
|
--sky-color-background-container-info: var(--bb-color-blue-200);
|
|
455
462
|
--sky-color-background-container-menu: var(--bb-color-white);
|
|
456
463
|
--sky-color-background-container-success: var(--bb-color-green-300);
|
|
464
|
+
--sky-color-background-container-tooltip: var(--bb-color-gray-900);
|
|
457
465
|
--sky-color-background-container-warning: var(--bb-color-yellow-300);
|
|
458
466
|
--sky-color-background-file_drop: var(--bb-color-gray-25);
|
|
459
467
|
--sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
|
|
@@ -493,6 +501,11 @@
|
|
|
493
501
|
--sky-color-background-thumb-base: var(--bb-color-white);
|
|
494
502
|
--sky-color-background-thumb-disabled: var(--bb-color-gray-25);
|
|
495
503
|
--sky-color-background-thumbnail_matte: var(--bb-color-white);
|
|
504
|
+
--sky-color-border-action-accent-active: var(--bb-color-blue-600);
|
|
505
|
+
--sky-color-border-action-accent-base: var(--bb-color-gray-200);
|
|
506
|
+
--sky-color-border-action-accent-disabled: var(--bb-color-gray-200);
|
|
507
|
+
--sky-color-border-action-accent-focus: var(--bb-color-blue-600);
|
|
508
|
+
--sky-color-border-action-accent-hover: var(--bb-color-blue-600);
|
|
496
509
|
--sky-color-border-action-danger-active: var(--bb-color-red-1000);
|
|
497
510
|
--sky-color-border-action-danger-base: var(--bb-color-red-600);
|
|
498
511
|
--sky-color-border-action-danger-disabled: var(--bb-color-gray-200);
|
|
@@ -785,6 +798,14 @@
|
|
|
785
798
|
--sky-comp-dropdown-option-space-inset-left: var(--bb-size-fluid-100);
|
|
786
799
|
--sky-comp-dropdown-option-space-inset-right: var(--bb-size-fluid-100);
|
|
787
800
|
--sky-comp-dropdown-option-space-inset-top: var(--bb-size-fluid-50);
|
|
801
|
+
--sky-comp-dropdown-separator-space-inset-bottom: var(--bb-size-fluid-75);
|
|
802
|
+
--sky-comp-dropdown-separator-space-inset-left: var(--bb-size-fluid-100);
|
|
803
|
+
--sky-comp-dropdown-separator-space-inset-right: var(--bb-size-fluid-100);
|
|
804
|
+
--sky-comp-dropdown-separator-space-inset-top: var(--bb-size-fluid-75);
|
|
805
|
+
--sky-comp-dropdown-subheader-space-inset-bottom: var(--bb-size-fluid-25);
|
|
806
|
+
--sky-comp-dropdown-subheader-space-inset-left: var(--bb-size-fluid-100);
|
|
807
|
+
--sky-comp-dropdown-subheader-space-inset-right: var(--bb-size-fluid-100);
|
|
808
|
+
--sky-comp-dropdown-subheader-space-inset-top: var(--bb-size-fluid-75);
|
|
788
809
|
--sky-comp-file_drop-content-space-inset-bottom: var(--bb-size-fluid-50);
|
|
789
810
|
--sky-comp-file_drop-content-space-inset-left: var(--bb-size-fluid-50);
|
|
790
811
|
--sky-comp-file_drop-content-space-inset-right: var(--bb-size-fluid-50);
|
|
@@ -953,6 +974,22 @@
|
|
|
953
974
|
--sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
|
|
954
975
|
--sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
|
|
955
976
|
--sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
|
|
977
|
+
--sky-comp-omnibar-vertical-item-space-inset-bottom: var(--bb-size-fixed-50);
|
|
978
|
+
--sky-comp-omnibar-vertical-item-space-inset-left: var(--bb-size-fixed-50);
|
|
979
|
+
--sky-comp-omnibar-vertical-item-space-inset-right: var(--bb-size-fixed-50);
|
|
980
|
+
--sky-comp-omnibar-vertical-item-space-inset-top: var(--bb-size-fixed-50);
|
|
981
|
+
--sky-comp-omnibar-vertical-menu-space-inset-bottom: var(--bb-size-fixed-75);
|
|
982
|
+
--sky-comp-omnibar-vertical-menu-space-inset-left: var(--bb-size-fixed-75);
|
|
983
|
+
--sky-comp-omnibar-vertical-menu-space-inset-right: var(--bb-size-fixed-75);
|
|
984
|
+
--sky-comp-omnibar-vertical-menu-space-inset-top: var(--bb-size-fixed-75);
|
|
985
|
+
--sky-comp-omnibar-vertical-subitem-space-inset-bottom: var(--bb-size-fluid-50);
|
|
986
|
+
--sky-comp-omnibar-vertical-subitem-space-inset-left: var(--bb-size-fluid-100);
|
|
987
|
+
--sky-comp-omnibar-vertical-subitem-space-inset-right: var(--bb-size-fluid-100);
|
|
988
|
+
--sky-comp-omnibar-vertical-subitem-space-inset-top: var(--bb-size-fluid-50);
|
|
989
|
+
--sky-comp-omnibar-vertical-submenu-space-inset-bottom: var(--bb-size-fluid-50);
|
|
990
|
+
--sky-comp-omnibar-vertical-submenu-space-inset-left: var(--bb-size-fluid-100);
|
|
991
|
+
--sky-comp-omnibar-vertical-submenu-space-inset-right: var(--bb-size-0);
|
|
992
|
+
--sky-comp-omnibar-vertical-submenu-space-inset-top: var(--bb-size-0);
|
|
956
993
|
--sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
|
|
957
994
|
--sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
|
|
958
995
|
--sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
|
|
@@ -1105,6 +1142,10 @@
|
|
|
1105
1142
|
--sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
|
|
1106
1143
|
--sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
|
|
1107
1144
|
--sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
|
|
1145
|
+
--sky-comp-tooltip-space-inset-bottom: var(--bb-size-fluid-25);
|
|
1146
|
+
--sky-comp-tooltip-space-inset-left: var(--bb-size-fluid-50);
|
|
1147
|
+
--sky-comp-tooltip-space-inset-right: var(--bb-size-fluid-50);
|
|
1148
|
+
--sky-comp-tooltip-space-inset-top: var(--bb-size-fluid-25);
|
|
1108
1149
|
--sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
|
|
1109
1150
|
--sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
|
|
1110
1151
|
--sky-comp-tree-child-space-inset-right: var(--bb-size-0);
|
|
@@ -1479,7 +1520,7 @@
|
|
|
1479
1520
|
--bb-font-weight-light: 300;
|
|
1480
1521
|
--bb-font-weight-regular: 400;
|
|
1481
1522
|
--bb-font-weight-semibold: 600;
|
|
1482
|
-
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.
|
|
1523
|
+
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png");
|
|
1483
1524
|
--bb-letter_spacing-normal: normal;
|
|
1484
1525
|
--bb-letter_spacing-wider: 0.16px;
|
|
1485
1526
|
--bb-line_height-300: calc(18/13);
|
|
@@ -1541,6 +1582,7 @@
|
|
|
1541
1582
|
--bb-space-8: 24px;
|
|
1542
1583
|
--bb-space-9: 36px;
|
|
1543
1584
|
--bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
|
|
1585
|
+
--bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
|
|
1544
1586
|
--bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
|
|
1545
1587
|
--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);
|
|
1546
1588
|
--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);
|
|
@@ -1562,6 +1604,7 @@
|
|
|
1562
1604
|
|
|
1563
1605
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
|
|
1564
1606
|
--sky-brand-name: var(--bb-brand-name);
|
|
1607
|
+
--sky-color-background-action-accent-base: var(--bb-color-blue-25);
|
|
1565
1608
|
--sky-color-background-container-dimmed: var(--bb-color-slate-25);
|
|
1566
1609
|
--sky-color-background-file_drop: var(--bb-color-slate-25);
|
|
1567
1610
|
--sky-color-background-input-base: var(--bb-color-slate-25);
|
|
@@ -1609,6 +1652,7 @@
|
|
|
1609
1652
|
--sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
|
|
1610
1653
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
1611
1654
|
--sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
|
|
1655
|
+
--sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
|
|
1612
1656
|
--sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
|
|
1613
1657
|
--sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
|
|
1614
1658
|
--sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.5.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@angular/core": "^20.3.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@blackbaud/skyux-design-tokens": "3.
|
|
23
|
+
"@blackbaud/skyux-design-tokens": "3.1.0",
|
|
24
24
|
"fontfaceobserver": "2.3.0",
|
|
25
25
|
"tslib": "^2.8.1"
|
|
26
26
|
},
|