@progress/kendo-theme-material 8.0.2-dev.0 → 8.0.2-dev.2

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