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

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

@@ -1,340 +0,0 @@
-@include exports("scheduler/theme") {
-
-    // Appearance
-    .k-scheduler {
-        @include fill(
-            $scheduler-text,
-            $scheduler-bg,
-            $scheduler-border
-        );
-    }
-
-    // Current time
-    .k-current-time {
-        background: $scheduler-current-time-color;
-
-        &.k-current-time-arrow-left {
-            border-right-color: $scheduler-current-time-color;
-        }
-
-        &.k-current-time-arrow-right {
-            border-left-color: $scheduler-current-time-color;
-        }
-
-        &.k-current-time-arrow-down {
-            border-top-color: $scheduler-current-time-color;
-        }
-    }
-
-    // Header and footer
-    .k-scheduler-toolbar {
-        @include fill(
-            $scheduler-toolbar-text,
-            $scheduler-toolbar-bg,
-            $scheduler-toolbar-border,
-            $scheduler-toolbar-gradient
-        );
-    }
-    .k-scheduler-footer {
-        @include fill(
-            $scheduler-footer-text,
-            $scheduler-footer-bg,
-            $scheduler-footer-border,
-            $scheduler-footer-gradient
-        );
-    }
-
-    .k-scheduler-header {
-        background-color: $base-bg;
-    }
-
-    .k-scheduler-header-wrap {
-        background-color: $scheduler-bg;
-    }
-
-
-    // Scheduler navigation
-    ul.k-scheduler-navigation {
-
-        li {
-            &.k-state-focused {
-                @include box-shadow( $list-item-focused-shadow );
-            }
-        }
-
-        .k-nav-today,
-        .k-nav-prev,
-        .k-nav-next {
-            @include fill(
-                $button-text,
-                $button-bg,
-                $button-border,
-                $button-gradient
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $button-hovered-text,
-                    $button-hovered-bg,
-                    $button-hovered-border,
-                    $button-hovered-gradient
-                );
-            }
-        }
-    }
-
-
-    // View switcher
-    ul.k-scheduler-views {
-        &.k-state-expanded { background-color: $base-bg; }
-
-        li {
-            @include fill(
-                $button-text,
-                $button-bg,
-                $button-border,
-                $button-gradient
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $button-hovered-text,
-                    $button-hovered-bg,
-                    $button-hovered-border,
-                    $button-hovered-gradient
-                );
-            }
-            &.k-state-selected {
-                @include fill(
-                    $button-selected-text,
-                    $button-selected-bg,
-                    $button-selected-border,
-                    $button-selected-gradient
-                );
-            }
-            &:focus,
-            &.k-state-focus,
-            &.k-state-focused {
-                @include box-shadow( $button-focused-shadow );
-            }
-        }
-    }
-
-
-    // Scheduler footer
-    .k-scheduler-footer {
-
-        li {
-            @include fill(
-                $button-text,
-                $button-bg,
-                $button-border,
-                $button-gradient
-            );
-
-            &:hover {
-                @include fill(
-                    $button-hovered-text,
-                    $button-hovered-bg,
-                    $button-hovered-border,
-                    $button-hovered-gradient
-                );
-            }
-        }
-    }
-
-
-    // Scheduler content
-    .k-scheduler-content {}
-    .k-scheduler-nonwork,
-    .k-scheduler .k-nonwork-hour {
-        @include fill(
-            $scheduler-nonwork-text,
-            $scheduler-nonwork-bg
-        );
-    }
-    .k-scheduler-other-month,
-    .k-scheduler .k-other-month {
-        @include fill(
-            $scheduler-othermonth-text,
-            $scheduler-othermonth-bg
-        );
-    }
-
-    .k-scheduler-layout td.k-state-selected,
-    .k-scheduler-layout .k-scheduler-cell.k-state-selected {
-        background-color: rgba($selected-bg, .25);
-    }
-
-    .k-scheduler-layout-flex {
-        .k-scheduler-head,
-        .k-sticky-cell {
-            background-color: $scheduler-bg;
-        }
-    }
-
-
-    // Events
-    .k-event {
-        @include fill(
-            $scheduler-event-text,
-            $scheduler-event-bg,
-            $scheduler-event-border,
-            $scheduler-event-gradient
-        );
-        @include box-shadow( $scheduler-event-shadow );
-
-        &.k-state-hover {
-            @include fill(
-                $scheduler-event-hover-text,
-                $scheduler-event-hover-bg,
-                $scheduler-event-hover-border,
-                $scheduler-event-hover-gradient
-            );
-            @include box-shadow( $scheduler-event-hover-shadow );
-        }
-
-        &.k-state-selected {
-            @include fill(
-                $scheduler-event-selected-text,
-                $scheduler-event-selected-bg,
-                $scheduler-event-selected-border,
-                $scheduler-event-selected-gradient
-            );
-            @include box-shadow( $scheduler-event-selected-shadow );
-        }
-    }
-    .k-event-inverse {
-        color: contrast-wcag( $scheduler-event-text );
-    }
-
-
-    // Drag hint
-    .k-event-drag-hint {}
-
-
-    // Resizing
-    .k-scheduler-marquee {}
-    .k-scheduler-marquee::before,
-    .k-scheduler-marquee::after {
-        border-color: $primary-button-border;
-    }
-
-    // Edit dialog
-    .k-scheduler-edit-dialog {
-        .k-dialog-buttongroup {
-            border-color: $scheduler-border;
-        }
-    }
-
-}
-
-
-
-
-@include exports("scheduler-views/theme") {
-
-    // Day view
-    .k-scheduler-dayview {}
-
-
-    // Workweek view
-    // sass-lint:disable class-name-format
-    .k-scheduler-workWeekview {}
-    // sass-lint:enable class-name-format
-
-
-    // Week view
-    .k-scheduler-weekview {}
-
-
-    // Month view
-    .k-scheduler-monthview {}
-
-
-    // Agenda view
-    .k-scheduler-agendaview {
-
-        // Hover
-        .k-scheduler-content tr:hover,
-        .k-scheduler-content tr.k-state-hover,
-        .k-scheduler-content .k-scheduler-row:hover,
-        .k-scheduler-content .k-scheduler-row.k-state-hover {
-            @include fill(
-                $hovered-text,
-                $hovered-bg,
-                $hovered-border,
-                $hovered-gradient
-            );
-        }
-
-        .k-scheduler-content tr:hover .k-scheduler-datecolumn,
-        .k-scheduler-content tr:hover .k-scheduler-groupcolumn,
-        .k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
-        .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn {
-            @include fill(
-                $scheduler-text,
-                $scheduler-bg,
-                $scheduler-border
-            );
-        }
-
-        // Selected
-        .k-scheduler-content tr.k-state-selected {
-            background-color: rgba($selected-bg, .25);
-        }
-        .k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
-        .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn {
-            background-color: $scheduler-bg;
-        }
-    }
-
-
-    // Timeline view
-    .k-scheduler-timelineview {}
-
-
-    // Year view
-    .k-scheduler-yearview {
-
-        .k-day-indicator {
-            @include fill( $bg: $scheduler-yearview-indicator-bg );
-        }
-
-        .k-state-selected .k-day-indicator {
-            @include fill( $bg: $scheduler-yearview-indicator-selected-bg );
-        }
-    }
-
-}
-
-
-
-
-@include exports("scheduler-tooltip/theme") {
-
-    .k-tooltip.k-scheduler-tooltip {
-        @include fill(
-            $scheduler-tooltip-text,
-            $scheduler-tooltip-bg,
-            $scheduler-tooltip-border
-        );
-        @include box-shadow( $scheduler-tooltip-shadow );
-
-        .k-callout {
-            @include fill( $color: $scheduler-tooltip-callout-text );
-        }
-    }
-
-}
-
-
-
-
-@include exports("scheduler-edit-form/theme") {
-
-    .k-scheduler-edit-form {}
-
-}

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

@@ -1,92 +0,0 @@
-// Scheduler
-$scheduler-border-width: 1px !default;
-$scheduler-font-family: $font-family !default;
-$scheduler-font-size: $font-size !default;
-$scheduler-line-height: $line-height !default;
-
-$scheduler-bg: $component-bg !default;
-$scheduler-text: $component-text !default;
-$scheduler-border: $component-border !default;
-
-$scheduler-toolbar-bg: $toolbar-bg !default;
-$scheduler-toolbar-text: $toolbar-text !default;
-$scheduler-toolbar-border: $toolbar-border !default;
-$scheduler-toolbar-gradient: $toolbar-gradient !default;
-
-$scheduler-footer-bg: $toolbar-bg !default;
-$scheduler-footer-text: $toolbar-text !default;
-$scheduler-footer-border: $toolbar-border !default;
-$scheduler-footer-gradient: $toolbar-gradient !default;
-
-$scheduler-event-min-height: 25px !default;
-$scheduler-event-border-radius: $border-radius !default;
-$scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$padding-y}) ) !default;
-
-$scheduler-event-bg: tint( $selected-bg, 2 ) !default;
-$scheduler-event-text: $selected-text !default;
-$scheduler-event-border: null !default;
-$scheduler-event-gradient: null !default;
-$scheduler-event-shadow: null !default;
-
-$scheduler-event-hover-bg: null !default;
-$scheduler-event-hover-text: null !default;
-$scheduler-event-hover-border: null !default;
-$scheduler-event-hover-gradient: null !default;
-$scheduler-event-hover-shadow: null !default;
-
-$scheduler-event-selected-bg: $selected-bg !default;
-$scheduler-event-selected-text: $selected-text !default;
-$scheduler-event-selected-border: null !default;
-$scheduler-event-selected-gradient: null !default;
-$scheduler-event-selected-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
-
-$scheduler-cell-padding-x: map-get( $spacing, 2 ) !default;
-$scheduler-cell-padding-y: map-get( $spacing, 2 ) !default;
-$scheduler-cell-height: $line-height-em !default;
-$scheduler-datecolumn-width: 12em !default;
-$scheduler-timecolumn-width: 11em !default;
-
-$scheduler-current-time-color: #ff0000 !default;
-
-$scheduler-nonwork-bg: try-shade( $scheduler-bg, .5 ) !default;
-$scheduler-nonwork-text: null !default;
-
-$scheduler-weekend-bg: null !default;
-$scheduler-weekend-text: null !default;
-
-$scheduler-othermonth-bg: try-shade( $scheduler-bg, .5 ) !default;
-$scheduler-othermonth-text: null !default;
-
-$scheduler-yearview-padding-x: map-get( $spacing, 3 ) !default;
-$scheduler-yearview-padding-y: $scheduler-yearview-padding-x !default;
-
-$scheduler-yearview-calendar-gap: map-get( $spacing, 3 ) !default;
-
-$scheduler-yearview-indicator-size: 3px !default;
-$scheduler-yearview-indicator-calc-offset-top: calc( #{$calendar-cell-size} - (#{$calendar-cell-padding-y} * 2)) !default;
-$scheduler-yearview-indicator-calc-offset-left: calc( 50% - (#{$scheduler-yearview-indicator-size} / 2) ) !default;
-$scheduler-yearview-indicator-border-radius: 50% !default;
-$scheduler-yearview-indicator-bg: $primary !default;
-$scheduler-yearview-indicator-selected-bg: $primary-contrast !default;
-
-$scheduler-tooltip-padding-x: $padding-x !default;
-$scheduler-tooltip-padding-y: $scheduler-tooltip-padding-x !default;
-$scheduler-tooltip-border-width: 0 !default;
-$scheduler-tooltip-bg: $primary-contrast !default;
-$scheduler-tooltip-text: $base-text !default;
-$scheduler-tooltip-border: null !default;
-$scheduler-tooltip-shadow: 0px 0px 10px rgba(0, 0, 0, .2) !default;
-
-$scheduler-tooltip-title-margin-y: map-get( $spacing, 3 ) !default;
-$scheduler-tooltip-month-font-size: $font-size-sm !default;
-$scheduler-tooltip-day-font-size: $scheduler-tooltip-month-font-size * 2 !default;
-
-$scheduler-tooltip-events-max-height: 250px !default;
-$scheduler-tooltip-events-gap: $padding-y !default;
-
-$scheduler-tooltip-event-padding-x: $padding-x !default;
-$scheduler-tooltip-event-padding-y: $padding-y !default;
-$scheduler-tooltip-event-border-radius: $border-radius !default;
-$scheduler-tooltip-event-gap: $padding-x-sm !default;
-
-$scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;

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

@@ -1,82 +0,0 @@
-@include exports("scroller/layout") {
-
-    // Layout
-    .km-scrollview,
-    .km-scroll-container {
-        user-select: none;
-        border-collapse: separate;
-    }
-    .km-scroll-wrapper {
-        position: relative;
-    }
-    .km-scroll-header {
-        position: absolute;
-        z-index: 1001;
-        width: 100%;
-        top: 0;
-        left: 0;
-    }
-
-
-    // Pull to refresh
-    .km-scroller-pull {
-        width: 100%;
-        display: block;
-        position: absolute;
-        line-height: 3em;
-        font-size: 1.4em;
-        text-align: center;
-        transform: translate3d(0, -3em, 0);
-    }
-    .km-scroller-pull .km-template {
-        display: inline-block;
-        min-width: 200px;
-        text-align: left;
-    }
-    .km-load-more .km-icon,
-    .km-widget .km-scroller-pull .km-icon {
-        display: inline-block;
-        height: 2rem;
-        margin-right: 1rem;
-        vertical-align: middle;
-        width: 2rem;
-        font-size: 2rem;
-        transform: rotate(0deg);
-        transition: transform 300ms linear;
-    }
-    .km-widget .km-scroller-release .km-icon {
-        transform: rotate(180deg);
-    }
-    .km-widget .km-scroller-refresh .km-icon {
-        transition: none;
-    }
-
-
-    // Scrollbar
-    .km-touch-scrollbar {
-        position: absolute;
-        visibility: hidden;
-        z-index: 200000;
-        height: .4em;
-        width: .4em;
-        opacity: 0;
-        transform-origin: 0 0;
-        transition: opacity .3s linear;
-
-        .k-map &,
-        .k-diagram & {
-            display: none;
-        }
-    }
-    .km-vertical-scrollbar {
-        height: 100%;
-        right: 2px;
-        top: 0;
-    }
-    .km-horizontal-scrollbar {
-        width: 100%;
-        left: 0;
-        bottom: 2px;
-    }
-
-}

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

@@ -1,7 +0,0 @@
-@include exports("scroller/theme") {
-
-    .km-touch-scrollbar {
-        background-color: #333333;
-    }
-
-}

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

@@ -1 +0,0 @@
-// Scroller

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

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