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

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

@@ -1,104 +0,0 @@
-@include exports("adaptive/theme") {
-
-    .k-pane-wrapper,
-    .k-view {
-        @include fill(
-            $adaptive-text,
-            $adaptive-bg,
-            $adaptive-border
-        );
-    }
-
-    .k-pane-wrapper .k-pane {
-
-        > .k-view > .k-content {
-            background-position: 50% 50%;
-            background-color: $adaptive-content-bg;
-        }
-
-        .k-grid-mobile {
-
-            .k-column-active + th.k-header {
-                border-left-color: $body-text;
-            }
-
-            .k-resize-handle-inner::before {
-                background-color: $base-bg;
-            }
-        }
-
-        .k-scheduler-mobile {
-
-            .k-nav-current {
-                color: $adaptive-scheduler-current-text;
-            }
-
-            .k-scheduler-times,
-            .k-scheduler-header,
-            .k-scheduler-groupcolumn,
-            .k-mobile-scheduler-agendadate {
-                color: $adaptive-scheduler-base-text;
-            }
-
-            .k-time-period,
-            .k-mobile-scheduler-agendaweekday {
-                color: $adaptive-scheduler-subtle-text;
-            }
-
-            .k-scheduler-times,
-            .k-scheduler-header,
-            .k-scheduler-header-wrap,
-            .k-scheduler-datecolumn,
-            .k-scheduler-groupcolumn,
-            .k-scheduler-group-cell,
-            .k-scheduler-header-all-day {
-                background-color: $adaptive-content-bg;
-            }
-
-            .k-scheduler-toolbar .k-scheduler-tools > li {
-                display: inline-block;
-                background-color: inherit;
-            }
-        }
-
-        .k-grid-edit-form,
-        .k-grid-column-menu,
-        .k-grid-filter-menu,
-        .k-scheduler-edit-form {
-
-            .k-header {
-                color: $adaptive-menu-text;
-                background-color: $adaptive-menu-bg;
-
-                .k-link {
-                    color: inherit;
-                }
-            }
-
-            .k-item,
-            .k-link {
-                color: $base-text;
-            }
-
-            .k-clear,
-            .k-select-all,
-            .k-scheduler-delete,
-            .k-scheduler-resetSeries { // sass-lint:disable-line class-name-format
-                color: $adaptive-menu-clear-text;
-            }
-
-        }
-
-        .k-column-menu {
-
-            .k-listgroup-item.k-state-selected {
-                color: $adaptive-grid-sort-text;
-                background: none;
-            }
-            .k-listgroup-item.k-state-selected .k-link {
-                color: inherit;
-            }
-        }
-
-    }
-}

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

@@ -1,30 +0,0 @@
-// Adaptive
-$adaptive-bg: $component-bg !default;
-$adaptive-text: $component-text !default;
-$adaptive-border: $component-border !default;
-
-$adaptive-content-bg: $app-bg !default;
-$adaptive-content-text: $app-text !default;
-
-$adaptive-menu-bg: $primary !default;
-$adaptive-menu-text: contrast-wcag( $adaptive-menu-bg ) !default;
-
-$adaptive-menu-clear-text: $primary !default;
-
-$adaptive-menu-item-border: $component-border !default;
-$adaptive-menu-title-text: $component-text !default;
-
-$adaptive-border-width: 1px !default;
-$adaptive-font-family: $font-family !default;
-$adaptive-font-size: $font-size !default;
-$adaptive-line-height: $line-height !default;
-
-
-// Adaptive Grid
-$adaptive-grid-sort-text: $primary !default;
-
-
-// Adaptive Scheduler
-$adaptive-scheduler-current-text: $primary !default;
-$adaptive-scheduler-base-text: inherit !default;
-$adaptive-scheduler-subtle-text: $subtle-text !default;

package/modules/@progress/kendo-theme-default/scss/all.scss

@@ -1 +0,0 @@
-@import "index.scss";

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

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

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

@@ -1,85 +0,0 @@
-@include exports("appbar/layout") {
-
-    // Appbar
-    .k-appbar {
-        margin: $appbar-margin-y $appbar-margin-x;
-        padding: $appbar-padding-y $appbar-padding-x;
-        border-width: $appbar-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $appbar-font-family;
-        font-size: $appbar-font-size;
-        line-height: $appbar-line-height;
-        list-style: none;
-        display: flex;
-        gap: $appbar-gap;
-        flex-flow: row wrap;
-        align-items: center;
-        overflow: hidden;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        > * {
-            flex-shrink: 0;
-
-        }
-
-        // Appbar section
-        .k-appbar-section {
-            display: inline-flex;
-            flex-wrap: nowrap;
-            align-items: center;
-        }
-
-        // Appbar Spacer
-        .k-appbar-spacer {
-            flex: 1 0 auto;
-        }
-
-        .k-appbar-spacer-sized {
-            flex-grow: 0;
-        }
-
-        // Separator
-        .k-appbar-separator {
-            margin: 0;
-            width: 0;
-            min-height: 1em;
-            border-style: solid;
-            border-width: 0 0 0 1px;
-            display: inline-block;
-        }
-    }
-
-    .k-appbar-static {
-        position: static;
-    }
-
-    .k-appbar-sticky {
-        width: 100%;
-        position: sticky;
-        top: 0;
-        z-index: $appbar-zindex;
-    }
-
-    .k-appbar-fixed {
-        width: 100%;
-        position: fixed;
-        z-index: 1;
-    }
-
-    .k-appbar-top {
-        top: 0;
-        bottom: auto;
-    }
-
-    .k-appbar-bottom {
-        top: auto;
-        bottom: 0;
-
-        &.k-appbar-fixed {
-            bottom: 0;
-        }
-    }
-}

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

@@ -1,27 +0,0 @@
-@include exports("appbar/theme") {
-
-    .k-appbar {
-        @include box-shadow( $appbar-box-shadow );
-    }
-    .k-appbar-bottom {
-        @include box-shadow( $appbar-bottom-box-shadow );
-    }
-
-
-    // AppBar theme colors
-    @each $name, $color in $theme-colors {
-        .k-appbar-#{$name} {
-            @if $name == "light" {
-                color: $appbar-light-text;
-                background-color: $appbar-light-bg;
-            } @else if $name == "dark" {
-                color: $appbar-dark-text;
-                background-color: $appbar-dark-bg;
-            } @else {
-                color: contrast-wcag( $color );
-                background-color: $color;
-            }
-        }
-    }
-
-}

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

@@ -1,22 +0,0 @@
-// Appbar
-$appbar-margin-y: null !default;
-$appbar-margin-x: null !default;
-$appbar-padding-y: map-get( $spacing, 2 ) !default;
-$appbar-padding-x: map-get( $spacing, 4 ) !default;
-$appbar-border-width: 0px !default;
-
-$appbar-zindex: 1000 !default;
-
-$appbar-font-size: $font-size !default;
-$appbar-line-height: $line-height !default;
-$appbar-font-family: $font-family !default;
-$appbar-gap: map-get( $spacing, 2 ) !default;
-
-$appbar-light-bg: $light !default;
-$appbar-light-text: contrast-wcag( $light ) !default;
-
-$appbar-dark-bg: $dark !default;
-$appbar-dark-text: contrast-wcag( $dark ) !default;
-
-$appbar-box-shadow: 0px 1px 1px rgba(0, 0, 0, .16) !default;
-$appbar-bottom-box-shadow: 0px -1px 1px rgba(0, 0, 0, .16) !default;

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

@@ -1,39 +0,0 @@
-@include exports( "autocomplete/layout" ) {
-
-    // Autocomplete
-    .k-autocomplete {
-        @include border-radius( $input-border-radius );
-        width: $input-default-width;
-        border-width: $input-border-width;
-        border-style: solid;
-        outline: 0;
-        box-sizing: border-box;
-        font-family: $input-font-family;
-        font-size: $input-font-size;
-        line-height: $input-line-height;
-        white-space: nowrap;
-        display: inline-flex;
-        flex-flow: row nowrap;
-        align-items: stretch;
-        vertical-align: middle;
-        transition: all .1s ease; // sass-lint:disable-block no-transition-all
-        position: relative;
-        cursor: default;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-
-        // Input
-        .k-input {}
-
-
-        // Loading icon
-        .k-i-loading {
-            width: $input-icon-width;
-            height: $input-icon-height;
-        }
-
-    }
-
-
-}

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

@@ -1,78 +0,0 @@
-@include exports("autocomplete/theme") {
-
-    // Remove first selector when https://github.com/telerik/kendo-angular-dropdowns/issues/656 is done.
-    .k-autocomplete.k-header,
-    .k-autocomplete {
-        @include fill(
-            $autocomplete-text,
-            $autocomplete-bg,
-            $autocomplete-border
-        );
-        @include box-shadow( $autocomplete-shadow );
-
-        // Hover state
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $autocomplete-hovered-text,
-                $autocomplete-hovered-bg,
-                $autocomplete-hovered-border
-            );
-            @include box-shadow( $autocomplete-hovered-shadow );
-        }
-
-        // Focus state
-        // &:focus-within,
-        &.k-state-open,
-        &.k-state-focused,
-        &.k-state-focus {
-            @include fill(
-                $autocomplete-focused-text,
-                $autocomplete-focused-bg,
-                $autocomplete-focused-border
-            );
-            @include box-shadow( $autocomplete-focused-shadow );
-        }
-        &:focus-within {
-            @include fill(
-                $autocomplete-focused-text,
-                $autocomplete-focused-bg,
-                $autocomplete-focused-border
-            );
-            @include box-shadow( $autocomplete-focused-shadow );
-        }
-
-        // Disabled state
-        &:disabled,
-        &.k-state-disabled {
-            @include fill(
-                $autocomplete-disabled-text,
-                $autocomplete-disabled-bg,
-                $autocomplete-disabled-border
-            );
-            @include box-shadow( $autocomplete-disabled-shadow );
-        }
-
-        // Invalid state
-        &.k-invalid,
-        &.k-state-invalid,
-        &.ng-invalid.ng-touched,
-        &.ng-invalid.ng-dirty {
-            @include fill(
-                $autocomplete-invalid-text,
-                $autocomplete-invalid-bg,
-                $autocomplete-invalid-border
-            );
-
-            // &:focus-within,
-            &.k-state-focused,
-            &.k-state-focus {
-                @include box-shadow( $autocomplete-invalid-shadow );
-            }
-            &:focus-within {
-                @include box-shadow( $autocomplete-invalid-shadow );
-            }
-        }
-    }
-
-}

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

@@ -1,25 +0,0 @@
-// Autocomplete
-$autocomplete-bg: $input-bg !default;
-$autocomplete-text: $input-text !default;
-$autocomplete-border: $input-border !default;
-$autocomplete-shadow: $input-shadow !default;
-
-$autocomplete-hovered-bg: $input-hovered-bg !default;
-$autocomplete-hovered-text: $input-hovered-text !default;
-$autocomplete-hovered-border: $input-hovered-border !default;
-$autocomplete-hovered-shadow: $input-hovered-shadow !default;
-
-$autocomplete-focused-bg: $input-focused-bg !default;
-$autocomplete-focused-text: $input-focused-text !default;
-$autocomplete-focused-border: $input-focused-border !default;
-$autocomplete-focused-shadow: $input-focused-shadow !default;
-
-$autocomplete-disabled-bg: null !default;
-$autocomplete-disabled-text: null !default;
-$autocomplete-disabled-border: null !default;
-$autocomplete-disabled-shadow: null !default;
-
-$autocomplete-invalid-bg: null !default;
-$autocomplete-invalid-text: null !default;
-$autocomplete-invalid-border: $invalid-border !default;
-$autocomplete-invalid-shadow: $invalid-shadow !default;

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

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

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

@@ -1,74 +0,0 @@
-@include exports( "avatar/layout" ) {
-
-    // Avatar
-    .k-avatar {
-        border-width: 0;
-        border-style: solid;
-        box-sizing: border-box;
-        flex-shrink: 0;
-        display: inline-flex;
-        flex-flow: row nowrap;
-        align-items: center;
-        justify-content: center;
-        vertical-align: middle;
-        overflow: hidden;
-    }
-
-
-    // Avatar text
-    .k-avatar-text,
-    .k-avatar-initials {
-        font-family: $avatar-font-family;
-        font-size: $avatar-font-size;
-        line-height: $avatar-line-height;
-    }
-
-
-    // Avatar icon
-    .k-avatar-icon {}
-
-
-    // Avatar image
-    .k-avatar-image {
-        width: 100%;
-        height: 100%;
-        background-position: center;
-        background-size: cover;
-        background-repeat: no-repeat;
-
-        > img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-    }
-
-
-    // Sizes
-    @each $name, $size in $avatar-sizes {
-        .k-avatar-#{$name} {
-            width: $size;
-            height: $size;
-            flex-basis: $size;
-        }
-    }
-
-
-    // Shapes
-    .k-avatar-square {}
-    .k-avatar-rounded {
-        @include border-radius( $avatar-border-radius );
-    }
-    .k-avatar-circle {
-        border-radius: 50%;
-    }
-
-
-    // Bordered
-    .k-avatar-bordered {
-        border-width: $avatar-border-width;
-    }
-
-
-}
-

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

@@ -1,23 +0,0 @@
-@include exports( "avatar/theme" ) {
-
-    // Solid Avatars
-    @each $name, $color in $avatar-theme-colors {
-        .k-avatar-solid.k-avatar-#{$name} {
-            border-color: $color;
-            color: contrast-wcag( $color );
-            background-color: $color;
-        }
-    }
-
-    // Outline avatars
-    .k-avatar-outline {
-        border-color: currentColor;
-    }
-
-    @each $name, $color in $avatar-theme-colors {
-        .k-avatar-outline.k-avatar-#{$name} {
-            color: $color;
-        }
-    }
-
-}

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

@@ -1,17 +0,0 @@
-// Avatar
-$avatar-border-width: 1px !default;
-$avatar-border-radius: map-get( $spacing, 1 ) !default;
-
-$avatar-font-family: $font-family !default;
-$avatar-font-size: $font-size !default;
-$avatar-line-height: $line-height !default;
-
-
-$avatar-sizes: (
-    sm: map-get( $spacing, 4 ),
-    md: map-get( $spacing, 8 ),
-    lg: map-get( $spacing, 16 )
-) !default;
-
-
-$avatar-theme-colors: $theme-colors !default;

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

@@ -1,12 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../utils/_position.scss";
-@import "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";