@progress/kendo-theme-classic 4.41.2-dev.2 → 5.0.0-next.2

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

@@ -1,189 +0,0 @@
-@include exports( "badge/layout" ) {
-
-    .k-badge {
-        padding: 0;
-        border-width: 0;
-        border-style: solid;
-        border-color: transparent;
-        box-sizing: border-box;
-        color: inherit;
-        background-color: transparent;
-        font: inherit;
-        text-align: center;
-        white-space: nowrap;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        vertical-align: middle;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-    .k-badge > * {
-        color: inherit;
-    }
-
-
-    // Links
-    a.k-badge,
-    .k-badge > a {
-        text-decoration: none;
-    }
-    a.k-badge:hover,
-    .k-badge > a:hover {
-        text-decoration: underline;
-    }
-
-
-    // Icon
-    .k-badge-icon {
-        max-width: 1em;
-        max-height: 1em;
-        font-size: inherit;
-    }
-    .k-badge-icon.k-svg-icon svg {
-        fill: currentColor;
-    }
-
-
-    // Badge sizes
-    .k-badge-sm {
-        padding: $badge-padding-y-sm $badge-padding-x-sm;
-        border-width: $badge-border-width-sm;
-        font-size: $badge-font-size-sm;
-        line-height: $badge-line-height-sm;
-
-        &:empty { padding: $badge-padding-y-sm; }
-    }
-    .k-badge-md {
-        padding: $badge-padding-y $badge-padding-x;
-        border-width: $badge-border-width;
-        font-size: $badge-font-size;
-        line-height: $badge-line-height;
-
-        &:empty { padding: $badge-padding-y; }
-    }
-    .k-badge-lg {
-        padding: $badge-padding-y-lg $badge-padding-x-lg;
-        border-width: $badge-border-width-lg;
-        font-size: $badge-font-size-lg;
-        line-height: $badge-line-height-lg;
-
-        &:empty { padding: $badge-padding-y-lg; }
-    }
-
-
-    // Badge shapes
-    .k-badge-rounded {
-        &.k-badge-sm { @include border-radius( $badge-border-radius-sm ); }
-        &.k-badge-md { @include border-radius( $badge-border-radius ); }
-        &.k-badge-lg { @include border-radius( $badge-border-radius-lg ); }
-    }
-    .k-badge-pill {
-        border-radius: 5rem;
-    }
-    .k-badge-circle {
-        padding: 0 !important; // sass-lint:disable-line no-important
-        border-radius: 100%;
-
-        &.k-badge-sm {
-            width: $badge-size-sm;
-            height: $badge-size-sm;
-        }
-        &.k-badge-md {
-            width: $badge-size;
-            height: $badge-size;
-        }
-        &.k-badge-lg {
-            width: $badge-size-lg;
-            height: $badge-size-lg;
-        }
-    }
-    .k-badge-dot {
-        padding: 0 !important;  // sass-lint:disable-line no-important
-        border-radius: 100%;
-        font-size: 0;
-
-        &.k-badge-sm {
-            width: $badge-dot-size-sm;
-            height: $badge-dot-size-sm;
-        }
-        &.k-badge-md {
-            width: $badge-dot-size;
-            height: $badge-dot-size;
-        }
-        &.k-badge-lg {
-            width: $badge-dot-size-lg;
-            height: $badge-dot-size-lg;
-        }
-    }
-
-    kendo-badge-container {
-        display: inline-block;
-    }
-
-    // Badge position
-    .k-badge-container {
-        position: relative;
-        overflow: visible;
-    }
-    @each $placement, $translate in ("inside": null, "edge": 50, "outside": 100) {
-
-        .k-badge-#{$placement} {
-            position: absolute;
-            z-index: 9999;
-
-            &.k-top-start {
-                @if $translate {
-                    transform: translate( -1% * $translate, -1% * $translate );
-                }
-            }
-            &.k-top-end {
-                @if $translate {
-                    transform: translate( 1% * $translate, -1% * $translate );
-                }
-            }
-            &.k-bottom-start {
-                @if $translate {
-                    transform: translate( -1% * $translate, 1% * $translate );
-                }
-            }
-            &.k-bottom-end {
-                @if $translate {
-                    transform: translate( 1% * $translate, 1% * $translate );
-                }
-            }
-        }
-
-        .k-rtl .k-badge-#{$placement},
-        [dir="rtl"].k-badge-#{$placement},
-        [dir="rtl"] .k-badge-#{$placement} {
-            &.k-top-start {
-                @if $translate {
-                    transform: translate( 1% * $translate, -1% * $translate );
-                }
-            }
-            &.k-top-end {
-                @if $translate {
-                    transform: translate( -1% * $translate, -1% * $translate );
-                }
-            }
-            &.k-bottom-start {
-                @if $translate {
-                    transform: translate( 1% * $translate, 1% * $translate );
-                }
-            }
-            &.k-bottom-end {
-                @if $translate {
-                    transform: translate( -1% * $translate, 1% * $translate );
-                }
-            }
-        }
-    }
-
-
-    // Border cutout
-    .k-badge-border-cutout {
-        box-shadow: 0 0 0 2px $component-bg;
-    }
-
-}

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

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

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

@@ -1,36 +0,0 @@
-// Badge
-$badge-padding-x: $padding-x-sm !default;
-$badge-padding-y: $badge-padding-x !default;
-$badge-border-width: 1px !default;
-$badge-border-radius: $border-radius !default;
-$badge-font-size: $font-size-xs !default;
-$badge-line-height: 1 !default;
-
-$badge-padding-x-sm: ( $badge-padding-x / 2 ) !default;
-$badge-padding-y-sm: ( $badge-padding-y / 2 ) !default;
-$badge-border-width-sm: $badge-border-width !default;
-$badge-border-radius-sm: $border-radius-sm !default;
-$badge-font-size-sm: $font-size-xs !default;
-$badge-line-height-sm: 1 !default;
-
-$badge-padding-x-lg: ( $badge-padding-x * 1.5 ) !default;
-$badge-padding-y-lg: ( $badge-padding-y * 1.5 ) !default;
-$badge-border-width-lg: $badge-border-width !default;
-$badge-border-radius-lg: $border-radius-lg !default;
-$badge-font-size-lg: $font-size-sm !default;
-$badge-line-height-lg: 1 !default;
-
-$badge-fixed-size: 20px !default;
-$badge-calc-size: calc( #{$badge-line-height * 1em} + #{$badge-padding-y * 2} + #{$badge-border-width * 2} ) !default;
-$badge-size: if( $use-calc-badge-size, $badge-calc-size, $badge-fixed-size );
-$badge-dot-size: 10px;
-
-$badge-fixed-size-sm: 16px !default;
-$badge-calc-size-sm: calc( #{$badge-line-height-sm * 1em} + #{$badge-padding-y-sm * 2} + #{$badge-border-width-sm * 2} ) !default;
-$badge-size-sm: if( $use-calc-badge-size, $badge-calc-size-sm, $badge-fixed-size-sm );
-$badge-dot-size-sm: 6px;
-
-$badge-fixed-size-lg: 26px !default;
-$badge-calc-size-lg: calc( #{$badge-line-height-lg * 1em} + #{$badge-padding-y-lg * 2} + #{$badge-border-width-lg * 2} ) !default;
-$badge-size-lg: if( $use-calc-badge-size, $badge-calc-size-lg, $badge-fixed-size-lg );
-$badge-dot-size-lg: 12px;

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

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

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

@@ -1,109 +0,0 @@
-@include exports("bottom-navigation/layout") {
-
-    // Bottom Navigation
-    .k-bottom-nav {
-        padding: $bottom-nav-padding-y $bottom-nav-padding-x;
-        width: 100%;
-        border-width: 0;
-        border-style: solid;
-        border-color: transparent;
-        box-sizing: border-box;
-        font-size: $bottom-nav-font-size;
-        line-height: $bottom-nav-line-height;
-        font-family: $bottom-nav-font-family;
-        letter-spacing: $bottom-nav-letter-spacing;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        white-space: nowrap;
-        gap: $bottom-nav-gap;
-        overflow: hidden;
-        outline: none;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-    }
-
-    .k-bottom-nav-border {
-        border-width: $bottom-nav-border-width;
-    }
-
-    .k-bottom-nav-shadow {
-        box-shadow: $bottom-nav-shadow;
-    }
-
-    // Items
-    .k-bottom-nav-item {
-        padding: $bottom-nav-item-padding-y $bottom-nav-item-padding-x;
-        min-width: $bottom-nav-item-min-width;
-        max-width: $bottom-nav-item-max-width;
-        min-height: $bottom-nav-item-min-height;
-        border-width: 0;
-        border-radius: $bottom-nav-item-border-radius;
-        box-sizing: border-box;
-        font: inherit;
-        display: inline-flex;
-        flex: 1 1 auto;
-        align-items: center;
-        justify-content: center;
-        gap: $bottom-nav-item-gap;
-        text-decoration: none;
-        cursor: pointer;
-        color: inherit;
-        background-color: inherit;
-        border-color: inherit;
-        outline: none;
-
-        &:focus {
-            outline: none;
-        }
-
-        &:hover {
-            color: inherit;
-            text-decoration: none;
-        }
-
-        > .k-bottom-nav-link {
-            margin: (-$bottom-nav-item-padding-y) (-$bottom-nav-item-padding-x);
-            padding: $bottom-nav-item-padding-y $bottom-nav-item-padding-x;
-            width: 100%;
-            color: inherit;
-            display: flex;
-            flex-direction: row;
-            flex-wrap: nowrap;
-            flex: 1 0 auto;
-            align-items: center;
-            justify-content: center;
-            outline: 0;
-        }
-    }
-    .k-bottom-nav-item.k-state-disabled {
-        background-color: initial;
-    }
-
-    .k-bottom-nav-item-icon {
-        font-size: $bottom-nav-item-icon-size;
-    }
-
-    .k-bottom-nav-item-text {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        max-width: 100%;
-    }
-
-    // Horizontal Item Layout
-    .k-bottom-nav-item-flow-horizontal .k-bottom-nav-item {
-        flex-direction: row;
-        flex-wrap: nowrap;
-    }
-
-    // Vertical Item Layout
-    .k-bottom-nav-item-flow-vertical .k-bottom-nav-item {
-        flex-direction: column;
-    }
-
-    // Positioning
-    .k-bottom-nav.k-pos-fixed {
-        bottom: 0;
-        z-index: 1;
-    }
-}

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

@@ -1,56 +0,0 @@
-@include exports("bottom-navigation/theme") {
-
-    // Solid
-    @each $name, $color in $theme-colors {
-        .k-bottom-nav-solid.k-bottom-nav-#{$name} {
-            @include fill(
-                $color: true-mix( $color, contrast-wcag( $color ), 35%),
-                $bg: $color
-            );
-
-            .k-bottom-nav-item.k-state-focus,
-            .k-bottom-nav-item.k-state-focused,
-            .k-bottom-nav-item:focus {
-                @include fill( $bg: rgba(true-mix( $color, contrast-wcag( $color ), 35%), .2));
-            }
-
-            .k-bottom-nav-item.k-state-selected {
-                @include fill( $color: contrast-wcag( $color ) );
-            }
-        }
-    }
-
-    // Flat
-    .k-bottom-nav-flat {
-        @include fill(
-            $bottom-nav-flat-text,
-            $bottom-nav-flat-bg,
-            $bottom-nav-flat-border
-        );
-
-        .k-bottom-nav-item.k-state-focus,
-        .k-bottom-nav-item.k-state-focused,
-        .k-bottom-nav-item:focus {
-            @include fill( $bg: rgba($bottom-nav-flat-text, .05) );
-        }
-
-        @each $name, $color in $theme-colors {
-            &.k-bottom-nav-#{$name} .k-bottom-nav-item.k-state-selected {
-                @if $name == "secondary" or $name == "light" {
-                    @include fill( $color: try-shade($color, 3) );
-                } @else {
-                    @include fill( $color: $color );
-                }
-            }
-        }
-    }
-
-}
-
-@include exports( "bottom-navigation/theme/legacy" ) {
-
-    .k-ie .k-bottom-nav-item {
-        background-color: transparent;
-    }
-
-}

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

@@ -1,31 +0,0 @@
-// Bottom-navigation
-$bottom-nav-padding-x: map-get( $spacing, 1 ) !default;
-$bottom-nav-padding-y: $bottom-nav-padding-x !default;
-$bottom-nav-gap: $bottom-nav-padding-x !default;
-$bottom-nav-border-width: 1px 0px 0px 0px !default;
-
-$bottom-nav-font-family: $font-family !default;
-$bottom-nav-font-size: $font-size !default;
-$bottom-nav-line-height: normal !default;
-$bottom-nav-letter-spacing: .2px !default;
-
-$bottom-nav-item-padding-x: map-get( $spacing, 2 ) !default;
-$bottom-nav-item-padding-y: 0 !default;
-$bottom-nav-item-min-width: 72px !default;
-$bottom-nav-item-max-width: null !default;
-$bottom-nav-item-min-height: calc( #{$icon-size * 2.5} + #{$padding-x * 2} - #{$bottom-nav-padding-x * 2} ) !default;
-$bottom-nav-item-border-radius: $border-radius !default;
-$bottom-nav-item-gap: 0 map-get( $spacing, 1 ) !default;
-
-$bottom-nav-item-icon-margin-y: map-get( $spacing, 2 ) !default;
-$bottom-nav-item-icon-margin-x: $bottom-nav-item-icon-margin-y !default;
-$bottom-nav-item-icon-size: map-get( $spacing, 6 ) !default;
-$bottom-nav-item-disabled-opacity: .5 !default;
-
-$bottom-nav-shadow: 0px 0px 5px rgba(0, 0, 0, .12) !default;
-
-$bottom-nav-flat-bg: $component-bg !default;
-$bottom-nav-flat-text: $component-text !default;
-$bottom-nav-flat-border: $component-border !default;
-
-

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

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

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

@@ -1,148 +0,0 @@
-@include exports( "breadcrumb/layout" ) {
-
-    // Breadcrumb
-    .k-breadcrumb {
-        margin: $breadcrumb-margin-y $breadcrumb-margin-x;
-        padding: $breadcrumb-padding-y $breadcrumb-padding-x;
-        border-width: $breadcrumb-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $breadcrumb-font-family;
-        font-size: $breadcrumb-font-size;
-        line-height: $breadcrumb-line-height;
-        display: flex;
-        flex-direction: row;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-    }
-
-
-    // Breadcrumb container
-    .k-breadcrumb-container,
-    .k-breadcrumb-root-item-container {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: flex;
-        flex-flow: row nowrap;
-        overflow: hidden;
-    }
-
-    .k-breadcrumb-container {
-
-        &.k-flex-wrap {
-            flex-wrap: wrap;
-        }
-    }
-    .k-breadcrumb-root-item-container {
-        align-items: flex-start;
-        flex-shrink: 0;
-    }
-
-
-    // Breadcrumb item
-    .k-breadcrumb-item {
-        vertical-align: middle;
-        display: inline-flex;
-        flex-direction: row;
-        align-items: center;
-        overflow: hidden;
-    }
-
-
-    // Breadcrumb root item
-    .k-breadcrumb-root-item {
-        flex-shrink: 0;
-    }
-
-
-    // Breadcrumb links
-    .k-breadcrumb-link,
-    .k-breadcrumb-root-link {
-        @include border-radius( $breadcrumb-link-border-radius );
-        padding: $breadcrumb-link-padding-y $breadcrumb-link-padding-x;
-        color: $breadcrumb-link-initial-text;
-        text-decoration: none;
-        white-space: nowrap;
-        outline: none;
-        cursor: pointer;
-        position: relative;
-        display: inline-flex;
-        align-items: center;
-        align-self: stretch;
-        overflow: hidden;
-        transition: $transition;
-    }
-
-    .k-breadcrumb-root-link {
-        margin-right: $breadcrumb-root-link-spacing;
-    }
-
-    .k-breadcrumb-link > .k-image,
-    .k-breadcrumb-icontext-link .k-icon {
-        margin-right: $breadcrumb-link-icon-spacing;
-    }
-
-    .k-breadcrumb-icon-link {
-        padding: $breadcrumb-icon-link-padding-y $breadcrumb-icon-link-padding-x;
-    }
-
-
-    // Breadcrumb delimiter
-    .k-breadcrumb-delimiter,
-    .k-breadcrumb-delimiter-icon {
-        color: inherit;
-        font-size: $breadcrumb-delimiter-icon-font-size;
-        opacity: $disabled-opacity;
-    }
-
-
-    // Editing
-    .k-breadcrumb-input-container {
-        width: 100%;
-
-        .k-breadcrumb-input-container {
-            border-color: transparent;
-        }
-
-        .k-textbox {
-            width: 100%;
-            height: 100%;
-        }
-    }
-
-
-    // Legacy
-    .k-ie9 {
-        .k-breadcrumb,
-        .k-breadcrumb-container {
-            display: block;
-        }
-
-        .k-breadcrumb-item {
-            display: inline-block;
-        }
-    }
-
-    @include exports("breadcrumb/layout/rtl") {
-
-        .k-breadcrumb {
-            &[dir="rtl"],
-            .k-rtl & {
-                .k-breadcrumb-root-link {
-                    margin-right: 0;
-                    margin-left: $breadcrumb-root-link-spacing;
-                }
-
-                .k-breadcrumb-link > .k-image,
-                .k-breadcrumb-icontext-link .k-icon {
-                    margin-right: 0;
-                    margin-left: $breadcrumb-link-icon-spacing;
-                }
-            }
-        }
-
-    }
-
-}

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

@@ -1,79 +0,0 @@
-@include exports( "breadcrumb/theme" ) {
-
-    // Breadcrumb
-    .k-breadcrumb {
-        @include fill(
-            $breadcrumb-text,
-            $breadcrumb-bg,
-            $breadcrumb-border
-        );
-
-        &:focus,
-        &.k-state-focused {
-            @include box-shadow( $breadcrumb-focused-shadow );
-        }
-    }
-
-
-    // Breadcrumb link
-    .k-breadcrumb-link {
-        @include fill(
-            $breadcrumb-link-text,
-            $breadcrumb-link-bg,
-            $breadcrumb-link-border
-        );
-
-        // Hovered state
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $breadcrumb-link-hovered-text,
-                $breadcrumb-link-hovered-bg,
-                $breadcrumb-link-hovered-border
-            );
-        }
-
-        // Focused state
-        &:focus,
-        &.k-state-focused {
-            @include fill(
-                $breadcrumb-link-focused-text,
-                $breadcrumb-link-focused-bg,
-                $breadcrumb-link-focused-border
-            );
-            @include box-shadow( $breadcrumb-link-focused-shadow );
-        }
-    }
-
-
-    // Breadcrumb root link
-    .k-breadcrumb-root-link {
-        @include fill(
-            $breadcrumb-root-link-text,
-            $breadcrumb-root-link-bg,
-            $breadcrumb-root-link-border
-        );
-
-        // Hovered state
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $breadcrumb-root-link-hovered-text,
-                $breadcrumb-root-link-hovered-bg,
-                $breadcrumb-root-link-hovered-border
-            );
-        }
-
-        // Focused state
-        &:focus,
-        &.k-state-focused {
-            @include fill(
-                $breadcrumb-root-link-focused-text,
-                $breadcrumb-root-link-focused-bg,
-                $breadcrumb-root-link-focused-border
-            );
-            @include box-shadow( $breadcrumb-root-link-focused-shadow );
-        }
-    }
-
-}