chore(material): replace null values

packages/material/scss/action-sheet/_variables.scss

@@ -66,7 +66,7 @@ $kendo-actionsheet-item-focus-bg: rgba( black, .12 ) !default;
 $kendo-actionsheet-item-focus-text: null !default;
 $kendo-actionsheet-item-focus-border: null !default;
 $kendo-actionsheet-item-focus-gradient: null !default;
-$kendo-actionsheet-item-focus-shadow: null !default;
+$kendo-actionsheet-item-focus-shadow: unset !default;
 
 $kendo-actionsheet-item-disabled-bg: null !default;
 $kendo-actionsheet-item-disabled-text: null !default;

packages/material/scss/bottom-navigation/_variables.scss

@@ -45,7 +45,7 @@ $kendo-bottom-nav-item-max-width: null !default;
 $kendo-bottom-nav-item-min-height: calc( #{$kendo-icon-size * 2.5} + calc( #{k-spacing(2)} * 2 ) - calc( #{$kendo-bottom-nav-padding-x} * 2 ) ) !default;
 /// The border radius of the BottomNavigation item.
 /// @group bottom-navigation
-$kendo-bottom-nav-item-border-radius: null !default;
+$kendo-bottom-nav-item-border-radius: unset !default;
 /// The spacing of the BottomNavigation item.
 /// @group bottom-navigation
 $kendo-bottom-nav-item-gap: 0 k-spacing(1) !default;

packages/material/scss/breadcrumb/_variables.scss

@@ -144,7 +144,7 @@ $kendo-breadcrumb-link-border: null !default;
 $kendo-breadcrumb-link-hover-bg: $kendo-hover-bg !default;
 /// The text color of the hovered Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-link-hover-text: null !default;
+$kendo-breadcrumb-link-hover-text: $kendo-color-primary !default;
 /// The border color of the hovered Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-link-hover-border: null !default;
@@ -154,13 +154,13 @@ $kendo-breadcrumb-link-hover-border: null !default;
 $kendo-breadcrumb-link-focus-bg: if($kendo-enable-color-system, k-color( base-active ), map.get( $theme, focus-bg )) !default;
 /// The text color of the focused Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-link-focus-text: null !default;
+$kendo-breadcrumb-link-focus-text: $kendo-color-primary !default;
 /// The border color of the focused Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-link-focus-border: null !default;
 /// The box shadow of the focused Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-link-focus-shadow: null !default;
+$kendo-breadcrumb-link-focus-shadow: unset !default;
 
 /// The background color of the Breadcrumb root link.
 /// @group breadcrumb
@@ -193,7 +193,7 @@ $kendo-breadcrumb-root-link-focus-text: null !default;
 $kendo-breadcrumb-root-link-focus-border: null !default;
 /// The box shadow of the focused Breadcrumb root link.
 /// @group breadcrumb
-$kendo-breadcrumb-root-link-focus-shadow: null !default;
+$kendo-breadcrumb-root-link-focus-shadow: unset !default;
 
 /// The background color of the current Breadcrumb root link.
 /// @group breadcrumb

packages/material/scss/button/_variables.scss

@@ -124,7 +124,7 @@ $kendo-button-text: if($kendo-enable-color-system, k-color( on-base ), $kendo-ba
 $kendo-button-border: $kendo-button-bg !default;
 /// The base background gradient of the Button.
 /// @group button
-$kendo-button-gradient: null !default;
+$kendo-button-gradient: none !default;
 /// The base shadow of the Button.
 /// @group button
 $kendo-button-shadow: k-elevation(2) !default;
@@ -143,14 +143,14 @@ $kendo-button-hover-border: if($kendo-enable-color-system, k-color( base-hover )
 $kendo-button-hover-gradient: null !default;
 /// The base shadow of the hovered Button.
 /// @group button
-$kendo-button-hover-shadow: null !default;
+$kendo-button-hover-shadow: $kendo-button-shadow !default;
 
 /// The base background color of the active Button.
 /// @group button
-$kendo-button-active-bg: if($kendo-enable-color-system, k-color( base-active ), null) !default;
+$kendo-button-active-bg: if($kendo-enable-color-system, k-color( base-active ), $kendo-base-bg) !default;
 /// The base text color of the active Button.
 /// @group button
-$kendo-button-active-text: null !default;
+$kendo-button-active-text: if($kendo-enable-color-system, k-color( on-base ), $kendo-base-text) !default;
 /// The base border color of the active Button.
 /// @group button
 $kendo-button-active-border: if($kendo-enable-color-system, k-color( base-active ), null) !default;
@@ -172,10 +172,10 @@ $kendo-button-selected-text: $kendo-button-active-text !default;
 $kendo-button-selected-border: $kendo-button-active-bg !default;
 /// The base background gradient of the selected Button.
 /// @group button
-$kendo-button-selected-gradient: null !default;
+$kendo-button-selected-gradient: none !default;
 /// The base shadow of the selected Button.
 /// @group button
-$kendo-button-selected-shadow: null !default;
+$kendo-button-selected-shadow: $kendo-button-shadow !default;
 
 /// The base background of the focused Button.
 /// @group button
@@ -207,12 +207,12 @@ $kendo-button-disabled-border: if($kendo-enable-color-system, transparent, $kend
 $kendo-button-disabled-gradient: null !default;
 /// The base shadow of the disabled Button.
 /// @group button
-$kendo-button-disabled-shadow: none !default;
+$kendo-button-disabled-shadow: null !default;
 
 // Solid Button
-$kendo-solid-button-gradient: null !default;
+$kendo-solid-button-gradient: none !default;
 $kendo-solid-button-shade-function: "k-try-shade" !default;
-$kendo-solid-button-shade-text-amount: null !default;
+$kendo-solid-button-shade-text-amount: unset !default;
 $kendo-solid-button-shade-bg-amount: 0 !default;
 $kendo-solid-button-shade-border-amount: 0 !default;
 $kendo-solid-button-hover-shade-text-amount: null !default;
@@ -227,16 +227,16 @@ $kendo-solid-button-shadow-spread: unset !default;
 $kendo-solid-button-shadow-opacity: unset !default;
 
 // Outline Button
-$kendo-outline-button-shadow: null !default;
-$kendo-outline-button-shadow-blur: null !default;
-$kendo-outline-button-shadow-spread: null !default;
-$kendo-outline-button-shadow-opacity: null !default;
+$kendo-outline-button-shadow: false !default;
+$kendo-outline-button-shadow-blur: unset !default;
+$kendo-outline-button-shadow-spread: unset !default;
+$kendo-outline-button-shadow-opacity: unset !default;
 
 // Link Button
-$kendo-link-button-shadow: null !default;
-$kendo-link-button-shadow-blur: null !default;
-$kendo-link-button-shadow-spread: null !default;
-$kendo-link-button-shadow-opacity: null !default;
+$kendo-link-button-shadow: false !default;
+$kendo-link-button-shadow-blur: unset !default;
+$kendo-link-button-shadow-spread: unset !default;
+$kendo-link-button-shadow-opacity: unset !default;
 
 // Clear Button
 $kendo-clear-button-focus-opacity: .155 !default; // equal to 10% of black
@@ -255,7 +255,7 @@ $kendo-flat-button-active-opacity: .16 !default;
 $kendo-flat-button-selected-opacity: .22 !default;
 /// The opacity of the flat Button focus ring. Used to create a border for the flat Button.
 /// @group button
-$kendo-flat-button-focus-ring-opacity: null !default;
+$kendo-flat-button-focus-ring-opacity: unset !default;
 
 /// The box-shadow transition of the Button.
 /// @group button

packages/material/scss/calendar/_variables.scss

@@ -45,7 +45,7 @@ $kendo-calendar-header-border-width: 0px !default;
 
 /// The background color of the header in the Calendar.
 /// @group calendar
-$kendo-calendar-header-bg: null !default;
+$kendo-calendar-header-bg: unset !default;
 /// The text color of the header in the Calendar.
 /// @group calendar
 $kendo-calendar-header-text: $kendo-component-header-text !default;
@@ -54,10 +54,10 @@ $kendo-calendar-header-text: $kendo-component-header-text !default;
 $kendo-calendar-header-border: $kendo-component-header-border !default;
 /// The gradient of the header in the Calendar.
 /// @group calendar
-$kendo-calendar-header-gradient: null !default;
+$kendo-calendar-header-gradient: none !default;
 /// The shadow of the header in the Calendar.
 /// @group calendar
-$kendo-calendar-header-shadow: null !default;
+$kendo-calendar-header-shadow: unset !default;
 
 /// The gap between the items in the navigation of the Calendar.
 /// @group calendar

packages/material/scss/card/_variables.scss

@@ -54,7 +54,7 @@ $kendo-card-focus-bg: null !default;
 $kendo-card-focus-text: null !default;
 /// The border color of the focused Card.
 /// @group card
-$kendo-card-focus-border: null !default;
+$kendo-card-focus-border: $kendo-component-border !default;
 
 // TODO: double-check: the default theme is not supposed to elevate the Card on focus
 
@@ -76,7 +76,7 @@ $kendo-card-header-border-width: 1px !default;
 $kendo-card-header-bg: null !default;
 /// The text color of the Card header.
 /// @group card
-$kendo-card-header-text: null !default;
+$kendo-card-header-text: unset !default;
 /// The border color of the Card header.
 /// @group card
 $kendo-card-header-border: $kendo-card-border !default;
@@ -102,7 +102,7 @@ $kendo-card-footer-border-width: 1px !default;
 $kendo-card-footer-bg: null !default;
 /// The text color of the Card footer.
 /// @group card
-$kendo-card-footer-text: null !default;
+$kendo-card-footer-text: unset !default;
 /// The border color of the Card footer.
 /// @group card
 $kendo-card-footer-border: $kendo-card-border !default;

packages/material/scss/chat/_variables.scss

@@ -208,10 +208,10 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
 
 /// The shadow blur of the focused Chat quick reply.
 /// @group chat
-$kendo-chat-quick-reply-shadow-blur: null !default;
+$kendo-chat-quick-reply-shadow-blur: unset !default;
 /// The shadow spread of the focused Chat quick reply.
 /// @group chat
-$kendo-chat-quick-reply-shadow-spread: null !default;
+$kendo-chat-quick-reply-shadow-spread: unset !default;
 /// The shadow opacity of the focused Chat quick reply.
 /// @group chat
 $kendo-chat-quick-reply-shadow-opacity: 0 !default;

packages/material/scss/checkbox/_variables.scss

@@ -60,7 +60,7 @@ $kendo-checkbox-sizes: (
 
 /// The background color of the CheckBox.
 /// @group checkbox
-$kendo-checkbox-bg: null !default;
+$kendo-checkbox-bg: unset !default;
 /// The text color of the CheckBox.
 /// @group checkbox
 $kendo-checkbox-text: null !default;
@@ -103,13 +103,13 @@ $kendo-checkbox-indeterminate-border: $kendo-checkbox-checked-border !default;
 $kendo-checkbox-focus-border: null !default;
 /// The box shadow of the focused CheckBox.
 /// @group checkbox
-$kendo-checkbox-focus-shadow: null !default;
+$kendo-checkbox-focus-shadow: unset !default;
 /// The border color of the focused and checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-focus-checked-border: null !default;
 /// The box shadow of the focused and checked CheckBox.
 /// @group checkbox
-$kendo-checkbox-focus-checked-shadow: null !default;
+$kendo-checkbox-focus-checked-shadow: unset !default;
 
 /// The background color of the disabled CheckBox.
 /// @group checkbox

packages/material/scss/chip/_variables.scss

@@ -119,7 +119,7 @@ $kendo-chip-solid-text: $kendo-button-text !default;
 $kendo-chip-solid-border: $kendo-chip-solid-bg !default;
 /// The base shadow of the solid Chip.
 /// @group chip
-$kendo-chip-solid-shadow: null !default;
+$kendo-chip-solid-shadow: unset !default;
 /// The base gradient of the solid Chip.
 /// @group chip
 $kendo-chip-solid-gradient: $kendo-button-gradient !default;
@@ -156,7 +156,7 @@ $kendo-chip-outline-text: if($kendo-enable-color-system, k-color( base-on-surfac
 $kendo-chip-outline-border: $kendo-chip-outline-text !default;
 /// The base shadow of the outline Chip.
 /// @group chip
-$kendo-chip-outline-shadow: null !default;
+$kendo-chip-outline-shadow: unset !default;
 
 /// The base background color of the hovered outline Chip.
 /// @group chip

packages/material/scss/dialog/_variables.scss

@@ -6,13 +6,13 @@
 
 /// The background color of the Dialog titlebar.
 /// @group dialog
-$kendo-dialog-titlebar-bg: null !default;
+$kendo-dialog-titlebar-bg: unset !default;
 /// The text color of the Dialog titlebar.
 /// @group dialog
-$kendo-dialog-titlebar-text: null !default;
+$kendo-dialog-titlebar-text: unset !default;
 /// The border color of the Dialog titlebar.
 /// @group dialog
-$kendo-dialog-titlebar-border: null !default;
+$kendo-dialog-titlebar-border: unset !default;
 
 /// The horizontal padding of the Dialog action buttons.
 /// @group dialog

packages/material/scss/dock-manager/_variables.scss

@@ -55,10 +55,10 @@ $kendo-dock-manager-pane-content-padding-y: $kendo-dock-manager-pane-header-padd
 
 /// The horizontal padding of the tabbed pane in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-tabbed-pane-padding-y: null !default;
+$kendo-dock-manager-tabbed-pane-padding-y: unset !default;
 /// The horizontal padding of the tabbed pane in the DockManager component.
 /// @group dock-manager
-$kendo-dock-manager-tabbed-pane-padding-x: null !default;
+$kendo-dock-manager-tabbed-pane-padding-x: unset !default;
 
 /// The width of the unpinned pane container in the DockManager component.
 /// @group dock-manager

packages/material/scss/draggable/_variables.scss

@@ -5,15 +5,15 @@
 // Drag hint
 $kendo-drag-hint-padding-x: k-spacing(4) !default;
 $kendo-drag-hint-padding-y: calc( #{k-spacing(4)} / 2 ) !default;
-$kendo-drag-hint-border-width: null !default;
+$kendo-drag-hint-border-width: 0px !default;
 $kendo-drag-hint-border-radius: 9999px !default;
 $kendo-drag-hint-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-drag-hint-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-drag-hint-line-height: math.div( 20, 14 ) !default;
 
 $kendo-drag-hint-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-body-bg )) !default;
 $kendo-drag-hint-text: $kendo-body-text !default;
-$kendo-drag-hint-border: null !default;
+$kendo-drag-hint-border: unset !default;
 $kendo-drag-hint-gradient: null !default;
 $kendo-drag-hint-shadow: k-elevation(3) !default;
 

packages/material/scss/drawer/_variables.scss

@@ -96,7 +96,7 @@ $kendo-drawer-focus-shadow: none !default;
 
 /// The background color of the selected Drawer item.
 /// @group drawer
-$kendo-drawer-selected-bg: null !default;
+$kendo-drawer-selected-bg: unset !default;
 /// The text color of the selected Drawer item.
 /// @group drawer
 $kendo-drawer-selected-text: $kendo-color-secondary !default;

packages/material/scss/forms/_variables.scss

@@ -172,7 +172,7 @@ $kendo-form-field-info-margin: k-spacing(4) !default;
 $kendo-fieldset-legend-bg: null !default;
 /// The text color of the Form legend.
 /// @group form
-$kendo-fieldset-legend-text: null !default;
+$kendo-fieldset-legend-text: unset !default;
 /// The border color of the Form legend.
 /// @group form
 $kendo-fieldset-legend-border: null !default;

packages/material/scss/grid/_variables.scss

@@ -165,7 +165,7 @@ $kendo-grid-header-text: $kendo-table-header-text !default;
 $kendo-grid-header-border: $kendo-table-header-border !default;
 /// The background gradient of Grid header.
 /// @group grid
-$kendo-grid-header-gradient: null !default;
+$kendo-grid-header-gradient: none !default;
 
 /// The background color of Grid footer.
 /// @group grid