@progress/kendo-theme-material 12.1.0-dev.3 → 12.1.0-dev.5

package/dist/meta/variables.json

@@ -305,6 +305,159 @@
             "15": "#5e2036"
         }
     },
+    "default-colors": {
+        "type": "Map",
+        "value": "(app-surface: #FEFBFF, on-app-surface: #1D1B20, subtle: #49454F, surface: #F7F3FA, surface-alt: #ffffff, border: rgba(29, 27, 32, 0.12), border-alt: rgba(29, 27, 32, 0.15), base-subtle: #DED8E0, base-subtle-hover: #E2DDE5, base-subtle-active: #EAE5EC, base: #EAE5EC, base-hover: #E2DDE5, base-active: #DED8E0, base-emphasis: #6E687C, base-on-subtle: #4A4459, on-base: #4A4459, base-on-surface: #4A4459, primary-subtle: #E9DDFF, primary-subtle-hover: #DFD3F6, primary-subtle-active: #D9CCF1, primary: #65558F, primary-hover: #6E5D97, primary-active: #7866A2, primary-emphasis: #B6A6D7, primary-on-subtle: #4F378A, on-primary: #ffffff, primary-on-surface: #65558F, secondary-subtle: #625B71, secondary-subtle-hover: #6E687C, secondary-subtle-active: #756F82, secondary: #E8DEF8, secondary-hover: #DED4EE, secondary-active: #D8CEE8, secondary-emphasis: #B6AEC6, secondary-on-subtle: #ffffff, on-secondary: #4A4459, secondary-on-surface: #4A4459, tertiary-subtle: #FFD8E4, tertiary-subtle-hover: #F5CEDA, tertiary-subtle-active: #EFC8D4, tertiary: #7D5260, tertiary-hover: #87606C, tertiary-active: #8D6773, tertiary-emphasis: #8D6773, tertiary-on-subtle: #633B48, on-tertiary: #ffffff, tertiary-on-surface: #633B48, info-subtle: #C1D5F5, info-subtle-hover: #B0C8F2, info-subtle-active: #96B6EE, info: #2C6DDD, info-hover: #215FCA, info-active: #1B4EA7, info-emphasis: #7BA4EA, info-on-subtle: #123672, on-info: #ffffff, info-on-surface: #1B4EA7, success-subtle: #D6F5E1, success-subtle-hover: #BDEFCF, success-subtle-active: #A4EABE, success: #1B7E3F, success-hover: #186D37, success-active: #145C2E, success-emphasis: #6BDC94, success-on-subtle: #0F4322, on-success: #ffffff, success-on-surface: #186D37, warning-subtle: #FCEDC0, warning-subtle-hover: #FAE6A8, warning-subtle-active: #F9DF90, warning: #F5CA47, warning-hover: #F4C12A, warning-active: #F2BA0D, warning-emphasis: #F7D56E, warning-on-subtle: #725809, on-warning: #000000, warning-on-surface: #725809, error-subtle: #F9DEDC, error-subtle-hover: #F5C6C2, error-subtle-active: #F0ADA8, error: #B3261E, error-hover: #9C2521, error-active: #852221, error-emphasis: #E87973, error-on-subtle: #852221, on-error: #ffffff, error-on-surface: #9C2521, light-subtle: #FEFBFF, light-subtle-hover: #F7F3FA, light-subtle-active: #EAE5EC, light: #F7F3FA, light-hover: #EAE5EC, light-active: #E2DDE5, light-emphasis: #CCC7D4, light-on-subtle: #1D1B20, on-light: #1D1B20, light-on-surface: #F7F3FA, dark-subtle: #B0ABB7, dark-subtle-hover: #CCC7D4, dark-subtle-active: #DED8E0, dark: #322F35, dark-hover: #3A363E, dark-active: #49454F, dark-emphasis: #79747E, dark-on-subtle: #79747E, on-dark: #ffffff, dark-on-surface: #322F35, inverse-subtle: #B0ABB7, inverse-subtle-hover: #CCC7D4, inverse-subtle-active: #DED8E0, inverse: #322F35, inverse-hover: #3A363E, inverse-active: #49454F, inverse-emphasis: #79747E, inverse-on-subtle: #79747E, on-inverse: #ffffff, inverse-on-surface: #322F35, series-a: #9C27B0, series-a-bold: #751D84, series-a-bolder: #4E1458, series-a-subtle: #B55DC4, series-a-subtler: #CD93D7, series-b: #2196F3, series-b-bold: #1971B6, series-b-bolder: #114B7A, series-b-subtle: #59B0F6, series-b-subtler: #90CBF9, series-c: #009688, series-c-bold: #007166, series-c-bolder: #114B7A, series-c-subtle: #40B0A6, series-c-subtler: #80CBC4, series-d: #FFEB3B, series-d-bold: #BFB02C, series-d-bolder: #80761E, series-d-subtle: #FFF06C, series-d-subtler: #FFF59D, series-e: #DD352C, series-e-bold: #B3261E, series-e-bolder: #852221, series-e-subtle: #E87973, series-e-subtler: #F0ADA8, series-f: #4CAF50, series-f-bold: #39833C, series-f-bolder: #265828, series-f-subtle: #79C37C, series-f-subtler: #A6D7A8)",
+        "prettyValue": {
+            "app-surface": "#FEFBFF",
+            "on-app-surface": "#1D1B20",
+            "subtle": "#49454F",
+            "surface": "#F7F3FA",
+            "surface-alt": "#ffffff",
+            "border": "rgba(29, 27, 32, 0.12)",
+            "border-alt": "rgba(29, 27, 32, 0.15)",
+            "base-subtle": "#DED8E0",
+            "base-subtle-hover": "#E2DDE5",
+            "base-subtle-active": "#EAE5EC",
+            "base": "#EAE5EC",
+            "base-hover": "#E2DDE5",
+            "base-active": "#DED8E0",
+            "base-emphasis": "#6E687C",
+            "base-on-subtle": "#4A4459",
+            "on-base": "#4A4459",
+            "base-on-surface": "#4A4459",
+            "primary-subtle": "#E9DDFF",
+            "primary-subtle-hover": "#DFD3F6",
+            "primary-subtle-active": "#D9CCF1",
+            "primary": "#65558F",
+            "primary-hover": "#6E5D97",
+            "primary-active": "#7866A2",
+            "primary-emphasis": "#B6A6D7",
+            "primary-on-subtle": "#4F378A",
+            "on-primary": "#ffffff",
+            "primary-on-surface": "#65558F",
+            "secondary-subtle": "#625B71",
+            "secondary-subtle-hover": "#6E687C",
+            "secondary-subtle-active": "#756F82",
+            "secondary": "#E8DEF8",
+            "secondary-hover": "#DED4EE",
+            "secondary-active": "#D8CEE8",
+            "secondary-emphasis": "#B6AEC6",
+            "secondary-on-subtle": "#ffffff",
+            "on-secondary": "#4A4459",
+            "secondary-on-surface": "#4A4459",
+            "tertiary-subtle": "#FFD8E4",
+            "tertiary-subtle-hover": "#F5CEDA",
+            "tertiary-subtle-active": "#EFC8D4",
+            "tertiary": "#7D5260",
+            "tertiary-hover": "#87606C",
+            "tertiary-active": "#8D6773",
+            "tertiary-emphasis": "#8D6773",
+            "tertiary-on-subtle": "#633B48",
+            "on-tertiary": "#ffffff",
+            "tertiary-on-surface": "#633B48",
+            "info-subtle": "#C1D5F5",
+            "info-subtle-hover": "#B0C8F2",
+            "info-subtle-active": "#96B6EE",
+            "info": "#2C6DDD",
+            "info-hover": "#215FCA",
+            "info-active": "#1B4EA7",
+            "info-emphasis": "#7BA4EA",
+            "info-on-subtle": "#123672",
+            "on-info": "#ffffff",
+            "info-on-surface": "#1B4EA7",
+            "success-subtle": "#D6F5E1",
+            "success-subtle-hover": "#BDEFCF",
+            "success-subtle-active": "#A4EABE",
+            "success": "#1B7E3F",
+            "success-hover": "#186D37",
+            "success-active": "#145C2E",
+            "success-emphasis": "#6BDC94",
+            "success-on-subtle": "#0F4322",
+            "on-success": "#ffffff",
+            "success-on-surface": "#186D37",
+            "warning-subtle": "#FCEDC0",
+            "warning-subtle-hover": "#FAE6A8",
+            "warning-subtle-active": "#F9DF90",
+            "warning": "#F5CA47",
+            "warning-hover": "#F4C12A",
+            "warning-active": "#F2BA0D",
+            "warning-emphasis": "#F7D56E",
+            "warning-on-subtle": "#725809",
+            "on-warning": "#000000",
+            "warning-on-surface": "#725809",
+            "error-subtle": "#F9DEDC",
+            "error-subtle-hover": "#F5C6C2",
+            "error-subtle-active": "#F0ADA8",
+            "error": "#B3261E",
+            "error-hover": "#9C2521",
+            "error-active": "#852221",
+            "error-emphasis": "#E87973",
+            "error-on-subtle": "#852221",
+            "on-error": "#ffffff",
+            "error-on-surface": "#9C2521",
+            "light-subtle": "#FEFBFF",
+            "light-subtle-hover": "#F7F3FA",
+            "light-subtle-active": "#EAE5EC",
+            "light": "#F7F3FA",
+            "light-hover": "#EAE5EC",
+            "light-active": "#E2DDE5",
+            "light-emphasis": "#CCC7D4",
+            "light-on-subtle": "#1D1B20",
+            "on-light": "#1D1B20",
+            "light-on-surface": "#F7F3FA",
+            "dark-subtle": "#B0ABB7",
+            "dark-subtle-hover": "#CCC7D4",
+            "dark-subtle-active": "#DED8E0",
+            "dark": "#322F35",
+            "dark-hover": "#3A363E",
+            "dark-active": "#49454F",
+            "dark-emphasis": "#79747E",
+            "dark-on-subtle": "#79747E",
+            "on-dark": "#ffffff",
+            "dark-on-surface": "#322F35",
+            "inverse-subtle": "#B0ABB7",
+            "inverse-subtle-hover": "#CCC7D4",
+            "inverse-subtle-active": "#DED8E0",
+            "inverse": "#322F35",
+            "inverse-hover": "#3A363E",
+            "inverse-active": "#49454F",
+            "inverse-emphasis": "#79747E",
+            "inverse-on-subtle": "#79747E",
+            "on-inverse": "#ffffff",
+            "inverse-on-surface": "#322F35",
+            "series-a": "#9C27B0",
+            "series-a-bold": "#751D84",
+            "series-a-bolder": "#4E1458",
+            "series-a-subtle": "#B55DC4",
+            "series-a-subtler": "#CD93D7",
+            "series-b": "#2196F3",
+            "series-b-bold": "#1971B6",
+            "series-b-bolder": "#114B7A",
+            "series-b-subtle": "#59B0F6",
+            "series-b-subtler": "#90CBF9",
+            "series-c": "#009688",
+            "series-c-bold": "#007166",
+            "series-c-bolder": "#114B7A",
+            "series-c-subtle": "#40B0A6",
+            "series-c-subtler": "#80CBC4",
+            "series-d": "#FFEB3B",
+            "series-d-bold": "#BFB02C",
+            "series-d-bolder": "#80761E",
+            "series-d-subtle": "#FFF06C",
+            "series-d-subtler": "#FFF59D",
+            "series-e": "#DD352C",
+            "series-e-bold": "#B3261E",
+            "series-e-bolder": "#852221",
+            "series-e-subtle": "#E87973",
+            "series-e-subtler": "#F0ADA8",
+            "series-f": "#4CAF50",
+            "series-f-bold": "#39833C",
+            "series-f-bolder": "#265828",
+            "series-f-subtle": "#79C37C",
+            "series-f-subtler": "#A6D7A8"
+        }
+    },
     "kendo-colors": {
         "type": "Map",
         "value": "(app-surface: #FEFBFF, on-app-surface: #1D1B20, subtle: #49454F, surface: #F7F3FA, surface-alt: #ffffff, border: rgba(29, 27, 32, 0.12), border-alt: rgba(29, 27, 32, 0.15), base-subtle: #DED8E0, base-subtle-hover: #E2DDE5, base-subtle-active: #EAE5EC, base: #EAE5EC, base-hover: #E2DDE5, base-active: #DED8E0, base-emphasis: #6E687C, base-on-subtle: #4A4459, on-base: #4A4459, base-on-surface: #4A4459, primary-subtle: #E9DDFF, primary-subtle-hover: #DFD3F6, primary-subtle-active: #D9CCF1, primary: #65558F, primary-hover: #6E5D97, primary-active: #7866A2, primary-emphasis: #B6A6D7, primary-on-subtle: #4F378A, on-primary: #ffffff, primary-on-surface: #65558F, secondary-subtle: #625B71, secondary-subtle-hover: #6E687C, secondary-subtle-active: #756F82, secondary: #E8DEF8, secondary-hover: #DED4EE, secondary-active: #D8CEE8, secondary-emphasis: #B6AEC6, secondary-on-subtle: #ffffff, on-secondary: #4A4459, secondary-on-surface: #4A4459, tertiary-subtle: #FFD8E4, tertiary-subtle-hover: #F5CEDA, tertiary-subtle-active: #EFC8D4, tertiary: #7D5260, tertiary-hover: #87606C, tertiary-active: #8D6773, tertiary-emphasis: #8D6773, tertiary-on-subtle: #633B48, on-tertiary: #ffffff, tertiary-on-surface: #633B48, info-subtle: #C1D5F5, info-subtle-hover: #B0C8F2, info-subtle-active: #96B6EE, info: #2C6DDD, info-hover: #215FCA, info-active: #1B4EA7, info-emphasis: #7BA4EA, info-on-subtle: #123672, on-info: #ffffff, info-on-surface: #1B4EA7, success-subtle: #D6F5E1, success-subtle-hover: #BDEFCF, success-subtle-active: #A4EABE, success: #1B7E3F, success-hover: #186D37, success-active: #145C2E, success-emphasis: #6BDC94, success-on-subtle: #0F4322, on-success: #ffffff, success-on-surface: #186D37, warning-subtle: #FCEDC0, warning-subtle-hover: #FAE6A8, warning-subtle-active: #F9DF90, warning: #F5CA47, warning-hover: #F4C12A, warning-active: #F2BA0D, warning-emphasis: #F7D56E, warning-on-subtle: #725809, on-warning: #000000, warning-on-surface: #725809, error-subtle: #F9DEDC, error-subtle-hover: #F5C6C2, error-subtle-active: #F0ADA8, error: #B3261E, error-hover: #9C2521, error-active: #852221, error-emphasis: #E87973, error-on-subtle: #852221, on-error: #ffffff, error-on-surface: #9C2521, light-subtle: #FEFBFF, light-subtle-hover: #F7F3FA, light-subtle-active: #EAE5EC, light: #F7F3FA, light-hover: #EAE5EC, light-active: #E2DDE5, light-emphasis: #CCC7D4, light-on-subtle: #1D1B20, on-light: #1D1B20, light-on-surface: #F7F3FA, dark-subtle: #B0ABB7, dark-subtle-hover: #CCC7D4, dark-subtle-active: #DED8E0, dark: #322F35, dark-hover: #3A363E, dark-active: #49454F, dark-emphasis: #79747E, dark-on-subtle: #79747E, on-dark: #ffffff, dark-on-surface: #322F35, inverse-subtle: #B0ABB7, inverse-subtle-hover: #CCC7D4, inverse-subtle-active: #DED8E0, inverse: #322F35, inverse-hover: #3A363E, inverse-active: #49454F, inverse-emphasis: #79747E, inverse-on-subtle: #79747E, on-inverse: #ffffff, inverse-on-surface: #322F35, series-a: #9C27B0, series-a-bold: #751D84, series-a-bolder: #4E1458, series-a-subtle: #B55DC4, series-a-subtler: #CD93D7, series-b: #2196F3, series-b-bold: #1971B6, series-b-bolder: #114B7A, series-b-subtle: #59B0F6, series-b-subtler: #90CBF9, series-c: #009688, series-c-bold: #007166, series-c-bolder: #114B7A, series-c-subtle: #40B0A6, series-c-subtler: #80CBC4, series-d: #FFEB3B, series-d-bold: #BFB02C, series-d-bolder: #80761E, series-d-subtle: #FFF06C, series-d-subtler: #FFF59D, series-e: #DD352C, series-e-bold: #B3261E, series-e-bolder: #852221, series-e-subtle: #E87973, series-e-subtler: #F0ADA8, series-f: #4CAF50, series-f-bold: #39833C, series-f-bolder: #265828, series-f-subtle: #79C37C, series-f-subtler: #A6D7A8)",
@@ -494,6 +647,52 @@
         "type": "Number",
         "value": "17px"
     },
+    "default-spacing": {
+        "type": "Map",
+        "value": "(0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem)",
+        "prettyValue": {
+            "0": "0px",
+            "1": "0.25rem",
+            "2": "0.5rem",
+            "3": "0.75rem",
+            "4": "1rem",
+            "5": "1.25rem",
+            "6": "1.5rem",
+            "7": "1.75rem",
+            "8": "2rem",
+            "9": "2.25rem",
+            "10": "2.5rem",
+            "11": "2.75rem",
+            "12": "3rem",
+            "13": "3.25rem",
+            "14": "3.5rem",
+            "15": "3.75rem",
+            "16": "4rem",
+            "17": "4.25rem",
+            "18": "4.5rem",
+            "19": "4.75rem",
+            "20": "5rem",
+            "21": "5.25rem",
+            "22": "5.5rem",
+            "23": "5.75rem",
+            "24": "6rem",
+            "25": "7rem",
+            "26": "8rem",
+            "27": "9rem",
+            "28": "10rem",
+            "29": "11rem",
+            "30": "12rem",
+            "1px": "1px",
+            "0.5": "0.125rem",
+            "1.5": "0.375rem",
+            "2.5": "0.625rem",
+            "3.5": "0.875rem",
+            "4.5": "1.125rem",
+            "5.5": "1.375rem",
+            "6.5": "1.625rem",
+            "7.5": "1.875rem"
+        }
+    },
     "kendo-spacing": {
         "type": "Map",
         "value": "(0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem)",
@@ -621,6 +820,21 @@
         "type": "String",
         "value": "k-"
     },
+    "default-elevation": {
+        "type": "Map",
+        "value": "(1: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)), 2: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)), 3: (0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3)), 4: (0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3)), 5: (0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)), 6: (0px 6px 14px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3)), 7: (0px 7px 16px 7px rgba(0, 0, 0, 0.15), 0px 5px 5px 0px rgba(0, 0, 0, 0.3)), 8: (0px 8px 18px 8px rgba(0, 0, 0, 0.15), 0px 6px 5px 0px rgba(0, 0, 0, 0.3)), 9: (0px 9px 20px 9px rgba(0, 0, 0, 0.15), 0px 7px 6px 0px rgba(0, 0, 0, 0.3)))",
+        "prettyValue": {
+            "1": "(0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15))",
+            "2": "(0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15))",
+            "3": "(0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3))",
+            "4": "(0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3))",
+            "5": "(0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15))",
+            "6": "(0px 6px 14px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3))",
+            "7": "(0px 7px 16px 7px rgba(0, 0, 0, 0.15), 0px 5px 5px 0px rgba(0, 0, 0, 0.3))",
+            "8": "(0px 8px 18px 8px rgba(0, 0, 0, 0.15), 0px 6px 5px 0px rgba(0, 0, 0, 0.3))",
+            "9": "(0px 9px 20px 9px rgba(0, 0, 0, 0.15), 0px 7px 6px 0px rgba(0, 0, 0, 0.3))"
+        }
+    },
     "kendo-elevation": {
         "type": "Map",
         "value": "(1: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)), 2: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)), 3: (0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3)), 4: (0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3)), 5: (0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)), 6: (0px 6px 14px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3)), 7: (0px 7px 16px 7px rgba(0, 0, 0, 0.15), 0px 5px 5px 0px rgba(0, 0, 0, 0.3)), 8: (0px 8px 18px 8px rgba(0, 0, 0, 0.15), 0px 6px 5px 0px rgba(0, 0, 0, 0.3)), 9: (0px 9px 20px 9px rgba(0, 0, 0, 0.15), 0px 7px 6px 0px rgba(0, 0, 0, 0.3)))",
@@ -780,6 +994,63 @@
         "type": "List",
         "value": "(Roboto, \"Helvetica Neue\", sans-serif)"
     },
+    "default-font-sizes": {
+        "type": "Map",
+        "value": "(xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
+        "prettyValue": {
+            "xs": "0.625rem",
+            "sm": "0.75rem",
+            "md": "0.875rem",
+            "lg": "1rem",
+            "xl": "1.25rem"
+        }
+    },
+    "default-line-heights": {
+        "type": "Map",
+        "value": "(xs: 1, sm: 1.33, md: 1.4285714285714286, lg: 1.5)",
+        "prettyValue": {
+            "xs": 1,
+            "sm": 1.33,
+            "md": 1.4285714285714286,
+            "lg": 1.5
+        }
+    },
+    "default-font-weights": {
+        "type": "Map",
+        "value": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700, extra-bold: 800, \"black\": 900)",
+        "prettyValue": {
+            "thin": 100,
+            "extra-light": 200,
+            "light": 300,
+            "normal": 400,
+            "medium": 500,
+            "semibold": 600,
+            "bold": 700,
+            "extra-bold": 800,
+            "black": 900
+        }
+    },
+    "default-letter-spacings": {
+        "type": "Map",
+        "value": "(tightest: -0.5px, tighter: -0.25px, tight: -0.1px, normal: 0.25px, wide: 0.1px, wider: 0.25px, widest: 0.5px)",
+        "prettyValue": {
+            "tightest": "-0.5px",
+            "tighter": "-0.25px",
+            "tight": "-0.1px",
+            "normal": "0.25px",
+            "wide": "0.1px",
+            "wider": "0.25px",
+            "widest": "0.5px"
+        }
+    },
+    "default-font-families": {
+        "type": "Map",
+        "value": "(sans-serif: (Roboto, \"Helvetica Neue\", sans-serif), monospace: (Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace))",
+        "prettyValue": {
+            "sans-serif": "(Roboto, \"Helvetica Neue\", sans-serif)",
+            "monospace": "(Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace)"
+        }
+    },
     "kendo-font-sizes": {
         "type": "Map",
         "value": "(xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
@@ -873,6 +1144,21 @@
         "type": "Number",
         "value": "9999px"
     },
+    "default-border-radii": {
+        "type": "Map",
+        "value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)",
+        "prettyValue": {
+            "none": "0px",
+            "xs": "1px",
+            "sm": "0.125rem",
+            "md": "0.25rem",
+            "lg": "0.5rem",
+            "xl": "0.75rem",
+            "xxl": "1rem",
+            "xxxl": "1.25rem",
+            "full": "9999px"
+        }
+    },
     "kendo-border-radii": {
         "type": "Map",
         "value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)",
@@ -6788,6 +7074,33 @@
         "type": "Calculation",
         "value": "calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
     },
+    "kendo-datetime-sm-width": {
+        "type": "Calculation",
+        "value": "calc(40px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
+    },
+    "kendo-datetime-md-width": {
+        "type": "Calculation",
+        "value": "calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
+    },
+    "kendo-datetime-lg-width": {
+        "type": "Calculation",
+        "value": "calc(56px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
+    },
+    "kendo-datetime-sizes": {
+        "type": "Map",
+        "value": "(sm: (width: calc(40px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)), md: (width: calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)), lg: (width: calc(56px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)))",
+        "prettyValue": {
+            "sm": {
+                "width": "calc(40px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
+            },
+            "md": {
+                "width": "calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
+            },
+            "lg": {
+                "width": "calc(56px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
+            }
+        }
+    },
     "kendo-daterange-picker-input-width": {
         "type": "Number",
         "value": "10em"

package/lib/swatches/material-2-dark.json

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-2.json

@@ -3,7 +3,7 @@
     "name": "Material 2",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#141218",
         "#2B2930",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#FEFBFF",
         "#F7F3FA",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "12.1.0-dev.3",
+    "version": "12.1.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "12.1.0-dev.3",
+  "version": "12.1.0-dev.5",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.1.0-dev.3",
-    "@progress/kendo-theme-utils": "12.1.0-dev.3"
+    "@progress/kendo-theme-core": "12.1.0-dev.5",
+    "@progress/kendo-theme-utils": "12.1.0-dev.5"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "71fe28c36a28e15bfd6c0934fa049a4933e9f184"
+  "gitHead": "c7571586f70cac80533d2678d2cdcd2e71fa7f16"
 }

package/scss/core/_index.scss

@@ -18,32 +18,32 @@
 
 @forward "@progress/kendo-theme-core/scss/index.scss" with (
     // Color System
-    $_default-colors: $kendo-colors,
+    $default-colors: $kendo-colors,
     $kendo-colors: $kendo-colors !default,
     // Elevation
-    $_default-elevation: $kendo-elevation,
+    $default-elevation: $kendo-elevation,
     $kendo-elevation: $kendo-elevation !default,
     // Typography
-    $_default-font-sizes: $kendo-font-sizes,
+    $default-font-sizes: $kendo-font-sizes,
     $kendo-font-sizes: $kendo-font-sizes !default,
     $kendo-font-size: $kendo-font-size !default,
 
-    $_default-line-heights: $kendo-line-heights,
+    $default-line-heights: $kendo-line-heights,
     $kendo-line-heights: $kendo-line-heights !default,
     $kendo-line-height: $kendo-line-height !default,
 
-    $_default-letter-spacings: $kendo-letter-spacings,
+    $default-letter-spacings: $kendo-letter-spacings,
     $kendo-letter-spacings: $kendo-letter-spacings !default,
     $kendo-letter-spacing: $kendo-letter-spacing !default,
 
-    $_default-font-families: $kendo-font-families,
+    $default-font-families: $kendo-font-families,
     $kendo-font-families: $kendo-font-families !default,
     $kendo-font-family: $kendo-font-family !default,
     // Radii
-    $_default-border-radii: $kendo-border-radii,
+    $default-border-radii: $kendo-border-radii,
     $kendo-border-radii: $kendo-border-radii !default,
     // Spacing
-    $_default-spacing: $kendo-spacing,
+    $default-spacing: $kendo-spacing,
     $kendo-spacing: $kendo-spacing !default,
 );
 

package/scss/datetimepicker/_variables.scss

@@ -1,8 +1,39 @@
 @use "../calendar/_variables.scss" as *;
 
 // DateTime
+
+/// The width of the DateTimePicker.
+/// @group date-time-picker
 $kendo-datetime-width: calc( calc( #{$kendo-calendar-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;
 
+/// The width of the small DateTimePicker.
+/// @group date-time-picker
+$kendo-datetime-sm-width: calc( calc( #{$kendo-calendar-sm-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;
+/// The width of the medium DateTimePicker.
+/// @group date-time-picker
+$kendo-datetime-md-width: $kendo-datetime-width !default;
+/// The width of the large DateTimePicker.
+/// @group date-time-picker
+$kendo-datetime-lg-width: calc( calc( #{$kendo-calendar-lg-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;
+
+/// The sizes map for the DateTimePicker.
+/// @group date-time-picker
+$kendo-datetime-sizes: (
+    sm: (
+        width: $kendo-datetime-sm-width
+    ),
+    md: (
+        width: $kendo-datetime-md-width
+    ),
+    lg: (
+        width: $kendo-datetime-lg-width
+    )
+) !default;
+
 @forward "@progress/kendo-theme-core/scss/components/datetimepicker/_variables.scss" with (
-    $kendo-datetime-width: $kendo-datetime-width
+    $kendo-datetime-width: $kendo-datetime-width,
+    $kendo-datetime-sm-width: $kendo-datetime-sm-width,
+    $kendo-datetime-md-width: $kendo-datetime-md-width,
+    $kendo-datetime-lg-width: $kendo-datetime-lg-width,
+    $kendo-datetime-sizes: $kendo-datetime-sizes
 );