@skyux/theme 15.0.0-alpha.3 → 15.0.0-alpha.5
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 +26 -6
- package/css/themes/modern/styles.css +51 -34
- 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;
|
|
@@ -3142,6 +3146,18 @@ body:not(.sky-theme-modern) {
|
|
|
3142
3146
|
border-bottom-right-radius: 3px;
|
|
3143
3147
|
}
|
|
3144
3148
|
|
|
3149
|
+
html:not(:has(body.sky-theme-modern)) {
|
|
3150
|
+
--sky-override-scrollbar-color-thumb: auto;
|
|
3151
|
+
--sky-override-scrollbar-color-track: auto;
|
|
3152
|
+
}
|
|
3153
|
+
|
|
3154
|
+
body:not(.sky-theme-modern) {
|
|
3155
|
+
--sky-override-color-illustration-fill-softest: #ffffff;
|
|
3156
|
+
--sky-override-color-illustration-fill-soft: #e7fbf1;
|
|
3157
|
+
--sky-override-color-illustration-fill-heavy: #6de8ab;
|
|
3158
|
+
--sky-override-color-illustration-stroke: #004054;
|
|
3159
|
+
}
|
|
3160
|
+
|
|
3145
3161
|
* {
|
|
3146
3162
|
box-sizing: border-box;
|
|
3147
3163
|
}
|
|
@@ -3158,6 +3174,10 @@ body {
|
|
|
3158
3174
|
color: var(--sky-text-color-default);
|
|
3159
3175
|
}
|
|
3160
3176
|
|
|
3177
|
+
html {
|
|
3178
|
+
scrollbar-color: var(--sky-override-scrollbar-color-thumb, var(--sky-color-scrollbar-thumb)) var(--sky-override-scrollbar-color-track, var(--sky-color-scrollbar-track));
|
|
3179
|
+
}
|
|
3180
|
+
|
|
3161
3181
|
h6 {
|
|
3162
3182
|
font-size: 10px;
|
|
3163
3183
|
font-weight: 600;
|
|
@@ -3245,16 +3265,16 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
3245
3265
|
width: 100%;
|
|
3246
3266
|
}
|
|
3247
3267
|
.sky-illustration-svg .sky-illustration-fill-softest {
|
|
3248
|
-
fill:
|
|
3268
|
+
fill: var(--sky-override-color-illustration-fill-softest, var(--sky-color-illustration-fill-softest));
|
|
3249
3269
|
}
|
|
3250
3270
|
.sky-illustration-svg .sky-illustration-fill-soft {
|
|
3251
|
-
fill:
|
|
3271
|
+
fill: var(--sky-override-color-illustration-fill-soft, var(--sky-color-illustration-fill-soft));
|
|
3252
3272
|
}
|
|
3253
3273
|
.sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3254
|
-
fill:
|
|
3274
|
+
fill: var(--sky-override-color-illustration-fill-heavy, var(--sky-color-illustration-fill-heavy));
|
|
3255
3275
|
}
|
|
3256
3276
|
.sky-illustration-svg .sky-illustration-outline {
|
|
3257
|
-
stroke:
|
|
3277
|
+
stroke: var(--sky-override-color-illustration-stroke, var(--sky-color-illustration-stroke));
|
|
3258
3278
|
}
|
|
3259
3279
|
|
|
3260
3280
|
.sky-viewkeeper-boundary {
|
|
@@ -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/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.
|
|
373
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/bb-logo.png');
|
|
374
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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;
|
|
@@ -478,6 +478,15 @@
|
|
|
478
478
|
--bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
|
|
479
479
|
}
|
|
480
480
|
|
|
481
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base) {
|
|
482
|
+
--bb-color-scrollbar-base-dark-thumb: #51555c;
|
|
483
|
+
--bb-color-scrollbar-base-dark-track: #1e2229;
|
|
484
|
+
--bb-color-scrollbar-base-light-thumb: #85888d;
|
|
485
|
+
--bb-color-scrollbar-base-light-track: #ffffff;
|
|
486
|
+
--bb-color-scrollbar-bb-dark-thumb: #51555c;
|
|
487
|
+
--bb-color-scrollbar-bb-dark-track: #1c2228;
|
|
488
|
+
}
|
|
489
|
+
|
|
481
490
|
.sky-theme-modern.sky-theme-brand-base {
|
|
482
491
|
--sky-brand-name: var(--bb-brand-name);
|
|
483
492
|
--sky-color-background-action-accent-active: var(--bb-color-blue-100);
|
|
@@ -765,6 +774,11 @@
|
|
|
765
774
|
--sky-elevation-raised-100: var(--bb-shadow-gray-100);
|
|
766
775
|
}
|
|
767
776
|
|
|
777
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base) {
|
|
778
|
+
--sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
|
|
779
|
+
--sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
|
|
780
|
+
}
|
|
781
|
+
|
|
768
782
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
|
|
769
783
|
--sky-color-background-action-accent-active: var(--bb-color-gray-600);
|
|
770
784
|
--sky-color-background-action-accent-base: var(--bb-color-blue-900);
|
|
@@ -1019,6 +1033,11 @@
|
|
|
1019
1033
|
--sky-elevation-raised-100: var(--bb-shadow-gray-100);
|
|
1020
1034
|
}
|
|
1021
1035
|
|
|
1036
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark) {
|
|
1037
|
+
--sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-dark-thumb);
|
|
1038
|
+
--sky-color-scrollbar-track: var(--bb-color-scrollbar-base-dark-track);
|
|
1039
|
+
}
|
|
1040
|
+
|
|
1022
1041
|
.sky-theme-modern.sky-theme-brand-base {
|
|
1023
1042
|
--sky-font-style-deemphasized-style: italic;
|
|
1024
1043
|
--sky-font-style-deemphasized-weight: 400;
|
|
@@ -2125,15 +2144,15 @@
|
|
|
2125
2144
|
--bb-font-weight-light: 300;
|
|
2126
2145
|
--bb-font-weight-regular: 400;
|
|
2127
2146
|
--bb-font-weight-semibold: 600;
|
|
2128
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2129
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2130
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2131
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2132
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2133
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2134
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2135
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2136
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2147
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/bb-logo.png');
|
|
2148
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/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/7.0.0-alpha.1/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/7.0.0-alpha.1/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/7.0.0-alpha.1/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/7.0.0-alpha.1/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/7.0.0-alpha.1/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/7.0.0-alpha.1/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/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
2137
2156
|
--bb-letter_spacing-normal: normal;
|
|
2138
2157
|
--bb-letter_spacing-wider: 0.01rem;
|
|
2139
2158
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -2233,6 +2252,15 @@
|
|
|
2233
2252
|
--bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
|
|
2234
2253
|
}
|
|
2235
2254
|
|
|
2255
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud) {
|
|
2256
|
+
--bb-color-scrollbar-base-dark-thumb: #51555c;
|
|
2257
|
+
--bb-color-scrollbar-base-dark-track: #1e2229;
|
|
2258
|
+
--bb-color-scrollbar-base-light-thumb: #85888d;
|
|
2259
|
+
--bb-color-scrollbar-base-light-track: #ffffff;
|
|
2260
|
+
--bb-color-scrollbar-bb-dark-thumb: #51555c;
|
|
2261
|
+
--bb-color-scrollbar-bb-dark-track: #1c2228;
|
|
2262
|
+
}
|
|
2263
|
+
|
|
2236
2264
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
|
|
2237
2265
|
--sky-brand-name: var(--bb-brand-name);
|
|
2238
2266
|
--sky-color-background-action-accent-base: var(--bb-color-blue-25);
|
|
@@ -2506,6 +2534,11 @@
|
|
|
2506
2534
|
--sky-elevation-raised-100: var(--bb-shadow-heavy-black-100);
|
|
2507
2535
|
}
|
|
2508
2536
|
|
|
2537
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark) {
|
|
2538
|
+
--sky-color-scrollbar-thumb: var(--bb-color-scrollbar-bb-dark-thumb);
|
|
2539
|
+
--sky-color-scrollbar-track: var(--bb-color-scrollbar-bb-dark-track);
|
|
2540
|
+
}
|
|
2541
|
+
|
|
2509
2542
|
.sky-theme-modern {
|
|
2510
2543
|
/* color */
|
|
2511
2544
|
--sky-background-color-page-default: var(--sky-color-background-page);
|
|
@@ -3521,22 +3554,6 @@ body.sky-theme-modern {
|
|
|
3521
3554
|
.sky-theme-modern .sky-rounded-corners {
|
|
3522
3555
|
border-radius: var(--sky-border-radius-s);
|
|
3523
3556
|
}
|
|
3524
|
-
.sky-theme-modern .sky-illustration-svg {
|
|
3525
|
-
height: 100%;
|
|
3526
|
-
width: 100%;
|
|
3527
|
-
}
|
|
3528
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-softest {
|
|
3529
|
-
fill: var(--sky-color-illustration-fill-softest);
|
|
3530
|
-
}
|
|
3531
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-soft {
|
|
3532
|
-
fill: var(--sky-color-illustration-fill-soft);
|
|
3533
|
-
}
|
|
3534
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3535
|
-
fill: var(--sky-color-illustration-fill-heavy);
|
|
3536
|
-
}
|
|
3537
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-outline {
|
|
3538
|
-
stroke: var(--sky-color-illustration-stroke);
|
|
3539
|
-
}
|
|
3540
3557
|
|
|
3541
3558
|
.sky-theme-modern .sky-font-body-default {
|
|
3542
3559
|
color: var(--sky-color-text-default);
|
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.5",
|
|
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.1",
|
|
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
|