@progress/kendo-theme-utils 6.4.0-dev.2 → 6.4.0-dev.4

package/dist/all.scss

@@ -6,8 +6,10 @@
 // #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
 // #region @import "../_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/_variables.scss
 // Equilateral triangle variables
+// stylelint-disable number-max-precision
 $equilateral-index: 1.7320508076 !default;
 $equilateral-height: .8660254038 !default;
+// stylelint-enable number-max-precision
 
 // #endregion
 
@@ -188,15 +190,13 @@ $equilateral-height: .8660254038 !default;
 
 //  Precomputed linear color channel values, for use in contrast calculations.
 //  See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
-//
 //  Algorithm, for c in 0 to 255:
 //  f(c) {
 //    c = c / 255;
 //    return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
 //  }
-//
 //  This lookup table is needed since there is no `pow` in SASS.
-// stylelint-disable-next-line scss/dollar-variable-default
+// stylelint-disable number-max-precision
 $_linear-channel-values: (
     0
     .0003035269835488375
@@ -455,6 +455,7 @@ $_linear-channel-values: (
     .9911020971138298
     1
 );
+// stylelint-enable number-max-precision
 
 /// The contrast ratio to reach against white, to determine if color changes from "light" to "dark".
 /// Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
@@ -499,7 +500,6 @@ $wcag-light: white !default;
 /// @link https://www.w3.org/TR/WCAG/#dfn-contrast-ratio
 /// @link https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 @function k-color-contrast-ratio( $background, $foreground ) {
-    // sass-lint:disable-block variable-name-format
     $backLum: k-color-luminance( $background ) + .05;
     $foreLum: k-color-luminance( $foreground ) + .05;
 
@@ -550,7 +550,6 @@ $wcag-light: white !default;
         }
     }
 
-    // sass-lint:disable-block no-warn
     @warn "Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...";
 
     @return $max-ratio-color;
@@ -734,7 +733,7 @@ $kendo-color-level-step: 8% !default;
         @return null;
     }
 
-    @if $_prefix == null {
+    @if $_prefix == null { // stylelint-disable-line
         $_prefix: "";
     }
 
@@ -927,7 +926,6 @@ $_kendo-escape-class-name: (
         @return $result;
     }
 
-    // sass-lint:disable-block no-warn
     @warn "No list passed.";
     @return $result;
 }
@@ -1139,7 +1137,7 @@ $_kendo-escape-class-name: (
 /// @example scss - Usage
 ///   @debug k-math-random(); // => 0.123456789
 @function k-math-random( $limit: null ) {
-    @if ( $limit == null ) {
+    @if ( $limit == null ) { // stylelint-disable-line
         @return random();
     }
 
@@ -1199,7 +1197,7 @@ $_kendo-escape-class-name: (
 ///   @debug k-map-get( ( "foo": "bar" ), "foo" ); // => "bar"
 @function k-map-get( $map, $keys... ) {
     @each $key in $keys {
-        $map: map-get( $map, $key );
+        $map: map-get( $map, $key ); // stylelint-disable-line
     }
     @return $map;
 }
@@ -1235,7 +1233,7 @@ $_kendo-escape-class-name: (
 ///   @debug k-map-merge( ( "foo": "bar" ), ( "baz": "qux" ) ); // => ( "foo": "bar", "baz": "qux" )
 @function k-map-merge( $map, $args... ) {
     @each $arg in $args {
-        $map: map-merge( $map, $arg );
+        $map: map-merge( $map, $arg ); // stylelint-disable-line
     }
     @return $map;
 }
@@ -1674,7 +1672,6 @@ $kendo-theme-colors: () !default;
 $kendo-font-sizes: () !default;
 
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: .125rem,
@@ -1712,7 +1709,6 @@ $kendo-spacing: (
 ) !default;
 
 $kendo-sizing: k-map-merge( $kendo-spacing, (
-    // sass-lint:disable-block indentation
     "auto": auto,
     "1/2": 50%,
     "1/3": 33.333333%,
@@ -1755,8 +1751,6 @@ $kendo-border-radii: (
     full: 9999px
 ) !default;
 
-//
-
 $kendo-utils: (
 
     // Accessibility
@@ -1849,7 +1843,6 @@ $kendo-utils: (
     ),
     "overscroll": (),
     "placement": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         -1: -1px
     )),
     "position": (
@@ -2122,14 +2115,13 @@ $kendo-utils: (
         fr: minmax( 0, 1fr ),
     ),
     "gap": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         // TODO: remove this extension once we fix docs
         xs: k-map-get( $kendo-spacing, 1 ),
         sm: k-map-get( $kendo-spacing, 2 ),
         md: k-map-get( $kendo-spacing, 3 ),
         lg: k-map-get( $kendo-spacing, 4 ),
         xl: k-map-get( $kendo-spacing, 6 ),
-        thin: k-map-get( $kendo-spacing, 0.5 ), // sass-lint:disable-line leading-zero
+        thin: k-map-get( $kendo-spacing, 0.5 ),
         hair: k-map-get( $kendo-spacing, 1px )
     )),
     "align-content": (
@@ -2266,33 +2258,30 @@ $kendo-utils: (
     // Spacing
     "margin": k-map-merge( $kendo-spacing,
         k-map-negate( $kendo-spacing), (
-        // sass-lint:disable-block indentation
         // TODO: remove this extension once we fix docs
         xs: k-map-get( $kendo-spacing, 1 ),
         sm: k-map-get( $kendo-spacing, 2 ),
         md: k-map-get( $kendo-spacing, 3 ),
         lg: k-map-get( $kendo-spacing, 4 ),
         xl: k-map-get( $kendo-spacing, 6 ),
-        thin: k-map-get( $kendo-spacing, 0.5 ), // sass-lint:disable-line leading-zero
+        thin: k-map-get( $kendo-spacing, 0.5 ),
         hair: k-map-get( $kendo-spacing, 1px ),
         auto: auto
     )),
     "padding": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         // TODO: remove this extension once we fix docs
         xs: k-map-get( $kendo-spacing, 1 ),
         sm: k-map-get( $kendo-spacing, 2 ),
         md: k-map-get( $kendo-spacing, 3 ),
         lg: k-map-get( $kendo-spacing, 4 ),
         xl: k-map-get( $kendo-spacing, 6 ),
-        thin: k-map-get( $kendo-spacing, 0.5 ), // sass-lint:disable-line leading-zero
+        thin: k-map-get( $kendo-spacing, 0.5 ),
         hair: k-map-get( $kendo-spacing, 1px )
     )),
     "space-between": (),
 
     // Sizing
     "width": k-map-merge( $kendo-sizing, (
-        // sass-lint:disable-block indentation
         screen: 100vw
     )),
     "min-width": (
@@ -2313,7 +2302,6 @@ $kendo-utils: (
         fit: fit-content
     ),
     "height": k-map-merge( $kendo-sizing, (
-        // sass-lint:disable-block indentation
         screen: 100vh
     )),
     "min-height": (
@@ -2371,7 +2359,6 @@ $kendo-utils: (
         end
     ),
     "text-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -2427,7 +2414,6 @@ $kendo-utils: (
         text: text
     ),
     "background-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "transparent": transparent,
         "black": black,
@@ -2471,7 +2457,6 @@ $kendo-utils: (
         none
     ),
     "border-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -2498,7 +2483,6 @@ $kendo-utils: (
         none
     ),
     "outline-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -2517,7 +2501,6 @@ $kendo-utils: (
     "box-shadow": (),
     "box-shadow-color": (),
     "opacity": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         5: 0.05,
         10: 0.1,
@@ -2556,7 +2539,6 @@ $kendo-utils: (
     // Transform
     "flip": true,
     "scale": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         0.25: .25,
         0.5: .5,
@@ -2740,7 +2722,7 @@ $kendo-utils: (
             @if $important {
                 .\!#{$_selector} {
                     @each $prop in $_props {
-                        #{$prop}:  if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // sass-lint:disable-line no-important
+                        #{$prop}:  if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // stylelint-disable-line declaration-no-important
                     }
                 }
             }
@@ -3071,9 +3053,9 @@ $kendo-utils: (
     // Legacy aliases
     @include generate-utils( display, display, $kendo-utils-display );
     .#{$kendo-prefix}d-flex-row { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-row !optional; }
-    .\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; } // sass-lint:disable-line class-name-format
+    .\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
     .#{$kendo-prefix}d-flex-col { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-col !optional; }
-    .\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; } // sass-lint:disable-line class-name-format
+    .\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
 
 }
 
@@ -3420,7 +3402,7 @@ $kendo-utils: (
     // placement length utility classes
     @each $side in (top, right, bottom, left) {
         .#{$kendo-prefix}#{$side},
-        .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; } // sass-lint:disable-line brace-style
+        .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }
     }
 
     // Inset utility classes
@@ -4425,8 +4407,8 @@ $kendo-utils: (
 
     // Legacy aliases
     @include generate-utils( colspan, grid-column, $kendo-utils-grid-column-span );
-    .#{$kendo-prefix}colspan-all { @extend .#{$kendo-prefix}colspan-full !optional; } // sass-lint:disable-line class-name-format
-    .\!#{$kendo-prefix}colspan-all { @extend .\!#{$kendo-prefix}colspan-full !optional; } // sass-lint:disable-line class-name-format
+    .#{$kendo-prefix}colspan-all { @extend .#{$kendo-prefix}colspan-full !optional; }
+    .\!#{$kendo-prefix}colspan-all { @extend .\!#{$kendo-prefix}colspan-full !optional; }
 
 }
 
@@ -4469,8 +4451,8 @@ $kendo-utils: (
 
     // Legacy aliases
     @include generate-utils( rowspan, grid-row, $kendo-utils-grid-row-span );
-    .#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; } // sass-lint:disable-line class-name-format
-    .\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; } // sass-lint:disable-line class-name-format
+    .#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; }
+    .\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; }
 
 }
 
@@ -4619,7 +4601,7 @@ $kendo-utils: (
 
     // Custom justify-content classes
     .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }
-    .\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // sass-lint:disable-line no-important class-name-format
+    .\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important
 
 }
 
@@ -6871,9 +6853,9 @@ $kendo-utils: (
         text-overflow: ellipsis;
     }
     .\!#{$kendo-prefix}text-truncate {
-        white-space: nowrap !important; // sass-lint:disable-line no-important
-        overflow: hidden !important; // sass-lint:disable-line no-important
-        text-overflow: ellipsis !important; // sass-lint:disable-line no-important
+        white-space: nowrap !important; // stylelint-disable-line declaration-no-important
+        overflow: hidden !important; // stylelint-disable-line declaration-no-important
+        text-overflow: ellipsis !important; // stylelint-disable-line declaration-no-important
     }
 
     // Legacy aliases
@@ -8433,11 +8415,11 @@ $kendo-utils: (
     $kendo-utils-flip: k-map-get( $kendo-utils, "flip" ) !default;
     @if $kendo-utils-flip {
         .#{$kendo-prefix}flip-h { transform: scaleX( -1 ); }
-        .\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // sass-lint:disable-line no-important
+        .\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // stylelint-disable-line declaration-no-important
         .#{$kendo-prefix}flip-v { transform: scaleY( -1 ); }
-        .\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // sass-lint:disable-line no-important
+        .\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // stylelint-disable-line declaration-no-important
         .#{$kendo-prefix}flip-h.#{$kendo-prefix}flip-v { transform: scale( -1, -1 ); }
-        .\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // sass-lint:disable-line no-important
+        .\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // stylelint-disable-line declaration-no-important
 
         // Legacy aliases
         .#{$kendo-prefix}flip-x { @extend .#{$kendo-prefix}flip-h !optional; }
@@ -8562,11 +8544,11 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __rotate( $val ) {
     @return rotate( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--rotate() {
 
@@ -8596,7 +8578,7 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __scale( $val ) {
     @return scale( $val );
 }
@@ -8606,7 +8588,7 @@ $kendo-utils: (
 @function __scale-y( $val ) {
     @return scaleY( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--scale() {
 
@@ -8644,14 +8626,14 @@ $kendo-utils: (
 /// @group skew
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __skew-x( $val ) {
     @return skewX( $val );
 }
 @function __skew-y( $val ) {
     @return skewY( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--skew() {
 
@@ -8718,7 +8700,7 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __translate( $val ) {
     @return translate( $val );
 }
@@ -8728,7 +8710,7 @@ $kendo-utils: (
 @function __translate-y( $val ) {
     @return translateY( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--translate() {