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

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

@@ -1,60 +0,0 @@
-@include exports("drawer/theme") {
-
-    .k-drawer {
-        @include fill(
-            $drawer-text,
-            $drawer-bg,
-            $drawer-border
-        );
-    }
-
-    // Drawer items
-    .k-drawer-wrapper {
-        scrollbar-color: $drawer-scrollbar-color $drawer-scrollbar-bg;
-
-        &::-webkit-scrollbar-track {
-            background: $drawer-scrollbar-bg;
-        }
-        &::-webkit-scrollbar-thumb {
-            background: $drawer-scrollbar-color;
-        }
-        &::-webkit-scrollbar-thumb:hover {
-            background: $drawer-scrollbar-hovered-color;
-        }
-    }
-    .k-drawer-item {
-
-        &:hover,
-        &.k-state-hover {
-            color: $drawer-hovered-text;
-            background-color: $drawer-hovered-bg;
-        }
-
-        &:focus,
-        &.k-state-focused {
-            background-color: $drawer-focused-bg;
-            box-shadow: $drawer-focused-shadow;
-
-            &:hover,
-            &.k-state-hover {
-                color: $drawer-hovered-text;
-                background-color: $drawer-hovered-bg;
-            }
-        }
-
-        &.k-state-selected {
-            color: $drawer-selected-text;
-            background-color: $drawer-selected-bg;
-
-            &:hover,
-            &.k-state-hover {
-                color: $drawer-selected-hover-text;
-                background-color: $drawer-selected-hover-bg;
-            }
-        }
-    }
-    .k-drawer-separator {
-        background-color: $drawer-border;
-    }
-
-}

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

@@ -1,35 +0,0 @@
-// Drawer
-$drawer-bg: $component-bg !default;
-$drawer-text: $component-text !default;
-$drawer-border: $component-border !default;
-$drawer-border-width: 1px !default;
-$drawer-font-family: $font-family !default;
-$drawer-font-size: $font-size !default;
-$drawer-line-height: $line-height !default;
-$drawer-content-padding-x: $padding-x !default;
-$drawer-content-padding-y: $padding-y !default;
-
-$drawer-scrollbar-width: 7px !default;
-$drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
-$drawer-scrollbar-bg: #dedede !default;
-$drawer-scrollbar-radius: 20px !default;
-$drawer-scrollbar-hovered-color: rgba(156, 156, 156, 1) !default;
-
-$drawer-item-padding-x: $padding-x !default;
-$drawer-item-padding-y: $padding-x !default;
-$drawer-item-font-size: 16px !default;
-$drawer-item-line-height: $line-height-lg !default;
-$drawer-icon-size: $icon-size !default;
-
-$drawer-mini-initial-width: calc(4 * #{$drawer-item-padding-x} + #{$drawer-icon-size}) !default;
-
-$drawer-hovered-bg: $hovered-bg !default;
-$drawer-hovered-text: $hovered-text !default;
-
-$drawer-focused-bg: $drawer-bg !default;
-$drawer-focused-shadow: $list-item-focused-shadow !default;
-
-$drawer-selected-bg: $selected-bg !default;
-$drawer-selected-text: $selected-text !default;
-$drawer-selected-hover-bg: $selected-hover-bg !default;
-$drawer-selected-hover-text: $selected-hover-text !default;

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

@@ -1,17 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../input/_index.scss";
-@import "../floating-label/_index.scss";
-@import "../combobox/_index.scss";
-@import "../popup/_index.scss";
-@import "../toolbar/_variables.scss";
-@import "../menu/_variables.scss";
-@import "../grid/_variables.scss";
-
-
-// Component
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,205 +0,0 @@
-@include exports("dropdowngrid/layout") {
-    .k-dropdowngrid-popup {
-        overflow: hidden;
-    }
-    .k-dropdowngrid-popup .k-virtual-wrap {
-        margin: 0;
-    }
-
-    .k-dropdowngrid-popup .k-list-scroller {
-        overflow-x: hidden;
-    }
-
-    // Grid list
-    .k-grid-list {
-        width: 100%;
-        max-width: none;
-        border-width: 0;
-        border-collapse: collapse;
-        border-spacing: 0;
-        table-layout: fixed;
-        empty-cells: show;
-        outline: none;
-        display: table;
-    }
-
-
-    // Header
-    .k-dropdowngrid-popup .k-grid-header {
-        border-width: 0 0 1px 0;
-        border-style: solid;
-        border-color: inherit;
-        font-size: $grid-header-font-size;
-        display: block;
-    }
-    .k-dropdowngrid-popup .k-grid-header-wrap {
-        border-width: 0 $grid-cell-vertical-border-width 0 0;
-        border-style: solid;
-        border-color: inherit;
-        vertical-align: top;
-        display: inline-block;
-        overflow: hidden;
-    }
-    .k-dropdowngrid-popup .k-grid-header table {
-        margin-bottom: -1px;
-        width: 100%;
-        max-width: none;
-        border-width: 0;
-        border-collapse: collapse;
-        border-spacing: 0;
-        table-layout: fixed;
-        empty-cells: show;
-        outline: none;
-    }
-    .k-dropdowngrid-popup .k-grid-header .k-header {
-        padding: $grid-header-padding-y $grid-header-padding-x;
-        border-width: 0 0 0 $grid-cell-vertical-border-width;
-        border-style: solid;
-        font-weight: normal;
-        text-align: left;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-
-        &:first-child {
-            border-left: 0;
-        }
-    }
-
-
-    // Rows
-    .k-grid-list > .k-item {
-        box-sizing: border-box;
-        display: table-row;
-        position: relative;
-        cursor: pointer;
-    }
-    .k-grid-list > .k-item > .k-cell,
-    .k-grid-list > .k-item > .k-group,
-    .k-grid-list > .k-item > .k-spacer-group {
-        box-sizing: border-box;
-        display: table-cell;
-        vertical-align: middle;
-    }
-    .k-grid-list.k-virtual-list > .k-item > .k-cell,
-    .k-grid-list.k-virtual-list > .k-item > .k-group,
-    .k-grid-list.k-virtual-list > .k-item > .k-spacer-group {
-        display: inline-block;
-    }
-    .k-grid-list > .k-item:last-child > .k-cell,
-    .k-grid-list > .k-item:last-child > .k-group-cell,
-    .k-grid-list > .k-item:last-child > .k-spacer-cell {
-        border-bottom-width: 0;
-    }
-
-
-    // Cells
-    .k-grid-list > .k-item > .k-cell {
-        padding: $grid-cell-padding-y $grid-cell-padding-x;
-        border-width: 0 0 $grid-cell-horizontal-border-width $grid-cell-vertical-border-width;
-        border-style: solid;
-        text-align: left;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-
-        &:first-child {
-            border-left: 0;
-        }
-    }
-
-
-    // Grouping
-    .k-dropdowngrid-popup .k-group-header,
-    .k-dropdowngrid-popup .k-outer-group-header {
-        margin: 0;
-        padding: $grid-header-padding-y $grid-header-padding-x;
-        min-height: auto;
-        text-align: left;
-        font-weight: bold;
-    }
-    .k-dropdowngrid-popup .k-outer-group-header.k-first {
-        border-bottom-width: 1px;
-    }
-    .k-grid-list > .k-item.k-first {
-        border-top: 1px solid currentColor;
-    }
-    .k-grid-list > .k-item > .k-group-cell,
-    .k-grid-list > .k-item > .k-spacer-cell {
-        padding: 0;
-        width: 0;
-        border-left-width: 0;
-        border-right-width: 0;
-        overflow: visible;
-        position: relative;
-    }
-    .k-grid-list > .k-item > .k-group-cell > span {
-        padding: 0 ($grid-cell-padding-x / 2);
-        font-size: .875em;
-        position: absolute;
-        top: 0;
-        right: 0;
-    }
-    .k-grid-list > .k-outer-group-header {
-        height: calc( #{$grid-header-padding-y * 2} + (#{$font-size} * #{$line-height}) );
-        display: table-row;
-        position: relative;
-    }
-    .k-grid-list > .k-outer-group-header > strong {
-        padding: $grid-header-padding-y $grid-header-padding-x;
-        width: 100%;
-        box-sizing: border-box;
-        position: absolute;
-        left: 0;
-    }
-
-
-    // Footer
-    .k-dropdowngrid-popup .k-footer {
-        padding: $grid-footer-padding-y $grid-footer-padding-x;
-        border-width: 1px 0 0 0;
-        border-style: solid;
-        text-align: left;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        position: relative;
-        flex-shrink: 0;
-    }
-
-
-    // RTL
-    .k-rtl,
-    [dir="rtl"] {
-        &.k-dropdowngrid-popup .k-grid-header-wrap,
-        .k-dropdowngrid-popup .k-grid-header-wrap {
-            border-right-width: 0;
-            border-left-width: $grid-cell-vertical-border-width;
-        }
-        &.k-dropdowngrid-popup .k-grid-header .k-header,
-        .k-dropdowngrid-popup .k-grid-header .k-header,
-        .k-grid-list > .k-item > .k-cell {
-            border-left-width: 0;
-            border-right-width: $grid-cell-vertical-border-width;
-            text-align: right;
-        }
-        &.k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-        .k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-        .k-grid-list > .k-item > .k-cell:first-child {
-            border-right-width: 0;
-        }
-        div.k-dropdowngrid-popup .k-group-header,
-        div.k-dropdowngrid-popup .k-outer-group-header {
-            text-align: right;
-        }
-        .k-grid-list > .k-item > .k-group-cell > span {
-            right: auto;
-            left: 0;
-        }
-        .k-grid-list > .k-outer-group-header > strong {
-            left: auto;
-            right: 0;
-        }
-    }
-
-}

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

@@ -1,84 +0,0 @@
-@include exports("dropdowngrid/theme") {
-
-    // Dropdowngrid
-    .k-dropdowngrid-popup {
-        border-color: $grid-border;
-        color: $grid-text;
-        background-color: $grid-bg;
-    }
-
-
-    // Header
-    .k-dropdowngrid-popup .k-header,
-    .k-dropdowngrid-popup .k-grid-header {
-        border-color: $grid-header-border;
-        color: $grid-header-text;
-        background-color: $grid-header-bg;
-    }
-
-
-    // Footer
-    .k-dropdowngrid-popup .k-footer {
-        border-color: $grid-header-border;
-        color: $grid-header-text;
-        background-color: $grid-header-bg;
-    }
-
-
-    // Group header
-    .k-dropdowngrid-popup .k-group-header,
-    .k-dropdowngrid-popup .k-outer-group-header.k-first {
-        border-color: $grid-header-border;
-        color: $grid-header-text;
-        background-color: $grid-header-bg;
-    }
-
-
-    // Alt
-    .k-grid-list > .k-item:nth-child(2n) {
-        background-color: $grid-alt-bg;
-    }
-    .k-grid-list > .k-outer-group-header:nth-child(2n) {
-        background: none;
-
-        > strong {
-            background-color: $grid-alt-bg;
-        }
-    }
-
-
-    // Cells
-    .k-dropdowngrid-popup .k-cell {
-        border-color: $grid-border;
-    }
-
-
-    // Interactive states
-    .k-dropdowngrid-popup .k-item.k-state-hover,
-    .k-dropdowngrid-popup .k-item:hover {
-        border-color: $grid-hovered-border;
-        color: $grid-hovered-text;
-        background-color: $grid-hovered-bg;
-    }
-    .k-dropdowngrid-popup .k-item.k-state-selected {
-        border-color: $grid-selected-border;
-        color: $grid-selected-text;
-        background-color: $grid-selected-bg;
-    }
-    .k-dropdowngrid-popup .k-item.k-state-focused {
-        box-shadow: $grid-focused-shadow;
-    }
-
-
-    // Grouping
-    .k-dropdowngrid-popup .k-group-cell span {
-        background-color: $grid-text;
-        color: $grid-bg;
-    }
-    .k-grid-list > .k-item.k-last > .k-cell,
-    .k-grid-list > .k-item.k-last > .k-group-cell,
-    .k-grid-list > .k-item.k-last > .k-spacer-cell {
-        border-bottom-color: $grid-text;
-    }
-
-}

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

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

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

@@ -1,117 +0,0 @@
-@include exports("dropdownlist/layout") {
-
-    .k-dropdown {
-        width: $input-default-width;
-        border-width: 0;
-        outline: 0;
-        background: none;
-        box-sizing: border-box;
-        font-family: $input-font-family;
-        font-size: $input-font-size;
-        line-height: $input-line-height;
-        text-align: left;
-        white-space: nowrap;
-        display: inline-flex;
-        vertical-align: middle;
-        position: relative;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        .k-dropdown-wrap {
-            @include border-radius( $input-border-radius );
-            padding: 0;
-            width: 100%;
-            display: flex;
-            flex-flow: row nowrap;
-            border-width: 1px;
-            border-style: solid;
-            box-sizing: border-box;
-            position: relative;
-            transition: all .1s ease; // sass-lint:disable-line no-transition-all
-            cursor: pointer;
-            outline: 0;
-
-
-            // Input
-            .k-input {}
-
-
-            // Select
-            .k-select {
-                @include border-right-radius-only( $input-border-radius );
-                padding: $picker-select-padding-y $picker-select-padding-x;
-                width: if( $use-picker-select-width, $button-inner-calc-size, null );
-                border-width: 0;
-                box-sizing: border-box;
-                border-style: solid;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 0 0 auto;
-                text-align: center;
-                cursor: pointer;
-            }
-
-            // Clear value
-            .k-clear-value {
-                visibility: hidden;
-            }
-            &.k-state-focused,
-            &.k-state-hover,
-            &:hover {
-                .k-clear-value {
-                    visibility: visible;
-                }
-            }
-        }
-
-    }
-
-
-    // RTL
-
-    .k-dropdown.k-rtl,
-    .k-dropdown[dir="rtl"],
-    .k-rtl .k-dropdown,
-    [dir="rtl"] .k-dropdown {
-        text-align: right;
-
-        .k-select {
-            @include border-left-radius-only( $input-border-radius );
-        }
-    }
-
-
-
-    // Dropdown operator
-    .k-dropdown-operator {
-        width: auto;
-
-        .k-dropdown-wrap {
-            .k-input {
-                display: none;
-            }
-            .k-select {
-                width: $button-inner-calc-size;
-                height: $button-inner-calc-size;
-            }
-        }
-
-    }
-
-
-    // Native select
-    select.k-dropdown {
-        @include border-radius( $input-border-radius );
-        padding: $input-padding-y $input-padding-x;
-        border-width: 1px;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        transition: all .1s ease; // sass-lint:disable-block no-transition-all
-        cursor: pointer;
-    }
-
-}

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

@@ -1,97 +0,0 @@
-@include exports( "dropdownlist/theme" ) {
-
-    .k-dropdown {
-
-        .k-dropdown-wrap {
-            @include fill(
-                $dropdownlist-text,
-                $dropdownlist-bg,
-                $dropdownlist-border,
-                $dropdownlist-gradient
-            );
-
-            // Hover state
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $dropdownlist-hovered-text,
-                    $dropdownlist-hovered-bg,
-                    $dropdownlist-hovered-border,
-                    $dropdownlist-hovered-gradient
-                );
-            }
-
-            &.k-state-active {}
-
-            // Focused state
-            &.k-state-focused {
-                @include fill(
-                    $dropdownlist-focused-text,
-                    $dropdownlist-focused-bg,
-                    $dropdownlist-focused-border,
-                    $dropdownlist-focused-gradient
-                );
-                @include box-shadow($dropdownlist-focused-shadow);
-            }
-
-            // Invalid state
-            &.k-invalid,
-            &.k-invalid:hover,
-            &.k-state-invalid {
-                border-color: $invalid-border;
-
-                &:focus,
-                &.k-state-focused {
-                    @include box-shadow($invalid-shadow);
-                }
-            }
-        }
-
-        // Invalid
-        &.k-state-invalid,
-        &.ng-invalid.ng-touched,
-        &.ng-invalid.ng-dirty {
-            > .k-dropdown-wrap {
-                border-color: $invalid-border;
-
-                &:focus,
-                &.k-state-focused {
-                    @include box-shadow($invalid-shadow);
-                }
-            }
-        }
-
-    }
-
-    // Native select
-    select.k-dropdown {
-        @include fill(
-            $dropdownlist-text,
-            $dropdownlist-bg,
-            $dropdownlist-border,
-            $dropdownlist-gradient
-        );
-
-        // Hover state
-        &:hover {
-            @include fill(
-                $dropdownlist-hovered-text,
-                $dropdownlist-hovered-bg,
-                $dropdownlist-hovered-border,
-                $dropdownlist-hovered-gradient
-            );
-        }
-
-        // Focused state
-        &:focus {
-            @include fill(
-                $dropdownlist-focused-text,
-                $dropdownlist-focused-bg,
-                $dropdownlist-focused-border,
-                $dropdownlist-focused-gradient
-            );
-            @include box-shadow($dropdownlist-focused-shadow);
-        }
-    }
-
-}

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

@@ -1,16 +0,0 @@
-// Dropdownlist
-$dropdownlist-bg: $button-bg !default;
-$dropdownlist-text: $button-text !default;
-$dropdownlist-border: $button-border !default;
-$dropdownlist-gradient: $button-gradient !default;
-
-$dropdownlist-hovered-bg: $button-hovered-bg !default;
-$dropdownlist-hovered-text: $button-hovered-text !default;
-$dropdownlist-hovered-border: $button-hovered-border !default;
-$dropdownlist-hovered-gradient: $button-hovered-gradient !default;
-
-$dropdownlist-focused-bg: null !default;
-$dropdownlist-focused-text: null !default;
-$dropdownlist-focused-border: null !default;
-$dropdownlist-focused-gradient: null !default;
-$dropdownlist-focused-shadow: $input-focused-shadow !default;

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

@@ -1,15 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../floating-label/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../multiselect/_index.scss";
-@import "../treeview/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,29 +0,0 @@
-@include exports("dropdowntree/layout") {
-
-    .k-dropdowntree {
-        @extend .k-multiselect;
-        @extend .k-dropdown;
-        width: $input-default-width;
-    }
-
-    // Dropdowntree popup
-    .k-popup-dropdowntree {
-        padding: 0;
-
-        .k-list-filter {
-            box-shadow: $dropdowntree-filter-shadow;
-            margin: 0 0 $dropdowntree-filter-spacer;
-        }
-
-        .k-check-all {
-            padding: $dropdowntree-popup-spacer-y $dropdowntree-popup-spacer-x 0;
-        }
-        .k-list-filter .k-check-all {
-            padding-top: 0;
-        }
-
-        .k-treeview {
-            padding: $dropdowntree-popup-spacer-y $dropdowntree-popup-spacer-x;
-        }
-    }
-}

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

@@ -1,5 +0,0 @@
-@include exports("dropdowntree/theme") {
-
-    // Dropdown tree doesn't need any theme, because it extends dropdown list and multiselects
-
-}