@progress/kendo-theme-default 4.41.2-dev.2 → 4.41.3-dev.2

package/scss/utils/_position.scss

@@ -110,7 +110,7 @@
     /// @name k-pos-middle-center
     /// @description This is equivalent to `top: 50%; left: 50%; transform: translate(-50%, -50%);`.
     /// @group position
-    .k-middle-center ,
+    .k-middle-center,
     .k-pos-middle-center {
         top: 50%;
         left: 50%;
@@ -120,7 +120,7 @@
     /// @name k-pos-middle-end
     /// @description This is equivalent to `top: 50%; right: 0; transform: translateY(-50%);`.
     /// @group position
-    .k-middle-end ,
+    .k-middle-end,
     .k-pos-middle-end {
         top: 50%;
         right: 0;

package/scss/utils/_table-layout.scss

@@ -1,6 +1,7 @@
 @include exports( "utils/table-layout" ) {
 
     // sass-lint:disable-block no-important
+    // stylelint-disable block-opening-brace-space-before
 
     // Table-layout documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout.
 

package/scss/utils/_text.scss

@@ -1,5 +1,7 @@
 @include exports( "utils/text" ) {
 
+    // stylelint-disable block-opening-brace-space-before
+
     // White-space documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/white-space.
     // Text-align documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-align.
     // Text-transform documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform.

package/scss/{common/_decoration.scss → utils/_theme-colors.scss}

@@ -1,16 +1,14 @@
 @include exports( "common/decoration/color" ) {
 
     // sass-lint:disable-block no-important
+    // stylelint-disable block-opening-brace-space-before
 
-    .k-text-primary     { color: $primary !important; }
-    .k-text-info        { color: $info !important; }
-    .k-text-success     { color: $success !important; }
-    .k-text-warning     { color: $warning !important; }
-    .k-text-error       { color: $error !important; }
-
-    .k-text-base        { color: $base-text; }
+    .k-text-base,
+    .k-color-base {
+        color: $base-text;
+    }
 
-    .k-color-inherit    { color: inherit; }
+    .k-color-inherit { color: inherit; }
 
     @each $name, $color in $theme-colors {
         .k-text-#{$name},
@@ -26,11 +24,11 @@
 
     // sass-lint:disable-block no-important
 
-    .k-bg-primary       { background-color: $primary !important; }
-    .k-bg-info          { background-color: $info !important; }
-    .k-bg-success       { background-color: $success !important; }
-    .k-bg-warning       { background-color: $warning !important; }
-    .k-bg-error         { background-color: $error !important; }
+    @each $name, $bg-color in $theme-colors {
+        .k-bg-#{$name} {
+            background-color: $bg-color !important;
+        }
+    }
 
 }
 
@@ -43,12 +41,11 @@
 
 @include exports( "common/decoration/variant" ) {
 
-    .k-state-primary    { @include variant( $primary ); }
-    .k-state-info       { @include variant( $info ); }
-    .k-state-success    { @include variant( $success ); }
-    .k-state-warning    { @include variant( $warning ); }
-    .k-state-error      { @include variant( $error ); }
-
+    @each $name, $variant in $theme-colors {
+        .k-state-#{$name} {
+            @include variant( $variant );
+        }
+    }
 }
 
 

package/scss/utils/_transform.scss

@@ -1,5 +1,7 @@
 @include exports( "utils/transform" ) {
 
+    // stylelint-disable block-opening-brace-space-before
+
     // Flip
 
     /// @name k-flip-h

package/scss/window/_layout.scss

@@ -18,10 +18,10 @@
         -webkit-tap-highlight-color: $rgba-transparent;
 
         // overlay during dragging
-        //.k-overlay {
+        // .k-overlay {
         //    position: absolute;
         //    opacity: 0;
-        //}
+        // }
     }
     .k-window.k-window-maximized {
         max-width: 100vw;
@@ -64,8 +64,7 @@
         cursor: default;
         flex: 1;
         display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
+        flex-flow: row nowrap;
 
         &::before {
             content: "\200b";

package/scss/window/_variables.scss

@@ -37,9 +37,8 @@ $window-titlebar-gradient: null !default;
 $window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
 $window-focused-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
 
-$window-sizes: () !default;
-$window-sizes: map-merge((
-        sm: 300px,
-        md: 800px,
-        lg: 1200px
-), $window-sizes);
+$window-sizes: (
+    sm: 300px,
+    md: 800px,
+    lg: 1200px
+) !default;

package/scss/wizard/_layout.scss

@@ -96,9 +96,7 @@
         }
 
         .k-wizard-content {
-            flex-grow: 1;
-            flex-shrink: 1;
-            flex-basis: auto;
+            flex: 1 1 0%;
         }
 
         .k-wizard-steps {