@progress/kendo-theme-utils 6.2.1-dev.0 → 6.2.1-dev.8

package/dist/meta/variables.json

@@ -61,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\": (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))"
+        "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: 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, \"-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), \"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))"
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "6.2.1-dev.0+7a0fad806",
+  "version": "6.2.1-dev.8+79dd700c6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -41,7 +41,7 @@
     "postpublish": "echo 'no postpublish for utils'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "6.2.1-dev.0+7a0fad806"
+    "@progress/kendo-theme-core": "6.2.1-dev.8+79dd700c6"
   },
-  "gitHead": "7a0fad8063cd9fe27e17a9898e289cca17895c32"
+  "gitHead": "79dd700c627f9d132a97c8fa78f2478d9b204c60"
 }

package/scss/_variables.scss

@@ -102,14 +102,32 @@ $kendo-utils: (
         video: k-string-unquote("16 / 9")
     ),
     "container": (),
-    "columns": (),
+    "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": (),
+    "box-sizing": (
+        border: border-box,
+        content: content-box
+    ),
     "display": (
         none,
+        contents,
         block,
         inline,
         inline-block,
@@ -119,6 +137,8 @@ $kendo-utils: (
         inline-grid,
         table,
         inline-table,
+        table-row,
+        table-cell,
         list-item
     ),
     "float": (
@@ -133,26 +153,37 @@ $kendo-utils: (
         none
     ),
     "isolation": (),
-    "object-fit": (),
-    "object-position": (),
+    "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,
-        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
+        clip: clip
     ),
     "overscroll": (),
+    "placement": k-map-merge( $kendo-spacing, (
+        // sass-lint:disable-block indentation
+        -1: -1px
+    )),
     "position": (
         static,
         relative,
@@ -166,8 +197,9 @@ $kendo-utils: (
         -1: -1px
     ),
     "visibility": (
-        visible,
-        hidden
+        visible: visible,
+        invisible: hidden,
+        collapse: collapse
     ),
     "zindex": (
         0: 0,
@@ -267,6 +299,19 @@ $kendo-utils: (
         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": (
@@ -283,6 +328,19 @@ $kendo-utils: (
         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": (
@@ -315,6 +373,19 @@ $kendo-utils: (
         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": (
@@ -331,6 +402,19 @@ $kendo-utils: (
         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": (
@@ -352,6 +436,7 @@ $kendo-utils: (
     "grid-auto-flow": (
         row: row,
         col: column,
+        dense: dense,
         row-dense: row dense,
         col-dense: column dense,
         unset: unset
@@ -511,7 +596,8 @@ $kendo-utils: (
     ),
 
     // Spacing
-    "margin": k-map-merge( $kendo-spacing, (
+    "margin": k-map-merge( $kendo-spacing,
+        k-map-negate( $kendo-spacing), (
         // sass-lint:disable-block indentation
         // TODO: remove this extension once we fix docs
         xs: k-map-get( $kendo-spacing, 1 ),
@@ -520,7 +606,8 @@ $kendo-utils: (
         lg: k-map-get( $kendo-spacing, 4 ),
         xl: k-map-get( $kendo-spacing, 6 ),
         thin: k-map-get( $kendo-spacing, 0.5 ), // sass-lint:disable-line leading-zero
-        hair: k-map-get( $kendo-spacing, 1px )
+        hair: k-map-get( $kendo-spacing, 1px ),
+        auto: auto
     )),
     "padding": k-map-merge( $kendo-spacing, (
         // sass-lint:disable-block indentation
@@ -601,13 +688,19 @@ $kendo-utils: (
     "font-variant-numeric": (),
     "letter-spacing": (),
     "line-height": (),
-    "list-style-type": (),
+    "list-style-type": (
+        none,
+        disc,
+        decimal
+    ),
     "list-style-position": (),
     "text-align": (
         left,
         right,
         center,
-        justify
+        justify,
+        start,
+        end
     ),
     "text-color": k-map-merge( $kendo-theme-colors, (
         // sass-lint:disable-block indentation
@@ -617,7 +710,12 @@ $kendo-utils: (
         "black": black,
         "white": white
     )),
-    "text-decoration": (),
+    "text-decoration": (
+        underline: underline,
+        overline: overline,
+        line-through: line-through,
+        no-underline: none
+    ),
     "text-decoration-width": (),
     "text-decoration-style": (),
     "text-decoration-color": (),
@@ -633,7 +731,16 @@ $kendo-utils: (
         ellipsis: ellipsis
     ),
     "text-indent": (),
-    "vertical-align": (),
+    "vertical-align": (
+        baseline,
+        top,
+        middle,
+        bottom,
+        text-top,
+        text-bottom,
+        sub,
+        super
+    ),
     "white-space": (
         normal,
         nowrap,
@@ -645,6 +752,12 @@ $kendo-utils: (
     "word-break": (),
 
     // Background
+    "background-clip": (
+        border: border-box,
+        padding: padding-box,
+        content: content-box,
+        text: text
+    ),
     "background-color": k-map-merge( $kendo-theme-colors, (
         // sass-lint:disable-block indentation
         "inherit": inherit,
@@ -666,6 +779,10 @@ $kendo-utils: (
         dashed,
         dotted,
         double,
+        // groove,
+        // ridge,
+        inset,
+        outset,
         hidden,
         none
     ),
@@ -690,13 +807,20 @@ $kendo-utils: (
         dashed,
         dotted,
         double,
-        groove,
-        ridge,
+        // groove,
+        // ridge,
         inset,
         outset,
         none
     ),
-    "outline-color": (),
+    "outline-color": k-map-merge( $kendo-theme-colors, (
+        // sass-lint:disable-block indentation
+        "inherit": inherit,
+        "current": currentColor,
+        "transparent": transparent,
+        "black": black,
+        "white": white
+    )),
     "outline-offset": (
         0: 0,
         1: 1px,
@@ -706,8 +830,32 @@ $kendo-utils: (
     ),
 
     // Effects
+    "box-shadow": (),
+    "box-shadow-color": (),
+    "opacity": (
+        // sass-lint:disable-block leading-zero
+        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
+    ),
 
     // Filter
+    "backdrop-blur": (
+        DEFAULT: blur(8px),
+        none: blur(0),
+        sm: blur(4px),
+        md: blur(6px),
+        lg: blur(12px)
+    ),
 
     // Table
     "border-collapse": (
@@ -874,5 +1022,13 @@ $kendo-utils: (
         scroll: scroll-position,
         contents: contents,
         transform: transform
+    ),
+    "fill-stroke": (
+        none: none,
+        inherit: inherit,
+        current: currentColor,
+        "transparent": transparent,
+        "black": black,
+        "white": white
     )
 ) !default;

package/scss/background/_background-clip.scss

@@ -0,0 +1,9 @@
+// TODO: docs
+
+@mixin kendo-utils--background--background-clip() {
+
+    // Background color utility classes
+    $kendo-utils-background-clip: k-map-get( $kendo-utils, "background-clip" ) !default;
+    @include generate-utils( bg-clip, background-clip, $kendo-utils-background-clip );
+
+}

package/scss/background/index.import.scss

@@ -1,6 +1,8 @@
+@import "./_background-clip.scss";
 @import "./_background-color.scss";
 
 
 @mixin kendo-utils--background() {
+    @include kendo-utils--background--background-clip();
     @include kendo-utils--background--background-color();
 }

package/scss/effects/_opacity.scss

@@ -0,0 +1,9 @@
+// TODO: docs
+
+@mixin kendo-utils--effects--opacity() {
+
+    // opacity utility classes
+    $kendo-utils-opacity: k-map-get( $kendo-utils, "opacity" ) !default;
+    @include generate-utils( opacity, opacity, $kendo-utils-opacity );
+
+}

package/scss/effects/index.import.scss

@@ -0,0 +1,7 @@
+// box shadow
+// box shadow color
+@import "./_opacity.scss";
+
+@mixin kendo-utils--effects() {
+    @include kendo-utils--effects--opacity();
+}

package/scss/filter/_backdrop.scss

@@ -0,0 +1,9 @@
+// TODO: docs
+
+@mixin kendo-utils--filter--backdrop() {
+
+    // backdrop utility classes
+    $kendo-utils-backdrop-blur: k-map-get( $kendo-utils, "backdrop-blur" ) !default;
+    @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );
+
+}

package/scss/filter/index.import.scss

@@ -0,0 +1,5 @@
+@import "./_backdrop.scss";
+
+@mixin kendo-utils--filter() {
+    @include kendo-utils--filter--backdrop();
+}

package/scss/index.import.scss

@@ -10,12 +10,13 @@
 @import "./typography/index.import.scss";
 @import "./background/index.import.scss";
 @import "./border/index.import.scss";
-// effects
-// filter
+@import "./effects/index.import.scss";
+@import "./filter/index.import.scss";
 @import "./table/index.import.scss";
 // transition
 @import "./transform/index.import.scss";
 @import "./interactivity/index.import.scss";
+@import "./svg/index.import.scss";
 
 
 // Mixin for all styles
@@ -28,7 +29,10 @@
     @include kendo-utils--typography();
     @include kendo-utils--background();
     @include kendo-utils--border();
+    @include kendo-utils--effects();
+    @include kendo-utils--filter();
     @include kendo-utils--table();
     @include kendo-utils--transform();
     @include kendo-utils--interactivity();
+    @include kendo-utils--svg();
 }

package/scss/layout/_box-sizing.scss

@@ -0,0 +1,9 @@
+// TODO: docs
+
+@mixin kendo-utils--layout--box-sizing() {
+
+    // box-sizing utility classes
+    $kendo-utils-box-sizing: k-map-get( $kendo-utils, "box-sizing" ) !default;
+    @include generate-utils( box-sizing, box-sizing, $kendo-utils-box-sizing );
+
+}

package/scss/layout/_columns.scss

@@ -0,0 +1,74 @@
+// Columns documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/columns.
+
+/// This is equivalent to `columns: 1;`. Element's content is displayed into 1 column.
+/// @name .k-columns-1
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 2;`. Element's content is broken into 2 columns.
+/// @name .k-columns-2
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 3;`. Element's content is broken into 3 columns.
+/// @name .k-columns-3
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 4;`. Element's content is broken into 4 columns.
+/// @name .k-columns-4
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 5;`. Element's content is broken into 5 columns.
+/// @name .k-columns-5
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 6;`. Element's content is broken into 6 columns.
+/// @name .k-columns-6
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 7;`. Element's content is broken into 7 columns.
+/// @name .k-columns-7
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 8;`. Element's content is broken into 8 columns.
+/// @name .k-columns-8
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 9;`. Element's content is broken into 9 columns.
+/// @name .k-columns-9
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 10;`. Element's content is broken into 10 columns.
+/// @name .k-columns-10
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 11;`. Element's content is broken into 11 columns.
+/// @name .k-columns-11
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: 12;`. Element's content is broken into 12 columns.
+/// @name .k-columns-12
+/// @group columns
+/// @contextType css
+
+/// This is equivalent to `columns: auto;`.The number of columns is determined by other CSS properties, such as column-width.
+/// @name .k-columns-auto
+/// @group columns
+/// @contextType css
+
+@mixin kendo-utils--layout--columns() {
+
+    // columns utility classes
+    $kendo-utils-columns: k-map-get( $kendo-utils, "columns" ) !default;
+    @include generate-utils( columns, columns, $kendo-utils-columns );
+
+}

package/scss/layout/_display.scss

@@ -53,6 +53,8 @@
 /// @group display
 /// @contextType css
 
+// TODO tables' parts
+
 @mixin kendo-utils--layout--display() {
 
     // Display utility classes

package/scss/layout/_object-fit.scss

@@ -0,0 +1,9 @@
+// TODO: docs
+
+@mixin kendo-utils--layout--object-fit() {
+
+    // object-fit utility classes
+    $kendo-utils-object-fit: k-map-get( $kendo-utils, "object-fit" ) !default;
+    @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );
+
+}

package/scss/layout/_object-position.scss

@@ -0,0 +1,9 @@
+// TODO: docs
+
+@mixin kendo-utils--layout--object-position() {
+
+    // object-position utility classes
+    $kendo-utils-object-position: k-map-get( $kendo-utils, "object-position" ) !default;
+    @include generate-utils( object-position, object-position, $kendo-utils-object-position );
+
+}