@skyux/theme 15.0.0-alpha.4 → 15.0.0-alpha.6
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/sky.css +6 -2
- package/css/themes/modern/styles.css +67 -25
- package/fesm2022/skyux-theme.mjs +28 -28
- package/package.json +4 -4
- package/scss/_compat/_variables.scss +3 -1
package/css/sky.css
CHANGED
|
@@ -1731,7 +1731,7 @@ button:active {
|
|
|
1731
1731
|
}
|
|
1732
1732
|
.sky-btn.sky-btn-disabled, .sky-btn[disabled] {
|
|
1733
1733
|
cursor: not-allowed;
|
|
1734
|
-
pointer-events:
|
|
1734
|
+
pointer-events: var(--sky-compat-btn-disabled-pointer-events, auto);
|
|
1735
1735
|
opacity: 0.65;
|
|
1736
1736
|
box-shadow: none;
|
|
1737
1737
|
}
|
|
@@ -2166,6 +2166,10 @@ a.sky-btn:hover {
|
|
|
2166
2166
|
--sky-override-form-control-color: var(--sky-text-color-default);
|
|
2167
2167
|
}
|
|
2168
2168
|
|
|
2169
|
+
select:not(.sky-theme-modern *) {
|
|
2170
|
+
--sky-override-select-icon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+);
|
|
2171
|
+
}
|
|
2172
|
+
|
|
2169
2173
|
.sky-form-control {
|
|
2170
2174
|
width: 100%;
|
|
2171
2175
|
padding: 6px 12px;
|
|
@@ -2247,7 +2251,7 @@ fieldset {
|
|
|
2247
2251
|
|
|
2248
2252
|
select {
|
|
2249
2253
|
appearance: none;
|
|
2250
|
-
background: #fff
|
|
2254
|
+
background: #fff var(--sky-override-select-icon-image, var(--sky-image-select_icon-base)) no-repeat right/15px 30px;
|
|
2251
2255
|
border-top: 1px solid #e2e3e4;
|
|
2252
2256
|
border-bottom: 1px solid #e2e3e4;
|
|
2253
2257
|
border-left: 1px solid #e2e3e4;
|
|
@@ -51,6 +51,7 @@
|
|
|
51
51
|
--bb-border-radius-pill: 999rem;
|
|
52
52
|
--bb-border-radius-round: 50%;
|
|
53
53
|
--bb-border-style-dotted: dotted;
|
|
54
|
+
--bb-border-style-none: none;
|
|
54
55
|
--bb-border-style-solid: solid;
|
|
55
56
|
--bb-brand-name: 'Blackbaud';
|
|
56
57
|
--bb-color-black: #000000;
|
|
@@ -230,6 +231,7 @@
|
|
|
230
231
|
--bb-color-rgba-red-dark-600-50: rgba(181, 47, 50, 0.5);
|
|
231
232
|
--bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
|
|
232
233
|
--bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
|
|
234
|
+
--bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
|
|
233
235
|
--bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
|
|
234
236
|
--bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
|
|
235
237
|
--bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
|
|
@@ -370,15 +372,15 @@
|
|
|
370
372
|
--bb-font-weight-light: 300;
|
|
371
373
|
--bb-font-weight-regular: 400;
|
|
372
374
|
--bb-font-weight-semibold: 600;
|
|
373
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
374
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
375
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
376
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
377
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
378
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
379
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
380
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
381
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
375
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/bb-logo.png');
|
|
376
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
377
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
378
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
379
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
380
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
381
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
382
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
383
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
382
384
|
--bb-letter_spacing-normal: normal;
|
|
383
385
|
--bb-letter_spacing-wider: 0.01rem;
|
|
384
386
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -487,7 +489,7 @@
|
|
|
487
489
|
--bb-color-scrollbar-bb-dark-track: #1c2228;
|
|
488
490
|
}
|
|
489
491
|
|
|
490
|
-
.sky-theme-modern.sky-theme-brand-base {
|
|
492
|
+
.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light {
|
|
491
493
|
--sky-brand-name: var(--bb-brand-name);
|
|
492
494
|
--sky-color-background-action-accent-active: var(--bb-color-blue-100);
|
|
493
495
|
--sky-color-background-action-accent-base: var(--bb-color-white);
|
|
@@ -774,12 +776,13 @@
|
|
|
774
776
|
--sky-elevation-raised-100: var(--bb-shadow-gray-100);
|
|
775
777
|
}
|
|
776
778
|
|
|
777
|
-
:root:has(body.sky-theme-modern.sky-theme-brand-base) {
|
|
779
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light) {
|
|
778
780
|
--sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
|
|
779
781
|
--sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
|
|
780
782
|
}
|
|
781
783
|
|
|
782
784
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
|
|
785
|
+
--sky-brand-name: var(--bb-brand-name);
|
|
783
786
|
--sky-color-background-action-accent-active: var(--bb-color-gray-600);
|
|
784
787
|
--sky-color-background-action-accent-base: var(--bb-color-blue-900);
|
|
785
788
|
--sky-color-background-action-accent-focus: var(--bb-color-gray-700);
|
|
@@ -804,7 +807,7 @@
|
|
|
804
807
|
--sky-color-background-action-tertiary-base: var(--bb-color-transparent);
|
|
805
808
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
806
809
|
--sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
|
|
807
|
-
--sky-color-background-blocking: var(--bb-color-rgba-
|
|
810
|
+
--sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
|
|
808
811
|
--sky-color-background-container-backdrop: var(--bb-color-gray-900);
|
|
809
812
|
--sky-color-background-container-base: var(--bb-color-gray-1000);
|
|
810
813
|
--sky-color-background-container-danger: var(--bb-color-red-800);
|
|
@@ -892,7 +895,6 @@
|
|
|
892
895
|
--sky-color-border-progress_step: var(--bb-color-gray-600);
|
|
893
896
|
--sky-color-border-selected: var(--bb-color-blue-400);
|
|
894
897
|
--sky-color-border-selected_soft: var(--bb-color-blue-500);
|
|
895
|
-
--sky-color-border-separator-dark: var(--bb-color-gray-800);
|
|
896
898
|
--sky-color-border-separator-light: var(--bb-color-gray-700);
|
|
897
899
|
--sky-color-border-separator-row: var(--bb-color-gray-800);
|
|
898
900
|
--sky-color-border-success: var(--bb-color-green-400);
|
|
@@ -997,6 +999,7 @@
|
|
|
997
999
|
--sky-color-viz-sequence-7: var(--bb-color-teal-400);
|
|
998
1000
|
--sky-color-viz-sequence-8: var(--bb-color-teal-300);
|
|
999
1001
|
--sky-color-viz-sequence-9: var(--bb-color-teal-200);
|
|
1002
|
+
--sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
|
|
1000
1003
|
--sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
|
|
1001
1004
|
--sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
|
|
1002
1005
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
@@ -1022,7 +1025,39 @@
|
|
|
1022
1025
|
--sky-color-border-switch-disabled: var(--sky-color-border-disabled);
|
|
1023
1026
|
--sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
|
|
1024
1027
|
--sky-color-border-tab-disabled: var(--sky-color-border-disabled);
|
|
1028
|
+
--sky-elevation-action-danger-active: var(--bb-shadow-gray-0);
|
|
1029
|
+
--sky-elevation-action-danger-base: var(--bb-shadow-gray-0);
|
|
1030
|
+
--sky-elevation-action-danger-disabled: var(--bb-shadow-gray-0);
|
|
1031
|
+
--sky-elevation-action-danger-focus: var(--bb-shadow-gray-0);
|
|
1032
|
+
--sky-elevation-action-danger-hover: var(--bb-shadow-gray-0);
|
|
1033
|
+
--sky-elevation-action-input-active: var(--bb-shadow-gray-0);
|
|
1034
|
+
--sky-elevation-action-input-base: var(--bb-shadow-gray-0);
|
|
1035
|
+
--sky-elevation-action-input-disabled: var(--bb-shadow-gray-0);
|
|
1036
|
+
--sky-elevation-action-input-focus: var(--bb-shadow-gray-0);
|
|
1037
|
+
--sky-elevation-action-input-hover: var(--bb-shadow-gray-0);
|
|
1038
|
+
--sky-elevation-action-primary-active: var(--bb-shadow-gray-0);
|
|
1039
|
+
--sky-elevation-action-primary-base: var(--bb-shadow-gray-0);
|
|
1040
|
+
--sky-elevation-action-primary-disabled: var(--bb-shadow-gray-0);
|
|
1041
|
+
--sky-elevation-action-primary-focus: var(--bb-shadow-gray-0);
|
|
1042
|
+
--sky-elevation-action-primary-hover: var(--bb-shadow-gray-0);
|
|
1043
|
+
--sky-elevation-action-secondary-active: var(--bb-shadow-gray-0);
|
|
1044
|
+
--sky-elevation-action-secondary-base: var(--bb-shadow-gray-0);
|
|
1045
|
+
--sky-elevation-action-secondary-disabled: var(--bb-shadow-gray-0);
|
|
1046
|
+
--sky-elevation-action-secondary-focus: var(--bb-shadow-gray-0);
|
|
1047
|
+
--sky-elevation-action-secondary-hover: var(--bb-shadow-gray-0);
|
|
1048
|
+
--sky-elevation-action-tertiary-active: var(--bb-shadow-gray-0);
|
|
1049
|
+
--sky-elevation-action-tertiary-base: var(--bb-shadow-gray-0);
|
|
1050
|
+
--sky-elevation-action-tertiary-disabled: var(--bb-shadow-gray-0);
|
|
1051
|
+
--sky-elevation-action-tertiary-focus: var(--bb-shadow-gray-0);
|
|
1052
|
+
--sky-elevation-action-tertiary-hover: var(--bb-shadow-gray-0);
|
|
1053
|
+
--sky-elevation-action-toolbar-active: var(--bb-shadow-gray-0);
|
|
1054
|
+
--sky-elevation-action-toolbar-base: var(--bb-shadow-gray-0);
|
|
1055
|
+
--sky-elevation-action-toolbar-disabled: var(--bb-shadow-gray-0);
|
|
1056
|
+
--sky-elevation-action-toolbar-focus: var(--bb-shadow-gray-0);
|
|
1057
|
+
--sky-elevation-action-toolbar-hover: var(--bb-shadow-gray-0);
|
|
1025
1058
|
--sky-elevation-focus: var(--bb-shadow-gray-200);
|
|
1059
|
+
--sky-elevation-input-base: var(--bb-shadow-gray-0);
|
|
1060
|
+
--sky-elevation-input-disabled: var(--bb-shadow-gray-0);
|
|
1026
1061
|
--sky-elevation-none: var(--bb-shadow-gray-0);
|
|
1027
1062
|
--sky-elevation-overflow: var(--bb-shadow-gray-200);
|
|
1028
1063
|
--sky-elevation-overlay-100: var(--bb-shadow-gray-400);
|
|
@@ -1068,6 +1103,7 @@
|
|
|
1068
1103
|
--sky-border-radius-thumb: var(--bb-border-radius-round);
|
|
1069
1104
|
--sky-border-radius-xs: var(--bb-border-radius-012);
|
|
1070
1105
|
--sky-border-style-accent: var(--bb-border-style-solid);
|
|
1106
|
+
--sky-border-style-container-overlay: var(--bb-border-style-none);
|
|
1071
1107
|
--sky-border-style-divider: var(--bb-border-style-solid);
|
|
1072
1108
|
--sky-border-style-elevation: var(--bb-border-style-solid);
|
|
1073
1109
|
--sky-border-style-separator-dark: var(--bb-border-style-solid);
|
|
@@ -1772,6 +1808,10 @@
|
|
|
1772
1808
|
--sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
|
|
1773
1809
|
}
|
|
1774
1810
|
|
|
1811
|
+
.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
|
|
1812
|
+
--sky-border-style-container-overlay: var(--bb-border-style-solid);
|
|
1813
|
+
}
|
|
1814
|
+
|
|
1775
1815
|
@property --bb-image-logo-primary-src {
|
|
1776
1816
|
syntax: "<url>";
|
|
1777
1817
|
inherits: true;
|
|
@@ -1825,6 +1865,7 @@
|
|
|
1825
1865
|
--bb-border-radius-pill: 999rem;
|
|
1826
1866
|
--bb-border-radius-round: 50%;
|
|
1827
1867
|
--bb-border-style-dotted: dotted;
|
|
1868
|
+
--bb-border-style-none: none;
|
|
1828
1869
|
--bb-border-style-solid: solid;
|
|
1829
1870
|
--bb-brand-name: 'Blackbaud';
|
|
1830
1871
|
--bb-color-black: #000000;
|
|
@@ -2004,6 +2045,7 @@
|
|
|
2004
2045
|
--bb-color-rgba-red-dark-600-50: rgba(181, 47, 50, 0.5);
|
|
2005
2046
|
--bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
|
|
2006
2047
|
--bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
|
|
2048
|
+
--bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
|
|
2007
2049
|
--bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
|
|
2008
2050
|
--bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
|
|
2009
2051
|
--bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
|
|
@@ -2144,15 +2186,15 @@
|
|
|
2144
2186
|
--bb-font-weight-light: 300;
|
|
2145
2187
|
--bb-font-weight-regular: 400;
|
|
2146
2188
|
--bb-font-weight-semibold: 600;
|
|
2147
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2148
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2149
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2150
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2151
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2152
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2153
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2154
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2155
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2189
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/bb-logo.png');
|
|
2190
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
2191
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
2192
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
2193
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
2194
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
2195
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
2196
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
2197
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
2156
2198
|
--bb-letter_spacing-normal: normal;
|
|
2157
2199
|
--bb-letter_spacing-wider: 0.01rem;
|
|
2158
2200
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -2261,7 +2303,7 @@
|
|
|
2261
2303
|
--bb-color-scrollbar-bb-dark-track: #1c2228;
|
|
2262
2304
|
}
|
|
2263
2305
|
|
|
2264
|
-
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
|
|
2306
|
+
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-light {
|
|
2265
2307
|
--sky-brand-name: var(--bb-brand-name);
|
|
2266
2308
|
--sky-color-background-action-accent-base: var(--bb-color-blue-25);
|
|
2267
2309
|
--sky-color-background-container-backdrop: var(--bb-color-slate-200);
|
|
@@ -2364,7 +2406,8 @@
|
|
|
2364
2406
|
--sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
|
|
2365
2407
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
2366
2408
|
--sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
|
|
2367
|
-
--sky-color-background-blocking: var(--bb-color-rgba-
|
|
2409
|
+
--sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
|
|
2410
|
+
--sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
|
|
2368
2411
|
--sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
|
|
2369
2412
|
--sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
|
|
2370
2413
|
--sky-color-background-container-dimmed: var(--bb-color-steel-fusion-1050);
|
|
@@ -2459,7 +2502,6 @@
|
|
|
2459
2502
|
--sky-color-border-progress_step: var(--bb-color-gray-600);
|
|
2460
2503
|
--sky-color-border-selected: var(--bb-color-blue-400);
|
|
2461
2504
|
--sky-color-border-selected_soft: var(--bb-color-blue-600);
|
|
2462
|
-
--sky-color-border-separator-dark: var(--bb-color-gray-800);
|
|
2463
2505
|
--sky-color-border-separator-light: var(--bb-color-gray-700);
|
|
2464
2506
|
--sky-color-border-separator-row: var(--bb-color-gray-800);
|
|
2465
2507
|
--sky-color-border-success: var(--bb-color-green-500);
|
package/fesm2022/skyux-theme.mjs
CHANGED
|
@@ -429,10 +429,10 @@ class SkyThemeBrandService {
|
|
|
429
429
|
#appendToHead(renderer, el) {
|
|
430
430
|
renderer.appendChild(this.#document.head, el);
|
|
431
431
|
}
|
|
432
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
433
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
432
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeBrandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
433
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeBrandService, providedIn: 'root' }); }
|
|
434
434
|
}
|
|
435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeBrandService, decorators: [{
|
|
436
436
|
type: Injectable,
|
|
437
437
|
args: [{
|
|
438
438
|
providedIn: 'root',
|
|
@@ -671,10 +671,10 @@ class SkyThemeService {
|
|
|
671
671
|
currentSetting instanceof SkyThemeSpacing) &&
|
|
672
672
|
current.theme[supportedProp].includes(currentSetting)));
|
|
673
673
|
}
|
|
674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
675
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
675
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeService }); }
|
|
676
676
|
}
|
|
677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeService, decorators: [{
|
|
678
678
|
type: Injectable
|
|
679
679
|
}], ctorParameters: () => [] });
|
|
680
680
|
|
|
@@ -712,10 +712,10 @@ class SkyAppStyleLoader {
|
|
|
712
712
|
});
|
|
713
713
|
});
|
|
714
714
|
}
|
|
715
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
716
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
715
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAppStyleLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
716
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
|
|
717
717
|
}
|
|
718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
718
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
|
|
719
719
|
type: Injectable,
|
|
720
720
|
args: [{
|
|
721
721
|
providedIn: 'root',
|
|
@@ -819,10 +819,10 @@ class SkyThemeClassDirective {
|
|
|
819
819
|
});
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
823
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
822
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
823
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
|
|
824
824
|
}
|
|
825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
825
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
|
|
826
826
|
type: Directive,
|
|
827
827
|
args: [{
|
|
828
828
|
selector: '[skyThemeClass]',
|
|
@@ -888,10 +888,10 @@ class SkyThemeIfDirective {
|
|
|
888
888
|
this.#hasView = false;
|
|
889
889
|
}
|
|
890
890
|
}
|
|
891
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
892
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
891
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeIfDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
892
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
|
|
893
893
|
}
|
|
894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
|
|
895
895
|
type: Directive,
|
|
896
896
|
args: [{
|
|
897
897
|
selector: '[skyThemeIf]',
|
|
@@ -931,10 +931,10 @@ class SkyThemeDirective {
|
|
|
931
931
|
ngOnDestroy() {
|
|
932
932
|
this.#themeSvc.destroy();
|
|
933
933
|
}
|
|
934
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
935
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
934
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
935
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
|
|
936
936
|
}
|
|
937
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
937
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeDirective, decorators: [{
|
|
938
938
|
type: Directive,
|
|
939
939
|
args: [{
|
|
940
940
|
selector: '[skyTheme]',
|
|
@@ -946,13 +946,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
946
946
|
}] } });
|
|
947
947
|
|
|
948
948
|
class SkyThemeModule {
|
|
949
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
950
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
949
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
950
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
|
|
951
951
|
SkyThemeDirective,
|
|
952
952
|
SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
|
|
953
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
953
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeModule }); }
|
|
954
954
|
}
|
|
955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeModule, decorators: [{
|
|
956
956
|
type: NgModule,
|
|
957
957
|
args: [{
|
|
958
958
|
declarations: [
|
|
@@ -978,10 +978,10 @@ class SkyThemeComponentClassDirective {
|
|
|
978
978
|
this.#changeDetector.markForCheck();
|
|
979
979
|
});
|
|
980
980
|
}
|
|
981
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
982
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
981
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
982
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
|
|
983
983
|
}
|
|
984
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
|
|
985
985
|
type: Directive,
|
|
986
986
|
args: [{
|
|
987
987
|
selector: '[skyThemeClass]',
|
|
@@ -1135,10 +1135,10 @@ class SkyAppViewportService {
|
|
|
1135
1135
|
}
|
|
1136
1136
|
return false;
|
|
1137
1137
|
}
|
|
1138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1139
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1139
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
|
|
1140
1140
|
}
|
|
1141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyAppViewportService, decorators: [{
|
|
1142
1142
|
type: Injectable,
|
|
1143
1143
|
args: [{
|
|
1144
1144
|
providedIn: 'root',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.6",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/common": "^22.
|
|
20
|
-
"@angular/core": "^22.
|
|
19
|
+
"@angular/common": "^22.1.2",
|
|
20
|
+
"@angular/core": "^22.1.2"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@blackbaud/skyux-design-tokens": "7.0.0-alpha.
|
|
23
|
+
"@blackbaud/skyux-design-tokens": "7.0.0-alpha.3",
|
|
24
24
|
"fontfaceobserver": "2.3.0",
|
|
25
25
|
"tslib": "^2.8.1"
|
|
26
26
|
},
|
|
@@ -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
|
-
|
|
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
|