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

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

@@ -1,195 +0,0 @@
-@include exports("scrollview/layout") {
-
-    kendo-scrollview.k-scrollview-wrap,
-    kendo-scrollview.k-scrollview,
-    .k-widget.k-scrollview {
-        border-width: $scrollview-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $scrollview-font-family;
-        font-size: $scrollview-font-size;
-        line-height: $scrollview-line-height;
-        position: relative;
-        overflow: hidden;
-        display: block;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-    }
-
-    .k-scrollview-wrap .k-scrollview,
-    .k-scrollview .k-scrollview-wrap {
-        list-style-type: none;
-        position: absolute;
-        margin: 0;
-        padding: 0;
-        width: 100%;
-        height: 100%;
-        cursor: default;
-        white-space: nowrap;
-
-        img {
-            user-select: none;
-        }
-
-        & > li {
-            display: inline-block;
-            overflow: hidden;
-            position: absolute;
-            top: 0;
-            left: 0;
-        }
-
-        & > [data-role="page"] {
-            vertical-align: top;
-            display: inline-block;
-            min-height: 1px;
-        }
-    }
-
-
-    // Blazor rendering
-    .k-scrollview-wrap.k-scrollview-animate {
-        display: flex;
-        flex-flow: row nowrap;
-        width: calc( var(--kendo-scrollview-views, 1) * 100% );
-        transition-duration: $scrollview-transition-duration;
-        transition-timing-function: $scrollview-transition-timing-function;
-        transform: translateX( calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
-
-        .k-scrollview-view {
-            width: calc( 100% / var(--kendo-scrollview-views, 1) );
-            flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
-        }
-    }
-
-
-    kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
-    kendo-scrollview.k-scrollview kendo-scrollview-pager,
-    .k-scrollview-nav-wrap {
-        padding: 0;
-        margin: 0;
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: $scrollview-pager-offset;
-        height: $scrollview-pager-height;
-        text-align: center;
-    }
-
-    kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
-    kendo-scrollview.k-scrollview kendo-scrollview-pager {
-        pointer-events: none;
-    }
-
-    kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
-    kendo-scrollview.k-scrollview .k-scrollview-nav {
-        pointer-events: initial;
-    }
-
-    .k-scrollview-pageable,
-    .k-scrollview-nav {
-        margin: 0;
-        padding:  $scrollview-pager-item-spacing;
-        max-width: 100%;
-        box-sizing: border-box;
-        line-height: 0;
-        text-align: center;
-        white-space: nowrap;
-        list-style: none;
-        display: inline-flex;
-        align-items: center;
-        overflow-x: scroll;
-        overflow-y: hidden;
-        pointer-events: initial;
-
-        &:focus {
-            outline: none;
-        }
-    }
-
-    .k-scrollview-pageable > .k-button,
-    .k-scrollview-nav > .k-link {
-        margin: 0 ($scrollview-pager-item-spacing / 2);
-        padding: 0;
-        width: $scrollview-pagebutton-size;
-        height: $scrollview-pagebutton-size;
-        border-width: $scrollview-pager-item-border-width;
-        border-style: solid;
-        border-radius: 50%;
-        box-sizing: content-box;
-        display: inline-block;
-        position: relative;
-        flex: 0 0 auto;
-        cursor: pointer;
-        pointer-events: all;
-        vertical-align: top;
-
-        &::before {
-            content: "";
-            width: ($scrollview-pagebutton-size + $scrollview-pager-item-spacing);
-            height: ($scrollview-pagebutton-size + $scrollview-pager-item-spacing);
-            display: block;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            pointer-events: initial;
-            border-radius: 0;
-        }
-    }
-
-    .k-scrollview-next,
-    .k-scrollview-prev {
-        display: table;
-        position: absolute;
-        padding: 0;
-        height: 60%;
-        top: 20%;
-        text-decoration: none;
-        user-select: none;
-        cursor: pointer;
-
-        .k-icon {
-            display: table-cell;
-            overflow: visible;
-            margin: 0;
-            padding: 0;
-            vertical-align: middle;
-            font-size: $scrollview-arrow-icon-size;
-            font-weight: normal;
-        }
-    }
-
-    .k-scrollview-prev {
-        left: 0;
-    }
-
-    .k-scrollview-next {
-        right: 0;
-    }
-
-
-    .k-scrollview-animation {
-        transition-duration: .3s;
-        transition-timing-function: ease-in-out;
-    }
-
-
-    @supports (-webkit-user-select: none) {
-        kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
-        kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
-        div.k-scrollview ul.k-scrollview-wrap li > * {
-            pointer-events: auto;
-        }
-    }
-
-    @supports (not (-webkit-user-select: none)) {
-        kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
-        kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
-        div.k-scrollview ul.k-scrollview-wrap li > * {
-            pointer-events: none;
-        }
-    }
-
-}

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

@@ -1,95 +0,0 @@
-@include exports("scrollview/theme") {
-
-    kendo-scrollview.k-scrollview-wrap,
-    kendo-scrollview.k-scrollview,
-    div.k-scrollview {
-        @include fill(
-            $scrollview-text,
-            $scrollview-bg,
-            $scrollview-border
-        );
-
-        &.k-scrollview-dark {
-            kendo-scrollview-pager,
-            .k-scrollview-nav-wrap {
-                background-color: $scrollview-dark-bg;
-            }
-            .k-scrollview-next,
-            .k-scrollview-prev {
-                color: $scrollview-dark-bg;
-
-            }
-        }
-
-        &.k-scrollview-light {
-            kendo-scrollview-pager,
-            .k-scrollview-nav-wrap {
-                background-color: $scrollview-light-bg;
-            }
-
-        }
-    }
-
-    .k-scrollview:focus,
-    .k-scrollview-wrap:focus  {
-        outline: none;
-
-    }
-    .k-scrollview-elements {
-        color: $scrollview-navigation-color;
-    }
-
-    .k-scrollview-next,
-    .k-scrollview-prev {
-        color: $scrollview-navigation-color;
-        background-color: $scrollview-navigation-bg;
-        text-shadow: $scrollview-navigation-icon-shadow;
-        opacity: $scrollview-navigation-default-opacity;
-        outline-width: 0;
-        -webkit-tap-highlight-color: $scrollview-arrow-tap-highlight-color;
-
-        &:focus,
-        &.k-state-focus {
-            color: $scrollview-navigation-color;
-            opacity: $scrollview-navigation-hover-opacity;
-
-            .k-icon::before {
-                box-shadow: $scrollview-pagebutton-shadow;
-            }
-        }
-
-        &:hover,
-        &.k-state-hover {
-            color: $scrollview-navigation-color;
-            opacity: $scrollview-navigation-hover-opacity;
-
-        }
-    }
-
-    // refactor when https://github.com/telerik/kendo-angular-scrollview/issues/130 is done
-    .k-scrollview-pageable > .k-button,
-    .k-scrollview-nav > .k-link {
-        background: $scrollview-pagebutton-bg;
-        border: $scrollview-pagebutton-border;
-
-        &.k-primary {
-            background: $scrollview-pagebutton-primary-bg;
-            border: $scrollview-pagebutton-primary-border;
-        }
-
-        &:focus,
-        &.k-state-focused {
-            box-shadow: $scrollview-pagebutton-shadow;
-        }
-    }
-
-    .k-scrollview-nav > .k-link:hover,
-    .k-scrollview-nav > .k-link.k-state-hover {
-        box-shadow: $scrollview-pagebutton-shadow;
-    }
-
-    .k-scrollview-pageable > .k-button {
-        box-shadow: inset 0 0 2px rgba(0, 0, 0, .08);
-    }
-
-}

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

@@ -1,40 +0,0 @@
-// Scrollview
-$scrollview-border-width: 1px !default;
-$scrollview-font-family: $font-family !default;
-$scrollview-font-size: $font-size !default;
-$scrollview-line-height: $line-height !default;
-
-$scrollview-bg: $component-bg !default;
-$scrollview-text: $component-text !default;
-$scrollview-border: $component-border !default;
-
-$scrollview-pagebutton-size: 10px !default;
-$scrollview-pagebutton-bg: $button-bg !default;
-$scrollview-pagebutton-border: $button-border !default;
-$scrollview-pagebutton-primary-bg: $primary-button-bg !default;
-$scrollview-pagebutton-primary-border: $primary-button-border !default;
-$scrollview-pagebutton-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
-
-$scrollview-pager-offset: 0 !default;
-$scrollview-pager-item-spacing: 20px !default;
-$scrollview-pager-item-border-width: 0px !default;
-$scrollview-pager-height: calc( #{$scrollview-pagebutton-size} + #{$scrollview-pager-item-border-width * 2} + #{$scrollview-pager-item-spacing * 2} ) !default;
-
-$scrollview-pager-multidot-threshold: 10;
-$scrollview-pager-multidot-intermediate: 3;
-$scrollview-pager-multidot-step: 1px;
-
-$scrollview-arrow-icon-size: 4.5em !default;
-$scrollview-arrow-tap-highlight-color: $rgba-transparent !default;
-$scrollview-navigation-color: white !default;
-$scrollview-navigation-icon-shadow: rgba(0, 0, 0, .3) 0 0 15px !default;
-$scrollview-navigation-bg: rgba(0, 0, 0, 0) !default;
-$scrollview-navigation-default-opacity: .7 !default;
-$scrollview-navigation-hover-opacity: 1 !default;
-$scrollview-navigation-hover-span-bg: null !default;
-
-$scrollview-light-bg: rgba(255, 255, 255, .4) !default;
-$scrollview-dark-bg: rgba(0, 0, 0, .4) !default;
-
-$scrollview-transition-duration: .3s !default;
-$scrollview-transition-timing-function: ease-in-out !default;

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

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

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

@@ -1,23 +0,0 @@
-@include exports("searchbox/layout") {
-
-    // Searchbox
-    .k-searchbox {
-        @include border-radius( $searchbox-border-radius );
-        border-width: 1px;
-        border-style: solid;
-        font-family: $searchbox-font-family;
-        font-size: $searchbox-font-size;
-        line-height: $searchbox-line-height;
-        display: inline-flex;
-        align-items: center;
-        vertical-align: middle;
-        flex-flow: row nowrap;
-        position: relative;
-        overflow: hidden;
-
-        > .k-input {
-            padding: $searchbox-padding-y $searchbox-padding-x;
-        }
-    }
-
-}

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

@@ -1,51 +0,0 @@
-@include exports("searchbox/theme") {
-
-    // Searchbox
-    .k-searchbox {
-        @include fill(
-            $searchbox-text,
-            $searchbox-bg,
-            $searchbox-border
-        );
-
-
-        // Hover state
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $searchbox-hover-text,
-                $searchbox-hover-bg,
-                $searchbox-hover-border
-            );
-        }
-
-
-        // Focus state
-        &:focus,
-        // &:focus-within,
-        &.k-state-focus {
-            @include fill(
-                $searchbox-focus-text,
-                $searchbox-focus-bg,
-                $searchbox-focus-border
-            );
-            @include box-shadow( $input-focused-shadow );
-        }
-        &:focus-within {
-            @include fill(
-                $searchbox-focus-text,
-                $searchbox-focus-bg,
-                $searchbox-focus-border
-            );
-            @include box-shadow( $input-focused-shadow );
-        }
-
-
-        // Disabled
-        &:disabled,
-        &.k-state-disabled {
-            @include disabled( $disabled-styling );
-        }
-
-    }
-}

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

@@ -1,21 +0,0 @@
-// Searchbox
-$searchbox-padding-x: $input-padding-x !default;
-$searchbox-padding-y: $input-padding-y !default;
-$searchbox-border-width: $input-border-width !default;
-$searchbox-border-radius: $input-border-radius !default;
-
-$searchbox-font-family: $input-font-family !default;
-$searchbox-font-size: $input-font-size !default;
-$searchbox-line-height: $input-line-height !default;
-
-$searchbox-bg: $input-bg !default;
-$searchbox-text: $input-text !default;
-$searchbox-border: $input-border !default;
-
-$searchbox-hover-bg: $input-hovered-bg !default;
-$searchbox-hover-text: $input-hovered-text !default;
-$searchbox-hover-border: $input-hovered-border !default;
-
-$searchbox-focus-bg: $input-focused-bg !default;
-$searchbox-focus-text: $input-focused-text !default;
-$searchbox-focus-border: $input-focused-border !default;

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

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

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

@@ -1,86 +0,0 @@
-@include exports("skeleton/layout") {
-
-    .k-skeleton {
-        display: block;
-    }
-
-    .k-skeleton-text {
-        border-radius: $skeleton-text-border-radius;
-        transform: $skeleton-text-transform;
-
-        &:empty::before {
-            content: "\00a0";
-        }
-    }
-
-    .k-skeleton-rect {
-        border-radius: $skeleton-rect-border-radius;
-    }
-
-    .k-skeleton-circle {
-        border-radius: $skeleton-circle-border-radius;
-    }
-
-}
-
-
-@include exports("skeleton/layout/wave") {
-
-    @keyframes k-skeleton-wave {
-        0% {
-            transform: translateX(-100%);
-        }
-        60% {
-            transform: translateX(100%);
-        }
-        100% {
-            transform: translateX(100%);
-        }
-    }
-
-    .k-skeleton-wave {
-
-        .k-skeleton,
-        &.k-skeleton {
-            position: relative;
-            overflow: hidden;
-
-            &::after {
-                content: "";
-                position: absolute;
-                top: 0;
-                right: 0;
-                bottom: 0;
-                left: 0;
-                transform: translateX(-100%);
-                animation: k-skeleton-wave 1.6s linear .5s infinite;
-            }
-        }
-
-    }
-}
-
-
-@include exports("skeleton/layout/pulse") {
-
-    @keyframes k-skeleton-pulse {
-        0% {
-            opacity: 1;
-        }
-        50% {
-            opacity: .4;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-
-    .k-skeleton-pulse {
-
-        .k-skeleton,
-        &.k-skeleton {
-            animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite;
-        }
-
-    }
-}

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

@@ -1,27 +0,0 @@
-@include exports("skeleton/theme") {
-
-    .k-skeleton {
-        @include fill( $bg: $skeleton-item-bg );
-    }
-
-}
-
-
-@include exports("skeleton/theme/wave") {
-
-    .k-skeleton-wave {
-
-        .k-skeleton::after,
-        &.k-skeleton::after {
-
-            background-image: linear-gradient(
-                to right,
-                transparent,
-                $skeleton-wave-bg,
-                transparent
-            );
-
-        }
-
-    }
-}

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

@@ -1,11 +0,0 @@
-// Skeleton
-$skeleton-text-transform: scale( 1, .6 ) !default;
-$skeleton-text-border-radius: $border-radius !default;
-
-$skeleton-rect-border-radius: 0 !default;
-
-$skeleton-circle-border-radius: 9999px !default;
-
-$skeleton-item-bg: rgba( $inverse, .2 ) !default;
-
-$skeleton-wave-bg: rgba( black, .04 ) !default;

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

@@ -1,16 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../button/_index.scss";
-@import "../tooltip/_index.scss";
-@import "../icons/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "images/slider-h.scss";
-@import "images/slider-v.scss";
-@import "_layout.scss";
-@import "_theme.scss";