@progress/kendo-theme-material 8.0.2-dev.1 → 8.0.2-dev.3

package/dist/all.scss

@@ -712,7 +712,7 @@ $kendo-color-level-step: 8% !default;
 }
 
 // #endregion
-// #region @import "./_color-variations.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_color-variations.import.scss
+// #region @import "./_color-system.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_color-system.import.scss
 /// Generates all color variations of a given main color
 /// @param {String} $name - The name of the main color
 /// @param {Color} $color - The color value to be assigned to the main color
@@ -835,6 +835,22 @@ $kendo-color-level-step: 8% !default;
 
     @return $result;
 }
+
+/// Takes a color name from the $kendo-colors map as a parameter
+/// and returns a CSS variable with the actual color as a fallback
+/// @param {String} $key - The name of a color/key in the $kendo-colors map
+/// @return {String} - CSS variable with the actual color as a fallback
+///
+/// @group color-system
+@function k-color($key) {
+    $_color: k-map-get($kendo-colors, $key);
+
+    @if ($_color) {
+        @return var(--kendo-color-#{$key}, $_color);
+    } @else {
+        @error "Color Variable \`#{$key}\` does not exists in the color collection.";
+    }
+}
 // #endregion
 // #region @import "./_custom-properties.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_custom-properties.import.scss
 @function k-var( $prefix: kendo-, $var: null, $fallback: null ) {
@@ -5593,16 +5609,6 @@ $_default-colors: (
 $kendo-colors: $_default-colors !default;
 $kendo-colors: k-map-merge($_default-colors, $kendo-colors);
 
-@function k-color($key) {
-    $_color: k-map-get($kendo-colors, $key);
-
-    @if ($_color) {
-        @return var(--kendo-color-#{$key}, $_color);
-    } @else {
-        @error "Color Variable \`#{$key}\` does not exists in the color collection.";
-    }
-}
-
 @mixin color-system--styles() {
     :root {
         @each $key, $value in $kendo-colors {
@@ -16362,7 +16368,6 @@ $kendo-headings: (
         font-weight: $kendo-h1-font-weight,
         letter-spacing: $kendo-h1-letter-spacing,
         margin: $kendo-h1-margin
-
     ),
     h2: (
         font-size: $kendo-h2-font-size,
@@ -16403,7 +16408,7 @@ $kendo-headings: (
         font-weight: $kendo-h6-font-weight,
         letter-spacing: $kendo-h6-letter-spacing,
         margin: $kendo-h6-margin
-    ),
+    )
 ) !default;
 
 
@@ -16570,7 +16575,7 @@ $kendo-display: (
         line-height: $kendo-display4-line-height,
         font-weight: $kendo-display4-font-weight,
         letter-spacing: $kendo-display4-letter-spacing
-    ),
+    )
 ) !default;
 
 // #endregion
@@ -19972,6 +19977,7 @@ $kendo-table-selected-border: null !default;
                     position: absolute;
                     top: 0;
                     left: 0;
+                    pointer-events: none;
                 }
             }
 
@@ -53529,10 +53535,9 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
         .k-flex-row-reverse & {
             display: flex;
             align-items: center;
+            justify-content: center;
+            writing-mode: vertical-rl;
 
-            span {
-                writing-mode: vertical-rl;
-            }
             .k-icon {
                 vertical-align: baseline;
             }