@skyux/theme 14.13.0 → 14.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/css/themes/modern/styles.css +56 -23
  2. package/package.json +2 -2
  3. package/scss/_compat/_variables.scss +3 -1
package/css/themes/modern/styles.css CHANGED
@@ -370,15 +370,15 @@
370
370
  --bb-font-weight-light: 300;
371
371
  --bb-font-weight-regular: 400;
372
372
  --bb-font-weight-semibold: 600;
373
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
374
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
375
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-light.svg');
376
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
377
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
378
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
379
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
380
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
381
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
373
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/bb-logo.png');
374
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
375
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-base-light.svg');
376
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
377
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
378
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
379
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
380
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
381
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
382
382
  --bb-letter_spacing-normal: normal;
383
383
  --bb-letter_spacing-wider: 0.01rem;
384
384
  --bb-letter_spacing-widest: 0.046875rem;
@@ -487,7 +487,7 @@
487
487
  --bb-color-scrollbar-bb-dark-track: #1c2228;
488
488
  }
489
489
 
490
- .sky-theme-modern.sky-theme-brand-base {
490
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light {
491
491
  --sky-brand-name: var(--bb-brand-name);
492
492
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
493
493
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -774,12 +774,13 @@
774
774
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
775
775
  }
776
776
 
777
- :root:has(body.sky-theme-modern.sky-theme-brand-base) {
777
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light) {
778
778
  --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
779
779
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
780
780
  }
781
781
 
782
782
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
783
+ --sky-brand-name: var(--bb-brand-name);
783
784
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
784
785
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
785
786
  --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
@@ -892,7 +893,6 @@
892
893
  --sky-color-border-progress_step: var(--bb-color-gray-600);
893
894
  --sky-color-border-selected: var(--bb-color-blue-400);
894
895
  --sky-color-border-selected_soft: var(--bb-color-blue-500);
895
- --sky-color-border-separator-dark: var(--bb-color-gray-800);
896
896
  --sky-color-border-separator-light: var(--bb-color-gray-700);
897
897
  --sky-color-border-separator-row: var(--bb-color-gray-800);
898
898
  --sky-color-border-success: var(--bb-color-green-400);
@@ -997,6 +997,7 @@
997
997
  --sky-color-viz-sequence-7: var(--bb-color-teal-400);
998
998
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
999
999
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
1000
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1000
1001
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
1001
1002
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1002
1003
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -1022,7 +1023,39 @@
1022
1023
  --sky-color-border-switch-disabled: var(--sky-color-border-disabled);
1023
1024
  --sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
1024
1025
  --sky-color-border-tab-disabled: var(--sky-color-border-disabled);
1026
+ --sky-elevation-action-danger-active: var(--bb-shadow-gray-0);
1027
+ --sky-elevation-action-danger-base: var(--bb-shadow-gray-0);
1028
+ --sky-elevation-action-danger-disabled: var(--bb-shadow-gray-0);
1029
+ --sky-elevation-action-danger-focus: var(--bb-shadow-gray-0);
1030
+ --sky-elevation-action-danger-hover: var(--bb-shadow-gray-0);
1031
+ --sky-elevation-action-input-active: var(--bb-shadow-gray-0);
1032
+ --sky-elevation-action-input-base: var(--bb-shadow-gray-0);
1033
+ --sky-elevation-action-input-disabled: var(--bb-shadow-gray-0);
1034
+ --sky-elevation-action-input-focus: var(--bb-shadow-gray-0);
1035
+ --sky-elevation-action-input-hover: var(--bb-shadow-gray-0);
1036
+ --sky-elevation-action-primary-active: var(--bb-shadow-gray-0);
1037
+ --sky-elevation-action-primary-base: var(--bb-shadow-gray-0);
1038
+ --sky-elevation-action-primary-disabled: var(--bb-shadow-gray-0);
1039
+ --sky-elevation-action-primary-focus: var(--bb-shadow-gray-0);
1040
+ --sky-elevation-action-primary-hover: var(--bb-shadow-gray-0);
1041
+ --sky-elevation-action-secondary-active: var(--bb-shadow-gray-0);
1042
+ --sky-elevation-action-secondary-base: var(--bb-shadow-gray-0);
1043
+ --sky-elevation-action-secondary-disabled: var(--bb-shadow-gray-0);
1044
+ --sky-elevation-action-secondary-focus: var(--bb-shadow-gray-0);
1045
+ --sky-elevation-action-secondary-hover: var(--bb-shadow-gray-0);
1046
+ --sky-elevation-action-tertiary-active: var(--bb-shadow-gray-0);
1047
+ --sky-elevation-action-tertiary-base: var(--bb-shadow-gray-0);
1048
+ --sky-elevation-action-tertiary-disabled: var(--bb-shadow-gray-0);
1049
+ --sky-elevation-action-tertiary-focus: var(--bb-shadow-gray-0);
1050
+ --sky-elevation-action-tertiary-hover: var(--bb-shadow-gray-0);
1051
+ --sky-elevation-action-toolbar-active: var(--bb-shadow-gray-0);
1052
+ --sky-elevation-action-toolbar-base: var(--bb-shadow-gray-0);
1053
+ --sky-elevation-action-toolbar-disabled: var(--bb-shadow-gray-0);
1054
+ --sky-elevation-action-toolbar-focus: var(--bb-shadow-gray-0);
1055
+ --sky-elevation-action-toolbar-hover: var(--bb-shadow-gray-0);
1025
1056
  --sky-elevation-focus: var(--bb-shadow-gray-200);
1057
+ --sky-elevation-input-base: var(--bb-shadow-gray-0);
1058
+ --sky-elevation-input-disabled: var(--bb-shadow-gray-0);
1026
1059
  --sky-elevation-none: var(--bb-shadow-gray-0);
1027
1060
  --sky-elevation-overflow: var(--bb-shadow-gray-200);
1028
1061
  --sky-elevation-overlay-100: var(--bb-shadow-gray-400);
@@ -2144,15 +2177,15 @@
2144
2177
  --bb-font-weight-light: 300;
2145
2178
  --bb-font-weight-regular: 400;
2146
2179
  --bb-font-weight-semibold: 600;
2147
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
2148
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
2149
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-light.svg');
2150
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2151
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
2152
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2153
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2154
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2155
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2180
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/bb-logo.png');
2181
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
2182
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-base-light.svg');
2183
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2184
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
2185
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2186
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2187
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2188
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2156
2189
  --bb-letter_spacing-normal: normal;
2157
2190
  --bb-letter_spacing-wider: 0.01rem;
2158
2191
  --bb-letter_spacing-widest: 0.046875rem;
@@ -2261,7 +2294,7 @@
2261
2294
  --bb-color-scrollbar-bb-dark-track: #1c2228;
2262
2295
  }
2263
2296
 
2264
- .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
2297
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-light {
2265
2298
  --sky-brand-name: var(--bb-brand-name);
2266
2299
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
2267
2300
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
@@ -2365,6 +2398,7 @@
2365
2398
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
2366
2399
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
2367
2400
  --sky-color-background-blocking: var(--bb-color-rgba-black-70);
2401
+ --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
2368
2402
  --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
2369
2403
  --sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
2370
2404
  --sky-color-background-container-dimmed: var(--bb-color-steel-fusion-1050);
@@ -2459,7 +2493,6 @@
2459
2493
  --sky-color-border-progress_step: var(--bb-color-gray-600);
2460
2494
  --sky-color-border-selected: var(--bb-color-blue-400);
2461
2495
  --sky-color-border-selected_soft: var(--bb-color-blue-600);
2462
- --sky-color-border-separator-dark: var(--bb-color-gray-800);
2463
2496
  --sky-color-border-separator-light: var(--bb-color-gray-700);
2464
2497
  --sky-color-border-separator-row: var(--bb-color-gray-800);
2465
2498
  --sky-color-border-success: var(--bb-color-green-500);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "14.13.0",
3
+ "version": "14.14.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^21.2.0"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "6.2.0",
23
+ "@blackbaud/skyux-design-tokens": "6.2.1",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },
package/scss/_compat/_variables.scss CHANGED
@@ -27,7 +27,9 @@ $sky-font-size-base: 15px !default;
27
27
  $sky-line-height-base: 1.428571429 !default;
28
28
 
29
29
  // Z-INDEXES
30
- $sky-page-wait-z-index: 2000 !default;
30
+ // The full-page wait blocks the entire page, so it sits above every other layer, including
31
+ // toasts (100000) and overlays (which start at 5001 and increment as overlays are created).
32
+ $sky-page-wait-z-index: 200000 !default;
31
33
  $sky-component-wait-z-index: 1000 !default;
32
34
 
33
35
  // COMPONENTS