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

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

@@ -1,28 +0,0 @@
-// Map
-$map-border-width: 0px !default;
-
-$map-font-size: $font-size !default;
-$map-line-height: $line-height !default;
-$map-font-family: $font-family !default;
-
-$map-bg: $component-bg !default;
-$map-text: $component-text !default;
-$map-border: $component-border !default;
-
-$map-navigator-margin: $spacer-x !default;
-$map-navigator-padding: 2px !default;
-$map-navigator-width: calc( #{$icon-size * 3} + #{$map-navigator-padding * 2} ) !default;
-$map-navigator-height: $map-navigator-width !default;
-$map-navigator-border-width: 1px !default;
-
-$map-zoom-control-margin: $spacer-x !default;
-$map-zoom-control-button-padding-x: $button-padding-y !default;
-$map-zoom-control-button-padding-y: $map-zoom-control-button-padding-x !default;
-
-$map-attribution-padding-x: $padding-x-sm !default;
-$map-attribution-padding-y: $padding-y-sm !default;
-$map-attribution-font-size: ($map-font-size * .75) !default;
-$map-attribution-bg: rgba( $map-bg, .8 ) !default;
-
-$map-marker-size: $icon-size-lg !default;
-$map-marker-fill: $primary !default;

package/modules/@progress/kendo-theme-default/scss/map/images/markers.scss

@@ -1,3 +0,0 @@
-@include exports("markers.png") {
-    @include register-data-uri("markers.png", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABQCAYAAAAKlxWDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA35JREFUeNrsWF1IVEEUPu7amhKUmqUUkhEYYn9PamgbROKTEERB1HNP0pMvJUVhZQhCEEQPQiAIkiQIQShEZmg99SdLgiRJpbGmGIu/aZ2zzJXrvWf2zty7PgTzwQd3Z86Z796z58wMJ+PruXxQwCHkGeRpZDbyqBh/j1xA9iN7kJ+8FsrwECSRu8hSUMMosgnZLTMIScaLkUPIpxpiIGyfCN9iVcEo8h2yCvyjSqwR9RIkgz5kHgRHnlhrg2im7blEhCPCeW89fBJyKuohsv8IRPaV46uGYfnLhyTn3/bC4seXnFtErFmBHHcmzSCy2umRWVgC+ZfvQ1bZ8ZSfsxQbgl+PrsCfqXFu+jWyxh7Ss5xY1sFKKLzd5ymWtEWbpC36MKgWGuuCzdyXFTR2QGhbrvKfRrbkQ74Mmi3BKJf6FEYdMbso+UpKJkpJU+dKkPIaNoyrM5Mw23Edlj6/WQ957qVbEM4rcoWX1lgcGXQuURfi6o2y0YmVH2Mw2XgC5od6ksJEeqaxlW+joLIGaZFgGVcCTsx13YG1xKxrnMZoTmUN0iLB7c7R8M49LktJnSWxwMxxa5AWu5f+XV6EzQIJznHJwSWSDNlM+Fanv3OmcyQY43YNVyzOX2XLhMZoTvEviJHgsHOU9kYntuwthaLWV5BTWQ/hHbuSpGcaozmVNUiL9lIqfNfr7L7Rq7SlyfbVnzfZsjhFXzggTuoNoI14bf63thj5kK/kNvDCytIm5yzt+vF7F9jak4qhbbz1ouzEaLJv3t3iCNkYGtzCpq7Vrm9lKcNo2TIJJ/Kk23keHhB3kQLPAxhJUDiACXEkJcMYd2uzrhiRNNX5MrJW5Al7pxkQBjNpEJtxislubWRwjKtPDQyLNQZU76UTIu4NPsQahO+EzkXYwgNu60uBmPAB3Zu3HS0agp62KoJdsvAwf0NXOgQptdsU7NqEbWBBQrso4FQl0K56AKsggXzokVyJdAqmWjThlZl+BeOSsD32CLdvQSsxVu1XF2Sr7iVKB5T6nbbfnYol41vQWdwtus6ZPgRp+3pme950QV9fpito+jSmT2P6NKZP479PE9Lp06jC6tMwUO/T6CJwn0YXgfs0uvj/+jS6CNyn0UXgPo0uZH0aEnzueruRwUBfSb5Mr5TQb/o0pk9j+jSmT2P6NKZPY/o0pk9j+jQ+8E+AAQDpbNHEyW7DTAAAAABJRU5ErkJggg==")
-}

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

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

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

@@ -1,50 +0,0 @@
-@include exports("maskedtextbox/layout") {
-
-    .k-maskedtextbox {
-        width: $input-default-width;
-        font-family: $input-font-family;
-        font-size: $input-font-size;
-        line-height: $input-line-height;
-        border-width: 0;
-        box-sizing: border-box;
-        outline: 0;
-        background: none;
-        text-align: left;
-        white-space: nowrap;
-        display: inline-flex;
-        vertical-align: middle;
-        position: relative;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        > .k-textbox {
-            flex: 1 0 0%;
-            min-width: 0;
-
-            &.k-state-invalid {
-                transition: none;
-            }
-        }
-
-        .k-i-warning {
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-            right: $padding-x;
-        }
-
-        &[dir="rtl"],
-        .k-rtl & {
-            text-align: right;
-
-            .k-i-warning {
-                right: auto;
-                left: $padding-x;
-            }
-        }
-
-        ::-ms-clear {
-            display: none;
-        }
-    }
-}

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

@@ -1,24 +0,0 @@
-@include exports("maskedtextbox/theme") {
-
-    .k-maskedtextbox {
-
-        .k-i-warning {
-            color: $error;
-        }
-
-        &.k-state-invalid,
-        &.ng-invalid.ng-touched,
-        &.ng-invalid.ng-dirty {
-            .k-textbox {
-                border-color: $invalid-border;
-            }
-
-            &:focus,
-            &.k-state-focused {
-                .k-textbox {
-                    @include box-shadow($invalid-shadow);
-                }
-            }
-        }
-    }
-}

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

@@ -1 +0,0 @@
-// Masked textbox

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

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

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

@@ -1,88 +0,0 @@
-@include exports("mediaplayer/layout") {
-
-    // Base
-    .k-mediaplayer {
-        border-width: $mediaplayer-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $mediaplayer-font-family;
-        font-size: $mediaplayer-font-size;
-        line-height: $mediaplayer-line-height;
-        display: block;
-        position: relative;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        > iframe {
-            width: 100%;
-            height: 100%;
-            border: 0;
-            vertical-align: top;
-        }
-    }
-
-
-    // Title bar
-    .k-mediaplayer-titlebar {
-        padding: $mediaplayer-titlebar-padding-y $mediaplayer-titlebar-padding-x;
-        position: absolute;
-        z-index: 2;
-        top: 0;
-        left: 0;
-        right: 0;
-    }
-
-
-    // Toolbar
-    .k-mediaplayer-toolbar-wrap {
-        position: absolute;
-        z-index: 2;
-        bottom: 0;
-        left: 0;
-        right: 0;
-    }
-    .k-mediaplayer-toolbar {
-        border-width: 0;
-        // sass-lint:disable no-important
-        width: 100% !important;
-        // sass-lint:enable no-important
-        box-shadow: none;
-    }
-    .k-mediaplayer-time-wrap {
-        flex: 1;
-    }
-    .k-mediaplayer-volume-wrap {
-        // TODO: When slider draghandle size is exposed, use it instead
-        padding: 0 (14px / 2);
-        align-items: center;
-    }
-
-
-    // Seekbar
-    .k-slider.k-mediaplayer-seekbar {
-        width: 100%;
-        position: absolute;
-        z-index: 3;
-        top: -17px;
-        left: 0;
-    }
-    .k-mediaplayer-seekbar .k-slider-track {
-        // sass-lint:disable no-important
-        width: 100% !important;
-        // sass-lint:enable no-important
-        border-radius: 0;
-    }
-
-    .k-mediaplayer-fullscreen {
-        z-index: 10000;
-        position: fixed;
-        top: 0;
-        left: 0;
-        // sass-lint:disable no-important
-        width: 100% !important;
-        height: 100% !important;
-        // sass-lint:enable no-important
-    }
-
-}

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

@@ -1,20 +0,0 @@
-@include exports( "mediaplayer/theme" ) {
-
-    // Theme
-    .k-mediaplayer {
-        @include fill(
-            $mediaplayer-text,
-            $mediaplayer-bg,
-            $mediaplayer-border
-        );
-    }
-
-
-    // Title bar
-    .k-mediaplayer-titlebar {
-        color: $mediaplayer-titlebar-text;
-        background-image: linear-gradient( $mediaplayer-titlebar-gradient );
-        text-shadow: 0 0 2px rgba( $mediaplayer-text, .5 );
-    }
-
-}

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

@@ -1,16 +0,0 @@
-// Media player
-$mediaplayer-border-width: 1px !default;
-$mediaplayer-font-family: $font-family !default;
-$mediaplayer-font-size: $font-size !default;
-$mediaplayer-line-height: $line-height !default;
-
-$mediaplayer-bg: $component-bg !default;
-$mediaplayer-text: $component-text !default;
-$mediaplayer-border: $component-border !default;
-
-$mediaplayer-titlebar-padding-x: map-get( $spacing, 2 ) !default;
-$mediaplayer-titlebar-padding-y: map-get( $spacing, 2 ) !default;
-$mediaplayer-titlebar-bg: null !default;
-$mediaplayer-titlebar-text: $mediaplayer-bg !default;
-$mediaplayer-titlebar-border: null !default;
-$mediaplayer-titlebar-gradient: rgba( $mediaplayer-text, .7 ), rgba( $mediaplayer-text, 0 ) !default;

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

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

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

@@ -1,304 +0,0 @@
-@include exports("menu/layout") {
-
-    // Base
-    .k-menu {
-        border-width: $menu-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $menu-font-family;
-        font-size: $menu-font-size;
-        line-height: $menu-line-height;
-        display: flex;
-        flex-wrap: wrap;
-        align-items: stretch;
-        position: relative;
-        cursor: default;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-    }
-
-
-    // Menu item
-    .k-menu-item {
-        border-width: 0;
-        outline: 0;
-        display: flex;
-        flex: 0 0 auto;
-        position: relative;
-        user-select: none;
-    }
-
-
-    // Menu link
-    .k-menu-link {
-        padding: $menu-item-padding-y $menu-item-padding-x;
-        outline: 0;
-        color: inherit;
-        display: flex;
-        flex-direction: row;
-        flex: 1 1 auto;
-        align-items: center;
-        position: relative;
-        white-space: nowrap;
-        cursor: pointer;
-
-        > .k-icon:not(.k-menu-expand-arrow),
-        > .k-image,
-        > .k-sprite {
-            margin-right: $menu-item-icon-spacing;
-        }
-    }
-
-
-    // Expand arrow
-    .k-menu-expand-arrow {
-        margin-left: $icon-spacing;
-        margin-right: -$icon-spacing;
-        position: relative;
-    }
-    .k-menu-expand-arrow.k-i-arrow-60-left,
-    .k-menu-expand-arrow.k-i-arrow-60-right {
-        margin: 0;
-        position: absolute;
-        top: 50%;
-        transform: translateY(-50%);
-    }
-    .k-menu-expand-arrow.k-i-arrow-60-right {
-        right: $icon-spacing;
-    }
-    .k-menu-expand-arrow.k-i-arrow-60-left {
-        left: $icon-spacing;
-    }
-
-
-    // Orientation -- horizontal
-    .k-menu-horizontal {
-        flex-direction: row;
-
-        > .k-menu-item  + .k-menu-item {
-            margin-left: $menu-item-spacing;
-        }
-
-        > .k-separator {
-            margin: 0 $menu-separator-spacing;
-            width: 0;
-            height: auto;
-            border-width: 0 0 0 1px;
-            border-style: solid;
-            flex-shrink: 0;
-        }
-    }
-
-
-    // Orientation -- vertical
-    .k-menu-vertical {
-        flex-direction: column;
-
-        > .k-menu-item + .k-menu-item {
-            margin-top: $menu-item-spacing;
-        }
-
-        > .k-menu-item > .k-menu-link {
-            padding: $menu-popup-item-padding-y $menu-popup-item-padding-x;
-            padding-right: $menu-popup-item-padding-end;
-        }
-
-        > .k-separator {
-            margin: $menu-separator-spacing 0;
-            height: 0;
-            border-width: 1px 0 0;
-            border-style: solid;
-            border-color: $panel-border;
-            display: block;
-        }
-    }
-
-
-    // Menu popup
-    .k-menu-popup {
-        border-width: $menu-popup-border-width;
-        border-style: solid;
-        overflow: auto;
-        max-height: 80vh;
-    }
-
-
-    // Sub menu
-    .k-menu-group {
-        margin: 0;
-        padding: $menu-popup-padding-y $menu-popup-padding-x;
-        font-size: $menu-popup-font-size;
-        line-height: $menu-popup-line-height;
-        list-style: none;
-        display: none;
-        position: absolute;
-
-        .k-menu-popup & {
-            position: relative;
-            display: flex;
-            flex-direction: column;
-        }
-
-        // jquery popup overrides those
-        .k-menu-item {
-            font-size: $menu-popup-font-size;
-            line-height: $menu-popup-line-height;
-        }
-
-        .k-menu-item + .k-menu-item {
-            margin-top: $menu-popup-item-spacing;
-        }
-
-        .k-menu-link {
-            padding: $menu-popup-item-padding-y $menu-popup-item-padding-x;
-            padding-right: $menu-popup-item-padding-end;
-        }
-
-        .k-separator {
-            margin: $menu-separator-spacing 0;
-            height: 0;
-            border-width: 1px 0 0;
-            border-style: solid;
-            border-color: $panel-border;
-            display: block;
-        }
-    }
-
-
-    // Context menu
-    .k-popups-wrapper {
-        position: relative;
-        border: 0;
-        margin: 0;
-        padding: 0;
-    }
-    .k-context-menu {
-        margin: 0;
-        padding: $menu-popup-padding-y $menu-popup-padding-x;
-        border-width: $menu-popup-border-width;
-        border-style: solid;
-
-        &.k-menu-horizontal {
-            padding: $menu-popup-padding-x $menu-popup-padding-y;
-        }
-    }
-    .k-animation-container .k-context-menu.k-menu-horizontal {
-        // kendo-jquery adds `display: block` via js and we need to override it.
-        display: flex !important; // sass-lint:disable-line no-important
-        flex-wrap: nowrap;
-    }
-    .k-context-menu-popup {
-        z-index: 12000;
-
-        > .k-popup:not(.k-menu-popup),
-        .k-context-menu {
-            border: 0;
-        }
-    }
-
-
-    // Scrolling
-    .k-menu-scroll-wrapper {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        position: relative;
-
-        .k-menu {
-            overflow: hidden;
-            flex-wrap: nowrap;
-        }
-    }
-    .k-menu-scroll-button {
-        @include border-radius( 0 );
-        padding: 0;
-        border-width: 0;
-        border-color: inherit;
-        color: inherit;
-        background: inherit;
-        position: absolute;
-
-        &.k-scroll-left {
-            top: 0;
-            left: 0;
-            height: 100%;
-            width: 16px;
-            border-right-width: 1px;
-        }
-        &.k-scroll-right {
-            top: 0;
-            right: 0;
-            height: 100%;
-            width: 16px;
-            border-left-width: 1px;
-        }
-        &.k-scroll-up {
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 16px;
-            border-bottom-width: 1px;
-        }
-        &.k-scroll-down {
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            height: 16px;
-            border-top-width: 1px;
-        }
-    }
-
-
-    // RTL
-    .k-rtl,
-    [dir="rtl"] {
-
-        .k-menu-link {
-            > .k-icon:not(.k-menu-expand-arrow),
-            > .k-image,
-            > .k-sprite {
-                margin-left: $menu-item-icon-spacing;
-                margin-right: 0;
-            }
-        }
-
-        .k-menu-expand-arrow.k-i-arrow-60-down {
-            margin-left: -$icon-spacing;
-            margin-right: $icon-spacing;
-        }
-
-
-        // Orientation -- horizontal
-        .k-menu-horizontal {
-
-            > .k-menu-item  + .k-menu-item {
-                margin-right: $menu-item-spacing;
-                margin-left: 0;
-            }
-        }
-
-
-        // Orientation -- vertical
-        .k-menu-vertical {
-
-            > .k-menu-item > .k-menu-link {
-                padding-right: $menu-popup-item-padding-x;
-                padding-left: $menu-popup-item-padding-end;
-            }
-        }
-
-
-        // Sub menu
-        .k-menu-group {
-
-            .k-menu-link {
-                padding-right: $menu-popup-item-padding-x;
-                padding-left: $menu-popup-item-padding-end;
-            }
-
-        }
-
-    }
-
-}

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

@@ -1,111 +0,0 @@
-@include exports("menu/theme") {
-
-    .k-menu:not(.k-context-menu) {
-        @include fill(
-            $menu-text,
-            $menu-bg,
-            $menu-border,
-            $menu-gradient
-        );
-
-        > .k-item {
-            @include fill(
-                $menu-item-text,
-                $menu-item-bg,
-                $menu-item-border,
-                $menu-item-gradient
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $menu-item-hover-text,
-                    $menu-item-hover-bg,
-                    $menu-item-hover-border,
-                    $menu-item-hover-gradient
-                );
-            }
-
-            > .k-state-active {
-                @include fill(
-                    $menu-item-expanded-text,
-                    $menu-item-expanded-bg,
-                    $menu-item-expanded-border,
-                    $menu-item-expanded-gradient
-                );
-            }
-
-            &:focus,
-            &.k-state-focused {
-                @include box-shadow( $menu-item-focus-shadow );
-            }
-        }
-    }
-
-    .k-menu-group,
-    .k-menu.k-context-menu {
-        @include fill(
-            $menu-popup-text,
-            $menu-popup-bg,
-            $menu-popup-border,
-            $menu-popup-gradient
-        );
-
-        .k-item {
-            @include fill(
-                $menu-popup-item-text,
-                $menu-popup-item-bg,
-                $menu-popup-item-border,
-                $menu-popup-item-gradient
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $menu-popup-item-hover-text,
-                    $menu-popup-item-hover-bg,
-                    $menu-popup-item-hover-border,
-                    $menu-popup-item-hover-gradient
-                );
-            }
-
-            > .k-state-active {
-                @include fill(
-                    $menu-popup-item-expanded-text,
-                    $menu-popup-item-expanded-bg,
-                    $menu-popup-item-expanded-border,
-                    $menu-popup-item-expanded-gradient
-                );
-            }
-
-            &:focus,
-            &.k-state-focused {
-                @include box-shadow( $menu-popup-item-focus-shadow );
-            }
-        }
-    }
-
-
-    // Scrolling
-    .k-menu-scroll-button {
-        @include fill(
-            $menu-scroll-button-text,
-            $menu-scroll-button-bg,
-            $menu-scroll-button-border,
-            $menu-scroll-button-gradient
-        );
-
-        &:hover {
-            @include fill(
-                $menu-scroll-button-hover-text,
-                $menu-scroll-button-hover-bg,
-                $menu-scroll-button-hover-border,
-                $menu-scroll-button-hover-gradient
-            );
-
-            &::before {
-                opacity: 0;
-            }
-        }
-    }
-}