@progress/kendo-theme-classic 4.41.2-dev.2 → 5.0.0-next.2

package/modules/@progress/kendo-theme-default/scss/stepper/_theme.scss

@@ -1,194 +0,0 @@
-@include exports("stepper/theme") {
-
-    // Base
-    .k-stepper {
-        @include fill(
-            $stepper-text,
-            $stepper-bg,
-            $stepper-border
-        );
-
-
-        // Not done steps
-        .k-step {
-            // Hover
-            &:hover,
-            &.k-step-hover {
-                .k-step-label {
-                    color: $stepper-label-hover-text;
-                }
-
-                .k-step-indicator {
-                    @include fill(
-                        $stepper-indicator-hover-text,
-                        $stepper-indicator-hover-bg,
-                        $stepper-indicator-hover-border
-                    );
-                }
-            }
-
-
-            // Disabled
-            &.k-step-disabled,
-            &:disabled {
-                .k-step-indicator {
-                    @include fill(
-                        $stepper-indicator-disabled-text,
-                        $stepper-indicator-disabled-bg,
-                        $stepper-indicator-disabled-border
-                    );
-                }
-            }
-        }
-        .k-step-indicator {
-            @include fill(
-                $stepper-indicator-text,
-                $stepper-indicator-bg,
-                $stepper-indicator-border
-            );
-        }
-        .k-step-indicator::after {
-            @include box-shadow( inset 0 0 0 $stepper-indicator-focus-size $component-bg );
-        }
-        .k-step-label:only-child {
-            @include fill(
-                $component-text,
-                $component-bg,
-                $component-border
-            );
-        }
-
-
-        // Done steps
-        .k-step-done {
-
-            .k-step-indicator {
-                @include fill(
-                    $stepper-indicator-done-text,
-                    $stepper-indicator-done-bg,
-                    $stepper-indicator-done-border
-                );
-            }
-
-
-            // Hover
-            &:hover,
-            &.k-step-hover {
-                .k-step-indicator {
-                    @include fill(
-                        $stepper-indicator-done-hover-text,
-                        $stepper-indicator-done-hover-bg,
-                        $stepper-indicator-done-hover-border
-                    );
-                }
-            }
-
-
-            // Disabled
-            &.k-step-disabled,
-            &:disabled {
-                .k-step-indicator {
-                    @include fill(
-                        $stepper-indicator-done-disabled-text,
-                        $stepper-indicator-done-disabled-bg,
-                        $stepper-indicator-done-disabled-border
-                    );
-                }
-            }
-        }
-
-
-        // Current
-        .k-step-current {
-
-            .k-step-indicator {
-                @include fill(
-                    $stepper-indicator-current-text,
-                    $stepper-indicator-current-bg,
-                    $stepper-indicator-current-border
-                );
-            }
-
-
-            // Hover
-            &:hover,
-            &.k-step-hover {
-                .k-step-indicator {
-                    @include fill(
-                        $stepper-indicator-current-hover-text,
-                        $stepper-indicator-current-hover-bg,
-                        $stepper-indicator-current-hover-border
-                    );
-                }
-            }
-
-
-            // Disabled
-            &.k-step-disabled,
-            &:disabled {
-                .k-step-indicator {
-                    @include fill(
-                        $stepper-indicator-current-disabled-text,
-                        $stepper-indicator-current-disabled-bg,
-                        $stepper-indicator-current-disabled-border
-                    );
-                }
-            }
-        }
-
-        // Label
-        .k-step-label {
-            @include fill( $color: $stepper-label-text );
-        }
-        .k-step-success .k-step-label .k-icon {
-            @include fill( $color: $stepper-label-success-text );
-        }
-        .k-step-error .k-step-label {
-            @include fill( $color: $stepper-label-error-text );
-        }
-
-        .k-step-error {
-            .k-step-label {
-                @include fill( $color: $stepper-label-error-text );
-            }
-
-            &:hover,
-            &.k-step-hover {
-                .k-step-label {
-                    @include fill( $color: $stepper-label-error-text );
-                }
-            }
-        }
-
-        .k-step-disabled .k-step-label {
-            @include fill( $color: $stepper-label-disabled-text );
-        }
-
-        // Labels only
-        .k-step-focus .k-step-label:only-child,
-        .k-step-link:focus .k-step-label:only-child {
-            @include box-shadow( inset 0 0 0 $stepper-indicator-focus-size $component-border );
-        }
-
-        // Optional Label
-        .k-step-label-optional {
-            color: $stepper-optional-label-text;
-        }
-
-        // Progressbar
-        .k-progressbar {
-            @include fill(
-                $color: $stepper-progressbar-text,
-                $bg: $stepper-progressbar-bg
-            );
-
-            .k-state-selected {
-                @include fill(
-                    $color: $stepper-progressbar-fill-text,
-                    $bg: $stepper-progressbar-fill-bg
-                );
-            }
-        }
-    }
-
-}

package/modules/@progress/kendo-theme-default/scss/stepper/_variables.scss

@@ -1,87 +0,0 @@
-// 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: $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: $component-bg !default;
-$stepper-indicator-text: $component-text !default;
-$stepper-indicator-border: #cccccc !default;
-
-$stepper-indicator-hover-bg: 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: $disabled-text !default;
-$stepper-indicator-disabled-border: null !default;
-
-$stepper-indicator-done-bg: $primary !default;
-$stepper-indicator-done-text: contrast-wcag( $stepper-indicator-done-bg ) !default;
-$stepper-indicator-done-border: $stepper-indicator-done-bg !default;
-
-$stepper-indicator-done-hover-bg: 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: mix( $stepper-indicator-done-bg, $component-bg, 60%) !default;
-$stepper-indicator-done-disabled-text: contrast-wcag( $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: $success !default;
-$stepper-label-error-text: $error !default;
-$stepper-label-hover-text: try-shade( $stepper-text, 2 ) !default;
-$stepper-label-disabled-text: $disabled-text !default;
-
-$stepper-optional-label-text: $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;

package/modules/@progress/kendo-theme-default/scss/styling/_index.scss

@@ -1,5 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_decoration.scss";

package/modules/@progress/kendo-theme-default/scss/switch/_index.scss

@@ -1,13 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../button/_variables.scss";
-@import "../input/_variables.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

package/modules/@progress/kendo-theme-default/scss/switch/_layout.scss

@@ -1,138 +0,0 @@
-@include exports("switch/layout") {
-
-    .k-switch {
-        @include border-radius( $switch-border-radius );
-        cursor: pointer;
-        width: $switch-size;
-        box-sizing: border-box;
-        outline: 0;
-        display: inline-flex;
-        align-items: center;
-        vertical-align: middle;
-        font-family: $font-family;
-        font-size: $font-size-xs;
-        line-height: $line-height;
-        user-select: none;
-        text-align: left;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        [type="checkbox"] {
-            display: none;
-        }
-
-        &[aria-readonly="true"] {
-            pointer-events: none;
-        }
-    }
-
-    .k-switch,
-    .k-switch-container,
-    .k-switch-handle {
-        box-sizing: border-box;
-    }
-
-
-    // Switch track
-    .k-switch-container {
-        @include border-radius( $switch-border-radius );
-        padding: $switch-container-padding-y $switch-container-padding-x;
-        width: $switch-size;
-        height: $switch-track-size;
-        border-width: $switch-container-border-width;
-        border-style: if( $switch-container-border-width == null, null, solid );
-        flex: 1 0 auto;
-        position: relative;
-        outline: 0;
-        transition: background-color 200ms ease-out 0s;
-    }
-
-
-    // Switch thumb
-    .k-switch-handle {
-        @include border-radius( $switch-handle-border-radius );
-        width: $switch-handle-size;
-        height: $switch-handle-size;
-        border-width: $switch-handle-border-width;
-        border-style: if( $switch-handle-border-width == null, null, solid );
-        display: inline-block;
-        vertical-align: middle;
-        position: relative;
-        left: 0;
-        transition: left 200ms ease-out 0s;
-
-        @if $switch-track-size {
-            position: absolute;
-            top: 50%;
-            transform: translateY( -50% );
-        }
-
-    }
-    .k-switch-on .k-switch-handle { left: $switch-thumb-end-x; }
-    .k-switch-off .k-switch-handle { left: $switch-thumb-start-x; }
-
-
-    // Switch label
-    .k-switch-label-on,
-    .k-switch-label-off {
-        display: $switch-label-display;
-        max-width: $switch-label-width;
-        text-transform: $switch-label-text-transform;
-        line-height: $switch-handle-size;
-        position: absolute;
-        top: 50%;
-        transform: translateY(-50%);
-        overflow: hidden;
-    }
-    .k-switch-label-on { left: $switch-label-offset; }
-    .k-switch-label-off { right: $switch-label-offset; }
-
-
-    // RTL
-    .k-rtl .k-switch,
-    .k-switch[dir = "rtl"] {
-        &.k-switch-on .k-switch-handle {
-            left: $switch-thumb-start-x;
-        }
-
-        &.k-switch-off .k-switch-handle {
-            left: $switch-thumb-end-x;
-        }
-
-        .k-switch-label-on {
-            left: initial;
-            right: $switch-label-offset;
-        }
-        .k-switch-label-off {
-            left: $switch-label-offset;
-            right: initial;
-        }
-    }
-
-}
-
-
-
-
-@include exports( "switch/layout/legacy" ) {
-
-    .k-ie9 {
-
-        // Switch
-        .k-switch {
-            display: inline-block;
-        }
-
-        // Switch track
-        .k-switch-container {
-            display: block;
-        }
-
-        // Switch thumb
-        .k-switch-handle {
-            display: block;
-        }
-
-    }
-
-}

package/modules/@progress/kendo-theme-default/scss/switch/_theme.scss

@@ -1,160 +0,0 @@
-@include exports("switch/theme") {
-
-    // Switch
-    .k-switch {
-
-        &:hover,
-        &.k-state-hover {
-
-            .k-switch-container {
-                @include box-shadow( $switch-container-hovered-shadow );
-            }
-        }
-
-        &:focus,
-        &.k-state-focused {
-
-            .k-switch-container {
-                outline: none;
-                @include box-shadow( $switch-container-focused-shadow );
-            }
-        }
-    }
-
-
-    // Switch track
-    .k-switch-container {
-        @include box-shadow( $switch-container-shadow );
-    }
-
-
-    // Switch ON
-    .k-switch-on {
-
-        // Normal state
-        .k-switch-container {
-            @include fill(
-                $switch-on-text,
-                $switch-on-bg,
-                $switch-on-border,
-                $switch-on-gradient
-            );
-        }
-        .k-switch-handle {
-            @include fill(
-                $switch-on-handle-text,
-                $switch-on-handle-bg,
-                $switch-on-handle-border,
-                $switch-on-handle-gradient
-            );
-            @include box-shadow( $switch-on-handle-shadow );
-        }
-
-        // Hover state
-        &:hover,
-        &.k-state-hover {
-            .k-switch-container {
-                @include fill(
-                    $switch-on-hovered-text,
-                    $switch-on-hovered-bg,
-                    $switch-on-hovered-border,
-                    $switch-on-hovered-gradient
-                );
-            }
-
-            .k-switch-handle {
-                @include fill(
-                    $switch-on-handle-hovered-text,
-                    $switch-on-handle-hovered-bg,
-                    $switch-on-handle-hovered-border,
-                    $switch-on-handle-hovered-gradient
-                );
-            }
-        }
-
-        // Focus state
-        &:focus,
-        &.k-state-focused {
-            @include box-shadow( $switch-on-focused-shadow );
-
-            .k-switch-container {
-                @include fill(
-                    $switch-on-focused-text,
-                    $switch-on-focused-bg,
-                    $switch-on-focused-border,
-                    $switch-on-focused-gradient
-                );
-            }
-        }
-
-        .k-switch-label-off {
-            color: transparent;
-        }
-    }
-
-
-    // Switch OFF
-    .k-switch-off {
-
-        // Normal state
-        .k-switch-container {
-            @include fill(
-                $switch-off-text,
-                $switch-off-bg,
-                $switch-off-border,
-                $switch-off-gradient
-            );
-        }
-        .k-switch-handle {
-            @include fill(
-                $switch-off-handle-text,
-                $switch-off-handle-bg,
-                $switch-off-handle-border,
-                $switch-off-handle-gradient
-            );
-            @include box-shadow( $switch-off-handle-shadow );
-        }
-
-        // Hover state
-        &:hover,
-        &.k-state-hover {
-            .k-switch-container {
-                @include fill(
-                    $switch-off-hovered-text,
-                    $switch-off-hovered-bg,
-                    $switch-off-hovered-border,
-                    $switch-off-hovered-gradient
-                );
-            }
-
-            .k-switch-handle {
-                @include fill(
-                    $switch-off-handle-hovered-text,
-                    $switch-off-handle-hovered-bg,
-                    $switch-off-handle-hovered-border,
-                    $switch-off-handle-hovered-gradient
-                );
-            }
-        }
-
-        // Focus state
-        &:focus,
-        &.k-state-focused {
-            @include box-shadow( $switch-off-focused-shadow );
-
-            .k-switch-container {
-                @include fill(
-                    $switch-off-focused-text,
-                    $switch-off-focused-bg,
-                    $switch-off-focused-border,
-                    $switch-off-focused-gradient
-                );
-            }
-        }
-
-        .k-switch-label-on {
-            color: transparent;
-        }
-    }
-
-}

package/modules/@progress/kendo-theme-default/scss/switch/_variables.scss

@@ -1,84 +0,0 @@
-// Switch
-$switch-size: 60px !default;
-$switch-border-radius: 9999px !default;
-
-$switch-font-family: $font-family !default;
-$switch-font-size: $font-size-xs !default;
-$switch-line-height: $line-height !default;
-
-$switch-track-size: null !default;
-$switch-container-border-width: null !default;
-$switch-container-padding-x: 0px !default;
-$switch-container-padding-y: 0px !default;
-
-$switch-handle-size: 30px !default;
-$switch-handle-border-radius: 9999px !default;
-$switch-handle-border-width: 1px !default;
-$switch-thumb-start-x: 0px !default;
-// TODO: Remove width property from jQuery and Blazor, and do not use 100% for thumb X calc
-$switch-thumb-end-x: calc( 100% - #{$switch-handle-size} ) !default;
-
-$switch-label-offset: 8px !default;
-$switch-label-width: calc( 100% - (#{$switch-handle-size} + #{$switch-label-offset} + #{$switch-container-padding-x} ) ) !default;
-$switch-label-text-transform: uppercase !default;
-$switch-label-display: inline !default;
-
-$switch-container-shadow: inset 0 0 0 1px $base-border !default;
-$switch-container-hovered-shadow: inset 0 0 0 1px $hovered-border !default;
-$switch-container-focused-shadow: inset 0 0 0 3px rgba( black, .06) !default;
-
-$switch-on-bg: $primary !default;
-$switch-on-text: contrast-wcag( $switch-on-bg ) !default;
-$switch-on-border: null !default;
-$switch-on-gradient: null !default;
-$switch-on-shadow: null !default;
-
-$switch-on-hovered-bg: shade( $switch-on-bg ) !default;
-$switch-on-hovered-text: $switch-on-text !default;
-$switch-on-hovered-border: null !default;
-$switch-on-hovered-gradient: null !default;
-
-$switch-on-focused-bg: null !default;
-$switch-on-focused-text: null !default;
-$switch-on-focused-border: null !default;
-$switch-on-focused-gradient: null !default;
-$switch-on-focused-shadow: null !default;
-
-$switch-on-handle-bg: darken( white, 5 ) !default;
-$switch-on-handle-text: $switch-on-text !default;
-$switch-on-handle-border: $base-border !default;
-$switch-on-handle-gradient: null !default;
-$switch-on-handle-shadow: null !default;
-
-$switch-on-handle-hovered-bg: darken( white, 7 ) !default;
-$switch-on-handle-hovered-text: $switch-on-text !default;
-$switch-on-handle-hovered-border: $hovered-border !default;
-$switch-on-handle-hovered-gradient: null !default;
-
-$switch-off-bg: $component-bg !default;
-$switch-off-text: $component-text !default;
-$switch-off-border: null !default;
-$switch-off-gradient: null !default;
-$switch-off-shadow: null !default;
-
-$switch-off-hovered-bg: $switch-off-bg !default;
-$switch-off-hovered-text: $switch-off-text !default;
-$switch-off-hovered-border: null !default;
-$switch-off-hovered-gradient: null !default;
-
-$switch-off-focused-bg: null !default;
-$switch-off-focused-text: null !default;
-$switch-off-focused-border: null !default;
-$switch-off-focused-gradient: null !default;
-$switch-off-focused-shadow: null !default;
-
-$switch-off-handle-bg: $switch-on-handle-bg !default;
-$switch-off-handle-text: $switch-off-text !default;
-$switch-off-handle-border: $switch-on-handle-border !default;
-$switch-off-handle-gradient: null !default;
-$switch-off-handle-shadow: null !default;
-
-$switch-off-handle-hovered-bg: $switch-on-handle-hovered-bg !default;
-$switch-off-handle-hovered-text: $switch-off-text !default;
-$switch-off-handle-hovered-border: $switch-on-handle-hovered-border !default;
-$switch-off-handle-hovered-gradient: null !default;

package/modules/@progress/kendo-theme-default/scss/tabstrip/_index.scss

@@ -1,13 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../button/_index.scss";
-@import "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";