@progress/kendo-theme-material 4.42.1-dev.2 → 5.0.0-alpha.2

package/scss/menu/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/menu/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/menu/_theme.scss";
 
 @include exports("menu/theme/material") {
 

package/scss/menu/_variables.scss

@@ -21,12 +21,12 @@ $menu-item-text: null !default;
 $menu-item-border: null !default;
 $menu-item-gradient: null !default;
 
-$menu-item-hover-bg: rgba( $menu-text, $flat-button-hover-opacity * alpha( $menu-text ) ) !default;
+$menu-item-hover-bg: rgba( $menu-text, $kendo-flat-button-hover-opacity * alpha( $menu-text ) ) !default;
 $menu-item-hover-text: null !default;
 $menu-item-hover-border: null !default;
 $menu-item-hover-gradient: null !default;
 
-$menu-item-expanded-bg: rgba( $menu-text, $flat-button-active-opacity * alpha( $menu-text ) ) !default;
+$menu-item-expanded-bg: rgba( $menu-text, $kendo-flat-button-active-opacity * alpha( $menu-text ) ) !default;
 $menu-item-expanded-text: null !default;
 $menu-item-expanded-border: null !default;
 $menu-item-expanded-gradient: null !default;

package/scss/messagebox/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/messagebox/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/messagebox/_layout.scss";

package/scss/messagebox/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/messagebox/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/messagebox/_theme.scss";

package/scss/multiselect/_layout.scss

@@ -1,11 +1,11 @@
-@import "../../modules/@progress/kendo-theme-default/scss/multiselect/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/multiselect/_layout.scss";
 
 @include exports("multiselect/layout/material") {
 
     .k-multiselect {
         .k-multiselect-wrap {
             min-height: 0;
-            border-width: $input-border-width 0;
+            border-width: $kendo-input-border-width 0;
             border-top-color: transparent !important; // sass-lint:disable-line no-important
 
             .k-select {
@@ -14,7 +14,7 @@
             }
 
             .k-button {
-                margin: ($input-padding-y / 2) ($input-padding-y / 2) 0 0;
+                margin: ($kendo-input-padding-y / 2) ($kendo-input-padding-y / 2) 0 0;
                 padding-top: 0;
                 padding-bottom: 0;
                 min-height: $form-line-height-em;
@@ -37,7 +37,7 @@
                 }
 
                 &:last-child {
-                    margin-bottom: $input-padding-y / 2;
+                    margin-bottom: $kendo-input-padding-y / 2;
                 }
             }
         }
@@ -52,7 +52,7 @@
         .k-rtl & {
             .k-multiselect-wrap {
                 .k-button {
-                    margin-left: ($input-padding-y / 2);
+                    margin-left: ($kendo-input-padding-y / 2);
                     margin-right: 0;
                 }
             }

package/scss/multiselect/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/multiselect/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/multiselect/_theme.scss";
 
 @include exports( "multiselect/theme/material" ) {
 

package/scss/multiselect/_variables.scss

@@ -1,24 +1,24 @@
 // Multiselect
 $multiselect-width: 100% !default;
 
-$multiselect-bg: $input-bg !default;
-$multiselect-text: $input-text !default;
-$multiselect-border: $input-border !default;
+$multiselect-bg: $kendo-input-bg !default;
+$multiselect-text: $kendo-input-text !default;
+$multiselect-border: $kendo-input-border !default;
 
-$multiselect-hovered-bg: $input-hovered-bg !default;
-$multiselect-hovered-text: $input-hovered-text !default;
-$multiselect-hovered-border: $input-hovered-border !default;
+$multiselect-hovered-bg: $kendo-input-hover-bg !default;
+$multiselect-hovered-text: $kendo-input-hover-text !default;
+$multiselect-hovered-border: $kendo-input-hover-border !default;
 
-$multiselect-focused-bg: $input-focused-bg !default;
-$multiselect-focused-text: $input-focused-text !default;
-$multiselect-focused-border: $input-focused-border !default;
-$multiselect-focused-shadow: $input-focused-shadow !default;
+$multiselect-focused-bg: $kendo-input-focus-bg !default;
+$multiselect-focused-text: $kendo-input-focus-text !default;
+$multiselect-focused-border: $kendo-input-focus-border !default;
+$multiselect-focused-shadow: $kendo-input-focus-shadow !default;
 
-$multiselect-button-focused-bg: $button-active-bg !default;
-$multiselect-button-focused-text: $button-active-text !default;
-$multiselect-button-focused-border: $button-active-border !default;
-$multiselect-button-focused-gradient: $button-active-gradient !default;
-$multiselect-button-focused-shadow: $button-active-shadow !default;
+$multiselect-button-focused-bg: $kendo-button-active-bg !default;
+$multiselect-button-focused-text: $kendo-button-active-text !default;
+$multiselect-button-focused-border: $kendo-button-active-border !default;
+$multiselect-button-focused-gradient: $kendo-button-active-gradient !default;
+$multiselect-button-focused-shadow: $kendo-button-active-shadow !default;
 
 
 // Tokens
@@ -42,4 +42,4 @@ $multiselect-token-selected-border: null !default;
 $multiselect-remove-token-text: $subtle-text !default;
 $multiselect-remove-token-hover-text: $body-text !default;
 
-$multiselect-clear-right: calc( #{$icon-size} + #{$input-padding-y} ) !default;
+$multiselect-clear-right: calc( #{$icon-size} + #{$kendo-input-padding-y} ) !default;

package/scss/notification/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/notification/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/notification/_layout.scss";

package/scss/notification/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/notification/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/notification/_theme.scss";

package/scss/numerictextbox/_layout.scss

@@ -1,25 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/numerictextbox/_layout.scss";
-
-@include exports("numerictextbox/layout/material") {
-
-    .k-numerictextbox {
-        .k-numeric-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-
-            // Disabled state
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-
-        // Disabled state for k-state-disabled added to the k-numerictextbox
-        &.k-state-disabled {
-            .k-numeric-wrap {
-                border-bottom-style: dashed;
-            }
-        }
-    }
-
-}
+@import "~@progress/kendo-theme-default/scss/numerictextbox/_layout.scss";

package/scss/numerictextbox/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/numerictextbox/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/numerictextbox/_theme.scss";

package/scss/numerictextbox/_variables.scss

@@ -1,32 +1 @@
 // Numeric textbox
-$numeric-bg: $input-bg !default;
-$numeric-text: $input-text !default;
-$numeric-border: $input-border !default;
-
-$numeric-hovered-bg: $input-hovered-bg !default;
-$numeric-hovered-text: $input-hovered-text !default;
-$numeric-hovered-border: $input-hovered-border !default;
-
-$numeric-focused-bg: $input-focused-bg !default;
-$numeric-focused-text: $input-focused-text !default;
-$numeric-focused-border: $input-focused-border !default;
-$numeric-focused-shadow: $input-focused-shadow !default;
-
-$numeric-invalid-bg: null !default;
-$numeric-invalid-text: $error !default;
-$numeric-invalid-border: $invalid-border !default;
-
-$numeric-button-bg: null !default;
-$numeric-button-text: $subtle-text !default;
-$numeric-button-border: null !default;
-$numeric-button-gradient: null !default;
-
-$numeric-button-hovered-bg: null !default;
-$numeric-button-hovered-text: $input-text !default;
-$numeric-button-hovered-border: null !default;
-$numeric-button-hovered-gradient: null !default;
-
-$numeric-button-pressed-bg: null !default;
-$numeric-button-pressed-text: $primary !default;
-$numeric-button-pressed-border: null !default;
-$numeric-button-pressed-gradient: null !default;

package/scss/orgchart/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/orgchart/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/orgchart/_layout.scss";

package/scss/orgchart/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/orgchart/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/orgchart/_theme.scss";

package/scss/overlay/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/overlay/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/overlay/_layout.scss";

package/scss/overlay/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/overlay/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/overlay/_theme.scss";

package/scss/pager/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/pager/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/pager/_layout.scss";
 
 @include exports( "pager/layout/material" ) {
 

package/scss/pager/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/pager/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/pager/_theme.scss";
 
 @include exports("pager/theme/material") {
 

package/scss/panelbar/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/panelbar/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/panelbar/_layout.scss";

package/scss/panelbar/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/panelbar/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/panelbar/_theme.scss";

package/scss/pdf-viewer/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss";

package/scss/pdf-viewer/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/pdf-viewer/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/pdf-viewer/_theme.scss";

package/scss/pdf-viewer/_variables.scss

@@ -8,7 +8,7 @@ $pdf-viewer-bg: $component-bg !default;
 $pdf-viewer-text: $component-text !default;
 $pdf-viewer-border: $component-border !default;
 
-$pdf-viewer-toolbar-bg: try-shade( $button-bg, .25 ) !default;
+$pdf-viewer-toolbar-bg: try-shade( $kendo-button-bg, .25 ) !default;
 $pdf-viewer-toolbar-text: null !default;
 $pdf-viewer-toolbar-border: null !default;
 $pdf-viewer-toolbar-gradient: null !default;
@@ -26,7 +26,7 @@ $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-bor
 
 $pdf-viewer-search-dialog-spacing: 6px !default;
 $pdf-viewer-search-dialog-button-spacing: 0px !default;
-$pdf-viewer-search-dialog-textbox-padding-x: $input-padding-y !default;
+$pdf-viewer-search-dialog-textbox-padding-x: $kendo-input-padding-y !default;
 $pdf-viewer-search-dialog-input-button-height: $line-height-em !default;
 $pdf-viewer-search-dialog-matches-width: 4.5em !default;
 

package/scss/pivotgrid/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/pivotgrid/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/pivotgrid/_layout.scss";
 
 @include exports ("pivotgrid/layout/material/legacy") {
 

package/scss/pivotgrid/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/pivotgrid/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/pivotgrid/_theme.scss";
 
 @include exports("pivotgrid/theme/material") {
 
@@ -114,7 +114,7 @@
         // Focused state
         &:focus,
         &.k-state-focused {
-            box-shadow: $button-focused-shadow;
+            box-shadow: $kendo-button-focus-shadow;
         }
 
         &.k-empty {

package/scss/pivotgrid/_variables.scss

@@ -104,12 +104,12 @@ $pivotgrid-chrome-border: $grid-border !default;
 $pivotgrid-container-bg: $grid-header-bg !default;
 $pivotgrid-row-headers-bg: null !default;
 
-$pivotgrid-button-bg: try-shade($button-bg, 1) !default;
-$pivotgrid-button-text: $button-text !default;
-$pivotgrid-button-hover-bg: try-shade($button-bg, 2) !default;
-$pivotgrid-button-hover-text: $button-text !default;
-$pivotgrid-button-active-bg: try-shade($button-bg, 2) !default;
-$pivotgrid-button-active-text: $button-text !default;
+$pivotgrid-button-bg: try-shade($kendo-button-bg, 1) !default;
+$pivotgrid-button-text: $kendo-button-text !default;
+$pivotgrid-button-hover-bg: try-shade($kendo-button-bg, 2) !default;
+$pivotgrid-button-hover-text: $kendo-button-text !default;
+$pivotgrid-button-active-bg: try-shade($kendo-button-bg, 2) !default;
+$pivotgrid-button-active-text: $kendo-button-text !default;
 
 $pivotgrid-remove-bg: $pivotgrid-button-text !default;
 $pivotgrid-remove-text: $pivotgrid-button-bg !default;

package/scss/popover/_layout.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/popover/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/popover/_layout.scss";

package/scss/popover/_theme.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/popover/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/popover/_theme.scss";

package/scss/popup/_layout.scss

@@ -1,51 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/popup/_layout.scss";
-
-@include exports("popup/layout/material") {
-
-    .k-popup {
-
-        &.k-colorpicker-popup {
-            padding: 0;
-        }
-
-        // TODO: Change to $line-height when Material line-height is changed.
-        .k-group-header,
-        .k-outer-group-header {
-            line-height: (20 / 12);
-            text-transform: uppercase;
-        }
-    }
-
-    .k-list-container {
-
-        .k-button {
-            box-shadow: none;
-
-            &::before {
-                display: none;
-            }
-        }
-
-    }
-
-    .k-list-filter {
-        height: auto;
-
-        & > .k-textbox {
-            border-width: 0 0 2px;
-            @include border-radius( $border-radius-lg );
-        }
-
-        & > .k-icon {
-            margin-top: -.5em;
-            transform: none;
-        }
-    }
-
-    // Tooltip popup container padding
-    .k-animation-container-shown.k-tooltip-wrapper {
-        .k-popup-transparent {
-            padding: 0;
-        }
-    }
-}
+@import "~@progress/kendo-theme-default/scss/popup/_layout.scss";

package/scss/popup/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/popup/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/popup/_theme.scss";
 
 @include exports("popup/theme/material") {
 
@@ -31,7 +31,7 @@
 
             // Disabled state
             &.k-state-disabled {
-                color: $button-disabled-text;
+                color: $kendo-button-disabled-text;
             }
 
             // Focus state
@@ -43,15 +43,6 @@
         }
     }
 
-    .k-list-filter {
+    .k-list-filter {}
 
-        & > .k-textbox {
-            @include fill(
-                $node-hovered-text,
-                $node-hovered-bg,
-                $node-hovered-border,
-                $node-hovered-gradient
-            );
-        }
-    }
 }

package/scss/progressbar/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/progressbar/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/progressbar/_layout.scss";
 
 @include exports("progressbar/layout/material") {
     $progressbar-status-font-size: 11px !default;

package/scss/radio/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/radio/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/radio/_layout.scss";
 
 @include exports( "radio/layout/material" ) {
 

package/scss/radio/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/radio/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/radio/_theme.scss";
 
 @include exports("radio/theme/material") {
 
@@ -16,7 +16,7 @@
         // Ripple
         .k-ripple-blob {
             opacity: .2;
-            background-color: $radio-checked-bg;
+            background-color: $kendo-radio-checked-bg;
         }
 
     }