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

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

@@ -1,91 +0,0 @@
-@include exports("editor/theme") {
-
-    .k-editor {
-        @include fill(
-            $component-text,
-            $component-bg,
-            $component-border
-        );
-    }
-
-    kendo-editor {
-        &.k-readonly {
-            .k-editor-content.k-state-focused {
-                outline-color: $body-text;
-            }
-        }
-    }
-
-    // Inline Editor
-    .k-editor-inline {
-
-        .k-table {
-            &,
-            & td {
-                border-color: #cccccc;
-            }
-        }
-
-        .k-element-resize-handle-wrapper {
-            background-color: #ffffff;
-            border-color: #000000;
-        }
-
-        .k-column-resize-handle-wrapper {
-            .k-column-resize-handle {
-                .k-column-resize-marker {
-                    background-color: #00b0ff;
-                }
-            }
-        }
-
-        .k-row-resize-handle-wrapper {
-            .k-row-resize-marker {
-                background-color: #00b0ff;
-            }
-        }
-
-        // Hover & Actve state
-        &:hover,
-        &.k-state-active {
-            border-color: $panel-border;
-        }
-    }
-
-    // Resizable images
-    .k-editor-resize-handle {
-        background-color: $editor-resize-handle-bg;
-        border-color: $editor-resize-handle-border;
-    }
-    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
-        outline-color: $editor-selectednode-outline-color;
-    }
-
-
-    // Insert table
-    .k-ct-popup {
-        .k-state-selected {
-            @include fill( $selected-text, $selected-bg, $selected-border, none );
-        }
-    }
-
-    // Content
-    .k-editor-content {
-
-        // Selection
-        .k-text-selected,
-        &::selection {
-            @include fill (
-                $color: $editor-selected-text,
-                $bg: $editor-selected-bg
-            );
-        }
-
-        .k-text-highlighted {
-            @include fill (
-                $bg: $editor-highlighted-bg
-            );
-        }
-    }
-
-}

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

@@ -1,23 +0,0 @@
-// Editor
-$editor-border-width: 1px !default;
-$editor-font-family: $font-family !default;
-$editor-font-size: $font-size !default;
-$editor-line-height: $line-height !default;
-
-$editor-placeholder-text: $input-placeholder-text !default;
-$editor-placeholder-opacity: $input-placeholder-opacity !default;
-
-$editor-selected-text: $primary-contrast !default;
-$editor-selected-bg: $primary !default;
-
-$editor-highlighted-bg: mix($primary, #ffffff, 20%) !default;
-
-$editor-export-tool-icon-margin-x: .25em !default;
-
-$editor-resize-handle-size: 5px !default;
-$editor-resize-handle-border-width: 1px !default;
-$editor-resize-handle-border: #000000 !default;
-$editor-resize-handle-bg: #ffffff !default;
-
-$editor-selectednode-outline-width: 2px !default;
-$editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex-length

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

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

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

@@ -1,69 +0,0 @@
-@include exports("expansion-panel/layout") {
-
-    // Base
-    .k-expander {
-        border-width: $expander-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        overflow: hidden;
-        outline: 0;
-        font-family: $expander-font-family;
-        font-size: $expander-font-size;
-        line-height: $expander-line-height;
-        display: flex;
-        flex-direction: column;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            // Expand / collapse icon
-            .k-expander-indicator {
-                margin-left: 0;
-                margin-right: $expander-indicator-margin-x;
-            }
-        }
-    }
-
-    // Header
-    .k-expander-header {
-        padding: $expander-header-padding-y $expander-header-padding-x;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        cursor: pointer;
-    }
-
-    // Expander spacer
-    .k-expander-spacer {
-        flex: 1 1 auto;
-    }
-
-    // Title
-    .k-expander-title {
-        text-transform: uppercase;
-        font-weight: 500;
-    }
-
-    // Expand / collapse icon
-    .k-expander-indicator {
-        margin-left: $expander-indicator-margin-x;
-    }
-
-    // Expander content
-    .k-expander-content {
-        padding: $expander-content-padding-y $expander-content-padding-x;
-        box-sizing: border-box;
-    }
-
-    // Multiple expanders
-    .k-expander + .k-expander.k-expanded,
-    .k-expander.k-expanded + .k-expander {
-        margin-top: $expander-spacing-y;
-    }
-
-    .k-expander:not(.k-expanded) + .k-expander:not(.k-expanded) {
-        border-top-width: 0;
-    }
-}

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

@@ -1,42 +0,0 @@
-@include exports("expansion-panel/theme") {
-
-    .k-expander {
-        @include fill(
-            $expander-text,
-            $expander-bg,
-            $expander-border
-        );
-
-        &.k-state-focus {
-            box-shadow: $expander-focus-shadow;
-        }
-    }
-
-    .k-expander-header {
-        @include fill(
-            $expander-header-text,
-            $expander-header-bg,
-            $expander-header-border
-        );
-        outline: none;
-
-        &:hover,
-        &.k-state-hover {
-            background-color: $expander-header-hover-bg;
-        }
-
-        // Should be removed
-        &.k-state-focused {
-            background-color: $expander-header-focused-bg;
-            box-shadow: $expander-header-focused-shadow;
-        }
-    }
-
-    .k-expander-title {
-        color: $expander-title-text;
-    }
-
-    .k-expander-sub-title {
-        opacity: $expander-header-sub-title-opacity;
-    }
-}

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

@@ -1,33 +0,0 @@
-// Expansion panel
-$expander-spacing-y: $padding-y * 2 !default;
-$expander-font-family: $font-family !default;
-$expander-font-size: $font-size !default;
-$expander-line-height: $line-height !default;
-$expander-border-width: 1px !default;
-
-$expander-header-padding-x: $header-padding-x * 2 !default;
-$expander-header-padding-y: $header-padding-y * 1.5 !default;
-
-$expander-indicator-margin-x: $padding-x * 1.5 !default;
-
-$expander-bg: $component-bg !default;
-$expander-text: $component-text !default;
-$expander-border: $component-border !default;
-
-$expander-focus-shadow: $list-item-focused-shadow !default;
-
-$expander-header-bg: transparent !default;
-$expander-header-text: $expander-text !default;
-$expander-header-border: null !default;
-
-$expander-header-hover-bg: rgba(0, 0, 0, .04) !default;
-
-$expander-header-focused-bg: null !default;
-$expander-header-focused-shadow: $list-item-focused-shadow !default;
-
-$expander-title-text: $primary !default;
-
-$expander-header-sub-title-opacity: .5 !default;
-
-$expander-content-padding-x: $padding-x * 2 !default;
-$expander-content-padding-y: $padding-y * 4 !default;

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

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

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

@@ -1,190 +0,0 @@
-@include exports( "fab/layout" ) {
-
-    // Floating Action Button (FAB)
-    .k-fab {
-        padding: 0;
-        border-width: 0;
-        border-style: solid;
-        border-color: transparent;
-        box-sizing: border-box;
-        color: inherit;
-        background-color: transparent;
-        font-size: $fab-font-size;
-        line-height: $fab-line-height;
-        font-family: $fab-font-family;
-        text-align: center;
-        white-space: nowrap;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        vertical-align: middle;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        cursor: pointer;
-        outline: none;
-
-        &:focus {
-            outline: none;
-        }
-    }
-
-    // FAB Icon
-    .k-fab-icon {
-        width: $fab-icon-width;
-        height: $fab-icon-height;
-
-        &:not(:only-child) {
-            margin-right: $fab-icon-spacing;
-            margin-left: -$fab-icon-spacing;
-        }
-    }
-
-
-    // Sizes
-    .k-fab-sm {
-        padding: $fab-padding-y-sm $fab-padding-x-sm;
-    }
-    .k-fab-md {
-        padding: $fab-padding-y $fab-padding-x;
-    }
-    .k-fab-lg {
-        padding: $fab-padding-y-lg $fab-padding-x-lg;
-    }
-
-
-    // Shapes
-    .k-fab-square {
-        border-radius: 0;
-
-        &.k-fab-sm {
-            width: $fab-size-sm;
-            height: $fab-size-sm;
-        }
-        &.k-fab-md {
-            width: $fab-size-md;
-            height: $fab-size-md;
-        }
-        &.k-fab-lg {
-            width: $fab-size-lg;
-            height: $fab-size-lg;
-        }
-    }
-    .k-fab-circle {
-        border-radius: 50%;
-
-        &.k-fab-sm {
-            width: $fab-size-sm;
-            height: $fab-size-sm;
-        }
-        &.k-fab-md {
-            width: $fab-size-md;
-            height: $fab-size-md;
-        }
-        &.k-fab-lg {
-            width: $fab-size-lg;
-            height: $fab-size-lg;
-        }
-    }
-    .k-fab-pill {
-        border-radius: 5rem;
-    }
-    .k-fab-rounded {
-        @include border-radius( $fab-border-radius );
-    }
-
-
-    // Items
-    .k-fab-items {
-        margin: 0;
-        padding: $fab-items-padding-y $fab-items-padding-x;
-        display: flex;
-    }
-
-    .k-fab-items-bottom {
-        flex-direction: column;
-    }
-    .k-fab-items-bottom .k-fab-item:last-child {
-        margin-bottom: 0;
-    }
-
-    .k-fab-items-top {
-        flex-direction: column-reverse;
-    }
-    .k-fab-items-top .k-fab-item:first-child {
-        margin-bottom: 0;
-    }
-
-    .k-fab-item {
-        list-style-type: none;
-        margin-bottom: map-get( $spacing, 2 );
-        outline: none;
-        white-space: nowrap;
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        cursor: pointer;
-
-        &.k-text-right {
-            flex-direction: row;
-
-            .k-fab-item-text {
-                margin-right: map-get( $spacing, 2 );
-            }
-        }
-        &.k-text-left {
-            flex-direction: row-reverse;
-
-            .k-fab-item-text {
-                margin-left: map-get( $spacing, 2 );
-            }
-        }
-    }
-
-    .k-fab-item-text {
-        padding: $fab-item-text-padding-y $fab-item-text-padding-x;
-        border-width: $fab-item-text-border-width;
-        border-radius: $fab-item-text-border-radius;
-        font-size: $fab-item-text-font-size;
-        line-height: $fab-item-text-line-height;
-    }
-
-    .k-fab-item-icon {
-        width: $fab-item-icon-width;
-        height: $fab-item-icon-height;
-        padding: $fab-item-icon-padding-y $fab-item-icon-padding-x;
-        border-width: $fab-item-icon-border-width;
-        border-radius: $fab-item-icon-border-radius;
-        box-sizing: content-box;
-        outline: none;
-    }
-
-}
-
-@include exports("fab/layout/rtl") {
-
-    .k-rtl .k-fab,
-    .k-fab[dir="rtl"],
-    [dir="rtl"] .k-fab {
-        direction: rtl;
-
-        .k-fab-icon {
-            &:not(:only-child) {
-                margin-right: -$icon-spacing;
-                margin-left: $icon-spacing;
-            }
-        }
-    }
-
-    .k-rtl .k-fab-popup,
-    [dir="rtl"] .k-fab-popup {
-        .k-fab-item.k-text-left {
-            flex-direction: row;
-        }
-
-        .k-fab-item.k-text-right {
-            flex-direction: row-reverse;
-        }
-    }
-
-}
-

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

@@ -1,125 +0,0 @@
-@include exports( "fab/theme" ) {
-
-    // Normal state
-    @each $name, $color in $fab-theme-colors {
-        .k-fab-#{$name} {
-            @include box-shadow($fab-shadow);
-            outline: $fab-border-width solid $color;
-            outline-offset: -$fab-border-width;
-            border-color: $color;
-            color: contrast-wcag( $color );
-            background-color: $color;
-        }
-    }
-
-    // Hover state
-    @each $name, $color in $fab-theme-colors {
-        .k-state-hover.k-fab-#{$name},
-        .k-state-hovered.k-fab-#{$name},
-        .k-fab-#{$name}:hover {
-            border-color: try-shade( $color, .5 );
-            background-color: try-shade( $color, .5 );
-        }
-    }
-
-    // Focus state
-    @each $name, $color in $fab-theme-colors {
-        .k-fab-#{$name}.k-state-focus,
-        .k-fab-#{$name}.k-state-focused,
-        .k-fab-#{$name}:focus {
-            outline-style: solid;
-            outline-width: 2px;
-            outline-color: rgba( $color, .3 );
-        }
-    }
-
-    // Active state
-    @each $name, $color in $fab-theme-colors {
-        .k-state-active.k-fab-#{$name},
-        .k-state-selected.k-fab-#{$name},
-        .k-fab-#{$name}:active {
-            @include box-shadow($fab-active-shadow);
-            border-color: try-shade( $color, 1.5);
-            background-color: try-shade( $color, 1.5);
-        }
-    }
-
-    // Disabled state
-    @each $name, $color in $fab-theme-colors {
-        .k-state-disabled.k-fab-#{$name},
-        .k-fab-#{$name}:disabled {
-            @include box-shadow($fab-disabled-shadow);
-            background-color: try-tint( $color, 5 );
-            color: try-tint( contrast-wcag( $color ), 5 );
-            opacity: 1;
-        }
-    }
-
-    // Items
-    .k-fab-item-text {
-        @include fill(
-            $fab-item-text,
-            $fab-item-bg,
-            $fab-item-border
-        );
-        @include box-shadow($fab-item-shadow);
-
-    }
-    .k-fab-item-icon {
-        @include fill(
-            $fab-item-icon-text,
-            $fab-item-icon-bg,
-            $fab-item-icon-border
-        );
-        @include box-shadow($fab-item-shadow);
-        outline: $fab-border-width solid rgba(0, 0, 0, .08);
-        outline-offset: -$fab-border-width;
-    }
-
-    // Hover state
-    .k-fab-item.k-state-hover .k-fab-item-icon,
-    .k-fab-item.k-state-hovered .k-fab-item-icon
-    .k-fab-item:hover .k-fab-item-icon {
-        border-color: try-shade( $fab-item-icon-border, .5 );
-        background-color: try-shade( $fab-item-icon-bg, .5 );
-    }
-
-    // Focus state
-    .k-fab-item:focus .k-fab-item-text,
-    .k-fab-item:focus .k-fab-item-icon,
-    .k-fab-item.k-state-focus .k-fab-item-text,
-    .k-fab-item.k-state-focus .k-fab-item-icon,
-    .k-fab-item.k-state-focused .k-fab-item-text,
-    .k-fab-item.k-state-focused .k-fab-item-icon {
-        outline-style: solid;
-        outline-width: 2px;
-        outline-color: rgba(0, 0, 0, .08);
-    }
-
-    // Active state
-    .k-fab-item.k-state-active .k-fab-item-icon,
-    .k-fab-item:active .k-fab-item-icon {
-        @include box-shadow($fab-item-active-shadow);
-        border-color: try-shade( $fab-item-icon-border, 1);
-        background-color: try-shade( $fab-item-icon-bg, 1);
-    }
-
-    // Disabled state
-    .k-fab-item.k-state-disabled,
-    .k-fab-item:disabled {
-        opacity: 1;
-
-        .k-fab-item-text,
-        .k-fab-item-icon {
-            @include box-shadow($fab-item-disabled-shadow);
-            background-color: try-tint( $fab-item-bg, 5 );
-            color: try-tint( $fab-item-text, 5 );
-        }
-    }
-
-    // Popup
-    .k-animation-container > .k-fab-popup {
-        @include box-shadow( none );
-    }
-
-}

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

@@ -1,74 +0,0 @@
-// Floating Action Button
-$fab-padding-x: map-get( $spacing, 4 ) !default;
-$fab-padding-y: $fab-padding-x !default;
-$fab-border-width: 1px !default;
-$fab-border-radius: $border-radius !default;
-$fab-font-family: $font-family !default;
-$fab-font-size: $font-size !default;
-$fab-line-height: $line-height !default;
-
-$fab-padding-x-sm: ( $fab-padding-x / 2 ) !default;
-$fab-padding-y-sm: ( $fab-padding-y / 2 ) !default;
-
-$fab-padding-x-md: $fab-padding-x !default;
-$fab-padding-y-md: $fab-padding-y !default;
-
-$fab-padding-x-lg: ( $fab-padding-x * 1.5 ) !default;
-$fab-padding-y-lg: ( $fab-padding-y * 1.5 ) !default;
-
-$fab-icon-width: 20px !default;
-$fab-icon-height: $fab-icon-width !default;
-$fab-icon-spacing: map-get( $spacing, 1 ) / 2 !default;
-
-$fab-items-padding-x: 0px !default;
-$fab-items-padding-y: map-get( $spacing, 4 ) !default;
-
-$fab-item-text-padding-x: map-get( $spacing, 1 ) !default;
-$fab-item-text-padding-y: $fab-item-text-padding-x !default;
-$fab-item-text-border-width: 1px !default;
-$fab-item-text-border-radius: 2px !default;
-$fab-item-text-font-size: $font-size-xs !default;
-$fab-item-text-line-height: 1.2 !default;
-
-$fab-item-icon-padding-x: map-get( $spacing, 2 ) !default;
-$fab-item-icon-padding-y: $fab-item-icon-padding-x !default;
-$fab-item-icon-border-width: 0 !default;
-$fab-item-icon-border-radius: 50% !default;
-$fab-item-icon-width: 20px !default;
-$fab-item-icon-height: $fab-item-icon-width !default;
-
-$fab-sizes: (
-    sm: map-get( $spacing, 4 ),
-    md: map-get( $spacing, 8 ),
-    lg: map-get( $spacing, 16 )
-) !default;
-
-$fab-theme-colors: $theme-colors !default;
-
-$fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
-$fab-disabled-shadow: 0 6px 10px try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px try-tint( rgba(0, 0, 0, .2), .5 ) !default;
-$fab-active-shadow: null !default;
-
-$fab-item-text: $component-text !default;
-$fab-item-bg: $component-bg !default;
-$fab-item-border: $component-border !default;
-
-$fab-item-icon-text: $button-text !default;
-$fab-item-icon-bg: $button-bg !default;
-$fab-item-icon-border: $button-border !default;
-
-$fab-item-shadow: $fab-shadow !default;
-$fab-item-disabled-shadow: $fab-disabled-shadow !default;
-$fab-item-active-shadow: $fab-active-shadow !default;
-
-$fab-border-width-sm: $fab-border-width !default;
-$fab-line-height-sm: $fab-line-height !default;
-$fab-size-sm: calc( #{$fab-line-height-sm * 1em} + #{$fab-padding-y-sm * 2} + #{$fab-border-width-sm * 2} ) !default;
-
-$fab-border-width-md: $fab-border-width !default;
-$fab-line-height-md: $fab-line-height !default;
-$fab-size-md: calc( #{$fab-line-height-md * 1em} + #{$fab-padding-y-md * 2} + #{$fab-border-width-md * 2} ) !default;
-
-$fab-border-width-lg: $fab-border-width !default;
-$fab-line-height-lg: $fab-line-height !default;
-$fab-size-lg: calc( #{$fab-line-height-lg * 1em} + #{$fab-padding-y-lg * 2} + #{$fab-border-width-lg * 2} ) !default;

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

@@ -1,22 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../input/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../upload/_index.scss";
-@import "../switch/_index.scss";
-@import "../menu/_index.scss";
-@import "../dialog/_index.scss";
-@import "../breadcrumb/_index.scss";
-@import "../treeview/_index.scss";
-@import "../splitter/_index.scss";
-@import "../grid/_index.scss";
-@import "../listview/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";