@skyux/theme 12.22.0 → 13.0.0-alpha.0

package/css/themes/modern/styles.css

@@ -1,3 +1,8 @@
+@property --bb-image-logo-primary-src {
+  syntax: "<url>";
+  inherits: true;
+  initial-value: url("data:,");
+}
 .sky-theme-modern.sky-theme-brand-base {
   --bb-border-radius-0: 0rem;
   --bb-border-radius-012: .125rem;
@@ -142,6 +147,7 @@
   --bb-font-weight-light: 300;
   --bb-font-weight-regular: 400;
   --bb-font-weight-semibold: 600;
+  --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/0.0.69/assets/images/bb-logo.png");
   --bb-letter_spacing-normal: normal;
   --bb-letter_spacing-wider: 0.16px;
   --bb-line_height-300: calc(18/13);
@@ -557,6 +563,7 @@
   --sky-elevation-overlay-300: var(--bb-shadow-gray-1600);
   --sky-elevation-overlay-400: var(--bb-shadow-gray-2400);
   --sky-elevation-raised-100: var(--bb-shadow-gray-100);
+  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
   --sky-opacity-wait: var(--bb-opacity-600);
 }
 
@@ -580,7 +587,6 @@
   --sky-space-gap-stacked_supplemental-0: 0rem;
   --sky-space-gap-text_action-0: 0rem;
   --sky-space-inset-balanced-none: 0rem;
-  --sky-space-inset-floated-top-0: 0rem;
   --sky-border-radius-0: var(--bb-border-radius-0);
   --sky-border-radius-m: var(--bb-border-radius-050);
   --sky-border-radius-pill: var(--bb-border-radius-pill);
@@ -1055,36 +1061,12 @@
   --sky-space-inline-xs: var(--bb-size-fluid-25);
   --sky-space-inline-xxl: var(--bb-size-fluid-300);
   --sky-space-inline-xxs: var(--bb-size-fluid-12);
-  --sky-space-inset-balanced-fixed-l: var(--bb-size-fixed-100);
-  --sky-space-inset-balanced-fixed-m: var(--bb-size-fixed-75);
-  --sky-space-inset-balanced-fixed-s: var(--bb-size-fixed-50);
-  --sky-space-inset-balanced-fixed-xl: var(--bb-size-fixed-150);
   --sky-space-inset-balanced-l: var(--bb-size-fluid-100);
   --sky-space-inset-balanced-m: var(--bb-size-fluid-75);
   --sky-space-inset-balanced-s: var(--bb-size-fluid-50);
   --sky-space-inset-balanced-xl: var(--bb-size-fluid-150);
   --sky-space-inset-balanced-xs: var(--bb-size-fluid-25);
   --sky-space-inset-balanced-xxs: var(--bb-size-fluid-12);
-  --sky-space-inset-bottomless-bottom-l: var(--bb-size-0);
-  --sky-space-inset-bottomless-bottom-m: var(--bb-size-0);
-  --sky-space-inset-bottomless-bottom-xl: var(--bb-size-0);
-  --sky-space-inset-bottomless-left-l: var(--bb-size-fluid-100);
-  --sky-space-inset-bottomless-left-m: var(--bb-size-fluid-75);
-  --sky-space-inset-bottomless-left-xl: var(--bb-size-fluid-150);
-  --sky-space-inset-bottomless-right-l: var(--bb-size-fluid-100);
-  --sky-space-inset-bottomless-right-m: var(--bb-size-fluid-75);
-  --sky-space-inset-bottomless-right-xl: var(--bb-size-fluid-150);
-  --sky-space-inset-bottomless-top-l: var(--bb-size-fluid-100);
-  --sky-space-inset-bottomless-top-m: var(--bb-size-fluid-75);
-  --sky-space-inset-bottomless-top-xl: var(--bb-size-fluid-150);
-  --sky-space-inset-floated-bottom-m: var(--bb-size-fluid-150);
-  --sky-space-inset-floated-bottom-s: var(--bb-size-fluid-100);
-  --sky-space-inset-floated-left-m: var(--bb-size-fluid-150);
-  --sky-space-inset-floated-left-s: var(--bb-size-fluid-100);
-  --sky-space-inset-floated-right-m: var(--bb-size-fluid-150);
-  --sky-space-inset-floated-right-s: var(--bb-size-fluid-100);
-  --sky-space-inset-floated-top-m: var(--bb-size-fluid-50);
-  --sky-space-inset-floated-top-s: var(--bb-size-fluid-25);
   --sky-space-inset-horizontal-bottom-0: var(--bb-size-0);
   --sky-space-inset-horizontal-bottom-l: var(--bb-size-0);
   --sky-space-inset-horizontal-bottom-m: var(--bb-size-0);
@@ -1105,68 +1087,10 @@
   --sky-space-inset-horizontal-top-m: var(--bb-size-0);
   --sky-space-inset-horizontal-top-s: var(--bb-size-0);
   --sky-space-inset-horizontal-top-xl: var(--bb-size-0);
-  --sky-space-inset-input-bottom-m: var(--bb-size-fluid-50);
-  --sky-space-inset-input-left-m: var(--bb-size-fluid-100);
-  --sky-space-inset-input-right-m: var(--bb-size-fluid-100);
-  --sky-space-inset-input-top-m: var(--bb-size-fluid-50);
-  --sky-space-inset-input_label-bottom-m: var(--bb-size-fluid-12);
-  --sky-space-inset-input_label-top-m: var(--bb-size-fluid-37);
-  --sky-space-inset-letterbox-1_2-bottom-m: var(--bb-size-fluid-100);
-  --sky-space-inset-letterbox-1_2-left-m: var(--bb-size-fluid-50);
-  --sky-space-inset-letterbox-1_2-right-m: var(--bb-size-fluid-50);
-  --sky-space-inset-letterbox-1_2-top-m: var(--bb-size-fluid-100);
-  --sky-space-inset-letterbox-1_3-bottom-m: var(--bb-size-fluid-150);
-  --sky-space-inset-letterbox-1_3-left-m: var(--bb-size-fluid-50);
-  --sky-space-inset-letterbox-1_3-right-m: var(--bb-size-fluid-50);
-  --sky-space-inset-letterbox-1_3-top-m: var(--bb-size-fluid-150);
   --sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
   --sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
   --sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
   --sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
-  --sky-space-inset-pillarbox-1_2-bottom-l: var(--bb-size-fluid-75);
-  --sky-space-inset-pillarbox-1_2-bottom-m: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_2-bottom-s: var(--bb-size-fluid-25);
-  --sky-space-inset-pillarbox-1_2-left-l: var(--bb-size-fluid-150);
-  --sky-space-inset-pillarbox-1_2-left-m: var(--bb-size-fluid-100);
-  --sky-space-inset-pillarbox-1_2-left-s: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_2-right-l: var(--bb-size-fluid-150);
-  --sky-space-inset-pillarbox-1_2-right-m: var(--bb-size-fluid-100);
-  --sky-space-inset-pillarbox-1_2-right-s: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_2-top-l: var(--bb-size-fluid-75);
-  --sky-space-inset-pillarbox-1_2-top-m: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_2-top-s: var(--bb-size-fluid-25);
-  --sky-space-inset-pillarbox-1_3-bottom-m: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_3-left-m: var(--bb-size-fluid-150);
-  --sky-space-inset-pillarbox-1_3-right-m: var(--bb-size-fluid-150);
-  --sky-space-inset-pillarbox-1_3-top-m: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_4-bottom-s: var(--bb-size-fluid-12);
-  --sky-space-inset-pillarbox-1_4-bottom-xs: var(--bb-size-fluid-6);
-  --sky-space-inset-pillarbox-1_4-left-s: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_4-left-xs: var(--bb-size-fluid-25);
-  --sky-space-inset-pillarbox-1_4-right-s: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-1_4-right-xs: var(--bb-size-fluid-25);
-  --sky-space-inset-pillarbox-1_4-top-s: var(--bb-size-fluid-12);
-  --sky-space-inset-pillarbox-1_4-top-xs: var(--bb-size-fluid-6);
-  --sky-space-inset-pillarbox-2_3-bottom-l: var(--bb-size-fluid-100);
-  --sky-space-inset-pillarbox-2_3-bottom-m: var(--bb-size-fluid-50);
-  --sky-space-inset-pillarbox-2_3-left-l: var(--bb-size-fluid-150);
-  --sky-space-inset-pillarbox-2_3-left-m: var(--bb-size-fluid-75);
-  --sky-space-inset-pillarbox-2_3-right-l: var(--bb-size-fluid-150);
-  --sky-space-inset-pillarbox-2_3-right-m: var(--bb-size-fluid-75);
-  --sky-space-inset-pillarbox-2_3-top-l: var(--bb-size-fluid-100);
-  --sky-space-inset-pillarbox-2_3-top-m: var(--bb-size-fluid-50);
-  --sky-space-inset-sunk-bottom-l: var(--bb-size-fluid-100);
-  --sky-space-inset-sunk-left-l: var(--bb-size-fluid-150);
-  --sky-space-inset-sunk-right-l: var(--bb-size-fluid-150);
-  --sky-space-inset-sunk-top-l: var(--bb-size-fluid-150);
-  --sky-space-inset-switch_icon-bottom: var(--bb-size-fluid-50);
-  --sky-space-inset-switch_icon-left: var(--bb-size-fluid-50);
-  --sky-space-inset-switch_icon-right: var(--bb-size-fluid-50);
-  --sky-space-inset-switch_icon-top: var(--bb-size-fluid-50);
-  --sky-space-inset-tabs-l: var(--bb-size-fluid-100);
-  --sky-space-inset-tabs-m: var(--bb-size-fluid-75);
-  --sky-space-inset-tabs-s: var(--bb-size-fluid-50);
-  --sky-space-inset-tabs-xl: var(--bb-size-fluid-150);
   --sky-space-inset-thumb: var(--bb-size-fixed-6);
   --sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
   --sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
@@ -1177,8 +1101,6 @@
   --sky-space-inset-vertical-bottom-m: var(--bb-size-fluid-75);
   --sky-space-inset-vertical-bottom-s: var(--bb-size-fluid-50);
   --sky-space-inset-vertical-bottom-xl: var(--bb-size-fluid-150);
-  --sky-space-inset-vertical-fixed-bottom-l: var(--bb-size-fixed-100);
-  --sky-space-inset-vertical-fixed-top-l: var(--bb-size-fixed-100);
   --sky-space-inset-vertical-left-0: var(--bb-size-0);
   --sky-space-inset-vertical-left-l: var(--bb-size-0);
   --sky-space-inset-vertical-left-m: var(--bb-size-0);
@@ -1372,6 +1294,11 @@
   --sky-comp-tile-dashboard-space-inset-top: var(--bb-size-0);
 }
 
+@property --modern-image-logo-primary-src {
+  syntax: "<url>";
+  inherits: true;
+  initial-value: url("data:,");
+}
 .sky-theme-modern {
   --modern-border-radius-0: 0rem;
   --modern-border-radius-md: 6px;
@@ -1441,6 +1368,7 @@
   --modern-font-weight-light: 300;
   --modern-font-weight-regular: 400;
   --modern-font-weight-semibold: 600;
+  --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/0.0.69/assets/images/bb-logo.png");
   --modern-letter_spacing-normal: normal;
   --modern-line_height-110: 1.1;
   --modern-line_height-115: 1.15;
@@ -1668,6 +1596,7 @@
   --sky-elevation-input-base: var(--modern-shadow-size-0);
   --sky-elevation-input-disabled: var(--modern-shadow-size-0);
   --sky-elevation-none: var(--modern-shadow-size-0);
+  --sky-image-logo-primary-src: var(--modern-image-logo-primary-src);
   --sky-opacity-wait: var(--modern-opacity-600);
   --sky-elevation-action-danger-focus: var(--modern-shadow-size-3);
   --sky-elevation-action-input-focus: var(--modern-shadow-size-3);
@@ -2177,37 +2106,12 @@
   --sky-space-inline-xs: var(--modern-space-xs);
   --sky-space-inline-xxl: var(--modern-space-xxl);
   --sky-space-inline-xxs: var(--modern-size-2);
-  --sky-space-inset-balanced-fixed-l: var(--modern-size-20);
-  --sky-space-inset-balanced-fixed-m: var(--modern-size-15);
-  --sky-space-inset-balanced-fixed-s: var(--modern-size-10);
-  --sky-space-inset-balanced-fixed-xl: var(--modern-size-30);
   --sky-space-inset-balanced-l: var(--modern-space-lg);
   --sky-space-inset-balanced-m: var(--modern-space-md);
   --sky-space-inset-balanced-s: var(--modern-space-s);
   --sky-space-inset-balanced-xl: var(--modern-space-xl);
   --sky-space-inset-balanced-xs: var(--modern-space-xs);
   --sky-space-inset-balanced-xxs: var(--modern-size-2);
-  --sky-space-inset-bottomless-bottom-l: var(--modern-space-none);
-  --sky-space-inset-bottomless-bottom-m: var(--modern-space-none);
-  --sky-space-inset-bottomless-bottom-xl: var(--modern-space-none);
-  --sky-space-inset-bottomless-left-l: var(--modern-space-lg);
-  --sky-space-inset-bottomless-left-m: var(--modern-size-15);
-  --sky-space-inset-bottomless-left-xl: var(--modern-space-xl);
-  --sky-space-inset-bottomless-right-l: var(--modern-space-lg);
-  --sky-space-inset-bottomless-right-m: var(--modern-size-15);
-  --sky-space-inset-bottomless-right-xl: var(--modern-space-xl);
-  --sky-space-inset-bottomless-top-l: var(--modern-space-lg);
-  --sky-space-inset-bottomless-top-m: var(--modern-size-15);
-  --sky-space-inset-bottomless-top-xl: var(--modern-space-xl);
-  --sky-space-inset-floated-bottom-m: var(--modern-space-xl);
-  --sky-space-inset-floated-bottom-s: var(--modern-space-lg);
-  --sky-space-inset-floated-left-m: var(--modern-space-xl);
-  --sky-space-inset-floated-left-s: var(--modern-space-lg);
-  --sky-space-inset-floated-right-m: var(--modern-space-xl);
-  --sky-space-inset-floated-right-s: var(--modern-space-lg);
-  --sky-space-inset-floated-top-0: var(--modern-space-none);
-  --sky-space-inset-floated-top-m: var(--modern-space-s);
-  --sky-space-inset-floated-top-s: var(--modern-space-xs);
   --sky-space-inset-horizontal-bottom-0: var(--modern-space-none);
   --sky-space-inset-horizontal-bottom-l: var(--modern-size-0);
   --sky-space-inset-horizontal-bottom-m: var(--modern-size-0);
@@ -2228,68 +2132,10 @@
   --sky-space-inset-horizontal-top-m: var(--modern-size-0);
   --sky-space-inset-horizontal-top-s: var(--modern-size-0);
   --sky-space-inset-horizontal-top-xl: var(--modern-size-0);
-  --sky-space-inset-input-bottom-m: var(--modern-size-9);
-  --sky-space-inset-input-left-m: var(--modern-size-15);
-  --sky-space-inset-input-right-m: var(--modern-size-15);
-  --sky-space-inset-input-top-m: var(--modern-size-10);
-  --sky-space-inset-input_label-bottom-m: var(--modern-size-2);
-  --sky-space-inset-input_label-top-m: var(--modern-size-6);
-  --sky-space-inset-letterbox-1_2-bottom-m: var(--modern-space-lg);
-  --sky-space-inset-letterbox-1_2-left-m: var(--modern-space-s);
-  --sky-space-inset-letterbox-1_2-right-m: var(--modern-space-s);
-  --sky-space-inset-letterbox-1_2-top-m: var(--modern-space-lg);
-  --sky-space-inset-letterbox-1_3-bottom-m: var(--modern-space-xl);
-  --sky-space-inset-letterbox-1_3-left-m: var(--modern-space-s);
-  --sky-space-inset-letterbox-1_3-right-m: var(--modern-space-s);
-  --sky-space-inset-letterbox-1_3-top-m: var(--modern-space-xl);
   --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
   --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
   --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
   --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
-  --sky-space-inset-pillarbox-1_2-bottom-l: var(--modern-size-15);
-  --sky-space-inset-pillarbox-1_2-bottom-m: var(--modern-size-10);
-  --sky-space-inset-pillarbox-1_2-bottom-s: var(--modern-size-5);
-  --sky-space-inset-pillarbox-1_2-left-l: var(--modern-size-30);
-  --sky-space-inset-pillarbox-1_2-left-m: var(--modern-size-20);
-  --sky-space-inset-pillarbox-1_2-left-s: var(--modern-size-10);
-  --sky-space-inset-pillarbox-1_2-right-l: var(--modern-size-30);
-  --sky-space-inset-pillarbox-1_2-right-m: var(--modern-size-20);
-  --sky-space-inset-pillarbox-1_2-right-s: var(--modern-size-10);
-  --sky-space-inset-pillarbox-1_2-top-l: var(--modern-size-15);
-  --sky-space-inset-pillarbox-1_2-top-m: var(--modern-size-10);
-  --sky-space-inset-pillarbox-1_2-top-s: var(--modern-size-5);
-  --sky-space-inset-pillarbox-1_3-bottom-m: var(--modern-size-10);
-  --sky-space-inset-pillarbox-1_3-left-m: var(--modern-size-30);
-  --sky-space-inset-pillarbox-1_3-right-m: var(--modern-size-30);
-  --sky-space-inset-pillarbox-1_3-top-m: var(--modern-size-10);
-  --sky-space-inset-pillarbox-1_4-bottom-s: var(--modern-size-4);
-  --sky-space-inset-pillarbox-1_4-bottom-xs: var(--modern-size-1);
-  --sky-space-inset-pillarbox-1_4-left-s: var(--modern-size-15);
-  --sky-space-inset-pillarbox-1_4-left-xs: var(--modern-size-5);
-  --sky-space-inset-pillarbox-1_4-right-s: var(--modern-size-15);
-  --sky-space-inset-pillarbox-1_4-right-xs: var(--modern-size-5);
-  --sky-space-inset-pillarbox-1_4-top-s: var(--modern-size-4);
-  --sky-space-inset-pillarbox-1_4-top-xs: var(--modern-size-1);
-  --sky-space-inset-pillarbox-2_3-bottom-l: var(--modern-size-20);
-  --sky-space-inset-pillarbox-2_3-bottom-m: var(--modern-size-10);
-  --sky-space-inset-pillarbox-2_3-left-l: var(--modern-size-30);
-  --sky-space-inset-pillarbox-2_3-left-m: var(--modern-size-15);
-  --sky-space-inset-pillarbox-2_3-right-l: var(--modern-size-30);
-  --sky-space-inset-pillarbox-2_3-right-m: var(--modern-size-15);
-  --sky-space-inset-pillarbox-2_3-top-l: var(--modern-size-20);
-  --sky-space-inset-pillarbox-2_3-top-m: var(--modern-size-10);
-  --sky-space-inset-sunk-bottom-l: var(--modern-space-lg);
-  --sky-space-inset-sunk-left-l: var(--modern-space-xl);
-  --sky-space-inset-sunk-right-l: var(--modern-space-xl);
-  --sky-space-inset-sunk-top-l: var(--modern-space-xl);
-  --sky-space-inset-switch_icon-bottom: var(--modern-space-s);
-  --sky-space-inset-switch_icon-left: var(--modern-space-s);
-  --sky-space-inset-switch_icon-right: var(--modern-space-s);
-  --sky-space-inset-switch_icon-top: var(--modern-space-s);
-  --sky-space-inset-tabs-l: var(--modern-space-lg);
-  --sky-space-inset-tabs-m: var(--modern-space-md);
-  --sky-space-inset-tabs-s: var(--modern-space-s);
-  --sky-space-inset-tabs-xl: var(--modern-space-xl);
   --sky-space-inset-thumb: var(--modern-size-1);
   --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
   --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
@@ -2300,8 +2146,6 @@
   --sky-space-inset-vertical-bottom-m: var(--modern-space-md);
   --sky-space-inset-vertical-bottom-s: var(--modern-space-s);
   --sky-space-inset-vertical-bottom-xl: var(--modern-space-xl);
-  --sky-space-inset-vertical-fixed-bottom-l: var(--modern-size-20);
-  --sky-space-inset-vertical-fixed-top-l: var(--modern-size-20);
   --sky-space-inset-vertical-left-0: var(--modern-space-none);
   --sky-space-inset-vertical-left-l: var(--modern-size-0);
   --sky-space-inset-vertical-left-m: var(--modern-size-0);
@@ -3340,7 +3184,9 @@
   color: var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse));
 }
 .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-icon, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-icon {
-  color: var(--sky-override-switch-icon-checked-color-no-group, var(--sky-color-icon-inverse));
+  background-color: var(--sky-color-background-selected-soft);
+  color: var(--sky-override-switch-icon-checked-color-no-group, var(--sky-color-icon-selected));
+  border-color: var(--sky-color-border-selected);
 }
 .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control:is(.sky-switch-control-success,
 .sky-switch-control-warning,
@@ -3451,7 +3297,7 @@
 }
 .sky-theme-modern .sky-switch-icon-group .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-icon, .sky-theme-modern .sky-switch-icon-group .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-icon {
   border-width: var(--sky-border-width-selected-s);
-  color: var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse));
+  color: var(--sky-override-switch-checked-color, var(--sky-color-icon-action));
 }
 .sky-theme-modern .sky-switch-icon-group .sky-switch-input:disabled + .sky-switch-control.sky-switch-control-icon {
   border-color: var(--sky-color-border-action-tertiary-disabled);

package/fesm2022/skyux-theme.mjs

@@ -1,11 +1,10 @@
 import * as i0 from '@angular/core';
-import { Injectable, Optional, Input, Directive, NgModule, inject, ChangeDetectorRef, HostBinding, NgZone, DestroyRef, makeEnvironmentProviders, provideAppInitializer, RendererFactory2 } from '@angular/core';
+import { Injectable, Optional, Input, Directive, NgModule, inject, ChangeDetectorRef, HostBinding, DOCUMENT, NgZone, DestroyRef, makeEnvironmentProviders, provideAppInitializer, RendererFactory2 } from '@angular/core';
 import { getIconManifest } from '@skyux/icons';
 import FontFaceObserver from 'fontfaceobserver';
 import { take, takeUntil } from 'rxjs/operators';
 import { ReplaySubject, Subject } from 'rxjs';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { DOCUMENT } from '@angular/common';
 
 /**
  * Provides a method for retrieving metadata about the SKY UX icon font.
@@ -18,10 +17,10 @@ class SkyThemeIconManifestService {
     getManifest() {
         return getIconManifest();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -517,10 +516,10 @@ class SkyThemeService {
                 currentSetting instanceof SkyThemeSpacing) &&
                 current.theme[supportedProp].includes(currentSetting)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -565,10 +564,10 @@ class SkyAppStyleLoader {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -675,10 +674,10 @@ class SkyThemeClassDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyThemeClass]',
@@ -746,10 +745,10 @@ class SkyThemeIfDirective {
             this.#hasView = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyThemeIf]',
@@ -791,10 +790,10 @@ class SkyThemeDirective {
     ngOnDestroy() {
         this.#themeSvc.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyTheme]',
@@ -806,13 +805,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
             }] } });
 
 class SkyThemeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
             SkyThemeDirective,
             SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -838,10 +837,10 @@ class SkyThemeComponentClassDirective {
             this.#changeDetector.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyThemeClass]',
@@ -996,10 +995,10 @@ class SkyAppViewportService {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppViewportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',