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

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

@@ -1,235 +0,0 @@
-@include exports( "filemanager/layout" ) {
-
-    // File Manager
-    .k-filemanager {
-        border-width: $filemanager-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        font-family: $filemanager-font-family;
-        font-size: $filemanager-font-size;
-        line-height: $filemanager-line-height;
-        display: flex;
-        flex-flow: column nowrap;
-    }
-
-
-    // Toolbar
-    .k-filemanager-header {
-        border-color: inherit;
-    }
-    .k-filemanager-toolbar {
-        border-width: 0;
-        border-bottom-width: $filemanager-toolbar-border-width;
-        border-color: inherit;
-        flex-shrink: 0;
-    }
-
-
-    // Content Wrapper
-    .k-filemanager-content-container {
-        border-color: inherit;
-        box-sizing: border-box;
-        flex: 1 1 0%;
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: stretch;
-        overflow: hidden;
-    }
-
-
-    // Navigation
-    .k-filemanager-navigation {
-        padding: $filemanager-navigation-padding-y $filemanager-navigation-padding-x;
-        width: $filemanager-navigation-width;
-        border-width: 0;
-        border-right-width: $filemanager-navigation-border-width;
-        border-style: solid;
-        border-color: inherit;
-        box-sizing: border-box;
-        flex-shrink: 0;
-        overflow: auto;
-    }
-    .k-filemanager-treeview {
-        overflow: visible;
-    }
-
-
-    // Content
-    .k-filemanager-content {
-        border-color: inherit;
-        flex: 1 1 0%;
-        display: flex;
-        flex-flow: column nowrap;
-        align-items: stretch;
-        overflow: hidden;
-    }
-
-    // Filemanager view
-    .k-filemanager-view {
-        overflow: auto;
-    }
-
-    // Breadcrumb
-    .k-filemanager-breadcrumb {
-        border-width: 0;
-        border-bottom-width: $filemanager-breadcrumb-border-width;
-        padding: $filemanager-breadcrumb-padding-y $filemanager-breadcrumb-padding-x;
-        flex-shrink: 0;
-    }
-
-
-    // Filemanager listview
-    .k-filemanager-listview {
-        border-width: 0;
-        flex: 1 1 0%;
-
-        // Listview item
-        .k-listview-item {
-            padding: $filemanager-listview-item-padding-y $filemanager-listview-item-padding-x;
-            width: $filemanager-listview-item-width;
-            height: $filemanager-listview-item-height;
-            text-align: center;
-        }
-
-        // File preview
-        .k-file-preview {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-        }
-
-        // File icon
-        .k-file-icon {
-            font-size: $filemanager-listview-item-icon-size;
-        }
-
-        // File name
-        .k-file-name {
-            margin-top: ($filemanager-spacer / 2);
-            display: block;
-            text-align: center;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        // Edit mode
-        .k-file-edit-input input {
-            width: 100%;
-        }
-    }
-
-
-    // Filemanager grid
-    .k-filemanager-grid {
-        border-width: 0;
-        flex: 1 1 0%;
-
-        // File preview
-        .k-file-preview {
-            margin-right: $icon-spacing;
-            display: inline-flex;
-            flex-direction: row;
-            vertical-align: middle;
-        }
-
-        // File icon
-        .k-file-icon {}
-
-        // File name
-        .k-file-name {
-            display: inline-flex;
-            flex-direction: row;
-            vertical-align: middle;
-        }
-    }
-
-
-    // Filemanager preview
-    .k-filemanager-preview {
-        padding: ($filemanager-preview-padding-y * 3) $filemanager-preview-padding-x $filemanager-preview-padding-y;
-        width: $filemanager-preview-width;
-        min-height: calc( #{$filemanager-preview-padding-y * 4} + #{$filemanager-preview-icon-size * 2} + #{$filemanager-preview-spacing * 3} );
-        border-width: 0;
-        border-left-width: $filemanager-preview-border-width;
-        border-style: solid;
-        border-color: inherit;
-        box-sizing: border-box;
-        text-align: center;
-        overflow-y: auto;
-        flex-shrink: 0;
-
-        // File preview
-        .k-file-preview {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-        }
-
-        // File icon
-        .k-file-icon {
-            font-size: $filemanager-preview-icon-size;
-        }
-
-        // File name
-        .k-file-name {
-            margin-top: $filemanager-preview-spacing;
-            display: block;
-        }
-        .k-no-file-selected {}
-        .k-single-file-selected { font-weight: bold; }
-        .k-multiple-files-selected { font-weight: bold; }
-
-        // File Meta
-        .k-file-meta {
-            margin: $filemanager-preview-spacing 0 0;
-            box-sizing: border-box;
-            text-align: start;
-            display: flex;
-            flex-flow: row wrap;
-        }
-        .k-file-meta-label {
-            display: inline-block;
-        }
-        .k-file-meta-value {
-            margin: 0;
-        }
-        .k-file-type {
-            text-transform: capitalize;
-        }
-        .k-line-break {
-            margin: $filemanager-preview-spacing 0 0;
-            width: 100%;
-            flex: 1 1 100%;
-            flex-flow: row nowrap;
-        }
-    }
-
-
-    // Resizing Handle
-    .k-filemanager .k-splitbar {
-        flex-shrink: 0;
-        display: inline-flex;
-        position: relative;
-    }
-
-
-    // Upload Dialog
-    .k-filemanager-upload-dialog .k-upload-files {
-        max-height: 200px;
-        overflow-y: auto;
-    }
-
-
-    // Drag Hint
-    // TODO: use drag-hint styles
-    .k-filemanager-drag-hint {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-    }
-    .k-filemanager-drag-hint .k-icon {
-        margin-right: $icon-spacing;
-    }
-
-}

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

@@ -1,109 +0,0 @@
-@include exports( "filemanager/theme") {
-
-    // Filemanager
-    .k-filemanager {
-        @include fill(
-            $filemanager-text,
-            $filemanager-bg,
-            $filemanager-border
-        );
-    }
-
-
-    // Filemanager toolbar
-    .k-filemanager-toolbar {
-        @include fill(
-            $filemanager-toolbar-text,
-            $filemanager-toolbar-bg,
-            $filemanager-toolbar-border,
-            $filemanager-toolbar-gradient
-        );
-    }
-
-
-    // Filemanager navigation
-    .k-filemanager-navigation {
-        @include fill(
-            $filemanager-navigation-text,
-            $filemanager-navigation-bg,
-            $filemanager-navigation-border
-        );
-    }
-
-
-    // Filemanager breadcrumb
-    .k-filemanager-breadcrumb {
-        @include fill(
-            $filemanager-breadcrumb-text,
-            $filemanager-breadcrumb-bg,
-            $filemanager-breadcrumb-border
-        );
-    }
-
-
-    // Filemanager listview
-    .k-filemanager-listview {
-        @include fill(
-            $filemanager-listview-text,
-            $filemanager-listview-bg,
-            $filemanager-listview-border
-        );
-
-        .k-listview-item {
-            @include fill(
-                $filemanager-listview-item-text,
-                $filemanager-listview-item-bg,
-                $filemanager-listview-item-border
-            );
-
-            .k-file-icon {
-                @include fill(
-                    $filemanager-listview-item-icon-text,
-                    $filemanager-listview-item-icon-bg,
-                    $filemanager-listview-item-icon-border
-                );
-            }
-
-            &.k-state-selected .k-file-icon {
-                @include fill(
-                    inherit,
-                    transparent,
-                    transparent
-                );
-            }
-        }
-
-    }
-
-
-    // Filemanager grid
-    .k-filemanager-grid {
-
-        @include fill(
-            $filemanager-grid-text,
-            $filemanager-grid-bg,
-            $filemanager-grid-border
-        );
-
-    }
-
-
-    // Filemanager preview
-    .k-filemanager-preview {
-        @include fill(
-            $filemanager-preview-text,
-            $filemanager-preview-bg,
-            $filemanager-preview-border
-        );
-
-        .k-file-icon {
-            @include fill(
-                $filemanager-preview-icon-text,
-                $filemanager-preview-icon-bg,
-                $filemanager-preview-icon-border
-            );
-        }
-
-    }
-
-}

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

@@ -1,68 +0,0 @@
-// File manager
-$filemanager-spacer: map-get( $spacing, 4 ) !default;
-$filemanager-border-width: 1px !default;
-$filemanager-font-family: $font-family !default;
-$filemanager-font-size: $font-size !default;
-$filemanager-line-height: $line-height !default;
-$filemanager-bg: $component-bg !default;
-$filemanager-text: $component-text !default;
-$filemanager-border: $component-border !default;
-
-$filemanager-toolbar-border-width: $filemanager-border-width !default;
-$filemanager-toolbar-bg: null !default;
-$filemanager-toolbar-text: null !default;
-$filemanager-toolbar-border: null !default;
-$filemanager-toolbar-gradient: null !default;
-
-$filemanager-navigation-padding-x: $filemanager-spacer !default;
-$filemanager-navigation-padding-y: $filemanager-spacer !default;
-$filemanager-navigation-width: 20% !default;
-$filemanager-navigation-border-width: $filemanager-border-width !default;
-$filemanager-navigation-bg: null !default;
-$filemanager-navigation-text: null !default;
-$filemanager-navigation-border: null !default;
-
-$filemanager-breadcrumb-padding-x: map-get( $spacing, 2 ) !default;
-$filemanager-breadcrumb-padding-y: map-get( $spacing, 2 ) !default;
-$filemanager-breadcrumb-border-width: $filemanager-border-width !default;
-$filemanager-breadcrumb-bg: $toolbar-bg !default;
-$filemanager-breadcrumb-text: null !default;
-$filemanager-breadcrumb-border: null !default;
-
-$filemanager-listview-bg: null !default;
-$filemanager-listview-text: null !default;
-$filemanager-listview-border: null !default;
-
-$filemanager-listview-item-padding-x: map-get( $spacing, 4 ) !default;
-$filemanager-listview-item-padding-y: map-get( $spacing, 4 ) !default;
-$filemanager-listview-item-width: 120px !default;
-$filemanager-listview-item-height: 120px !default;
-$filemanager-listview-item-bg: null !default;
-$filemanager-listview-item-text: null !default;
-$filemanager-listview-item-border: null !default;
-
-$filemanager-listview-item-icon-size: ($icon-size * 3) !default;
-$filemanager-listview-item-icon-bg: null !default;
-$filemanager-listview-item-icon-text: try-tint($filemanager-text, 4) !default;
-$filemanager-listview-item-icon-border: null !default;
-$filemanager-listview-item-icon-selected-bg: null !default;
-$filemanager-listview-item-icon-selected-text: inherit !default;
-$filemanager-listview-item-icon-selected-border: null !default;
-
-$filemanager-grid-bg: null !default;
-$filemanager-grid-text: null !default;
-$filemanager-grid-border: null !default;
-
-$filemanager-preview-padding-x: $filemanager-spacer !default;
-$filemanager-preview-padding-y: $filemanager-spacer !default;
-$filemanager-preview-width: 20% !default;
-$filemanager-preview-border-width: $filemanager-border-width !default;
-$filemanager-preview-spacing: $filemanager-spacer !default;
-$filemanager-preview-bg: null !default;
-$filemanager-preview-text: null !default;
-$filemanager-preview-border: null !default;
-
-$filemanager-preview-icon-size: ($icon-size * 6) !default;
-$filemanager-preview-icon-bg: null !default;
-$filemanager-preview-icon-text: try-tint($filemanager-text, 4) !default;
-$filemanager-preview-icon-border: null !default;

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

@@ -1,18 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-@import "../checkbox/_index.scss";
-@import "../datetime/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../numerictextbox/_index.scss";
-@import "../toolbar/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,108 +0,0 @@
-@include exports("filter/layout") {
-    .k-filter {
-        border-width: 0;
-        display: inline-block;
-        background-color: transparent;
-
-        ul {
-            padding: 0;
-
-            li {
-                list-style-type: none;
-            }
-        }
-
-        .k-filter-container,
-        .k-filter-preview {
-            margin-bottom: $filter-bottom-margin;
-        }
-
-        .k-filter-lines,
-        .k-filter-item {
-            padding-left: $filter-padding-x;
-        }
-
-        .k-filter-toolbar {
-            display: inline-flex;
-            position: relative;
-            padding: $filter-padding-y 0;
-
-            &::before {
-                content: "";
-                position: absolute;
-                width: $filter-padding-x;
-                height: $filter-line-size;
-                top: 50%;
-                left: -$filter-padding-x;
-            }
-
-            .k-toolbar {
-                border-style: solid;
-            }
-
-            .k-filter-operator .k-dropdown {
-                width: $filter-operator-dropdown-width;
-            }
-        }
-
-        .k-filter-item {
-            position: relative;
-
-            &::before {
-                content: "";
-                position: absolute;
-                width: $filter-line-size;
-                height: 100%;
-                top: -$filter-padding-y;
-                left: 0;
-            }
-        }
-
-        .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
-            content: "";
-            position: absolute;
-            width: $filter-line-size;
-            top: calc(-#{$filter-padding-y} - #{$filter-line-size});
-            bottom: 50%;
-            left: -$filter-padding-x;
-        }
-
-        .k-filter-group-main::before,
-        .k-filter-group-main > .k-filter-toolbar::before,
-        .k-filter-group-main > .k-filter-toolbar::after,
-        .k-filter-lines .k-filter-item:last-child::before {
-            display: none;
-        }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-filter-lines,
-            .k-filter-item {
-                padding-left: 0;
-                padding-right: $filter-padding-x;
-            }
-
-            .k-filter-toolbar {
-
-                &::before {
-                    left: auto;
-                    right: -$filter-padding-x;
-                }
-            }
-
-            .k-filter-item {
-
-                &::before {
-                    left: auto;
-                    right: 0;
-                }
-            }
-
-            .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
-                left: auto;
-                right: -$filter-padding-x;
-            }
-        }
-    }
-}

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

@@ -1,21 +0,0 @@
-@include exports("filter/theme") {
-
-    .k-filter {
-        color: $component-text;
-
-        .k-filter-preview-field {
-            color: $filter-preview-field-text;
-        }
-
-        .k-filter-preview-operator {
-            color: $filter-preview-operator-text;
-        }
-
-        .k-filter-item::before,
-        .k-filter-toolbar::before,
-        .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
-            background-color: $component-border;
-        }
-    }
-
-}

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

@@ -1,11 +0,0 @@
-// Filter expression builder
-$filter-padding-x: $padding-x !default;
-$filter-padding-y: $padding-y !default;
-
-$filter-bottom-margin: 30px !default;
-$filter-line-size: 1px !default;
-
-$filter-operator-dropdown-width: 15em !default;
-
-$filter-preview-field-text: $primary !default;
-$filter-preview-operator-text: $subtle-text !default;

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

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

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

@@ -1,89 +0,0 @@
-@include exports( "floating-label/layout" ) {
-
-
-    // Floating label
-    .k-textbox-container,
-    .k-floating-label-container {
-        padding-top: $floating-label-height;
-        width: $input-default-width;
-        display: inline-flex;
-        vertical-align: middle;
-        position: relative;
-        flex-direction: column;
-        justify-content: stretch;
-
-        > .k-label {
-            max-width: 90%;
-            font-size: $floating-label-font-size;
-            line-height: $floating-label-line-height;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            position: absolute;
-            top: $floating-label-offset-y;
-            left: $floating-label-offset-x;
-            overflow: hidden;
-            cursor: text;
-            transform-origin: left center;
-            transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, left $floating-label-transition;
-            pointer-events: none;
-        }
-
-        > .k-textbox,
-        > .k-widget {
-            flex: 1 1 auto;
-            width: auto;
-        }
-
-        &.k-state-empty {
-            > .k-label {
-                top: $floating-label-offset-y;
-                left: $floating-label-offset-x;
-                transform: scale( $floating-label-scale );
-            }
-        }
-
-        > .k-label,
-        // &:focus-within > .k-label,
-        &.k-state-focused > .k-label {
-            top: $floating-label-focus-offset-y;
-            left: $floating-label-focus-offset-x;
-            transform: scale( $floating-label-focus-scale );
-        }
-        &:focus-within > .k-label {
-            top: $floating-label-focus-offset-y;
-            left: $floating-label-focus-offset-x;
-            transform: scale( $floating-label-focus-scale );
-        }
-
-        &.k-state-empty:not(.k-state-focused) ::placeholder {
-            color: transparent;
-        }
-
-        .k-rtl &,
-        &[dir="rtl"] {
-
-            > .k-label {
-                transform-origin: right center;
-            }
-
-            &.k-state-empty {
-                > .k-label {
-                    left: auto;
-                    right: $floating-label-offset-x;
-                }
-            }
-
-            > .k-label,
-            // &:focus-within > .k-label,
-            &.k-state-focused > .k-label {
-                left: auto;
-                right: $floating-label-focus-offset-x;
-            }
-            &:focus-within {
-                left: auto;
-                right: $floating-label-focus-offset-x;
-            }
-        }
-    }
-
-}

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

@@ -1,24 +0,0 @@
-@include exports( "floating-label/theme" ) {
-
-    // Floating label
-    .k-textbox-container,
-    .k-textarea-container,
-    .k-floating-label-container {
-
-        > .k-label {
-            @include fill(
-                $color: $floating-label-text,
-                $bg: $floating-label-bg
-            );
-        }
-
-        &.k-state-focused > .k-label {
-            @include fill(
-                $color: $floating-label-focus-text,
-                $bg: $floating-label-focus-bg
-            );
-        }
-
-    }
-
-}