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

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

@@ -1,258 +0,0 @@
-@include exports("pager/layout") {
-
-    .k-pager-wrap {
-        padding: $pager-padding-y $pager-padding-x;
-        border-width: $pager-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $pager-font-family;
-        font-size: $pager-font-size;
-        line-height: $pager-line-height;
-        display: flex;
-        align-items: center;
-        position: relative;
-        overflow: hidden;
-        cursor: default;
-        flex: 0 0 auto;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        .k-link {
-            text-decoration: none;
-            outline: 0;
-            font: inherit;
-            background-color: inherit;
-
-            // Focused state
-            &:focus,
-            &.k-state-focus {
-                z-index: 3;
-            }
-        }
-
-        .k-widget,
-        select.k-dropdown {
-            font-size: inherit;
-        }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-i-arrow-end-left,
-            .k-i-arrow-60-left,
-            .k-i-arrow-60-right,
-            .k-i-arrow-end-right,
-            .k-i-seek-w,
-            .k-i-arrow-w,
-            .k-i-arrow-e,
-            .k-i-seek-e {
-                transform: scaleX(-1);
-            }
-        }
-
-    }
-
-
-    // Base pager section
-    %base-pager-section {
-        @if ($pager-section-spacing) {
-            margin-left: $pager-section-spacing;
-            margin-right: $pager-section-spacing;
-        }
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-    }
-
-
-    // Base pager item
-    %base-pager-item {
-        min-width: $button-calc-size;
-        height: $button-calc-size;
-        box-sizing: border-box;
-        color: inherit;
-        text-align: center;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        position: relative;
-
-        &:hover {
-            z-index: 2;
-        }
-        &.k-state-disabled {
-            color: inherit;
-        }
-    }
-
-
-    // Pager items
-    .k-pager-nav {
-        @extend %base-pager-item;
-        @include border-radius( $pager-item-border-radius );
-        padding: $pager-item-padding-y $pager-item-padding-x;
-        border-width: $pager-item-border-width;
-        border-style: solid;
-    }
-
-
-    // Pager numbers
-    .k-pager-numbers-wrap {
-        display: flex;
-        flex-direction: row;
-        position: relative;
-
-        select.k-dropdown {
-            cursor: pointer;
-            display: none;
-        }
-    }
-    .k-pager-numbers {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: flex;
-        flex-direction: row;
-
-        li {
-            display: inline-flex;
-        }
-
-
-        // Links
-        .k-link {
-            @extend %base-pager-item;
-            @include border-radius( $pager-number-border-radius );
-            padding: $pager-number-padding-y $pager-number-padding-x;
-            border-width: $pager-number-border-width;
-            border-style: solid;
-        }
-
-        // Selected state
-        .k-state-selected {
-            cursor: inherit;
-            z-index: 2;
-        }
-    }
-
-
-    // Spacing between items
-    .k-pager-nav + .k-pager-nav,
-    .k-pager-nav + .k-pager-numbers-wrap,
-    .k-pager-numbers-wrap + .k-pager-nav,
-    .k-pager-numbers > li + li {
-        @if ($pager-item-spacing) {
-            margin-left: $pager-item-spacing;
-        }
-
-        .k-rtl &,
-        [dir="rtl"] & {
-            @if ($pager-item-spacing) {
-                margin-left: 0;
-                margin-right: $pager-item-spacing;
-            }
-        }
-    }
-
-
-    // Pager input
-    .k-pager-input {
-        @extend %base-pager-section;
-
-        .k-textbox {
-            margin: 0 1ex;
-            width: $pager-input-width;
-        }
-    }
-
-
-    // Pager sizes
-    .k-pager-sizes {
-        @extend %base-pager-section;
-
-        .k-dropdown,
-        > select {
-            margin-right: 1ex;
-            width: $pager-dropdown-width;
-        }
-
-        .k-rtl &,
-        [dir="rtl"] & {
-            .k-dropdown,
-            > select {
-                margin-left: 1ex;
-                margin-right: 0;
-            }
-        }
-    }
-
-
-    // Pager info
-    .k-pager-info {
-        @extend %base-pager-section;
-        text-align: right;
-        justify-content: flex-end;
-        flex: 1 1 0%;
-        order: 9;
-    }
-
-
-    // Pager refresh
-    .k-pager-refresh {
-        @extend %base-pager-item;
-        margin-left: auto;
-        order: 10;
-
-        .k-rtl &,
-        [dir="rtl"] & {
-            margin-left: 0;
-            margin-right: auto;
-        }
-    }
-
-    // Responsive
-    .k-pager-sm {
-        overflow: visible;
-
-        // Show native select
-        .k-pager-numbers-wrap {
-            select.k-dropdown {
-                width: $pager-dropdown-width;
-                display: flex;
-            }
-        }
-
-        .k-pager-numbers-wrap {
-            @if ($pager-section-spacing) {
-                margin-left: $pager-section-spacing;
-                margin-right: $pager-section-spacing;
-            }
-
-            height: $button-calc-size;
-            box-sizing: border-box;
-            border-color: inherit;
-        }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-pager-numbers-wrap {
-                @if ($pager-section-spacing) {
-                    margin-left: $pager-section-spacing;
-                    margin-right: $pager-section-spacing;
-                }
-            }
-        }
-
-    }
-
-    // Hide components
-    .k-pager-md .k-pager-info,
-    .k-pager-sm .k-pager-info,
-    .k-pager-sm .k-pager-sizes,
-    .k-pager-sm .k-pager-numbers {
-        display: none;
-    }
-
-}

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

@@ -1,155 +0,0 @@
-@include exports("pager/theme") {
-
-    .k-pager-wrap {
-        @include fill(
-            $pager-text,
-            $pager-bg,
-            $pager-border
-        );
-
-        &:focus,
-        &.k-focus,
-        &.k-state-focus,
-        &.k-state-focused {
-            @include fill( $bg: $pager-focus-bg );
-            @include box-shadow( $pager-focus-shadow );
-        }
-    }
-
-
-    %base-pager-item-theme {
-        @include fill(
-            $pager-item-text,
-            $pager-item-bg,
-            $pager-item-border
-        );
-
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $pager-item-hover-text,
-                $pager-item-hover-bg,
-                $pager-item-hover-border
-            );
-        }
-
-        &.k-state-selected {
-            @include fill(
-                $pager-item-selected-text,
-                $pager-item-selected-bg,
-                $pager-item-selected-border
-            );
-        }
-
-        &:focus,
-        &.k-state-focus {
-            background-color: $pager-item-focus-bg;
-            @include box-shadow( $pager-item-focus-shadow );
-        }
-    }
-
-
-    // Pager items
-    .k-pager-nav.k-link {
-        @extend %base-pager-item-theme;
-    }
-
-
-    // Pager numbers
-    .k-pager-numbers {
-        .k-link {
-            @include fill(
-                $pager-number-text,
-                $pager-number-bg,
-                $pager-number-border
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $pager-number-hover-text,
-                    $pager-number-hover-bg,
-                    $pager-number-hover-border
-                );
-            }
-
-            &:focus,
-            &.k-state-focus {
-                background-color: $pager-number-focus-bg;
-                @include box-shadow( $pager-number-focus-shadow );
-            }
-
-            &.k-state-selected {
-                @include fill(
-                    $pager-number-selected-text,
-                    $pager-number-selected-bg,
-                    $pager-number-selected-border
-                );
-            }
-        }
-    }
-
-
-    // Pager refresh
-    .k-pager-refresh {
-        @extend %base-pager-item-theme;
-    }
-
-
-
-    // Responsive
-    .k-pager-md,
-    .k-pager-sm {
-
-        .k-pager-numbers {
-
-            .k-current-page .k-link {
-                @include fill(
-                    $dropdownlist-text,
-                    $dropdownlist-bg,
-                    $dropdownlist-border
-                );
-
-                &:hover,
-                &.k-state-hover {
-                    @include fill(
-                        $dropdownlist-hovered-text,
-                        $dropdownlist-hovered-bg,
-                        $dropdownlist-hovered-border
-                    );
-                }
-            }
-
-            &.k-state-expanded {
-                @include fill(
-                    $popup-text,
-                    $popup-bg,
-                    $popup-border
-                );
-                @include box-shadow( $popup-shadow );
-
-                .k-link {
-
-                    &:hover,
-                    &.k-state-hover {
-                        @include fill(
-                            $list-item-hovered-text,
-                            $list-item-hovered-bg
-                        );
-                    }
-
-                    &.k-state-selected {
-                        @include fill(
-                            $list-item-selected-text,
-                            $list-item-selected-bg
-                        );
-                    }
-
-                }
-            }
-
-        }
-
-    }
-
-}

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

@@ -1,66 +0,0 @@
-// Pager
-$pager-padding-x: map-get( $spacing, 2 ) !default;
-$pager-padding-y: map-get( $spacing, 2 ) !default;
-$pager-border-width: 1px !default;
-
-$pager-font-family: $font-family !default;
-$pager-font-size: $font-size !default;
-$pager-line-height: $line-height !default;
-
-$pager-bg: $header-bg !default;
-$pager-text: $header-text !default;
-$pager-border: $component-border !default;
-
-$pager-focus-bg: null !default;
-$pager-focus-shadow: $focused-shadow !default;
-
-$pager-section-spacing: $spacer-x !default;
-
-$pager-item-padding-x: $button-padding-y !default;
-$pager-item-padding-y: $pager-item-padding-x !default;
-$pager-item-border-width: 0px !default;
-$pager-item-border-radius: null !default;
-$pager-item-spacing: null !default;
-
-$pager-item-bg: null !default;
-$pager-item-text: null !default;
-$pager-item-border: null !default;
-
-$pager-item-hover-bg: $list-item-hovered-bg !default;
-$pager-item-hover-text: $list-item-hovered-text !default;
-$pager-item-hover-border: null !default;
-
-$pager-item-selected-bg: $list-item-selected-bg !default;
-$pager-item-selected-text: $list-item-selected-text !default;
-$pager-item-selected-border: null !default;
-
-$pager-item-focus-opacity: null !default;
-$pager-item-focus-bg: transparent !default;
-$pager-item-focus-shadow: $list-item-focused-shadow !default;
-
-$pager-number-padding-x: $pager-item-padding-x !default;
-$pager-number-padding-y: $pager-item-padding-y !default;
-$pager-number-border-width: $pager-item-border-width !default;
-$pager-number-border-radius: null !default;
-$pager-number-spacing: $pager-item-spacing !default;
-
-$pager-number-bg: null !default;
-$pager-number-text: $primary !default;
-$pager-number-border: null !default;
-
-$pager-number-hover-opacity: .08 !default;
-$pager-number-hover-bg: rgba($pager-item-selected-bg, $pager-number-hover-opacity) !default;
-$pager-number-hover-text: $pager-number-text !default;
-$pager-number-hover-border: $pager-item-hover-border !default;
-
-$pager-number-selected-opacity: .2 !default;
-$pager-number-selected-bg: rgba($pager-item-selected-bg, $pager-number-selected-opacity) !default;
-$pager-number-selected-text: $pager-number-text !default;
-$pager-number-selected-border: $pager-item-selected-border !default;
-
-$pager-number-focus-opacity: .12 !default;
-$pager-number-focus-bg: transparent !default;
-$pager-number-focus-shadow: inset 0 0 0 2px rgba($pager-number-selected-bg, $pager-number-focus-opacity) !default;
-
-$pager-input-width: 3em !default;
-$pager-dropdown-width: 5em !default;

package/modules/@progress/kendo-theme-default/scss/panelbar/_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/panelbar/_layout.scss

@@ -1,173 +0,0 @@
-@include exports("panelbar/layout") {
-
-    // Base
-    .k-panelbar {
-        margin: 0;
-        padding: 0;
-        border-width: $panelbar-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $panelbar-font-family;
-        font-size: $panelbar-font-size;
-        line-height: $panelbar-line-height;
-        list-style: none;
-        display: block;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-
-        // Root
-        > .k-item,
-        > .k-panelbar-header {
-            // TODO
-            border-width: 0;
-            border-style: solid;
-            border-color: inherit;
-            display: block;
-
-            > .k-link {
-                padding: $panelbar-header-padding-y $panelbar-header-padding-x;
-                color: inherit;
-                background: none;
-                text-decoration: none;
-                font-weight: 500;
-                display: flex;
-                flex-flow: row nowrap;
-                gap: $icon-spacing;
-                align-items: center;
-                align-content: center;
-                position: relative;
-                user-select: none;
-                cursor: default;
-                transition: $transition;
-            }
-        }
-        > .k-item + .k-item,
-        > .k-panelbar-header + .k-panelbar-header {
-            border-top-width: 1px;
-        }
-
-
-        // Sub
-        .k-group,
-        .k-panelbar-group {
-            margin: 0;
-            padding: 0;
-            border-width: 0;
-            border-color: inherit;
-            color: inherit;
-            background-color: transparent;
-            list-style: none;
-        }
-        .k-group > .k-item,
-        .k-panelbar-group > .k-panelbar-item {
-            display: block;
-
-            > .k-link {
-                padding: $panelbar-item-padding-y $panelbar-item-padding-x;
-                color: inherit;
-                text-decoration: none;
-                display: flex;
-                flex-flow: row nowrap;
-                gap: $icon-spacing;
-                align-items: center;
-                align-content: center;
-                position: relative;
-                user-select: none;
-                cursor: default;
-                transition: $transition;
-            }
-
-            // Hierarchy items
-            @for $i from 1 through $panelbar-item-level-count {
-                &.k-level-#{$i} {
-                    .k-link {
-                        padding-left: ( $panelbar-item-padding-x * $i );
-                    }
-                }
-            }
-        }
-
-
-        // Panelbar content
-        .k-content,
-        .k-panelbar-content {
-            display: flow-root;
-        }
-
-
-        // Toggle icon
-        .k-panelbar-expand,
-        .k-panelbar-collapse,
-        .k-panelbar-toggle {
-            margin-inline-start: auto;
-        }
-        .k-group .k-panelbar-expand,
-        .k-group .k-panelbar-collapse,
-        .k-panelbar-group .k-panelbar-toggle {
-            margin-inline-end: calc( #{$panelbar-header-padding-x} - #{$panelbar-item-padding-x} );
-        }
-
-
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            .k-group > .k-item,
-            .k-panelbar-group > .k-panelbar-item {
-                // Hierarchy items
-                @for $i from 1 through $panelbar-item-level-count {
-                    &.k-level-#{$i} {
-                        .k-link {
-                            padding-left: $panelbar-item-padding-x;
-                            padding-right: ( $panelbar-item-padding-x * $i );
-                        }
-                    }
-                }
-            }
-        }
-
-    }
-
-}
-
-
-
-
-@include exports( "panelbar/layout/compatibility" ) {
-
-    .k-ie {
-
-        // Toggle icon
-        .k-panelbar-expand,
-        .k-panelbar-collapse,
-        .k-panelbar-toggle {
-            margin-left: auto;
-        }
-
-        .k-group .k-panelbar-expand,
-        .k-group .k-panelbar-collapse,
-        .k-panelbar-group .k-panelbar-toggle {
-            margin-right: calc( #{$panelbar-header-padding-x} - #{$panelbar-item-padding-x} );
-        }
-
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            // Toggle icon
-            .k-panelbar-expand,
-            .k-panelbar-collapse,
-            .k-panelbar-toggle {
-                margin-left: initial;
-                margin-right: auto;
-            }
-
-            .k-group .k-panelbar-expand,
-            .k-group .k-panelbar-collapse,
-            .k-panelbar-group .k-panelbar-toggle {
-                margin-left: calc( #{$panelbar-header-padding-x} - #{$panelbar-item-padding-x} );
-            }
-        }
-    }
-
-}