@progress/kendo-theme-default 6.3.1-dev.0 → 6.4.0-dev.1

package/dist/meta/variables.json

@@ -605,7 +605,7 @@
     },
     "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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, -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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, xs: 4px, sm: 8px, md: 12px, lg: 16px, xl: 24px, thin: 2px, 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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"-1px\": -1px, \"-0.5\": -2px, \"-1\": -4px, \"-1.5\": -6px, \"-2\": -8px, \"-2.5\": -10px, \"-3\": -12px, \"-3.5\": -14px, \"-4\": -16px, \"-4.5\": -18px, \"-5\": -20px, \"-5.5\": -22px, \"-6\": -24px, \"-6.5\": -26px, \"-7\": -28px, \"-7.5\": -30px, \"-8\": -32px, \"-9\": -36px, \"-10\": -40px, \"-11\": -44px, \"-12\": -48px, \"-13\": -52px, \"-14\": -56px, \"-15\": -60px, \"-16\": -64px, \"-17\": -68px, \"-18\": -72px, \"-19\": -76px, \"-20\": -80px, \"-21\": -84px, \"-22\": -88px, \"-23\": -92px, \"-24\": -96px, xs: 4px, sm: 8px, md: 12px, lg: 16px, xl: 24px, thin: 2px, hair: 1px, auto: auto), \"padding\": (0: 0, 1px: 1px, 0.5: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, xs: 4px, sm: 8px, md: 12px, lg: 16px, xl: 24px, thin: 2px, hair: 1px), \"space-between\": (), \"width\": (0: 0, 1px: 1px, 0.5: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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\": (xs: 10px, sm: 12px, md: 14px, lg: 16px, xl: 20px), \"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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-radius\": (DEFAULT: 4px, 0: 0, sm: 2px, md: 4px, lg: 6px, 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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px), \"scroll-padding\": (0: 0, 1px: 1px, 0.5: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px), \"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: 0, 1px: 1px, 0.5: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, -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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, xs: 4px, sm: 8px, md: 12px, lg: 16px, xl: 24px, thin: 2px, 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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"-1px\": -1px, \"-0.5\": -2px, \"-1\": -4px, \"-1.5\": -6px, \"-2\": -8px, \"-2.5\": -10px, \"-3\": -12px, \"-3.5\": -14px, \"-4\": -16px, \"-4.5\": -18px, \"-5\": -20px, \"-5.5\": -22px, \"-6\": -24px, \"-6.5\": -26px, \"-7\": -28px, \"-7.5\": -30px, \"-8\": -32px, \"-9\": -36px, \"-10\": -40px, \"-11\": -44px, \"-12\": -48px, \"-13\": -52px, \"-14\": -56px, \"-15\": -60px, \"-16\": -64px, \"-17\": -68px, \"-18\": -72px, \"-19\": -76px, \"-20\": -80px, \"-21\": -84px, \"-22\": -88px, \"-23\": -92px, \"-24\": -96px, xs: 4px, sm: 8px, md: 12px, lg: 16px, xl: 24px, thin: 2px, hair: 1px, auto: auto), \"padding\": (0: 0, 1px: 1px, 0.5: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, xs: 4px, sm: 8px, md: 12px, lg: 16px, xl: 24px, thin: 2px, hair: 1px), \"space-between\": (), \"width\": (0: 0, 1px: 1px, 0.5: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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\": (xs: 10px, sm: 12px, md: 14px, lg: 16px, xl: 20px), \"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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-radius\": (DEFAULT: 4px, 0: 0, sm: 2px, md: 4px, lg: 6px, 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\": (\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px, \"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: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px), \"scroll-padding\": (0: 0, 1px: 1px, 0.5: 2px, 1: 4px, 1.5: 6px, 2: 8px, 2.5: 10px, 3: 12px, 3.5: 14px, 4: 16px, 4.5: 18px, 5: 20px, 5.5: 22px, 6: 24px, 6.5: 26px, 7: 28px, 7.5: 30px, 8: 32px, 9: 36px, 10: 40px, 11: 44px, 12: 48px, 13: 52px, 14: 56px, 15: 60px, 16: 64px, 17: 68px, 18: 72px, 19: 76px, 20: 80px, 21: 84px, 22: 88px, 23: 92px, 24: 96px), \"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-h1-font-size": {
         "type": "Number",
@@ -3289,7 +3289,7 @@
     },
     "kendo-input-sizes": {
         "type": "Map",
-        "value": "(sm: (padding-x: 8px, padding-y: 2px, font-size: 14px, line-height: 1.4285714286, icon-size: calc( 16px + 4px ), button-padding-x: 2px, button-padding-y: 2px), md: (padding-x: 8px, padding-y: 4px, font-size: 14px, line-height: 1.4285714286, icon-size: calc( 16px + 8px ), button-padding-x: 4px, button-padding-y: 4px), lg: (padding-x: 8px, padding-y: 8px, font-size: 16px, line-height: 1.5, icon-size: calc( 16px + 16px ), button-padding-x: 8px, button-padding-y: 8px))"
+        "value": "(sm: (padding-x: 8px, padding-y: 2px, font-size: 14px, line-height: 1.4285714286, button-padding-x: 2px, button-padding-y: 2px), md: (padding-x: 8px, padding-y: 4px, font-size: 14px, line-height: 1.4285714286, button-padding-x: 4px, button-padding-y: 4px), lg: (padding-x: 8px, padding-y: 8px, font-size: 16px, line-height: 1.5, button-padding-x: 8px, button-padding-y: 8px))"
     },
     "kendo-input-bg": {
         "type": "Color",
@@ -6359,13 +6359,13 @@
         "type": "Number",
         "value": "24px"
     },
-    "kendo-fab-icon-width": {
+    "kendo-fab-icon-padding-x": {
         "type": "Number",
-        "value": "20px"
+        "value": "2px"
     },
-    "kendo-fab-icon-height": {
+    "kendo-fab-icon-padding-y": {
         "type": "Number",
-        "value": "20px"
+        "value": "2px"
     },
     "kendo-fab-icon-spacing": {
         "type": "Number",
@@ -6405,11 +6405,11 @@
     },
     "kendo-fab-item-icon-padding-x": {
         "type": "Number",
-        "value": "8px"
+        "value": "10px"
     },
     "kendo-fab-item-icon-padding-y": {
         "type": "Number",
-        "value": "8px"
+        "value": "10px"
     },
     "kendo-fab-item-icon-border-width": {
         "type": "Number",
@@ -6419,14 +6419,6 @@
         "type": "Number",
         "value": "50%"
     },
-    "kendo-fab-item-icon-width": {
-        "type": "Number",
-        "value": "20px"
-    },
-    "kendo-fab-item-icon-height": {
-        "type": "Number",
-        "value": "20px"
-    },
     "kendo-fab-theme-colors": {
         "type": "Map",
         "value": "(\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242)"
@@ -6871,6 +6863,14 @@
         "type": "Number",
         "value": "16px"
     },
+    "kendo-drawer-icon-padding-x": {
+        "type": "Number",
+        "value": "0"
+    },
+    "kendo-drawer-icon-padding-y": {
+        "type": "Number",
+        "value": "4px"
+    },
     "kendo-drawer-mini-initial-width": {
         "type": "Calculation",
         "value": "calc(2 * 16px + 16px)"

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#000000",
@@ -60,12 +60,12 @@
                 "kendo-color-light": {
                     "name": "Light",
                     "type": "color",
-                    "value": "#292929"
+                    "value": "#BDBDBD"
                 },
                 "kendo-color-dark": {
                     "name": "Dark",
                     "type": "color",
-                    "value": "#BDBDBD"
+                    "value": "#292929"
                 }
             }
         },
@@ -158,7 +158,7 @@
                     "value": "#1D1D1D"
                 },
                 "kendo-button-border": {
-                    "name": "Button background",
+                    "name": "Button border",
                     "type": "color",
                     "value": "#383838"
                 }

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "6.3.1-dev.0",
+  "version": "6.4.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.4.2",
-    "@progress/kendo-theme-core": "6.3.1-dev.0",
-    "@progress/kendo-theme-utils": "6.3.1-dev.0"
+    "@progress/kendo-theme-core": "6.4.0-dev.1",
+    "@progress/kendo-theme-utils": "6.4.0-dev.1"
   },
-  "gitHead": "f5a3aaf1f33a6c5fbc8347314d44052752d71a43"
+  "gitHead": "a4d65b253b00a333fea62e6217175ff79a8ac3b0"
 }

package/scss/action-sheet/_layout.scss

@@ -189,7 +189,7 @@
         border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
         border-top-width: if( $kendo-actionsheet-border-width, 0, null );
         top: 0;
-        left: 50%;
+        inset-inline-start: 50%;
         transform: translateX( -50% );
     }
     .k-actionsheet-bottom {
@@ -197,7 +197,7 @@
         border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
         border-bottom-width: if( $kendo-actionsheet-border-width, 0, null );
         bottom: 0;
-        left: 50%;
+        inset-inline-start: 50%;
         transform: translateX( -50% );
     }
     .k-actionsheet-left {
@@ -356,6 +356,15 @@
         }
     }
 
+    // RTL
+    .k-rtl,
+    [dir="rtl"] {
+        .k-actionsheet-top,
+        .k-actionsheet-bottom {
+            transform: translateX( 50% );
+        }
+    }
+
 }
 
 

package/scss/adaptive/_layout.scss

@@ -309,15 +309,11 @@
         .k-task {
             display: flex;
             align-items: center;
+            gap: .5em;
 
             .k-scheduler-mark {
                 border-radius: 50%;
-            }
-
-            .k-i-reload,
-            .k-i-arrow-rotate-cw {
-                font-size: 1em;
-                margin-right: .5em;
+                margin: 0;
             }
 
             .k-scheduler-task-text {
@@ -464,8 +460,9 @@
         &[dir="rtl"],
         [dir="rtl"] & {
 
-            .k-header-cancel .k-i-arrow-chevron-left,
-            .k-listgroup-item .k-select .k-i-arrow-chevron-right {
+            .k-header-cancel .k-button-icon,
+            .k-listgroup-item .k-select .k-svg-icon,
+            .k-listgroup-item .k-select .k-icon {
                 transform: scaleX( -1 );
             }
 

package/scss/bottom-navigation/_theme.scss

@@ -2,7 +2,7 @@
 
     // Solid
     @each $name, $color in $kendo-theme-colors {
-        .k-bottom-nav-solid.k-bottom-nav-#{$name} {
+        .k-bottom-nav-solid-#{$name} {
             @include fill(
                 $color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
                 $bg: $color
@@ -17,23 +17,27 @@
                 @include fill( $color: k-contrast-legacy( $color ) );
             }
         }
+        // TODO: remove when suites update class names
+        .k-bottom-nav-solid.k-bottom-nav-#{$name} {
+            @extend .k-bottom-nav-solid-#{$name} !optional;
+        }
     }
 
     // Flat
-    .k-bottom-nav-flat {
-        @include fill(
-            $kendo-bottom-nav-flat-text,
-            $kendo-bottom-nav-flat-bg,
-            $kendo-bottom-nav-flat-border
-        );
-
-        .k-bottom-nav-item.k-focus,
-        .k-bottom-nav-item:focus {
-            @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
-        }
+    @each $name, $color in $kendo-theme-colors {
+        .k-bottom-nav-flat-#{$name} {
+            @include fill(
+                $kendo-bottom-nav-flat-text,
+                $kendo-bottom-nav-flat-bg,
+                $kendo-bottom-nav-flat-border
+            );
 
-        @each $name, $color in $kendo-theme-colors {
-            &.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
+            .k-bottom-nav-item.k-focus,
+            .k-bottom-nav-item:focus {
+                @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
+            }
+
+            .k-bottom-nav-item.k-selected {
                 @if $name == "secondary" or $name == "light" {
                     @include fill( $color: k-try-shade($color, 3) );
                 } @else {
@@ -41,6 +45,9 @@
                 }
             }
         }
+        .k-bottom-nav-flat.k-bottom-nav-#{$name} {
+            @extend .k-bottom-nav-flat-#{$name} !optional;
+        }
     }
 
 }

package/scss/breadcrumb/_layout.scss

@@ -37,12 +37,6 @@
         overflow: hidden;
     }
 
-    .k-breadcrumb-container {
-        // TODO: use !k-flex-wrap in rendering
-        &.k-flex-wrap {
-            flex-wrap: wrap;
-        }
-    }
     .k-breadcrumb-root-item-container {
         align-items: flex-start;
         flex-shrink: 0;
@@ -54,6 +48,7 @@
         vertical-align: middle;
         display: inline-flex;
         flex-direction: row;
+        flex: none;
         align-items: center;
         overflow: hidden;
     }

package/scss/drawer/_layout.scss

@@ -155,16 +155,26 @@
 
         .k-svg-icon,
         .k-icon {
-            height: auto;
-            font-size: $kendo-drawer-icon-size;
-            line-height: $kendo-drawer-item-line-height;
             flex-shrink: 0;
+            padding-inline: $kendo-drawer-icon-padding-x;
+            padding-block: $kendo-drawer-icon-padding-y;
+            box-sizing: content-box;
 
             &.k-i-none {
                 margin: 0;
             }
         }
 
+        .k-icon {
+            height: auto;
+            font-size: $kendo-drawer-icon-size;
+        }
+
+        .k-svg-icon {
+            width: $kendo-drawer-icon-size;
+            height: $kendo-drawer-icon-size;
+        }
+
         .k-item-text {
             display: inline-block;
             white-space: nowrap;

package/scss/drawer/_variables.scss

@@ -24,6 +24,8 @@ $kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
 $kendo-drawer-item-level-count: 5 !default;
 
 $kendo-drawer-icon-size: $kendo-icon-size !default;
+$kendo-drawer-icon-padding-x: 0 !default;
+$kendo-drawer-icon-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
 $kendo-drawer-mini-initial-width: calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-drawer-icon-size}) !default;
 

package/scss/editor/_layout.scss

@@ -508,24 +508,6 @@
             }
         }
 
-        // Generic widgets
-        .k-numerictextbox {
-            width: 10em;
-
-            & + .k-dropdown-list {
-                width: 5em;
-            }
-
-            & + .k-color-picker,
-            & + .k-dropdown-list {
-                margin-left: k-map-get( $kendo-spacing, 2 );
-            }
-        }
-
-        .k-color-picker {
-            vertical-align: middle;
-        }
-
         .k-edit-field > .k-checkbox {
             position: relative; // fix scrolling
         }

package/scss/expansion-panel/_layout.scss

@@ -56,6 +56,9 @@
     // Expand / collapse icon
     .k-expander-indicator {
         margin-left: $kendo-expander-indicator-margin-x;
+        display: flex;
+        justify-content: center;
+        align-items: center;
     }
 
     // Expander content

package/scss/fab/_layout.scss

@@ -36,8 +36,9 @@
 
     // FAB Icon
     .k-fab-icon {
-        width: $kendo-fab-icon-width;
-        height: $kendo-fab-icon-height;
+        padding-inline: $kendo-fab-icon-padding-x;
+        padding-block: $kendo-fab-icon-padding-y;
+        box-sizing: content-box;
 
         .k-icon-wrapper-host:not(:only-child) &,
         &:not(:only-child) {
@@ -118,8 +119,6 @@
     }
 
     .k-fab-item-icon {
-        width: $kendo-fab-item-icon-width;
-        height: $kendo-fab-item-icon-height;
         padding-block: $kendo-fab-item-icon-padding-y;
         padding-inline: $kendo-fab-item-icon-padding-x;
         border-width: $kendo-fab-item-icon-border-width;

package/scss/fab/_theme.scss

@@ -117,7 +117,7 @@
     }
 
     // Popup
-    .k-animation-container > .k-fab-popup {
+    .k-fab-popup {
         @include box-shadow( none );
     }
 

package/scss/fab/_variables.scss

@@ -31,12 +31,12 @@ $kendo-fab-sm-padding-y: k-math-div( $kendo-fab-padding-y, 2 ) !default;
 $kendo-fab-md-padding-y: $kendo-fab-padding-y !default;
 $kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
 
-/// FAB icon width.
+/// Horizontal padding of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-width: 20px !default;
-/// FAB icon height.
+$kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+/// Vertical padding of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-height: $kendo-fab-icon-width !default;
+$kendo-fab-icon-padding-y: $kendo-fab-icon-padding-x !default;
 /// FAB icon spacing.
 /// @group floating-action-button
 $kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
@@ -69,7 +69,7 @@ $kendo-fab-item-text-line-height: 1.2 !default;
 
 /// FAB item icon horizontal padding.
 /// @group floating-action-button
-$kendo-fab-item-icon-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-fab-item-icon-padding-x: k-map-get( $kendo-spacing, 2 ) + $kendo-fab-icon-padding-x !default;
 /// FAB item icon vertical padding.
 /// @group floating-action-button
 $kendo-fab-item-icon-padding-y: $kendo-fab-item-icon-padding-x !default;
@@ -79,12 +79,6 @@ $kendo-fab-item-icon-border-width: 0 !default;
 /// Border radius of the FAB item icon.
 /// @group floating-action-button
 $kendo-fab-item-icon-border-radius: 50% !default;
-/// Width of the FAB item icon.
-/// @group floating-action-button
-$kendo-fab-item-icon-width: 20px !default;
-/// Height of the FAB item icon.
-/// @group floating-action-button
-$kendo-fab-item-icon-height: $kendo-fab-item-icon-width !default;
 
 /// Theme colors map for the FAB.
 /// @group floating-action-button