@progress/kendo-theme-classic 4.42.1-dev.4 → 5.0.0-alpha.3

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";

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

@@ -1,200 +0,0 @@
-@include exports( "listgroup/layout" ) {
-
-    .k-listgroup {
-        @include border-radius( $listgroup-border-radius );
-        margin: 0;
-        padding: 0;
-        border-width: $listgroup-border-width;
-        border-style: solid;
-        font-size: $listgroup-font-size;
-        line-height: $listgroup-line-height;
-        list-style: none;
-        display: flex;
-        flex-direction: column;
-        position: relative;
-        overflow: hidden;
-
-        > ul {
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            display: flex;
-            flex-direction: column;
-        }
-
-        // Borders of items
-        .k-listgroup-item + .k-listgroup-item {
-            border-top-width: $listgroup-item-border-width;
-        }
-    }
-    .k-listgroup-flush {
-        @include border-radius( 0 );
-        border-left-width: 0;
-        border-right-width: 0;
-    }
-
-
-    .k-listgroup-item {
-        padding: $listgroup-item-padding-y $listgroup-item-padding-x;
-        border-width: 0;
-        border-style: solid;
-        border-color: inherit;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-start;
-        flex: 0 0 auto;
-        position: relative;
-
-        > .k-link {
-            margin: (-$listgroup-item-padding-y) (-$listgroup-item-padding-x);
-            padding: $listgroup-item-padding-y $listgroup-item-padding-x;
-            color: inherit;
-            text-decoration: none;
-            outline: 0;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: flex-start;
-            flex: 1 1 auto;
-            position: relative;
-
-            > .k-select {
-                padding: $listgroup-item-padding-y;
-                display: flex;
-                align-items: center;
-                flex: 0 0 auto;
-                position: absolute;
-                top: 50%;
-                right: 0;
-                transform: translateY(-50%);
-            }
-        }
-    }
-    .k-listgroup-item-segmented {
-        align-items: stretch;
-
-        > .k-link {
-            margin-right: 0;
-        }
-
-        > .k-select {
-            margin: (-$listgroup-item-padding-y) (-$listgroup-item-padding-x) (-$listgroup-item-padding-y) 0;
-            padding: $listgroup-item-padding-y;
-            border-width: 0 0 0 1px;
-            border-style: solid;
-            border-color: inherit;
-            cursor: pointer;
-        }
-    }
-
-
-    // Forms in listgroup
-    .k-listgroup-form-row {
-        margin: (-$listgroup-item-padding-y) (-$listgroup-item-padding-x);
-        padding: $listgroup-item-padding-y $listgroup-item-padding-x;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
-        flex: 1 1 auto;
-        position: relative;
-
-        .k-listgroup-form-field-label {
-            width: 40%;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-
-        .k-listgroup-form-field-wrapper {
-            width: 50%;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: flex-end;
-            text-align: end;
-            position: relative;
-
-            select,
-            input[type="text"],
-            input[type="password"],
-            input[type="date"],
-            input[type="time"],
-            input[type="datetime-local"],
-            input[type="number"],
-            textarea {
-                width: 100%;
-                box-sizing: border-box;
-                flex: 1 1 100%;
-            }
-
-            textarea {
-                min-height: 4em;
-                resize: vertical;
-            }
-        }
-    }
-    .k-listgroup-item.k-listgroup-form-row {
-        margin: 0;
-    }
-
-}
-
-
-
-@include exports( "listgroup/layout/rtl" ) {
-
-    [dir="rtl"] {
-
-        .k-listgroup-item {
-
-            > .k-link {
-
-                > .k-select {
-                    right: auto;
-                    left: 0;
-
-                    .k-icon {
-                        transform: scaleX(-1);
-                    }
-                }
-            }
-        }
-        .k-listgroup-item-segmented {
-
-            > .k-link {
-                margin-right: -$listgroup-item-padding-x;
-                margin-left: 0;
-            }
-
-            > .k-select {
-                margin-right: 0;
-                margin-left: -$listgroup-item-padding-x;
-                border-right-width: 1px;
-                border-left-width: 0;
-
-                .k-icon {
-                    transform: scaleX(-1);
-                }
-            }
-        }
-    }
-
-}
-
-
-
-
-@include exports( "listgroup/layout/noflexbox" ) {
-
-    .k-noflexbox {
-        .k-listgroup,
-        .k-listgroup > ul
-        .k-listgroup-item,
-        .k-listgroup-item > .k-link {
-            display: block;
-        }
-    }
-
-}

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

@@ -1,11 +0,0 @@
-@include exports( "listgroup/theme" ) {
-
-    .k-listgroup {
-        @include fill(
-            $listgroup-text,
-            $listgroup-bg,
-            $listgroup-border
-        );
-    }
-
-}

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

@@ -1,14 +0,0 @@
-// Listgroup
-$listgroup-border-width: 1px !default;
-$listgroup-border-radius: $border-radius !default;
-
-$listgroup-font-size: $font-size !default;
-$listgroup-line-height: $line-height !default;
-
-$listgroup-bg: $component-bg !default;
-$listgroup-text: $component-text !default;
-$listgroup-border: $component-border !default;
-
-$listgroup-item-padding-x: map-get( $spacing, 2 ) !default;
-$listgroup-item-padding-y: map-get( $spacing, 2 ) !default;
-$listgroup-item-border-width: 1px !default;

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

@@ -1,15 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_grid.scss";
-@import "../pager/_index.scss";
-@import "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,141 +0,0 @@
-@include exports( "listview/layout" ) {
-
-    .k-listview {
-        margin: 0;
-        padding: 0;
-        border-width: $listview-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $listview-font-family;
-        font-size: $listview-font-size;
-        line-height: $listview-line-height;
-        flex-flow: column nowrap;
-        position: relative;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: transparent;
-    }
-    .k-listview-bordered {
-        border-width: $listview-border-width;
-    }
-
-
-    // Header
-    .k-listview-header {
-        border-width: 0;
-        border-bottom-width: $listview-border-width;
-        border-style: solid;
-        border-color: inherit;
-    }
-    .k-listview-bordered > .k-listview-header {
-        border-bottom-width: $listview-border-width;
-    }
-
-
-    // Listview contnet
-    .k-listview-content {
-        margin: 0;
-        padding: 0;
-        outline: 0;
-        flex-grow: 1;
-        position: relative;
-        overflow: auto;
-
-        &::after {
-            height: 0;
-            clear: both;
-            display: block;
-        }
-    }
-    .k-listview-content.k-d-flex,
-    .k-listview-content.k-d-grid {
-        &::after { display: none; }
-    }
-    .k-listview-content-padding-rectangle {
-        padding: $listview-padding-y $listview-padding-x;
-    }
-    .k-listview-content-padding-square {
-        padding: $listview-padding-y;
-    }
-
-
-    // Listview item
-    .k-listview-item {
-        padding: 0;
-        border-width: 0;
-        outline: 0;
-        border-style: solid;
-        box-sizing: border-box;
-        flex-shrink: 0;
-    }
-    .k-listview-item-padding-rectangle {
-        padding: $listview-item-padding-y $listview-item-padding-x;
-    }
-    .k-listview-item-padding-rectangle .k-listview-link {
-        margin: (-$listview-item-padding-y) (-$listview-item-padding-x);
-        padding: $listview-item-padding-y $listview-item-padding-x;
-    }
-    .k-listview-item-padding-square {
-        padding: $listview-item-padding-y;
-    }
-    .k-listview-item-padding-square .k-listview-link {
-        margin: (-$listview-item-padding-y);
-        padding: $listview-item-padding-y;
-    }
-
-
-    // Listview footer
-    .k-listview-footer {
-        border-width: 0;
-        border-top-width: $listview-border-width;
-        border-style: solid;
-        border-color: inherit;
-    }
-    .k-listview-bordered > .k-listview-footer {
-        border-top-width: $listview-border-width;
-    }
-
-
-    // Listview pager
-    .k-listview-pager {
-        border-width: 0;
-        border-top-width: $listview-border-width;
-        border-color: inherit;
-        font: inherit;
-    }
-    .k-listview-pager-top {
-        border-top-width: 0;
-        border-bottom-width: $listview-border-width;
-    }
-    .k-listview-bordered > .k-listview-pager-top {
-        border-bottom-width: $listview-border-width;
-    }
-    .k-listview-bordered > .k-listview-pager-bottom {
-        border-top-width: $listview-border-width;
-    }
-
-
-    // Borders
-    .k-listview-borders-all {
-        .k-listview-item {
-            border-width: 1px;
-        }
-    }
-    .k-listview-borders-horizontal {
-        .k-listview-item {
-            border-top-width: 1px;
-        }
-        .k-listview-item:first-child {
-            border-top-width: 0;
-        }
-    }
-    .k-listview-borders-vertical {
-        .k-listview-item {
-            border-left-width: 1px;
-        }
-        .k-listview-item:first-child {
-            border-left-width: 0;
-        }
-    }
-
-}

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

@@ -1,35 +0,0 @@
-@include exports( "listview/theme" ) {
-
-    // Listview
-    .k-listview {
-        @include fill(
-            $listview-text,
-            $listview-bg,
-            $listview-border
-        );
-    }
-
-
-    // Listview content
-    .k-listview-content {
-
-        > .k-state-focused {
-            @include fill(
-                $listview-item-focus-text,
-                $listview-item-focus-bg,
-                $listview-item-focus-border
-            );
-            @include box-shadow( $listview-item-focus-shadow );
-        }
-
-        > .k-state-selected {
-            @include fill(
-                $listview-item-selected-text,
-                $listview-item-selected-bg,
-                $listview-item-selected-border
-            );
-        }
-
-    }
-
-}

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

@@ -1,25 +0,0 @@
-// Listview
-$listview-padding-x: map-get( $spacing, 1 ) !default;
-$listview-padding-y: map-get( $spacing, 1 ) !default;
-$listview-border-width: 1px !default;
-$listview-font-family: $font-family !default;
-$listview-font-size: $font-size !default;
-$listview-line-height: $line-height !default;
-
-$listview-bg: $component-bg !default;
-$listview-text: $component-text !default;
-$listview-border: $component-border !default;
-
-$listview-grid-gap: 10px !default;
-
-$listview-item-padding-x: map-get( $spacing, 1 ) !default;
-$listview-item-padding-y: map-get( $spacing, 1 ) !default;
-
-$listview-item-selected-bg: rgba( $selected-bg, .25 ) !default;
-$listview-item-selected-text: null !default;
-$listview-item-selected-border: null !default;
-
-$listview-item-focus-bg: null !default;
-$listview-item-focus-text: null !default;
-$listview-item-focus-border: null !default;
-$listview-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;

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

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