@progress/kendo-theme-utils 8.0.0-dev.0 → 8.0.0-dev.2

package/dist/meta/variables.json

@@ -187,6 +187,14 @@
         "type": "List",
         "value": "()"
     },
+    "kendo-spacing": {
+        "type": "Map",
+        "value": "(0: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem)"
+    },
+    "kendo-sizing": {
+        "type": "Map",
+        "value": "(0: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"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)"
+    },
     "kendo-prefix": {
         "type": "String",
         "value": "k-"
@@ -196,35 +204,263 @@
         "value": "true"
     },
     "kendo-font-sizes": {
-        "type": "List",
-        "value": "()"
+        "type": "Map",
+        "value": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)"
     },
     "kendo-util-colors-list": {
         "type": "List",
-        "value": "primary-subtle, primary, primary-emphasis, secondary-subtle, secondary, secondary-emphasis, tertiary-subtle, tertiary, tertiary-emphasis, info-subtle, info, info-emphasis, success-subtle, success, success-emphasis, warning-subtle, warning, warning-emphasis, error-subtle, error, error-emphasis, light-subtle, light, light-emphasis, dark-subtle, dark, dark-emphasis"
+        "value": "app-surface, on-app-surface, subtle, surface, surface-alt, border, border-alt, base-subtle, base-emphasis, primary-subtle, primary, primary-emphasis, secondary-subtle, secondary, secondary-emphasis, tertiary-subtle, tertiary, tertiary-emphasis, info-subtle, info, info-emphasis, success-subtle, success, success-emphasis, warning-subtle, warning, warning-emphasis, error-subtle, error, error-emphasis, light-subtle, light, light-emphasis, dark-subtle, dark, dark-emphasis"
     },
     "kendo-util-colors": {
         "type": "Map",
-        "value": "(primary-subtle: null, primary: null, primary-emphasis: null, secondary-subtle: null, secondary: null, secondary-emphasis: null, tertiary-subtle: null, tertiary: null, tertiary-emphasis: null, info-subtle: null, info: null, info-emphasis: null, success-subtle: null, success: null, success-emphasis: null, warning-subtle: null, warning: null, warning-emphasis: null, error-subtle: null, error: null, error-emphasis: null, light-subtle: null, light: null, light-emphasis: null, dark-subtle: null, dark: null, dark-emphasis: null)"
-    },
-    "kendo-spacing": {
-        "type": "Map",
-        "value": "(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)"
-    },
-    "kendo-sizing": {
-        "type": "Map",
-        "value": "(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)"
+        "value": "(app-surface: null, on-app-surface: null, subtle: null, surface: null, surface-alt: null, border: null, border-alt: null, base-subtle: null, base-emphasis: null, primary-subtle: null, primary: null, primary-emphasis: null, secondary-subtle: null, secondary: null, secondary-emphasis: null, tertiary-subtle: null, tertiary: null, tertiary-emphasis: null, info-subtle: null, info: null, info-emphasis: null, success-subtle: null, success: null, success-emphasis: null, warning-subtle: null, warning: null, warning-emphasis: null, error-subtle: null, error: null, error-emphasis: null, light-subtle: null, light: null, light-emphasis: null, dark-subtle: null, dark: null, dark-emphasis: null)"
     },
     "kendo-border-radii": {
         "type": "Map",
-        "value": "(DEFAULT: 0.25rem, 0: 0, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, full: 9999px)"
+        "value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)"
     },
     "kendo-utils": {
         "type": "Map",
-        "value": "(\"screen-readers\": true, \"aspect-ratio\": (auto: auto, 1: 1, square: 1 / 1, video: 16 / 9), \"container\": (), \"columns\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, auto: auto), \"break-after\": (), \"break-before\": (), \"break-inside\": (), \"box-decoration-break\": (), \"box-sizing\": (border: border-box, content: content-box), \"display\": (none, contents, block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, inline-table, table-row, table-cell, list-item), \"float\": (left, right, none), \"clear\": (left, right, both, none), \"isolation\": (), \"object-fit\": (contain, cover, fill, scale-down, initial, none), \"object-position\": (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), \"overflow\": (auto: auto, hidden: hidden, visible: visible, scroll: scroll, clip: clip), \"overscroll\": (), \"placement\": (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: -1px), \"position\": (static, relative, absolute, fixed, sticky), \"inset\": (0: 0, 1: 1px, -1: -1px), \"visibility\": (visible: visible, invisible: hidden, collapse: collapse), \"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, -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, -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, -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, -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, dense: dense, 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: self-start, self-end: self-end, baseline: baseline), \"place-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), \"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, \"-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, auto: auto), \"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\": (none, disc, decimal), \"list-style-position\": (), \"text-align\": (left, right, center, justify, start, end), \"text-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"text-decoration\": (underline: underline, overline: overline, line-through: line-through, no-underline: none), \"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\": (baseline, top, middle, bottom, text-top, text-bottom, sub, super), \"white-space\": (normal, nowrap, pre, pre-line, pre-wrap, break-spaces), \"word-break\": (), \"background-clip\": (border: border-box, padding: padding-box, content: content-box, text: text), \"background-color\": (\"inherit\": inherit, \"transparent\": transparent, \"black\": black, \"white\": white), \"background-position\": (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), \"background-size\": (auto, cover, contain), \"border-width\": (DEFAULT: 1px, 0: 0, 2: 2px, 4: 4px, 8: 8px), \"border-style\": (solid, dashed, dotted, double, inset, outset, 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, inset, outset, none), \"outline-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"outline-offset\": (0: 0, 1: 1px, 2: 2px, 4: 4px, 8: 8px), \"box-shadow\": (), \"box-shadow-color\": (), \"opacity\": (0: 0, 5: 0.05, 10: 0.1, 20: 0.2, 30: 0.3, 40: 0.4, 50: 0.5, 60: 0.6, 70: 0.7, 80: 0.8, 90: 0.9, 100: 1), \"backdrop-blur\": (DEFAULT: blur(8px), none: blur(0), sm: blur(4px), md: blur(6px), lg: blur(12px)), \"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), \"fill-stroke\": (none: none, inherit: inherit, current: currentColor, \"transparent\": transparent, \"black\": black, \"white\": white))"
+        "value": "(\"screen-readers\": true, \"aspect-ratio\": (auto: auto, 1: 1, square: 1 / 1, video: 16 / 9), \"container\": (), \"columns\": (1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, auto: auto), \"break-after\": (), \"break-before\": (), \"break-inside\": (), \"box-decoration-break\": (), \"box-sizing\": (border: border-box, content: content-box), \"display\": (none, contents, block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, inline-table, table-row, table-cell, list-item), \"float\": (left, right, none), \"clear\": (left, right, both, none), \"isolation\": (), \"object-fit\": (contain, cover, fill, scale-down, initial, none), \"object-position\": (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), \"overflow\": (auto: auto, hidden: hidden, visible: visible, scroll: scroll, clip: clip), \"overscroll\": (), \"placement\": (0: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, -1: -1px), \"position\": (static, relative, absolute, fixed, sticky), \"inset\": (0: 0, 1: 1px, -1: -1px), \"visibility\": (visible: visible, invisible: hidden, collapse: collapse), \"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: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"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, -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, -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, -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, -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, dense: dense, 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: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, xs: var(--kendo-spacing-1, 0.25rem), sm: var(--kendo-spacing-2, 0.5rem), md: var(--kendo-spacing-3, 0.75rem), lg: var(--kendo-spacing-4, 1rem), xl: var(--kendo-spacing-6, 1.5rem), thin: var(--kendo-spacing-0\\.5, 0.125rem), hair: var(--kendo-spacing-1px, 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: self-start, self-end: self-end, baseline: baseline), \"place-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), \"margin\": (0: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"-0\": 0px, \"-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, \"-25\": -7rem, \"-26\": -8rem, \"-27\": -9rem, \"-28\": -10rem, \"-29\": -11rem, \"-30\": -12rem, xs: var(--kendo-spacing-1, 0.25rem), sm: var(--kendo-spacing-2, 0.5rem), md: var(--kendo-spacing-3, 0.75rem), lg: var(--kendo-spacing-4, 1rem), xl: var(--kendo-spacing-6, 1.5rem), thin: var(--kendo-spacing-0\\.5, 0.125rem), hair: var(--kendo-spacing-1px, 1px), auto: auto), \"padding\": (0: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, xs: var(--kendo-spacing-1, 0.25rem), sm: var(--kendo-spacing-2, 0.5rem), md: var(--kendo-spacing-3, 0.75rem), lg: var(--kendo-spacing-4, 1rem), xl: var(--kendo-spacing-6, 1.5rem), thin: var(--kendo-spacing-0\\.5, 0.125rem), hair: var(--kendo-spacing-1px, 1px)), \"space-between\": (), \"width\": (0: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"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: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"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, oblique: oblique), \"font-weight\": (), \"font-variant-numeric\": (), \"letter-spacing\": (), \"line-height\": (), \"list-style-type\": (none, disc, decimal), \"list-style-position\": (), \"text-align\": (left, right, center, justify, start, end), \"text-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"text-decoration\": (underline: underline, overline: overline, line-through: line-through, no-underline: none), \"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\": (baseline, top, middle, bottom, text-top, text-bottom, sub, super), \"white-space\": (normal, nowrap, pre, pre-line, pre-wrap, break-spaces), \"word-break\": (), \"background-clip\": (border: border-box, padding: padding-box, content: content-box, text: text), \"background-color\": (\"inherit\": inherit, \"transparent\": transparent, \"black\": black, \"white\": white), \"background-position\": (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), \"background-size\": (auto, cover, contain), \"border-width\": (DEFAULT: 1px, 0: 0, 2: 2px, 4: 4px, 8: 8px), \"border-style\": (solid, dashed, dotted, double, inset, outset, hidden, none), \"border-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-radius\": (), \"outline-width\": (DEFAULT: 1px, 0: 0, 2: 2px, 4: 4px, 8: 8px), \"outline-style\": (solid, dashed, dotted, double, inset, outset, none), \"outline-color\": (\"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"outline-offset\": (0: 0, 1: 1px, 2: 2px, 4: 4px, 8: 8px), \"box-shadow\": (), \"box-shadow-color\": (), \"opacity\": (0: 0, 5: 0.05, 10: 0.1, 20: 0.2, 30: 0.3, 40: 0.4, 50: 0.5, 60: 0.6, 70: 0.7, 80: 0.8, 90: 0.9, 100: 1), \"backdrop-blur\": (DEFAULT: blur(8px), none: blur(0), sm: blur(4px), md: blur(6px), lg: blur(12px)), \"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: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"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: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem), \"scroll-padding\": (0: 0px, 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, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem), \"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), \"fill-stroke\": (none: none, inherit: inherit, current: currentColor, \"transparent\": transparent, \"black\": black, \"white\": white))"
+    },
+    "kendo-scrollbar-width": {
+        "type": "Number",
+        "value": "17px"
+    },
+    "kendo-components": {
+        "type": "List",
+        "value": "\"typography\", \"utils\", \"draggable\", \"table\", \"icon\", \"chip\", \"messagebox\", \"input\", \"list\", \"listgroup\", \"overlay\", \"ripple\", \"virtual-scroller\", \"avatar\", \"badge\", \"color-preview\", \"loader\", \"skeleton\", \"tooltip\", \"button\", \"split-button\", \"menu-button\", \"textbox\", \"textarea\", \"checkbox\", \"listbox\", \"progressbar\", \"radio\", \"slider\", \"form\", \"validator\", \"floating-label\", \"calendar\", \"popup\", \"time-selector\", \"autocomplete\", \"captcha\", \"color-palette\", \"color-gradient\", \"color-editor\", \"color-picker\", \"combobox\", \"date-input\", \"date-picker\", \"time-picker\", \"date-time-picker\", \"date-range-picker\", \"dropdown-grid\", \"dropdown-list\", \"dropdown-tree\", \"masked-textbox\", \"multiselect\", \"numeric-textbox\", \"rating\", \"searchbox\", \"switch\", \"upload\", \"dropzone\", \"actions\", \"appbar\", \"fab\", \"menu\", \"toolbar\", \"action-sheet\", \"dialog\", \"drawer\", \"notification\", \"popover\", \"responsive-panel\", \"window\", \"bottom-navigation\", \"breadcrumb\", \"pager\", \"stepper\", \"tabstrip\", \"treeview\", \"wizard\", \"card\", \"expander\", \"panelbar\", \"splitter\", \"tile-layout\", \"dock-manager\", \"grid\", \"listview\", \"spreadsheet\", \"pivotgrid\", \"treelist\", \"filter\", \"file-manager\", \"task-board\", \"editor\", \"image-editor\", \"gantt\", \"scheduler\", \"adaptive\", \"chat\", \"media-player\", \"timeline\", \"pdf-viewer\", \"scroller\", \"scrollview\", \"prompt\", \"dataviz\", \"map\", \"orgchart\", \"signature\""
     },
     "kendo-elevation": {
         "type": "Map",
         "value": "(1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)), 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)), 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)), 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)), 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)), 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)), 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)), 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)), 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)))"
+    },
+    "kendo-font-size": {
+        "type": "Number",
+        "value": "0.875rem"
+    },
+    "kendo-font-size-xxs": {
+        "type": "Number",
+        "value": "0.5rem"
+    },
+    "kendo-font-size-xs": {
+        "type": "Number",
+        "value": "0.625rem"
+    },
+    "kendo-font-size-sm": {
+        "type": "Number",
+        "value": "0.75rem"
+    },
+    "kendo-font-size-md": {
+        "type": "Number",
+        "value": "0.875rem"
+    },
+    "kendo-font-size-lg": {
+        "type": "Number",
+        "value": "1rem"
+    },
+    "kendo-font-size-xl": {
+        "type": "Number",
+        "value": "1.25rem"
+    },
+    "kendo-line-height": {
+        "type": "Number",
+        "value": "1.4285714286"
+    },
+    "kendo-line-height-xs": {
+        "type": "Number",
+        "value": "1"
+    },
+    "kendo-line-height-sm": {
+        "type": "Number",
+        "value": "1.25"
+    },
+    "kendo-line-height-md": {
+        "type": "Number",
+        "value": "1.4285714286"
+    },
+    "kendo-line-height-lg": {
+        "type": "Number",
+        "value": "1.5"
+    },
+    "kendo-line-height-em": {
+        "type": "Calculation",
+        "value": "calc(1.4285714286 * 1em)"
+    },
+    "kendo-font-weight": {
+        "type": "Number",
+        "value": "400"
+    },
+    "kendo-font-weight-thin": {
+        "type": "Number",
+        "value": "100"
+    },
+    "kendo-font-weight-extra-light": {
+        "type": "Number",
+        "value": "200"
+    },
+    "kendo-font-weight-light": {
+        "type": "Number",
+        "value": "300"
+    },
+    "kendo-font-weight-normal": {
+        "type": "Number",
+        "value": "400"
+    },
+    "kendo-font-weight-medium": {
+        "type": "Number",
+        "value": "500"
+    },
+    "kendo-font-weight-semibold": {
+        "type": "Number",
+        "value": "600"
+    },
+    "kendo-font-weight-bold": {
+        "type": "Number",
+        "value": "700"
+    },
+    "kendo-font-weight-extra-bold": {
+        "type": "Number",
+        "value": "800"
+    },
+    "kendo-font-weight-black": {
+        "type": "Number",
+        "value": "900"
+    },
+    "kendo-letter-spacing": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-letter-spacing-tightest": {
+        "type": "Number",
+        "value": "-0.15px"
+    },
+    "kendo-letter-spacing-tighter": {
+        "type": "Number",
+        "value": "-0.1px"
+    },
+    "kendo-letter-spacing-tight": {
+        "type": "Number",
+        "value": "-0.5px"
+    },
+    "kendo-letter-spacing-normal": {
+        "type": "Number",
+        "value": "0px"
+    },
+    "kendo-letter-spacing-wide": {
+        "type": "Number",
+        "value": "0.5px"
+    },
+    "kendo-letter-spacing-wider": {
+        "type": "Number",
+        "value": "0.1px"
+    },
+    "kendo-letter-spacing-widest": {
+        "type": "Number",
+        "value": "0.15px"
+    },
+    "kendo-font-family-sans": {
+        "type": "List",
+        "value": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans"
+    },
+    "kendo-font-family-serif": {
+        "type": "List",
+        "value": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville"
+    },
+    "kendo-font-family-sans-serif": {
+        "type": "List",
+        "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""
+    },
+    "kendo-font-family-monospace": {
+        "type": "List",
+        "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace"
+    },
+    "kendo-font-family": {
+        "type": "String",
+        "value": "inherit"
+    },
+    "kendo-line-heights": {
+        "type": "Map",
+        "value": "(xs: 1, sm: 1.25, md: 1.4285714286, lg: 1.5)"
+    },
+    "kendo-font-weights": {
+        "type": "Map",
+        "value": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700)"
+    },
+    "kendo-letter-spacings": {
+        "type": "Map",
+        "value": "(tightest: -0.15px, tighter: -0.1px, tight: -0.5px, normal: 0px, wide: 0.5px, wider: 0.1px, widest: 0.15px)"
+    },
+    "kendo-font-families": {
+        "type": "Map",
+        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace))"
+    },
+    "kendo-border-radius-none": {
+        "type": "Number",
+        "value": "0px"
+    },
+    "kendo-border-radius-xs": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-border-radius-sm": {
+        "type": "Number",
+        "value": "0.125rem"
+    },
+    "kendo-border-radius-md": {
+        "type": "Number",
+        "value": "0.25rem"
+    },
+    "kendo-border-radius-lg": {
+        "type": "Number",
+        "value": "0.375rem"
+    },
+    "kendo-border-radius-xl": {
+        "type": "Number",
+        "value": "0.5rem"
+    },
+    "kendo-border-radius-xxl": {
+        "type": "Number",
+        "value": "0.75rem"
+    },
+    "kendo-border-radius-xxxl": {
+        "type": "Number",
+        "value": "1rem"
+    },
+    "kendo-border-radius-full": {
+        "type": "Number",
+        "value": "9999px"
+    },
+    "kendo-enable-shadows": {
+        "type": "Bool",
+        "value": "true"
+    },
+    "kendo-enable-rounded": {
+        "type": "Bool",
+        "value": "true"
+    },
+    "kendo-enable-gradients": {
+        "type": "Bool",
+        "value": "true"
+    },
+    "kendo-enable-transitions": {
+        "type": "Bool",
+        "value": "true"
+    },
+    "equilateral-index": {
+        "type": "Number",
+        "value": "1.7320508076"
+    },
+    "equilateral-height": {
+        "type": "Number",
+        "value": "0.8660254038"
+    },
+    "kendo-loading-opacity": {
+        "type": "Number",
+        "value": "0.3"
+    },
+    "kendo-zindex-loading": {
+        "type": "Number",
+        "value": "100"
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "8.0.0-dev.0",
+  "version": "8.0.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -43,10 +43,10 @@
     "postpublish": "echo 'no postpublish for utils'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "8.0.0-dev.0"
+    "@progress/kendo-theme-core": "8.0.0-dev.2"
   },
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "82fa9745206aad68ed9f5a6d8c11d84dbb70c20c"
+  "gitHead": "6d8ad8ad9108d3a9ec0aaadd488571a639a412a5"
 }

package/scss/_variables.scss

@@ -1,5 +1,7 @@
 @import "@progress/kendo-theme-core/scss/color-system/index.import.scss";
 
+@import "./spacing/index.import.scss";
+
 $kendo-prefix: k- !default;
 $kendo-important: true !default;
 $kendo-enable-color-system: false !default;
@@ -9,6 +11,15 @@ $kendo-theme-colors: () !default;
 $kendo-font-sizes: () !default;
 
 $kendo-util-colors-list: (
+    app-surface,
+    on-app-surface,
+    subtle,
+    surface,
+    surface-alt,
+    border,
+    border-alt,
+    base-subtle,
+    base-emphasis,
     primary-subtle,
     primary,
     primary-emphasis,
@@ -47,85 +58,11 @@ $kendo-util-colors: () !default;
     }
 }
 
-$kendo-spacing: (
-    0: 0,
-    1px: 1px,
-    0.5: .125rem,
-    1: .25rem,
-    1.5: .375rem,
-    2: .5rem,
-    2.5: .625rem,
-    3: .75rem,
-    3.5: .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
-) !default;
+$kendo-spacing: () !default;
 
-$kendo-sizing: k-map-merge( $kendo-spacing, (
-    "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
-)) !default;
+$kendo-sizing: () !default;
 
-$kendo-border-radii: (
-    DEFAULT: .25rem,
-    0: 0,
-    sm: .125rem,
-    md: .25rem,
-    lg: .5rem,
-    full: 9999px
-) !default;
+$kendo-border-radii: () !default;
 
 $kendo-utils: (
 
@@ -492,13 +429,13 @@ $kendo-utils: (
     ),
     "gap": k-map-merge( $kendo-spacing, (
         // 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 ),
-        hair: k-map-get( $kendo-spacing, 1px )
+        xs: k-spacing(1),
+        sm: k-spacing(2),
+        md: k-spacing(3),
+        lg: k-spacing(4),
+        xl: k-spacing(6),
+        thin: k-spacing(0.5),
+        hair: k-spacing(1px)
     )),
     "align-content": (
         normal: normal,
@@ -635,24 +572,24 @@ $kendo-utils: (
     "margin": k-map-merge( $kendo-spacing,
         k-map-negate( $kendo-spacing), (
         // 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 ),
-        hair: k-map-get( $kendo-spacing, 1px ),
+        xs: k-spacing(1),
+        sm: k-spacing(2),
+        md: k-spacing(3),
+        lg: k-spacing(4),
+        xl: k-spacing(6),
+        thin: k-spacing(0.5),
+        hair: k-spacing(1px),
         auto: auto
     )),
     "padding": k-map-merge( $kendo-spacing, (
         // 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 ),
-        hair: k-map-get( $kendo-spacing, 1px )
+        xs: k-spacing(1),
+        sm: k-spacing(2),
+        md: k-spacing(3),
+        lg: k-spacing(4),
+        xl: k-spacing(6),
+        thin: k-spacing(0.5),
+        hair: k-spacing(1px)
     )),
     "space-between": (),
 
@@ -700,23 +637,14 @@ $kendo-utils: (
 
     // Typography
     "font-family": (),
-    "font-size": $kendo-font-sizes,
+    "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
+        non-italic: normal,
+        oblique: oblique
     ),
+    "font-weight": (),
     "font-variant-numeric": (),
     "letter-spacing": (),
     "line-height": (),

package/scss/border/_border-radius.scss

@@ -322,18 +322,19 @@
 /// @group border-radius
 /// @contextType css
 
+@import "@progress/kendo-theme-core/scss/border-radii/index.import.scss";
+
 @mixin kendo-utils--border--border-radius() {
 
     // Border radius utility classes
-    $kendo-utils-border-radius: k-map-get( $kendo-utils, "border-radius" ) !default;
-    @include generate-utils( rounded, border-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-tl, border-top-left-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-tr, border-top-right-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-utils-border-radius );
-    @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-utils-border-radius );
-    @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-utils-border-radius );
-    @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-utils-border-radius );
-    @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-utils-border-radius );
+    @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+    @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: "border-radius" );
 
 }