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

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

@@ -1,77 +0,0 @@
-@include exports("action-sheet/theme") {
-
-    // Actionsheet
-    .k-actionsheet {
-        @include fill(
-            $actionsheet-text,
-            $actionsheet-bg,
-            $actionsheet-border
-        );
-        @include box-shadow( $actionsheet-shadow );
-    }
-
-
-    // Actionsheet header
-    .k-actionsheet-header {
-        @include fill(
-            $actionsheet-header-text,
-            $actionsheet-header-bg,
-            $actionsheet-header-border,
-            $actionsheet-header-gradient
-        );
-        @include box-shadow( $actionsheet-header-shadow );
-    }
-
-
-    // Actionsheet items
-    .k-actionsheet-items {}
-
-
-    // Actionsheet item
-    .k-actionsheet-item {}
-
-
-    // Actionsheet action
-    .k-actionsheet-action {
-
-
-        // Hover state
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $actionsheet-item-hover-text,
-                $actionsheet-item-hover-bg,
-                $actionsheet-item-hover-border,
-                $actionsheet-item-hover-gradient
-            );
-            @include box-shadow( $actionsheet-item-hover-shadow );
-        }
-
-
-        // Focus state
-        &:focus,
-        &.k-state-focus {
-            @include fill(
-                $actionsheet-item-focus-text,
-                $actionsheet-item-focus-bg,
-                $actionsheet-item-focus-border,
-                $actionsheet-item-focus-gradient
-            );
-            @include box-shadow( $actionsheet-item-focus-shadow );
-        }
-
-
-        // Disabed state
-        &:disabled,
-        &.k-state-disabled {
-            @include fill(
-                $actionsheet-item-disabled-text,
-                $actionsheet-item-disabled-bg,
-                $actionsheet-item-disabled-border,
-                $actionsheet-item-disabled-gradient
-            );
-            @include box-shadow( $actionsheet-item-disabled-shadow );
-        }
-    }
-
-}

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

@@ -1,66 +0,0 @@
-// Action sheet
-$actionsheet-padding-x: null !default;
-$actionsheet-padding-y: null !default;
-$actionsheet-width: 360px !default;
-$actionsheet-max-width: 100% !default;
-$actionsheet-max-height: 50vh !default;
-
-$actionsheet-border-width: 0px !default;
-$actionsheet-border-radius: 0px !default;
-
-$actionsheet-font-size: $font-size !default;
-$actionsheet-font-family: $font-family !default;
-$actionsheet-line-height: $line-height !default;
-
-$actionsheet-bg: $component-bg !default;
-$actionsheet-text: $component-text !default;
-$actionsheet-border: $component-border !default;
-$actionsheet-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) !default;
-
-
-// Actionsheet header
-$actionsheet-header-padding-x: map-get( $spacing, 4 ) !default;
-$actionsheet-header-padding-y: map-get( $spacing, 2 ) !default;
-$actionsheet-header-border-width: null !default;
-$actionsheet-header-font-size: null !default;
-$actionsheet-header-font-family: null !default;
-$actionsheet-header-line-height: null !default;
-
-$actionsheet-header-bg: null !default;
-$actionsheet-header-text: null !default;
-$actionsheet-header-border: null !default;
-$actionsheet-header-gradient: null !default;
-$actionsheet-header-shadow: null !default;
-
-
-// Actionsheet item
-$actionsheet-item-min-height: 40px !default;
-$actionsheet-item-padding-x: map-get( $spacing, 4 ) !default;
-$actionsheet-item-padding-y: map-get( $spacing, 2 ) !default;
-$actionsheet-item-border-width: 1px !default;
-$actionsheet-item-spacing: 12px !default;
-
-$actionsheet-item-icon-size: null !default;
-
-$actionsheet-item-title-font-weight: null !default;
-$actionsheet-item-title-text-transform: null !default;
-$actionsheet-item-description-font-size: .875em !default;
-$actionsheet-item-description-opacity: .75 !default;
-
-$actionsheet-item-hover-bg: $hovered-bg !default;
-$actionsheet-item-hover-text: null !default;
-$actionsheet-item-hover-border: null !default;
-$actionsheet-item-hover-gradient: null !default;
-$actionsheet-item-hover-shadow: null !default;
-
-$actionsheet-item-focus-bg: null !default;
-$actionsheet-item-focus-text: null !default;
-$actionsheet-item-focus-border: null !default;
-$actionsheet-item-focus-gradient: null !default;
-$actionsheet-item-focus-shadow: $focused-shadow !default;
-
-$actionsheet-item-disabled-bg: null !default;
-$actionsheet-item-disabled-text: null !default;
-$actionsheet-item-disabled-border: null !default;
-$actionsheet-item-disabled-gradient: null !default;
-$actionsheet-item-disabled-shadow: null !default;

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

@@ -1,15 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies (TODO: extract variables)
-@import "../listgroup/_index.scss";
-@import "../checkbox/_index.scss";
-@import "../radio/_index.scss";
-@import "../switch/_index.scss";
-@import "../toolbar/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,548 +0,0 @@
-@include exports("adaptive/layout") {
-
-    .k-pane-wrapper {
-        border-width: $adaptive-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $adaptive-font-family;
-        font-size: $adaptive-font-size;
-        line-height: $adaptive-line-height;
-        display: block;
-        position: relative;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        .k-pane {
-            width: 100%;
-            height: 100%;
-            user-select: none;
-            box-sizing: border-box;
-            font-family: sans-serif;
-            overflow-x: hidden;
-        }
-
-        .k-view {
-            top: 0;
-            left: 0;
-            position: relative;
-            border: 0;
-            box-sizing: border-box;
-            outline: 0;
-            font-family: $adaptive-font-family;
-            font-size: $adaptive-font-size;
-            line-height: $adaptive-line-height;
-            display: flex;
-            height: 100%;
-            width: 100%;
-            flex-direction: column;
-            align-items: stretch;
-            align-content: stretch;
-            vertical-align: top;
-            -webkit-touch-callout: none;
-            -webkit-tap-highlight-color: $rgba-transparent;
-        }
-
-        .k-content {
-            min-height: 1px;
-            flex: 1;
-            align-items: stretch;
-            display: block;
-            width: auto;
-            overflow: hidden;
-            position: relative;
-        }
-    }
-
-}
-
-
-@include exports("adaptive/layout/grid") {
-
-    .k-pane-wrapper {
-
-        > div.k-pane {
-            box-shadow: none;
-            font-weight: normal;
-        }
-
-        .k-popup-edit-form,
-        .k-grid-edit-form,
-        .k-grid-column-menu,
-        .k-grid-filter-menu {
-
-            .k-content {
-                overflow-y: auto;
-
-                > .k-scroll-container {
-                    position: absolute;
-                    width: 100%;
-                    min-height: 100%;
-                    box-sizing: border-box;
-                }
-            }
-        }
-
-        .k-grid-filter-menu {
-
-            .k-filter-selected-items {
-                margin: 1em;
-                font-weight: normal;
-            }
-        }
-
-        .k-grid-edit-form {
-
-            .k-popup-edit-form,
-            .k-edit-form-container {
-                width: auto;
-                min-width: auto;
-            }
-        }
-
-        .k-grid .k-grid-search {
-            width: 100%;
-        }
-    }
-
-    .k-grid.k-grid-mobile {
-        border-width: 0;
-    }
-
-    .k-grid-mobile {
-        .k-resize-handle-inner::before {
-            content: "\e01e";
-            position: absolute;
-            font: 16px/1 "WebComponentsIcons";
-            // The Calc is needed due to the the negative margin
-            // that removes the double bottom border of the header
-            top: calc(50% - 1px);
-            left: 50%;
-            transform: translate(-50%, -50%);
-            padding: .2em;
-        }
-
-        .k-header a {
-            -webkit-touch-callout: none;
-
-            -webkit-user-select: none;
-            -moz-user-select: none;
-            user-select: none;
-
-            -webkit-user-drag: none;
-            -moz-user-drag: none;
-        }
-    }
-}
-
-@include exports("adaptive/layout/scheduler") {
-
-    .k-pane-wrapper {
-
-        .k-scheduler-edit-form {
-
-            .k-recur-view {
-                padding: 0;
-                flex-direction: column;
-                align-items: stretch;
-
-                > .k-listgroup-form-row {
-                    margin: 0;
-                }
-            }
-
-            .k-recur-items-wrap {
-                width: 100%;
-                margin: -1px 0;
-            }
-
-            .k-scheduler-recur-end-wrap {
-                white-space: nowrap;
-            }
-
-            .k-edit-buttons {
-                border-width: 0;
-            }
-        }
-    }
-
-    .k-scheduler {
-        &.k-scheduler-mobile {
-            border-width: 0;
-        }
-    }
-
-    .k-scheduler-mobile {
-
-        th {
-            font-weight: normal;
-        }
-
-        .k-event:hover .k-resize-handle {
-            visibility: hidden;
-        }
-
-        .k-scheduler-toolbar {
-            padding: $toolbar-padding-y $toolbar-padding-x;
-
-            > * {
-                margin: 0;
-            }
-
-            &::before {
-                display: none;
-            }
-
-            .k-scheduler-navigation {
-                width: 100%;
-                display: flex;
-                flex-flow: row nowrap;
-                justify-content: space-between;
-                margin: 0;
-
-                .k-nav-current {
-                    line-height: 1;
-                    display: flex;
-                    flex-flow: column nowrap;
-                    align-items: center;
-                    justify-content: space-evenly;
-                    gap: 0;
-                }
-                .k-m-date-format {}
-                .k-y-date-format {
-                    font-size: 12px;
-                }
-            }
-        }
-
-        .k-scheduler-footer {
-            padding: $toolbar-padding-y $toolbar-padding-x;
-            display: flex;
-            justify-content: space-between;
-
-            > * {
-                margin: 0;
-            }
-
-            &::before {
-                display: none;
-            }
-        }
-
-        .k-scheduler-monthview {
-
-            .k-hidden {
-                height: 40px;
-            }
-
-            .k-scheduler-table td {
-                height: 40px;
-                vertical-align: top;
-                text-align: center;
-            }
-
-            .k-events-container {
-                position: absolute;
-                text-align: center;
-                height: 6px;
-                line-height: 6px;
-            }
-
-            .k-event {
-                position: static;
-                padding: 4px;
-                border-radius: 50%;
-                display: inline-block;
-                width: 4px;
-                height: 4px;
-                min-height: 0;
-                margin: 1px;
-            }
-        }
-
-        // Removing the "Days" header from the Mobile Scheduler will break the Web Scheduler
-        // Thus, the below selector is needed
-        .k-scheduler-dayview .k-mobile-header {
-
-            &.k-mobile-horizontal-header .k-scheduler-times table tr:first-child {
-                display: none;
-            }
-
-            .k-scheduler-header .k-scheduler-date-group {
-                display: none;
-            }
-        }
-
-        .k-scheduler-header-wrap > div {
-            overflow: visible;
-        }
-
-        .k-scheduler-agendaview {
-            .k-mobile-header {
-                display: none;
-            }
-
-            .k-scheduler-table {
-                table-layout: auto;
-
-                .k-scheduler-groupcolumn {
-                    width: 1%;
-                }
-
-                td {
-                    white-space: normal;
-                }
-            }
-        }
-
-        .k-mobile-header {
-            .k-scheduler-table td,
-            .k-scheduler-table th {
-                height: 1.5em;
-            }
-        }
-
-        .k-time-text,
-        .k-time-period {
-            display: block;
-            line-height: 1;
-        }
-
-        .k-time-period {
-            font-size: .7em;
-        }
-
-        .k-scheduler-table td,
-        .k-scheduler-table th {
-            height: 2em;
-            vertical-align: middle;
-        }
-
-        .k-scheduler-datecolumn-wrap {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-        }
-
-        .k-task {
-            display: flex;
-            align-items: center;
-
-            .k-scheduler-mark {
-                border-radius: 50%;
-            }
-
-            .k-i-reload {
-                font-size: 1em;
-                margin-right: .5em;
-            }
-
-            .k-scheduler-task-text {
-                flex: 1 1 0%;
-            }
-        }
-
-        .k-scheduler-times,
-        .k-scheduler-agenda {
-
-            .k-scheduler-group-cell,
-            .k-scheduler-groupcolumn {
-                vertical-align: top;
-
-                .k-scheduler-group-text {
-                    writing-mode: vertical-lr;
-                    transform: rotate(180deg);
-                    white-space: nowrap;
-                }
-            }
-        }
-
-        .k-scrollbar-h tr + tr .k-scheduler-times {
-            border-bottom-width: 0;
-        }
-    }
-}
-
-@include exports("adaptive/layout/common") {
-
-    .k-pane-wrapper {
-
-        .k-grid-edit-form,
-        .k-grid-column-menu,
-        .k-grid-filter-menu,
-        .k-scheduler-edit-form {
-
-            > .k-header {
-                display: flex;
-                justify-content: space-between;
-                padding: .3em .6em;
-                width: auto;
-                line-height: 2em;
-
-                .k-header-done,
-                .k-header-cancel {
-                    display: flex;
-                    flex-direction: row;
-                    align-items: center;
-
-                    .k-icon {
-                        font-size: 1.5em;
-                    }
-                }
-            }
-        }
-
-        .k-list-title,
-        .k-filter-help-text,
-        .k-list-group-header {
-            padding: $listgroup-item-padding-y $listgroup-item-padding-x;
-            display: block;
-        }
-
-        .k-list-group-header {
-            font-weight: bold;
-            text-transform: uppercase;
-        }
-
-        .k-listgroup {
-
-            .k-listgroup-item {
-                border-color: inherit;
-            }
-        }
-        .k-listgroup + .k-listgroup {
-            margin-top: 2em;
-        }
-
-        // Column menu
-        .k-column-menu {
-
-            .k-filter-item .k-filterable * {
-                pointer-events: none;
-            }
-        }
-
-        // Filter menu
-        .k-filter-menu {
-
-            .k-space-right {
-                margin: .5em 10px;
-                width: auto;
-                display: flex;
-                align-items: center;
-            }
-
-            .k-filter-tools {
-                margin: 1em;
-                display: flex;
-                justify-content: space-between;
-            }
-        }
-
-        .k-popup-edit-form {
-
-            .k-recur-editor-wrap {
-                display: flex;
-            }
-
-            .k-mobiletimezoneeditor {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                position: relative;
-                flex: 1 1 auto;
-            }
-        }
-
-        .k-multicheck-wrap.k-listgroup {
-            overflow-y: auto;
-        }
-
-        .k-state-disabled {
-            opacity: 1;
-
-            > * {
-                opacity: .7;
-            }
-        }
-
-        // Pager
-
-        .k-pager-wrap.k-pager-sm {
-            justify-content: center;
-
-            .k-pager-refresh {
-                display: none;
-            }
-
-        }
-
-        // IE
-
-        .k-ie & {
-
-            .k-scheduler {
-                .k-scheduler-toolbar,
-                .k-scheduler-footer {
-                    line-height: 2em;
-                }
-            }
-
-            .k-grid {
-
-                .k-icon {
-                    text-indent: 0;
-                }
-            }
-        }
-
-        // RTL
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            .k-grid-edit-form,
-            .k-grid-column-menu,
-            .k-grid-filter-menu,
-            .k-scheduler-edit-form {
-
-                > .k-header {
-                    flex-direction: row-reverse;
-                }
-            }
-
-            .k-filter-menu {
-
-                .k-space-right > .k-i-zoom {
-                    left: 15px;
-                    right: auto;
-                }
-            }
-
-            .k-scheduler-mobile {
-
-                .k-scheduler-toolbar {
-
-                    > ul > li {
-                        border: 0;
-                    }
-
-                    .k-nav-prev,
-                    .k-nav-next {
-                        transform: scaleX(-1);
-                    }
-                }
-
-                .k-task .k-i-reload {
-                    margin-left: .5em;
-                    margin-right: 0;
-                }
-            }
-
-            .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
-                transform: scaleX(-1);
-            }
-        }
-    }
-}