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

package/modules/@progress/kendo-theme-default/scss/utils/_transform.scss

@@ -1,103 +0,0 @@
-@include exports( "utils/transform" ) {
-
-    // Flip
-
-    /// @name k-flip-h
-    /// @description This is equivalent to `transform: scaleX( -1 );`. Flips the element horizontally.
-    /// @group transform
-    .k-flip-h               { transform: scaleX( -1 ); }
-    /// @name k-flip-v
-    /// @description This is equivalent to `transform: scaleY( -1 );`. Flips the element vertically.
-    /// @group transform
-    .k-flip-v               { transform: scaleY( -1 ); }
-    .k-flip-h.k-flip-v      { transform: scale( -1, -1 ); }
-
-
-    // Rotate
-
-    /// @name k-rotate-45
-    /// @description This is equivalent to `transform: rotate( 45deg );`. Rotates the element by 45 degrees.
-    /// @group transform
-    .k-rotate-45            { transform: rotate( 45deg ); }
-    /// @name k-rotate-90
-    /// @description This is equivalent to `transform: rotate( 90deg );`. Rotates the element by 90 degrees.
-    /// @group transform
-    .k-rotate-90            { transform: rotate( 90deg ); }
-    /// @name k-rotate-135
-    /// @description This is equivalent to `transform: rotate( 135deg );`. Rotates the element by 135 degrees.
-    /// @group transform
-    .k-rotate-135           { transform: rotate( 135deg ); }
-    /// @name k-rotate-180
-    /// @description This is equivalent to `transform: rotate( 180deg );`. Rotates the element by 180 degrees.
-    /// @group transform
-    .k-rotate-180           { transform: rotate( 180deg ); }
-    /// @name k-rotate-225
-    /// @description This is equivalent to `transform: rotate( 225deg );`. Rotates the element by 225 degrees.
-    /// @group transform
-    .k-rotate-225           { transform: rotate( 225deg ); }
-    /// @name k-rotate-270
-    /// @description This is equivalent to `transform: rotate( 270deg );`. Rotates the element by 270 degrees.
-    /// @group transform
-    .k-rotate-270           { transform: rotate( 270deg ); }
-    /// @name k-rotate-315
-    /// @description This is equivalent to `transform: rotate( 315deg );`. Rotates the element by 315 degrees.
-    /// @group transform
-    .k-rotate-315           { transform: rotate( 315deg ); }
-
-
-    // Scale
-
-    /// @name k-scale-0
-    /// @description This is equivalent to `transform: scale( 0, 0 );`. The element is shrunk and no longer visible.
-    /// @group transform
-    .k-scale-0              { transform: scale( 0, 0 ); }
-    /// @name k-scale-1
-    /// @description This is equivalent to `transform: scale( 1, 1 );`. The element has its default scale.
-    /// @group transform
-    .k-scale-1              { transform: scale( 1, 1 ); }
-    /// @name k-scale-2
-    /// @description This is equivalent to `transform: scale( 2, 2 );`. The element is scaling two times in both directions.
-    /// @group transform
-    .k-scale-2              { transform: scale( 2, 2 ); }
-
-
-    // Translate
-
-    /// @name k-translate-0
-    /// @description This is equivalent to `transform: translate( 0, 0 );`. The element does not move.
-    /// @group transform
-    .k-translate-0          { transform: translate( 0, 0 ); }
-    /// @name k-translate-0-50
-    /// @description This is equivalent to `transform: translate( 0, 50% );`. The element moves vertically by 50% of its height.
-    /// @group transform
-    .k-translate-0-50       { transform: translate( 0, 50% ); }
-    /// @name k-translate-0-100
-    /// @description This is equivalent to `transform: translate( 0, 100% );`. The element moves vertically by 100% of its height.
-    /// @group transform
-    .k-translate-0-100      { transform: translate( 0, 100% ); }
-    /// @name k-translate-50-0
-    /// @description This is equivalent to `transform: translate( 50%, 0 );`. The element moves horizontally by 50% of its width.
-    /// @group transform
-    .k-translate-50-0       { transform: translate( 50%, 0 ); }
-    /// @name k-translate-50-50
-    /// @description This is equivalent to `transform: translate( 50%, 50% );`. The element moves horizontally by 50% of its width and vertically by 50% of its height.
-    /// @group transform
-    .k-translate-50-50      { transform: translate( 50%, 50% ); }
-    /// @name k-translate-50-100
-    /// @description This is equivalent to `transform: translate( 50%, 100% );`. The element moves horizontally by 50% of its width and vertically by 100% of its height.
-    /// @group transform
-    .k-translate-50-100     { transform: translate( 50%, 100% ); }
-    /// @name k-translate-100-0
-    /// @description This is equivalent to `transform: translate( 100%, 0 );`. The element moves horizontally by 100% of its width.
-    /// @group transform
-    .k-translate-100-0      { transform: translate( 100%, 0 ); }
-    /// @name k-translate-100-50
-    /// @description This is equivalent to `transform: translate( 100%, 50% );`. The element moves horizontally by 100% of its width and vertically by 50% of its height.
-    /// @group transform
-    .k-translate-100-50     { transform: translate( 100%, 50% ); }
-    /// @name k-translate-100-100
-    /// @description This is equivalent to `transform: translate( 100%, 100% );`. The element moves horizontally by 100% of its width and vertically by 100% of its height.
-    /// @group transform
-    .k-translate-100-100    { transform: translate( 100%, 100% ); }
-
-}

package/modules/@progress/kendo-theme-default/scss/utils/_user-select.scss

@@ -1,40 +0,0 @@
-@include exports( "utils/user-select" ) {
-
-    // User-select documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/user-select.
-
-    // @name k-user-select-none
-    // @description This is equivalent to `user-select: none;`. The text of the element and its sub-elements is not selectable. Note that the Selection object can contain these elements.
-    // @group user-select
-
-    // @name k-user-select-auto
-    // @description This is equivalent to `user-select: auto;`. This is the default value of the `user-select` property.
-    // @group user-select
-
-    // @name k-user-select-text
-    // @description This is equivalent to `user-select: text;`. The text can be selected by the user.
-    // @group user-select
-
-    // @name k-user-select-all
-    // @description This is equivalent to `user-select: all;`. The content of the element shall be selected atomically: If a selection would contain part of the element, then the selection must contain the entire element including all its descendants.  If a double-click or context-click occurred in sub-elements, the highest ancestor with this value will be selected.
-    // @group user-select
-
-    // @name k-user-select-contain
-    // @description This is equivalent to `user-select: contain;`. Enables selection to start within the element; however, the selection will be contained by the bounds of that element.
-    // @group user-select
-
-    $utils-user-select: (
-        none,
-        auto,
-        text,
-        all,
-        contain
-    ) !default;
-
-    @if $utils-user-select {
-        @each $user-select in $utils-user-select {
-            // sass-lint:disable-block no-important
-            .k-user-select-#{$user-select} { user-select: $user-select !important; }
-        }
-    }
-
-}

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

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

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

@@ -1,18 +0,0 @@
-@include exports("validator/layout") {
-
-    .k-validator-tooltip {
-        margin-top: calc( #{$tooltip-callout-size} + #{$tooltip-border-width} );
-        width: auto;
-        white-space: normal;
-        display: flex;
-        align-items: center;
-        // NOTE: This works around popup / tooltip stackin issue
-        z-index: 9999;
-
-        // .k-callout-n { inset-inline-start: 16px; }
-    }
-    .k-grid .k-validator-tooltip {
-        max-width: 300px;
-    }
-
-}

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

@@ -1 +0,0 @@
-@include exports( "validator/theme" ) {}

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

@@ -1,16 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../overlay/_index.scss";
-@import "../forms/_index.scss";
-@import "../button/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,164 +0,0 @@
-@include exports("window/layout") {
-
-    .k-window {
-        @include border-radius( $window-border-radius );
-        padding: 0;
-        border-width: $window-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $window-font-family;
-        font-size: $window-font-size;
-        line-height: $window-line-height;
-        display: inline-flex;
-        flex-direction: column;
-        position: absolute;
-        z-index: 10002;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        // overlay during dragging
-        //.k-overlay {
-        //    position: absolute;
-        //    opacity: 0;
-        //}
-    }
-    .k-window.k-window-maximized {
-        max-width: 100vw;
-        max-height: 100vh;
-        box-shadow: none;
-    }
-
-
-    // Window sizes
-    @each $size, $width in $window-sizes {
-        .k-window-#{$size} { width: $width; }
-    }
-
-
-    // Title bar
-    .k-window-titlebar {
-        @include border-top-radius( $window-border-radius );
-        padding: $window-titlebar-padding-y $window-titlebar-padding-x;
-        border-width: $window-titlebar-border-width;
-        border-style: $window-titlebar-border-style;
-        white-space: nowrap;
-        display: flex;
-        flex-direction: row;
-        flex-shrink: 0;
-        align-items: center;
-
-        .k-window-minimized & {
-            border-width: 0;
-        }
-    }
-
-    // Title bar title text
-    .k-window-title {
-        padding: .5em 0;
-        margin: -.5em 0;
-        font-size: $window-title-font-size;
-        line-height: $window-title-line-height;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        cursor: default;
-        flex: 1;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-
-        &::before {
-            content: "\200b";
-        }
-    }
-
-
-    // Actions
-    .k-window-actions {
-        margin: -5em 0;
-        margin-inline-end: calc( #{$window-titlebar-padding-y} - #{$window-titlebar-padding-x} );
-        line-height: 1;
-        display: flex;
-        gap: $window-actions-gap;
-        flex-flow: row nowrap;
-        flex-shrink: 0;
-        align-items: center;
-        vertical-align: top;
-    }
-    .k-window-action {
-        flex-shrink: 0;
-        opacity: $window-action-opacity;
-    }
-    .k-window-action:hover {
-        opacity: $window-action-hover-opacity;
-    }
-
-
-    // Content
-    .k-window-content,
-    .k-prompt-container {
-        padding: $window-inner-padding-y $window-inner-padding-x;
-        border-width: 0;
-        border-color: inherit;
-        color: inherit;
-        background: none;
-        outline: 0;
-        overflow: auto;
-        position: relative;
-        flex: 1 1 auto;
-    }
-    .k-window-content + .k-prompt-container {
-        margin-top: -($window-inner-padding-y / 2);
-    }
-    .k-window-content:first-child {
-        padding-top: #{"max( #{$window-inner-padding-y}, #{$window-titlebar-padding-y} )"};
-    }
-    .k-window-content:last-child {
-        padding-bottom: #{"max( #{$window-inner-padding-y}, #{$window-titlebar-padding-y} )"};
-    }
-
-    .k-window-iframecontent {
-        padding: 0;
-        overflow: visible;
-
-        .k-content-frame {
-            vertical-align: top;
-            border: 0;
-            width: 100%;
-            height: 100%;
-        }
-    }
-
-    // Buttons Layout
-    .k-window-buttongroup {
-        @include border-bottom-radius( $window-border-radius );
-        padding: $window-buttongroup-padding-y $window-buttongroup-padding-x;
-        border-width: $window-buttongroup-border-width 0 0;
-        border-style: solid;
-        border-color: inherit;
-        flex: 0 0 auto;
-        display: flex;
-        flex-flow: row wrap;
-        align-items: center;
-        overflow: hidden;
-    }
-
-
-    // Prompt
-    .k-prompt-container {
-
-        > .k-textbox,
-        > .k-textarea {
-            width: 100%;
-        }
-
-    }
-
-    // Resize Handles
-    .k-window {
-        .k-resize-n { top: 0; }
-        .k-resize-e { right: 0; }
-        .k-resize-s { bottom: 0; }
-        .k-resize-w { left: 0; }
-    }
-}

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

@@ -1,31 +0,0 @@
-@include exports("window/theme") {
-
-    // Window
-    .k-window {
-        @include fill(
-            $window-text,
-            $window-bg,
-            $window-border
-        );
-        @include box-shadow( $window-shadow );
-    }
-
-    .k-window {
-        &:focus,
-        &.k-state-focused {
-            @include box-shadow( $window-focused-shadow );
-        }
-    }
-
-
-    // Titlebar
-    .k-window-titlebar {
-        @include fill(
-            $window-titlebar-text,
-            $window-titlebar-bg,
-            $window-titlebar-border,
-            $window-titlebar-gradient
-        );
-    }
-
-}

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

@@ -1,45 +0,0 @@
-// Window
-$window-border-width: 0px !default;
-$window-border-radius: 0px !default;
-$window-font-family: $font-family !default;
-$window-font-size: $font-size !default;
-$window-line-height: 1.25 !default;
-
-$window-titlebar-padding-x: 16px !default;
-$window-titlebar-padding-y: 12px !default;
-$window-titlebar-border-width: 0 0 1px !default;
-$window-titlebar-border-style: solid !default;
-
-$window-title-font-size: $font-size-lg !default;
-$window-title-line-height: ( 20 / 18 ) !default;
-
-$window-actions-gap: null !default;
-
-$window-action-opacity: null !default;
-$window-action-hover-opacity: null !default;
-
-$window-inner-padding-x: 16px !default;
-$window-inner-padding-y: 16px !default;
-
-$window-buttongroup-padding-x: $actions-padding-x !default;
-$window-buttongroup-padding-y: $actions-padding-y !default;
-$window-buttongroup-border-width: 1px !default;
-
-$window-bg: $component-bg !default;
-$window-text: $component-text !default;
-$window-border: $component-border !default;
-
-$window-titlebar-bg: $header-bg !default;
-$window-titlebar-text: $header-text !default;
-$window-titlebar-border: inherit !default;
-$window-titlebar-gradient: null !default;
-
-$window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
-$window-focused-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
-
-$window-sizes: () !default;
-$window-sizes: map-merge((
-        sm: 300px,
-        md: 800px,
-        lg: 1200px
-), $window-sizes);

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

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

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

@@ -1,118 +0,0 @@
-@include exports("wizard/layout") {
-    .k-wizard {
-        padding: $wizard-padding-y $wizard-padding-x;
-        border-width: $wizard-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-size: $wizard-font-size;
-        line-height: $wizard-line-height;
-        font-family: $wizard-font-family;
-        position: relative;
-        color: inherit;
-        background: none;
-        display: flex;
-        align-items: stretch;
-        overflow: hidden;
-
-        .k-wizard-steps {
-            display: flex;
-            overflow: hidden;
-        }
-
-        .k-wizard-step {
-            padding: calc(#{$wizard-content-padding-x / 4} + 2px);
-            width: 100%;
-            display: flex;
-            flex-direction: column;
-            align-items: stretch;
-            justify-content: space-between;
-
-            &:focus,
-            &.k-state-focused {
-                outline-width: 1px;
-                outline-style: dotted;
-                outline-offset: -1px;
-            }
-        }
-
-        .k-wizard-content {
-            overflow-y: auto;
-        }
-
-        .k-wizard-buttons {
-            margin-top: $wizard-content-padding-y;
-            display: flex;
-            flex-wrap: nowrap;
-            align-items: center;
-            justify-content: space-between;
-            flex-shrink: 0;
-
-            .k-button {
-                margin-right: $wizard-buttons-margin-x;
-            }
-
-            .k-wizard-pager {
-                vertical-align: middle;
-            }
-        }
-
-        .k-wizard-buttons-right {
-            .k-button:last-of-type {
-                margin-right: 0;
-            }
-        }
-
-        .k-stepper {
-            .k-step-list-vertical {
-                .k-step {
-                    flex: 1 0 auto;
-                }
-            }
-
-            .k-step-indicator {
-                flex-shrink: 0;
-            }
-        }
-    }
-
-    .k-wizard-horizontal {
-        flex-direction: column;
-
-        .k-wizard-steps {
-            margin-top: $wizard-content-padding-y;
-        }
-
-        .k-wizard-steps,
-        .k-wizard-content {
-            flex: 1 1 auto;
-        }
-    }
-
-    .k-wizard-vertical {
-
-        .k-wizard-steps {
-            flex: 1 0 0%;
-        }
-
-        .k-wizard-content {
-            flex-grow: 1;
-            flex-shrink: 1;
-            flex-basis: auto;
-        }
-
-        .k-wizard-steps {
-            margin-left: $wizard-content-padding-x;
-        }
-    }
-
-    .k-wizard-left {
-        flex-direction: row-reverse;
-
-        .k-wizard-steps {
-            margin-right: $wizard-content-padding-x;
-            margin-left: 0;
-        }
-    }
-
-}

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

@@ -1,14 +0,0 @@
-@include exports("wizard/theme") {
-    .k-wizard-step {
-        &:focus,
-        &.k-state-focused {
-            outline-color: $wizard-step-border-focused;
-        }
-
-        .k-ie &:focus,
-        .k-ie &.k-state-focused {
-            @include box-shadow($wizard-focused-shadow);
-            outline: none;
-        }
-    }
-}

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

@@ -1,14 +0,0 @@
-// Wizard
-$wizard-padding-x: $padding-x * 2.5 !default;
-$wizard-padding-y: $wizard-padding-x !default;
-$wizard-content-padding-x: $padding-x * 4 !default;
-$wizard-content-padding-y: $padding-y * 8 !default;
-$wizard-buttons-margin-x: 10px !default;
-
-$wizard-border-width: 0px !default;
-$wizard-font-size: $font-size !default;
-$wizard-line-height: $line-height !default;
-$wizard-font-family: $font-family !default;
-
-$wizard-step-border-focused: #656565 !default;
-$wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;