@progress/kendo-theme-classic 4.41.2 → 4.41.3-dev.3

package/modules/@progress/kendo-theme-default/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/modules/@progress/kendo-theme-default/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/modules/@progress/kendo-theme-default/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/modules/@progress/kendo-theme-default/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/modules/@progress/kendo-theme-default/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/modules/@progress/kendo-theme-default/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/modules/@progress/kendo-theme-default/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/modules/@progress/kendo-theme-default/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 {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "4.41.2",
+  "version": "4.41.3-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,7 +50,7 @@
     "postpublish": "rm -rf modules && git checkout scss"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^4.41.2"
+    "@progress/kendo-theme-default": "^4.41.3-dev.3"
   },
-  "gitHead": "676e32fbe2dd316795f445811ed8e9de7509d1ac"
+  "gitHead": "fa5c9603df4ce625274a6478de659303b4d7b871"
 }

package/scss/_variables.scss

@@ -187,9 +187,7 @@ $light: #ebebeb !default;
 $inverse: if( $dark-theme, $light, $dark ) !default;
 
 
-$theme-colors: () !default;
-// sass-lint:disable indentation
-$theme-colors: map-merge((
+$theme-colors: (
     "primary": $primary,
     "secondary": $secondary,
     "tertiary": $tertiary,
@@ -200,8 +198,7 @@ $theme-colors: map-merge((
     "dark": $dark,
     "light": $light,
     "inverse": $inverse
-), $theme-colors);
-// sass-lint:enable indentation
+) !default;
 
 // Cursor utility classes
 $cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text,
@@ -211,14 +208,14 @@ $cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, ce
 
 
 // Color constants
-$rgba-transparent: rgba( 0, 0, 0, 0 );
+$rgba-transparent: rgba( 0, 0, 0, 0 ); // stylelint-disable-line
 
-$gradient-transparent-to-black: rgba( black, 0), black;
-$gradient-transparent-to-white: rgba( white, 0), white;
-$gradient-black-to-transparent: black, rgba( black, 0);
-$gradient-white-to-transparent: white, rgba( white, 0);
+$gradient-transparent-to-black: rgba( black, 0), black; // stylelint-disable-line
+$gradient-transparent-to-white: rgba( white, 0), white; // stylelint-disable-line
+$gradient-black-to-transparent: black, rgba( black, 0); // stylelint-disable-line
+$gradient-white-to-transparent: white, rgba( white, 0); // stylelint-disable-line
 
-$gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000;
+$gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line
 
 // Root styles
 $body-bg: $white !default;
@@ -417,10 +414,7 @@ $grid-gap: 10px !default;
 
 
 // Disabled Styling maps
-$disabled-styling: () !default;
-// sass-lint:disable indentation
-$disabled-styling: map-merge((
+$disabled-styling: (
     opacity: $disabled-opacity,
     filter: $disabled-filter
-), $disabled-styling);
-// sass-lint:enable indentation
+) !default;

package/scss/appbar/_variables.scss

@@ -18,5 +18,5 @@ $appbar-light-text: contrast-wcag( $light ) !default;
 $appbar-dark-bg: $dark !default;
 $appbar-dark-text: contrast-wcag( $dark ) !default;
 
-$appbar-box-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
-$appbar-bottom-box-shadow:  0px -1px 1px rgba(0, 0, 0, .16);
+$appbar-box-shadow: 0px 1px 1px rgba(0, 0, 0, .16) !default;
+$appbar-bottom-box-shadow: 0px -1px 1px rgba(0, 0, 0, .16) !default;

package/scss/avatar/_variables.scss

@@ -7,15 +7,11 @@ $avatar-font-size: $font-size !default;
 $avatar-line-height: $line-height !default;
 
 
-$avatar-sizes: () !default;
-// sass-lint:disable indentation
-$avatar-sizes: map-merge((
+$avatar-sizes: (
     sm: map-get( $spacing, 4 ),
     md: map-get( $spacing, 8 ),
     lg: map-get( $spacing, 16 )
-), $avatar-sizes);
-// sass-lint:enable indentation
+) !default;
 
 
-$avatar-theme-colors: () !default;
-$avatar-theme-colors: map-merge( $avatar-theme-colors, $theme-colors );
+$avatar-theme-colors: $theme-colors !default;

package/scss/badge/_variables.scss

@@ -22,15 +22,15 @@ $badge-line-height-lg: 1 !default;
 
 $badge-fixed-size: 20px !default;
 $badge-calc-size: calc( #{$badge-line-height * 1em} + #{$badge-padding-y * 2} + #{$badge-border-width * 2} ) !default;
-$badge-size: if( $use-calc-badge-size, $badge-calc-size, $badge-fixed-size );
-$badge-dot-size: 10px;
+$badge-size: if( $use-calc-badge-size, $badge-calc-size, $badge-fixed-size ) !default;
+$badge-dot-size: 10px !default;
 
 $badge-fixed-size-sm: 16px !default;
 $badge-calc-size-sm: calc( #{$badge-line-height-sm * 1em} + #{$badge-padding-y-sm * 2} + #{$badge-border-width-sm * 2} ) !default;
-$badge-size-sm: if( $use-calc-badge-size, $badge-calc-size-sm, $badge-fixed-size-sm );
-$badge-dot-size-sm: 6px;
+$badge-size-sm: if( $use-calc-badge-size, $badge-calc-size-sm, $badge-fixed-size-sm ) !default;
+$badge-dot-size-sm: 6px !default;
 
 $badge-fixed-size-lg: 26px !default;
 $badge-calc-size-lg: calc( #{$badge-line-height-lg * 1em} + #{$badge-padding-y-lg * 2} + #{$badge-border-width-lg * 2} ) !default;
-$badge-size-lg: if( $use-calc-badge-size, $badge-calc-size-lg, $badge-fixed-size-lg );
-$badge-dot-size-lg: 12px;
+$badge-size-lg: if( $use-calc-badge-size, $badge-calc-size-lg, $badge-fixed-size-lg ) !default;
+$badge-dot-size-lg: 12px !default;

package/scss/captcha/_index.scss

@@ -6,7 +6,9 @@
 @import "../common/_index.scss";
 @import "../icons/_index.scss";
 @import "../input/_index.scss";
+@import "../button/_index.scss";
 @import "../textbox/_index.scss";
+@import "../slider/_index.scss";
 
 
 // Component

package/scss/captcha/_variables.scss

@@ -8,7 +8,7 @@ $captcha-line-height: $line-height !default;
 $captcha-gap: $captcha-spacer !default;
 $captcha-bg: $component-bg !default;
 $captcha-text: $component-bg !default;
-$captcha-border: $component-bg  !default;
+$captcha-border: $component-bg !default;
 
 $captcha-image-wrap-gap: $captcha-spacer !default;
 

package/scss/card/_variables.scss

@@ -54,7 +54,7 @@ $card-subtitle-text: $subtle-text !default;
 
 $card-img-max-width: 100px !default;
 $card-avatar-size: 45px !default;
-$card-avatar-spacing:  $card-header-padding-x !default;
+$card-avatar-spacing: $card-header-padding-x !default;
 
 $card-actions-padding-x: map-get( $spacing, 2 ) !default;
 $card-actions-padding-y: map-get( $spacing, 2 ) !default;

package/scss/chip/_variables.scss

@@ -21,74 +21,165 @@ $chip-remove-icon-font-size: 14px !default;
 
 $chip-avatar-size: 16px !default;
 
-$chip-filled-bg: #ebebeb !default;
-$chip-filled-text: $body-text !default;
-$chip-filled-border: rgba(0, 0, 0, .15) !default;
+$chip-base-bg: $body-text !default;
 
-$chip-filled-hovered-bg: #e0e0e0 !default;
-$chip-filled-hovered-border: rgba(0, 0, 0, .2) !default;
+$chip-solid-bg: rgba( $chip-base-bg, .08 ) !default;
+$chip-solid-text: $chip-base-bg !default;
+$chip-solid-border: rgba( $chip-base-bg, .15 ) !default;
 
-$chip-filled-focused-bg: $chip-filled-bg !default;
-$chip-filled-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
+$chip-solid-hover-bg: rgba( $chip-base-bg, .16 ) !default;
+$chip-solid-hover-text: null !default;
+$chip-solid-hover-border: null !default;
 
-$chip-filled-selected-bg: #d6d6d6 !default;
-$chip-filled-selected-border: rgba(0, 0, 0, .3) !default;
+$chip-solid-focus-bg: $chip-solid-bg !default;
+$chip-solid-focus-shadow: 0 0 0 2px rgba( $chip-solid-bg, .08 ) !default;
 
-$chip-filled-success-bg: rgba($success, .12) !default;
-$chip-filled-success-text: $success !default;
-$chip-filled-success-border: rgba($success, .3) !default;
+$chip-solid-selected-bg: rgba( $chip-base-bg, .24 ) !default;
+$chip-solid-selected-border: null !default;
 
-$chip-filled-warning-bg: rgba($warning, .12) !default;
-$chip-filled-warning-text: $warning !default;
-$chip-filled-warning-border: rgba($warning, .3) !default;
+$chip-solid-success-bg: rgba($success, .08) !default;
+$chip-solid-success-text: $success !default;
+$chip-solid-success-border: rgba( $success, .3 ) !default;
 
-$chip-filled-error-bg: rgba($error, .12) !default;
-$chip-filled-error-text: $error !default;
-$chip-filled-error-border: rgba($error, .3) !default;
+$chip-solid-success-hover-bg: rgba( $success, .16 ) !default;
+$chip-solid-success-hover-text: null !default;
+$chip-solid-success-hover-border: null !default;
 
-$chip-filled-info-bg: rgba($info, .12) !default;
-$chip-filled-info-text: $info !default;
-$chip-filled-info-border: rgba($info, .3) !default;
+$chip-solid-success-focus-bg: null !default;
+$chip-solid-success-focus-text: null !default;
+$chip-solid-success-focus-border: null !default;
 
-$chip-outline-bg: transparent !default;
-$chip-outline-text: #6c757d !default;
-$chip-outline-border: $body-text !default;
+$chip-solid-success-selected-bg: rgba( $success, .24 ) !default;
+$chip-solid-success-selected-text: null !default;
+$chip-solid-success-selected-border: null !default;
 
-$chip-outline-hovered-bg: $body-text !default;
-$chip-outline-hovered-text: #ffffff !default;
-$chip-outline-hovered-border: rgba(0, 0, 0, .2) !default;
+$chip-solid-warning-bg: rgba( $warning, .08 ) !default;
+$chip-solid-warning-text: $warning !default;
+$chip-solid-warning-border: rgba( $warning, .3 ) !default;
 
-$chip-outline-focused-bg: $chip-outline-bg !default;
-$chip-outline-focused-text: $chip-outline-text !default;
-$chip-outline-focused-border: $chip-outline-border !default;
-$chip-outline-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
+$chip-solid-warning-hover-bg: rgba( $warning, .16 ) !default;
+$chip-solid-warning-hover-text: null !default;
+$chip-solid-warning-hover-border: null !default;
 
-$chip-outline-selected-bg: $body-text !default;
-$chip-outline-selected-text: #ffffff !default;
+$chip-solid-warning-focus-bg: null !default;
+$chip-solid-warning-focus-text: null !default;
+$chip-solid-warning-focus-border: null !default;
 
-$chip-outline-success-bg: transparent !default;
+$chip-solid-warning-selected-bg: rgba( $warning, .24 ) !default;
+$chip-solid-warning-selected-text: null !default;
+$chip-solid-warning-selected-border: null !default;
+
+$chip-solid-error-bg: rgba( $error, .08 ) !default;
+$chip-solid-error-text: $error !default;
+$chip-solid-error-border: rgba( $error, .3 ) !default;
+
+$chip-solid-error-hover-bg: rgba( $error, .16 ) !default;
+$chip-solid-error-hover-text: null !default;
+$chip-solid-error-hover-border: null !default;
+
+$chip-solid-error-focus-bg: null !default;
+$chip-solid-error-focus-text: null !default;
+$chip-solid-error-focus-border: null !default;
+
+$chip-solid-error-selected-bg: rgba( $error, .24 ) !default;
+$chip-solid-error-selected-text: null !default;
+$chip-solid-error-selected-border: null !default;
+
+$chip-solid-info-bg: rgba( $info, .08 ) !default;
+$chip-solid-info-text: $info !default;
+$chip-solid-info-border: rgba( $info, .3 ) !default;
+
+$chip-solid-info-hover-bg: rgba( $info, .16 ) !default;
+$chip-solid-info-hover-text: null !default;
+$chip-solid-info-hover-border: null !default;
+
+$chip-solid-info-focus-bg: null !default;
+$chip-solid-info-focus-text: null !default;
+$chip-solid-info-focus-border: null !default;
+
+$chip-solid-info-selected-bg: rgba( $info, .24 ) !default;
+$chip-solid-info-selected-text: null !default;
+$chip-solid-info-selected-border: null !default;
+
+$chip-outline-bg: $body-bg !default;
+$chip-outline-text: $chip-base-bg !default;
+$chip-outline-border: $chip-base-bg !default;
+
+$chip-outline-hover-bg: $chip-base-bg !default;
+$chip-outline-hover-text: contrast-wcag( $chip-outline-hover-bg ) !default;
+$chip-outline-hover-border: null !default;
+
+$chip-outline-focus-bg: null !default;
+$chip-outline-focus-text: null !default;
+$chip-outline-focus-border: null !default;
+$chip-outline-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
+
+$chip-outline-selected-bg: $chip-outline-hover-bg !default;
+$chip-outline-selected-text: $chip-outline-hover-text !default;
+
+$chip-outline-success-bg: null !default;
 $chip-outline-success-text: $success !default;
-$chip-outline-success-border: rgba($success, .54) !default;
+$chip-outline-success-border: $success !default;
+
+$chip-outline-success-hover-bg: $success !default;
+$chip-outline-success-hover-text: contrast-wcag( $chip-outline-success-hover-bg ) !default;
+$chip-outline-success-hover-border: null !default;
+
+$chip-outline-success-focus-bg: null !default;
+$chip-outline-success-focus-text: null !default;
+$chip-outline-success-focus-border: null !default;
 
-$chip-outline-warning-bg: transparent !default;
+$chip-outline-success-selected-bg: $chip-outline-success-hover-bg !default;
+$chip-outline-success-selected-text: $chip-outline-success-hover-text !default;
+$chip-outline-success-selected-border: null !default;
+
+$chip-outline-warning-bg: null !default;
 $chip-outline-warning-text: $warning !default;
-$chip-outline-warning-border: rgba($warning, .54) !default;
+$chip-outline-warning-border: $warning !default;
+
+$chip-outline-warning-hover-bg: $warning !default;
+$chip-outline-warning-hover-text: contrast-wcag( $chip-outline-warning-hover-bg ) !default;
+$chip-outline-warning-hover-border: null !default;
+
+$chip-outline-warning-focus-bg: null !default;
+$chip-outline-warning-focus-text: null !default;
+$chip-outline-warning-focus-border: null !default;
 
-$chip-outline-error-bg: transparent !default;
+$chip-outline-warning-selected-bg: $chip-outline-warning-hover-bg !default;
+$chip-outline-warning-selected-text: $chip-outline-warning-hover-text !default;
+$chip-outline-warning-selected-border: null !default;
+
+$chip-outline-error-bg: null !default;
 $chip-outline-error-text: $error !default;
-$chip-outline-error-border: rgba($error, .54) !default;
+$chip-outline-error-border: $error !default;
+
+$chip-outline-error-hover-bg: $error !default;
+$chip-outline-error-hover-text: contrast-wcag( $chip-outline-error-hover-bg ) !default;
+$chip-outline-error-hover-border: null !default;
+
+$chip-outline-error-focus-bg: null !default;
+$chip-outline-error-focus-text: null !default;
+$chip-outline-error-focus-border: null !default;
 
-$chip-outline-info-bg: transparent !default;
+$chip-outline-error-selected-bg: $chip-outline-error-hover-bg !default;
+$chip-outline-error-selected-text: $chip-outline-error-hover-text !default;
+$chip-outline-error-selected-border: null !default;
+
+$chip-outline-info-bg: null !default;
 $chip-outline-info-text: $info !default;
-$chip-outline-info-border: rgba($info, .54) !default;
+$chip-outline-info-border: $info !default;
+
+$chip-outline-info-hover-bg: $info !default;
+$chip-outline-info-hover-text: contrast-wcag( $chip-outline-info-hover-bg ) !default;
+$chip-outline-info-hover-border: null !default;
 
-$chip-filled-single-selected-bg: rgba($primary, .08) !default;
-$chip-filled-single-selected-text: $primary !default;
-$chip-filled-single-selected-border: rgba($primary, .2) !default;
+$chip-outline-info-focus-bg: null !default;
+$chip-outline-info-focus-text: null !default;
+$chip-outline-info-focus-border: null !default;
 
-$chip-outline-single-selected-bg: transparent !default;
-$chip-outline-single-selected-text: $primary !default;
-$chip-outline-single-selected-border: rgba($primary, .2) !default;
+$chip-outline-info-selected-bg: $chip-outline-info-hover-bg !default;
+$chip-outline-info-selected-text: $chip-outline-info-hover-text !default;
+$chip-outline-info-selected-border: null !default;
 
 $chip-multiple-selected-icon-bg: rgba(0, 0, 0, .36) !default;
 $chip-multiple-selected-icon-text: #ffffff !default;

package/scss/colorpicker/images/alpha-slider-bgr-reversed.scss

@@ -1,3 +1,3 @@
 @include exports("alpha-slider-bgr-reversed.png") {
-    @include register-data-uri("alpha-slider-bgr-reversed.png", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAQCAYAAABnaabpAAAACXBIWXMAABbqAAAW6gHljkMQAAAGvmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA4LTIwVDE0OjU0OjQxKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNTNiZjJiNC01Y2RhLTQzNGMtOTJmNS05NDg2NjdlZjRmYTgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowYjMzZmFjMi1mYzM4LTI0NGItYjRkMS05OWE2ZDNhNWE4ZWIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YjI5M2E2NC00YTc0LWY0NDQtYmRjOC02MjI0ZjUwOTY2NGEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjViMjkzYTY0LTRhNzQtZjQ0NC1iZGM4LTYyMjRmNTA5NjY0YSIgc3RFdnQ6d2hlbj0iMjAxOS0wOC0yMFQxNDo1NDo0MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNWEyZTA2Yy1lZWQwLTVhNGMtYjZjMC1lMGZiZjhmZjBkNjciIHN0RXZ0OndoZW49IjIwMTktMTItMDVUMTM6MjY6MzArMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzUzYmYyYjQtNWNkYS00MzRjLTkyZjUtOTQ4NjY3ZWY0ZmE4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA1VDEzOjI2OjMwKzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PKc3+gAABx9JREFU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")
+    @include register-data-uri("alpha-slider-bgr-reversed.png", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAQCAYAAABnaabpAAAACXBIWXMAABbqAAAW6gHljkMQAAAGvmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA4LTIwVDE0OjU0OjQxKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNTNiZjJiNC01Y2RhLTQzNGMtOTJmNS05NDg2NjdlZjRmYTgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowYjMzZmFjMi1mYzM4LTI0NGItYjRkMS05OWE2ZDNhNWE4ZWIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YjI5M2E2NC00YTc0LWY0NDQtYmRjOC02MjI0ZjUwOTY2NGEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjViMjkzYTY0LTRhNzQtZjQ0NC1iZGM4LTYyMjRmNTA5NjY0YSIgc3RFdnQ6d2hlbj0iMjAxOS0wOC0yMFQxNDo1NDo0MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNWEyZTA2Yy1lZWQwLTVhNGMtYjZjMC1lMGZiZjhmZjBkNjciIHN0RXZ0OndoZW49IjIwMTktMTItMDVUMTM6MjY6MzArMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzUzYmYyYjQtNWNkYS00MzRjLTkyZjUtOTQ4NjY3ZWY0ZmE4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA1VDEzOjI2OjMwKzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PKc3+gAABx9JREFU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");
 }

package/scss/colorpicker/images/alpha-slider-bgr.scss

@@ -1,3 +1,3 @@
 @include exports("alpha-slider-bgr.png") {
-    @include register-data-uri("alpha-slider-bgr.png", "data:image/png;base64,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")
+    @include register-data-uri("alpha-slider-bgr.png", "data:image/png;base64,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");
 }

package/scss/datetime/_variables.scss

@@ -1,5 +1,5 @@
 // DateTime
-$time-highlight-size: 1px;
+$time-highlight-size: 1px !default;
 
 $time-list-title-text: $subtle-text !default;
 $time-list-title-focus-text: $component-text !default;
@@ -10,7 +10,7 @@ $time-list-highlight-border: $component-border !default;
 $time-list-focused-bg: rgba(0, 0, 0, .04) !default;
 
 $time-header-padding: null !default;
-$timepicker-header-height: 2em;
+$timepicker-header-height: 2em !default;
 
 $time-list-padding: $padding-y * 5 !default;
 $time-list-focus-size: 2px !default;

package/scss/editor/_variables.scss

@@ -12,4 +12,4 @@ $editor-selected-bg: $primary !default;
 
 $editor-highlighted-bg: mix($primary, #ffffff, 20%) !default;
 
-$editor-export-tool-icon-margin-x: .25em;
+$editor-export-tool-icon-margin-x: .25em !default;

package/scss/fab/_variables.scss

@@ -35,17 +35,13 @@ $fab-item-icon-padding-y: $fab-item-icon-padding-x !default;
 $fab-item-icon-border-width: 0 !default;
 $fab-item-icon-border-radius: 50% !default;
 
-$fab-sizes: () !default;
-// sass-lint:disable indentation
-$fab-sizes: map-merge((
+$fab-sizes: (
     sm: map-get( $spacing, 4 ),
     md: map-get( $spacing, 8 ),
     lg: map-get( $spacing, 16 )
-), $fab-sizes);
-// sass-lint:enable indentation
+) !default;
 
-$fab-theme-colors: () !default;
-$fab-theme-colors: map-merge( $fab-theme-colors, $theme-colors );
+$fab-theme-colors: $theme-colors !default;
 
 $fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
 $fab-focus-shadow: 0 1px 10px rgba(#000000, .22), 0 4px 5px rgba(#000000, .24), 0 2px 4px rgba(#000000, .2) !default;

package/scss/filemanager/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/filemanager/_layout";
+@import "../../modules/@progress/kendo-theme-default/scss/filemanager/_layout.scss";

package/scss/filemanager/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/filemanager/_theme";
+@import "../../modules/@progress/kendo-theme-default/scss/filemanager/_theme.scss";

package/scss/input/_variables.scss

@@ -13,7 +13,7 @@ $input-padding-y: $padding-y !default;
 $input-font-family: $font-family !default;
 $input-font-size: $font-size !default;
 $input-line-height: $line-height !default;
-$input-line-height-em: $input-line-height * 1em;
+$input-line-height-em: $input-line-height * 1em !default;
 
 $input-padding-x-sm: ($input-padding-x / 2) !default;
 $input-padding-y-sm: ($input-padding-y / 2) !default;