@progress/kendo-theme-utils 6.1.1-dev.25 → 6.1.1-dev.38

package/dist/all.css

@@ -11170,12 +11170,6 @@
     max-width: fit-content !important;
 }
 
-.k-text-ellipsis {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 .k-font-italic {
     font-style: italic;
 }
@@ -11448,6 +11442,34 @@
     color: white !important;
 }
 
+.k-text-clip {
+    text-overflow: clip;
+}
+
+.\!k-text-clip {
+    text-overflow: clip !important;
+}
+
+.k-text-ellipsis {
+    text-overflow: ellipsis;
+}
+
+.\!k-text-ellipsis {
+    text-overflow: ellipsis !important;
+}
+
+.k-text-truncate, .k-text-ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.\!k-text-truncate, .\!k-text-ellipsis {
+    white-space: nowrap !important;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+}
+
 .k-text-uppercase {
     text-transform: uppercase;
 }

package/dist/all.scss

@@ -582,12 +582,17 @@ $wcag-light: white !default;
 
 // #endregion
 // #region @import "./_color-manipulation.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_color-manipulation.import.scss
+$kendo-light-color-level-step: 8% !default;
+$kendo-dark-color-level-step: 16% !default;
+
 /// Set a specific jump point for requesting color jumps
 /// @group color-system
 /// @access private
 $kendo-color-level-step: 8% !default;
 
 @function k-color-level( $color, $level: 0 ) {
+    $_dark-theme: if( k-meta-variable-exists( kendo-is-dark-theme ), $kendo-is-dark-theme, false );
+    $_color-level-step: if( $_dark-theme, $kendo-dark-color-level-step, $kendo-light-color-level-step );
 
     @if ( $level == 0 ) or ( $level == 0% ) {
         @return $color;
@@ -601,7 +606,7 @@ $kendo-color-level-step: 8% !default;
         @return k-color-mix( $base, $color, $level );
     }
 
-    @return k-color-mix( $base, $color, $level * $kendo-color-level-step );
+    @return k-color-mix( $base, $color, k-math-clamp( $level * $_color-level-step, 0%, 100% ) );
 }
 
 /// Makes a color lighter by mixing it with white
@@ -2267,7 +2272,10 @@ $kendo-utils: (
         capitalize: capitalize,
         normal-case: none
     ),
-    "text-overflow": (),
+    "text-overflow": (
+        clip: clip,
+        ellipsis: ellipsis
+    ),
     "text-indent": (),
     "vertical-align": (),
     "white-space": (
@@ -3710,6 +3718,33 @@ $kendo-utils: (
 
 // #endregion
 // text decoration
+// #region @import "./_text-overflow.scss"; -> scss/typography/_text-overflow.scss
+@mixin kendo-utils--typography--text-overflow() {
+
+    // Text overflow utility classes
+    $kendo-utils-text-overflow: k-map-get( $kendo-utils, "text-overflow" ) !default;
+    @include generate-utils( text, text-overflow, $kendo-utils-text-overflow );
+
+
+    // Text truncate utility classes
+    .#{$kendo-prefix}text-truncate {
+        white-space: nowrap;
+        overflow: hidden;
+        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
+    }
+
+    // Legacy aliases
+    .#{$kendo-prefix}text-ellipsis { @extend .#{$kendo-prefix}text-truncate !optional; }
+    .\!#{$kendo-prefix}text-ellipsis { @extend .\!#{$kendo-prefix}text-truncate !optional; }
+
+}
+
+// #endregion
 // #region @import "./_text-transform.scss"; -> scss/typography/_text-transform.scss
 // Text-transform documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform.
 
@@ -3737,7 +3772,6 @@ $kendo-utils: (
 }
 
 // #endregion
-// text overflow
 // text indent
 // vertical align
 // #region @import "./_white-space.scss"; -> scss/typography/_white-space.scss
@@ -3791,16 +3825,12 @@ $kendo-utils: (
 
 
 @mixin kendo-utils--typography() {
-    /// This is equivalent to `white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`.
-    /// @name .k-text-ellipsis
-    /// @group text
-    .#{$kendo-prefix}text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } // sass-lint:disable-line one-declaration-per-line
-
     @include kendo-utils--typography--font-size();
     @include kendo-utils--typography--font-style();
     @include kendo-utils--typography--font-weight();
     @include kendo-utils--typography--text-align();
     @include kendo-utils--typography--text-color();
+    @include kendo-utils--typography--text-overflow();
     @include kendo-utils--typography--text-transform();
     @include kendo-utils--typography--white-space();
 }

package/dist/meta/sassdoc-data.json

@@ -2723,30 +2723,6 @@
                 "name": "_screen-readers.scss"
             }
         },
-        {
-            "description": "This is equivalent to `white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`.\n    @name .k-text-ellipsis\n    @group text\n",
-            "commentRange": {
-                "start": 21,
-                "end": 23
-            },
-            "context": {
-                "type": "css",
-                "name": ".#{$kendo-prefix}text-ellipsis",
-                "value": "white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",
-                "line": {
-                    "start": 24,
-                    "end": 34
-                }
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "file": {
-                "path": "typography/index.import.scss",
-                "name": "index.import.scss"
-            }
-        },
         {
             "description": "This is equivalent to `user-select: none;`. The text of the element and its sub-elements is not selectable. Note that the Selection object can contain these elements.\n",
             "commentRange": {

package/dist/meta/sassdoc-raw-data.json

@@ -2718,30 +2718,6 @@
             "name": "_screen-readers.scss"
         }
     },
-    {
-        "description": "This is equivalent to `white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`.\n    @name .k-text-ellipsis\n    @group text\n",
-        "commentRange": {
-            "start": 21,
-            "end": 23
-        },
-        "context": {
-            "type": "css",
-            "name": ".#{$kendo-prefix}text-ellipsis",
-            "value": "white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",
-            "line": {
-                "start": 24,
-                "end": 34
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "typography/index.import.scss",
-            "name": "index.import.scss"
-        }
-    },
     {
         "description": "This is equivalent to `user-select: none;`. The text of the element and its sub-elements is not selectable. Note that the Selection object can contain these elements.\n",
         "commentRange": {

package/dist/meta/variables.json

@@ -19,6 +19,14 @@
         "type": "Color",
         "value": "white"
     },
+    "kendo-light-color-level-step": {
+        "type": "Number",
+        "value": "8%"
+    },
+    "kendo-dark-color-level-step": {
+        "type": "Number",
+        "value": "16%"
+    },
     "kendo-color-level-step": {
         "type": "Number",
         "value": "8%"
@@ -53,6 +61,6 @@
     },
     "kendo-utils": {
         "type": "Map",
-        "value": "(\"screen-readers\": true, \"aspect-ratio\": (auto: auto, 1: 1, square: 1 / 1, video: 16 / 9), \"container\": (), \"columns\": (), \"break-after\": (), \"break-before\": (), \"break-inside\": (), \"box-decoration-break\": (), \"box-sizing\": (), \"display\": (none, block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, inline-table, list-item), \"float\": (left, right, none), \"clear\": (left, right, both, none), \"isolation\": (), \"object-fit\": (), \"object-position\": (), \"overflow\": (auto: auto, hidden: hidden, visible: visible, scroll: scroll, clip: clip, x-auto: auto, x-hidden: hidden, x-visible: visible, x-scroll: scroll, x-clip: clip, y-auto: auto, y-hidden: hidden, y-visible: visible, y-scroll: scroll, y-clip: clip), \"overscroll\": (), \"position\": (static, relative, absolute, fixed, sticky), \"inset\": (0: 0, 1: 1px, -1: -1px), \"visibility\": (visible, hidden), \"zindex\": (0: 0, 10: 10, 20: 20, 30: 30, 40: 40, 50: 50, auto: auto), \"flex-direction\": (row: row, row-reverse: row-reverse, col: column, col-reverse: column-reverse), \"flex-wrap\": (wrap, wrap-reverse, nowrap), \"flex\": (1: 1 1 0%, auto: 1 1 auto, initial: 0 1 auto, none: none), \"flex-grow\": (DEFAULT: 1, 0: 0), \"flex-shrink\": (DEFAULT: 1, 0: 0), \"flex-basis\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content), \"order\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, first: -9999, last: 9999, none: 0), \"grid-template-columns\": (1: repeat(1, minmax(0, 1fr)), 2: repeat(2, minmax(0, 1fr)), 3: repeat(3, minmax(0, 1fr)), 4: repeat(4, minmax(0, 1fr)), 5: repeat(5, minmax(0, 1fr)), 6: repeat(6, minmax(0, 1fr)), 7: repeat(7, minmax(0, 1fr)), 8: repeat(8, minmax(0, 1fr)), 9: repeat(9, minmax(0, 1fr)), 10: repeat(10, minmax(0, 1fr)), 11: repeat(11, minmax(0, 1fr)), 12: repeat(12, minmax(0, 1fr)), none: none), \"grid-template-rows\": (1: repeat(1, minmax(0, 1fr)), 2: repeat(2, minmax(0, 1fr)), 3: repeat(3, minmax(0, 1fr)), 4: repeat(4, minmax(0, 1fr)), 5: repeat(5, minmax(0, 1fr)), 6: repeat(6, minmax(0, 1fr)), 7: repeat(7, minmax(0, 1fr)), 8: repeat(8, minmax(0, 1fr)), 9: repeat(9, minmax(0, 1fr)), 10: repeat(10, minmax(0, 1fr)), 11: repeat(11, minmax(0, 1fr)), 12: repeat(12, minmax(0, 1fr)), none: none), \"grid-column-start\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-column-end\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-column-span\": (1: span 1/span 1, 2: span 2/span 2, 3: span 3/span 3, 4: span 4/span 4, 5: span 5/span 5, 6: span 6/span 6, 7: span 7/span 7, 8: span 8/span 8, 9: span 9/span 9, 10: span 10/span 10, 11: span 11/span 11, 12: span 12/span 12, full: 1 / -1, auto: auto), \"grid-row-start\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-row-end\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-row-span\": (1: span 1/span 1, 2: span 2/span 2, 3: span 3/span 3, 4: span 4/span 4, 5: span 5/span 5, 6: span 6/span 6, 7: span 7/span 7, 8: span 8/span 8, 9: span 9/span 9, 10: span 10/span 10, 11: span 11/span 11, 12: span 12/span 12, full: span 1/span -1, auto: auto), \"grid-auto-flow\": (row: row, col: column, row-dense: row dense, col-dense: column dense, unset: unset), \"grid-auto-columns\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"grid-auto-rows\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"gap\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, xs: 0.25rem, sm: 0.5rem, md: 0.75rem, lg: 1rem, xl: 1.5rem, thin: 0.125rem, hair: 1px), \"align-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"align-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"align-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"justify-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"justify-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"justify-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"place-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, between: space-between, around: space-around, evenly: space-evenly), \"place-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: flex-start, self-end: flex-end, baseline: baseline), \"place-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: flex-start, end: flex-end, flex-start: flex-start, flex-end: flex-end, self-start: flex-start, self-end: flex-end, baseline: baseline), \"margin\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, xs: 0.25rem, sm: 0.5rem, md: 0.75rem, lg: 1rem, xl: 1.5rem, thin: 0.125rem, hair: 1px), \"padding\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, xs: 0.25rem, sm: 0.5rem, md: 0.75rem, lg: 1rem, xl: 1.5rem, thin: 0.125rem, hair: 1px), \"space-between\": (), \"width\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vw), \"min-width\": (0: 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"max-width\": (none: none, 0: 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"height\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vh), \"min-height\": (0: 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"max-height\": (none: none, 0: 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"font-family\": (), \"font-size\": (), \"font-smoothing\": (), \"font-style\": (italic: italic, non-italic: normal), \"font-weight\": (\"thin\": 100, \"extralight\": 200, \"light\": 300, \"normal\": 400, \"medium\": 500, \"semibold\": 600, \"bold\": 700, \"extrabold\": 800, \"black\": 900), \"font-variant-numeric\": (), \"letter-spacing\": (), \"line-height\": (), \"list-style-type\": (), \"list-style-position\": (), \"text-align\": (left, right, center, justify), \"text-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"text-decoration\": (), \"text-decoration-width\": (), \"text-decoration-style\": (), \"text-decoration-color\": (), \"text-decoration-offset\": (), \"text-transform\": (uppercase: uppercase, lowercase: lowercase, capitalize: capitalize, normal-case: none), \"text-overflow\": (), \"text-indent\": (), \"vertical-align\": (), \"white-space\": (normal, nowrap, pre, pre-line, pre-wrap, break-spaces), \"word-break\": (), \"background-color\": (\"inherit\": inherit, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-width\": (DEFAULT: 1px, 0: 0, 2: 2px, 4: 4px, 8: 8px), \"border-style\": (solid, dashed, dotted, double, hidden, none), \"border-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-radius\": (DEFAULT: 0.25rem, 0: 0, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, full: 9999px), \"outline-width\": (DEFAULT: 1px, 0: 0, 2: 2px, 4: 4px, 8: 8px), \"outline-style\": (solid, dashed, dotted, double, groove, ridge, inset, outset, none), \"outline-color\": (), \"outline-offset\": (0: 0, 1: 1px, 2: 2px, 4: 4px, 8: 8px), \"border-collapse\": (collapse, separate), \"table-layout\": (auto, fixed), \"flip\": true, \"scale\": (0: 0, 0.25: 0.25, 0.5: 0.5, 0.75: 0.75, 1: 1, 1.25: 1.25, 1.5: 1.5, 2: 2), \"rotate\": (0: 0deg, 45: 45deg, 90: 90deg, 135: 135deg, 180: 180deg, 225: 225deg, 270: 270deg, 315: 315deg), \"translate\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%), \"skew\": (0: 0deg, 1: 1deg, 2: 2deg, 3: 3deg, 4: 4deg, 5: 5deg, 6: 6deg, 7: 7deg, 8: 8deg, 9: 9deg, 10: 10deg, 11: 11deg, 12: 12deg), \"origin\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"accent-color\": (), \"appearance\": (none, auto), \"cursor\": (none, auto, default, context-menu, help, pointer, progress, wait, cell, crosshair, text, vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out, grab, grabbing), \"caret-color\": (), \"pointer-events\": (none, auto), \"resize\": (DEFAULT: both, none: none, x: horizontal, y: vertical), \"scroll-behavior\": (auto, smooth), \"scroll-snap-type\": (none: none, snap-x: x var(--k-scroll-snap-strictness), snap-y: y var(--k-scroll-snap-strictness), snap-both: both var(--k-scroll-snap-strictness)), \"scroll-snap-align\": (start, end, center, none), \"scroll-snap-stop\": (normal, always), \"scroll-margin\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem), \"scroll-padding\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem), \"touch-action\": (none, auto, pan-x, pan-left, pan-right, pan-y, pan-up, pan-down, pinch-zoom, manipulation), \"user-select\": (none, auto, text, all, contain), \"will-change\": (auto: auto, scroll: scroll-position, contents: contents, transform: transform))"
+        "value": "(\"screen-readers\": true, \"aspect-ratio\": (auto: auto, 1: 1, square: 1 / 1, video: 16 / 9), \"container\": (), \"columns\": (), \"break-after\": (), \"break-before\": (), \"break-inside\": (), \"box-decoration-break\": (), \"box-sizing\": (), \"display\": (none, block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, inline-table, list-item), \"float\": (left, right, none), \"clear\": (left, right, both, none), \"isolation\": (), \"object-fit\": (), \"object-position\": (), \"overflow\": (auto: auto, hidden: hidden, visible: visible, scroll: scroll, clip: clip, x-auto: auto, x-hidden: hidden, x-visible: visible, x-scroll: scroll, x-clip: clip, y-auto: auto, y-hidden: hidden, y-visible: visible, y-scroll: scroll, y-clip: clip), \"overscroll\": (), \"position\": (static, relative, absolute, fixed, sticky), \"inset\": (0: 0, 1: 1px, -1: -1px), \"visibility\": (visible, hidden), \"zindex\": (0: 0, 10: 10, 20: 20, 30: 30, 40: 40, 50: 50, auto: auto), \"flex-direction\": (row: row, row-reverse: row-reverse, col: column, col-reverse: column-reverse), \"flex-wrap\": (wrap, wrap-reverse, nowrap), \"flex\": (1: 1 1 0%, auto: 1 1 auto, initial: 0 1 auto, none: none), \"flex-grow\": (DEFAULT: 1, 0: 0), \"flex-shrink\": (DEFAULT: 1, 0: 0), \"flex-basis\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content), \"order\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, first: -9999, last: 9999, none: 0), \"grid-template-columns\": (1: repeat(1, minmax(0, 1fr)), 2: repeat(2, minmax(0, 1fr)), 3: repeat(3, minmax(0, 1fr)), 4: repeat(4, minmax(0, 1fr)), 5: repeat(5, minmax(0, 1fr)), 6: repeat(6, minmax(0, 1fr)), 7: repeat(7, minmax(0, 1fr)), 8: repeat(8, minmax(0, 1fr)), 9: repeat(9, minmax(0, 1fr)), 10: repeat(10, minmax(0, 1fr)), 11: repeat(11, minmax(0, 1fr)), 12: repeat(12, minmax(0, 1fr)), none: none), \"grid-template-rows\": (1: repeat(1, minmax(0, 1fr)), 2: repeat(2, minmax(0, 1fr)), 3: repeat(3, minmax(0, 1fr)), 4: repeat(4, minmax(0, 1fr)), 5: repeat(5, minmax(0, 1fr)), 6: repeat(6, minmax(0, 1fr)), 7: repeat(7, minmax(0, 1fr)), 8: repeat(8, minmax(0, 1fr)), 9: repeat(9, minmax(0, 1fr)), 10: repeat(10, minmax(0, 1fr)), 11: repeat(11, minmax(0, 1fr)), 12: repeat(12, minmax(0, 1fr)), none: none), \"grid-column-start\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-column-end\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-column-span\": (1: span 1/span 1, 2: span 2/span 2, 3: span 3/span 3, 4: span 4/span 4, 5: span 5/span 5, 6: span 6/span 6, 7: span 7/span 7, 8: span 8/span 8, 9: span 9/span 9, 10: span 10/span 10, 11: span 11/span 11, 12: span 12/span 12, full: 1 / -1, auto: auto), \"grid-row-start\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-row-end\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, auto: auto), \"grid-row-span\": (1: span 1/span 1, 2: span 2/span 2, 3: span 3/span 3, 4: span 4/span 4, 5: span 5/span 5, 6: span 6/span 6, 7: span 7/span 7, 8: span 8/span 8, 9: span 9/span 9, 10: span 10/span 10, 11: span 11/span 11, 12: span 12/span 12, full: span 1/span -1, auto: auto), \"grid-auto-flow\": (row: row, col: column, row-dense: row dense, col-dense: column dense, unset: unset), \"grid-auto-columns\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"grid-auto-rows\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"gap\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, xs: 0.25rem, sm: 0.5rem, md: 0.75rem, lg: 1rem, xl: 1.5rem, thin: 0.125rem, hair: 1px), \"align-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"align-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"align-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"justify-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"justify-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"justify-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"place-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, between: space-between, around: space-around, evenly: space-evenly), \"place-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: flex-start, self-end: flex-end, baseline: baseline), \"place-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: flex-start, end: flex-end, flex-start: flex-start, flex-end: flex-end, self-start: flex-start, self-end: flex-end, baseline: baseline), \"margin\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, xs: 0.25rem, sm: 0.5rem, md: 0.75rem, lg: 1rem, xl: 1.5rem, thin: 0.125rem, hair: 1px), \"padding\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, xs: 0.25rem, sm: 0.5rem, md: 0.75rem, lg: 1rem, xl: 1.5rem, thin: 0.125rem, hair: 1px), \"space-between\": (), \"width\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vw), \"min-width\": (0: 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"max-width\": (none: none, 0: 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"height\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vh), \"min-height\": (0: 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"max-height\": (none: none, 0: 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"font-family\": (), \"font-size\": (), \"font-smoothing\": (), \"font-style\": (italic: italic, non-italic: normal), \"font-weight\": (\"thin\": 100, \"extralight\": 200, \"light\": 300, \"normal\": 400, \"medium\": 500, \"semibold\": 600, \"bold\": 700, \"extrabold\": 800, \"black\": 900), \"font-variant-numeric\": (), \"letter-spacing\": (), \"line-height\": (), \"list-style-type\": (), \"list-style-position\": (), \"text-align\": (left, right, center, justify), \"text-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"text-decoration\": (), \"text-decoration-width\": (), \"text-decoration-style\": (), \"text-decoration-color\": (), \"text-decoration-offset\": (), \"text-transform\": (uppercase: uppercase, lowercase: lowercase, capitalize: capitalize, normal-case: none), \"text-overflow\": (clip: clip, ellipsis: ellipsis), \"text-indent\": (), \"vertical-align\": (), \"white-space\": (normal, nowrap, pre, pre-line, pre-wrap, break-spaces), \"word-break\": (), \"background-color\": (\"inherit\": inherit, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-width\": (DEFAULT: 1px, 0: 0, 2: 2px, 4: 4px, 8: 8px), \"border-style\": (solid, dashed, dotted, double, hidden, none), \"border-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-radius\": (DEFAULT: 0.25rem, 0: 0, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, full: 9999px), \"outline-width\": (DEFAULT: 1px, 0: 0, 2: 2px, 4: 4px, 8: 8px), \"outline-style\": (solid, dashed, dotted, double, groove, ridge, inset, outset, none), \"outline-color\": (), \"outline-offset\": (0: 0, 1: 1px, 2: 2px, 4: 4px, 8: 8px), \"border-collapse\": (collapse, separate), \"table-layout\": (auto, fixed), \"flip\": true, \"scale\": (0: 0, 0.25: 0.25, 0.5: 0.5, 0.75: 0.75, 1: 1, 1.25: 1.25, 1.5: 1.5, 2: 2), \"rotate\": (0: 0deg, 45: 45deg, 90: 90deg, 135: 135deg, 180: 180deg, 225: 225deg, 270: 270deg, 315: 315deg), \"translate\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%), \"skew\": (0: 0deg, 1: 1deg, 2: 2deg, 3: 3deg, 4: 4deg, 5: 5deg, 6: 6deg, 7: 7deg, 8: 8deg, 9: 9deg, 10: 10deg, 11: 11deg, 12: 12deg), \"origin\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"accent-color\": (), \"appearance\": (none, auto), \"cursor\": (none, auto, default, context-menu, help, pointer, progress, wait, cell, crosshair, text, vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out, grab, grabbing), \"caret-color\": (), \"pointer-events\": (none, auto), \"resize\": (DEFAULT: both, none: none, x: horizontal, y: vertical), \"scroll-behavior\": (auto, smooth), \"scroll-snap-type\": (none: none, snap-x: x var(--k-scroll-snap-strictness), snap-y: y var(--k-scroll-snap-strictness), snap-both: both var(--k-scroll-snap-strictness)), \"scroll-snap-align\": (start, end, center, none), \"scroll-snap-stop\": (normal, always), \"scroll-margin\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem), \"scroll-padding\": (0: 0, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem), \"touch-action\": (none, auto, pan-x, pan-left, pan-right, pan-y, pan-up, pan-down, pinch-zoom, manipulation), \"user-select\": (none, auto, text, all, contain), \"will-change\": (auto: auto, scroll: scroll-position, contents: contents, transform: transform))"
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "6.1.1-dev.25+bd878b468",
+  "version": "6.1.1-dev.38+aedcf66cc",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -41,7 +41,7 @@
     "postpublish": "echo 'no postpublish for utils'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "6.1.1-dev.25+bd878b468"
+    "@progress/kendo-theme-core": "6.1.1-dev.38+aedcf66cc"
   },
-  "gitHead": "bd878b468ff65ff14c8a636431427ad2ba4b7b7e"
+  "gitHead": "aedcf66cc006856d53f3fde47acdeaf627f44a1c"
 }

package/scss/_variables.scss

@@ -628,7 +628,10 @@ $kendo-utils: (
         capitalize: capitalize,
         normal-case: none
     ),
-    "text-overflow": (),
+    "text-overflow": (
+        clip: clip,
+        ellipsis: ellipsis
+    ),
     "text-indent": (),
     "vertical-align": (),
     "white-space": (

package/scss/typography/_text-overflow.scss

@@ -0,0 +1,24 @@
+@mixin kendo-utils--typography--text-overflow() {
+
+    // Text overflow utility classes
+    $kendo-utils-text-overflow: k-map-get( $kendo-utils, "text-overflow" ) !default;
+    @include generate-utils( text, text-overflow, $kendo-utils-text-overflow );
+
+
+    // Text truncate utility classes
+    .#{$kendo-prefix}text-truncate {
+        white-space: nowrap;
+        overflow: hidden;
+        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
+    }
+
+    // Legacy aliases
+    .#{$kendo-prefix}text-ellipsis { @extend .#{$kendo-prefix}text-truncate !optional; }
+    .\!#{$kendo-prefix}text-ellipsis { @extend .\!#{$kendo-prefix}text-truncate !optional; }
+
+}

package/scss/typography/index.import.scss

@@ -10,24 +10,20 @@
 @import "./_text-align.scss";
 @import "./_text-color.scss";
 // text decoration
+@import "./_text-overflow.scss";
 @import "./_text-transform.scss";
-// text overflow
 // text indent
 // vertical align
 @import "./_white-space.scss";
 
 
 @mixin kendo-utils--typography() {
-    /// This is equivalent to `white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`.
-    /// @name .k-text-ellipsis
-    /// @group text
-    .#{$kendo-prefix}text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } // sass-lint:disable-line one-declaration-per-line
-
     @include kendo-utils--typography--font-size();
     @include kendo-utils--typography--font-style();
     @include kendo-utils--typography--font-weight();
     @include kendo-utils--typography--text-align();
     @include kendo-utils--typography--text-color();
+    @include kendo-utils--typography--text-overflow();
     @include kendo-utils--typography--text-transform();
     @include kendo-utils--typography--white-space();
 }