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

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

@@ -1,51 +0,0 @@
-@include exports("imageeditor/theme") {
-
-    // Image Editor
-    .k-imageeditor {
-        @include fill(
-            $imageeditor-text,
-            $imageeditor-bg,
-            $imageeditor-border
-        );
-    }
-
-    // Content
-    .k-imageeditor-content {
-        @include fill(
-            $imageeditor-content-text,
-            $imageeditor-content-bg,
-            $imageeditor-content-border
-        );
-    }
-
-    // Canvas
-    .k-imageeditor-canvas {
-        @include checkerboard-gradient();
-    }
-
-    // Action Pane
-    .k-imageeditor-action-pane {
-        @include fill(
-            $imageeditor-action-pane-text,
-            $imageeditor-action-pane-bg,
-            $imageeditor-action-pane-border
-        );
-    }
-
-    // Crop Tool
-    .k-imageeditor-crop {
-        @include fill(
-            $imageeditor-crop-text,
-            $imageeditor-crop-bg,
-            $imageeditor-crop-border
-        );
-    }
-
-    // Crop Overlay
-    .k-imageeditor-crop-overlay {
-        @include fill (
-            $bg: $imageeditor-crop-overlay-bg
-        );
-    }
-
-}

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

@@ -1,41 +0,0 @@
-// ImageEditor
-$imageeditor-margin-y: null !default;
-$imageeditor-margin-x: null !default;
-$imageeditor-padding-y: null !default;
-$imageeditor-padding-x: null !default;
-
-$imageeditor-border-width: 1px !default;
-$imageeditor-font-size: $font-size !default;
-$imageeditor-line-height: $line-height !default;
-$imageeditor-font-family: $font-family !default;
-
-$imageeditor-content-border-width: 1px !default;
-
-$imageeditor-action-pane-padding-y: map-get( $spacing, 8 ) !default;
-$imageeditor-action-pane-padding-x: map-get( $spacing, 4 ) !default;
-
-$imageeditor-crop-border-width: 1px !default;
-$imageeditor-crop-border-style: dashed !default;
-
-$imageeditor-resize-handle-margin-x: 1px !default;
-$imageeditor-resize-handle-margin-y: 1px !default;
-$imageeditor-resize-handle-border-width: 0 2px 2px 0 !default;
-$imageeditor-resize-handle-size: 15px !default;
-
-$imageeditor-bg: $component-bg !default;
-$imageeditor-text: $component-text !default;
-$imageeditor-border: $component-border !default;
-
-$imageeditor-content-bg: #c6c6c6 !default;
-$imageeditor-content-text: null !default;
-$imageeditor-content-border: null !default;
-
-$imageeditor-action-pane-bg: $base-bg !default;
-$imageeditor-action-pane-text: null !default;
-$imageeditor-action-pane-border: null !default;
-
-$imageeditor-crop-bg: null !default;
-$imageeditor-crop-text: null !default;
-$imageeditor-crop-border: white !default;
-
-$imageeditor-crop-overlay-bg: rgba(black, .3) !default;

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

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

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

@@ -1,214 +0,0 @@
-@include exports( "input/layout" ) {
-
-    // Generic input
-    .k-input {
-        margin: 0;
-        padding: $input-padding-y $input-padding-x;
-        width: 100%;
-        min-width: 0;
-        height: $input-inner-calc-height;
-        border: 0;
-        outline: 0;
-        box-sizing: border-box;
-        // Targets https://github.com/telerik/kendo-react/issues/638.
-        box-shadow: none;
-        color: inherit;
-        background: none;
-        font: inherit;
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: center;
-        flex: 0 1 auto;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        -webkit-appearance: none;
-
-        // Hide clear icon
-        &::-ms-clear { display: none; }
-
-        // Placeholder text
-        &::placeholder {
-            color: $input-placeholder-text;
-            opacity: $input-placeholder-opacity;
-            user-select: none;
-        }
-        &:-ms-input-placeholder {
-            color: $input-placeholder-text;
-        }
-
-        // Invalid
-        &:invalid {
-            box-shadow: none;
-        }
-    }
-
-
-    // TODO: Deprecate
-    // Input spacing
-    .k-space-left,
-    .k-space-right {
-        > input {
-            flex-grow: 1;
-        }
-
-        > .k-icon {
-            left: 3px;
-            margin: 3px 6px;
-        }
-    }
-
-    .k-textbox.k-space-left {
-        flex-direction: row-reverse;
-    }
-
-
-    // Input prefix and suffix
-    .k-input-prefix,
-    .k-input-suffix {
-        display: flex;
-        align-items: center;
-        flex-shrink: 0;
-        height: $button-inner-calc-size;
-
-        > * {
-            flex-shrink: 0;
-        }
-
-        > .k-icon {
-            width: $input-adornment-width;
-            height: $input-adornment-height;
-            display: inline-flex;
-            flex-flow: row nowrap;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-        }
-        > .k-clear-value {
-            width: $input-adornment-width;
-            height: $input-adornment-height;
-            position: relative;
-
-            &::after {
-                content: "";
-                opacity: 0;
-                display: none;
-                pointer-events: none;
-                position: absolute;
-                left: -1px;
-                right: -1px;
-                top: -1px;
-                bottom: -1px;
-            }
-
-            &.k-state-focused::after,
-            &:focus::after {
-                display: block;
-            }
-        }
-    }
-
-    .k-input-separator {
-        margin: 0;
-        width: 0;
-        height: $icon-size;
-        border-width: 0 0 0 1px;
-        border-style: solid;
-    }
-
-    // Input with icon styles
-    .k-input-icon {
-        width: $input-icon-width;
-        height: $input-icon-height;
-        display: inline-flex;
-        flex-flow: row nowrap;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-
-        .k-ie9 & {
-            position: absolute;
-            height: 100%;
-            right: 0;
-            top: 0;
-        }
-
-        .k-rtl &,
-        [dir="rtl"] & {
-            .k-ie9 & {
-                left: 0;
-                right: auto;
-            }
-        }
-    }
-
-
-    // Clear value
-    .k-clear-value {
-        width: $input-icon-width;
-        height: $input-icon-height;
-        flex-shrink: 0;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        outline: 0;
-        cursor: pointer;
-        opacity: .5;
-    }
-    .k-clear-value:hover,
-    .k-clear-value.k-state-hover {
-        opacity: 1;
-    }
-
-
-    // Searchbar
-    .k-searchbar {
-        flex: 1 1 auto;
-        display: flex;
-        flex-flow: row nowrap;
-    }
-
-    .k-text-disabled {
-        @include disabled( $disabled-styling );
-    }
-
-}
-
-
-
-
-@include exports("input/layout/jQuery-label") {
-
-}
-
-
-
-
-@include exports("input/layout/autofill-fix") {
-
-    // This is needed for the textbox container to capture browser autofill
-    @keyframes autoFillStart {
-        from {}
-        to {}
-    }
-    @keyframes autoFillEnd {
-        from {}
-        to {}
-    }
-
-    // Generic class for autofill animations
-    .k-autofill:-webkit-autofill {
-        animation-name: autoFillStart;
-    }
-    .k-autofill:not(:-webkit-autofill) {
-        animation-name: autoFillEnd;
-    }
-
-
-    .k-textbox:-webkit-autofill {
-        animation-name: autoFillStart;
-    }
-    .k-textbox:not(:-webkit-autofill) {
-        animation-name: autoFillEnd;
-    }
-
-}

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

@@ -1,28 +0,0 @@
-@include exports("input/theme") {
-
-    .k-input-prefix,
-    .k-input-suffix {
-
-        > .k-icon {
-            color: $input-icon-text;
-            opacity: $input-icon-opacity;
-        }
-
-        .k-clear-value {
-            color: $clear-button-text;
-        }
-
-        > .k-clear-value {
-            &.k-state-focused::after,
-            &:focus::after {
-                background-color: $input-clear-button-focused-background;
-                opacity: $input-clear-button-focused-opacity;
-            }
-        }
-    }
-
-    .k-input-separator {
-        border-color: $input-separator-color;
-        opacity: $input-separator-opacity;
-    }
-}

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

@@ -1,97 +0,0 @@
-// Input
-
-$input-default-width: 12.4em !default;
-
-$input-border-width: 1px !default;
-$input-border-height: ( $input-border-width * 2 ) !default;
-$input-border-radius: $border-radius !default;
-$input-border-radius-sm: $border-radius !default;
-$input-border-radius-lg: $border-radius !default;
-
-$input-padding-x: $padding-x !default;
-$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-padding-x-sm: ($input-padding-x / 2) !default;
-$input-padding-y-sm: ($input-padding-y / 2) !default;
-$input-font-size-sm: $input-font-size !default;
-$input-line-height-sm: $line-height-sm !default;
-
-$input-padding-x-lg: ($input-padding-x * 1.5) !default;
-$input-padding-y-lg: ($input-padding-y * 1.5) !default;
-$input-font-size-lg: $input-font-size !default;
-$input-line-height-lg: $line-height-lg !default;
-
-$input-calc-height: calc( #{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-border-height} ) !default;
-$input-calc-height-sm: calc( #{$input-line-height-sm * 1em} + #{$input-padding-y-sm * 2} + #{$input-border-height} ) !default;
-$input-calc-height-lg: calc( #{$input-line-height-lg * 1em} + #{$input-padding-y-lg * 2} + #{$input-border-height} ) !default;
-
-$input-inner-calc-height: calc( #{$input-line-height * 1em} + #{$input-padding-y * 2} ) !default;
-$input-inner-calc-height-sm: calc( #{$input-line-height-sm * 1em} + #{$input-padding-y-sm * 2} ) !default;
-$input-inner-calc-height-lg: calc( #{$input-line-height-lg * 1em} + #{$input-padding-y-lg * 2} ) !default;
-
-$input-adornment-height: calc( #{$input-line-height * $input-font-size} + #{$input-padding-y * 2} ) !default;
-$input-adornment-width: $input-adornment-height !default;
-
-$input-bg: $component-bg !default;
-$input-text: $component-text !default;
-$input-border: $component-border !default;
-$input-shadow: null !default;
-
-$input-hovered-bg: null !default;
-$input-hovered-text: null !default;
-$input-hovered-border: rgba( $input-border, .16 ) !default;
-$input-hovered-shadow: null !default;
-
-$input-focused-bg: null !default;
-$input-focused-text: null !default;
-$input-focused-border: $input-hovered-border !default;
-$input-focused-shadow: 0 0 0 2px rgba( $input-focused-border, .08 ) !default;
-
-$input-placeholder-text: $subtle-text !default;
-$input-placeholder-opacity: 1 !default;
-
-$input-selected-bg: $primary !default;
-$input-selected-text: $primary-contrast !default;
-
-$input-clear-button-focused-background: $base-text !default;
-$input-clear-button-focused-opacity: .2 !default;
-
-
-// Picker
-$picker-select-border-width: 0px !default;
-
-$picker-select-padding-x: $input-padding-y !default;
-$picker-select-padding-y: $input-padding-y !default;
-
-$picker-select-padding-x-sm: $input-padding-y-sm !default;
-$picker-select-padding-y-sm: $input-padding-y-sm !default;
-
-$picker-select-padding-x-lg: $input-padding-y-sm !default;
-$picker-select-padding-y-lg: $input-padding-y-sm !default;
-
-$picker-select-calc-size: $input-inner-calc-height !default;
-$picker-select-calc-size-sm: $input-inner-calc-height-sm !default;
-$picker-select-calc-size-lg: $input-inner-calc-height-lg !default;
-
-
-// Spinner
-$spinner-width: $button-inner-calc-size !default;
-$spinner-min-width: calc( #{$icon-size} + #{$picker-select-padding-x * 2} ) !default;
-$spinner-icon-offset: 2px !default;
-
-
-// Input icon
-$input-icon-width: calc( #{$icon-size} + #{$input-padding-y * 2} ) !default;
-$input-icon-height: calc( #{$input-line-height * $input-font-size} + #{$input-padding-y * 2} ) !default;
-
-$input-icon-text: $subtle-text !default;
-$input-icon-opacity: null !default;
-
-
-// Input separator
-$input-separator-color: $input-text !default;
-$input-separator-opacity: .5 !default;

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

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

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

@@ -1,120 +0,0 @@
-@include exports( "listbox/layout" ) {
-
-    .k-listbox {
-        width: $listbox-width;
-        height: $listbox-default-height;
-        border-width: 0;
-        outline: 0;
-        font-family: $listbox-font-family;
-        font-size: $listbox-font-size;
-        line-height: $listbox-line-height;
-        vertical-align: top;
-        background-color: transparent;
-        display: inline-flex;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        .k-listbox-toolbar ul {
-            display: flex;
-        }
-
-        &.k-listbox-toolbar-left,
-        &.k-listbox-toolbar-right {
-            .k-listbox-toolbar ul {
-                flex-direction: column;
-            }
-
-            .k-listbox-toolbar li + li {
-                margin-top: $listbox-button-margin;
-            }
-        }
-
-        &.k-listbox-toolbar-left {
-            flex-direction: row;
-
-            .k-listbox-toolbar {
-                margin-right: $listbox-margin;
-            }
-        }
-
-        &.k-listbox-toolbar-right {
-            flex-direction: row-reverse;
-
-            .k-listbox-toolbar {
-                margin-left: $listbox-margin;
-            }
-        }
-
-        &.k-listbox-toolbar-top,
-        &.k-listbox-toolbar-bottom {
-            flex-direction: column;
-
-            .k-listbox-toolbar ul {
-                flex-direction: row;
-            }
-
-            .k-listbox-toolbar li + li {
-                margin-left: $listbox-button-margin;
-            }
-        }
-
-        &.k-listbox-toolbar-top {
-            .k-listbox-toolbar {
-                margin-bottom: $listbox-margin;
-            }
-        }
-
-        &.k-listbox-toolbar-bottom {
-            .k-listbox-toolbar {
-                margin-top: $listbox-margin;
-            }
-        }
-
-        .k-list-scroller {
-            width: 100%;
-            border-width: $listbox-border-width;
-            border-style: solid;
-            box-sizing: border-box;
-        }
-
-        .k-drop-hint {
-            border-top-width: $listbox-drop-hint-width;
-            border-top-style: solid;
-        }
-
-        .k-ghost {
-            opacity: .5;
-        }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            &.k-listbox-toolbar-left,
-            &.k-listbox-toolbar-right {
-                .k-listbox-toolbar {
-                    transform: scaleX(-1);
-                }
-            }
-
-            &.k-listbox-toolbar-left {
-                .k-listbox-toolbar {
-                    margin-right: 0;
-                    margin-left: $listbox-margin;
-                }
-            }
-
-            &.k-listbox-toolbar-right {
-                .k-listbox-toolbar {
-                    margin-right: $listbox-margin;
-                    margin-left: 0;
-                }
-            }
-        }
-    }
-
-    .k-item {
-        cursor: default;
-    }
-
-}

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

@@ -1,16 +0,0 @@
-@include exports("listbox/theme") {
-
-    .k-listbox {
-        .k-list-scroller {
-            @include fill(
-                $listbox-text,
-                $listbox-bg,
-                $listbox-border
-            );
-        }
-        .k-drop-hint {
-            border-top-color: $primary;
-        }
-    }
-
-}

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

@@ -1,20 +0,0 @@
-// Listbox
-$listbox-margin: $padding-x !default;
-$listbox-button-margin: $padding-x !default;
-$listbox-width: 12.4em !default;
-$listbox-default-height: 200px !default;
-
-$listbox-border-width: 1px !default;
-$listbox-font-family: $font-family !default;
-$listbox-font-size: $font-size !default;
-$listbox-line-height: $line-height !default;
-
-$listbox-bg: $component-bg !default;
-$listbox-text: $component-text !default;
-$listbox-border: $component-border !default;
-
-$listbox-item-padding-x: null !default;
-$listbox-item-padding-y: null !default;
-
-$listbox-drop-hint-border-width: null !default;
-$listbox-drop-hint-width: 1px !default;

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

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