@progress/kendo-theme-material 5.1.2-dev.3 → 5.1.2-dev.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "5.1.2-dev.3",
+  "version": "5.1.2-dev.7",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,7 +50,7 @@
     "postpublish": "echo 'no postpublish for material theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.1.2-dev.3"
+    "@progress/kendo-theme-default": "^5.1.2-dev.7"
   },
-  "gitHead": "8a1041b9ea9729c5edf718e1be1afc717c476262"
+  "gitHead": "cedfa864b61e9c7f5e63839f6428eaee5af5c536"
 }

package/scss/_variables.scss

@@ -125,9 +125,10 @@ $padding-x-lg: $padding-x * 1.5 !default;
 $padding-y-lg: $padding-y * 1.5 !default;
 
 /// Border radius for all components.
-$border-radius: 2px !default;
-$border-radius-sm: $border-radius / 2 !default;
-$border-radius-lg: $border-radius * 2 !default;
+$kendo-border-radius: map-get( $spacing, 1 ) !default;
+$kendo-border-radius-sm: $kendo-border-radius / 2 !default;
+$kendo-border-radius-md: $kendo-border-radius !default;
+$kendo-border-radius-lg: $kendo-border-radius * 1.5 !default;
 
 $panel-padding-x: $padding-x !default;
 $panel-padding-y: $padding-y !default;

package/scss/badge/_variables.scss

@@ -2,21 +2,21 @@
 $badge-padding-x: $padding-y !default;
 $badge-padding-y: $badge-padding-x !default;
 $badge-border-width: 1px !default;
-$badge-border-radius: $border-radius !default;
+$badge-border-radius: $kendo-border-radius-md !default;
 $badge-font-size: $font-size-sm !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-border-radius-sm: $kendo-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-border-radius-lg: $kendo-border-radius-lg !default;
 $badge-font-size-lg: $font-size !default;
 $badge-line-height-lg: 1 !default;
 

package/scss/breadcrumb/_variables.scss

@@ -19,7 +19,7 @@ $breadcrumb-delimiter-icon-padding-y: 0px !default;
 
 $breadcrumb-link-padding-x: ( $padding-x * 1.25 ) / 2 !default;
 $breadcrumb-link-padding-y: $padding-y !default;
-$breadcrumb-link-border-radius: $border-radius !default;
+$breadcrumb-link-border-radius: $kendo-border-radius-md !default;
 
 $breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default;
 $breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default;

package/scss/card/_variables.scss

@@ -2,7 +2,7 @@
 $card-padding-x: map-get( $spacing, lg ) !default;
 $card-padding-y: map-get( $spacing, md ) !default;
 $card-border-width: 0px !default;
-$card-border-radius: $border-radius !default;
+$card-border-radius: $kendo-border-radius-md !default;
 $card-inner-border-radius: calc( #{$card-border-radius} - #{$card-border-width} ) !default;
 $card-font-family: $font-family !default;
 $card-font-size: $font-size !default;

package/scss/color-preview/_variables.scss

@@ -1,5 +1,5 @@
 // Color Preview
-$color-preview-border-radius: $border-radius !default;
+$color-preview-border-radius: $kendo-border-radius-md !default;
 $color-preview-border-width: 1px !default;
 $color-preview-bg: null !default;
 $color-preview-text: null !default;

package/scss/coloreditor/_variables.scss

@@ -3,7 +3,7 @@ $coloreditor-spacer: map-get( $spacing, 3 ) !default;
 
 $coloreditor-min-width: 294px !default;
 $coloreditor-border-width: 1px !default;
-$coloreditor-border-radius: $border-radius !default;
+$coloreditor-border-radius: $kendo-border-radius-md !default;
 $coloreditor-font-family: $font-family !default;
 $coloreditor-font-size: $font-size !default;
 $coloreditor-line-height: $line-height !default;

package/scss/colorgradient/_variables.scss

@@ -3,7 +3,7 @@ $colorgradient-spacer: map-get( $spacing, 3 ) !default;
 
 $colorgradient-width: 294px !default;
 $colorgradient-border-width: 1px !default;
-$colorgradient-border-radius: $border-radius !default;
+$colorgradient-border-radius: $kendo-border-radius-md !default;
 $colorgradient-padding-y: $colorgradient-spacer !default;
 $colorgradient-padding-x: $colorgradient-padding-y !default;
 $colorgradient-gap: $colorgradient-spacer !default;
@@ -17,7 +17,7 @@ $colorgradient-border: $component-border !default;
 $colorgradient-focus-border: $hovered-border !default;
 $colorgradient-focus-shadow: $box-shadow-depth-2 !default;
 
-$colorgradient-canvas-border-radius: $border-radius !default;
+$colorgradient-canvas-border-radius: $kendo-border-radius-md !default;
 $colorgradient-canvas-gap: $colorgradient-spacer !default;
 $colorgradient-canvas-rectangle-height: 180px !default;
 

package/scss/fab/_variables.scss

@@ -5,7 +5,7 @@
 $kendo-fab-border-width: 0px !default;
 /// Border radius of the FAB.
 /// @group floating-action-button
-$kendo-fab-border-radius: $border-radius !default;
+$kendo-fab-border-radius: $kendo-border-radius-md !default;
 
 /// Font family of the FAB.
 /// @group floating-action-button

package/scss/floating-label/_layout.scss

@@ -11,6 +11,7 @@
             transform-origin: left bottom;
         }
 
+        [dir="rtl"] &,
         .k-rtl &,
         &[dir="rtl"] {
 

package/scss/gantt/_variables.scss

@@ -85,3 +85,8 @@ $gantt-advanced-bg-lighter: tint($gantt-advanced-bg, 5) !default;
 
 $gantt-action-on-offset-text: #000000 !default;
 $gantt-offset-resize-handler-top: 50% !default;
+
+$gantt-validation-tooltip-width: 200px !default;
+$gantt-validation-tooltip-border: #656565 !default;
+$gantt-validation-tooltip-valid-border: $success !default;
+$gantt-validation-tooltip-invalid-border: $error !default;

package/scss/listgroup/_variables.scss

@@ -1,6 +1,6 @@
 // Listgroup
 $listgroup-border-width: 1px !default;
-$listgroup-border-radius: $border-radius !default;
+$listgroup-border-radius: $kendo-border-radius-md !default;
 
 $listgroup-font-size: $font-size !default;
 $listgroup-line-height: (20 / 14) !default;

package/scss/loader/_variables.scss

@@ -27,7 +27,7 @@ $loader-secondary-bg: #000000 !default;
 $loader-container-panel-border-width: 1px !default;
 $loader-container-panel-border-style: solid !default;
 $loader-container-panel-border-color: $component-border !default;
-$loader-container-panel-border-radius: $border-radius !default;
+$loader-container-panel-border-radius: $kendo-border-radius-md !default;
 $loader-container-panel-bg: $white !default;
 
 $loader-container-padding-sm: map-get( $spacing, 4 ) !default;

package/scss/notification/_variables.scss

@@ -17,18 +17,20 @@ $notification-bg: $component-bg !default;
 $notification-text: $component-text !default;
 $notification-border: $component-border !default;
 
-$notification-themes: () !default;
-
-@function notification-theme($name: null, $color: null) {
-    // sass-lint:disable indentation
-    @return (
-        border: $color,
-        color: contrast-wcag( $color ),
-        bg: $color
-    );
-    // sass-lint:enable indentation
-}
+@function notification-theme( $colors ) {
+    $_theme: ();
+
+    // sass-lint:disable-block indentation
+    @each $name, $color in $colors {
+        $_theme: map-merge(( $name: (
+            color: contrast-wcag( $color ),
+            background-color: $color,
+            border: $color,
+        )), $_theme );
+    }
 
-@each $theme, $props in $kendo-theme-colors {
-    $notification-themes: map-merge($notification-themes, ($theme: notification-theme($theme, $props)) );
+    @return $_theme;
 }
+
+$kendo-notification-theme-colors: $kendo-theme-colors !default;
+$kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;

package/scss/orgchart/_variables.scss

@@ -16,7 +16,7 @@ $orgchart-node-container-gap: $orgchart-spacer !default;
 $orgchart-node-group-padding-y: $orgchart-spacer !default;
 $orgchart-node-group-padding-x: $orgchart-node-group-padding-y !default;
 $orgchart-node-group-border-width: 1px !default;
-$orgchart-node-group-border-radius: $border-radius !default;
+$orgchart-node-group-border-radius: $kendo-border-radius-md !default;
 $orgchart-node-group-bg: if( $dark-theme, $dark, $light) !default;
 $orgchart-node-group-text: $base-text !default;
 $orgchart-node-group-border: $base-border !default;

package/scss/pivotgrid/_layout.scss

@@ -6,4 +6,9 @@
         border-bottom-width: 0;
     }
 
+    .k-pivot .k-grid th,
+    .k-pivot .k-grid td {
+        border-left-color: inherit;
+    }
+
 }

package/scss/pivotgrid/_variables.scss

@@ -6,6 +6,7 @@ $pivotgrid-font-family: $font-family !default;
 $pivotgrid-font-size: $font-size !default;
 $pivotgrid-line-height: $line-height !default;
 $pivotgrid-border-width: 1px !default;
+$pivotgrid-icon-spacing: 8px !default;
 
 $pivotgrid-row-header-width: 300px !default;
 $pivotgrid-column-header-height: 75px !default;
@@ -79,7 +80,7 @@ $pivotgrid-configurator-button-size: calc( #{$pivotgrid-line-height * 1em} + #{$
 $pivotgrid-calculated-field-padding-x: $pivotgrid-spacer !default;
 $pivotgrid-calculated-field-padding-y: $pivotgrid-spacer !default;
 $pivotgrid-calculated-field-border-width: 1px !default;
-$pivotgrid-calculated-field-border-radius: $border-radius !default;
+$pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
 $pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
 
 $pivotgrid-calculated-field-bg: $component-bg !default;

package/scss/scheduler/_variables.scss

@@ -19,7 +19,7 @@ $scheduler-footer-border: null !default;
 $scheduler-footer-gradient: null !default;
 
 $scheduler-event-min-height: 25px !default;
-$scheduler-event-border-radius: $border-radius !default;
+$scheduler-event-border-radius: $kendo-border-radius-md !default;
 $scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$padding-y-sm}) ) !default;
 
 $scheduler-event-bg: $primary !default;
@@ -86,7 +86,7 @@ $scheduler-tooltip-events-gap: $padding-y !default;
 
 $scheduler-tooltip-event-padding-x: $padding-x-sm !default;
 $scheduler-tooltip-event-padding-y: map-get( $spacing, 2 ) !default;
-$scheduler-tooltip-event-border-radius: $border-radius !default;
+$scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
 $scheduler-tooltip-event-gap: $padding-x-sm !default;
 
 $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;

package/scss/skeleton/_variables.scss

@@ -1,6 +1,6 @@
 // Skeleton
 $skeleton-text-transform: scale( 1, .6 ) !default;
-$skeleton-text-border-radius: $border-radius !default;
+$skeleton-text-border-radius: $kendo-border-radius-md !default;
 
 $skeleton-rect-border-radius: 0 !default;
 

package/scss/spreadsheet/_variables.scss

@@ -15,9 +15,9 @@ $spreadsheet-insert-image-dialog-preview-width: 355px !default;
 $spreadsheet-insert-image-dialog-preview-height: 230px !default;
 $spreadsheet-insert-image-dialog-preview-img: "image-default.png" !default;
 $spreadsheet-insert-image-dialog-preview-border: $component-border !default;
-$spreadsheet-insert-image-dialog-preview-border-radius: $border-radius !default;
+$spreadsheet-insert-image-dialog-preview-border-radius: $kendo-border-radius-md !default;
 $spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) !default;
-$spreadsheet-insert-image-dialog-preview-overlay-border-radius: $border-radius !default;
+$spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-border-radius-md !default;
 $spreadsheet-insert-image-dialog-overlay-hovered-text: $component-bg !default;
 
 $spreadsheet-drawing-handle-width: 6px !default;
@@ -27,7 +27,7 @@ $spreadsheet-drawing-handle-border-width: 1px !default;
 $spreadsheet-drawing-handle-outline-color: $primary !default;
 $spreadsheet-drawing-handle-border-color: $primary !default;
 $spreadsheet-drawing-handle-bg: $primary !default;
-$spreadsheet-drawing-handle-border-radius: $border-radius-lg !default;
+$spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !default;
 
 $spreadsheet-drawing-outline-style: solid !default;
 $spreadsheet-drawing-outline-width: 2px !default;

package/scss/taskboard/_variables.scss

@@ -26,7 +26,7 @@ $taskboard-columns-container-gap: $taskboard-spacer !default;
 
 $taskboard-column-width: 320px !default;
 $taskboard-column-border-width: 1px !default;
-$taskboard-column-border-radius: $border-radius !default;
+$taskboard-column-border-radius: $kendo-border-radius-md !default;
 $taskboard-column-bg: if( $dark-theme, $dark, $light) !default;
 $taskboard-column-text: null !default;
 $taskboard-column-border: transparent !default;

package/scss/tilelayout/_variables.scss

@@ -4,7 +4,7 @@ $tilelayout-card-border-width: 1px !default;
 $tilelayout-card-focus-shadow: $card-focus-shadow !default;
 
 $tilelayout-hint-border-width: 1px !default;
-$tilelayout-hint-border-radius: $border-radius !default;
+$tilelayout-hint-border-radius: $kendo-border-radius-md !default;
 
 $tilelayout-bg: if( $dark-theme, $dark, $light) !default;
 

package/scss/tooltip/_variables.scss

@@ -3,7 +3,7 @@ $tooltip-padding-y: ($padding-y * .75) !default;
 $tooltip-padding-x: ($padding-x / 2) !default;
 $tooltip-max-width: null !default;
 $tooltip-border-width: 0px !default;
-$tooltip-border-radius: $border-radius !default;
+$tooltip-border-radius: $kendo-border-radius-md !default;
 
 $tooltip-font-family: $font-family !default;
 $tooltip-font-size: $font-size-sm !default;

package/scss/utils/_border.scss

@@ -1,9 +1,9 @@
 $utils-border-radius: (
-    default: map-get( $spacing, 1 ),
+    default: $kendo-border-radius-md,
     0: 0,
-    sm: .125rem,
-    md: .25rem,
-    lg: .375rem,
+    sm: $kendo-border-radius-sm,
+    md: $kendo-border-radius-md,
+    lg: $kendo-border-radius-lg,
     full: 9999px
 ) !default;