@progress/kendo-theme-default 5.12.1-dev.2 → 5.12.1-dev.3

package/scss/stepper/_theme.scss

@@ -3,9 +3,9 @@
     // Base
     .k-stepper {
         @include fill(
-            $stepper-text,
-            $stepper-bg,
-            $stepper-border
+            $kendo-stepper-text,
+            $kendo-stepper-bg,
+            $kendo-stepper-border
         );
 
 
@@ -16,14 +16,14 @@
             &.k-hover,
             &.k-step-hover {
                 .k-step-label {
-                    color: $stepper-label-hover-text;
+                    color: $kendo-stepper-label-hover-text;
                 }
 
                 .k-step-indicator {
                     @include fill(
-                        $stepper-indicator-hover-text,
-                        $stepper-indicator-hover-bg,
-                        $stepper-indicator-hover-border
+                        $kendo-stepper-indicator-hover-text,
+                        $kendo-stepper-indicator-hover-bg,
+                        $kendo-stepper-indicator-hover-border
                     );
                 }
             }
@@ -32,7 +32,7 @@
             .k-step-link:focus  {
                 // Labels only
                 .k-step-label:only-child {
-                    @include focus-indicator( $indicator: ( inset 0 0 0 $stepper-indicator-focus-size $kendo-component-border ), $inset: true );
+                    @include focus-indicator( $indicator: ( inset 0 0 0 $kendo-stepper-indicator-focus-size $kendo-component-border ), $inset: true );
                 }
             }
 
@@ -42,26 +42,26 @@
             &:disabled {
                 .k-step-indicator {
                     @include fill(
-                        $stepper-indicator-disabled-text,
-                        $stepper-indicator-disabled-bg,
-                        $stepper-indicator-disabled-border
+                        $kendo-stepper-indicator-disabled-text,
+                        $kendo-stepper-indicator-disabled-bg,
+                        $kendo-stepper-indicator-disabled-border
                     );
                 }
 
                 .k-step-label {
-                    @include fill( $color: $stepper-label-disabled-text );
+                    @include fill( $color: $kendo-stepper-label-disabled-text );
                 }
             }
         }
         .k-step-indicator {
             @include fill(
-                $stepper-indicator-text,
-                $stepper-indicator-bg,
-                $stepper-indicator-border
+                $kendo-stepper-indicator-text,
+                $kendo-stepper-indicator-bg,
+                $kendo-stepper-indicator-border
             );
         }
         .k-step-indicator::after {
-            @include box-shadow( inset 0 0 0 $stepper-indicator-focus-size $kendo-component-bg );
+            @include box-shadow( inset 0 0 0 $kendo-stepper-indicator-focus-size $kendo-component-bg );
         }
         .k-step-label:only-child {
             @include fill(
@@ -77,9 +77,9 @@
 
             .k-step-indicator {
                 @include fill(
-                    $stepper-indicator-done-text,
-                    $stepper-indicator-done-bg,
-                    $stepper-indicator-done-border
+                    $kendo-stepper-indicator-done-text,
+                    $kendo-stepper-indicator-done-bg,
+                    $kendo-stepper-indicator-done-border
                 );
             }
 
@@ -90,9 +90,9 @@
             &.k-step-hover {
                 .k-step-indicator {
                     @include fill(
-                        $stepper-indicator-done-hover-text,
-                        $stepper-indicator-done-hover-bg,
-                        $stepper-indicator-done-hover-border
+                        $kendo-stepper-indicator-done-hover-text,
+                        $kendo-stepper-indicator-done-hover-bg,
+                        $kendo-stepper-indicator-done-hover-border
                     );
                 }
             }
@@ -104,9 +104,9 @@
             &:disabled {
                 .k-step-indicator {
                     @include fill(
-                        $stepper-indicator-done-disabled-text,
-                        $stepper-indicator-done-disabled-bg,
-                        $stepper-indicator-done-disabled-border
+                        $kendo-stepper-indicator-done-disabled-text,
+                        $kendo-stepper-indicator-done-disabled-bg,
+                        $kendo-stepper-indicator-done-disabled-border
                     );
                 }
             }
@@ -118,9 +118,9 @@
 
             .k-step-indicator {
                 @include fill(
-                    $stepper-indicator-current-text,
-                    $stepper-indicator-current-bg,
-                    $stepper-indicator-current-border
+                    $kendo-stepper-indicator-current-text,
+                    $kendo-stepper-indicator-current-bg,
+                    $kendo-stepper-indicator-current-border
                 );
             }
 
@@ -131,9 +131,9 @@
             &.k-step-hover {
                 .k-step-indicator {
                     @include fill(
-                        $stepper-indicator-current-hover-text,
-                        $stepper-indicator-current-hover-bg,
-                        $stepper-indicator-current-hover-border
+                        $kendo-stepper-indicator-current-hover-text,
+                        $kendo-stepper-indicator-current-hover-bg,
+                        $kendo-stepper-indicator-current-hover-border
                     );
                 }
             }
@@ -145,9 +145,9 @@
             &:disabled {
                 .k-step-indicator {
                     @include fill(
-                        $stepper-indicator-current-disabled-text,
-                        $stepper-indicator-current-disabled-bg,
-                        $stepper-indicator-current-disabled-border
+                        $kendo-stepper-indicator-current-disabled-text,
+                        $kendo-stepper-indicator-current-disabled-bg,
+                        $kendo-stepper-indicator-current-disabled-border
                     );
                 }
             }
@@ -155,45 +155,45 @@
 
         // Label
         .k-step-label {
-            @include fill( $color: $stepper-label-text );
+            @include fill( $color: $kendo-stepper-label-text );
         }
         .k-step-success .k-step-label .k-icon {
-            @include fill( $color: $stepper-label-success-text );
+            @include fill( $color: $kendo-stepper-label-success-text );
         }
         .k-step-error .k-step-label {
-            @include fill( $color: $stepper-label-error-text );
+            @include fill( $color: $kendo-stepper-label-error-text );
         }
 
         .k-step-error {
             .k-step-label {
-                @include fill( $color: $stepper-label-error-text );
+                @include fill( $color: $kendo-stepper-label-error-text );
             }
 
             &:hover,
             &.k-hover,
             &.k-step-hover {
                 .k-step-label {
-                    @include fill( $color: $stepper-label-error-text );
+                    @include fill( $color: $kendo-stepper-label-error-text );
                 }
             }
         }
 
         // Optional Label
         .k-step-label-optional {
-            color: $stepper-optional-label-text;
+            color: $kendo-stepper-optional-label-text;
         }
 
         // Progressbar
         .k-progressbar {
             @include fill(
-                $color: $stepper-progressbar-text,
-                $bg: $stepper-progressbar-bg
+                $color: $kendo-stepper-progressbar-text,
+                $bg: $kendo-stepper-progressbar-bg
             );
 
             .k-selected {
                 @include fill(
-                    $color: $stepper-progressbar-fill-text,
-                    $bg: $stepper-progressbar-fill-bg
+                    $color: $kendo-stepper-progressbar-fill-text,
+                    $bg: $kendo-stepper-progressbar-fill-bg
                 );
             }
         }

package/scss/stepper/_variables.scss

@@ -1,87 +1,87 @@
 // Stepper
-$stepper-margin-x: null !default;
-$stepper-margin-y: null !default;
-$stepper-padding-x: null !default;
-$stepper-padding-y: null !default;
-$stepper-label-margin-x: 12px !default;
-$stepper-label-padding-x: 12px !default;
-$stepper-label-padding-y: 5px !default;
-$stepper-border-width: 0px !default;
-
-$stepper-inline-content-padding-x: 20px !default;
-$stepper-inline-content-padding-y: 10px !default;
-
-$stepper-font-size: $font-size !default;
-$stepper-line-height: $line-height !default;
-$stepper-font-family: $font-family !default;
-
-$stepper-bg: null !default;
-$stepper-text: $kendo-component-text !default;
-$stepper-border: null !default;
-
-$stepper-indicator-width: 28px !default;
-$stepper-indicator-height: $stepper-indicator-width !default;
-$stepper-indicator-border-width: 1px !default;
-$stepper-indicator-border-radius: 50% !default;
-
-$stepper-indicator-focus-border-width: 1px !default;
-$stepper-indicator-focus-size: 2px !default;
-$stepper-indicator-focus-offset: 3px !default;
-$stepper-indicator-focus-calc-offset: calc( #{$stepper-indicator-focus-border-width} + #{$stepper-indicator-focus-offset} ) !default;
-
-$stepper-indicator-bg: $kendo-component-bg !default;
-$stepper-indicator-text: $kendo-component-text !default;
-$stepper-indicator-border: #cccccc !default;
-
-$stepper-indicator-hover-bg: k-try-shade( $stepper-indicator-bg ) !default;
-$stepper-indicator-hover-text: null !default;
-$stepper-indicator-hover-border: null !default;
-
-$stepper-indicator-disabled-bg: null !default;
-$stepper-indicator-disabled-text: $kendo-disabled-text !default;
-$stepper-indicator-disabled-border: null !default;
-
-$stepper-indicator-done-bg: $kendo-color-primary !default;
-$stepper-indicator-done-text: k-contrast-legacy( $stepper-indicator-done-bg ) !default;
-$stepper-indicator-done-border: $stepper-indicator-done-bg !default;
-
-$stepper-indicator-done-hover-bg: k-try-shade( $stepper-indicator-done-bg ) !default;
-$stepper-indicator-done-hover-text: null !default;
-$stepper-indicator-done-hover-border: null !default;
-
-$stepper-indicator-done-disabled-bg: k-color-mix( $stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
-$stepper-indicator-done-disabled-text: k-contrast-legacy( $stepper-indicator-done-bg ) !default;
-$stepper-indicator-done-disabled-border: $stepper-indicator-done-disabled-bg !default;
-
-$stepper-indicator-current-bg: $stepper-indicator-done-bg !default;
-$stepper-indicator-current-text: $stepper-indicator-done-text !default;
-$stepper-indicator-current-border: $stepper-indicator-done-border !default;
-
-$stepper-indicator-current-hover-bg: $stepper-indicator-done-hover-bg !default;
-$stepper-indicator-current-hover-text: $stepper-indicator-done-hover-text !default;
-$stepper-indicator-current-hover-border: $stepper-indicator-done-hover-border !default;
-
-$stepper-indicator-current-disabled-bg: $stepper-indicator-done-disabled-bg !default;
-$stepper-indicator-current-disabled-text: $stepper-indicator-done-disabled-text !default;
-$stepper-indicator-current-disabled-border: $stepper-indicator-done-disabled-border !default;
-
-$stepper-label-text: null !default;
-$stepper-label-success-text: $kendo-color-success !default;
-$stepper-label-error-text: $kendo-color-error !default;
-$stepper-label-hover-text: k-try-shade( $stepper-text, 2 ) !default;
-$stepper-label-disabled-text: $kendo-disabled-text !default;
-
-$stepper-optional-label-text: $kendo-subtle-text !default;
-$stepper-optional-label-opacity: null !default;
-$stepper-optional-label-font-size: null !default;
-$stepper-optional-label-font-style: italic !default;
-
-$stepper-progressbar-size: 2px !default;
-$stepper-progressbar-bg: null !default;
-$stepper-progressbar-text: null !default;
-$stepper-progressbar-fill-bg: null !default;
-$stepper-progressbar-fill-text: null !default;
-
-$stepper-content-transition-property: height !default;
-$stepper-content-transition-duration: 300ms !default;
-$stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
+$kendo-stepper-margin-x: null !default;
+$kendo-stepper-margin-y: null !default;
+$kendo-stepper-padding-x: null !default;
+$kendo-stepper-padding-y: null !default;
+$kendo-stepper-label-margin-x: 12px !default;
+$kendo-stepper-label-padding-x: 12px !default;
+$kendo-stepper-label-padding-y: 5px !default;
+$kendo-stepper-border-width: 0px !default;
+
+$kendo-stepper-inline-content-padding-x: 20px !default;
+$kendo-stepper-inline-content-padding-y: 10px !default;
+
+$kendo-stepper-font-size: $kendo-font-size-md !default;
+$kendo-stepper-line-height: $kendo-line-height-md !default;
+$kendo-stepper-font-family: $kendo-font-family !default;
+
+$kendo-stepper-bg: null !default;
+$kendo-stepper-text: $kendo-component-text !default;
+$kendo-stepper-border: null !default;
+
+$kendo-stepper-indicator-width: 28px !default;
+$kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
+$kendo-stepper-indicator-border-width: 1px !default;
+$kendo-stepper-indicator-border-radius: 50% !default;
+
+$kendo-stepper-indicator-focus-border-width: 1px !default;
+$kendo-stepper-indicator-focus-size: 2px !default;
+$kendo-stepper-indicator-focus-offset: 3px !default;
+$kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
+
+$kendo-stepper-indicator-bg: $kendo-component-bg !default;
+$kendo-stepper-indicator-text: $kendo-component-text !default;
+$kendo-stepper-indicator-border: #cccccc !default;
+
+$kendo-stepper-indicator-hover-bg: k-try-shade( $kendo-stepper-indicator-bg ) !default;
+$kendo-stepper-indicator-hover-text: null !default;
+$kendo-stepper-indicator-hover-border: null !default;
+
+$kendo-stepper-indicator-disabled-bg: null !default;
+$kendo-stepper-indicator-disabled-text: $kendo-disabled-text !default;
+$kendo-stepper-indicator-disabled-border: null !default;
+
+$kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
+$kendo-stepper-indicator-done-text: k-contrast-legacy( $kendo-stepper-indicator-done-bg ) !default;
+$kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
+
+$kendo-stepper-indicator-done-hover-bg: k-try-shade( $kendo-stepper-indicator-done-bg ) !default;
+$kendo-stepper-indicator-done-hover-text: null !default;
+$kendo-stepper-indicator-done-hover-border: null !default;
+
+$kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
+$kendo-stepper-indicator-done-disabled-text: k-contrast-legacy( $kendo-stepper-indicator-done-bg ) !default;
+$kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
+
+$kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
+$kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
+$kendo-stepper-indicator-current-border: $kendo-stepper-indicator-done-border !default;
+
+$kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-done-hover-bg !default;
+$kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-done-hover-text !default;
+$kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-done-hover-border !default;
+
+$kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-done-disabled-bg !default;
+$kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-done-disabled-text !default;
+$kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-disabled-border !default;
+
+$kendo-stepper-label-text: null !default;
+$kendo-stepper-label-success-text: $kendo-color-success !default;
+$kendo-stepper-label-error-text: $kendo-color-error !default;
+$kendo-stepper-label-hover-text: k-try-shade( $kendo-stepper-text, 2 ) !default;
+$kendo-stepper-label-disabled-text: $kendo-disabled-text !default;
+
+$kendo-stepper-optional-label-text: $kendo-subtle-text !default;
+$kendo-stepper-optional-label-opacity: null !default;
+$kendo-stepper-optional-label-font-size: null !default;
+$kendo-stepper-optional-label-font-style: italic !default;
+
+$kendo-stepper-progressbar-size: 2px !default;
+$kendo-stepper-progressbar-bg: null !default;
+$kendo-stepper-progressbar-text: null !default;
+$kendo-stepper-progressbar-fill-bg: null !default;
+$kendo-stepper-progressbar-fill-text: null !default;
+
+$kendo-stepper-content-transition-property: height !default;
+$kendo-stepper-content-transition-duration: 300ms !default;
+$kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;

package/scss/switch/_theme.scss

@@ -58,7 +58,7 @@
                     $kendo-switch-off-track-focus-gradient
                 );
                 @if $kendo-enable-focus-contrast {
-                    @include box-shadow( 0 0 0 2px if( $dark-theme, $kendo-color-white, $kendo-color-black ) );
+                    @include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
                 } @else {
                     outline: $kendo-switch-off-track-focus-ring;
                 }
@@ -138,7 +138,7 @@
                     $kendo-switch-on-track-focus-gradient
                 );
                 @if $kendo-enable-focus-contrast {
-                    @include box-shadow( 0 0 0 2px if( $dark-theme, $kendo-color-white, $kendo-color-black ) );
+                    @include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
                 } @else {
                     outline: $kendo-switch-on-track-focus-ring;
                 }

package/scss/switch/_variables.scss

@@ -67,7 +67,7 @@ $kendo-switch-off-track-focus-border: null !default;
 $kendo-switch-off-track-focus-gradient: null !default;
 /// The ring around the track when the focused switch is not checked.
 /// @group switch
-$kendo-switch-off-track-focus-ring: 2px solid rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ) !default;
+$kendo-switch-off-track-focus-ring: 2px solid rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ) !default;
 
 /// The background of the track when the disabled switch is not checked.
 /// @group switch
@@ -84,13 +84,13 @@ $kendo-switch-off-track-disabled-gradient: null !default;
 
 /// The background of the thumb when the switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-bg: $base-bg !default;
+$kendo-switch-off-thumb-bg: $kendo-base-bg !default;
 /// The text color of the thumb when the switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-text: $base-text !default;
+$kendo-switch-off-thumb-text: $kendo-base-text !default;
 /// The border color of the thumb when the switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-border: $base-border !default;
+$kendo-switch-off-thumb-border: $kendo-base-border !default;
 /// The background gradient of the thumb when the switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-gradient: null !default;
@@ -166,13 +166,13 @@ $kendo-switch-on-track-disabled-gradient: null !default;
 
 /// The background of the thumb when the switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-bg: $base-bg !default;
+$kendo-switch-on-thumb-bg: $kendo-base-bg !default;
 /// The text color of the thumb when the switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-text: $base-text !default;
+$kendo-switch-on-thumb-text: $kendo-base-text !default;
 /// The border color of the thumb when the switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-border: $base-border !default;
+$kendo-switch-on-thumb-border: $kendo-base-border !default;
 /// The background gradient of the thumb when the switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-gradient: null !default;

package/scss/table/_variables.scss

@@ -29,35 +29,35 @@ $kendo-table-cell-padding-x: null !default;
 /// @group table
 $kendo-table-cell-padding-y: null !default;
 
-$kendo-table-cell-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-table-cell-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-table-sm-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-table-sm-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
-$kendo-table-cell-padding-x-md: k-map-get( $kendo-spacing, 3 ) !default;
-$kendo-table-cell-padding-y-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-table-md-cell-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-table-md-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-$kendo-table-cell-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-table-cell-padding-y-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-table-lg-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-table-lg-cell-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
 
 /// The sizes of the table.
 /// @group table
 $kendo-table-sizes: (
     sm: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        cell-padding-x: $kendo-table-cell-padding-x-sm,
-        cell-padding-y: $kendo-table-cell-padding-y-sm
+        font-size: $kendo-font-size-md,
+        line-height: $kendo-line-height-md,
+        cell-padding-x: $kendo-table-sm-cell-padding-x,
+        cell-padding-y: $kendo-table-sm-cell-padding-y
     ),
     md: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        cell-padding-x: $kendo-table-cell-padding-x-md,
-        cell-padding-y: $kendo-table-cell-padding-y-md
+        font-size: $kendo-font-size-md,
+        line-height: $kendo-line-height-md,
+        cell-padding-x: $kendo-table-md-cell-padding-x,
+        cell-padding-y: $kendo-table-md-cell-padding-y
     ),
     lg: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        cell-padding-x: $kendo-table-cell-padding-x-lg,
-        cell-padding-y: $kendo-table-cell-padding-y-lg
+        font-size: $kendo-font-size-md,
+        line-height: $kendo-line-height-md,
+        cell-padding-x: $kendo-table-lg-cell-padding-x,
+        cell-padding-y: $kendo-table-lg-cell-padding-y
     )
 ) !default;