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

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

@@ -1,267 +0,0 @@
-// Styling of today date
-// color - mark the today date with a different text color
-// box - instead of changing the text color, show a box around the date
-
-@include exports("calendar/theme") {
-
-    .k-calendar {
-        @include fill(
-            $calendar-text,
-            $calendar-bg,
-            $calendar-border
-        );
-
-
-        // Header / footer
-        .k-header {
-            @include fill(
-                $calendar-header-text,
-                $calendar-header-bg,
-                inherit,
-                $calendar-header-gradient
-            );
-            @include box-shadow( $calendar-header-shadow );
-        }
-
-
-        // Today navigation
-        .k-nav-today {
-            color: $calendar-today-nav-text;
-
-            &:hover,
-            &.k-state-hover,
-            &:focus,
-            &.k-state-focus {
-                color: $calendar-today-nav-hover-text;
-            }
-        }
-
-
-        // Header cells
-        .k-calendar-th,
-        .k-calendar-caption,
-        .k-meta-header,
-        .k-month-header {
-            color: $calendar-header-cell-text;
-        }
-
-
-        // Special days
-        .k-calendar-view .k-today {
-            @if $calendar-today-style == box {
-                .k-link {
-                    box-shadow: inset 0 0 0 1px $calendar-today-color;
-                }
-                &.k-state-focused .k-link {
-                    box-shadow: inset 0 0 0 1px $calendar-today-color, $calendar-cell-focused-shadow;
-                }
-            } @else if $calendar-today-style == color {
-                color: $calendar-today-color;
-            }
-        }
-        .k-other-month {
-            @include fill(
-                $calendar-other-month-text,
-                $calendar-other-month-bg
-            );
-        }
-        .k-weekend {
-            @include fill(
-                $calendar-weekend-text,
-                $calendar-weekend-bg
-            );
-        }
-        .k-alt {
-            // remove default k-alt background color
-            background-color: transparent;
-            @include fill(
-                $calendar-week-number-text,
-                $calendar-week-number-bg
-            );
-        }
-        .k-out-of-range {
-            pointer-events: none;
-            visibility: hidden;
-        }
-
-
-        // Interactive states
-        .k-calendar-td:hover .k-link,
-        .k-calendar-td.k-state-hover .k-link {
-            @include fill(
-                $calendar-cell-hover-text,
-                $calendar-cell-hover-bg,
-                $calendar-cell-hover-border,
-                $calendar-cell-hover-gradient
-            );
-        }
-        .k-calendar-td.k-state-selected .k-link {
-            @include fill(
-                $calendar-cell-selected-text,
-                $calendar-cell-selected-bg,
-                $calendar-cell-selected-border,
-                $calendar-cell-selected-gradient
-            );
-        }
-        .k-calendar-td.k-state-selected:hover .k-link,
-        .k-calendar-td.k-state-selected.k-state-hover .k-link {
-            @include fill(
-                $calendar-cell-selected-hover-text,
-                $calendar-cell-selected-hover-bg,
-                $calendar-cell-selected-hover-border,
-                $calendar-cell-selected-hover-gradient
-            );
-        }
-        .k-calendar-td.k-state-focused .k-link,
-        .k-calendar-td.k-state-focus .k-link {
-            box-shadow: $calendar-cell-focused-shadow;
-        }
-        .k-calendar-td.k-state-selected.k-state-focused .k-link,
-        .k-calendar-td.k-state-selected.k-state-focus .k-link {
-            box-shadow: $calendar-cell-selected-focus-shadow;
-        }
-
-
-        // Calendar navigation
-        .k-calendar-navigation {
-            @include fill(
-                $calendar-navigation-text,
-                $calendar-navigation-bg
-            );
-            box-shadow: inset -1px 0 $calendar-navigation-border;
-
-            li:hover,
-            li.k-state-hover {
-                color: $calendar-today-nav-hover-text;
-            }
-        }
-        .k-calendar-navigation-highlight {
-            @include fill(
-                $calendar-text,
-                $calendar-bg,
-                $calendar-border
-            );
-        }
-
-
-        &[dir="rtl"],
-        .k-rtl & {
-            .k-calendar-navigation {
-                box-shadow: inset 1px 0 $calendar-navigation-border;
-            }
-        }
-
-        // Invalid
-        &.k-invalid,
-        &.k-invalid:hover,
-        &.k-state-invalid,
-        &.ng-invalid.ng-touched,
-        &.ng-invalid.ng-dirty {
-            border-color: $invalid-border;
-        }
-    }
-
-
-    // Scheduler integration
-    .k-scheduler .k-calendar .k-other-month {
-        @include fill(
-            $calendar-other-month-text,
-            transparent
-        );
-    }
-
-}
-
-
-
-
-@include exports( "multiview-calendar/theme" ) {
-
-    .k-calendar {
-
-        $calendar-range-gap: 1px !default;
-        $calendar-range-bg: rgba( $calendar-cell-selected-bg, .25 );
-        $calendar-range-split-size: 5px !default;
-
-        .k-range-start,
-        .k-range-end,
-        .k-range-mid {
-            // sass-lint:disable-block indentation
-            background-image:
-                linear-gradient(
-                    transparent $calendar-range-gap,
-                    $calendar-range-bg $calendar-range-gap,
-                    $calendar-range-bg calc(100% - #{$calendar-range-gap}),
-                    transparent calc(100% - #{$calendar-range-gap})
-                );
-
-            .k-ie & {
-                background-image: none;
-                background-color: $calendar-range-bg;
-            }
-        }
-
-        .k-range-start.k-range-end {
-            background-image: none;
-            background-color: transparent;
-        }
-
-        .k-range-start,
-        .k-range-end {
-            .k-link {
-                background-color: $calendar-cell-selected-bg;
-            }
-        }
-
-        .k-range-start.k-state-active,
-        .k-range-end.k-state-active {
-            .k-link {
-                box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .2);
-            }
-        }
-
-        .k-range-split-start,
-        .k-range-split-end {
-            position: relative;
-
-            &::after {
-                content: "";
-                display: block;
-                position: absolute;
-                top: $calendar-range-gap;
-                bottom: $calendar-range-gap;
-                width: $calendar-range-split-size;
-            }
-        }
-
-        .k-range-split-start::after {
-            left: -$calendar-range-split-size;
-            right: auto;
-            background-image: linear-gradient(to left, $calendar-range-bg, transparent 100%);
-        }
-
-        .k-range-split-end::after {
-            right: -$calendar-range-split-size;
-            left: auto;
-            background-image: linear-gradient(to right, $calendar-range-bg, transparent 100%);
-        }
-    }
-
-}
-
-
-
-
-@include exports( "daterangepicker/theme" ) {
-
-    // jQuery DateRangePicker
-    .k-daterangepicker {
-        // Invalid
-        &.k-state-invalid {
-            .k-dateinput-wrap {
-                border-color: $invalid-border;
-            }
-        }
-    }
-
-}

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

@@ -1,112 +0,0 @@
-// Calendar
-$calendar-border-width: 1px !default;
-$calendar-font-family: $font-family !default;
-$calendar-font-size: $font-size !default;
-$calendar-line-height: $line-height !default;
-
-$calendar-cell-size: 32px !default;
-
-$calendar-bg: $component-bg !default;
-$calendar-text: $component-text !default;
-$calendar-border: $component-border !default;
-
-$calendar-header-padding-x: map-get( $spacing, 1 ) !default;
-$calendar-header-padding-y: map-get( $spacing, 1 ) !default;
-$calendar-header-border-width: 1px !default;
-$calendar-header-min-width: ($calendar-cell-size * 8) !default;
-
-$calendar-header-bg: $header-bg !default;
-$calendar-header-text: $header-text !default;
-$calendar-header-border: $header-border !default;
-$calendar-header-gradient: $header-gradient !default;
-$calendar-header-shadow: 0 1px 3px 1px rgba(black, .1) !default;
-
-$calendar-nav-gap: map-get( $spacing, 1 ) !default;
-
-$calendar-today-nav-text: $link-text !default;
-$calendar-today-nav-hover-text: $link-hover-text !default;
-
-$calendar-footer-padding-x: map-get( $spacing, 4 ) !default;
-$calendar-footer-padding-y: map-get( $spacing, 2 ) !default;
-
-$calendar-cell-padding-x: .5em !default;
-$calendar-cell-padding-y: $calendar-cell-padding-x !default;
-$calendar-cell-line-height: $calendar-line-height !default;
-$calendar-cell-border-radius: $border-radius !default;
-
-$calendar-header-cell-padding-x: null !default;
-$calendar-header-cell-padding-y: null !default;
-$calendar-header-cell-width: $calendar-cell-size !default;
-$calendar-header-cell-height: $calendar-cell-size !default;
-$calendar-header-cell-font-size: $font-size-sm !default;
-$calendar-header-cell-line-height: 2 !default;
-$calendar-header-cell-bg: null !default;
-$calendar-header-cell-text: $subtle-text !default;
-$calendar-header-cell-opacity: null !default;
-
-$calendar-caption-padding-x: map-get( $spacing, 2 ) !default;
-$calendar-caption-padding-y: map-get( $spacing, 1 ) !default;
-$calendar-caption-height: $calendar-cell-size !default;
-$calendar-caption-font-size: null !default;
-$calendar-caption-line-height: null !default;
-$calendar-caption-font-weight: bold !default;
-
-$calendar-view-width: ($calendar-cell-size * 7) !default;
-$calendar-view-height: ($calendar-cell-size * 7) !default;
-$calendar-view-gap: map-get( $spacing, 4 ) !default;
-
-$calendar-weekend-bg: null !default;
-$calendar-weekend-text: null !default;
-
-$calendar-today-style: color !default;
-$calendar-today-color: $primary !default;
-
-$calendar-week-number-bg: null !default;
-$calendar-week-number-text: $calendar-header-cell-text !default;
-
-$calendar-other-month-bg: null !default;
-$calendar-other-month-text: $calendar-header-cell-text !default;
-
-$calendar-cell-bg: null !default;
-$calendar-cell-text: null !default;
-$calendar-cell-border: null !default;
-$calendar-cell-gradient: null !default;
-
-$calendar-cell-hover-bg: $hovered-bg !default;
-$calendar-cell-hover-text: $hovered-text !default;
-$calendar-cell-hover-border: $hovered-border !default;
-$calendar-cell-hover-gradient: null !default;
-
-$calendar-cell-selected-bg: $selected-bg !default;
-$calendar-cell-selected-text: $selected-text !default;
-$calendar-cell-selected-border: $selected-border !default;
-$calendar-cell-selected-gradient: null !default;
-
-$calendar-cell-selected-hover-bg: $selected-hover-bg !default;
-$calendar-cell-selected-hover-text: $selected-hover-text !default;
-$calendar-cell-selected-hover-border: null !default;
-$calendar-cell-selected-hover-gradient: null !default;
-
-$calendar-cell-focused-shadow: inset 0 0 0 2px rgba( $black, .08 ) !default;
-$calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
-
-
-// Calendar navigation
-$calendar-navigation-width: 5em !default;
-$calendar-navigation-item-height: 2em !default;
-
-$calendar-navigation-bg: $calendar-header-bg !default;
-$calendar-navigation-text: $calendar-header-text !default;
-$calendar-navigation-border: $calendar-header-border !default;
-
-
-// Infinite calendar
-$infinite-calendar-header-padding-x: map-get( $spacing, 4 ) !default;
-$infinite-calendar-header-padding-y: map-get( $spacing, 2 ) !default;
-
-$infinite-calendar-view-padding-x: map-get( $spacing, 4 ) !default;
-$infinite-calendar-view-padding-y: 0px !default;
-$infinite-calendar-view-height: ( $calendar-cell-size * 9 ) !default;
-
-
-// Multiview calendar

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

@@ -1,17 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../utils/_index.scss";
-@import "../common/_index.scss";
-@import "../icons/_index.scss";
-@import "../input/_index.scss";
-@import "../button/_index.scss";
-@import "../textbox/_index.scss";
-@import "../slider/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,61 +0,0 @@
-@include exports("captcha/layout") {
-
-    // Captcha
-    .k-captcha {
-        width: $captcha-width;
-        box-sizing: border-box;
-        font-size: $captcha-font-size;
-        font-family: $captcha-font-family;
-        line-height: $captcha-line-height;
-        display: flex;
-        flex-flow: column nowrap;
-        gap: $captcha-gap;
-    }
-
-    // Image
-    .k-captcha-image-wrap {
-        position: relative;
-        gap: $captcha-image-wrap-gap;
-    }
-
-    .k-captcha-image-controls {
-        position: relative;
-        gap: $captcha-image-controls-gap;
-    }
-
-    .k-captcha-image {
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-    }
-
-    .k-captcha-image > img {
-        width: 100%;
-        height: 100%;
-        display: block;
-        object-fit: cover;
-    }
-
-    // Loading
-    .k-captcha-loading .k-captcha-image {
-        height: auto;
-    }
-
-    // Volume Control
-    .k-captcha-volume-control {
-        height: 100%;
-    }
-
-    // Input
-    .k-captcha-input > .k-textbox {
-        width: 100%;
-    }
-
-    // Verification Success
-    .k-captcha-validation-message {
-        margin-top: $captcha-validation-message-margin-top;
-        font-size: $captcha-validation-message-font-size;
-        font-style: $captcha-validation-message-font-style;
-    }
-
-}

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

@@ -1,12 +0,0 @@
-@include exports("captcha/theme") {
-
-    // Captcha
-    .k-captcha {
-        @include fill(
-            $captcha-text,
-            $captcha-bg,
-            $captcha-border
-        );
-    }
-
-}

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

@@ -1,19 +0,0 @@
-// Captcha
-$captcha-spacer: map-get( $spacing, 2 ) !default;
-
-$captcha-width: 280px !default;
-$captcha-font-family: $font-family !default;
-$captcha-font-size: $font-size !default;
-$captcha-line-height: $line-height !default;
-$captcha-gap: $captcha-spacer !default;
-$captcha-bg: $component-bg !default;
-$captcha-text: $component-bg !default;
-$captcha-border: $component-bg !default;
-
-$captcha-image-wrap-gap: $captcha-spacer !default;
-
-$captcha-image-controls-gap: $captcha-spacer !default;
-
-$captcha-validation-message-margin-top: $captcha-spacer / 2 !default;
-$captcha-validation-message-font-size: $font-size-sm !default;
-$captcha-validation-message-font-style: italic !default;

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

@@ -1,17 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_grid.scss";
-@import "../styling/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../icons/_index.scss";
-@import "../typography/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";