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

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

@@ -1,177 +0,0 @@
-@include exports("chip/layout") {
-
-    .k-chip-list {
-        display: inline-flex;
-
-        > * {
-            margin-right: $chips-margin;
-
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-    }
-
-    .k-selection-single {
-        .k-selected-icon-wrapper {
-            display: none;
-        }
-    }
-
-    .k-selection-multiple {
-        .k-selected-icon-wrapper {
-            width: 0;
-            height: $chip-selected-icon-size;
-            position: relative;
-            left: $chip-selected-icon-offset;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            visibility: hidden;
-            z-index: 1;
-        }
-
-        .k-selected-icon {
-            font-size: $chip-selected-icon-font-size;
-        }
-
-        .k-chip-selected {
-            .k-selected-icon-wrapper {
-                width: $chip-selected-icon-size;
-                visibility: visible;
-            }
-        }
-
-        > .k-chip-has-icon {
-            .k-selected-icon-wrapper {
-                border-radius: 50%;
-                position: absolute;
-            }
-        }
-
-        :not(.k-chip-has-icon) {
-            .k-selected-icon-wrapper {
-                left: $chip-selected-icon-no-icon-offset;
-                opacity: 0;
-                transition: width .2s, opacity .2s;
-            }
-
-            &.k-chip-selected {
-                .k-selected-icon-wrapper {
-                    opacity: 1;
-                }
-            }
-        }
-    }
-
-    .k-chip {
-        overflow: hidden;
-        padding: $chip-padding-y $chip-padding-x;
-        height: $chip-height;
-        border-radius: $chip-border-radius;
-        position: relative;
-        box-sizing: border-box;
-        border-width: 1px;
-        border-style: solid;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        font-size: $chip-font-size;
-        cursor: pointer;
-        user-select: none;
-
-        &:focus,
-        &.k-chip-focus {
-            outline: 0;
-        }
-
-        &.k-chip-disabled {
-            @include disabled( $disabled-styling );
-        }
-    }
-
-    .k-chip-content {
-        min-width: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        padding: 0 $chip-content-padding-x;
-        flex: 1 1 auto;
-    }
-
-    .k-chip-icon,
-    .k-remove-icon {
-        width: $chip-icons-size;
-        height: $chip-icons-size;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex: 1 0 auto;
-    }
-
-    .k-chip-icon {
-        margin-left: $chip-icon-margin;
-    }
-
-    .k-remove-icon {
-        margin-right: $chip-remove-icon-margin;
-        font-size: $chip-remove-icon-font-size;
-    }
-
-    .k-chip-avatar {
-        width: $chip-avatar-size;
-        height: $chip-avatar-size;
-        border-radius: 50%;
-        background-size: cover;
-        background-position: center;
-    }
-
-}
-
-
-@include exports("chip/layout/rtl") {
-
-    .k-chip-list {
-        &[dir="rtl"],
-        .k-rtl & {
-            > * {
-                margin-right: 0;
-                margin-left: $chips-margin;
-
-                &:last-child {
-                    margin-left: 0;
-                }
-            }
-        }
-    }
-
-    .k-chip {
-        &[dir="rtl"],
-        .k-rtl & {
-            .k-chip-icon {
-                margin-left: 0;
-                margin-right: $chip-icon-margin;
-            }
-
-            .k-remove-icon {
-                margin-right: 0;
-                margin-left: $chip-remove-icon-margin;
-            }
-
-            .k-selection-multiple & {
-                .k-selected-icon-wrapper {
-                    left: 0;
-                    right: $chip-selected-icon-offset;
-                }
-
-                &:not(.k-chip-has-icon) {
-                    .k-selected-icon-wrapper {
-                        left: 0;
-                        right: $chip-selected-icon-no-icon-offset;
-                    }
-                }
-            }
-        }
-    }
-
-}

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

@@ -1,193 +0,0 @@
-@include exports("chip/theme") {
-
-    .k-selection-single {
-        .k-chip-selected {
-            &.k-chip-filled {
-                @include fill(
-                    $chip-filled-single-selected-text,
-                    $chip-filled-single-selected-bg,
-                    $chip-filled-single-selected-border
-                );
-            }
-
-            &.k-chip-outline {
-                @include fill(
-                    $chip-outline-single-selected-text,
-                    $chip-outline-single-selected-bg,
-                    $chip-outline-single-selected-border
-                );
-            }
-        }
-    }
-
-    .k-selection-multiple {
-        > .k-chip-has-icon {
-            &.k-chip-selected {
-                .k-selected-icon-wrapper {
-                    color: $chip-multiple-selected-icon-text;
-                    background-color: $chip-multiple-selected-icon-bg;
-                }
-            }
-        }
-    }
-
-    .k-chip-filled {
-        @include fill(
-            $chip-filled-text,
-            $chip-filled-bg,
-            $chip-filled-border
-        );
-
-        &:hover,
-        &.k-chip-hover {
-            background-color: $chip-filled-hovered-bg;
-            border-color: $chip-filled-hovered-border;
-        }
-
-        &:focus,
-        &.k-chip-focused {
-            background-color: $chip-filled-focused-bg;
-            box-shadow: $chip-filled-focused-shadow;
-        }
-
-        &.k-chip-selected {
-            background-color: $chip-filled-selected-bg;
-            border-color: $chip-filled-selected-border;
-        }
-
-        &.k-chip-success {
-            @include fill(
-                $chip-filled-success-text,
-                $chip-filled-success-bg,
-                $chip-filled-success-border
-            );
-        }
-
-        &.k-chip-warning {
-            @include fill(
-                $chip-filled-warning-text,
-                $chip-filled-warning-bg,
-                $chip-filled-warning-border
-            );
-        }
-
-        &.k-chip-error {
-            @include fill(
-                $chip-filled-error-text,
-                $chip-filled-error-bg,
-                $chip-filled-error-border
-            );
-        }
-
-        &.k-chip-info {
-            @include fill(
-                $chip-filled-info-text,
-                $chip-filled-info-bg,
-                $chip-filled-info-border
-            );
-        }
-    }
-
-    .k-chip-outline {
-        @include fill(
-            $chip-outline-text,
-            $chip-outline-bg,
-            $chip-outline-border
-        );
-
-        &:hover,
-        &.k-chip-hover {
-            @include fill(
-                $chip-outline-hovered-text,
-                $chip-outline-hovered-bg,
-                $chip-outline-hovered-border
-            );
-        }
-
-        &:focus,
-        &.k-chip-focused {
-            @include fill(
-                $chip-outline-focused-text,
-                $chip-outline-focused-bg,
-                $chip-outline-focused-border
-            );
-            box-shadow: $chip-outline-focused-shadow;
-        }
-
-        &.k-chip-selected {
-            color: $chip-outline-selected-text;
-            background-color: $chip-outline-selected-bg;
-        }
-
-        &.k-chip-success {
-            @include fill(
-                $chip-outline-success-text,
-                $chip-outline-success-bg,
-                $chip-outline-success-border
-            );
-        }
-
-        &.k-chip-warning {
-            @include fill(
-                $chip-outline-warning-text,
-                $chip-outline-warning-bg,
-                $chip-outline-warning-border
-            );
-        }
-
-        &.k-chip-error {
-            @include fill(
-                $chip-outline-error-text,
-                $chip-outline-error-bg,
-                $chip-outline-error-border
-            );
-        }
-
-        &.k-chip-info {
-            @include fill(
-                $chip-outline-info-text,
-                $chip-outline-info-bg,
-                $chip-outline-info-border
-            );
-        }
-    }
-
-
-    // Chip colors
-    .k-chip-primary {
-
-        &:focus,
-        &.k-chip-focus {
-            box-shadow: $chip-primary-focus-shadow;
-        }
-    }
-    .k-chip-info {
-
-        &:focus,
-        &.k-chip-focus {
-            box-shadow: $chip-info-focus-shadow;
-        }
-    }
-    .k-chip-success {
-
-        &:focus,
-        &.k-chip-focus {
-            box-shadow: $chip-success-focus-shadow;
-        }
-    }
-    .k-chip-warning {
-
-        &:focus,
-        &.k-chip-focus {
-            box-shadow: $chip-warning-focus-shadow;
-        }
-    }
-    .k-chip-error {
-
-        &:focus,
-        &.k-chip-focus {
-            box-shadow: $chip-error-focus-shadow;
-        }
-    }
-
-}

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

@@ -1,104 +0,0 @@
-// Chip
-$chips-margin: 8px !default;
-
-$chip-padding-x: 0px !default;
-$chip-padding-y: 4px !default;
-$chip-height: 24px !default;
-$chip-border-radius: $chip-height / 2 !default;
-$chip-font-size: 14px !default;
-
-$chip-selected-icon-size: 16px !default;
-$chip-selected-icon-offset: 4px !default;
-$chip-selected-icon-no-icon-offset: $chip-selected-icon-offset !default;
-$chip-selected-icon-font-size: $chip-font-size !default;
-
-$chip-content-padding-x: 8px !default;
-
-$chip-icons-size: 16px !default;
-$chip-icon-margin: 4px !default;
-$chip-remove-icon-margin: 8px !default;
-$chip-remove-icon-font-size: 14px !default;
-
-$chip-avatar-size: 16px !default;
-
-$chip-filled-bg: #ebebeb !default;
-$chip-filled-text: $body-text !default;
-$chip-filled-border: rgba( black, .08 ) !default;
-
-$chip-filled-hovered-bg: try-shade( $chip-filled-bg, .5 ) !default;
-$chip-filled-hovered-text: null !default;
-$chip-filled-hovered-border: null !default;
-
-$chip-filled-focused-bg: $chip-filled-bg !default;
-$chip-filled-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
-
-$chip-filled-selected-bg: try-shade( $chip-filled-bg, 1 ) !default;
-$chip-filled-selected-text: null !default;
-$chip-filled-selected-border: null !default;
-
-$chip-filled-success-bg: rgba( $success, .12 ) !default;
-$chip-filled-success-text: $success !default;
-$chip-filled-success-border: rgba( $success, .3 ) !default;
-
-$chip-filled-warning-bg: rgba( $warning, .12 ) !default;
-$chip-filled-warning-text: $warning !default;
-$chip-filled-warning-border: rgba($warning, .3 ) !default;
-
-$chip-filled-error-bg: rgba( $error, .12 ) !default;
-$chip-filled-error-text: $error !default;
-$chip-filled-error-border: rgba( $error, .3 ) !default;
-
-$chip-filled-info-bg: rgba( $info, .12 ) !default;
-$chip-filled-info-text: $info !default;
-$chip-filled-info-border: rgba( $info, .3 ) !default;
-
-$chip-outline-bg: transparent !default;
-$chip-outline-text: $body-text !default;
-$chip-outline-border: $body-text !default;
-
-$chip-outline-hovered-bg: $body-text !default;
-$chip-outline-hovered-text: #ffffff !default;
-$chip-outline-hovered-border: rgba( black, .08 ) !default;
-
-$chip-outline-focused-bg: $chip-outline-bg !default;
-$chip-outline-focused-text: $chip-outline-text !default;
-$chip-outline-focused-border: $chip-outline-border !default;
-$chip-outline-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
-
-$chip-outline-selected-bg: $body-text !default;
-$chip-outline-selected-text: #ffffff !default;
-
-$chip-outline-success-bg: transparent !default;
-$chip-outline-success-text: $success !default;
-$chip-outline-success-border: rgba( $success, .54 ) !default;
-
-$chip-outline-warning-bg: transparent !default;
-$chip-outline-warning-text: $warning !default;
-$chip-outline-warning-border: rgba( $warning, .54 ) !default;
-
-$chip-outline-error-bg: transparent !default;
-$chip-outline-error-text: $error !default;
-$chip-outline-error-border: rgba( $error, .54 ) !default;
-
-$chip-outline-info-bg: transparent !default;
-$chip-outline-info-text: $info !default;
-$chip-outline-info-border: rgba( $info, .54 ) !default;
-
-$chip-filled-single-selected-bg: rgba( $primary, .08 ) !default;
-$chip-filled-single-selected-text: $primary !default;
-$chip-filled-single-selected-border: rgba( $primary, .2 ) !default;
-
-$chip-outline-single-selected-bg: transparent !default;
-$chip-outline-single-selected-text: $primary !default;
-$chip-outline-single-selected-border: rgba( $primary, .2 ) !default;
-
-$chip-multiple-selected-icon-bg: rgba( black, .44 ) !default;
-$chip-multiple-selected-icon-text: #ffffff !default;
-
-
-$chip-primary-focus-shadow: 0 0 0 2px rgba( $primary, .16 ) !default;
-$chip-secondary-focus-shadow: 0 0 0 2px rgba( $secondary, .16 ) !default;
-$chip-info-focus-shadow: 0 0 0 2px rgba( $info, .16 ) !default;
-$chip-success-focus-shadow: 0 0 0 2px rgba( $success, .16 ) !default;
-$chip-warning-focus-shadow: 0 0 0 2px rgba( $warning, .16 ) !default;
-$chip-error-focus-shadow: 0 0 0 2px rgba( $error, .16 ) !default;

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

@@ -1,19 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../utils/_flex.scss";
-@import "../button/_index.scss";
-@import "../numerictextbox/_index.scss";
-@import "../slider/_index.scss";
-@import "../popup/_index.scss";
-@import "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "images/alpha-slider-bgr.scss";
-@import "images/alpha-slider-bgr-reversed.scss";
-@import "_layout.scss";
-@import "_theme.scss";