@skyux/theme 14.0.0-alpha.0 → 14.0.0-alpha.10
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 +82 -26
- package/css/themes/modern/styles.css +203 -81
- package/fesm2022/skyux-theme.mjs +28 -28
- package/package.json +4 -4
package/css/sky.css
CHANGED
|
@@ -407,6 +407,86 @@ textarea {
|
|
|
407
407
|
--sky-viewkeeper-box-shadow: none;
|
|
408
408
|
}
|
|
409
409
|
|
|
410
|
+
@property --sky-transition-time-short {
|
|
411
|
+
syntax: "<time>";
|
|
412
|
+
inherits: true;
|
|
413
|
+
initial-value: 150ms;
|
|
414
|
+
}
|
|
415
|
+
@property --sky-transition-time-medium {
|
|
416
|
+
syntax: "<time>";
|
|
417
|
+
inherits: true;
|
|
418
|
+
initial-value: 250ms;
|
|
419
|
+
}
|
|
420
|
+
.sky-animations-disabled *,
|
|
421
|
+
.sky-animations-disabled *::before,
|
|
422
|
+
.sky-animations-disabled *::after {
|
|
423
|
+
--sky-transition-time-short: 0s !important;
|
|
424
|
+
--sky-transition-time-medium: 0s !important;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
/* suppress motion globally based on user preferences */
|
|
428
|
+
@media (prefers-reduced-motion: reduce) {
|
|
429
|
+
*,
|
|
430
|
+
*::before,
|
|
431
|
+
*::after {
|
|
432
|
+
--sky-transition-time-short: 1ms !important;
|
|
433
|
+
--sky-transition-time-medium: 1ms !important;
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
@keyframes sky-animation-emerge-enter {
|
|
437
|
+
from {
|
|
438
|
+
opacity: 0;
|
|
439
|
+
transform: scale(0);
|
|
440
|
+
}
|
|
441
|
+
to {
|
|
442
|
+
opacity: 1;
|
|
443
|
+
transform: scale(1);
|
|
444
|
+
}
|
|
445
|
+
}
|
|
446
|
+
@keyframes sky-animation-emerge-leave {
|
|
447
|
+
from {
|
|
448
|
+
opacity: 1;
|
|
449
|
+
transform: scale(1);
|
|
450
|
+
}
|
|
451
|
+
to {
|
|
452
|
+
opacity: 0;
|
|
453
|
+
transform: scale(0);
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
.sky-animation-emerge-enter {
|
|
457
|
+
animation: sky-animation-emerge-enter var(--sky-transition-time-medium) ease-in-out;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
.sky-animation-emerge-leave {
|
|
461
|
+
animation: sky-animation-emerge-leave var(--sky-transition-time-medium) ease-in-out;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
/*
|
|
465
|
+
Slides an element from a horizontal offset to its natural position as it
|
|
466
|
+
enters the DOM via @starting-style.
|
|
467
|
+
*/
|
|
468
|
+
.sky-animation-slide-enter-left {
|
|
469
|
+
transition-duration: var(--sky-transition-time-short);
|
|
470
|
+
transition-property: transform;
|
|
471
|
+
transition-timing-function: ease-in;
|
|
472
|
+
}
|
|
473
|
+
@starting-style {
|
|
474
|
+
.sky-animation-slide-enter-left {
|
|
475
|
+
transform: translate(-100%);
|
|
476
|
+
}
|
|
477
|
+
}
|
|
478
|
+
|
|
479
|
+
.sky-animation-slide-enter-right {
|
|
480
|
+
transition-duration: var(--sky-transition-time-short);
|
|
481
|
+
transition-property: transform;
|
|
482
|
+
transition-timing-function: ease-in;
|
|
483
|
+
}
|
|
484
|
+
@starting-style {
|
|
485
|
+
.sky-animation-slide-enter-right {
|
|
486
|
+
transform: translate(100%);
|
|
487
|
+
}
|
|
488
|
+
}
|
|
489
|
+
|
|
410
490
|
body:not(.sky-theme-modern) {
|
|
411
491
|
--sky-override-border-dark: 1px solid #cdcfd2;
|
|
412
492
|
--sky-override-border-light: 1px solid #e2e3e4;
|
|
@@ -770,30 +850,6 @@ a.sky-btn:hover {
|
|
|
770
850
|
width: 1190px;
|
|
771
851
|
}
|
|
772
852
|
|
|
773
|
-
/* Dragula styles */
|
|
774
|
-
.gu-mirror {
|
|
775
|
-
position: fixed !important;
|
|
776
|
-
margin: 0 !important;
|
|
777
|
-
z-index: 9999 !important;
|
|
778
|
-
opacity: 0.8;
|
|
779
|
-
filter: alpha(opacity=80);
|
|
780
|
-
}
|
|
781
|
-
|
|
782
|
-
.gu-hide {
|
|
783
|
-
display: none !important;
|
|
784
|
-
}
|
|
785
|
-
|
|
786
|
-
.gu-unselectable {
|
|
787
|
-
-webkit-user-select: none !important;
|
|
788
|
-
user-select: none !important;
|
|
789
|
-
}
|
|
790
|
-
|
|
791
|
-
.gu-transit {
|
|
792
|
-
opacity: 0.5;
|
|
793
|
-
filter: alpha(opacity=20);
|
|
794
|
-
}
|
|
795
|
-
|
|
796
|
-
/* End Dragula styles */
|
|
797
853
|
.sky-elevation-0-bordered,
|
|
798
854
|
.sky-elevation-1-bordered {
|
|
799
855
|
border-top: 1px solid #cdcfd2;
|
|
@@ -1010,8 +1066,7 @@ fieldset {
|
|
|
1010
1066
|
|
|
1011
1067
|
select {
|
|
1012
1068
|
appearance: none;
|
|
1013
|
-
background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+) no-repeat right
|
|
1014
|
-
background-size: 15px 30px;
|
|
1069
|
+
background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+) no-repeat right/15px 30px;
|
|
1015
1070
|
border-top: 1px solid #e2e3e4;
|
|
1016
1071
|
border-bottom: 1px solid #e2e3e4;
|
|
1017
1072
|
border-left: 1px solid #e2e3e4;
|
|
@@ -1020,6 +1075,7 @@ select {
|
|
|
1020
1075
|
font-size: 15px;
|
|
1021
1076
|
height: 34px;
|
|
1022
1077
|
padding: 5px 21px 5px 10px;
|
|
1078
|
+
text-overflow: ellipsis;
|
|
1023
1079
|
}
|
|
1024
1080
|
|
|
1025
1081
|
@-moz-document url-prefix() {
|
|
@@ -3,6 +3,46 @@
|
|
|
3
3
|
inherits: true;
|
|
4
4
|
initial-value: url("data:,");
|
|
5
5
|
}
|
|
6
|
+
@property --bb-image-select_icon-base-dark-src {
|
|
7
|
+
syntax: "<url>";
|
|
8
|
+
inherits: true;
|
|
9
|
+
initial-value: url("data:,");
|
|
10
|
+
}
|
|
11
|
+
@property --bb-image-select_icon-base-light-src {
|
|
12
|
+
syntax: "<url>";
|
|
13
|
+
inherits: true;
|
|
14
|
+
initial-value: url("data:,");
|
|
15
|
+
}
|
|
16
|
+
@property --bb-image-select_icon-bb-dark-src {
|
|
17
|
+
syntax: "<url>";
|
|
18
|
+
inherits: true;
|
|
19
|
+
initial-value: url("data:,");
|
|
20
|
+
}
|
|
21
|
+
@property --bb-image-select_icon-bb-light-src {
|
|
22
|
+
syntax: "<url>";
|
|
23
|
+
inherits: true;
|
|
24
|
+
initial-value: url("data:,");
|
|
25
|
+
}
|
|
26
|
+
@property --bb-image-select_icon-disabled-base-dark-src {
|
|
27
|
+
syntax: "<url>";
|
|
28
|
+
inherits: true;
|
|
29
|
+
initial-value: url("data:,");
|
|
30
|
+
}
|
|
31
|
+
@property --bb-image-select_icon-disabled-base-light-src {
|
|
32
|
+
syntax: "<url>";
|
|
33
|
+
inherits: true;
|
|
34
|
+
initial-value: url("data:,");
|
|
35
|
+
}
|
|
36
|
+
@property --bb-image-select_icon-disabled-bb-dark-src {
|
|
37
|
+
syntax: "<url>";
|
|
38
|
+
inherits: true;
|
|
39
|
+
initial-value: url("data:,");
|
|
40
|
+
}
|
|
41
|
+
@property --bb-image-select_icon-disabled-bb-light-src {
|
|
42
|
+
syntax: "<url>";
|
|
43
|
+
inherits: true;
|
|
44
|
+
initial-value: url("data:,");
|
|
45
|
+
}
|
|
6
46
|
.sky-theme-modern.sky-theme-brand-base {
|
|
7
47
|
--bb-border-radius-0: 0rem;
|
|
8
48
|
--bb-border-radius-012: .125rem;
|
|
@@ -12,9 +52,8 @@
|
|
|
12
52
|
--bb-border-radius-round: 50%;
|
|
13
53
|
--bb-border-style-dotted: dotted;
|
|
14
54
|
--bb-border-style-solid: solid;
|
|
15
|
-
--bb-brand-name:
|
|
55
|
+
--bb-brand-name: 'Blackbaud';
|
|
16
56
|
--bb-color-black: #000000;
|
|
17
|
-
--bb-color-blocking: rgba(255, 255, 255, 0.7);
|
|
18
57
|
--bb-color-blue-100: #eef3fc;
|
|
19
58
|
--bb-color-blue-1000: #0d2040;
|
|
20
59
|
--bb-color-blue-1100: #0b1b35;
|
|
@@ -42,7 +81,7 @@
|
|
|
42
81
|
--bb-color-gray-400: #a3a6a9;
|
|
43
82
|
--bb-color-gray-50: #f4f4f5;
|
|
44
83
|
--bb-color-gray-500: #85888d;
|
|
45
|
-
--bb-color-gray-600: #
|
|
84
|
+
--bb-color-gray-600: #666b70;
|
|
46
85
|
--bb-color-gray-700: #51555c;
|
|
47
86
|
--bb-color-gray-800: #3b4047;
|
|
48
87
|
--bb-color-gray-900: #252b33;
|
|
@@ -116,8 +155,10 @@
|
|
|
116
155
|
--bb-color-red-700: #ae2e31;
|
|
117
156
|
--bb-color-red-800: #822325;
|
|
118
157
|
--bb-color-red-900: #641b1c;
|
|
158
|
+
--bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
|
|
119
159
|
--bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
|
|
120
160
|
--bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
|
|
161
|
+
--bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
|
|
121
162
|
--bb-color-scrim: rgba(37, 43, 51, 0.5);
|
|
122
163
|
--bb-color-sky-100: #d6f7ff;
|
|
123
164
|
--bb-color-sky-1000: #002933;
|
|
@@ -205,7 +246,15 @@
|
|
|
205
246
|
--bb-font-weight-light: 300;
|
|
206
247
|
--bb-font-weight-regular: 400;
|
|
207
248
|
--bb-font-weight-semibold: 600;
|
|
208
|
-
--bb-image-logo-primary-src: url(
|
|
249
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/bb-logo.png');
|
|
250
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
251
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
252
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
253
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
254
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
255
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
256
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
257
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
209
258
|
--bb-letter_spacing-normal: normal;
|
|
210
259
|
--bb-letter_spacing-wider: 0.01rem;
|
|
211
260
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -290,32 +339,31 @@
|
|
|
290
339
|
}
|
|
291
340
|
|
|
292
341
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
|
|
342
|
+
--sky-color-background-action-accent-active: var(--bb-color-gray-600);
|
|
343
|
+
--sky-color-background-action-accent-base: var(--bb-color-blue-900);
|
|
344
|
+
--sky-color-background-action-accent-focus: var(--bb-color-gray-700);
|
|
345
|
+
--sky-color-background-action-accent-hover: var(--bb-color-gray-700);
|
|
293
346
|
--sky-color-background-action-danger-active: var(--bb-color-red-600);
|
|
294
347
|
--sky-color-background-action-danger-base: var(--bb-color-red-600);
|
|
295
|
-
--sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
|
|
296
348
|
--sky-color-background-action-danger-focus: var(--bb-color-red-600);
|
|
297
349
|
--sky-color-background-action-danger-hover: var(--bb-color-red-600);
|
|
298
350
|
--sky-color-background-action-input-active: var(--bb-color-transparent);
|
|
299
351
|
--sky-color-background-action-input-base: var(--bb-color-blue-900);
|
|
300
|
-
--sky-color-background-action-input-disabled: var(--bb-color-gray-700);
|
|
301
352
|
--sky-color-background-action-input-focus: var(--bb-color-blue-900);
|
|
302
353
|
--sky-color-background-action-input-hover: var(--bb-color-transparent);
|
|
303
354
|
--sky-color-background-action-primary-active: var(--bb-color-sky-500);
|
|
304
355
|
--sky-color-background-action-primary-base: var(--bb-color-sky-600);
|
|
305
|
-
--sky-color-background-action-primary-disabled: var(--bb-color-gray-700);
|
|
306
356
|
--sky-color-background-action-primary-focus: var(--bb-color-sky-600);
|
|
307
357
|
--sky-color-background-action-primary-hover: var(--bb-color-sky-600);
|
|
308
358
|
--sky-color-background-action-secondary-active: var(--bb-color-gray-600);
|
|
309
359
|
--sky-color-background-action-secondary-base: var(--bb-color-gray-800);
|
|
310
|
-
--sky-color-background-action-secondary-disabled: var(--bb-color-gray-700);
|
|
311
360
|
--sky-color-background-action-secondary-focus: var(--bb-color-gray-700);
|
|
312
361
|
--sky-color-background-action-secondary-hover: var(--bb-color-gray-700);
|
|
313
362
|
--sky-color-background-action-tertiary-active: var(--bb-color-transparent);
|
|
314
363
|
--sky-color-background-action-tertiary-base: var(--bb-color-transparent);
|
|
315
|
-
--sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
|
|
316
364
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
317
365
|
--sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
|
|
318
|
-
--sky-color-background-blocking: var(--bb-color-
|
|
366
|
+
--sky-color-background-blocking: var(--bb-color-rgba-black-70);
|
|
319
367
|
--sky-color-background-container-base: var(--bb-color-gray-1000);
|
|
320
368
|
--sky-color-background-container-danger: var(--bb-color-red-800);
|
|
321
369
|
--sky-color-background-container-dimmed: var(--bb-color-gray-1000);
|
|
@@ -324,6 +372,7 @@
|
|
|
324
372
|
--sky-color-background-container-success: var(--bb-color-green-900);
|
|
325
373
|
--sky-color-background-container-tooltip: var(--bb-color-gray-25);
|
|
326
374
|
--sky-color-background-container-warning: var(--bb-color-yellow-800);
|
|
375
|
+
--sky-color-background-disabled: var(--bb-color-gray-700);
|
|
327
376
|
--sky-color-background-file_drop: var(--bb-color-gray-1000);
|
|
328
377
|
--sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
|
|
329
378
|
--sky-color-background-icon_matte-action-soft: var(--bb-color-blue-900);
|
|
@@ -332,16 +381,13 @@
|
|
|
332
381
|
--sky-color-background-icon_matte-success: var(--bb-color-green-700);
|
|
333
382
|
--sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
|
|
334
383
|
--sky-color-background-input-base: var(--bb-color-gray-900);
|
|
335
|
-
--sky-color-background-input-disabled: var(--bb-color-gray-700);
|
|
336
384
|
--sky-color-background-nav-active: var(--bb-color-transparent);
|
|
337
385
|
--sky-color-background-nav-base: var(--bb-color-transparent);
|
|
338
|
-
--sky-color-background-nav-disabled: var(--bb-color-gray-700);
|
|
339
386
|
--sky-color-background-nav-focus: var(--bb-color-transparent);
|
|
340
387
|
--sky-color-background-nav-hover: var(--bb-color-transparent);
|
|
341
388
|
--sky-color-background-page: var(--bb-color-gray-1100);
|
|
342
389
|
--sky-color-background-row-active: var(--bb-color-transparent);
|
|
343
390
|
--sky-color-background-row-base: var(--bb-color-gray-1000);
|
|
344
|
-
--sky-color-background-row-disabled: var(--bb-color-gray-700);
|
|
345
391
|
--sky-color-background-row-focus: var(--bb-color-gray-1000);
|
|
346
392
|
--sky-color-background-row-hover: var(--bb-color-transparent);
|
|
347
393
|
--sky-color-background-scrim: var(--bb-color-scrim);
|
|
@@ -350,11 +396,9 @@
|
|
|
350
396
|
--sky-color-background-selected-soft: var(--bb-color-blue-900);
|
|
351
397
|
--sky-color-background-selected-success: var(--bb-color-green-900);
|
|
352
398
|
--sky-color-background-selected-switch-base: var(--bb-color-blue-600);
|
|
353
|
-
--sky-color-background-selected-switch-disabled: var(--bb-color-gray-700);
|
|
354
399
|
--sky-color-background-selected-warning: var(--bb-color-yellow-900);
|
|
355
400
|
--sky-color-background-tab-active: var(--bb-color-transparent);
|
|
356
401
|
--sky-color-background-tab-base: var(--bb-color-transparent);
|
|
357
|
-
--sky-color-background-tab-disabled: var(--bb-color-gray-700);
|
|
358
402
|
--sky-color-background-tab-focus: var(--bb-color-transparent);
|
|
359
403
|
--sky-color-background-tab-hover: var(--bb-color-transparent);
|
|
360
404
|
--sky-color-background-tab-selected: var(--bb-color-transparent);
|
|
@@ -363,46 +407,44 @@
|
|
|
363
407
|
--sky-color-background-thumb-base: var(--bb-color-white);
|
|
364
408
|
--sky-color-background-thumb-disabled: var(--bb-color-gray-600);
|
|
365
409
|
--sky-color-background-thumbnail_matte: var(--bb-color-white);
|
|
410
|
+
--sky-color-border-action-accent-active: var(--bb-color-sky-500);
|
|
411
|
+
--sky-color-border-action-accent-base: var(--bb-color-gray-700);
|
|
412
|
+
--sky-color-border-action-accent-focus: var(--bb-color-sky-600);
|
|
413
|
+
--sky-color-border-action-accent-hover: var(--bb-color-sky-600);
|
|
366
414
|
--sky-color-border-action-danger-active: var(--bb-color-red-200);
|
|
367
415
|
--sky-color-border-action-danger-base: var(--bb-color-red-600);
|
|
368
|
-
--sky-color-border-action-danger-disabled: var(--bb-color-gray-800);
|
|
369
416
|
--sky-color-border-action-danger-focus: var(--bb-color-red-200);
|
|
370
417
|
--sky-color-border-action-danger-hover: var(--bb-color-red-200);
|
|
371
418
|
--sky-color-border-action-input-active: var(--bb-color-blue-600);
|
|
372
419
|
--sky-color-border-action-input-base: var(--bb-color-blue-400);
|
|
373
|
-
--sky-color-border-action-input-disabled: var(--bb-color-gray-800);
|
|
374
420
|
--sky-color-border-action-input-focus: var(--bb-color-blue-600);
|
|
375
421
|
--sky-color-border-action-input-hover: var(--bb-color-blue-600);
|
|
376
422
|
--sky-color-border-action-primary-active: var(--bb-color-sky-500);
|
|
377
423
|
--sky-color-border-action-primary-base: var(--bb-color-sky-600);
|
|
378
|
-
--sky-color-border-action-primary-disabled: var(--bb-color-gray-800);
|
|
379
424
|
--sky-color-border-action-primary-focus: var(--bb-color-sky-600);
|
|
380
425
|
--sky-color-border-action-primary-hover: var(--bb-color-sky-600);
|
|
381
426
|
--sky-color-border-action-secondary-active: var(--bb-color-sky-500);
|
|
382
427
|
--sky-color-border-action-secondary-base: var(--bb-color-gray-700);
|
|
383
|
-
--sky-color-border-action-secondary-disabled: var(--bb-color-gray-800);
|
|
384
428
|
--sky-color-border-action-secondary-focus: var(--bb-color-sky-600);
|
|
385
429
|
--sky-color-border-action-secondary-hover: var(--bb-color-sky-600);
|
|
386
430
|
--sky-color-border-action-tertiary-active: var(--bb-color-sky-500);
|
|
387
431
|
--sky-color-border-action-tertiary-base: var(--bb-color-transparent);
|
|
388
|
-
--sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
|
|
389
432
|
--sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
|
|
390
433
|
--sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
|
|
391
434
|
--sky-color-border-column_divider: var(--bb-color-blue-400);
|
|
392
435
|
--sky-color-border-container-base: var(--bb-color-blue-900);
|
|
393
436
|
--sky-color-border-danger: var(--bb-color-red-400);
|
|
437
|
+
--sky-color-border-disabled: var(--bb-color-gray-800);
|
|
394
438
|
--sky-color-border-divider: var(--bb-color-gray-800);
|
|
395
439
|
--sky-color-border-elevation: var(--bb-color-gray-800);
|
|
396
440
|
--sky-color-border-info: var(--bb-color-blue-400);
|
|
397
441
|
--sky-color-border-input-active: var(--bb-color-blue-600);
|
|
398
442
|
--sky-color-border-input-base: var(--bb-color-blue-200);
|
|
399
|
-
--sky-color-border-input-disabled: var(--bb-color-gray-400);
|
|
400
443
|
--sky-color-border-input-error: var(--bb-color-red-600);
|
|
401
444
|
--sky-color-border-input-focus: var(--bb-color-blue-600);
|
|
402
445
|
--sky-color-border-input-hover: var(--bb-color-blue-600);
|
|
403
446
|
--sky-color-border-nav-active: var(--bb-color-sky-500);
|
|
404
447
|
--sky-color-border-nav-base: var(--bb-color-transparent);
|
|
405
|
-
--sky-color-border-nav-disabled: var(--bb-color-gray-800);
|
|
406
448
|
--sky-color-border-nav-focus: var(--bb-color-sky-600);
|
|
407
449
|
--sky-color-border-nav-hover: var(--bb-color-sky-600);
|
|
408
450
|
--sky-color-border-progress_step: var(--bb-color-gray-600);
|
|
@@ -414,18 +456,15 @@
|
|
|
414
456
|
--sky-color-border-success: var(--bb-color-green-400);
|
|
415
457
|
--sky-color-border-switch-active: var(--bb-color-blue-600);
|
|
416
458
|
--sky-color-border-switch-base: var(--bb-color-blue-500);
|
|
417
|
-
--sky-color-border-switch-disabled: var(--bb-color-gray-400);
|
|
418
459
|
--sky-color-border-switch-error: var(--bb-color-red-600);
|
|
419
460
|
--sky-color-border-switch-focus: var(--bb-color-blue-600);
|
|
420
461
|
--sky-color-border-switch-hover: var(--bb-color-blue-600);
|
|
421
462
|
--sky-color-border-switch-selected-active: var(--bb-color-blue-900);
|
|
422
463
|
--sky-color-border-switch-selected-base: var(--bb-color-transparent);
|
|
423
|
-
--sky-color-border-switch-selected-disabled: var(--bb-color-gray-400);
|
|
424
464
|
--sky-color-border-switch-selected-focus: var(--bb-color-blue-900);
|
|
425
465
|
--sky-color-border-switch-selected-hover: var(--bb-color-blue-900);
|
|
426
466
|
--sky-color-border-tab-active: var(--bb-color-sky-500);
|
|
427
467
|
--sky-color-border-tab-base: var(--bb-color-transparent);
|
|
428
|
-
--sky-color-border-tab-disabled: var(--bb-color-gray-800);
|
|
429
468
|
--sky-color-border-tab-focus: var(--bb-color-sky-600);
|
|
430
469
|
--sky-color-border-tab-hover: var(--bb-color-sky-600);
|
|
431
470
|
--sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
|
|
@@ -517,7 +556,31 @@
|
|
|
517
556
|
--sky-color-viz-sequence-8: var(--bb-color-teal-300);
|
|
518
557
|
--sky-color-viz-sequence-9: var(--bb-color-teal-200);
|
|
519
558
|
--sky-elevation-none: var(--bb-shadow-gray-0);
|
|
559
|
+
--sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
|
|
560
|
+
--sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
|
|
520
561
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
562
|
+
--sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
|
|
563
|
+
--sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
|
|
564
|
+
--sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
|
|
565
|
+
--sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
|
|
566
|
+
--sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
|
|
567
|
+
--sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
|
|
568
|
+
--sky-color-background-input-disabled: var(--sky-color-background-disabled);
|
|
569
|
+
--sky-color-background-nav-disabled: var(--sky-color-background-disabled);
|
|
570
|
+
--sky-color-background-row-disabled: var(--sky-color-background-disabled);
|
|
571
|
+
--sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
|
|
572
|
+
--sky-color-background-tab-disabled: var(--sky-color-background-disabled);
|
|
573
|
+
--sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
|
|
574
|
+
--sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
|
|
575
|
+
--sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
|
|
576
|
+
--sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
|
|
577
|
+
--sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
|
|
578
|
+
--sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
|
|
579
|
+
--sky-color-border-input-disabled: var(--sky-color-border-disabled);
|
|
580
|
+
--sky-color-border-nav-disabled: var(--sky-color-border-disabled);
|
|
581
|
+
--sky-color-border-switch-disabled: var(--sky-color-border-disabled);
|
|
582
|
+
--sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
|
|
583
|
+
--sky-color-border-tab-disabled: var(--sky-color-border-disabled);
|
|
521
584
|
--sky-elevation-focus: var(--bb-shadow-gray-200);
|
|
522
585
|
--sky-elevation-overflow: var(--bb-shadow-gray-200);
|
|
523
586
|
--sky-elevation-overlay-100: var(--bb-shadow-gray-400);
|
|
@@ -531,43 +594,38 @@
|
|
|
531
594
|
--sky-brand-name: var(--bb-brand-name);
|
|
532
595
|
--sky-color-background-action-accent-active: var(--bb-color-blue-100);
|
|
533
596
|
--sky-color-background-action-accent-base: var(--bb-color-white);
|
|
534
|
-
--sky-color-background-action-accent-disabled: var(--bb-color-gray-50);
|
|
535
597
|
--sky-color-background-action-accent-focus: var(--bb-color-white);
|
|
536
598
|
--sky-color-background-action-accent-hover: var(--bb-color-blue-50);
|
|
537
599
|
--sky-color-background-action-danger-active: var(--bb-color-red-800);
|
|
538
600
|
--sky-color-background-action-danger-base: var(--bb-color-red-600);
|
|
539
|
-
--sky-color-background-action-danger-disabled: var(--bb-color-gray-100);
|
|
540
601
|
--sky-color-background-action-danger-focus: var(--bb-color-red-600);
|
|
541
602
|
--sky-color-background-action-danger-hover: var(--bb-color-red-700);
|
|
542
603
|
--sky-color-background-action-input-active: var(--bb-color-blue-100);
|
|
543
604
|
--sky-color-background-action-input-base: var(--bb-color-white);
|
|
544
|
-
--sky-color-background-action-input-disabled: var(--bb-color-gray-100);
|
|
545
605
|
--sky-color-background-action-input-focus: var(--bb-color-white);
|
|
546
606
|
--sky-color-background-action-input-hover: var(--bb-color-blue-50);
|
|
547
607
|
--sky-color-background-action-primary-active: var(--bb-color-blue-800);
|
|
548
608
|
--sky-color-background-action-primary-base: var(--bb-color-blue-600);
|
|
549
|
-
--sky-color-background-action-primary-disabled: var(--bb-color-gray-100);
|
|
550
609
|
--sky-color-background-action-primary-focus: var(--bb-color-blue-600);
|
|
551
610
|
--sky-color-background-action-primary-hover: var(--bb-color-blue-700);
|
|
552
611
|
--sky-color-background-action-secondary-active: var(--bb-color-blue-100);
|
|
553
612
|
--sky-color-background-action-secondary-base: var(--bb-color-white);
|
|
554
|
-
--sky-color-background-action-secondary-disabled: var(--bb-color-gray-100);
|
|
555
613
|
--sky-color-background-action-secondary-focus: var(--bb-color-white);
|
|
556
614
|
--sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
|
|
557
615
|
--sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
|
|
558
616
|
--sky-color-background-action-tertiary-base: var(--bb-color-transparent);
|
|
559
|
-
--sky-color-background-action-tertiary-disabled: var(--bb-color-gray-100);
|
|
560
617
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
561
618
|
--sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
|
|
562
|
-
--sky-color-background-blocking: var(--bb-color-
|
|
619
|
+
--sky-color-background-blocking: var(--bb-color-rgba-white-70);
|
|
563
620
|
--sky-color-background-container-base: var(--bb-color-white);
|
|
564
621
|
--sky-color-background-container-danger: var(--bb-color-red-200);
|
|
565
622
|
--sky-color-background-container-dimmed: var(--bb-color-gray-25);
|
|
566
623
|
--sky-color-background-container-info: var(--bb-color-blue-200);
|
|
567
624
|
--sky-color-background-container-menu: var(--bb-color-white);
|
|
568
625
|
--sky-color-background-container-success: var(--bb-color-green-200);
|
|
569
|
-
--sky-color-background-container-tooltip: var(--bb-color-gray-
|
|
626
|
+
--sky-color-background-container-tooltip: var(--bb-color-gray-1000);
|
|
570
627
|
--sky-color-background-container-warning: var(--bb-color-yellow-200);
|
|
628
|
+
--sky-color-background-disabled: var(--bb-color-gray-100);
|
|
571
629
|
--sky-color-background-file_drop: var(--bb-color-gray-25);
|
|
572
630
|
--sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
|
|
573
631
|
--sky-color-background-icon_matte-action-soft: var(--bb-color-blue-100);
|
|
@@ -576,16 +634,13 @@
|
|
|
576
634
|
--sky-color-background-icon_matte-success: var(--bb-color-green-600);
|
|
577
635
|
--sky-color-background-icon_matte-warning: var(--bb-color-yellow-400);
|
|
578
636
|
--sky-color-background-input-base: var(--bb-color-white);
|
|
579
|
-
--sky-color-background-input-disabled: var(--bb-color-gray-100);
|
|
580
637
|
--sky-color-background-nav-active: var(--bb-color-blue-100);
|
|
581
638
|
--sky-color-background-nav-base: var(--bb-color-transparent);
|
|
582
|
-
--sky-color-background-nav-disabled: var(--bb-color-gray-100);
|
|
583
639
|
--sky-color-background-nav-focus: var(--bb-color-transparent);
|
|
584
640
|
--sky-color-background-nav-hover: var(--bb-color-blue-50);
|
|
585
641
|
--sky-color-background-page: var(--bb-color-gray-100);
|
|
586
642
|
--sky-color-background-row-active: var(--bb-color-blue-100);
|
|
587
643
|
--sky-color-background-row-base: var(--bb-color-white);
|
|
588
|
-
--sky-color-background-row-disabled: var(--bb-color-gray-100);
|
|
589
644
|
--sky-color-background-row-focus: var(--bb-color-white);
|
|
590
645
|
--sky-color-background-row-hover: var(--bb-color-blue-50);
|
|
591
646
|
--sky-color-background-scrim: var(--bb-color-scrim);
|
|
@@ -594,11 +649,9 @@
|
|
|
594
649
|
--sky-color-background-selected-soft: var(--bb-color-blue-100);
|
|
595
650
|
--sky-color-background-selected-success: var(--bb-color-green-200);
|
|
596
651
|
--sky-color-background-selected-switch-base: var(--bb-color-blue-600);
|
|
597
|
-
--sky-color-background-selected-switch-disabled: var(--bb-color-gray-100);
|
|
598
652
|
--sky-color-background-selected-warning: var(--bb-color-yellow-200);
|
|
599
653
|
--sky-color-background-tab-active: var(--bb-color-transparent);
|
|
600
654
|
--sky-color-background-tab-base: var(--bb-color-transparent);
|
|
601
|
-
--sky-color-background-tab-disabled: var(--bb-color-gray-100);
|
|
602
655
|
--sky-color-background-tab-focus: var(--bb-color-transparent);
|
|
603
656
|
--sky-color-background-tab-hover: var(--bb-color-transparent);
|
|
604
657
|
--sky-color-background-tab-selected: var(--bb-color-transparent);
|
|
@@ -609,49 +662,42 @@
|
|
|
609
662
|
--sky-color-background-thumbnail_matte: var(--bb-color-white);
|
|
610
663
|
--sky-color-border-action-accent-active: var(--bb-color-blue-600);
|
|
611
664
|
--sky-color-border-action-accent-base: var(--bb-color-gray-200);
|
|
612
|
-
--sky-color-border-action-accent-disabled: var(--bb-color-gray-200);
|
|
613
665
|
--sky-color-border-action-accent-focus: var(--bb-color-blue-600);
|
|
614
666
|
--sky-color-border-action-accent-hover: var(--bb-color-blue-600);
|
|
615
667
|
--sky-color-border-action-danger-active: var(--bb-color-red-1000);
|
|
616
668
|
--sky-color-border-action-danger-base: var(--bb-color-red-600);
|
|
617
|
-
--sky-color-border-action-danger-disabled: var(--bb-color-gray-300);
|
|
618
669
|
--sky-color-border-action-danger-focus: var(--bb-color-red-1000);
|
|
619
670
|
--sky-color-border-action-danger-hover: var(--bb-color-red-1000);
|
|
620
671
|
--sky-color-border-action-input-active: var(--bb-color-blue-600);
|
|
621
672
|
--sky-color-border-action-input-base: var(--bb-color-gray-300);
|
|
622
|
-
--sky-color-border-action-input-disabled: var(--bb-color-gray-300);
|
|
623
673
|
--sky-color-border-action-input-focus: var(--bb-color-blue-600);
|
|
624
674
|
--sky-color-border-action-input-hover: var(--bb-color-blue-600);
|
|
625
675
|
--sky-color-border-action-primary-active: var(--bb-color-blue-1000);
|
|
626
676
|
--sky-color-border-action-primary-base: var(--bb-color-blue-600);
|
|
627
|
-
--sky-color-border-action-primary-disabled: var(--bb-color-gray-300);
|
|
628
677
|
--sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
|
|
629
678
|
--sky-color-border-action-primary-hover: var(--bb-color-blue-1000);
|
|
630
679
|
--sky-color-border-action-secondary-active: var(--bb-color-blue-600);
|
|
631
680
|
--sky-color-border-action-secondary-base: var(--bb-color-gray-300);
|
|
632
|
-
--sky-color-border-action-secondary-disabled: var(--bb-color-gray-300);
|
|
633
681
|
--sky-color-border-action-secondary-focus: var(--bb-color-blue-600);
|
|
634
682
|
--sky-color-border-action-secondary-hover: var(--bb-color-blue-600);
|
|
635
683
|
--sky-color-border-action-tertiary-active: var(--bb-color-blue-600);
|
|
636
684
|
--sky-color-border-action-tertiary-base: var(--bb-color-transparent);
|
|
637
|
-
--sky-color-border-action-tertiary-disabled: var(--bb-color-gray-300);
|
|
638
685
|
--sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
|
|
639
686
|
--sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
|
|
640
687
|
--sky-color-border-column_divider: var(--bb-color-blue-600);
|
|
641
688
|
--sky-color-border-container-base: var(--bb-color-gray-200);
|
|
642
689
|
--sky-color-border-danger: var(--bb-color-red-600);
|
|
690
|
+
--sky-color-border-disabled: var(--bb-color-gray-300);
|
|
643
691
|
--sky-color-border-divider: var(--bb-color-gray-300);
|
|
644
692
|
--sky-color-border-elevation: var(--bb-color-gray-200);
|
|
645
693
|
--sky-color-border-info: var(--bb-color-blue-600);
|
|
646
694
|
--sky-color-border-input-active: var(--bb-color-blue-600);
|
|
647
695
|
--sky-color-border-input-base: var(--bb-color-gray-300);
|
|
648
|
-
--sky-color-border-input-disabled: var(--bb-color-gray-300);
|
|
649
696
|
--sky-color-border-input-error: var(--bb-color-red-600);
|
|
650
697
|
--sky-color-border-input-focus: var(--bb-color-blue-600);
|
|
651
698
|
--sky-color-border-input-hover: var(--bb-color-blue-600);
|
|
652
699
|
--sky-color-border-nav-active: var(--bb-color-blue-600);
|
|
653
700
|
--sky-color-border-nav-base: var(--bb-color-transparent);
|
|
654
|
-
--sky-color-border-nav-disabled: var(--bb-color-gray-300);
|
|
655
701
|
--sky-color-border-nav-focus: var(--bb-color-blue-600);
|
|
656
702
|
--sky-color-border-nav-hover: var(--bb-color-blue-600);
|
|
657
703
|
--sky-color-border-progress_step: var(--bb-color-gray-400);
|
|
@@ -662,18 +708,15 @@
|
|
|
662
708
|
--sky-color-border-success: var(--bb-color-green-600);
|
|
663
709
|
--sky-color-border-switch-active: var(--bb-color-blue-600);
|
|
664
710
|
--sky-color-border-switch-base: var(--bb-color-gray-500);
|
|
665
|
-
--sky-color-border-switch-disabled: var(--bb-color-gray-300);
|
|
666
711
|
--sky-color-border-switch-error: var(--bb-color-red-600);
|
|
667
712
|
--sky-color-border-switch-focus: var(--bb-color-blue-600);
|
|
668
713
|
--sky-color-border-switch-hover: var(--bb-color-blue-600);
|
|
669
714
|
--sky-color-border-switch-selected-active: var(--bb-color-blue-1000);
|
|
670
715
|
--sky-color-border-switch-selected-base: var(--bb-color-transparent);
|
|
671
|
-
--sky-color-border-switch-selected-disabled: var(--bb-color-gray-300);
|
|
672
716
|
--sky-color-border-switch-selected-focus: var(--bb-color-blue-1000);
|
|
673
717
|
--sky-color-border-switch-selected-hover: var(--bb-color-blue-1000);
|
|
674
718
|
--sky-color-border-tab-active: var(--bb-color-blue-600);
|
|
675
719
|
--sky-color-border-tab-base: var(--bb-color-transparent);
|
|
676
|
-
--sky-color-border-tab-disabled: var(--bb-color-gray-300);
|
|
677
720
|
--sky-color-border-tab-focus: var(--bb-color-blue-600);
|
|
678
721
|
--sky-color-border-tab-hover: var(--bb-color-blue-600);
|
|
679
722
|
--sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
|
|
@@ -703,7 +746,7 @@
|
|
|
703
746
|
--sky-color-icon-action: var(--bb-color-blue-600);
|
|
704
747
|
--sky-color-icon-danger: var(--bb-color-red-600);
|
|
705
748
|
--sky-color-icon-deemphasized: var(--bb-color-gray-600);
|
|
706
|
-
--sky-color-icon-default: var(--bb-color-gray-
|
|
749
|
+
--sky-color-icon-default: var(--bb-color-gray-1000);
|
|
707
750
|
--sky-color-icon-eyebrow: var(--bb-color-brand-impact_green);
|
|
708
751
|
--sky-color-icon-info: var(--bb-color-blue-600);
|
|
709
752
|
--sky-color-icon-input-action: var(--bb-color-gray-600);
|
|
@@ -719,7 +762,7 @@
|
|
|
719
762
|
--sky-color-text-action_contrast: var(--bb-color-blue-700);
|
|
720
763
|
--sky-color-text-danger: var(--bb-color-red-600);
|
|
721
764
|
--sky-color-text-deemphasized: var(--bb-color-gray-600);
|
|
722
|
-
--sky-color-text-default: var(--bb-color-gray-
|
|
765
|
+
--sky-color-text-default: var(--bb-color-gray-1000);
|
|
723
766
|
--sky-color-text-heading: var(--bb-color-gray-1100);
|
|
724
767
|
--sky-color-text-inverse: var(--bb-color-white);
|
|
725
768
|
--sky-color-text-selected: var(--bb-color-blue-600);
|
|
@@ -753,7 +796,7 @@
|
|
|
753
796
|
--sky-color-viz-diverge-pos-8: var(--bb-color-blue-800);
|
|
754
797
|
--sky-color-viz-diverge-pos-9: var(--bb-color-blue-900);
|
|
755
798
|
--sky-color-viz-gridline: var(--bb-color-gray-200);
|
|
756
|
-
--sky-color-viz-marker: var(--bb-color-gray-
|
|
799
|
+
--sky-color-viz-marker: var(--bb-color-gray-1000);
|
|
757
800
|
--sky-color-viz-sequence-1: var(--bb-color-teal-100);
|
|
758
801
|
--sky-color-viz-sequence-10: var(--bb-color-teal-1000);
|
|
759
802
|
--sky-color-viz-sequence-2: var(--bb-color-teal-200);
|
|
@@ -798,7 +841,31 @@
|
|
|
798
841
|
--sky-elevation-input-disabled: var(--bb-shadow-gray-0);
|
|
799
842
|
--sky-elevation-none: var(--bb-shadow-gray-0);
|
|
800
843
|
--sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
|
|
844
|
+
--sky-image-select_icon-base: var(--bb-image-select_icon-base-light-src);
|
|
845
|
+
--sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-light-src);
|
|
801
846
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
847
|
+
--sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
|
|
848
|
+
--sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
|
|
849
|
+
--sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
|
|
850
|
+
--sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
|
|
851
|
+
--sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
|
|
852
|
+
--sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
|
|
853
|
+
--sky-color-background-input-disabled: var(--sky-color-background-disabled);
|
|
854
|
+
--sky-color-background-nav-disabled: var(--sky-color-background-disabled);
|
|
855
|
+
--sky-color-background-row-disabled: var(--sky-color-background-disabled);
|
|
856
|
+
--sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
|
|
857
|
+
--sky-color-background-tab-disabled: var(--sky-color-background-disabled);
|
|
858
|
+
--sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
|
|
859
|
+
--sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
|
|
860
|
+
--sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
|
|
861
|
+
--sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
|
|
862
|
+
--sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
|
|
863
|
+
--sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
|
|
864
|
+
--sky-color-border-input-disabled: var(--sky-color-border-disabled);
|
|
865
|
+
--sky-color-border-nav-disabled: var(--sky-color-border-disabled);
|
|
866
|
+
--sky-color-border-switch-disabled: var(--sky-color-border-disabled);
|
|
867
|
+
--sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
|
|
868
|
+
--sky-color-border-tab-disabled: var(--sky-color-border-disabled);
|
|
802
869
|
--sky-elevation-focus: var(--bb-shadow-gray-200);
|
|
803
870
|
--sky-elevation-overflow: var(--bb-shadow-gray-200);
|
|
804
871
|
--sky-elevation-overlay-100: var(--bb-shadow-gray-400);
|
|
@@ -1501,27 +1568,27 @@
|
|
|
1501
1568
|
--sky-space-stacked-xl: var(--bb-size-fluid-150);
|
|
1502
1569
|
--sky-space-stacked-xs: var(--bb-size-fluid-25);
|
|
1503
1570
|
--sky-space-stacked-xxl: var(--bb-size-fluid-300);
|
|
1504
|
-
--sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/32
|
|
1505
|
-
--sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/28
|
|
1506
|
-
--sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/28
|
|
1507
|
-
--sky-type-display-4: var(--sky-font-style-display-4) var(--sky-font-size-display-4)/24
|
|
1508
|
-
--sky-type-eyebrow: var(--sky-font-style-eyebrow) var(--sky-font-size-eyebrow)/20
|
|
1509
|
-
--sky-type-heading-2: var(--sky-font-style-heading-2) var(--sky-font-size-heading-2)/28
|
|
1510
|
-
--sky-type-heading-3: var(--sky-font-style-heading-3) var(--sky-font-size-heading-3)/24
|
|
1511
|
-
--sky-type-heading-4: var(--sky-font-style-heading-4) var(--sky-font-size-heading-4)/20
|
|
1512
|
-
--sky-type-heading-5: var(--sky-font-style-heading-5) var(--sky-font-size-heading-5)/20
|
|
1513
|
-
--sky-type-hint-m: italic 400 var(--sky-font-size-hint-m)/20
|
|
1514
|
-
--sky-type-hint-s: italic 400 var(--sky-font-size-hint-s)/18
|
|
1515
|
-
--sky-type-input-label: var(--sky-font-style-input-label) var(--sky-font-size-input-label)/18
|
|
1571
|
+
--sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/32 'var(--bb-font-blkb_sans-name)';
|
|
1572
|
+
--sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/28 'var(--bb-font-blkb_sans-name)';
|
|
1573
|
+
--sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/28 'var(--bb-font-blkb_sans-name)';
|
|
1574
|
+
--sky-type-display-4: var(--sky-font-style-display-4) var(--sky-font-size-display-4)/24 'var(--bb-font-blkb_sans-name)';
|
|
1575
|
+
--sky-type-eyebrow: var(--sky-font-style-eyebrow) var(--sky-font-size-eyebrow)/20 'var(--bb-font-blkb_sans-name)';
|
|
1576
|
+
--sky-type-heading-2: var(--sky-font-style-heading-2) var(--sky-font-size-heading-2)/28 'var(--bb-font-blkb_sans-name)';
|
|
1577
|
+
--sky-type-heading-3: var(--sky-font-style-heading-3) var(--sky-font-size-heading-3)/24 'var(--bb-font-blkb_sans-name)';
|
|
1578
|
+
--sky-type-heading-4: var(--sky-font-style-heading-4) var(--sky-font-size-heading-4)/20 'var(--bb-font-blkb_sans-name)';
|
|
1579
|
+
--sky-type-heading-5: var(--sky-font-style-heading-5) var(--sky-font-size-heading-5)/20 'var(--bb-font-blkb_sans-name)';
|
|
1580
|
+
--sky-type-hint-m: italic 400 var(--sky-font-size-hint-m)/20 'var(--bb-font-blkb_sans-name)';
|
|
1581
|
+
--sky-type-hint-s: italic 400 var(--sky-font-size-hint-s)/18 'var(--bb-font-blkb_sans-name)';
|
|
1582
|
+
--sky-type-input-label: var(--sky-font-style-input-label) var(--sky-font-size-input-label)/18 'var(--bb-font-blkb_sans-name)';
|
|
1516
1583
|
--sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
|
|
1517
1584
|
--sky-font-family-primary: var(--bb-font-blkb_sans-family);
|
|
1518
1585
|
--sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
|
|
1519
|
-
--sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/24
|
|
1520
|
-
--sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/20
|
|
1521
|
-
--sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/18
|
|
1522
|
-
--sky-type-body-xs: var(--sky-font-style-body-xs) var(--sky-font-size-body-xs)/16
|
|
1523
|
-
--sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/36
|
|
1524
|
-
--sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20
|
|
1586
|
+
--sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/24 'var(--bb-font-blkb_sans-name)';
|
|
1587
|
+
--sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/20 'var(--bb-font-blkb_sans-name)';
|
|
1588
|
+
--sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/18 'var(--bb-font-blkb_sans-name)';
|
|
1589
|
+
--sky-type-body-xs: var(--sky-font-style-body-xs) var(--sky-font-size-body-xs)/16 'var(--bb-font-blkb_sans-name)';
|
|
1590
|
+
--sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/36 'var(--bb-font-blkb_sans-name)';
|
|
1591
|
+
--sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
|
|
1525
1592
|
}
|
|
1526
1593
|
|
|
1527
1594
|
@property --bb-image-logo-primary-src {
|
|
@@ -1529,6 +1596,46 @@
|
|
|
1529
1596
|
inherits: true;
|
|
1530
1597
|
initial-value: url("data:,");
|
|
1531
1598
|
}
|
|
1599
|
+
@property --bb-image-select_icon-base-dark-src {
|
|
1600
|
+
syntax: "<url>";
|
|
1601
|
+
inherits: true;
|
|
1602
|
+
initial-value: url("data:,");
|
|
1603
|
+
}
|
|
1604
|
+
@property --bb-image-select_icon-base-light-src {
|
|
1605
|
+
syntax: "<url>";
|
|
1606
|
+
inherits: true;
|
|
1607
|
+
initial-value: url("data:,");
|
|
1608
|
+
}
|
|
1609
|
+
@property --bb-image-select_icon-bb-dark-src {
|
|
1610
|
+
syntax: "<url>";
|
|
1611
|
+
inherits: true;
|
|
1612
|
+
initial-value: url("data:,");
|
|
1613
|
+
}
|
|
1614
|
+
@property --bb-image-select_icon-bb-light-src {
|
|
1615
|
+
syntax: "<url>";
|
|
1616
|
+
inherits: true;
|
|
1617
|
+
initial-value: url("data:,");
|
|
1618
|
+
}
|
|
1619
|
+
@property --bb-image-select_icon-disabled-base-dark-src {
|
|
1620
|
+
syntax: "<url>";
|
|
1621
|
+
inherits: true;
|
|
1622
|
+
initial-value: url("data:,");
|
|
1623
|
+
}
|
|
1624
|
+
@property --bb-image-select_icon-disabled-base-light-src {
|
|
1625
|
+
syntax: "<url>";
|
|
1626
|
+
inherits: true;
|
|
1627
|
+
initial-value: url("data:,");
|
|
1628
|
+
}
|
|
1629
|
+
@property --bb-image-select_icon-disabled-bb-dark-src {
|
|
1630
|
+
syntax: "<url>";
|
|
1631
|
+
inherits: true;
|
|
1632
|
+
initial-value: url("data:,");
|
|
1633
|
+
}
|
|
1634
|
+
@property --bb-image-select_icon-disabled-bb-light-src {
|
|
1635
|
+
syntax: "<url>";
|
|
1636
|
+
inherits: true;
|
|
1637
|
+
initial-value: url("data:,");
|
|
1638
|
+
}
|
|
1532
1639
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
|
|
1533
1640
|
--bb-border-radius-0: 0rem;
|
|
1534
1641
|
--bb-border-radius-012: .125rem;
|
|
@@ -1538,9 +1645,8 @@
|
|
|
1538
1645
|
--bb-border-radius-round: 50%;
|
|
1539
1646
|
--bb-border-style-dotted: dotted;
|
|
1540
1647
|
--bb-border-style-solid: solid;
|
|
1541
|
-
--bb-brand-name:
|
|
1648
|
+
--bb-brand-name: 'Blackbaud';
|
|
1542
1649
|
--bb-color-black: #000000;
|
|
1543
|
-
--bb-color-blocking: rgba(255, 255, 255, 0.7);
|
|
1544
1650
|
--bb-color-blue-100: #eef3fc;
|
|
1545
1651
|
--bb-color-blue-1000: #0d2040;
|
|
1546
1652
|
--bb-color-blue-1100: #0b1b35;
|
|
@@ -1568,7 +1674,7 @@
|
|
|
1568
1674
|
--bb-color-gray-400: #a3a6a9;
|
|
1569
1675
|
--bb-color-gray-50: #f4f4f5;
|
|
1570
1676
|
--bb-color-gray-500: #85888d;
|
|
1571
|
-
--bb-color-gray-600: #
|
|
1677
|
+
--bb-color-gray-600: #666b70;
|
|
1572
1678
|
--bb-color-gray-700: #51555c;
|
|
1573
1679
|
--bb-color-gray-800: #3b4047;
|
|
1574
1680
|
--bb-color-gray-900: #252b33;
|
|
@@ -1642,8 +1748,10 @@
|
|
|
1642
1748
|
--bb-color-red-700: #ae2e31;
|
|
1643
1749
|
--bb-color-red-800: #822325;
|
|
1644
1750
|
--bb-color-red-900: #641b1c;
|
|
1751
|
+
--bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
|
|
1645
1752
|
--bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
|
|
1646
1753
|
--bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
|
|
1754
|
+
--bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
|
|
1647
1755
|
--bb-color-scrim: rgba(37, 43, 51, 0.5);
|
|
1648
1756
|
--bb-color-sky-100: #d6f7ff;
|
|
1649
1757
|
--bb-color-sky-1000: #002933;
|
|
@@ -1731,7 +1839,15 @@
|
|
|
1731
1839
|
--bb-font-weight-light: 300;
|
|
1732
1840
|
--bb-font-weight-regular: 400;
|
|
1733
1841
|
--bb-font-weight-semibold: 600;
|
|
1734
|
-
--bb-image-logo-primary-src: url(
|
|
1842
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/bb-logo.png');
|
|
1843
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
1844
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
1845
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
1846
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
1847
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
1848
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
1849
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
1850
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
1735
1851
|
--bb-letter_spacing-normal: normal;
|
|
1736
1852
|
--bb-letter_spacing-wider: 0.01rem;
|
|
1737
1853
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -1856,6 +1972,8 @@
|
|
|
1856
1972
|
--sky-elevation-input-disabled: var(--bb-shadow-slate-0);
|
|
1857
1973
|
--sky-elevation-none: var(--bb-shadow-slate-0);
|
|
1858
1974
|
--sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
|
|
1975
|
+
--sky-image-select_icon-base: var(--bb-image-select_icon-bb-light-src);
|
|
1976
|
+
--sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-light-src);
|
|
1859
1977
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
1860
1978
|
--sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
|
|
1861
1979
|
--sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
|
|
@@ -1885,6 +2003,10 @@
|
|
|
1885
2003
|
}
|
|
1886
2004
|
|
|
1887
2005
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
|
|
2006
|
+
--sky-color-background-action-accent-active: var(--bb-color-gray-600);
|
|
2007
|
+
--sky-color-background-action-accent-base: var(--bb-color-blue-900);
|
|
2008
|
+
--sky-color-background-action-accent-focus: var(--bb-color-gray-700);
|
|
2009
|
+
--sky-color-background-action-accent-hover: var(--bb-color-gray-700);
|
|
1888
2010
|
--sky-color-background-action-danger-active: var(--bb-color-red-600);
|
|
1889
2011
|
--sky-color-background-action-danger-base: var(--bb-color-red-600);
|
|
1890
2012
|
--sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
|
|
@@ -1910,7 +2032,7 @@
|
|
|
1910
2032
|
--sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
|
|
1911
2033
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
1912
2034
|
--sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
|
|
1913
|
-
--sky-color-background-blocking: var(--bb-color-
|
|
2035
|
+
--sky-color-background-blocking: var(--bb-color-rgba-black-70);
|
|
1914
2036
|
--sky-color-background-container-base: var(--bb-color-gray-1000);
|
|
1915
2037
|
--sky-color-background-container-danger: var(--bb-color-red-800);
|
|
1916
2038
|
--sky-color-background-container-dimmed: var(--bb-color-gray-1000);
|
|
@@ -1918,6 +2040,7 @@
|
|
|
1918
2040
|
--sky-color-background-container-menu: var(--bb-color-gray-900);
|
|
1919
2041
|
--sky-color-background-container-success: var(--bb-color-green-900);
|
|
1920
2042
|
--sky-color-background-container-warning: var(--bb-color-yellow-800);
|
|
2043
|
+
--sky-color-background-disabled: var(--bb-color-gray-700);
|
|
1921
2044
|
--sky-color-background-file_drop: var(--bb-color-gray-1000);
|
|
1922
2045
|
--sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
|
|
1923
2046
|
--sky-color-background-icon_matte-action-soft: var(--bb-color-blue-900);
|
|
@@ -1985,6 +2108,7 @@
|
|
|
1985
2108
|
--sky-color-border-column_divider: var(--bb-color-blue-400);
|
|
1986
2109
|
--sky-color-border-container-base: var(--bb-color-blue-900);
|
|
1987
2110
|
--sky-color-border-danger: var(--bb-color-red-400);
|
|
2111
|
+
--sky-color-border-disabled: var(--bb-color-gray-800);
|
|
1988
2112
|
--sky-color-border-divider: var(--bb-color-gray-800);
|
|
1989
2113
|
--sky-color-border-elevation: var(--bb-color-gray-800);
|
|
1990
2114
|
--sky-color-border-info: var(--bb-color-blue-400);
|
|
@@ -2048,7 +2172,11 @@
|
|
|
2048
2172
|
--sky-color-text-inverse: var(--bb-color-gray-1100);
|
|
2049
2173
|
--sky-color-text-selected: var(--bb-color-blue-400);
|
|
2050
2174
|
--sky-elevation-none: var(--bb-shadow-slate-0);
|
|
2175
|
+
--sky-image-select_icon-base: var(--bb-image-select_icon-bb-dark-src);
|
|
2176
|
+
--sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
|
|
2051
2177
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
2178
|
+
--sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
|
|
2179
|
+
--sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
|
|
2052
2180
|
--sky-elevation-focus: var(--bb-shadow-slate-200);
|
|
2053
2181
|
--sky-elevation-overflow: var(--bb-shadow-slate-200);
|
|
2054
2182
|
--sky-elevation-overlay-100: var(--bb-shadow-slate-400);
|
|
@@ -2797,12 +2925,6 @@
|
|
|
2797
2925
|
font-style: var(--sky-font-style-deemphasized-style);
|
|
2798
2926
|
opacity: 1;
|
|
2799
2927
|
}
|
|
2800
|
-
.sky-theme-modern select {
|
|
2801
|
-
background: var(--sky-color-background-input-base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC41MzAzIDIuNzE5NjdDMTAuMjM3NCAyLjQyNjc4IDkuNzYyNTYgMi40MjY3OCA5LjQ2OTY3IDIuNzE5NjdMNS4yMTk2NyA2Ljk2OTY3QzQuOTI2NzggNy4yNjI1NiA0LjkyNjc4IDcuNzM3NDQgNS4yMTk2NyA4LjAzMDMzQzUuNTEyNTYgOC4zMjMyMiA1Ljk4NzQ0IDguMzIzMjIgNi4yODAzMyA4LjAzMDMzTDEwIDQuMzEwNjZMMTMuNzE5NyA4LjAzMDMzQzE0LjAxMjYgOC4zMjMyMiAxNC40ODc0IDguMzIzMjIgMTQuNzgwMyA4LjAzMDMzQzE1LjA3MzIgNy43Mzc0NCAxNS4wNzMyIDcuMjYyNTYgMTQuNzgwMyA2Ljk2OTY3TDEwLjUzMDMgMi43MTk2N1pNMTQuNzgwMyAxMy4wMzAzTDEwLjUzMDMgMTcuMjgwM0MxMC4yMzc0IDE3LjU3MzIgOS43NjI1NiAxNy41NzMyIDkuNDY5NjcgMTcuMjgwM0w1LjIxOTY3IDEzLjAzMDNDNC45MjY3OCAxMi43Mzc0IDQuOTI2NzggMTIuMjYyNiA1LjIxOTY3IDExLjk2OTdDNS41MTI1NiAxMS42NzY4IDUuOTg3NDQgMTEuNjc2OCA2LjI4MDMzIDExLjk2OTdMMTAgMTUuNjg5M0wxMy43MTk3IDExLjk2OTdDMTQuMDEyNiAxMS42NzY4IDE0LjQ4NzQgMTEuNjc2OCAxNC43ODAzIDExLjk2OTdDMTUuMDczMiAxMi4yNjI2IDE1LjA3MzIgMTIuNzM3NCAxNC43ODAzIDEzLjAzMDNaIiBmaWxsPSIjMmI2YmQ1Ii8+DQo8L3N2Zz4NCg==) no-repeat right/var(--sky-input-box-button-width) var(--sky-size-icon-m);
|
|
2802
|
-
}
|
|
2803
|
-
.sky-theme-modern select:disabled {
|
|
2804
|
-
background: var(--sky-color-background-input-base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUzMDMgMi43MTk2N0MxMC4yMzc0IDIuNDI2NzggOS43NjI1NiAyLjQyNjc4IDkuNDY5NjcgMi43MTk2N0w1LjIxOTY3IDYuOTY5NjdDNC45MjY3OCA3LjI2MjU2IDQuOTI2NzggNy43Mzc0NCA1LjIxOTY3IDguMDMwMzNDNS41MTI1NiA4LjMyMzIyIDUuOTg3NDQgOC4zMjMyMiA2LjI4MDMzIDguMDMwMzNMMTAgNC4zMTA2NkwxMy43MTk3IDguMDMwMzNDMTQuMDEyNiA4LjMyMzIyIDE0LjQ4NzQgOC4zMjMyMiAxNC43ODAzIDguMDMwMzNDMTUuMDczMiA3LjczNzQ0IDE1LjA3MzIgNy4yNjI1NiAxNC43ODAzIDYuOTY5NjdMMTAuNTMwMyAyLjcxOTY3Wk0xNC43ODAzIDEzLjAzMDNMMTAuNTMwMyAxNy4yODAzQzEwLjIzNzQgMTcuNTczMiA5Ljc2MjU2IDE3LjU3MzIgOS40Njk2NyAxNy4yODAzTDUuMjE5NjcgMTMuMDMwM0M0LjkyNjc4IDEyLjczNzQgNC45MjY3OCAxMi4yNjI2IDUuMjE5NjcgMTEuOTY5N0M1LjUxMjU2IDExLjY3NjggNS45ODc0NCAxMS42NzY4IDYuMjgwMzMgMTEuOTY5N0wxMCAxNS42ODkzTDEzLjcxOTcgMTEuOTY5N0MxNC4wMTI2IDExLjY3NjggMTQuNDg3NCAxMS42NzY4IDE0Ljc4MDMgMTEuOTY5N0MxNS4wNzMyIDEyLjI2MjYgMTUuMDczMiAxMi43Mzc0IDE0Ljc4MDMgMTMuMDMwM1oiIGZpbGw9IiM2NjZiNzAiLz4KPC9zdmc+) no-repeat right/var(--sky-input-box-button-width) var(--sky-size-icon-m);
|
|
2805
|
-
}
|
|
2806
2928
|
|
|
2807
2929
|
.sky-theme-modern {
|
|
2808
2930
|
/* data viz colors */
|
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: "21.0
|
|
433
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0
|
|
432
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeBrandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
433
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeBrandService, providedIn: 'root' }); }
|
|
434
434
|
}
|
|
435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", 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: "21.0
|
|
675
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0
|
|
674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
675
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeService }); }
|
|
676
676
|
}
|
|
677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", 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: "21.0
|
|
716
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0
|
|
715
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
716
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
|
|
717
717
|
}
|
|
718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
718
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
|
|
719
719
|
type: Injectable,
|
|
720
720
|
args: [{
|
|
721
721
|
providedIn: 'root',
|
|
@@ -822,10 +822,10 @@ class SkyThemeClassDirective {
|
|
|
822
822
|
});
|
|
823
823
|
}
|
|
824
824
|
}
|
|
825
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0
|
|
826
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0
|
|
825
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
826
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
|
|
827
827
|
}
|
|
828
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
828
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
|
|
829
829
|
type: Directive,
|
|
830
830
|
args: [{
|
|
831
831
|
selector: '[skyThemeClass]',
|
|
@@ -893,10 +893,10 @@ class SkyThemeIfDirective {
|
|
|
893
893
|
this.#hasView = false;
|
|
894
894
|
}
|
|
895
895
|
}
|
|
896
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0
|
|
897
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0
|
|
896
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
897
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
|
|
898
898
|
}
|
|
899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
|
|
900
900
|
type: Directive,
|
|
901
901
|
args: [{
|
|
902
902
|
selector: '[skyThemeIf]',
|
|
@@ -938,10 +938,10 @@ class SkyThemeDirective {
|
|
|
938
938
|
ngOnDestroy() {
|
|
939
939
|
this.#themeSvc.destroy();
|
|
940
940
|
}
|
|
941
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0
|
|
942
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0
|
|
941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
942
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
|
|
943
943
|
}
|
|
944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeDirective, decorators: [{
|
|
945
945
|
type: Directive,
|
|
946
946
|
args: [{
|
|
947
947
|
selector: '[skyTheme]',
|
|
@@ -953,13 +953,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
953
953
|
}] } });
|
|
954
954
|
|
|
955
955
|
class SkyThemeModule {
|
|
956
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0
|
|
957
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0
|
|
956
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
957
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
|
|
958
958
|
SkyThemeDirective,
|
|
959
959
|
SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
|
|
960
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0
|
|
960
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeModule }); }
|
|
961
961
|
}
|
|
962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
962
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeModule, decorators: [{
|
|
963
963
|
type: NgModule,
|
|
964
964
|
args: [{
|
|
965
965
|
declarations: [
|
|
@@ -985,10 +985,10 @@ class SkyThemeComponentClassDirective {
|
|
|
985
985
|
this.#changeDetector.markForCheck();
|
|
986
986
|
});
|
|
987
987
|
}
|
|
988
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0
|
|
989
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0
|
|
988
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
989
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
|
|
990
990
|
}
|
|
991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
991
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
|
|
992
992
|
type: Directive,
|
|
993
993
|
args: [{
|
|
994
994
|
selector: '[skyThemeClass]',
|
|
@@ -1142,10 +1142,10 @@ class SkyAppViewportService {
|
|
|
1142
1142
|
}
|
|
1143
1143
|
return false;
|
|
1144
1144
|
}
|
|
1145
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0
|
|
1146
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0
|
|
1145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1146
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
|
|
1147
1147
|
}
|
|
1148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0
|
|
1148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAppViewportService, decorators: [{
|
|
1149
1149
|
type: Injectable,
|
|
1150
1150
|
args: [{
|
|
1151
1151
|
providedIn: 'root',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.10",
|
|
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": "^21.0
|
|
20
|
-
"@angular/core": "^21.0
|
|
19
|
+
"@angular/common": "^21.2.0",
|
|
20
|
+
"@angular/core": "^21.2.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@blackbaud/skyux-design-tokens": "
|
|
23
|
+
"@blackbaud/skyux-design-tokens": "5.0.0",
|
|
24
24
|
"fontfaceobserver": "2.3.0",
|
|
25
25
|
"tslib": "^2.8.1"
|
|
26
26
|
},
|