@skyux/theme 12.0.0-alpha.1 → 12.0.0-alpha.11

package/css/sky.css

@@ -1,5 +1,5 @@
 @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
-@import url("https://sky.blackbaudcdn.net/static/skyux-icons/7.10.0/assets/css/skyux-icons.min.css");
+@import url("https://sky.blackbaudcdn.net/static/skyux-icons/7.15.0/assets/css/skyux-icons.min.css");
 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
 /* Document
    ========================================================================== */
@@ -1722,6 +1722,9 @@ body:not(.sky-theme-modern) {
   flex: 1 0 35px;
   font-size: 18px;
 }
+.sky-switch:not(.sky-theme-modern *) .sky-switch-control.sky-switch-control-icon i {
+  justify-content: center;
+}
 .sky-switch:not(.sky-theme-modern *) .sky-switch-control::before {
   content: "";
 }
@@ -1874,6 +1877,14 @@ mark.sky-highlight-mark {
   outline: none;
 }
 
+.sky-i-path-1 {
+  fill: var(--sky-icon-svg-color-input, currentColor);
+}
+
+.sky-i-path-2 {
+  fill: var(--sky-icon-svg-path-2-color-input, #fff);
+}
+
 .sky-page-heading {
   font-family: "BLKB Sans Condensed", "Helvetica Neue Condensed", "Arial Narrow";
   color: var(--sky-text-color-default);

package/css/themes/modern/styles.css

@@ -53,6 +53,7 @@
   --modern-size-100: 100px;
   --modern-size-96: 96px;
   --modern-size-80: 80px;
+  --modern-size-65: 65px;
   --modern-size-64: 64px;
   --modern-size-48: 48px;
   --modern-size-44: 44px;
@@ -62,8 +63,10 @@
   --modern-size-26: 26px;
   --modern-size-24: 24px;
   --modern-size-20: 20px;
+  --modern-size-19: 19px;
   --modern-size-16: 16px;
   --modern-size-15: 15px;
+  --modern-size-14: 14px;
   --modern-size-13: 13px;
   --modern-size-12: 12px;
   --modern-size-10: 10px;
@@ -170,6 +173,7 @@
   --sky-color-border-danger: var(--modern-color-red-50);
   --sky-color-border-selected_soft: var(--modern-color-blue-30);
   --sky-color-border-selected: var(--modern-color-blue-74);
+  --sky-color-background-thumbnail_matte: var(--modern-color-white);
   --sky-color-background-file_drop: var(--modern-color-gray-05);
   --sky-color-background-list-disabled: var(--modern-color-gray-07);
   --sky-color-background-list-focus: var(--modern-color-transparent);
@@ -253,6 +257,7 @@
   --sky-border-radius-pill: var(--modern-border-radius-pill);
   --sky-border-radius-m: var(--modern-border-radius-md);
   --sky-border-radius-s: var(--modern-border-radius-md);
+  --sky-border-radius-xs: var(--modern-border-radius-0);
   --sky-border-radius-0: var(--modern-border-radius-0);
   --sky-border-width-separator-row: var(--modern-size-1);
   --sky-border-width-separator-light: var(--modern-size-1);
@@ -278,8 +283,12 @@
   --sky-border-width-text_highlight: var(--modern-size-1);
   --sky-border-width-divider: var(--modern-size-1);
   --sky-border-width-accent: var(--modern-size-7);
+  --sky-size-avatar-l: var(--modern-size-100);
+  --sky-size-avatar-m: var(--modern-size-65);
+  --sky-size-avatar-s: var(--modern-size-32);
   --sky-size-thumbnail-l: var(--modern-size-100);
   --sky-size-max_width-overlay_message: var(--modern-size-236);
+  --sky-size-width-resize_handle: var(--modern-size-14);
   --sky-size-width-viewport-smallest: var(--modern-size-296);
   --sky-size-illustration-xl: var(--modern-size-96);
   --sky-size-illustration-l: var(--modern-size-80);
@@ -338,6 +347,8 @@
   --sky-space-gap-action_group-m: var(--modern-size-10);
   --sky-space-gap-action_group-s: var(--modern-size-5);
   --sky-space-gap-action_group-0: 0rem;
+  --sky-space-inset-thumb: var(--modern-size-1);
+  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
   --sky-space-inset-horizontal-left-xl: var(--modern-space-xl);
   --sky-space-inset-horizontal-left-l: var(--modern-space-lg);
   --sky-space-inset-horizontal-left-m: var(--modern-space-md);
@@ -370,8 +381,9 @@
   --sky-space-inset-vertical-top-l: var(--modern-space-lg);
   --sky-space-inset-vertical-top-m: var(--modern-space-md);
   --sky-space-inset-vertical-top-s: var(--modern-space-s);
-  --sky-space-inset-thumb: var(--modern-size-1);
-  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
+  --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
+  --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
+  --sky-space-inset-thumbnail_matte-s: var(--modern-size-2);
   --sky-space-inset-tabs-xl: var(--modern-space-xl);
   --sky-space-inset-tabs-l: var(--modern-space-lg);
   --sky-space-inset-tabs-m: var(--modern-space-md);
@@ -1437,6 +1449,9 @@
   flex: 1 0 var(--sky-override-icon-switch-size, calc(var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-space-inset-balanced-s) * 2));
   font-size: var(--sky-override-icon-switch-font-size, var(--sky-size-icon-m));
 }
+.sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon i {
+  justify-content: center;
+}
 .sky-theme-modern .sky-switch .sky-switch-control::before {
   content: "";
 }
@@ -1507,6 +1522,7 @@
 
 html:has(.sky-theme-brand-blackbaud) {
   font-size: initial;
+  line-height: 1.4285714286;
 }
 
 .sky-theme-modern {
@@ -1519,7 +1535,7 @@ html:has(.sky-theme-brand-blackbaud) {
 }
 
 .sky-theme-modern form {
-  font-size: var(--sky-override-font-size, initial);
+  font-size: var(--sky-font-size-body-m);
   font-weight: var(--sky-override-form-font-weight, initial);
   transition: background-color 150ms, color 150ms;
 }