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

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

@@ -1,102 +0,0 @@
-@include exports("notification/layout") {
-
-    // Base
-    .k-notification-group {
-        position: fixed;
-        display: inline-flex;
-        flex-wrap: wrap;
-        max-height: 100%;
-        flex-direction: column-reverse;
-    }
-
-    .k-notification-container {
-        margin: ($notification-padding-y / 2) 0;
-        display: inline-flex;
-        vertical-align: top;
-
-        &-animating {
-            overflow: hidden;
-        }
-    }
-
-    .k-notification {
-        @include border-radius( $notification-border-radius );
-        padding: $notification-padding-y $notification-padding-x;
-        border-width: $notification-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $notification-font-family;
-        font-size: $notification-font-size;
-        line-height: $notification-line-height;
-        cursor: default;
-        position: relative;
-        display: block;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-    }
-
-    .k-notification-wrap {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-
-        > .k-icon {
-            margin-top: $notification-icon-offset;
-            margin-right: $notification-icon-spacing;
-            flex: none;
-        }
-
-        > .k-i-close {
-            margin-right: 0;
-            margin-left: $notification-icon-spacing;
-            flex: none;
-            cursor: pointer;
-        }
-
-        > .k-notification-content {
-            flex: 1 1 auto;
-        }
-    }
-
-    // RTL
-    .k-rtl .k-notification,
-    [dir="rtl"] .k-notification {
-
-        .k-notification-wrap {
-
-            > .k-icon {
-                margin-right: 0;
-                margin-left: $notification-icon-spacing;
-            }
-
-            > .k-i-close {
-                margin-left: 0;
-                margin-right: $notification-icon-spacing;
-            }
-        }
-    }
-
-}
-
-
-
-
-@include exports("notification/layout/ie9") {
-
-
-    .k-ie9 .k-notification-wrap {
-        white-space: nowrap;
-
-        > .k-icon {
-            vertical-align: top;
-        }
-
-        > .k-notification-content {
-            display: inline-block;
-            vertical-align: middle;
-            white-space: normal;
-        }
-    }
-
-}

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

@@ -1,28 +0,0 @@
-@include exports("notification/theme") {
-
-    // Theme
-    .k-notification {
-        @include fill(
-            $notification-text,
-            $notification-bg,
-            $notification-border
-        );
-    }
-    .k-notification-wrap {
-        > .k-i-close {
-            color: inherit;
-        }
-    }
-    .k-notification-group .k-notification {
-        box-shadow: $notification-shadow;
-    }
-
-    @each $theme, $props in $notification-themes {
-        .k-notification-#{$theme} {
-            border-color: map-get( $props, border );
-            color: map-get( $props, color );
-            background-color: map-get( $props, bg );
-        }
-    }
-
-}

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

@@ -1,34 +0,0 @@
-// Notification
-$notification-padding-x: 8px !default;
-$notification-padding-y: 4px !default;
-$notification-border-width: 1px !default;
-$notification-border-radius: $border-radius !default;
-
-$notification-shadow: $popup-shadow !default;
-
-$notification-font-family: $font-family !default;
-$notification-font-size: $font-size-sm !default;
-$notification-line-height: $line-height !default;
-
-$notification-icon-offset: null !default;
-$notification-icon-spacing: $icon-spacing !default;
-
-$notification-bg: $component-bg !default;
-$notification-text: $component-text !default;
-$notification-border: $component-border !default;
-
-$notification-themes: () !default;
-
-@function notification-theme($name: null, $color: null) {
-    // sass-lint:disable indentation
-    @return (
-        border: $color,
-        color: contrast-wcag( $color ),
-        bg: $color
-    );
-    // sass-lint:enable indentation
-}
-
-@each $theme, $props in $theme-colors {
-    $notification-themes: map-merge($notification-themes, ($theme: notification-theme($theme, $props)) );
-}

package/modules/@progress/kendo-theme-default/scss/numerictextbox/_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 "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,108 +0,0 @@
-@include exports("numerictextbox/layout") {
-
-    // Base
-    .k-numerictextbox {
-        width: $input-default-width;
-        border-width: 0;
-        box-sizing: border-box;
-        outline: 0;
-        background: none;
-        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-numeric-wrap {
-            @include border-radius( $input-border-radius );
-            padding: 0;
-            width: 100%;
-            border-width: $input-border-width;
-            border-style: solid;
-            box-sizing: border-box;
-            position: relative;
-            transition: all .1s ease; // sass-lint:disable-line no-transition-all
-            cursor: default;
-            outline: 0;
-            display: flex;
-            flex-flow: row nowrap;
-        }
-
-
-        // Input
-        .k-input {
-            text-overflow: clip;
-        }
-
-
-        // Select
-        .k-select {
-            @include border-right-radius-only( $input-border-radius );
-            padding: 0;
-            width: if( $use-picker-select-width, $spinner-width, null );
-            border-width: 0 0 0 $picker-select-border-width;
-            border-style: solid;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-            align-items: stretch;
-            justify-content: center;
-            flex: 0 0 auto;
-            text-align: center;
-            cursor: pointer;
-        }
-
-        .k-link {
-            padding: 0 $picker-select-padding-x;
-            min-width: $spinner-min-width;
-            box-sizing: border-box;
-            flex: 1 1 auto;
-            display: block;
-            overflow: hidden;
-            position: relative;
-
-            .k-icon {
-                position: absolute;
-                right: 50%;
-                transform: translateX(50%);
-            }
-        }
-
-        .k-link-increase .k-icon {
-            bottom: -$spinner-icon-offset;
-        }
-
-        .k-link-decrease .k-icon {
-            top: -$spinner-icon-offset;
-        }
-
-        .k-i-warning {
-            align-self: center;
-            margin-right: $spacer-x / 2;
-        }
-
-
-        // RTL
-        .k-rtl &,
-        &[dir="rtl"] {
-            text-align: right;
-
-            .k-numeric-wrap .k-i-warning {
-                align-self: center;
-                margin-right: 0;
-                margin-left: $spacer-x / 2;
-            }
-
-            .k-select {
-                @include border-left-radius-only( $input-border-radius );
-                border-width: 0 $picker-select-border-width 0 0;
-            }
-        }
-    }
-
-}

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

@@ -1,99 +0,0 @@
-@include exports( "numerictextbox/theme" ) {
-
-    // Numeric
-    .k-numerictextbox {
-
-        .k-i-warning {
-            color: $error;
-        }
-
-        // Normal state
-        .k-numeric-wrap {
-            @include fill(
-                $numeric-text,
-                $numeric-bg,
-                $numeric-border
-            );
-
-
-            // Hover state
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $numeric-hovered-text,
-                    $numeric-hovered-bg,
-                    $numeric-hovered-border
-                );
-            }
-
-
-            // Focus state
-            &.k-state-focused {
-                @include fill(
-                    $numeric-focused-text,
-                    $numeric-focused-bg,
-                    $numeric-focused-border
-                );
-                @include box-shadow($numeric-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);
-                }
-            }
-        }
-
-
-        // Select buttons
-        .k-select {
-            @include fill(
-                $numeric-button-text,
-                $numeric-button-bg,
-                $numeric-button-border,
-                $numeric-button-gradient
-            );
-
-            .k-link:hover,
-            .k-link.k-state-hover {
-                @include fill(
-                    $numeric-button-hovered-text,
-                    $numeric-button-hovered-bg,
-                    $numeric-button-hovered-border,
-                    $numeric-button-hovered-gradient
-                );
-            }
-
-            .k-link:active,
-            .k-link.k-state-active,
-            .k-link.k-state-selected {
-                @include fill(
-                    $numeric-button-pressed-text,
-                    $numeric-button-pressed-bg,
-                    $numeric-button-pressed-border,
-                    $numeric-button-pressed-gradient
-                );
-            }
-        }
-
-
-        // Invalid state
-        &.k-state-invalid,
-        &.ng-invalid.ng-touched,
-        &.ng-invalid.ng-dirty {
-            .k-numeric-wrap {
-                border-color: $invalid-border;
-
-                &.k-state-focused {
-                    @include box-shadow($invalid-shadow);
-                }
-            }
-        }
-    }
-}

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

@@ -1,32 +0,0 @@
-// Numeric Textbox
-$numeric-bg: $input-bg !default;
-$numeric-text: $input-text !default;
-$numeric-border: $input-border !default;
-
-$numeric-hovered-bg: $input-hovered-bg !default;
-$numeric-hovered-text: $input-hovered-text !default;
-$numeric-hovered-border: $input-hovered-border !default;
-
-$numeric-focused-bg: $input-focused-bg !default;
-$numeric-focused-text: $input-focused-text !default;
-$numeric-focused-border: $input-focused-border !default;
-$numeric-focused-shadow: $input-focused-shadow !default;
-
-$numeric-invalid-bg: null !default;
-$numeric-invalid-text: $invalid-text !default;
-$numeric-invalid-border: $invalid-border !default;
-
-$numeric-button-bg: $button-bg !default;
-$numeric-button-text: $button-text !default;
-$numeric-button-border: $button-border !default;
-$numeric-button-gradient: $button-gradient !default;
-
-$numeric-button-hovered-bg: $button-hovered-bg !default;
-$numeric-button-hovered-text: $button-hovered-text !default;
-$numeric-button-hovered-border: $button-hovered-border !default;
-$numeric-button-hovered-gradient: $button-hovered-gradient !default;
-
-$numeric-button-pressed-bg: $button-active-bg !default;
-$numeric-button-pressed-text: $button-active-text !default;
-$numeric-button-pressed-border: $button-active-border !default;
-$numeric-button-pressed-gradient: $button-active-gradient !default;

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

@@ -1,15 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../utils/_index.scss";
-@import "../common/_index.scss";
-@import "../icons/_index.scss";
-@import "../forms/_index.scss";
-@import "../card/_index.scss";
-@import "../window/_index.scss";
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,99 +0,0 @@
-@include exports("orgchart/layout") {
-
-    // OrgChart
-    .k-orgchart {
-        width: 100%;
-        padding: $orgchart-padding-x $orgchart-padding-y;
-        box-sizing: border-box;
-        font-size: $orgchart-font-size;
-        font-family: $orgchart-font-family;
-        line-height: $orgchart-line-height;
-        overflow: auto;
-    }
-
-    .k-orgchart-container {
-        margin: 0 auto;
-        width: 100%;
-        height: 100%;
-        position: relative;
-    }
-
-    // Nodes
-    .k-orgchart-group {
-        gap: $orgchart-group-gap;
-    }
-
-    .k-orgchart-group.k-vstack > .k-orgchart-node-container {
-        gap: 0;
-    }
-
-    .k-orgchart-node-container {
-        gap: $orgchart-node-gap;
-    }
-
-    .k-orgchart-node-group-container {
-        @include border-radius( $orgchart-node-group-border-radius );
-        padding: $orgchart-node-group-padding-y $orgchart-node-group-padding-x;
-        border-width: $orgchart-node-group-border-width;
-        border-style: solid;
-        outline: 0;
-    }
-
-    .k-orgchart-node-group-title {
-        margin: 0 0 $orgchart-node-group-title-margin-bottom;
-        font-size: $orgchart-node-group-title-font-size;
-        line-height: $orgchart-node-group-title-line-height;
-    }
-
-    .k-orgchart-node-group-subtitle {
-        margin: 0 0 $orgchart-node-group-subtitle-margin-bottom;
-        font-size: $orgchart-node-group-subtitle-font-size;
-    }
-
-    // Card
-    .k-orgchart-card {
-        width: $orgchart-card-width;
-        border-width: $orgchart-card-border-width;
-
-        .k-card-title {
-            margin: 0 0 $orgchart-card-title-margin-bottom;
-            font-size: $orgchart-card-title-font-size;
-        }
-
-        .k-card-subtitle {
-            margin: 0 0 $orgchart-card-subtitle-margin-bottom;
-            font-size: $orgchart-card-subtitle-font-size;
-        }
-
-        .k-card-body {
-            border-width: $orgchart-card-body-border-width;
-            border-style: solid;
-            flex-grow: 0;
-        }
-        .k-card-body .k-card-title-wrap {
-            margin: 0 $orgchart-card-body-vbox-margin-right 0 0;
-            min-width: 0;
-            min-height: $orgchart-card-body-vbox-min-height;
-        }
-    }
-
-    // Lines
-    .k-orgchart-line {
-        background-color: currentColor;
-    }
-
-    .k-orgchart-line-h {
-        height: $orgchart-line-size;
-    }
-
-    .k-orgchart-line-v {
-        margin: 0 auto;
-        width: $orgchart-line-size;
-        height: $orgchart-line-v-height;
-    }
-
-    // Buttons
-    .k-orgchart-button {
-        z-index: 1;
-    }
-}

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

@@ -1,51 +0,0 @@
-@include exports("orgchart/theme") {
-
-    // OrgChart
-    .k-orgchart {
-        @include fill (
-            $orgchart-text,
-            $orgchart-bg,
-            $orgchart-border
-        );
-    }
-
-    // Card
-    .k-orgchart-card {
-        @include box-shadow( $orgchart-card-shadow );
-
-        .k-card-body {
-            @include fill( $border: $orgchart-card-body-border-color );
-        }
-
-        &:focus,
-        &.k-state-focus {
-            @include box-shadow( $orgchart-card-focus-shadow );
-        }
-    }
-
-    // Group
-    .k-orgchart-node-group-container {
-        @include fill (
-            $orgchart-node-group-text,
-            $orgchart-node-group-bg,
-            $orgchart-node-group-border
-        );
-    }
-    .k-orgchart-node-group-container:focus,
-    .k-orgchart-node-group-container.k-state-focus,
-    .k-orgchart-node-group-container.k-state-focused {
-        @include box-shadow( $orgchart-node-group-focus-shadow );
-        @include fill ( $border: $orgchart-node-group-focus-border );
-    }
-
-    .k-orgchart-node-group-subtitle {
-        @include fill( $color: $orgchart-node-group-subtitle-text );
-    }
-
-    // Lines
-    .k-orgchart-line-h,
-    .k-orgchart-line-v {
-        @include fill( $color: $orgchart-line-fill );
-    }
-
-}

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

@@ -1,57 +0,0 @@
-// Orgchart
-$orgchart-spacer: map-get( $spacing, 6 ) !default;
-$orgchart-padding-y: $orgchart-spacer !default;
-$orgchart-padding-x: $orgchart-padding-y  !default;
-$orgchart-font-family: $font-family !default;
-$orgchart-font-size: $font-size !default;
-$orgchart-line-height: $line-height !default;
-$orgchart-bg: $component-bg !default;
-$orgchart-text: $component-text !default;
-$orgchart-border: $component-border !default;
-
-$orgchart-node-gap: $orgchart-spacer !default;
-$orgchart-group-gap: $orgchart-spacer !default;
-$orgchart-node-container-gap: $orgchart-spacer !default;
-
-$orgchart-node-group-padding-y: $orgchart-spacer !default;
-$orgchart-node-group-padding-x: $orgchart-node-group-padding-y !default;
-$orgchart-node-group-border-width: 1px !default;
-$orgchart-node-group-border-radius: $border-radius !default;
-$orgchart-node-group-bg: $base-bg !default;
-$orgchart-node-group-text: $base-text !default;
-$orgchart-node-group-border: $base-border !default;
-
-$orgchart-node-group-focus-border: $card-focus-border !default;
-$orgchart-node-group-focus-shadow: $card-focus-shadow !default;
-
-$orgchart-node-group-title-font-size: $font-size-lg !default;
-$orgchart-node-group-title-margin-bottom: $orgchart-spacer / 3 !default;
-$orgchart-node-group-title-line-height: $line-height-sm !default;
-
-$orgchart-node-group-subtitle-font-size: $font-size !default;
-$orgchart-node-group-subtitle-margin-bottom: $orgchart-spacer !default;
-$orgchart-node-group-subtitle-text: $subtle-text !default;
-
-$orgchart-card-width: 300px !default;
-$orgchart-card-padding-y: $card-padding-y !default;
-$orgchart-card-padding-x: $orgchart-card-padding-y !default;
-$orgchart-card-border-width: $card-border-width !default;
-$orgchart-card-shadow: $card-shadow !default;
-$orgchart-card-focus-shadow: $card-focus-shadow !default;
-
-$orgchart-card-title-margin-bottom: 0px !default;
-$orgchart-card-title-font-size: $font-size-lg !default;
-
-$orgchart-card-subtitle-margin-bottom: 0px !default;
-$orgchart-card-subtitle-font-size: $font-size !default;
-
-$orgchart-card-body-border-width: 2px 0 0 !default;
-$orgchart-card-body-border-color: transparent !default;
-
-$orgchart-card-body-vbox-margin-right: $orgchart-spacer / 2 !default;
-$orgchart-card-body-vbox-min-height: $card-avatar-size !default;
-
-$orgchart-line-size: 1px !default;
-$orgchart-line-fill: $base-border !default;
-
-$orgchart-line-v-height: 25px !default;

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

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

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

@@ -1,14 +0,0 @@
-@include exports("overlay/layout") {
-
-    // Overlay
-    .k-overlay {
-        width: 100%;
-        height: 100%;
-        opacity: $overlay-opacity;
-        position: fixed;
-        top: 0;
-        left: 0;
-        z-index: 10001;
-    }
-
-}

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

@@ -1,15 +0,0 @@
-@include exports("overlay/theme") {
-
-    // Overlay
-    .k-overlay {
-        background-color: $overlay-bg;
-    }
-
-
-    @each $name, $color in $overlay-theme-colors {
-        .k-overlay-#{$name} {
-            background-color: $color;
-        }
-    }
-
-}

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

@@ -1,4 +0,0 @@
-$overlay-theme-colors: $theme-colors !default;
-
-$overlay-bg: $black !default;
-$overlay-opacity: .5 !default;