@progress/kendo-theme-classic 4.41.3-dev.0 → 5.0.0-next.3

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

@@ -1,226 +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/legacy" ) {
-
-    .k-no-flexbox .k-panelbar {
-
-        // Item
-        > .k-item > .k-link,
-        .k-group > .k-link {
-            display: block;
-        }
-
-        // Icons
-        .k-link > .k-image,
-        .k-link > .k-sprite,
-        .k-link > .k-icon {
-            margin-right: $icon-spacing;
-        }
-
-        // Expand collapse
-        .k-panelbar-expand,
-        .k-panelbar-collapse {
-            margin: 0 !important; // sass-lint:disable-line no-important
-            transform: translateY( -50% );
-            position: absolute;
-            top: 50%;
-            right: $panelbar-header-padding-x;
-        }
-
-    }
-
-
-    .k-no-flexbox .k-panelbar[dir="rtl"],
-    .k-no-flexbox .k-rtl .k-panelbar {
-
-        .k-link > .k-image,
-        .k-link > .k-sprite,
-        .k-link > .k-icon {
-            margin-left: $icon-spacing;
-            margin-right: 0;
-        }
-
-        .k-panelbar-expand,
-        .k-panelbar-collapse {
-            right: auto;
-            left: $panelbar-header-padding-x;
-        }
-
-    }
-
-}
-
-
-
-
-@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} );
-            }
-        }
-    }
-
-}

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

@@ -1,222 +0,0 @@
-@include exports("panelbar/theme") {
-
-    .k-panelbar {
-        @include fill(
-            $panelbar-text,
-            $panelbar-bg,
-            $panelbar-border
-        );
-
-
-        // Root
-        > .k-item,
-        > .k-panelbar-header {
-
-            // Normal
-            > .k-link {
-                @include fill(
-                    $panelbar-header-text,
-                    $panelbar-header-bg,
-                    $panelbar-header-border,
-                    $panelbar-header-gradient
-                );
-
-                .k-icon,
-                .k-panelbar-item-icon {
-                    color: $panelbar-text;
-                }
-            }
-
-            // Hover
-            > .k-link:hover,
-            > .k-link.k-state-hover {
-                @include fill(
-                    $panelbar-header-hovered-text,
-                    $panelbar-header-hovered-bg,
-                    $panelbar-header-hovered-border,
-                    $panelbar-header-hovered-gradient
-                );
-            }
-
-            // Focus
-            > .k-link:focus,
-            > .k-link.k-state-focus,
-            > .k-link.k-state-focused {
-                @include fill(
-                    $panelbar-header-focused-text,
-                    $panelbar-header-focused-bg,
-                    $panelbar-header-focused-border,
-                    $panelbar-header-focused-gradient
-                );
-
-                box-shadow: $panelbar-header-focused-shadow;
-            }
-
-            // Focus & Hover
-            > .k-link:focus:hover,
-            > .k-link.k-state-focus.k-state-hover {
-                @include fill(
-                    $panelbar-header-hovered-focused-text,
-                    $panelbar-header-hovered-focused-bg,
-                    $panelbar-header-hovered-focused-border,
-                    $panelbar-header-hovered-focused-gradient
-                );
-            }
-
-            // Selected
-            > .k-link.k-state-selected {
-                @include fill(
-                    $panelbar-header-selected-text,
-                    $panelbar-header-selected-bg,
-                    $panelbar-header-selected-border,
-                    $panelbar-header-selected-gradient
-                );
-
-                .k-icon,
-                .k-panelbar-item-icon {
-                    color: inherit;
-                }
-            }
-
-            // Selected Hover
-            > .k-link.k-state-selected:hover,
-            > .k-link.k-state-selected.k-state-hover {
-                @include fill(
-                    $panelbar-header-selected-hovered-text,
-                    $panelbar-header-selected-hovered-bg,
-                    $panelbar-header-selected-hovered-border,
-                    $panelbar-header-selected-hovered-gradient
-                );
-            }
-
-            // Selected Focus
-            > .k-link.k-state-selected:focus,
-            > .k-link.k-state-selected.k-state-focus,
-            > .k-link.k-state-selected.k-state-focused {
-                @include fill(
-                    $panelbar-header-selected-focused-text,
-                    $panelbar-header-selected-focused-bg,
-                    $panelbar-header-selected-focused-border,
-                    $panelbar-header-selected-focused-gradient
-                );
-            }
-
-            // Selected Focus & Hover
-            > .k-link.k-state-selected:hover:focus,
-            > .k-link.k-state-selected.k-state-hover.k-state-focus,
-            > .k-link.k-state-selected.k-state-hover.k-state-focused {
-                @include fill(
-                    $panelbar-header-selected-hovered-focused-text,
-                    $panelbar-header-selected-hovered-focused-bg,
-                    $panelbar-header-selected-hovered-focused-border,
-                    $panelbar-header-selected-hovered-focused-gradient
-                );
-            }
-        }
-
-
-        // Sub
-        .k-group,
-        .k-panelbar-group {
-
-            // Hover
-            > .k-item > .k-link:hover,
-            > .k-item > .k-link.k-state-hover,
-            > .k-panelbar-item > .k-link:hover,
-            > .k-panelbar-item > .k-link.k-state-hover {
-                @include fill(
-                    $panelbar-item-hovered-text,
-                    $panelbar-item-hovered-bg,
-                    $panelbar-item-hovered-border,
-                    $panelbar-item-hovered-gradient
-                );
-            }
-
-            // Focus
-            > .k-item > .k-link:focus,
-            > .k-item > .k-link.k-state-focus,
-            > .k-item > .k-link.k-state-focused,
-            > .k-panelbar-item > .k-link:focus,
-            > .k-panelbar-item > .k-link.k-state-focus,
-            > .k-panelbar-item > .k-link.k-state-focused {
-                @include fill(
-                    $panelbar-item-focused-text,
-                    $panelbar-item-focused-bg,
-                    $panelbar-item-focused-border,
-                    $panelbar-item-focused-gradient
-                );
-
-                box-shadow: $panelbar-item-focused-shadow;
-            }
-
-            // Focus & Hover
-            > .k-item > .k-link:focus:hover,
-            > .k-item > .k-link.k-state-focus.k-state-hover,
-            > .k-panelbar-item > .k-link:focus:hover,
-            > .k-panelbar-item > .k-link.k-state-focus.k-state-hover {
-                @include fill(
-                    $panelbar-item-hovered-focused-text,
-                    $panelbar-item-hovered-focused-bg,
-                    $panelbar-item-hovered-focused-border,
-                    $panelbar-item-hovered-focused-gradient
-                );
-            }
-
-            // Selected
-            > .k-item > .k-link.k-state-selected,
-            > .k-panelbar-item > .k-link.k-state-selected {
-                @include fill(
-                    $panelbar-item-selected-text,
-                    $panelbar-item-selected-bg,
-                    $panelbar-item-selected-border,
-                    $panelbar-item-selected-gradient
-                );
-            }
-
-            // Selected Hover
-            > .k-item > .k-link.k-state-selected:hover,
-            > .k-item > .k-link.k-state-selected.k-state-hover,
-            > .k-panelbar-item > .k-link.k-state-selected:hover,
-            > .k-panelbar-item > .k-link.k-state-selected.k-state-hover {
-                @include fill(
-                    $panelbar-item-selected-hovered-text,
-                    $panelbar-item-selected-hovered-bg,
-                    $panelbar-item-selected-hovered-border,
-                    $panelbar-item-selected-hovered-gradient
-                );
-            }
-
-            // Selected Focus
-            > .k-item > .k-link.k-state-selected:focus,
-            > .k-item > .k-link.k-state-selected.k-state-focus,
-            > .k-item > .k-link.k-state-selected.k-state-focused,
-            > .k-panelbar-item > .k-link.k-state-selected:focus,
-            > .k-panelbar-item > .k-link.k-state-selected.k-state-focus,
-            > .k-item > .k-link.k-state-selected.k-state-focused {
-                @include fill(
-                    $panelbar-item-selected-focused-text,
-                    $panelbar-item-selected-focused-bg,
-                    $panelbar-item-selected-focused-border,
-                    $panelbar-item-selected-focused-gradient
-                );
-            }
-
-            // Selected Focus & Hover
-            > .k-item > .k-link.k-state-selected:focus:hover,
-            > .k-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
-            > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
-            > .k-panelbar-item > .k-link.k-state-selected:focus:hover,
-            > .k-panelbar-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
-            > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover {
-                @include fill(
-                    $panelbar-item-selected-hovered-focused-text,
-                    $panelbar-item-selected-hovered-focused-bg,
-                    $panelbar-item-selected-hovered-focused-border,
-                    $panelbar-item-selected-hovered-focused-gradient
-                );
-            }
-        }
-
-    }
-
-}

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

@@ -1,97 +0,0 @@
-// Panelbar
-$panelbar-padding-x: 0px !default;
-$panelbar-padding-y: 0px !default;
-$panelbar-font-family: $font-family !default;
-$panelbar-font-size: $font-size !default;
-$panelbar-line-height: $line-height !default;
-$panelbar-border-width: 1px !default;
-
-$panelbar-header-padding-x: map-get( $spacing, 4 ) !default;
-$panelbar-header-padding-y: map-get( $spacing, 3 ) !default;
-
-$panelbar-item-padding-x: map-get( $spacing, 4 ) !default;
-$panelbar-item-padding-y: map-get( $spacing, 2 ) !default;
-
-$panelbar-item-level-count: 4 !default;
-
-$panelbar-bg: $component-bg !default;
-$panelbar-text: $component-text !default;
-$panelbar-border: $component-border !default;
-
-$panelbar-header-bg: $panelbar-bg !default;
-$panelbar-header-text: $link-text !default;
-$panelbar-header-border: null !default;
-$panelbar-header-gradient: null !default;
-
-$panelbar-header-hovered-bg: try-shade( $panelbar-header-bg, .5 ) !default;
-$panelbar-header-hovered-text: null !default;
-$panelbar-header-hovered-border: null !default;
-$panelbar-header-hovered-gradient: null !default;
-
-$panelbar-header-focused-bg: null !default;
-$panelbar-header-focused-text: null !default;
-$panelbar-header-focused-border: null !default;
-$panelbar-header-focused-gradient: null !default;
-$panelbar-header-focused-shadow: $list-item-focused-shadow !default;
-
-$panelbar-header-hovered-focused-bg: null !default;
-$panelbar-header-hovered-focused-text: null !default;
-$panelbar-header-hovered-focused-border: null !default;
-$panelbar-header-hovered-focused-gradient: null !default;
-
-$panelbar-header-selected-bg: $selected-bg !default;
-$panelbar-header-selected-text: $selected-text !default;
-$panelbar-header-selected-border: null !default;
-$panelbar-header-selected-gradient: null !default;
-
-$panelbar-header-selected-hovered-bg: try-shade( $panelbar-header-selected-bg ) !default;
-$panelbar-header-selected-hovered-text: null !default;
-$panelbar-header-selected-hovered-border: null !default;
-$panelbar-header-selected-hovered-gradient: null !default;
-
-$panelbar-header-selected-focused-bg: null !default;
-$panelbar-header-selected-focused-text: null !default;
-$panelbar-header-selected-focused-border: null !default;
-$panelbar-header-selected-focused-gradient: null !default;
-
-$panelbar-header-selected-hovered-focused-bg: null !default;
-$panelbar-header-selected-hovered-focused-text: null !default;
-$panelbar-header-selected-hovered-focused-border: null !default;
-$panelbar-header-selected-hovered-focused-gradient: null !default;
-
-$panelbar-item-hovered-bg: try-shade( $panelbar-bg, .5 ) !default;
-$panelbar-item-hovered-text: null !default;
-$panelbar-item-hovered-border: null !default;
-$panelbar-item-hovered-gradient: null !default;
-
-$panelbar-item-focused-bg: null !default;
-$panelbar-item-focused-text: null !default;
-$panelbar-item-focused-border: null !default;
-$panelbar-item-focused-gradient: null !default;
-$panelbar-item-focused-shadow: $list-item-focused-shadow !default;
-
-$panelbar-item-hovered-focused-bg: null !default;
-$panelbar-item-hovered-focused-text: null !default;
-$panelbar-item-hovered-focused-border: null !default;
-$panelbar-item-hovered-focused-gradient: null !default;
-
-$panelbar-item-selected-bg: $selected-bg !default;
-$panelbar-item-selected-text: $selected-text !default;
-$panelbar-item-selected-border: null !default;
-$panelbar-item-selected-gradient: null !default;
-
-$panelbar-item-selected-hovered-bg: try-shade( $panelbar-item-selected-bg ) !default;
-$panelbar-item-selected-hovered-text: null !default;
-$panelbar-item-selected-hovered-border: null !default;
-$panelbar-item-selected-hovered-gradient: null !default;
-
-$panelbar-item-selected-focused-bg: null !default;
-$panelbar-item-selected-focused-text: null !default;
-$panelbar-item-selected-focused-border: null !default;
-$panelbar-item-selected-focused-gradient: null !default;
-
-$panelbar-item-selected-hovered-focused-bg: null !default;
-$panelbar-item-selected-hovered-focused-text: null !default;
-$panelbar-item-selected-hovered-focused-border: null !default;
-$panelbar-item-selected-hovered-focused-gradient: null !default;
-

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

@@ -1,16 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../combobox/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../dialog/_index.scss";
-@import "../pager/_index.scss";
-@import "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,137 +0,0 @@
-@include exports("pdf-viewer/layout") {
-
-    .k-pdf-viewer {
-        border-width: $pdf-viewer-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $pdf-viewer-font-family;
-        font-size: $pdf-viewer-font-size;
-        line-height: $pdf-viewer-line-height;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        // Toolbar
-        .k-toolbar {
-            border-top-width: 0;
-            border-right-width: 0;
-            border-left-width: 0;
-            border-color: inherit;
-            flex: 0 0 auto;
-            z-index: 2;
-        }
-        .k-toolbar .k-pager-wrap {
-            padding: 0;
-            border-width: 0;
-            color: inherit;
-            background: none;
-            overflow: visible;
-        }
-
-
-        // Canvas
-        .k-list-scroller {
-            flex: 1 1 auto;
-            outline: none;
-
-            .k-enable-text-select {
-                -webkit-user-select: text;
-                -moz-user-select: text;
-                -ms-user-select: text;
-                user-select: text;
-                cursor: text;
-            }
-
-            .k-enable-panning {
-                cursor: grab;
-            }
-            .k-enable-panning span::selection {
-                background-color: transparent;
-            }
-        }
-
-
-        // Page
-        .k-page {
-            position: relative;
-            margin: $pdf-viewer-page-spacing auto;
-
-            canvas {
-                direction: ltr;
-            }
-
-            .k-text-layer {
-                position: absolute;
-                top: 0;
-                left: 0;
-                opacity: .2;
-                overflow: hidden;
-
-                > span {
-                    position: absolute;
-                    line-height: $pdf-viewer-selection-line-height;
-                    transform-origin: 0% 0%;
-                    color: transparent;
-                }
-
-                mark {
-                    color: transparent;
-                }
-            }
-        }
-    }
-
-    // Search
-    .k-pdf-viewer-search-dialog {
-        padding: $pdf-viewer-search-dialog-spacing;
-
-        .k-search-container {
-            display: flex;
-            flex: 0 0 auto;
-            justify-content: flex-start;
-            align-items: center;
-
-            .k-textbox {
-                display: inline-flex;
-                padding-right: $pdf-viewer-search-dialog-textbox-padding-x;
-                margin: 0 $pdf-viewer-search-dialog-spacing;
-                align-items: center;
-                background: none;
-            }
-            .k-textbox .k-icon {
-                position: absolute;
-                font-size: inherit;
-
-                .k-ie & {
-                    position: relative;
-                }
-            }
-
-            .k-match-case-button {
-                display: inline-flex;
-                height: $pdf-viewer-search-dialog-input-button-height;
-                justify-content: center;
-            }
-
-            .k-search-matches {
-                display: inline-block;
-                min-width: $pdf-viewer-search-dialog-matches-width;
-                margin: 0 $pdf-viewer-search-dialog-spacing 0 $pdf-viewer-search-dialog-button-spacing;
-                vertical-align: middle;
-            }
-
-            > .k-button {
-                margin-left: $pdf-viewer-search-dialog-button-spacing;
-            }
-
-            .k-search-dialog-draghandle  {
-                cursor: move;
-                margin-left: 0;
-            }
-        }
-    }
-
-}