@progress/kendo-theme-material 8.0.0-dev.8 → 8.0.0

package/dist/meta/variables.json

@@ -133,7 +133,7 @@
     },
     "kendo-colors": {
         "type": "Map",
-        "value": "(app-surface: #ffffff, on-app-surface: #212121, subtle: #757575, surface: #f5f5f5, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.12), border-alt: rgba(0, 0, 0, 0.15), base-subtle: #ebebeb, base-subtle-hover: #d6d6d6, base-subtle-active: #c2c2c2, base: #ffffff, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #adadad, base-on-subtle: #212121, on-base: #212121, base-on-surface: #212121, primary-subtle: #d1d5ee, primary-subtle-hover: #c5cae8, primary-subtle-active: #b5bde3, primary: #3f51b5, primary-hover: #3a4ba7, primary-active: #354498, primary-emphasis: #97a0d7, primary-on-subtle: #161c3f, on-primary: #ffffff, primary-on-surface: #3f51b5, secondary-subtle: #fbcdd9, secondary-subtle-hover: #f9afc3, secondary-subtle-active: #f79bb3, secondary: #e51a5f, secondary-hover: #d31857, secondary-active: #c01650, secondary-emphasis: #f58da9, secondary-on-subtle: #500c22, on-secondary: #ffffff, secondary-on-surface: #ae1549, tertiary-subtle: #c9dbd8, tertiary-subtle-hover: #a9c6c1, tertiary-subtle-active: #92b8b1, tertiary: #00695c, tertiary-hover: #006155, tertiary-active: #00584d, tertiary-emphasis: #84aea7, tertiary-on-subtle: #002520, on-tertiary: #ffffff, tertiary-on-surface: #054f46, info-subtle: #c8d7fb, info-subtle-hover: #a7c0f7, info-subtle-active: #8fb0f6, info: #0058e9, info-hover: #0251d6, info-active: #034ac3, info-emphasis: #80a5f4, info-on-subtle: #071f51, on-info: #ffffff, info-on-surface: #0443b0, success-subtle: #d7f0cc, success-subtle-hover: #bae2ad, success-subtle-active: #a7db97, success: #37b400, success-hover: #33a600, success-active: #2e9704, success-emphasis: #93d775, success-on-subtle: #163f09, on-success: #ffffff, success-on-surface: #2b8906, warning-subtle: #fff0ce, warning-subtle-hover: #ffe7b0, warning-subtle-active: #ffe19c, warning: #ffc000, warning-hover: #ebb201, warning-active: #d6a202, warning-emphasis: #ffdd8f, warning-on-subtle: #59430a, on-warning: #000000, warning-on-surface: #ffc000, error-subtle: #fcc7c2, error-subtle-hover: #feafa8, error-subtle-active: #fe9a91, error: #f31700, error-hover: #e01701, error-active: #cc1505, error-emphasis: #fc8d83, error-on-subtle: #550c07, on-error: #ffffff, error-on-surface: #b91406, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #eeeeee, light: #f5f5f5, light-hover: #ebebeb, light-active: #d6d6d6, light-emphasis: #e0e0e0, light-on-subtle: #212121, on-light: #000000, light-on-surface: #616161, dark-subtle: #c7c7c7, dark-subtle-hover: #c2c2c2, dark-subtle-active: #bdbdbd, dark: #424242, dark-hover: #212121, dark-active: #000000, dark-emphasis: #9e9e9e, dark-on-subtle: #212121, on-dark: #ffffff, dark-on-surface: #616161, inverse-subtle: #c7c7c7, inverse-subtle-hover: #c2c2c2, inverse-subtle-active: #bdbdbd, inverse: #424242, inverse-hover: #212121, inverse-active: #000000, inverse-emphasis: #9e9e9e, inverse-on-subtle: #212121, on-inverse: #ffffff, inverse-on-surface: #616161, 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: #004b44, 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: #f44336, series-e-bold: #b73229, series-e-bolder: #7a221b, series-e-subtle: #f77268, series-e-subtler: #faa19b, series-f: #4caf50, series-f-bold: #39833c, series-f-bolder: #265828, series-f-subtle: #79c37c, series-f-subtler: #a6d7a8)"
+        "value": "(app-surface: #ffffff, on-app-surface: #212121, subtle: #757575, surface: #f5f5f5, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.12), border-alt: rgba(0, 0, 0, 0.15), base-subtle: #ebebeb, base-subtle-hover: #d6d6d6, base-subtle-active: #c2c2c2, base: #ffffff, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #adadad, base-on-subtle: #212121, on-base: #212121, base-on-surface: #212121, primary-subtle: #d1d5ee, primary-subtle-hover: #c5cae8, primary-subtle-active: #b5bde3, primary: #3f51b5, primary-hover: #3a4ba7, primary-active: #354498, primary-emphasis: #97a0d7, primary-on-subtle: #161c3f, on-primary: #ffffff, primary-on-surface: #3f51b5, secondary-subtle: #fbcdd9, secondary-subtle-hover: #f9afc3, secondary-subtle-active: #f79bb3, secondary: #e51a5f, secondary-hover: #d31857, secondary-active: #c01650, secondary-emphasis: #f58da9, secondary-on-subtle: #500c22, on-secondary: #ffffff, secondary-on-surface: #ae1549, tertiary-subtle: #c9dbd8, tertiary-subtle-hover: #a9c6c1, tertiary-subtle-active: #92b8b1, tertiary: #00695c, tertiary-hover: #006155, tertiary-active: #00584d, tertiary-emphasis: #84aea7, tertiary-on-subtle: #002520, on-tertiary: #ffffff, tertiary-on-surface: #054f46, info-subtle: #c8d7fb, info-subtle-hover: #a7c0f7, info-subtle-active: #8fb0f6, info: #0058e9, info-hover: #0251d6, info-active: #034ac3, info-emphasis: #80a5f4, info-on-subtle: #071f51, on-info: #ffffff, info-on-surface: #0443b0, success-subtle: #d7f0cc, success-subtle-hover: #bae2ad, success-subtle-active: #a7db97, success: #37b400, success-hover: #33a600, success-active: #2e9704, success-emphasis: #93d775, success-on-subtle: #163f09, on-success: #ffffff, success-on-surface: #2b8906, warning-subtle: #fff0ce, warning-subtle-hover: #ffe7b0, warning-subtle-active: #ffe19c, warning: #ffc000, warning-hover: #ebb201, warning-active: #d6a202, warning-emphasis: #ffdd8f, warning-on-subtle: #59430a, on-warning: #000000, warning-on-surface: #ffc000, error-subtle: #fcc7c2, error-subtle-hover: #feafa8, error-subtle-active: #fe9a91, error: #f31700, error-hover: #e01701, error-active: #cc1505, error-emphasis: #fc8d83, error-on-subtle: #550c07, on-error: #ffffff, error-on-surface: #b91406, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #eeeeee, light: #f5f5f5, light-hover: #ebebeb, light-active: #d6d6d6, light-emphasis: #e0e0e0, light-on-subtle: #212121, on-light: #000000, light-on-surface: #ebebeb, dark-subtle: #c7c7c7, dark-subtle-hover: #c2c2c2, dark-subtle-active: #bdbdbd, dark: #424242, dark-hover: #212121, dark-active: #000000, dark-emphasis: #9e9e9e, dark-on-subtle: #212121, on-dark: #ffffff, dark-on-surface: #616161, inverse-subtle: #c7c7c7, inverse-subtle-hover: #c2c2c2, inverse-subtle-active: #bdbdbd, inverse: #424242, inverse-hover: #212121, inverse-active: #000000, inverse-emphasis: #9e9e9e, inverse-on-subtle: #212121, on-inverse: #ffffff, inverse-on-surface: #616161, 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: #004b44, 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: #f44336, series-e-bold: #b73229, series-e-bolder: #7a221b, series-e-subtle: #f77268, series-e-subtler: #faa19b, series-f: #4caf50, series-f-bold: #39833c, series-f-bolder: #265828, series-f-subtle: #79c37c, series-f-subtler: #a6d7a8)"
     },
     "dark-secondary-text": {
         "type": "Color",
@@ -220,8 +220,8 @@
         "value": "#7986cb"
     },
     "kendo-color-primary-darker": {
-        "type": "Color",
-        "value": "#303f9f"
+        "type": "String",
+        "value": "var(--kendo-color-primary-active, #354498)"
     },
     "kendo-color-primary-contrast": {
         "type": "String",
@@ -839,6 +839,22 @@
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
     },
+    "kendo-border-radius-none": {
+        "type": "Number",
+        "value": "0px"
+    },
+    "kendo-border-radius-xs": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-border-radius-sm": {
+        "type": "Number",
+        "value": "0.125rem"
+    },
+    "kendo-border-radius-md": {
+        "type": "Number",
+        "value": "0.25rem"
+    },
     "kendo-border-radius-lg": {
         "type": "Number",
         "value": "0.5rem"
@@ -859,22 +875,6 @@
         "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)"
     },
-    "kendo-border-radius-none": {
-        "type": "Number",
-        "value": "0px"
-    },
-    "kendo-border-radius-xs": {
-        "type": "Number",
-        "value": "1px"
-    },
-    "kendo-border-radius-sm": {
-        "type": "Number",
-        "value": "0.125rem"
-    },
-    "kendo-border-radius-md": {
-        "type": "Number",
-        "value": "0.25rem"
-    },
     "kendo-border-radius-full": {
         "type": "Number",
         "value": "9999px"
@@ -1801,7 +1801,7 @@
     },
     "kendo-checkbox-border": {
         "type": "String",
-        "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 54%, transparent)"
+        "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent)"
     },
     "kendo-checkbox-hover-bg": {
         "type": "Null",
@@ -2456,16 +2456,16 @@
         "value": "var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14))"
     },
     "kendo-button-hover-bg": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-hover, #ebebeb)"
     },
     "kendo-button-hover-text": {
         "type": "Null",
         "value": "null"
     },
     "kendo-button-hover-border": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-hover, #ebebeb)"
     },
     "kendo-button-hover-gradient": {
         "type": "Null",
@@ -2476,16 +2476,16 @@
         "value": "null"
     },
     "kendo-button-active-bg": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-active, #d6d6d6)"
     },
     "kendo-button-active-text": {
         "type": "Null",
         "value": "null"
     },
     "kendo-button-active-border": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-active, #d6d6d6)"
     },
     "kendo-button-active-gradient": {
         "type": "Null",
@@ -2496,16 +2496,16 @@
         "value": "var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14))"
     },
     "kendo-button-selected-bg": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-active, #d6d6d6)"
     },
     "kendo-button-selected-text": {
         "type": "Null",
         "value": "null"
     },
     "kendo-button-selected-border": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-active, #d6d6d6)"
     },
     "kendo-button-selected-gradient": {
         "type": "Null",
@@ -2516,24 +2516,24 @@
         "value": "null"
     },
     "kendo-button-focus-bg": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-hover, #ebebeb)"
     },
     "kendo-button-focus-text": {
         "type": "Null",
         "value": "null"
     },
     "kendo-button-focus-border": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-base-hover, #ebebeb)"
     },
     "kendo-button-focus-gradient": {
         "type": "Null",
         "value": "null"
     },
     "kendo-button-focus-shadow": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14))"
     },
     "kendo-button-disabled-bg": {
         "type": "String",
@@ -2817,11 +2817,11 @@
     },
     "kendo-chip-outline-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-base, #212121)"
+        "value": "var(--kendo-color-base-on-surface, #212121)"
     },
     "kendo-chip-outline-border": {
         "type": "String",
-        "value": "var(--kendo-color-on-base, #212121)"
+        "value": "var(--kendo-color-base-on-surface, #212121)"
     },
     "kendo-chip-outline-shadow": {
         "type": "Null",
@@ -4057,7 +4057,7 @@
     },
     "kendo-tooltip-title-font-size": {
         "type": "Calculation",
-        "value": "calc(var(--kendo-font-size-sm, inherit) * 1.25)"
+        "value": "calc(var(--kendo-font-size-sm, 0.75rem) * 1.25)"
     },
     "kendo-tooltip-title-line-height": {
         "type": "Number",
@@ -4452,8 +4452,8 @@
         "value": "var(--kendo-color-primary, #3f51b5)"
     },
     "kendo-split-button-focus-shadow": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14))"
     },
     "kendo-split-button-arrow-padding-x": {
         "type": "String",
@@ -4697,7 +4697,7 @@
     },
     "kendo-radio-border": {
         "type": "String",
-        "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 54%, transparent)"
+        "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent)"
     },
     "kendo-radio-hover-bg": {
         "type": "Null",
@@ -6100,16 +6100,16 @@
         "value": "var(--kendo-color-subtle, #757575)"
     },
     "kendo-rating-icon-selected-text": {
-        "type": "Color",
-        "value": "#303f9f"
+        "type": "String",
+        "value": "var(--kendo-color-primary-active, #354498)"
     },
     "kendo-rating-icon-hover-text": {
-        "type": "Color",
-        "value": "#303f9f"
+        "type": "String",
+        "value": "var(--kendo-color-primary-active, #354498)"
     },
     "kendo-rating-icon-focus-text": {
-        "type": "Color",
-        "value": "#303f9f"
+        "type": "String",
+        "value": "var(--kendo-color-primary-active, #354498)"
     },
     "kendo-rating-icon-focus-shadow": {
         "type": "List",
@@ -6245,7 +6245,7 @@
     },
     "kendo-switch-on-track-bg": {
         "type": "String",
-        "value": "color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 54%, transparent)"
+        "value": "color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 44%, transparent)"
     },
     "kendo-switch-on-track-text": {
         "type": "Null",
@@ -7092,12 +7092,12 @@
         "value": "var(--kendo-line-height, normal)"
     },
     "kendo-drawer-content-padding-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-4, 1rem)"
+        "type": "Null",
+        "value": "null"
     },
     "kendo-drawer-content-padding-y": {
-        "type": "String",
-        "value": "var(--kendo-spacing-1, 0.25rem)"
+        "type": "Null",
+        "value": "null"
     },
     "kendo-drawer-scrollbar-width": {
         "type": "Number",
@@ -11156,12 +11156,12 @@
         "value": "var(--kendo-color-primary, #3f51b5)"
     },
     "kendo-taskboard-card-header-focus-text": {
-        "type": "Color",
-        "value": "#303f9f"
+        "type": "String",
+        "value": "var(--kendo-color-primary-active, #354498)"
     },
     "kendo-taskboard-card-header-hover-text": {
-        "type": "Color",
-        "value": "#303f9f"
+        "type": "String",
+        "value": "var(--kendo-color-primary-active, #354498)"
     },
     "kendo-taskboard-drag-placeholder-border-width": {
         "type": "Number",
@@ -11909,7 +11909,7 @@
     },
     "kendo-scheduler-tooltip-day-font-size": {
         "type": "Calculation",
-        "value": "calc(var(--kendo-font-size-sm, inherit) * 2)"
+        "value": "calc(var(--kendo-font-size-sm, 0.75rem) * 2)"
     },
     "kendo-scheduler-tooltip-events-max-height": {
         "type": "Number",
@@ -12300,12 +12300,12 @@
         "value": "calc(36px - 2 * 1px)"
     },
     "kendo-timeline-track-bg": {
-        "type": "Color",
-        "value": "#e0e0e0"
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
     },
     "kendo-timeline-track-border-color": {
-        "type": "Color",
-        "value": "#e0e0e0"
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #ebebeb)"
     },
     "kendo-timeline-track-item-focus-shadow": {
         "type": "String",

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

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#121212",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#3f51b5",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#121212",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#121212",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#121212",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#121212",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "8.0.0-dev.8",
+    "version": "8.0.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "8.0.0-dev.8",
+  "version": "8.0.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,14 +53,14 @@
     "postpublish": "echo 'no postpublish for material theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "2.3.0",
-    "@progress/kendo-theme-core": "8.0.0-dev.8",
-    "@progress/kendo-theme-default": "8.0.0-dev.8",
-    "@progress/kendo-theme-utils": "8.0.0-dev.8"
+    "@progress/kendo-svg-icons": "3.0.0",
+    "@progress/kendo-theme-core": "8.0.0",
+    "@progress/kendo-theme-default": "8.0.0",
+    "@progress/kendo-theme-utils": "8.0.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "5cba0da7c1d6379c4c2d78522e51a55f49c28e90"
+  "gitHead": "5d189bf7291e83332a8817cefbbbecc68fc8a644"
 }

package/scss/button/_layout.scss

@@ -26,6 +26,15 @@
         }
     }
 
+    // Solid button
+    .k-button-solid {
+        &::before {
+            @if($kendo-enable-color-system) {
+                display: none;
+            }
+        }
+    }
+
     // Outline button
     .k-button-outline {
         background-color: transparent !important; // stylelint-disable-line declaration-no-important

package/scss/button/_theme.scss

@@ -9,6 +9,9 @@
     @each $name, $color in $kendo-button-theme-colors {
         .k-button-solid-#{$name} {
             @include box-shadow( $kendo-button-shadow );
+
+            // These 3 lines can be deleted once we
+            // stop supporting the old color system.
             color: if( $name == "base", $kendo-button-text, if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( $color )) );
             background-color: if( $name == "base", $kendo-button-bg, if($kendo-enable-color-system, k-color( $name ), $color) );
             border-color: if( $name == "base", $kendo-button-bg, if($kendo-enable-color-system, k-color( $name ), $color) );
@@ -22,6 +25,8 @@
             // Focus state
             &:focus,
             &.k-focus {
+                background-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), null);
+                border-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), null);
                 @include box-shadow( $kendo-button-focus-shadow );
             }
 
@@ -48,7 +53,14 @@
     // Outline button
     @each $name, $color in $kendo-button-theme-colors {
         .k-button-outline-#{$name} {
-            color: if( $name == "base", $kendo-button-text, if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color) );
+
+            // The "base" case can be deleted once we
+            // stop supporting the old color system.
+            @if $name == "base" {
+                color: if($kendo-enable-color-system, k-color( base-on-surface ), $kendo-button-text)
+            } @else {
+                color: if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color)
+            }
 
             &:hover,
             &.k-hover,
@@ -57,7 +69,13 @@
             &:active,
             &.k-active,
             &.k-selected {
-                color: if( $name == "base", $kendo-button-text, if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color) );
+                // The "base" case can be deleted once we
+                // stop supporting the old color system.
+                @if $name == "base" {
+                    color: if($kendo-enable-color-system, k-color( base-on-surface ), $kendo-button-text)
+                } @else {
+                    color: if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color)
+                }
             }
 
             // Disabled state

package/scss/button/_variables.scss

@@ -126,13 +126,13 @@ $kendo-button-shadow: $box-shadow-depth-2 !default;
 
 /// The base background of the hovered Button.
 /// @group button
-$kendo-button-hover-bg: null !default;
+$kendo-button-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), null) !default;
 /// The base text color of the hovered Button.
 /// @group button
 $kendo-button-hover-text: null !default;
 /// The base border color of the hovered Button.
 /// @group button
-$kendo-button-hover-border: null !default;
+$kendo-button-hover-border: if($kendo-enable-color-system, k-color( base-hover ), null) !default;
 /// The base background gradient of the hovered Button.
 /// @group button
 $kendo-button-hover-gradient: null !default;
@@ -142,13 +142,13 @@ $kendo-button-hover-shadow: null !default;
 
 /// The base background color of the active Button.
 /// @group button
-$kendo-button-active-bg: null !default;
+$kendo-button-active-bg: if($kendo-enable-color-system, k-color( base-active ), null) !default;
 /// The base text color of the active Button.
 /// @group button
 $kendo-button-active-text: null !default;
 /// The base border color of the active Button.
 /// @group button
-$kendo-button-active-border: null !default;
+$kendo-button-active-border: if($kendo-enable-color-system, k-color( base-active ), null) !default;
 /// The base background gradient of the active Button.
 /// @group button
 $kendo-button-active-gradient: null !default;
@@ -174,19 +174,19 @@ $kendo-button-selected-shadow: null !default;
 
 /// The base background of the focused Button.
 /// @group button
-$kendo-button-focus-bg: null !default;
+$kendo-button-focus-bg: if($kendo-enable-color-system, k-color( base-hover ), null) !default;
 /// The base text color of the focused Button.
 /// @group button
 $kendo-button-focus-text: null !default;
 /// The base border color of the focused Button.
 /// @group button
-$kendo-button-focus-border: null !default;
+$kendo-button-focus-border: if($kendo-enable-color-system, k-color( base-hover ), null) !default;
 /// The base background gradient of focused Button.
 /// @group button
 $kendo-button-focus-gradient: null !default;
 /// The base shadow of the focused Button.
 /// @group button
-$kendo-button-focus-shadow: null !default;
+$kendo-button-focus-shadow: $box-shadow-depth-3 !default;
 
 /// The base background color of the disabled Button.
 /// @group button

package/scss/calendar/_variables.scss

@@ -3,8 +3,15 @@
 /// The width of the border around the Calendar.
 /// @group calendar
 $kendo-calendar-border-width: 1px !default;
+
+/// The font family of the Calendar.
+/// @group calendar
 $kendo-calendar-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Calendar.
+/// @group calendar
 $kendo-calendar-font-size: var( --kendo-font-size, inherit )  !default;
+/// The line height of the Calendar.
+/// @group calendar
 $kendo-calendar-line-height: k-math-div( 20, 14 ) !default;
 
 /// The size of the cells in the Calendar.
@@ -85,7 +92,11 @@ $kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
 /// The height of the header cells in the Calendar.
 /// @group calendar
 $kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
+/// The font size of the header cells in the Calendar.
+/// @group calendar
 $kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit )!default;
+/// The line height of the header cells in the Calendar.
+/// @group calendar
 $kendo-calendar-header-cell-line-height: 2 !default;
 
 /// The background color of the header cells in the Calendar.

package/scss/checkbox/_variables.scss

@@ -64,7 +64,7 @@ $kendo-checkbox-bg: null !default;
 $kendo-checkbox-text: null !default;
 /// The border color of the CheckBox.
 /// @group checkbox
-$kendo-checkbox-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 54%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .54 )) !default;
+$kendo-checkbox-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 44%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .54 )) !default;
 
 /// The background color of the hovered CheckBox.
 /// @group checkbox