@skyux/theme 14.0.0-alpha.1 → 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 +47 -33
- 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() {
|
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
--bb-border-style-solid: solid;
|
|
55
55
|
--bb-brand-name: 'Blackbaud';
|
|
56
56
|
--bb-color-black: #000000;
|
|
57
|
-
--bb-color-blocking: rgba(255, 255, 255, 0.7);
|
|
58
57
|
--bb-color-blue-100: #eef3fc;
|
|
59
58
|
--bb-color-blue-1000: #0d2040;
|
|
60
59
|
--bb-color-blue-1100: #0b1b35;
|
|
@@ -156,8 +155,10 @@
|
|
|
156
155
|
--bb-color-red-700: #ae2e31;
|
|
157
156
|
--bb-color-red-800: #822325;
|
|
158
157
|
--bb-color-red-900: #641b1c;
|
|
158
|
+
--bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
|
|
159
159
|
--bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
|
|
160
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);
|
|
161
162
|
--bb-color-scrim: rgba(37, 43, 51, 0.5);
|
|
162
163
|
--bb-color-sky-100: #d6f7ff;
|
|
163
164
|
--bb-color-sky-1000: #002933;
|
|
@@ -245,15 +246,15 @@
|
|
|
245
246
|
--bb-font-weight-light: 300;
|
|
246
247
|
--bb-font-weight-regular: 400;
|
|
247
248
|
--bb-font-weight-semibold: 600;
|
|
248
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
249
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
250
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
251
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
252
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
253
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
254
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
255
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
256
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
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');
|
|
257
258
|
--bb-letter_spacing-normal: normal;
|
|
258
259
|
--bb-letter_spacing-wider: 0.01rem;
|
|
259
260
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -338,6 +339,10 @@
|
|
|
338
339
|
}
|
|
339
340
|
|
|
340
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);
|
|
341
346
|
--sky-color-background-action-danger-active: var(--bb-color-red-600);
|
|
342
347
|
--sky-color-background-action-danger-base: var(--bb-color-red-600);
|
|
343
348
|
--sky-color-background-action-danger-focus: var(--bb-color-red-600);
|
|
@@ -358,7 +363,7 @@
|
|
|
358
363
|
--sky-color-background-action-tertiary-base: var(--bb-color-transparent);
|
|
359
364
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
360
365
|
--sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
|
|
361
|
-
--sky-color-background-blocking: var(--bb-color-
|
|
366
|
+
--sky-color-background-blocking: var(--bb-color-rgba-black-70);
|
|
362
367
|
--sky-color-background-container-base: var(--bb-color-gray-1000);
|
|
363
368
|
--sky-color-background-container-danger: var(--bb-color-red-800);
|
|
364
369
|
--sky-color-background-container-dimmed: var(--bb-color-gray-1000);
|
|
@@ -402,6 +407,10 @@
|
|
|
402
407
|
--sky-color-background-thumb-base: var(--bb-color-white);
|
|
403
408
|
--sky-color-background-thumb-disabled: var(--bb-color-gray-600);
|
|
404
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);
|
|
405
414
|
--sky-color-border-action-danger-active: var(--bb-color-red-200);
|
|
406
415
|
--sky-color-border-action-danger-base: var(--bb-color-red-600);
|
|
407
416
|
--sky-color-border-action-danger-focus: var(--bb-color-red-200);
|
|
@@ -550,6 +559,7 @@
|
|
|
550
559
|
--sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
|
|
551
560
|
--sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
|
|
552
561
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
562
|
+
--sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
|
|
553
563
|
--sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
|
|
554
564
|
--sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
|
|
555
565
|
--sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
|
|
@@ -560,6 +570,7 @@
|
|
|
560
570
|
--sky-color-background-row-disabled: var(--sky-color-background-disabled);
|
|
561
571
|
--sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
|
|
562
572
|
--sky-color-background-tab-disabled: var(--sky-color-background-disabled);
|
|
573
|
+
--sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
|
|
563
574
|
--sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
|
|
564
575
|
--sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
|
|
565
576
|
--sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
|
|
@@ -605,14 +616,14 @@
|
|
|
605
616
|
--sky-color-background-action-tertiary-base: var(--bb-color-transparent);
|
|
606
617
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
607
618
|
--sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
|
|
608
|
-
--sky-color-background-blocking: var(--bb-color-
|
|
619
|
+
--sky-color-background-blocking: var(--bb-color-rgba-white-70);
|
|
609
620
|
--sky-color-background-container-base: var(--bb-color-white);
|
|
610
621
|
--sky-color-background-container-danger: var(--bb-color-red-200);
|
|
611
622
|
--sky-color-background-container-dimmed: var(--bb-color-gray-25);
|
|
612
623
|
--sky-color-background-container-info: var(--bb-color-blue-200);
|
|
613
624
|
--sky-color-background-container-menu: var(--bb-color-white);
|
|
614
625
|
--sky-color-background-container-success: var(--bb-color-green-200);
|
|
615
|
-
--sky-color-background-container-tooltip: var(--bb-color-gray-
|
|
626
|
+
--sky-color-background-container-tooltip: var(--bb-color-gray-1000);
|
|
616
627
|
--sky-color-background-container-warning: var(--bb-color-yellow-200);
|
|
617
628
|
--sky-color-background-disabled: var(--bb-color-gray-100);
|
|
618
629
|
--sky-color-background-file_drop: var(--bb-color-gray-25);
|
|
@@ -735,7 +746,7 @@
|
|
|
735
746
|
--sky-color-icon-action: var(--bb-color-blue-600);
|
|
736
747
|
--sky-color-icon-danger: var(--bb-color-red-600);
|
|
737
748
|
--sky-color-icon-deemphasized: var(--bb-color-gray-600);
|
|
738
|
-
--sky-color-icon-default: var(--bb-color-gray-
|
|
749
|
+
--sky-color-icon-default: var(--bb-color-gray-1000);
|
|
739
750
|
--sky-color-icon-eyebrow: var(--bb-color-brand-impact_green);
|
|
740
751
|
--sky-color-icon-info: var(--bb-color-blue-600);
|
|
741
752
|
--sky-color-icon-input-action: var(--bb-color-gray-600);
|
|
@@ -751,7 +762,7 @@
|
|
|
751
762
|
--sky-color-text-action_contrast: var(--bb-color-blue-700);
|
|
752
763
|
--sky-color-text-danger: var(--bb-color-red-600);
|
|
753
764
|
--sky-color-text-deemphasized: var(--bb-color-gray-600);
|
|
754
|
-
--sky-color-text-default: var(--bb-color-gray-
|
|
765
|
+
--sky-color-text-default: var(--bb-color-gray-1000);
|
|
755
766
|
--sky-color-text-heading: var(--bb-color-gray-1100);
|
|
756
767
|
--sky-color-text-inverse: var(--bb-color-white);
|
|
757
768
|
--sky-color-text-selected: var(--bb-color-blue-600);
|
|
@@ -785,7 +796,7 @@
|
|
|
785
796
|
--sky-color-viz-diverge-pos-8: var(--bb-color-blue-800);
|
|
786
797
|
--sky-color-viz-diverge-pos-9: var(--bb-color-blue-900);
|
|
787
798
|
--sky-color-viz-gridline: var(--bb-color-gray-200);
|
|
788
|
-
--sky-color-viz-marker: var(--bb-color-gray-
|
|
799
|
+
--sky-color-viz-marker: var(--bb-color-gray-1000);
|
|
789
800
|
--sky-color-viz-sequence-1: var(--bb-color-teal-100);
|
|
790
801
|
--sky-color-viz-sequence-10: var(--bb-color-teal-1000);
|
|
791
802
|
--sky-color-viz-sequence-2: var(--bb-color-teal-200);
|
|
@@ -1636,7 +1647,6 @@
|
|
|
1636
1647
|
--bb-border-style-solid: solid;
|
|
1637
1648
|
--bb-brand-name: 'Blackbaud';
|
|
1638
1649
|
--bb-color-black: #000000;
|
|
1639
|
-
--bb-color-blocking: rgba(255, 255, 255, 0.7);
|
|
1640
1650
|
--bb-color-blue-100: #eef3fc;
|
|
1641
1651
|
--bb-color-blue-1000: #0d2040;
|
|
1642
1652
|
--bb-color-blue-1100: #0b1b35;
|
|
@@ -1738,8 +1748,10 @@
|
|
|
1738
1748
|
--bb-color-red-700: #ae2e31;
|
|
1739
1749
|
--bb-color-red-800: #822325;
|
|
1740
1750
|
--bb-color-red-900: #641b1c;
|
|
1751
|
+
--bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
|
|
1741
1752
|
--bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
|
|
1742
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);
|
|
1743
1755
|
--bb-color-scrim: rgba(37, 43, 51, 0.5);
|
|
1744
1756
|
--bb-color-sky-100: #d6f7ff;
|
|
1745
1757
|
--bb-color-sky-1000: #002933;
|
|
@@ -1827,15 +1839,15 @@
|
|
|
1827
1839
|
--bb-font-weight-light: 300;
|
|
1828
1840
|
--bb-font-weight-regular: 400;
|
|
1829
1841
|
--bb-font-weight-semibold: 600;
|
|
1830
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1831
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1832
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1833
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1834
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1835
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1836
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1837
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
1838
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/
|
|
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');
|
|
1839
1851
|
--bb-letter_spacing-normal: normal;
|
|
1840
1852
|
--bb-letter_spacing-wider: 0.01rem;
|
|
1841
1853
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -1991,6 +2003,10 @@
|
|
|
1991
2003
|
}
|
|
1992
2004
|
|
|
1993
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);
|
|
1994
2010
|
--sky-color-background-action-danger-active: var(--bb-color-red-600);
|
|
1995
2011
|
--sky-color-background-action-danger-base: var(--bb-color-red-600);
|
|
1996
2012
|
--sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
|
|
@@ -2016,7 +2032,7 @@
|
|
|
2016
2032
|
--sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
|
|
2017
2033
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
2018
2034
|
--sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
|
|
2019
|
-
--sky-color-background-blocking: var(--bb-color-
|
|
2035
|
+
--sky-color-background-blocking: var(--bb-color-rgba-black-70);
|
|
2020
2036
|
--sky-color-background-container-base: var(--bb-color-gray-1000);
|
|
2021
2037
|
--sky-color-background-container-danger: var(--bb-color-red-800);
|
|
2022
2038
|
--sky-color-background-container-dimmed: var(--bb-color-gray-1000);
|
|
@@ -2024,6 +2040,7 @@
|
|
|
2024
2040
|
--sky-color-background-container-menu: var(--bb-color-gray-900);
|
|
2025
2041
|
--sky-color-background-container-success: var(--bb-color-green-900);
|
|
2026
2042
|
--sky-color-background-container-warning: var(--bb-color-yellow-800);
|
|
2043
|
+
--sky-color-background-disabled: var(--bb-color-gray-700);
|
|
2027
2044
|
--sky-color-background-file_drop: var(--bb-color-gray-1000);
|
|
2028
2045
|
--sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
|
|
2029
2046
|
--sky-color-background-icon_matte-action-soft: var(--bb-color-blue-900);
|
|
@@ -2091,6 +2108,7 @@
|
|
|
2091
2108
|
--sky-color-border-column_divider: var(--bb-color-blue-400);
|
|
2092
2109
|
--sky-color-border-container-base: var(--bb-color-blue-900);
|
|
2093
2110
|
--sky-color-border-danger: var(--bb-color-red-400);
|
|
2111
|
+
--sky-color-border-disabled: var(--bb-color-gray-800);
|
|
2094
2112
|
--sky-color-border-divider: var(--bb-color-gray-800);
|
|
2095
2113
|
--sky-color-border-elevation: var(--bb-color-gray-800);
|
|
2096
2114
|
--sky-color-border-info: var(--bb-color-blue-400);
|
|
@@ -2157,6 +2175,8 @@
|
|
|
2157
2175
|
--sky-image-select_icon-base: var(--bb-image-select_icon-bb-dark-src);
|
|
2158
2176
|
--sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
|
|
2159
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);
|
|
2160
2180
|
--sky-elevation-focus: var(--bb-shadow-slate-200);
|
|
2161
2181
|
--sky-elevation-overflow: var(--bb-shadow-slate-200);
|
|
2162
2182
|
--sky-elevation-overlay-100: var(--bb-shadow-slate-400);
|
|
@@ -2905,12 +2925,6 @@
|
|
|
2905
2925
|
font-style: var(--sky-font-style-deemphasized-style);
|
|
2906
2926
|
opacity: 1;
|
|
2907
2927
|
}
|
|
2908
|
-
.sky-theme-modern select {
|
|
2909
|
-
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);
|
|
2910
|
-
}
|
|
2911
|
-
.sky-theme-modern select:disabled {
|
|
2912
|
-
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);
|
|
2913
|
-
}
|
|
2914
2928
|
|
|
2915
2929
|
.sky-theme-modern {
|
|
2916
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.
|
|
433
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
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.
|
|
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.
|
|
675
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
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.
|
|
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.
|
|
716
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
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.
|
|
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.
|
|
826
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
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.
|
|
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.
|
|
897
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
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.
|
|
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.
|
|
942
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
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.
|
|
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.1.2", ngImpor
|
|
|
953
953
|
}] } });
|
|
954
954
|
|
|
955
955
|
class SkyThemeModule {
|
|
956
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
957
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
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.
|
|
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.
|
|
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.
|
|
989
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
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.
|
|
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.
|
|
1146
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
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.
|
|
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.
|
|
20
|
-
"@angular/core": "^21.
|
|
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
|
},
|