@progress/kendo-theme-material 10.6.0 → 11.0.0-dev.1

package/scss/treeview/_variables.scss

@@ -8,7 +8,7 @@
 $kendo-treeview-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the TreeView.
 /// @group treeview
-$kendo-treeview-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-treeview-font-size: var( --kendo-font-size, inherit ) !default;
 /// The font size of the small TreeView.
 /// @group treeview
 $kendo-treeview-sm-font-size: var( --kendo-font-size, inherit ) !default;
@@ -17,19 +17,19 @@ $kendo-treeview-sm-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-treeview-md-font-size: var( --kendo-font-size, inherit ) !default;
 /// The font size of the large TreeView.
 /// @group treeview
-$kendo-treeview-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-treeview-lg-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the TreeView.
 /// @group treeview
-$kendo-treeview-line-height: 1.25 !default;
+$kendo-treeview-line-height: var( --kendo-line-height, normal ) !default;
 /// The line height of the small TreeView.
 /// @group treeview
-$kendo-treeview-sm-line-height: math.div( 20, 14 ) !default;
+$kendo-treeview-sm-line-height: var( --kendo-line-height, normal ) !default;
 /// The line height of the medium TreeView.
 /// @group treeview
-$kendo-treeview-md-line-height: math.div( 20, 14 ) !default;
+$kendo-treeview-md-line-height: var( --kendo-line-height, normal ) !default;
 /// The line height of the large TreeView.
 /// @group treeview
-$kendo-treeview-lg-line-height: 1.5 !default;
+$kendo-treeview-lg-line-height: var( --kendo-line-height, normal ) !default;
 /// The indentation of child groups in the TreeView.
 /// @group treeview
 $kendo-treeview-indent: 24px !default;
@@ -48,41 +48,41 @@ $kendo-treeview-md-item-padding-x: k-spacing(4) !default;
 $kendo-treeview-lg-item-padding-x: k-spacing(4) !default;
 /// The vertical padding of the TreeView items.
 /// @group treeview
-$kendo-treeview-item-padding-y: k-spacing(2) !default;
+$kendo-treeview-item-padding-y: k-spacing(2.5) !default;
 /// The vertical padding of the small TreeView items.
 /// @group treeview
-$kendo-treeview-sm-item-padding-y: k-spacing(1.5) !default;
+$kendo-treeview-sm-item-padding-y: k-spacing(2) !default;
 /// The vertical padding of the medium TreeView items.
 /// @group treeview
-$kendo-treeview-md-item-padding-y: k-spacing(2) !default;
+$kendo-treeview-md-item-padding-y: k-spacing(2.5) !default;
 /// The vertical padding of the large TreeView items.
 /// @group treeview
-$kendo-treeview-lg-item-padding-y: k-spacing(2) !default;
+$kendo-treeview-lg-item-padding-y: k-spacing(3) !default;
 /// The border width of the TreeView items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;
 /// The border radius of the TreeView items.
 /// @group treeview
-$kendo-treeview-item-border-radius: unset !default;
+$kendo-treeview-item-border-radius: k-border-radius(md) !default;
 
 /// The horizontal padding of the checkbox in the small TreeView.
 /// @group treeview
-$kendo-treeview-sm-checkbox-padding-x: k-spacing(1) !default;
+$kendo-treeview-sm-checkbox-padding-x: k-spacing(2) !default;
 /// The horizontal padding of the checkbox in the medium TreeView.
 /// @group treeview
-$kendo-treeview-md-checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x !default;
+$kendo-treeview-md-checkbox-padding-x: k-spacing(2) !default;
 /// The horizontal padding of the checkbox in the large TreeView.
 /// @group treeview
-$kendo-treeview-lg-checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x !default;
+$kendo-treeview-lg-checkbox-padding-x: k-spacing(2) !default;
 /// The vertical padding of the checkbox in the small TreeView.
 /// @group treeview
-$kendo-treeview-sm-checkbox-padding-y: k-spacing(0.5) !default;
+$kendo-treeview-sm-checkbox-padding-y: k-spacing(1) !default;
 /// The vertical padding of the checkbox in the medium TreeView.
 /// @group treeview
-$kendo-treeview-md-checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y !default;
+$kendo-treeview-md-checkbox-padding-y: k-spacing(1.5) !default;
 /// The vertical padding of the checkbox in the large TreeView.
 /// @group treeview
-$kendo-treeview-lg-checkbox-padding-y: null !default;
+$kendo-treeview-lg-checkbox-padding-y: k-spacing(2) !default;
 
 
 /// The sizes map of the TreeView.
@@ -120,17 +120,17 @@ $kendo-treeview-sizes: (
 $kendo-treeview-bg: null !default;
 /// The text color of the TreeView.
 /// @group treeview
-$kendo-treeview-text: $kendo-component-text !default;
+$kendo-treeview-text: k-color(on-app-surface) !default;
 /// The border color of the TreeView.
 /// @group treeview
 $kendo-treeview-border: null !default;
 
 /// The background color of hovered TreeView.
 /// @group treeview
-$kendo-treeview-item-hover-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 7%, transparent), rgba( $kendo-treeview-text, .07 )) !default;
+$kendo-treeview-item-hover-bg: color-mix(in srgb, currentColor 8%, transparent) !default;
 /// The text color of hovered TreeView items.
 /// @group treeview
-$kendo-treeview-item-hover-text: unset !default;
+$kendo-treeview-item-hover-text: inherit !default;
 /// The border color of hovered TreeView items.
 /// @group treeview
 $kendo-treeview-item-hover-border: null !default;
@@ -140,10 +140,10 @@ $kendo-treeview-item-hover-gradient: null !default;
 
 /// The background color of selected TreeView items.
 /// @group treeview
-$kendo-treeview-item-selected-bg: unset !default;
+$kendo-treeview-item-selected-bg: null !default;
 /// The text color of selected TreeView items.
 /// @group treeview
-$kendo-treeview-item-selected-text: $kendo-selected-bg !default;
+$kendo-treeview-item-selected-text: k-color(primary) !default;
 /// The border color of selected TreeView items.
 /// @group treeview
 $kendo-treeview-item-selected-border: null !default;
@@ -153,10 +153,10 @@ $kendo-treeview-item-selected-gradient: null !default;
 
 /// The background color of selected and focused TreeView items.
 /// /// @group treeview
-$kendo-treeview-item-selected-focus-text: $kendo-selected-bg !default;
+$kendo-treeview-item-selected-focus-text: inherit !default;
 /// The text color of selected and focused TreeView items.
 /// /// @group treeview
-$kendo-treeview-item-selected-focus-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 7%, transparent), rgba( $kendo-treeview-text, .07 )) !default;
+$kendo-treeview-item-selected-focus-bg: null !default;
 /// The border color of selected and focused TreeView items.
 /// /// @group treeview
 $kendo-treeview-item-selected-focus-border: null !default;
@@ -166,7 +166,7 @@ $kendo-treeview-item-selected-focus-gradient: null !default;
 
 /// The box shadow of focused TreeView items.
 /// @group treeview
-$kendo-treeview-item-focus-shadow: unset !default;
+$kendo-treeview-item-focus-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent) !default;
 
 /// The background color of the Load More button in the TreeView
 /// @group treeview

package/scss/typography/_variables.scss

@@ -5,22 +5,22 @@
 
 /// The font size of the highest level heading.
 /// @group typography
-$kendo-h1-font-size: 96px !default;
+$kendo-h1-font-size: 57px !default;
 /// The font size of the second highest level heading.
 /// @group typography
-$kendo-h2-font-size: 60px !default;
+$kendo-h2-font-size: 45px !default;
 /// The font size of the third highest level heading.
 /// @group typography
-$kendo-h3-font-size: 48px !default;
+$kendo-h3-font-size: 36px !default;
 /// The font size of the fourth highest level heading.
 /// @group typography
-$kendo-h4-font-size: 34px !default;
+$kendo-h4-font-size: 32px !default;
 /// The font size of the fifth highest level heading.
 /// @group typography
-$kendo-h5-font-size: 24px !default;
+$kendo-h5-font-size: 28px !default;
 /// The font size of the sixth highest level heading.
 /// @group typography
-$kendo-h6-font-size: 20px !default;
+$kendo-h6-font-size: 24px !default;
 
 /// The font family of the highest level heading.
 /// @group typography
@@ -43,22 +43,22 @@ $kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The line height of the highest level heading.
 /// @group typography
-$kendo-h1-line-height: 112px !default;
+$kendo-h1-line-height: 64px !default;
 /// The line height of the second highest level heading.
 /// @group typography
-$kendo-h2-line-height: 72px !default;
+$kendo-h2-line-height: 52px !default;
 /// The line height of the third highest level heading.
 /// @group typography
-$kendo-h3-line-height: 56px !default;
+$kendo-h3-line-height: 44px !default;
 /// The line height of the fourth highest level heading.
 /// @group typography
-$kendo-h4-line-height: 36px !default;
+$kendo-h4-line-height: 40px !default;
 /// The line height of the fifth highest level heading.
 /// @group typography
-$kendo-h5-line-height: 24px !default;
+$kendo-h5-line-height: 36px !default;
 /// The line height of the sixth highest level heading.
 /// @group typography
-$kendo-h6-line-height: 24px !default;
+$kendo-h6-line-height: 32px !default;
 
 /// The font weight of the highest level heading.
 /// @group typography
@@ -84,19 +84,19 @@ $kendo-h6-font-weight: var( --kendo-font-weight-medium, normal ) !default;
 $kendo-h1-letter-spacing: var( --kendo-letter-spacing-tighter, normal ) !default;
 /// The letter spacing of the second highest level heading.
 /// @group typography
-$kendo-h2-letter-spacing: var( --kendo-letter-spacing-tight, normal ) !default;
+$kendo-h2-letter-spacing: var( --kendo-letter-spacing-normal, normal ) !default;
 /// The letter spacing of the third highest level heading.
 /// @group typography
 $kendo-h3-letter-spacing: var( --kendo-letter-spacing-normal, normal ) !default;
 /// The letter spacing of the fourth highest level heading.
 /// @group typography
-$kendo-h4-letter-spacing: var( --kendo-letter-spacing-wider, normal ) !default;
+$kendo-h4-letter-spacing: var( --kendo-letter-spacing-normal, normal ) !default;
 /// The letter spacing of the fifth highest level heading.
 /// @group typography
 $kendo-h5-letter-spacing: var( --kendo-letter-spacing-normal, normal ) !default;
 /// The letter spacing of the sixth highest level heading.
 /// @group typography
-$kendo-h6-letter-spacing: var( --kendo-letter-spacing-wide, normal ) !default;
+$kendo-h6-letter-spacing: var( --kendo-letter-spacing-normal, normal ) !default;
 
 
 /// The margin of the highest level heading.
@@ -201,7 +201,7 @@ $kendo-paragraph-letter-spacing: .0313em !default;
 $kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
 /// The font family of the code tag.
 /// @group typography
-$kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
+$kendo-code-font-family: var( --kendo-font-family, normal ) !default;
 /// The line height of the code tag.
 /// @group typography
 $kendo-code-line-height: var( --kendo-line-height, normal ) !default;
@@ -210,7 +210,7 @@ $kendo-code-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 /// The letter spacing of the code tag.
 /// @group typography
-$kendo-code-letter-spacing: null !default;
+$kendo-code-letter-spacing: var( --kendo-letter-spacing-wider, normal ) !default;
 
 /// The horizontal padding of the code tag.
 /// @group typography
@@ -230,28 +230,28 @@ $kendo-code-border-width: 1px !default;
 
 /// The background color of the code tag.
 /// @group typography
-$kendo-code-bg: $kendo-base-bg !default;
+$kendo-code-bg: k-color(app-surface) !default;
 /// The text color of the code tag.
 /// @group typography
-$kendo-code-text: $kendo-component-text !default;
+$kendo-code-text: k-color(on-app-surface) !default;
 /// The border color of the code tag.
 /// @group typography
-$kendo-code-border: $kendo-component-border !default;
+$kendo-code-border: k-color(border) !default;
 
 // Display
 
 /// The font size of the largest display text.
 /// @group typography
-$kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 9.5 ) !default;
+$kendo-display1-font-size: 140px !default;
 /// The font size of the second largest display text.
 /// @group typography
-$kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 8.75 ) !default;
+$kendo-display2-font-size: 112px !default;
 /// The font size of the third largest display text.
 /// @group typography
-$kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 8 ) !default;
+$kendo-display3-font-size: 90px !default;
 /// The font size of the fourth largest display text.
 /// @group typography
-$kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 7.25 ) !default;
+$kendo-display4-font-size: 72px !default;
 
 /// The font family of the largest display text.
 /// @group typography

package/scss/upload/_theme.scss

@@ -12,7 +12,7 @@
     .k-upload {
         .k-upload-button {
             @include box-shadow( none );
-            background-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-upload-dropzone-bg ));
+            background-color: k-color(base-subtle);
         }
     }
 

package/scss/upload/_variables.scss

@@ -15,20 +15,20 @@ $kendo-upload-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-upload-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Upload.
 /// @group upload
-$kendo-upload-line-height: math.div( 20, 14 ) !default;
+$kendo-upload-line-height: var( --kendo-line-height, normal ) !default;
 /// The maximum height of the list with uploaded items.
 /// @group upload
 $kendo-upload-max-height: 300px !default;
 
 /// The text color of the Upload.
 /// @group upload
-$kendo-upload-text: $kendo-component-text !default;
+$kendo-upload-text: k-color(on-app-surface) !default;
 /// The background color of the Upload.
 /// @group upload
-$kendo-upload-bg: $kendo-component-bg !default;
+$kendo-upload-bg: k-color(surface) !default;
 /// The border color of the Upload.
 /// @group upload
-$kendo-upload-border: $kendo-component-border !default;
+$kendo-upload-border: k-color(border) !default;
 
 /// The horizontal padding of the Upload dropzone.
 /// @group upload
@@ -38,20 +38,20 @@ $kendo-upload-dropzone-padding-x: k-spacing(2) !default;
 $kendo-upload-dropzone-padding-y: k-spacing(2) !default;
 /// The text color of the Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-text: $kendo-component-header-text !default;
+$kendo-upload-dropzone-text: k-color(on-app-surface) !default;
 /// The background color of the Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-bg: $kendo-component-header-bg !default;
+$kendo-upload-dropzone-bg: k-color(surface) !default;
 /// The border color of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-border: $kendo-upload-border !default;
 /// The background color of the hovered Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-hover-bg: $kendo-hover-bg !default;
+$kendo-upload-dropzone-hover-bg: k-color(base-hover) !default;
 
 /// The text color of the Upload status message.
 /// @group upload
-$kendo-upload-status-text: $kendo-subtle-text !default;
+$kendo-upload-status-text: k-color(subtle) !default;
 /// The opacity of the Upload status message.
 /// @group upload
 $kendo-upload-status-text-opacity: null !default;
@@ -78,28 +78,28 @@ $kendo-upload-validation-line-height: var( --kendo-line-height-xs, normal ) !def
 $kendo-upload-icon-spacing: $kendo-icon-spacing !default;
 /// The color of the uploaded items icon.
 /// @group upload
-$kendo-upload-icon-color: $kendo-subtle-text !default;
+$kendo-upload-icon-color: k-color(subtle) !default;
 
 /// The thickness of the Upload progress bar.
 /// @group upload
 $kendo-upload-progress-thickness: 2px !default;
 /// The background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-progress-bg: $kendo-color-info !default;
+$kendo-upload-progress-bg: k-color(info) !default;
 
 /// The success text color of the Upload.
 /// @group upload
-$kendo-upload-success-text: $kendo-color-success !default;
+$kendo-upload-success-text: k-color(success) !default;
 /// The success background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-success-bg: $kendo-color-success !default;
+$kendo-upload-success-bg: k-color(success) !default;
 
 /// The error text color of the Upload.
 /// @group upload
-$kendo-upload-error-text: $kendo-color-error !default;
+$kendo-upload-error-text: k-color(error) !default;
 /// The error background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-error-bg: $kendo-color-error !default;
+$kendo-upload-error-bg: k-color(error) !default;
 
 /// The shadow of the focused Upload button, actions and uploaded items.
 /// @group upload

package/scss/window/_layout.scss

@@ -3,4 +3,18 @@
 
 @mixin kendo-window--layout() {
     @include kendo-window--layout-base();
+
+    .k-window-minimized {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    .k-window-title,
+    .k-window-titlebar-actions {
+        margin-block: 0;
+    }
+
+    .k-window-title {
+        padding-block: 0;
+    }
 }

package/scss/window/_variables.scss

@@ -10,7 +10,7 @@
 $kendo-window-border-width: 0px !default;
 /// The border radius of the Window.
 /// @group window
-$kendo-window-border-radius: 4px !default;
+$kendo-window-border-radius: k-border-radius(xxxl) !default;
 /// The font family of the Window.
 /// @group window
 $kendo-window-font-family: var( --kendo-font-family, inherit ) !default;
@@ -19,14 +19,14 @@ $kendo-window-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-window-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Window.
 /// @group window
-$kendo-window-line-height: math.div( 20, 14 )  !default;
+$kendo-window-line-height: var( --kendo-line-height, normal )  !default;
 
 /// The horizontal padding of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-padding-x: k-spacing(6) !default;
 /// The vertical padding of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-padding-y: k-spacing(4) !default;
+$kendo-window-titlebar-padding-y: k-spacing(5) !default;
 /// The width of the border of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-border-width: 0px !default;
@@ -36,7 +36,7 @@ $kendo-window-titlebar-border-style: solid !default;
 
 /// The font size of the title of the Window.
 /// @group window
-$kendo-window-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-window-title-font-size: var( --kendo-font-size-xl, inherit ) !default;
 /// The line height of the title of the Window.
 /// @group window
 $kendo-window-title-line-height: var( --kendo-line-height-lg, normal ) !default;
@@ -56,7 +56,7 @@ $kendo-window-action-hover-opacity: null !default;
 $kendo-window-inner-padding-x: k-spacing(6) !default;
 /// The vertical padding of the content of the Window.
 /// @group window
-$kendo-window-inner-padding-y: k-spacing(2) !default;
+$kendo-window-inner-padding-y: k-spacing(4) !default;
 
 /// The horizontal padding of the Window action buttons.
 /// @group window
@@ -70,23 +70,23 @@ $kendo-window-buttongroup-border-width: 0px !default;
 
 /// The background color of the Window.
 /// @group window
-$kendo-window-bg: $kendo-component-bg !default;
+$kendo-window-bg: k-color(surface-alt) !default;
 /// The text color of the Window.
 /// @group window
-$kendo-window-text: $kendo-component-text !default;
+$kendo-window-text: k-color(on-app-surface) !default;
 /// The border color of the Window.
 /// @group window
-$kendo-window-border: $kendo-component-border !default;
+$kendo-window-border: k-color(border) !default;
 /// The box shadow of the Window.
 /// @group window
-$kendo-window-shadow: k-elevation(8) !default;
+$kendo-window-shadow: k-elevation(3) !default;
 /// The box shadow of the focused Window.
 /// @group window
-$kendo-window-focus-shadow: k-elevation(9) !default;
+$kendo-window-focus-shadow: k-elevation(4) !default;
 
 /// The background color of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-bg: unset !default;
+$kendo-window-titlebar-bg: k-color(surface) !default;
 /// The text color of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-text: unset !default;
@@ -108,9 +108,9 @@ $kendo-window-sizes: (
 /// The theme colors map for the Window.
 /// @group window
 $kendo-window-theme-colors: (
-    "primary": map.get($kendo-theme-colors, "primary"),
-    "light": map.get($kendo-theme-colors, "light"),
-    "dark": map.get($kendo-theme-colors, "dark")
+    "primary": k-color(primary),
+    "light": k-color(light),
+    "dark": k-color(dark)
 ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/window/_variables.scss" with (

package/scss/wizard/_variables.scss

@@ -4,16 +4,16 @@
 
 /// The horizontal padding of the Wizard.
 /// @group wizard
-$kendo-wizard-padding-x: calc( #{k-spacing(4)} * 1.25 ) !default;
+$kendo-wizard-padding-x: k-spacing(5) !default;
 /// The vertical padding of the Wizard.
 /// @group wizard
 $kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
 /// The horizontal padding of the Wizard content.
 /// @group wizard
-$kendo-wizard-content-padding-x: calc( #{k-spacing(4)} * 2 ) !default;
+$kendo-wizard-content-padding-x: k-spacing(8) !default;
 /// The vertical padding of the Wizard content.
 /// @group wizard
-$kendo-wizard-content-padding-y: calc( #{k-spacing(1)} * 8 ) !default;
+$kendo-wizard-content-padding-y: k-spacing(8) !default;
 /// The horizontal margin of the Wizard's Button container.
 /// @group wizard
 $kendo-wizard-buttons-margin-x: k-spacing(2.5) !default;

package/scss/core/color-system/_functions.scss

@@ -1,104 +0,0 @@
-@use "sass:map";
-@use "sass:meta";
-@use "sass:color";
-@use "./_palettes-legacy.scss" as *;
-
-@function get-base-palette($name) {
-    @return map.get($palettes, $name);
-}
-
-@function get-base-hue($palette, $hue) {
-    @return map.get(get-base-palette($palette), $hue);
-}
-
-@function get-base-contrast($palette, $hue) {
-    @return map.get(map.get(get-base-palette($palette), contrast), $hue);
-}
-
-// For a given hue in a palette, return the contrast color from the map of contrast palettes.
-@function material-contrast($palette, $hue) {
-    @return map.get(map.get($palette, contrast), $hue);
-}
-
-// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms
-// of the Material Design hues.
-@function material-palette($base-palette, $main: 500, $lighter: 300, $darker: 700, $adjust-contrast: true, $theme-type) {
-    @if not(meta.type-of($base-palette) == map) {
-        $base-palette: get-base-palette($base-palette);
-    }
-
-    $main-contrast: material-contrast($base-palette, $main);
-
-    @if ($adjust-contrast == true) {
-        @if ($theme-type == dark) and ($main-contrast == $light-primary-text) {
-            $main: 200;
-            $lighter: 100;
-            $darker: 300;
-        }
-
-        @if ($theme-type == light) and ($main-contrast == $dark-primary-text) {
-            $main: 800;
-            $lighter: 700;
-            $darker: 900;
-        }
-    }
-
-    // stylelint-disable-next-line function-comma-newline-after
-    $result: map.merge(
-        $base-palette,
-        (
-            main: map.get($base-palette, $main),
-            lighter: map.get($base-palette, $lighter),
-            darker: map.get($base-palette, $darker),
-            main-contrast: material-contrast($base-palette, $main),
-            lighter-contrast: material-contrast($base-palette, $lighter),
-            darker-contrast: material-contrast($base-palette, $darker),
-        )
-    );
-
-    // For each hue in the palette, add a "-contrast" color to the map.
-    @each $hue, $color in $base-palette {
-        // stylelint-disable-next-line function-comma-newline-after
-        $result: map.merge(
-            $result,
-            (
-                "#{$hue}-contrast": material-contrast($base-palette, $hue),
-            )
-        );
-    }
-
-    @return $result;
-}
-
-// Gets a color from a theme palette (the output of material-palette).
-// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured
-// hues (main, lighter, darker), or any of the aforementioned prefixed with "-contrast".
-@function material-color($palette, $hue: main, $opacity: null) {
-    @if not(meta.type-of($palette) == map) {
-        $palette: get-base-palette($palette);
-    }
-
-    // If hueKey is a number between zero and one, then it actually contains an
-    // opacity value, so recall this function with the default hue and that given opacity.
-    @if meta.type-of($hue) == number and $hue >= 0 and $hue <= 1 {
-        @return material-color($palette, main, $hue);
-    }
-
-    $color: map.get($palette, $hue);
-    $opacity: if($opacity == null, color.alpha($color), $opacity);
-
-    @return rgba($color, $opacity);
-}
-
-// Creates a container object for a light theme to be given to individual component theme mixins.
-@function material-theme($kendo-color-primary, $kendo-color-secondary, $theme-type, $material-dark-complimentary, $material-light-complimentary, $warn) {
-    $complimentary: if($theme-type == dark, $material-dark-complimentary, $material-light-complimentary);
-    @return map.merge(
-        (
-            primary: $kendo-color-primary,
-            secondary: $kendo-color-secondary,
-            warn: $warn,
-        ),
-        $complimentary
-    );
-}