@skyux/theme 13.0.0-alpha.9 → 13.0.0-beta.1
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 +19 -2
- package/css/themes/modern/styles.css +150 -90
- package/fesm2022/skyux-theme.mjs +31 -31
- package/fesm2022/skyux-theme.mjs.map +1 -1
- package/package.json +4 -4
package/css/sky.css
CHANGED
|
@@ -1210,7 +1210,7 @@ body:not(.sky-theme-modern) {
|
|
|
1210
1210
|
@media (min-width: 768px) {
|
|
1211
1211
|
.sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links), .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links), .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links) {
|
|
1212
1212
|
grid-template: "header-alerts header-alerts header-alerts" "header-avatar header-text header-text" "header-avatar header-content links" "content content links";
|
|
1213
|
-
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(
|
|
1213
|
+
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(0, min-content) auto;
|
|
1214
1214
|
grid-template-columns: 0 75% 25%;
|
|
1215
1215
|
}
|
|
1216
1216
|
.sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) > sky-page-header,
|
|
@@ -1363,7 +1363,7 @@ body:not(.sky-theme-modern) {
|
|
|
1363
1363
|
.sky-responsive-container-lg .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links),
|
|
1364
1364
|
.sky-responsive-container-lg .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links) {
|
|
1365
1365
|
grid-template: "header-alerts header-alerts header-alerts" "header-avatar header-text header-text" "header-avatar header-content links" "content content links";
|
|
1366
|
-
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(
|
|
1366
|
+
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(0, min-content) auto;
|
|
1367
1367
|
grid-template-columns: 0 75% 25%;
|
|
1368
1368
|
}
|
|
1369
1369
|
.sky-responsive-container-sm .sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) > sky-page-header,
|
|
@@ -2055,6 +2055,23 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
2055
2055
|
fill: var(--sky-icon-svg-path-2-color-input, #fff);
|
|
2056
2056
|
}
|
|
2057
2057
|
|
|
2058
|
+
.sky-illustration-svg {
|
|
2059
|
+
height: 100%;
|
|
2060
|
+
width: 100%;
|
|
2061
|
+
}
|
|
2062
|
+
.sky-illustration-svg .sky-illustration-fill-softest {
|
|
2063
|
+
fill: #ffffff;
|
|
2064
|
+
}
|
|
2065
|
+
.sky-illustration-svg .sky-illustration-fill-soft {
|
|
2066
|
+
fill: #e7fbf1;
|
|
2067
|
+
}
|
|
2068
|
+
.sky-illustration-svg .sky-illustration-fill-heavy {
|
|
2069
|
+
fill: #6de8ab;
|
|
2070
|
+
}
|
|
2071
|
+
.sky-illustration-svg .sky-illustration-outline {
|
|
2072
|
+
stroke: #004054;
|
|
2073
|
+
}
|
|
2074
|
+
|
|
2058
2075
|
.sky-viewkeeper-boundary {
|
|
2059
2076
|
isolation: isolate;
|
|
2060
2077
|
}
|
|
@@ -104,7 +104,21 @@
|
|
|
104
104
|
--bb-color-sky-700: #00a6cc;
|
|
105
105
|
--bb-color-sky-800: #007c99;
|
|
106
106
|
--bb-color-sky-900: #005366;
|
|
107
|
-
--bb-color-slate-100: #
|
|
107
|
+
--bb-color-slate-100: #f1f3f7;
|
|
108
|
+
--bb-color-slate-1000: #1a2231;
|
|
109
|
+
--bb-color-slate-1100: #141b26;
|
|
110
|
+
--bb-color-slate-1200: #0c1016;
|
|
111
|
+
--bb-color-slate-200: #d9dfe9;
|
|
112
|
+
--bb-color-slate-25: #fcfdfd;
|
|
113
|
+
--bb-color-slate-250: #cad2e1;
|
|
114
|
+
--bb-color-slate-300: #bac5d8;
|
|
115
|
+
--bb-color-slate-400: #98a9c4;
|
|
116
|
+
--bb-color-slate-50: #f6f8fa;
|
|
117
|
+
--bb-color-slate-500: #7289af;
|
|
118
|
+
--bb-color-slate-600: #536f9d;
|
|
119
|
+
--bb-color-slate-700: #42597e;
|
|
120
|
+
--bb-color-slate-800: #32435e;
|
|
121
|
+
--bb-color-slate-900: #212c3f;
|
|
108
122
|
--bb-color-teal-100: #ebfaf9;
|
|
109
123
|
--bb-color-teal-1000: #012625;
|
|
110
124
|
--bb-color-teal-200: #cdf2f1;
|
|
@@ -152,7 +166,7 @@
|
|
|
152
166
|
--bb-font-weight-light: 300;
|
|
153
167
|
--bb-font-weight-regular: 400;
|
|
154
168
|
--bb-font-weight-semibold: 600;
|
|
155
|
-
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0
|
|
169
|
+
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png");
|
|
156
170
|
--bb-letter_spacing-normal: normal;
|
|
157
171
|
--bb-letter_spacing-wider: 0.16px;
|
|
158
172
|
--bb-line_height-300: calc(18/13);
|
|
@@ -163,8 +177,8 @@
|
|
|
163
177
|
--bb-line_height-700: calc(32/24);
|
|
164
178
|
--bb-line_height-800: calc(36/27);
|
|
165
179
|
--bb-opacity-600: .6;
|
|
166
|
-
--bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
167
180
|
--bb-shadow-gray-0: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
181
|
+
--bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
168
182
|
--bb-size-0: 0rem;
|
|
169
183
|
--bb-size-fixed-100: 16px;
|
|
170
184
|
--bb-size-fixed-12: 2px;
|
|
@@ -215,14 +229,6 @@
|
|
|
215
229
|
--bb-space-9: 36px;
|
|
216
230
|
--bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
|
|
217
231
|
--bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
|
|
218
|
-
--bb-shadow-blue-100: 0 1px 3px 0 rgba(17, 43, 85, 0.2), 0 2px 1px -1px rgba(17, 43, 85, 0.12), 0 1px 1px 0 rgba(17, 43, 85, 0.14);
|
|
219
|
-
--bb-shadow-blue-1600: 0 8px 10px -5px rgba(17, 43, 85, 0.2), 0 6px 30px 5px rgba(17, 43, 85, 0.12), 0 16px 24px 2px rgba(17, 43, 85, 0.14);
|
|
220
|
-
--bb-shadow-blue-200: 0 1px 8px 0 rgba(17, 43, 85, 0.2), 0 3px 3px -2px rgba(17, 43, 85, 0.12), 0 3px 4px 0 rgba(17, 43, 85, 0.14);
|
|
221
|
-
--bb-shadow-blue-2400: 0 11px 15px -7px rgba(17, 43, 85, 0.2), 0 9px 46px 8px rgba(17, 43, 85, 0.12), 0 24px 38px 3px rgba(17, 43, 85, 0.14);
|
|
222
|
-
--bb-shadow-blue-25: 0 1px 1px 0 rgba(17, 43, 85, 0.05);
|
|
223
|
-
--bb-shadow-blue-400: 0 2px 4px -1px rgba(17, 43, 85, 0.2), 0 1px 10px 0 rgba(17, 43, 85, 0.12), 0 4px 5px 0 rgba(17, 43, 85, 0.14);
|
|
224
|
-
--bb-shadow-blue-50: 0 1px 1px 0 rgba(17, 43, 85, 0.12), 0 1.5px 1px -1px rgba(17, 43, 85, 0.12);
|
|
225
|
-
--bb-shadow-blue-800: 0 5px 5px -3px rgba(17, 43, 85, 0.2), 0 3px 14px 2px rgba(17, 43, 85, 0.12), 0 8px 10px 1px rgba(17, 43, 85, 0.14);
|
|
226
232
|
--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);
|
|
227
233
|
--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);
|
|
228
234
|
--bb-shadow-gray-200: 0 1px 8px 0 rgba(22, 26, 31, 0.2), 0 3px 3px -2px rgba(22, 26, 31, 0.12), 0 3px 4px 0 rgba(22, 26, 31, 0.14);
|
|
@@ -231,6 +237,14 @@
|
|
|
231
237
|
--bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
|
|
232
238
|
--bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
|
|
233
239
|
--bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
|
|
240
|
+
--bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
|
|
241
|
+
--bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
|
|
242
|
+
--bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
|
|
243
|
+
--bb-shadow-slate-2400: 0 11px 15px -7px rgba(33, 44, 63, 0.2), 0 9px 46px 8px rgba(33, 44, 63, 0.12), 0 24px 38px 3px rgba(33, 44, 63, 0.14);
|
|
244
|
+
--bb-shadow-slate-25: 0 1px 1px 0 rgba(33, 44, 63, 0.05);
|
|
245
|
+
--bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
|
|
246
|
+
--bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
|
|
247
|
+
--bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
|
|
234
248
|
}
|
|
235
249
|
|
|
236
250
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
|
|
@@ -395,15 +409,15 @@
|
|
|
395
409
|
--sky-color-text-heading: var(--bb-color-gray-50);
|
|
396
410
|
--sky-color-text-inverse: var(--bb-color-gray-1100);
|
|
397
411
|
--sky-color-text-selected: var(--bb-color-blue-400);
|
|
398
|
-
--sky-elevation-none: var(--bb-shadow-
|
|
412
|
+
--sky-elevation-none: var(--bb-shadow-gray-0);
|
|
399
413
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
400
|
-
--sky-elevation-focus: var(--bb-shadow-
|
|
401
|
-
--sky-elevation-overflow: var(--bb-shadow-
|
|
402
|
-
--sky-elevation-overlay-100: var(--bb-shadow-
|
|
403
|
-
--sky-elevation-overlay-200: var(--bb-shadow-
|
|
404
|
-
--sky-elevation-overlay-300: var(--bb-shadow-
|
|
405
|
-
--sky-elevation-overlay-400: var(--bb-shadow-
|
|
406
|
-
--sky-elevation-raised-100: var(--bb-shadow-
|
|
414
|
+
--sky-elevation-focus: var(--bb-shadow-gray-200);
|
|
415
|
+
--sky-elevation-overflow: var(--bb-shadow-gray-200);
|
|
416
|
+
--sky-elevation-overlay-100: var(--bb-shadow-gray-400);
|
|
417
|
+
--sky-elevation-overlay-200: var(--bb-shadow-gray-800);
|
|
418
|
+
--sky-elevation-overlay-300: var(--bb-shadow-gray-1600);
|
|
419
|
+
--sky-elevation-overlay-400: var(--bb-shadow-gray-2400);
|
|
420
|
+
--sky-elevation-raised-100: var(--bb-shadow-gray-100);
|
|
407
421
|
}
|
|
408
422
|
|
|
409
423
|
.sky-theme-modern.sky-theme-brand-base {
|
|
@@ -1279,6 +1293,22 @@
|
|
|
1279
1293
|
--sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
|
|
1280
1294
|
--sky-font-family-primary: var(--bb-font-blkb_sans-family);
|
|
1281
1295
|
--sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
|
|
1296
|
+
--sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
|
|
1297
|
+
--sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/var(--sky-font-line_height-body-m) var(--sky-font-family-primary);
|
|
1298
|
+
--sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
|
|
1299
|
+
--sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
|
|
1300
|
+
--sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
|
|
1301
|
+
--sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
|
|
1302
|
+
--sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/var(--sky-font-line_height-display-2) var(--sky-font-family-primary);
|
|
1303
|
+
--sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/var(--sky-font-line_height-display-3) var(--sky-font-family-primary);
|
|
1304
|
+
--sky-type-display-4: var(--sky-font-style-display-4) var(--sky-font-size-display-4)/var(--sky-font-line_height-display-4) var(--sky-font-family-primary);
|
|
1305
|
+
--sky-type-heading-2: var(--sky-font-style-heading-2) var(--sky-font-size-heading-2)/var(--sky-font-line_height-heading-2) var(--sky-font-family-primary);
|
|
1306
|
+
--sky-type-heading-3: var(--sky-font-style-heading-3) var(--sky-font-size-heading-3)/var(--sky-font-line_height-heading-3) var(--sky-font-family-primary);
|
|
1307
|
+
--sky-type-heading-4: var(--sky-font-style-heading-4) var(--sky-font-size-heading-4)/var(--sky-font-line_height-heading-4) var(--sky-font-family-primary);
|
|
1308
|
+
--sky-type-heading-5: var(--sky-font-style-heading-5) var(--sky-font-size-heading-5)/var(--sky-font-line_height-heading-5) var(--sky-font-family-primary);
|
|
1309
|
+
--sky-type-hint-m: italic 400 var(--sky-font-size-hint-m)/var(--sky-font-line_height-hint-m) var(--sky-font-family-primary);
|
|
1310
|
+
--sky-type-hint-s: italic 400 var(--sky-font-size-hint-s)/var(--sky-font-line_height-hint-s) var(--sky-font-family-primary);
|
|
1311
|
+
--sky-type-input-label: var(--sky-font-style-input-label) var(--sky-font-size-input-label)/var(--sky-font-line_height-input-label) var(--sky-font-family-primary);
|
|
1282
1312
|
}
|
|
1283
1313
|
|
|
1284
1314
|
@property --bb-image-logo-primary-src {
|
|
@@ -1387,7 +1417,21 @@
|
|
|
1387
1417
|
--bb-color-sky-700: #00a6cc;
|
|
1388
1418
|
--bb-color-sky-800: #007c99;
|
|
1389
1419
|
--bb-color-sky-900: #005366;
|
|
1390
|
-
--bb-color-slate-100: #
|
|
1420
|
+
--bb-color-slate-100: #f1f3f7;
|
|
1421
|
+
--bb-color-slate-1000: #1a2231;
|
|
1422
|
+
--bb-color-slate-1100: #141b26;
|
|
1423
|
+
--bb-color-slate-1200: #0c1016;
|
|
1424
|
+
--bb-color-slate-200: #d9dfe9;
|
|
1425
|
+
--bb-color-slate-25: #fcfdfd;
|
|
1426
|
+
--bb-color-slate-250: #cad2e1;
|
|
1427
|
+
--bb-color-slate-300: #bac5d8;
|
|
1428
|
+
--bb-color-slate-400: #98a9c4;
|
|
1429
|
+
--bb-color-slate-50: #f6f8fa;
|
|
1430
|
+
--bb-color-slate-500: #7289af;
|
|
1431
|
+
--bb-color-slate-600: #536f9d;
|
|
1432
|
+
--bb-color-slate-700: #42597e;
|
|
1433
|
+
--bb-color-slate-800: #32435e;
|
|
1434
|
+
--bb-color-slate-900: #212c3f;
|
|
1391
1435
|
--bb-color-teal-100: #ebfaf9;
|
|
1392
1436
|
--bb-color-teal-1000: #012625;
|
|
1393
1437
|
--bb-color-teal-200: #cdf2f1;
|
|
@@ -1435,7 +1479,7 @@
|
|
|
1435
1479
|
--bb-font-weight-light: 300;
|
|
1436
1480
|
--bb-font-weight-regular: 400;
|
|
1437
1481
|
--bb-font-weight-semibold: 600;
|
|
1438
|
-
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0
|
|
1482
|
+
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png");
|
|
1439
1483
|
--bb-letter_spacing-normal: normal;
|
|
1440
1484
|
--bb-letter_spacing-wider: 0.16px;
|
|
1441
1485
|
--bb-line_height-300: calc(18/13);
|
|
@@ -1446,8 +1490,8 @@
|
|
|
1446
1490
|
--bb-line_height-700: calc(32/24);
|
|
1447
1491
|
--bb-line_height-800: calc(36/27);
|
|
1448
1492
|
--bb-opacity-600: .6;
|
|
1449
|
-
--bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
1450
1493
|
--bb-shadow-gray-0: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
1494
|
+
--bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
1451
1495
|
--bb-size-0: 0rem;
|
|
1452
1496
|
--bb-size-fixed-100: 16px;
|
|
1453
1497
|
--bb-size-fixed-12: 2px;
|
|
@@ -1498,14 +1542,6 @@
|
|
|
1498
1542
|
--bb-space-9: 36px;
|
|
1499
1543
|
--bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
|
|
1500
1544
|
--bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
|
|
1501
|
-
--bb-shadow-blue-100: 0 1px 3px 0 rgba(17, 43, 85, 0.2), 0 2px 1px -1px rgba(17, 43, 85, 0.12), 0 1px 1px 0 rgba(17, 43, 85, 0.14);
|
|
1502
|
-
--bb-shadow-blue-1600: 0 8px 10px -5px rgba(17, 43, 85, 0.2), 0 6px 30px 5px rgba(17, 43, 85, 0.12), 0 16px 24px 2px rgba(17, 43, 85, 0.14);
|
|
1503
|
-
--bb-shadow-blue-200: 0 1px 8px 0 rgba(17, 43, 85, 0.2), 0 3px 3px -2px rgba(17, 43, 85, 0.12), 0 3px 4px 0 rgba(17, 43, 85, 0.14);
|
|
1504
|
-
--bb-shadow-blue-2400: 0 11px 15px -7px rgba(17, 43, 85, 0.2), 0 9px 46px 8px rgba(17, 43, 85, 0.12), 0 24px 38px 3px rgba(17, 43, 85, 0.14);
|
|
1505
|
-
--bb-shadow-blue-25: 0 1px 1px 0 rgba(17, 43, 85, 0.05);
|
|
1506
|
-
--bb-shadow-blue-400: 0 2px 4px -1px rgba(17, 43, 85, 0.2), 0 1px 10px 0 rgba(17, 43, 85, 0.12), 0 4px 5px 0 rgba(17, 43, 85, 0.14);
|
|
1507
|
-
--bb-shadow-blue-50: 0 1px 1px 0 rgba(17, 43, 85, 0.12), 0 1.5px 1px -1px rgba(17, 43, 85, 0.12);
|
|
1508
|
-
--bb-shadow-blue-800: 0 5px 5px -3px rgba(17, 43, 85, 0.2), 0 3px 14px 2px rgba(17, 43, 85, 0.12), 0 8px 10px 1px rgba(17, 43, 85, 0.14);
|
|
1509
1545
|
--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);
|
|
1510
1546
|
--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);
|
|
1511
1547
|
--bb-shadow-gray-200: 0 1px 8px 0 rgba(22, 26, 31, 0.2), 0 3px 3px -2px rgba(22, 26, 31, 0.12), 0 3px 4px 0 rgba(22, 26, 31, 0.14);
|
|
@@ -1514,24 +1550,32 @@
|
|
|
1514
1550
|
--bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
|
|
1515
1551
|
--bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
|
|
1516
1552
|
--bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
|
|
1553
|
+
--bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
|
|
1554
|
+
--bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
|
|
1555
|
+
--bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
|
|
1556
|
+
--bb-shadow-slate-2400: 0 11px 15px -7px rgba(33, 44, 63, 0.2), 0 9px 46px 8px rgba(33, 44, 63, 0.12), 0 24px 38px 3px rgba(33, 44, 63, 0.14);
|
|
1557
|
+
--bb-shadow-slate-25: 0 1px 1px 0 rgba(33, 44, 63, 0.05);
|
|
1558
|
+
--bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
|
|
1559
|
+
--bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
|
|
1560
|
+
--bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
|
|
1517
1561
|
}
|
|
1518
1562
|
|
|
1519
1563
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
|
|
1520
1564
|
--sky-brand-name: var(--bb-brand-name);
|
|
1521
|
-
--sky-color-background-container-dimmed: var(--bb-color-
|
|
1522
|
-
--sky-color-background-file_drop: var(--bb-color-
|
|
1523
|
-
--sky-color-background-input-base: var(--bb-color-
|
|
1565
|
+
--sky-color-background-container-dimmed: var(--bb-color-slate-25);
|
|
1566
|
+
--sky-color-background-file_drop: var(--bb-color-slate-25);
|
|
1567
|
+
--sky-color-background-input-base: var(--bb-color-slate-25);
|
|
1524
1568
|
--sky-color-background-page: var(--bb-color-slate-100);
|
|
1525
1569
|
--sky-color-background-scrim: var(--bb-color-scrim);
|
|
1526
|
-
--sky-color-border-action-input-base: var(--bb-color-
|
|
1527
|
-
--sky-color-border-action-secondary-base: var(--bb-color-
|
|
1528
|
-
--sky-color-border-container-base: var(--bb-color-
|
|
1529
|
-
--sky-color-border-divider: var(--bb-color-
|
|
1530
|
-
--sky-color-border-elevation: var(--bb-color-
|
|
1531
|
-
--sky-color-border-input-base: var(--bb-color-
|
|
1532
|
-
--sky-color-border-separator-light: var(--bb-color-
|
|
1533
|
-
--sky-color-border-separator-row: var(--bb-color-
|
|
1534
|
-
--sky-color-border-switch-base: var(--bb-color-
|
|
1570
|
+
--sky-color-border-action-input-base: var(--bb-color-slate-250);
|
|
1571
|
+
--sky-color-border-action-secondary-base: var(--bb-color-slate-300);
|
|
1572
|
+
--sky-color-border-container-base: var(--bb-color-slate-250);
|
|
1573
|
+
--sky-color-border-divider: var(--bb-color-slate-300);
|
|
1574
|
+
--sky-color-border-elevation: var(--bb-color-slate-250);
|
|
1575
|
+
--sky-color-border-input-base: var(--bb-color-slate-250);
|
|
1576
|
+
--sky-color-border-separator-light: var(--bb-color-slate-250);
|
|
1577
|
+
--sky-color-border-separator-row: var(--bb-color-slate-250);
|
|
1578
|
+
--sky-color-border-switch-base: var(--bb-color-slate-500);
|
|
1535
1579
|
--sky-color-category-blue: var(--bb-color-sky-300);
|
|
1536
1580
|
--sky-color-category-green: var(--bb-color-green-300);
|
|
1537
1581
|
--sky-color-category-orange: var(--bb-color-orange-400);
|
|
@@ -1545,49 +1589,49 @@
|
|
|
1545
1589
|
--sky-color-illustration-fill-softest: var(--bb-color-white);
|
|
1546
1590
|
--sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
|
|
1547
1591
|
--sky-color-text-heading: var(--bb-color-blue-900);
|
|
1548
|
-
--sky-elevation-action-danger-active: var(--bb-shadow-
|
|
1549
|
-
--sky-elevation-action-danger-disabled: var(--bb-shadow-
|
|
1550
|
-
--sky-elevation-action-input-disabled: var(--bb-shadow-
|
|
1551
|
-
--sky-elevation-action-primary-active: var(--bb-shadow-
|
|
1552
|
-
--sky-elevation-action-primary-disabled: var(--bb-shadow-
|
|
1553
|
-
--sky-elevation-action-secondary-active: var(--bb-shadow-
|
|
1554
|
-
--sky-elevation-action-secondary-disabled: var(--bb-shadow-
|
|
1555
|
-
--sky-elevation-action-tertiary-active: var(--bb-shadow-
|
|
1556
|
-
--sky-elevation-action-tertiary-base: var(--bb-shadow-
|
|
1557
|
-
--sky-elevation-action-tertiary-disabled: var(--bb-shadow-
|
|
1558
|
-
--sky-elevation-action-tertiary-focus: var(--bb-shadow-
|
|
1559
|
-
--sky-elevation-action-toolbar-active: var(--bb-shadow-
|
|
1560
|
-
--sky-elevation-action-toolbar-base: var(--bb-shadow-
|
|
1561
|
-
--sky-elevation-action-toolbar-disabled: var(--bb-shadow-
|
|
1562
|
-
--sky-elevation-action-toolbar-focus: var(--bb-shadow-
|
|
1563
|
-
--sky-elevation-input-disabled: var(--bb-shadow-
|
|
1564
|
-
--sky-elevation-none: var(--bb-shadow-
|
|
1592
|
+
--sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
|
|
1593
|
+
--sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
|
|
1594
|
+
--sky-elevation-action-input-disabled: var(--bb-shadow-slate-0);
|
|
1595
|
+
--sky-elevation-action-primary-active: var(--bb-shadow-slate-0);
|
|
1596
|
+
--sky-elevation-action-primary-disabled: var(--bb-shadow-slate-0);
|
|
1597
|
+
--sky-elevation-action-secondary-active: var(--bb-shadow-slate-0);
|
|
1598
|
+
--sky-elevation-action-secondary-disabled: var(--bb-shadow-slate-0);
|
|
1599
|
+
--sky-elevation-action-tertiary-active: var(--bb-shadow-slate-0);
|
|
1600
|
+
--sky-elevation-action-tertiary-base: var(--bb-shadow-slate-0);
|
|
1601
|
+
--sky-elevation-action-tertiary-disabled: var(--bb-shadow-slate-0);
|
|
1602
|
+
--sky-elevation-action-tertiary-focus: var(--bb-shadow-slate-0);
|
|
1603
|
+
--sky-elevation-action-toolbar-active: var(--bb-shadow-slate-0);
|
|
1604
|
+
--sky-elevation-action-toolbar-base: var(--bb-shadow-slate-0);
|
|
1605
|
+
--sky-elevation-action-toolbar-disabled: var(--bb-shadow-slate-0);
|
|
1606
|
+
--sky-elevation-action-toolbar-focus: var(--bb-shadow-slate-0);
|
|
1607
|
+
--sky-elevation-input-disabled: var(--bb-shadow-slate-0);
|
|
1608
|
+
--sky-elevation-none: var(--bb-shadow-slate-0);
|
|
1565
1609
|
--sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
|
|
1566
1610
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
1567
1611
|
--sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
|
|
1568
|
-
--sky-elevation-action-danger-base: var(--bb-shadow-
|
|
1569
|
-
--sky-elevation-action-danger-focus: var(--bb-shadow-
|
|
1570
|
-
--sky-elevation-action-danger-hover: var(--bb-shadow-
|
|
1571
|
-
--sky-elevation-action-input-active: var(--bb-shadow-
|
|
1572
|
-
--sky-elevation-action-input-base: var(--bb-shadow-
|
|
1573
|
-
--sky-elevation-action-input-focus: var(--bb-shadow-
|
|
1574
|
-
--sky-elevation-action-input-hover: var(--bb-shadow-
|
|
1575
|
-
--sky-elevation-action-primary-base: var(--bb-shadow-
|
|
1576
|
-
--sky-elevation-action-primary-focus: var(--bb-shadow-
|
|
1577
|
-
--sky-elevation-action-primary-hover: var(--bb-shadow-
|
|
1578
|
-
--sky-elevation-action-secondary-base: var(--bb-shadow-
|
|
1579
|
-
--sky-elevation-action-secondary-focus: var(--bb-shadow-
|
|
1580
|
-
--sky-elevation-action-secondary-hover: var(--bb-shadow-
|
|
1581
|
-
--sky-elevation-action-tertiary-hover: var(--bb-shadow-
|
|
1582
|
-
--sky-elevation-action-toolbar-hover: var(--bb-shadow-
|
|
1583
|
-
--sky-elevation-focus: var(--bb-shadow-
|
|
1584
|
-
--sky-elevation-input-base: var(--bb-shadow-
|
|
1585
|
-
--sky-elevation-overflow: var(--bb-shadow-
|
|
1586
|
-
--sky-elevation-overlay-100: var(--bb-shadow-
|
|
1587
|
-
--sky-elevation-overlay-200: var(--bb-shadow-
|
|
1588
|
-
--sky-elevation-overlay-300: var(--bb-shadow-
|
|
1589
|
-
--sky-elevation-overlay-400: var(--bb-shadow-
|
|
1590
|
-
--sky-elevation-raised-100: var(--bb-shadow-
|
|
1612
|
+
--sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
|
|
1613
|
+
--sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
|
|
1614
|
+
--sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
|
|
1615
|
+
--sky-elevation-action-input-active: var(--bb-shadow-slate-25);
|
|
1616
|
+
--sky-elevation-action-input-base: var(--bb-shadow-slate-25);
|
|
1617
|
+
--sky-elevation-action-input-focus: var(--bb-shadow-slate-25);
|
|
1618
|
+
--sky-elevation-action-input-hover: var(--bb-shadow-slate-25);
|
|
1619
|
+
--sky-elevation-action-primary-base: var(--bb-shadow-slate-50);
|
|
1620
|
+
--sky-elevation-action-primary-focus: var(--bb-shadow-slate-50);
|
|
1621
|
+
--sky-elevation-action-primary-hover: var(--bb-shadow-slate-50);
|
|
1622
|
+
--sky-elevation-action-secondary-base: var(--bb-shadow-slate-50);
|
|
1623
|
+
--sky-elevation-action-secondary-focus: var(--bb-shadow-slate-50);
|
|
1624
|
+
--sky-elevation-action-secondary-hover: var(--bb-shadow-slate-50);
|
|
1625
|
+
--sky-elevation-action-tertiary-hover: var(--bb-shadow-slate-50);
|
|
1626
|
+
--sky-elevation-action-toolbar-hover: var(--bb-shadow-slate-50);
|
|
1627
|
+
--sky-elevation-focus: var(--bb-shadow-slate-200);
|
|
1628
|
+
--sky-elevation-input-base: var(--bb-shadow-slate-25);
|
|
1629
|
+
--sky-elevation-overflow: var(--bb-shadow-slate-200);
|
|
1630
|
+
--sky-elevation-overlay-100: var(--bb-shadow-slate-400);
|
|
1631
|
+
--sky-elevation-overlay-200: var(--bb-shadow-slate-800);
|
|
1632
|
+
--sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
|
|
1633
|
+
--sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
|
|
1634
|
+
--sky-elevation-raised-100: var(--bb-shadow-slate-100);
|
|
1591
1635
|
}
|
|
1592
1636
|
|
|
1593
1637
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
|
|
@@ -1752,15 +1796,15 @@
|
|
|
1752
1796
|
--sky-color-text-heading: var(--bb-color-gray-50);
|
|
1753
1797
|
--sky-color-text-inverse: var(--bb-color-gray-1100);
|
|
1754
1798
|
--sky-color-text-selected: var(--bb-color-blue-400);
|
|
1755
|
-
--sky-elevation-none: var(--bb-shadow-
|
|
1799
|
+
--sky-elevation-none: var(--bb-shadow-slate-0);
|
|
1756
1800
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
1757
|
-
--sky-elevation-focus: var(--bb-shadow-
|
|
1758
|
-
--sky-elevation-overflow: var(--bb-shadow-
|
|
1759
|
-
--sky-elevation-overlay-100: var(--bb-shadow-
|
|
1760
|
-
--sky-elevation-overlay-200: var(--bb-shadow-
|
|
1761
|
-
--sky-elevation-overlay-300: var(--bb-shadow-
|
|
1762
|
-
--sky-elevation-overlay-400: var(--bb-shadow-
|
|
1763
|
-
--sky-elevation-raised-100: var(--bb-shadow-
|
|
1801
|
+
--sky-elevation-focus: var(--bb-shadow-slate-200);
|
|
1802
|
+
--sky-elevation-overflow: var(--bb-shadow-slate-200);
|
|
1803
|
+
--sky-elevation-overlay-100: var(--bb-shadow-slate-400);
|
|
1804
|
+
--sky-elevation-overlay-200: var(--bb-shadow-slate-800);
|
|
1805
|
+
--sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
|
|
1806
|
+
--sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
|
|
1807
|
+
--sky-elevation-raised-100: var(--bb-shadow-slate-100);
|
|
1764
1808
|
}
|
|
1765
1809
|
|
|
1766
1810
|
.sky-theme-modern {
|
|
@@ -2778,6 +2822,22 @@ body.sky-theme-modern {
|
|
|
2778
2822
|
.sky-theme-modern .sky-rounded-corners {
|
|
2779
2823
|
border-radius: var(--sky-border-radius-s);
|
|
2780
2824
|
}
|
|
2825
|
+
.sky-theme-modern .sky-illustration-svg {
|
|
2826
|
+
height: 100%;
|
|
2827
|
+
width: 100%;
|
|
2828
|
+
}
|
|
2829
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-softest {
|
|
2830
|
+
fill: var(--sky-color-illustration-fill-softest);
|
|
2831
|
+
}
|
|
2832
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-soft {
|
|
2833
|
+
fill: var(--sky-color-illustration-fill-soft);
|
|
2834
|
+
}
|
|
2835
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-heavy {
|
|
2836
|
+
fill: var(--sky-color-illustration-fill-heavy);
|
|
2837
|
+
}
|
|
2838
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-outline {
|
|
2839
|
+
stroke: var(--sky-color-illustration-stroke);
|
|
2840
|
+
}
|
|
2781
2841
|
|
|
2782
2842
|
.sky-theme-modern .sky-font-body-default {
|
|
2783
2843
|
color: var(--sky-color-text-default);
|
package/fesm2022/skyux-theme.mjs
CHANGED
|
@@ -17,10 +17,10 @@ class SkyThemeIconManifestService {
|
|
|
17
17
|
getManifest() {
|
|
18
18
|
return getIconManifest();
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
21
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
21
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
|
|
24
24
|
type: Injectable,
|
|
25
25
|
args: [{
|
|
26
26
|
providedIn: 'root',
|
|
@@ -451,10 +451,10 @@ class SkyThemeBrandService {
|
|
|
451
451
|
#appendToHead(renderer, el) {
|
|
452
452
|
renderer.appendChild(this.#document.head, el);
|
|
453
453
|
}
|
|
454
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
455
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
454
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeBrandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
455
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeBrandService, providedIn: 'root' }); }
|
|
456
456
|
}
|
|
457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
457
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeBrandService, decorators: [{
|
|
458
458
|
type: Injectable,
|
|
459
459
|
args: [{
|
|
460
460
|
providedIn: 'root',
|
|
@@ -682,10 +682,10 @@ class SkyThemeService {
|
|
|
682
682
|
currentSetting instanceof SkyThemeSpacing) &&
|
|
683
683
|
current.theme[supportedProp].includes(currentSetting)));
|
|
684
684
|
}
|
|
685
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
686
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
685
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
686
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeService }); }
|
|
687
687
|
}
|
|
688
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeService, decorators: [{
|
|
689
689
|
type: Injectable
|
|
690
690
|
}], ctorParameters: () => [] });
|
|
691
691
|
|
|
@@ -723,10 +723,10 @@ class SkyAppStyleLoader {
|
|
|
723
723
|
});
|
|
724
724
|
});
|
|
725
725
|
}
|
|
726
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
727
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
726
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
727
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
|
|
728
728
|
}
|
|
729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
|
|
730
730
|
type: Injectable,
|
|
731
731
|
args: [{
|
|
732
732
|
providedIn: 'root',
|
|
@@ -833,10 +833,10 @@ class SkyThemeClassDirective {
|
|
|
833
833
|
});
|
|
834
834
|
}
|
|
835
835
|
}
|
|
836
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
837
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0
|
|
836
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
837
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
|
|
838
838
|
}
|
|
839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
839
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
|
|
840
840
|
type: Directive,
|
|
841
841
|
args: [{
|
|
842
842
|
selector: '[skyThemeClass]',
|
|
@@ -904,10 +904,10 @@ class SkyThemeIfDirective {
|
|
|
904
904
|
this.#hasView = false;
|
|
905
905
|
}
|
|
906
906
|
}
|
|
907
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
908
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0
|
|
907
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
908
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
|
|
909
909
|
}
|
|
910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
|
|
911
911
|
type: Directive,
|
|
912
912
|
args: [{
|
|
913
913
|
selector: '[skyThemeIf]',
|
|
@@ -949,10 +949,10 @@ class SkyThemeDirective {
|
|
|
949
949
|
ngOnDestroy() {
|
|
950
950
|
this.#themeSvc.destroy();
|
|
951
951
|
}
|
|
952
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
953
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0
|
|
952
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
953
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
|
|
954
954
|
}
|
|
955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeDirective, decorators: [{
|
|
956
956
|
type: Directive,
|
|
957
957
|
args: [{
|
|
958
958
|
selector: '[skyTheme]',
|
|
@@ -964,13 +964,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
|
|
|
964
964
|
}] } });
|
|
965
965
|
|
|
966
966
|
class SkyThemeModule {
|
|
967
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
968
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0
|
|
967
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
968
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
|
|
969
969
|
SkyThemeDirective,
|
|
970
970
|
SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
|
|
971
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0
|
|
971
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeModule }); }
|
|
972
972
|
}
|
|
973
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeModule, decorators: [{
|
|
974
974
|
type: NgModule,
|
|
975
975
|
args: [{
|
|
976
976
|
declarations: [
|
|
@@ -996,10 +996,10 @@ class SkyThemeComponentClassDirective {
|
|
|
996
996
|
this.#changeDetector.markForCheck();
|
|
997
997
|
});
|
|
998
998
|
}
|
|
999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1000
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0
|
|
999
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1000
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
|
|
1001
1001
|
}
|
|
1002
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
|
|
1003
1003
|
type: Directive,
|
|
1004
1004
|
args: [{
|
|
1005
1005
|
selector: '[skyThemeClass]',
|
|
@@ -1154,10 +1154,10 @@ class SkyAppViewportService {
|
|
|
1154
1154
|
}
|
|
1155
1155
|
return false;
|
|
1156
1156
|
}
|
|
1157
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0
|
|
1158
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0
|
|
1157
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1158
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
|
|
1159
1159
|
}
|
|
1160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0
|
|
1160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyAppViewportService, decorators: [{
|
|
1161
1161
|
type: Injectable,
|
|
1162
1162
|
args: [{
|
|
1163
1163
|
providedIn: 'root',
|