@progress/kendo-theme-fluent 12.2.0-dev.3 → 12.2.0-dev.4

package/dist/meta/variables.json

@@ -3750,46 +3750,6 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-solid-button-shade-function": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-shade-text-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-shade-bg-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-shade-border-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-hover-shade-text-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-hover-shade-bg-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-hover-shade-border-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-active-shade-text-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-active-shade-bg-amount": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-solid-button-active-shade-border-amount": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-solid-button-shadow": {
         "type": "Null",
         "value": "null"
@@ -3926,10 +3886,6 @@
         "type": "Number",
         "value": "1px"
     },
-    "kendo-input-border-height": {
-        "type": "Number",
-        "value": "2px"
-    },
     "kendo-input-border-radius": {
         "type": "Null",
         "value": "null"
@@ -4462,10 +4418,6 @@
         "type": "String",
         "value": "var(--kendo-input-focus-border-width, 2px)"
     },
-    "kendo-input-font-weight": {
-        "type": "String",
-        "value": "var(--kendo-input-font-weight, var(--kendo-font-weight, normal))"
-    },
     "kendo-input-sm-button-width": {
         "type": "Calculation",
         "value": "calc(var(--kendo-line-height-lg, normal) * 1em + calc(var(--kendo-button-sm-padding-y, var(--kendo-spacing-0\\.5, 0.125rem)) + 1px) * 2)"
@@ -6083,15 +6035,15 @@
     },
     "kendo-menu-popup-sm-line-height": {
         "type": "String",
-        "value": "var(--kendo-menu-popup-sm-line-height, var(--kendo-line-height, 30px))"
+        "value": "var(--kendo-menu-popup-sm-line-height, var(--kendo-line-height, normal))"
     },
     "kendo-menu-popup-md-line-height": {
         "type": "String",
-        "value": "var(--kendo-menu-popup-md-line-height, var(--kendo-line-height, 30px))"
+        "value": "var(--kendo-menu-popup-md-line-height, var(--kendo-line-height, normal))"
     },
     "kendo-menu-popup-lg-line-height": {
         "type": "String",
-        "value": "var(--kendo-menu-popup-lg-line-height, var(--kendo-line-height, 30px))"
+        "value": "var(--kendo-menu-popup-lg-line-height, var(--kendo-line-height, normal))"
     },
     "kendo-menu-popup-bg": {
         "type": "String",
@@ -6279,11 +6231,11 @@
     },
     "kendo-menu-sizes": {
         "type": "Map",
-        "value": "(sm: (group-font-size: var(--kendo-menu-popup-sm-font-size, var(--kendo-font-size, inherit)), group-line-height: var(--kendo-menu-popup-sm-line-height, var(--kendo-line-height, 30px)), link-padding-x: var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem)), link-padding-y: var(--kendo-menu-popup-sm-item-padding-y, var(--kendo-list-sm-item-padding-y, var(--kendo-spacing-1, 0.25rem))), link-padding-inline-end: calc(var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem)), arrow-margin-inline-start: var(--kendo-spacing-0, 0px), arrow-margin-inline-end: calc(-1 * (var(--kendo-icon-size, 1rem) + var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem))))), md: (group-font-size: var(--kendo-menu-popup-md-font-size, var(--kendo-font-size, inherit)), group-line-height: var(--kendo-menu-popup-md-line-height, var(--kendo-line-height, 30px)), link-padding-x: var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem)), link-padding-y: var(--kendo-menu-popup-md-item-padding-y, var(--kendo-list-md-item-padding-y, var(--kendo-spacing-1\\.5, 0.375rem))), link-padding-inline-end: calc(var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem)), arrow-margin-inline-start: var(--kendo-spacing-0, 0px), arrow-margin-inline-end: calc(-1 * (var(--kendo-icon-size, 1rem) + var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem))))), lg: (group-font-size: var(--kendo-menu-popup-lg-font-size, var(--kendo-font-size-lg, inherit)), group-line-height: var(--kendo-menu-popup-lg-line-height, var(--kendo-line-height, 30px)), link-padding-x: var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem)), link-padding-y: var(--kendo-menu-popup-lg-item-padding-y, var(--kendo-list-lg-item-padding-y, var(--kendo-spacing-2\\.5, 0.625rem))), link-padding-inline-end: calc(var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem)), arrow-margin-inline-start: var(--kendo-spacing-0, 0px), arrow-margin-inline-end: calc(-1 * (var(--kendo-icon-size, 1rem) + var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem))))))",
+        "value": "(sm: (group-font-size: var(--kendo-menu-popup-sm-font-size, var(--kendo-font-size, inherit)), group-line-height: var(--kendo-menu-popup-sm-line-height, var(--kendo-line-height, normal)), link-padding-x: var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem)), link-padding-y: var(--kendo-menu-popup-sm-item-padding-y, var(--kendo-list-sm-item-padding-y, var(--kendo-spacing-1, 0.25rem))), link-padding-inline-end: calc(var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem)), arrow-margin-inline-start: var(--kendo-spacing-0, 0px), arrow-margin-inline-end: calc(-1 * (var(--kendo-icon-size, 1rem) + var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem))))), md: (group-font-size: var(--kendo-menu-popup-md-font-size, var(--kendo-font-size, inherit)), group-line-height: var(--kendo-menu-popup-md-line-height, var(--kendo-line-height, normal)), link-padding-x: var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem)), link-padding-y: var(--kendo-menu-popup-md-item-padding-y, var(--kendo-list-md-item-padding-y, var(--kendo-spacing-1\\.5, 0.375rem))), link-padding-inline-end: calc(var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem)), arrow-margin-inline-start: var(--kendo-spacing-0, 0px), arrow-margin-inline-end: calc(-1 * (var(--kendo-icon-size, 1rem) + var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem))))), lg: (group-font-size: var(--kendo-menu-popup-lg-font-size, var(--kendo-font-size-lg, inherit)), group-line-height: var(--kendo-menu-popup-lg-line-height, var(--kendo-line-height, normal)), link-padding-x: var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem)), link-padding-y: var(--kendo-menu-popup-lg-item-padding-y, var(--kendo-list-lg-item-padding-y, var(--kendo-spacing-2\\.5, 0.625rem))), link-padding-inline-end: calc(var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem)), arrow-margin-inline-start: var(--kendo-spacing-0, 0px), arrow-margin-inline-end: calc(-1 * (var(--kendo-icon-size, 1rem) + var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem))))))",
         "prettyValue": {
             "sm": {
                 "group-font-size": "var(--kendo-menu-popup-sm-font-size, var(--kendo-font-size, inherit))",
-                "group-line-height": "var(--kendo-menu-popup-sm-line-height, var(--kendo-line-height, 30px))",
+                "group-line-height": "var(--kendo-menu-popup-sm-line-height, var(--kendo-line-height, normal))",
                 "link-padding-x": "var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem))",
                 "link-padding-y": "var(--kendo-menu-popup-sm-item-padding-y, var(--kendo-list-sm-item-padding-y, var(--kendo-spacing-1, 0.25rem)))",
                 "link-padding-inline-end": "calc(var(--kendo-menu-popup-sm-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem))",
@@ -6292,7 +6244,7 @@
             },
             "md": {
                 "group-font-size": "var(--kendo-menu-popup-md-font-size, var(--kendo-font-size, inherit))",
-                "group-line-height": "var(--kendo-menu-popup-md-line-height, var(--kendo-line-height, 30px))",
+                "group-line-height": "var(--kendo-menu-popup-md-line-height, var(--kendo-line-height, normal))",
                 "link-padding-x": "var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem))",
                 "link-padding-y": "var(--kendo-menu-popup-md-item-padding-y, var(--kendo-list-md-item-padding-y, var(--kendo-spacing-1\\.5, 0.375rem)))",
                 "link-padding-inline-end": "calc(var(--kendo-menu-popup-md-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem))",
@@ -6301,7 +6253,7 @@
             },
             "lg": {
                 "group-font-size": "var(--kendo-menu-popup-lg-font-size, var(--kendo-font-size-lg, inherit))",
-                "group-line-height": "var(--kendo-menu-popup-lg-line-height, var(--kendo-line-height, 30px))",
+                "group-line-height": "var(--kendo-menu-popup-lg-line-height, var(--kendo-line-height, normal))",
                 "link-padding-x": "var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem))",
                 "link-padding-y": "var(--kendo-menu-popup-lg-item-padding-y, var(--kendo-list-lg-item-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)))",
                 "link-padding-inline-end": "calc(var(--kendo-menu-popup-lg-item-padding-x, var(--kendo-spacing-2, 0.5rem)) * 2 + var(--kendo-icon-size, 1rem))",
@@ -10613,10 +10565,6 @@
             }
         }
     },
-    "kendo-notification-box-shadow": {
-        "type": "String",
-        "value": "var(--kendo-notification-box-shadow, none)"
-    },
     "kendo-popover-border-width": {
         "type": "String",
         "value": "var(--kendo-popover-border-width, 0)"
@@ -12923,7 +12871,7 @@
     },
     "kendo-grid-sizes": {
         "type": "Map",
-        "value": "(sm: (header-padding-x: var(--kendo-spacing-3, 0.75rem), header-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), grouping-header-padding-x: var(--kendo-spacing-1\\.5, 0.375rem), grouping-header-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), cell-padding-x: var(--kendo-spacing-3, 0.75rem), cell-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), filter-cell-padding-x: var(--kendo-spacing-3, 0.75rem), filter-cell-padding-y: var(--kendo-spacing-2, 0.5rem), edit-cell-padding-x: var(--kendo-spacing-3, 0.75rem), edit-cell-padding-y: var(--kendo-spacing-0\\.5, 0.125rem), button-padding-y: calc(var(--kendo-button-sm-padding-y, var(--kendo-spacing-0\\.5, 0.125rem)) + 1px), button-calc-size: calc(var(--kendo-line-height-lg, normal) * 1em + calc(var(--kendo-button-sm-padding-y, var(--kendo-spacing-0\\.5, 0.125rem)) + 1px) * 2 + var(--kendo-button-border-width, 1px) * 2), group-dropclue-height: calc(calc(var(--kendo-line-height-lg, normal) * 1em + calc(var(--kendo-spacing-0\\.5, 0.125rem) / 2) * 2 + var(--kendo-chip-border-width, 1px) * 2) + var(--kendo-grid-group-drop-hint-size, 6px)), selection-aggregates-padding-x: var(--kendo-spacing-1\\.5, 0.375rem), selection-aggregates-padding-y: var(--kendo-spacing-1\\.5, 0.375rem)), md: (header-padding-x: var(--kendo-table-md-cell-padding-x, var(--kendo-spacing-2, 0.5rem)), header-padding-y: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), grouping-header-padding-x: calc(var(--kendo-toolbar-md-padding-x, var(--kendo-spacing-3, 0.75rem)) + 1px), grouping-header-padding-y: calc(var(--kendo-toolbar-md-padding-y, var(--kendo-spacing-1\\.5, 0.375rem)) + 1px), cell-padding-x: var(--kendo-table-md-cell-padding-x, var(--kendo-spacing-2, 0.5rem)), cell-padding-y: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), filter-cell-padding-x: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), filter-cell-padding-y: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), edit-cell-padding-x: var(--kendo-table-md-cell-padding-x, var(--kendo-spacing-2, 0.5rem)), edit-cell-padding-y: calc(var(--kendo-spacing-2\\.5, 0.625rem) / 2), button-padding-y: calc(var(--kendo-button-md-padding-y, var(--kendo-spacing-1, 0.25rem)) + 1px), button-calc-size: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-button-md-padding-y, var(--kendo-spacing-1, 0.25rem)) + 1px) * 2 + var(--kendo-button-border-width, 1px) * 2), group-dropclue-height: calc(calc(var(--kendo-line-height-lg, normal) * 1em + calc(var(--kendo-spacing-0\\.5, 0.125rem) / 2) * 2 + var(--kendo-chip-border-width, 1px) * 2) + var(--kendo-grid-group-drop-hint-size, 6px)), selection-aggregates-padding-x: var(--kendo-spacing-2, 0.5rem), selection-aggregates-padding-y: var(--kendo-spacing-2, 0.5rem)))",
+        "value": "(sm: (header-padding-x: var(--kendo-spacing-3, 0.75rem), header-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), grouping-header-padding-x: var(--kendo-spacing-1\\.5, 0.375rem), grouping-header-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), cell-padding-x: var(--kendo-spacing-3, 0.75rem), cell-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), filter-cell-padding-x: var(--kendo-spacing-3, 0.75rem), filter-cell-padding-y: var(--kendo-spacing-2, 0.5rem), edit-cell-padding-x: var(--kendo-spacing-3, 0.75rem), edit-cell-padding-y: var(--kendo-spacing-0\\.5, 0.125rem), button-padding-y: calc(var(--kendo-button-sm-padding-y, var(--kendo-spacing-0\\.5, 0.125rem)) + 1px), button-calc-size: calc(var(--kendo-line-height-lg, normal) * 1em + calc(var(--kendo-button-sm-padding-y, var(--kendo-spacing-0\\.5, 0.125rem)) + 1px) * 2 + var(--kendo-button-border-width, 1px) * 2), group-dropclue-height: calc(calc(var(--kendo-line-height-lg, normal) * 1em + calc(var(--kendo-spacing-0\\.5, 0.125rem) / 2) * 2 + var(--kendo-chip-border-width, 1px) * 2) + var(--kendo-grid-group-drop-hint-size, 6px)), selection-aggregates-padding-x: var(--kendo-spacing-1\\.5, 0.375rem), selection-aggregates-padding-y: var(--kendo-spacing-1\\.5, 0.375rem)), md: (header-padding-x: var(--kendo-table-md-cell-padding-x, var(--kendo-spacing-2, 0.5rem)), header-padding-y: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), grouping-header-padding-x: calc(var(--kendo-toolbar-md-padding-x, var(--kendo-spacing-3, 0.75rem)) + 1px), grouping-header-padding-y: calc(var(--kendo-toolbar-md-padding-y, var(--kendo-spacing-1\\.5, 0.375rem)) + 1px), cell-padding-x: var(--kendo-table-md-cell-padding-x, var(--kendo-spacing-2, 0.5rem)), cell-padding-y: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), filter-cell-padding-x: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), filter-cell-padding-y: var(--kendo-table-md-cell-padding-y, var(--kendo-spacing-2\\.5, 0.625rem)), edit-cell-padding-x: var(--kendo-table-md-cell-padding-x, var(--kendo-spacing-2, 0.5rem)), edit-cell-padding-y: calc(var(--kendo-spacing-2\\.5, 0.625rem) / 2), button-padding-y: calc(var(--kendo-button-md-padding-y, var(--kendo-spacing-1, 0.25rem)) + 1px), button-calc-size: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-button-md-padding-y, var(--kendo-spacing-1, 0.25rem)) + 1px) * 2 + var(--kendo-button-border-width, 1px) * 2), group-dropclue-height: var(--kendo-grid-group-drop-hint-height, calc(calc(var(--kendo-chip-line-height, var(--kendo-line-height-lg, normal)) * 1em + calc(var(--kendo-chip-padding-y, var(--kendo-spacing-1\\.5, 0.375rem)) / 2) * 2 + var(--kendo-chip-border-width, 1px) * 2) + var(--kendo-grid-group-drop-hint-size, 6px))), selection-aggregates-padding-x: var(--kendo-spacing-2, 0.5rem), selection-aggregates-padding-y: var(--kendo-spacing-2, 0.5rem)))",
         "prettyValue": {
             "sm": {
                 "header-padding-x": "var(--kendo-spacing-3, 0.75rem)",
@@ -12955,7 +12903,7 @@
                 "edit-cell-padding-y": "calc(var(--kendo-spacing-2\\.5, 0.625rem) / 2)",
                 "button-padding-y": "calc(var(--kendo-button-md-padding-y, var(--kendo-spacing-1, 0.25rem)) + 1px)",
                 "button-calc-size": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-button-md-padding-y, var(--kendo-spacing-1, 0.25rem)) + 1px) * 2 + var(--kendo-button-border-width, 1px) * 2)",
-                "group-dropclue-height": "calc(calc(var(--kendo-line-height-lg, normal) * 1em + calc(var(--kendo-spacing-0\\.5, 0.125rem) / 2) * 2 + var(--kendo-chip-border-width, 1px) * 2) + var(--kendo-grid-group-drop-hint-size, 6px))",
+                "group-dropclue-height": "var(--kendo-grid-group-drop-hint-height, calc(calc(var(--kendo-chip-line-height, var(--kendo-line-height-lg, normal)) * 1em + calc(var(--kendo-chip-padding-y, var(--kendo-spacing-1\\.5, 0.375rem)) / 2) * 2 + var(--kendo-chip-border-width, 1px) * 2) + var(--kendo-grid-group-drop-hint-size, 6px)))",
                 "selection-aggregates-padding-x": "var(--kendo-spacing-2, 0.5rem)",
                 "selection-aggregates-padding-y": "var(--kendo-spacing-2, 0.5rem)"
             }
@@ -13105,10 +13053,6 @@
         "type": "String",
         "value": "var(--kendo-grid-sort-index-font-size, var(--kendo-font-size-sm, inherit))"
     },
-    "kendo-grid-sorting-index-height": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-grid-sorting-index-spacing-y": {
         "type": "Null",
         "value": "null"
@@ -13137,10 +13081,6 @@
         "type": "String",
         "value": "var(--kendo-grid-sticky-hover-bg, var(--kendo-color-base-hover, #f5f5f5))"
     },
-    "kendo-grid-sticky-text": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-grid-sticky-border": {
         "type": "String",
         "value": "var(--kendo-grid-sticky-border, color-mix(in srgb, var(--kendo-color-border, rgba(36, 36, 36, 0.72)) 80%, transparent))"
@@ -13161,10 +13101,6 @@
         "type": "String",
         "value": "var(--kendo-grid-sticky-footer-bg, var(--kendo-grid-header-bg, var(--kendo-table-header-bg, var(--kendo-table-bg, var(--kendo-color-surface-alt, #ffffff)))))"
     },
-    "kendo-grid-sticky-footer-hover-bg": {
-        "type": "String",
-        "value": "var(--kendo-grid-sticky-footer-hover-bg, var(--kendo-grid-hover-bg, var(--kendo-table-hover-bg, color-mix(in srgb, var(--kendo-color-on-app-surface, #242424) 5%, transparent))))"
-    },
     "kendo-grid-column-menu-width": {
         "type": "String",
         "value": "var(--kendo-grid-column-menu-width, 230px)"
@@ -13173,18 +13109,6 @@
         "type": "String",
         "value": "var(--kendo-grid-column-menu-max-width, 320px)"
     },
-    "kendo-grid-filter-menu-check-all-border-bottom-width": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-grid-filter-menu-item-spacing-x": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-grid-filter-menu-item-spacing-y": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-grid-column-menu-popup-padding-x": {
         "type": "Null",
         "value": "null"
@@ -13269,10 +13193,6 @@
         "type": "String",
         "value": "var(--kendo-grid-drag-cell-width, calc(var(--kendo-icon-size, 1rem) * 2.25))"
     },
-    "kendo-grid-row-inner-height": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-grid-hierarchy-col-width": {
         "type": "String",
         "value": "var(--kendo-grid-hierarchy-col-width, calc(var(--kendo-icon-size, 1rem) * 2))"
@@ -13285,10 +13205,6 @@
         "type": "String",
         "value": "var(--kendo-grid-group-footer-border-width-y, 1px)"
     },
-    "kendo-grid-group-footer-second-cell-border": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-grid-row-resizer-hover-bg": {
         "type": "String",
         "value": "var(--kendo-grid-row-resizer-hover-bg, color-mix(in srgb, var(--kendo-color-on-app-surface, #242424) 46%, transparent))"
@@ -14237,46 +14153,10 @@
         "type": "String",
         "value": "var(--kendo-grid-border, var(--kendo-table-border, color-mix(in srgb, var(--kendo-color-border, rgba(36, 36, 36, 0.72)) 16%, transparent)))"
     },
-    "kendo-pivotgrid-container-bg": {
-        "type": "String",
-        "value": "var(--kendo-pivotgrid-container-bg, var(--kendo-color-surface-alt, #ffffff))"
-    },
     "kendo-pivotgrid-row-headers-bg": {
         "type": "String",
         "value": "var(--kendo-pivotgrid-row-headers-bg, var(--kendo-color-surface-alt, #ffffff))"
     },
-    "kendo-pivotgrid-button-bg": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-pivotgrid-button-text": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-pivotgrid-button-hover-bg": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-pivotgrid-button-hover-text": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-pivotgrid-button-active-bg": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-pivotgrid-button-active-text": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-pivotgrid-remove-bg": {
-        "type": "Null",
-        "value": "null"
-    },
-    "kendo-pivotgrid-remove-text": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-pivotgrid-configurator-fields-gap": {
         "type": "String",
         "value": "var(--kendo-pivotgrid-configurator-fields-gap, var(--kendo-spacing-2, 0.5rem))"
@@ -15843,7 +15723,7 @@
     },
     "kendo-chat-width": {
         "type": "Number",
-        "value": "320px"
+        "value": "280px"
     },
     "kendo-chat-height": {
         "type": "String",

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0-dev.3",
+    "version": "12.2.0-dev.4",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-1-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0-dev.3",
+    "version": "12.2.0-dev.4",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0-dev.3",
+    "version": "12.2.0-dev.4",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0-dev.3",
+    "version": "12.2.0-dev.4",
     "previewColors": [
         "#1F1F1F",
         "#292929",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0-dev.3",
+    "version": "12.2.0-dev.4",
     "previewColors": [
         "#fafafa",
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "12.2.0-dev.3",
+  "version": "12.2.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.2.0-dev.3",
-    "@progress/kendo-theme-utils": "12.2.0-dev.3"
+    "@progress/kendo-theme-core": "12.2.0-dev.4",
+    "@progress/kendo-theme-utils": "12.2.0-dev.4"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "588ba9ebfab39ffb964ec92ed317edabb5f38a84"
+  "gitHead": "a283a92613df9104316d448606ec801b4a9628c8"
 }

package/scss/adaptive/_variables.scss

@@ -2,34 +2,70 @@
 
 
 // Adaptive
+/// The background color of the Adaptive component.
+/// @group adaptive
 $kendo-adaptive-bg: var( --kendo-adaptive-bg, #{k-color(surface-alt)} ) !default;
+/// The text color of the Adaptive component.
+/// @group adaptive
 $kendo-adaptive-text: var( --kendo-adaptive-text, #{k-color(on-app-surface)} ) !default;
+/// The border color of the Adaptive component.
+/// @group adaptive
 $kendo-adaptive-border: var( --kendo-adaptive-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
 
+/// The background color of the Adaptive content.
+/// @group adaptive
 $kendo-adaptive-content-bg: var( --kendo-adaptive-content-bg, #{k-color(surface-alt)} ) !default;
+/// The text color of the Adaptive content.
+/// @group adaptive
 $kendo-adaptive-content-text: var( --kendo-adaptive-content-text, #{k-color(on-app-surface)} ) !default;
 
+/// The background color of the Adaptive menu.
+/// @group adaptive
 $kendo-adaptive-menu-bg: var( --kendo-adaptive-menu-bg, #{k-color(primary)} ) !default;
+/// The text color of the Adaptive menu.
+/// @group adaptive
 $kendo-adaptive-menu-text: var( --kendo-adaptive-menu-text, #{k-color(app-surface)} ) !default;
 
+/// The text color of the Adaptive menu clear button.
+/// @group adaptive
 $kendo-adaptive-menu-clear-text: var( --kendo-adaptive-menu-clear-text, #{k-color(primary)} ) !default;
 
+/// The border color of the Adaptive menu item.
+/// @group adaptive
 $kendo-adaptive-menu-item-border: var( --kendo-adaptive-menu-item-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
+/// The text color of the Adaptive menu title.
+/// @group adaptive
 $kendo-adaptive-menu-title-text: var( --kendo-adaptive-menu-title-text, #{k-color(on-app-surface)} ) !default;
 
+/// The width of the border around the Adaptive component.
+/// @group adaptive
 $kendo-adaptive-border-width: var( --kendo-adaptive-border-width, 1px ) !default;
+/// The font family of the Adaptive component.
+/// @group adaptive
 $kendo-adaptive-font-family: var( --kendo-adaptive-font-family, var( --kendo-font-family, inherit ) ) !default;
+/// The font size of the Adaptive component.
+/// @group adaptive
 $kendo-adaptive-font-size: var( --kendo-adaptive-font-size, var( --kendo-font-size, 1rem ) ) !default;
+/// The line height of the Adaptive component.
+/// @group adaptive
 $kendo-adaptive-line-height: var( --kendo-adaptive-line-height, var( --kendo-line-height, normal ) ) !default;
 
 
 // Adaptive Grid
+/// The text color of the Adaptive Grid sort indicator.
+/// @group adaptive
 $kendo-adaptive-grid-sort-text: var( --kendo-adaptive-grid-sort-text, #{k-color(primary)} ) !default;
 
 
 // Adaptive Scheduler
+/// The text color of the current date in the Adaptive Scheduler.
+/// @group adaptive
 $kendo-adaptive-scheduler-current-text: var( --kendo-adaptive-scheduler-current-text, #{k-color(primary)} ) !default;
+/// The base text color of the Adaptive Scheduler.
+/// @group adaptive
 $kendo-adaptive-scheduler-base-text: var( --kendo-adaptive-scheduler-base-text, inherit ) !default;
+/// The subtle text color of the Adaptive Scheduler.
+/// @group adaptive
 $kendo-adaptive-scheduler-subtle-text: var( --kendo-adaptive-scheduler-subtle-text, #{k-color(on-app-surface)} ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/adaptive/_variables.scss" with (

package/scss/bottom-navigation/_variables.scss

@@ -62,6 +62,8 @@ $kendo-bottom-nav-flat-bg: var( --kendo-bottom-nav-bg, k-color(app-surface) ) !d
 /// @group bottom-navigation
 $kendo-bottom-nav-flat-border: var( --kendo-bottom-nav-border, k-color(border) ) !default;
 
+/// The navigation theme colors of the BottomNavigation.
+/// @group bottom-navigation
 $kendo-bottom-navigation-theme-colors: (
     "base": k-color(base),
     "primary": k-color(primary),

package/scss/breadcrumb/_variables.scss

@@ -231,6 +231,8 @@ $kendo-breadcrumb-md-icon-link-padding-x: var( --kendo-breadcrumb-icon-link-padd
 $kendo-breadcrumb-lg-icon-link-padding-x: var( --kendo-breadcrumb-icon-link-padding-x, k-spacing(2.5) ) !default;
 
 // Root link spacing
+/// The spacing of the Breadcrumb icon.
+/// @group breadcrumb
 $kendo-breadcrumb-link-icon-spacing: k-spacing(0.5) !default;
 
 

package/scss/button/_variables.scss

@@ -54,15 +54,11 @@ $kendo-button-font-family: var( --kendo-font-family, inherit ) !default;
 /// @group button
 $kendo-button-font-weight: var( --kendo-font-weight-semibold, normal ) !default;
 
-/// The calculated height of the Button.
-/// @group button
 $kendo-button-calc-size: calc( ( #{$kendo-button-md-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 $kendo-button-sm-calc-size: calc( ( #{$kendo-button-sm-line-height} * 1em ) + ( #{$kendo-button-sm-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 $kendo-button-md-calc-size: calc( ( #{$kendo-button-md-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 $kendo-button-lg-calc-size: calc( ( #{$kendo-button-lg-line-height} * 1em ) + ( #{$kendo-button-lg-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) !default;
 
-/// The calculated inner height of the Button excluding the border width.
-/// @group button
 $kendo-button-inner-calc-size: calc( ( #{$kendo-button-md-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) ) !default;
 $kendo-button-sm-inner-calc-size: calc( ( #{$kendo-button-sm-line-height} * 1em ) + ( #{$kendo-button-sm-padding-y} * 2 ) ) !default;
 $kendo-button-md-inner-calc-size: calc( ( #{$kendo-button-md-line-height} * 1em ) + ( #{$kendo-button-md-padding-y} * 2 ) ) !default;

package/scss/calendar/_variables.scss

@@ -43,6 +43,8 @@ $kendo-calendar-header-padding-y: var( --kendo-calendar-header-padding-y, k-spac
 /// Width of the bottom border of the calendar header.
 /// @group calendar
 $kendo-calendar-header-border-width: var( --kendo-calendar-header-border-width, 1px ) !default;
+/// The width of the Calendar header.
+/// @group calendar
 $kendo-calendar-header-min-width: calc(#{$kendo-calendar-cell-size} * 8)  !default;
 
 /// The background color of the calendar header.

package/scss/chat/_variables.scss

@@ -12,7 +12,7 @@ $kendo-chat-padding-x: var( --kendo-chat-padding-x, #{k-spacing(4)} ) !default;
 $kendo-chat-padding-y: k-spacing(4) !default;
 /// The minimum width of the Chat.
 /// @group chat
-$kendo-chat-width: 320px !default;
+$kendo-chat-width: 280px !default;
 /// The minimum height of the Chat.
 /// @group chat
 $kendo-chat-height: var( --kendo-chat-height, 600px ) !default;

package/scss/checkbox/_variables.scss

@@ -40,6 +40,8 @@ $kendo-checkbox-md-ripple-size: var( --kendo-checkbox-md-ripple-size, 300% ) !de
 $kendo-checkbox-lg-ripple-size: var( --kendo-checkbox-lg-ripple-size, 300% ) !default;
 
 // A map with the different CheckBox sizes.
+/// The sizes of the CheckBox.
+/// @group checkbox
 $kendo-checkbox-sizes: (
     sm: (
         size: $kendo-checkbox-sm-size,

package/scss/chip/_variables.scss

@@ -78,8 +78,6 @@ $kendo-chip-md-line-height: var( --kendo-chip-line-height, var( --kendo-line-hei
 /// @group chip
 $kendo-chip-lg-line-height: var( --kendo-line-height, normal ) !default;
 
-/// The calculated height of the Chip.
-/// @group chip
 $kendo-chip-calc-size: calc( #{$kendo-chip-md-line-height} * 1em + #{$kendo-chip-md-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default;
 $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height} * 1em + #{$kendo-chip-sm-padding-y} * 2 + #{$kendo-chip-border-width} * 2 ) !default;
 

package/scss/column-menu/_variables.scss

@@ -1,24 +1,52 @@
 @use "../core/_index.scss" as *;
 
+/// The horizontal padding of the small ColumnMenu item.
+/// @group column-menu
 $kendo-column-menu-item-sm-padding-x: var( --kendo-column-menu-item-sm-padding-x, k-spacing(1.5) ) !default;
+/// The vertical padding of the small ColumnMenu item.
+/// @group column-menu
 $kendo-column-menu-item-sm-padding-y: var( --kendo-column-menu-item-sm-padding-y, k-spacing(1) ) !default;
 
+/// The horizontal padding of the medium ColumnMenu item.
+/// @group column-menu
 $kendo-column-menu-item-md-padding-x: var( --kendo-column-menu-item-md-padding-x, k-spacing(1.5) ) !default;
+/// The vertical padding of the medium ColumnMenu item.
+/// @group column-menu
 $kendo-column-menu-item-md-padding-y: var( --kendo-column-menu-item-md-padding-y, k-spacing(1.5) ) !default;
 
+/// The horizontal padding of the large ColumnMenu item.
+/// @group column-menu
 $kendo-column-menu-item-lg-padding-x: var( --kendo-column-menu-item-lg-padding-x, k-spacing(1.5) ) !default;
+/// The vertical padding of the large ColumnMenu item.
+/// @group column-menu
 $kendo-column-menu-item-lg-padding-y: var( --kendo-column-menu-item-lg-padding-y, k-spacing(2) ) !default;
 
+/// The font size of the small ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-sm-font-size: var( --kendo-column-menu-sm-font-size, var( --kendo-font-size, inherit ) ) !default;
+/// The font size of the medium ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-md-font-size: var( --kendo-column-menu-md-font-size, var( --kendo-font-size, inherit ) ) !default;
+/// The font size of the large ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-lg-font-size: var( --kendo-column-menu-lg-font-size, var( --kendo-font-size, inherit ) ) !default;
 
+/// The line height of the small ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-sm-line-height: var( --kendo-column-menu-sm-line-height, var( --kendo-line-height, normal ) ) !default;
+/// The line height of the medium ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-md-line-height: var( --kendo-column-menu-md-line-height, var( --kendo-line-height, normal ) ) !default;
+/// The line height of the large ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-lg-line-height: var( --kendo-column-menu-lg-line-height, var( --kendo-line-height, normal ) ) !default;
 
+/// The font family of the ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-font-family: var( --kendo-column-menu-font-family, var( --kendo-font-family, inherit ) ) !default;
 
+/// The sizes map for the ColumnMenu.
+/// @group column-menu
 $kendo-column-menu-sizes: (
     sm: (
         padding-x: $kendo-column-menu-item-sm-padding-x,
@@ -41,9 +69,17 @@ $kendo-column-menu-sizes: (
 ) !default;
 
 // Group Menu
+/// The background color of the hovered ColumnMenu item.
+/// @group column-menu
 $kendo-group-menu-item-action-hover-bg: var( --kendo-group-menu-item-action-hover-bg, color-mix(in srgb, currentColor 5%, transparent) ) !default;
+/// The background color of the selected ColumnMenu item.
+/// @group column-menu
 $kendo-group-menu-item-action-selected-bg: var( --kendo-group-menu-item-action-selected-bg, color-mix(in srgb, currentColor 8%, transparent) ) !default;
+/// The text color of the ColumnMenu item.
+/// @group column-menu
 $kendo-group-menu-item-add-action-text: var( --kendo-group-menu-item-add-action-text, k-color(primary) ) !default;
+/// The border color of the ColumnMenu item.
+/// @group column-menu
 $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in srgb, k-color(border) 16%, transparent) ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/column-menu/_variables.scss" with (