@progress/kendo-theme-meridian 14.0.0-dev.1

package/scss/switch/_variables.scss

@@ -0,0 +1,398 @@
+@use "../core/_index.scss" as *;
+
+
+// Switch
+
+/// The default size of the Switch.
+/// @group switch
+/// @role default
+$kendo-switch-default-size: "md" !default;
+/// The default border radius of the Switch track.
+/// @group switch
+/// @role default
+$kendo-switch-default-track-roundness: "full" !default;
+/// The default border radius of the Switch thumb.
+/// @group switch
+/// @role default
+$kendo-switch-default-thumb-roundness: "full" !default;
+
+/// The font family of the Switch.
+/// @group switch
+$kendo-switch-font-family: null !default;
+
+/// The border width of the Switch track.
+/// @group switch
+$kendo-switch-track-border-width: 0 !default;
+
+/// The border width of the Switch thumb.
+/// @group switch
+$kendo-switch-thumb-border-width: 0 !default;
+
+/// The text transform of the Switch label.
+/// @group switch
+$kendo-switch-label-text-transform: uppercase !default;
+
+/// The display of the Switch label.
+/// @group switch
+$kendo-switch-label-display: inline !default;
+
+/// The font size of the small Switch.
+/// @group switch
+$kendo-switch-sm-font-size: var( --kendo-font-size-xs, inherit ) !default;
+/// The track width of the small Switch.
+/// @group switch
+$kendo-switch-sm-track-width: 52px !default;
+/// The track height of the small Switch.
+/// @group switch
+$kendo-switch-sm-track-height: 26px !default;
+/// The thumb width of the small Switch.
+/// @group switch
+$kendo-switch-sm-thumb-width: 22px !default;
+/// The thumb height of the small Switch.
+/// @group switch
+$kendo-switch-sm-thumb-height: 22px !default;
+/// The thumb offset of the small Switch.
+/// @group switch
+$kendo-switch-sm-thumb-offset: 2px !default;
+/// The label offset of the small Switch.
+/// @group switch
+$kendo-switch-sm-label-offset: 6px !default;
+
+/// The font size of the medium Switch.
+/// @group switch
+$kendo-switch-md-font-size: var( --kendo-font-size-xs, inherit ) !default;
+/// The track width of the medium Switch.
+/// @group switch
+$kendo-switch-md-track-width: 60px !default;
+/// The track height of the medium Switch.
+/// @group switch
+$kendo-switch-md-track-height: 30px !default;
+/// The thumb width of the medium Switch.
+/// @group switch
+$kendo-switch-md-thumb-width: 26px !default;
+/// The thumb height of the medium Switch.
+/// @group switch
+$kendo-switch-md-thumb-height: 26px !default;
+/// The thumb offset of the medium Switch.
+/// @group switch
+$kendo-switch-md-thumb-offset: 2px !default;
+/// The label offset of the medium Switch.
+/// @group switch
+$kendo-switch-md-label-offset: 8px !default;
+
+/// The font size of the large Switch.
+/// @group switch
+$kendo-switch-lg-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The track width of the large Switch.
+/// @group switch
+$kendo-switch-lg-track-width: 72px !default;
+/// The track height of the large Switch.
+/// @group switch
+$kendo-switch-lg-track-height: 36px !default;
+/// The thumb width of the large Switch.
+/// @group switch
+$kendo-switch-lg-thumb-width: 32px !default;
+/// The thumb height of the large Switch.
+/// @group switch
+$kendo-switch-lg-thumb-height: 32px !default;
+/// The thumb offset of the large Switch.
+/// @group switch
+$kendo-switch-lg-thumb-offset: 2px !default;
+/// The label offset of the large Switch.
+/// @group switch
+$kendo-switch-lg-label-offset: 8px !default;
+
+/// The background of the track when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-bg: k-color(base) !default;
+/// The text color of the track when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-text: k-color(on-app-surface) !default;
+/// The border color of the track when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-border: k-color(border) !default;
+/// The background gradient of the track when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-gradient: null !default;
+
+/// The background of the track when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-hover-bg: k-color(base-hover) !default;
+/// The text color of the track when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-hover-text: null !default;
+/// The border color of the track when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-hover-border: null !default;
+/// The background gradient of the track when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-hover-gradient: null !default;
+
+/// The background of the track when the focused Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-focus-bg: null !default;
+/// The text color of the track when the focused Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-focus-text: null !default;
+/// The border color of the track when the focused Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-focus-border: null !default;
+/// The background gradient of the track when the focused Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-focus-gradient: null !default;
+/// The ring around the track when the focused Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-focus-ring: none !default;
+
+/// The background of the track when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-disabled-bg: null !default;
+/// The text color of the track when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-disabled-text: null !default;
+/// The border color of the track when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-disabled-border: null !default;
+/// The background gradient of the track when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-track-disabled-gradient: null !default;
+
+/// The background of the thumb when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-bg: k-color(surface-alt) !default;
+/// The text color of the thumb when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-text: k-color(on-app-surface) !default;
+/// The border color of the thumb when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-border: null !default;
+/// The background gradient of the thumb when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-gradient: null !default;
+/// The box-shadow of the thumb when the Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-shadow: 0 0 2px rgba(0, 0, 0, 0.16) !default;
+
+/// The background of the thumb when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-hover-bg: null !default;
+/// The text color of the thumb when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-hover-text: null !default;
+/// The border color of the thumb when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-hover-border: null !default;
+/// The background gradient of the thumb when the hovered Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-hover-gradient: null !default;
+
+/// The background of the thumb when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-disabled-bg: null !default;
+/// The text color of the thumb when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-disabled-text: null !default;
+/// The border color of the thumb when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-disabled-border: null !default;
+/// The background gradient of the thumb when the disabled Switch is not checked.
+/// @group switch
+$kendo-switch-off-thumb-disabled-gradient: null !default;
+
+
+/// The background of the track when the Switch is checked.
+/// @group switch
+$kendo-switch-on-track-bg: k-color(secondary) !default;
+/// The text color of the track when the Switch is checked.
+/// @group switch
+$kendo-switch-on-track-text: k-color(on-secondary) !default;
+/// The border color of the track when the Switch is checked.
+/// @group switch
+$kendo-switch-on-track-border: $kendo-switch-on-track-bg !default;
+/// The background gradient of the track when the Switch is checked.
+/// @group switch
+$kendo-switch-on-track-gradient: null !default;
+
+/// The background of the track when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-track-hover-bg: k-color(secondary-hover) !default;
+/// The text color of the track when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-track-hover-text: null !default;
+/// The border color of the track when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-track-hover-border: null !default;
+/// The background gradient of the track when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-track-hover-gradient: null !default;
+
+/// The background of the track when the focused Switch is checked.
+/// @group switch
+$kendo-switch-on-track-focus-bg: null !default;
+/// The text color of the track when the focused Switch is checked.
+/// @group switch
+$kendo-switch-on-track-focus-text: null !default;
+/// The border color of the track when the focused Switch is checked.
+/// @group switch
+$kendo-switch-on-track-focus-border: null !default;
+/// The background gradient of the track when the focused Switch is checked.
+/// @group switch
+$kendo-switch-on-track-focus-gradient: null !default;
+/// The ring around the track when the focused Switch is checked.
+/// @group switch
+$kendo-switch-on-track-focus-ring: none !default;
+
+/// The background of the track when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-track-disabled-bg: null !default;
+/// The text color of the track when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-track-disabled-text: null !default;
+/// The border color of the track when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-track-disabled-border: null !default;
+/// The background gradient of the track when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-track-disabled-gradient: null !default;
+
+/// The background of the thumb when the Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-bg: k-color(surface-alt) !default;
+/// The text color of the thumb when the Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-text: k-color(on-app-surface) !default;
+/// The border color of the thumb when the Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-border: null !default;
+/// The background gradient of the thumb when the Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-gradient: null !default;
+/// The box-shadow of the thumb when the Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-shadow: 0 0 2px rgba(0, 0, 0, 0.16) !default;
+
+/// The background of the thumb when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-hover-bg: null !default;
+/// The text color of the thumb when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-hover-text: null !default;
+/// The border color of the thumb when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-hover-border: null !default;
+/// The background gradient of the thumb when the hovered Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-hover-gradient: null !default;
+
+/// The background of the thumb when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-disabled-bg: null !default;
+/// The text color of the thumb when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-disabled-text: null !default;
+/// The border color of the thumb when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-disabled-border: null !default;
+/// The background gradient of the thumb when the disabled Switch is checked.
+/// @group switch
+$kendo-switch-on-thumb-disabled-gradient: null !default;
+
+/// The outline color of the focused Switch track.
+/// @group switch
+$kendo-switch-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the focused Switch track.
+/// @group switch
+$kendo-switch-focus-outline-width: 1px !default;
+/// The outline offset of the focused Switch track.
+/// @group switch
+$kendo-switch-focus-outline-offset: 1px !default;
+
+@forward "@progress/kendo-theme-core/scss/components/switch/_variables.scss" with (
+    $kendo-switch-default-size: $kendo-switch-default-size,
+    $kendo-switch-default-track-roundness: $kendo-switch-default-track-roundness,
+    $kendo-switch-default-thumb-roundness: $kendo-switch-default-thumb-roundness,
+    $kendo-switch-font-family: $kendo-switch-font-family,
+    $kendo-switch-track-border-width: $kendo-switch-track-border-width,
+    $kendo-switch-thumb-border-width: $kendo-switch-thumb-border-width,
+    $kendo-switch-label-text-transform: $kendo-switch-label-text-transform,
+    $kendo-switch-label-display: $kendo-switch-label-display,
+    $kendo-switch-sm-font-size: $kendo-switch-sm-font-size,
+    $kendo-switch-sm-track-width: $kendo-switch-sm-track-width,
+    $kendo-switch-sm-track-height: $kendo-switch-sm-track-height,
+    $kendo-switch-sm-thumb-width: $kendo-switch-sm-thumb-width,
+    $kendo-switch-sm-thumb-height: $kendo-switch-sm-thumb-height,
+    $kendo-switch-sm-thumb-offset: $kendo-switch-sm-thumb-offset,
+    $kendo-switch-sm-label-offset: $kendo-switch-sm-label-offset,
+    $kendo-switch-md-font-size: $kendo-switch-md-font-size,
+    $kendo-switch-md-track-width: $kendo-switch-md-track-width,
+    $kendo-switch-md-track-height: $kendo-switch-md-track-height,
+    $kendo-switch-md-thumb-width: $kendo-switch-md-thumb-width,
+    $kendo-switch-md-thumb-height: $kendo-switch-md-thumb-height,
+    $kendo-switch-md-thumb-offset: $kendo-switch-md-thumb-offset,
+    $kendo-switch-md-label-offset: $kendo-switch-md-label-offset,
+    $kendo-switch-lg-font-size: $kendo-switch-lg-font-size,
+    $kendo-switch-lg-track-width: $kendo-switch-lg-track-width,
+    $kendo-switch-lg-track-height: $kendo-switch-lg-track-height,
+    $kendo-switch-lg-thumb-width: $kendo-switch-lg-thumb-width,
+    $kendo-switch-lg-thumb-height: $kendo-switch-lg-thumb-height,
+    $kendo-switch-lg-thumb-offset: $kendo-switch-lg-thumb-offset,
+    $kendo-switch-lg-label-offset: $kendo-switch-lg-label-offset,
+    $kendo-switch-off-track-bg: $kendo-switch-off-track-bg,
+    $kendo-switch-off-track-text: $kendo-switch-off-track-text,
+    $kendo-switch-off-track-border: $kendo-switch-off-track-border,
+    $kendo-switch-off-track-gradient: $kendo-switch-off-track-gradient,
+    $kendo-switch-off-track-hover-bg: $kendo-switch-off-track-hover-bg,
+    $kendo-switch-off-track-hover-text: $kendo-switch-off-track-hover-text,
+    $kendo-switch-off-track-hover-border: $kendo-switch-off-track-hover-border,
+    $kendo-switch-off-track-hover-gradient: $kendo-switch-off-track-hover-gradient,
+    $kendo-switch-off-track-focus-bg: $kendo-switch-off-track-focus-bg,
+    $kendo-switch-off-track-focus-text: $kendo-switch-off-track-focus-text,
+    $kendo-switch-off-track-focus-border: $kendo-switch-off-track-focus-border,
+    $kendo-switch-off-track-focus-gradient: $kendo-switch-off-track-focus-gradient,
+    $kendo-switch-off-track-focus-ring: $kendo-switch-off-track-focus-ring,
+    $kendo-switch-off-track-disabled-bg: $kendo-switch-off-track-disabled-bg,
+    $kendo-switch-off-track-disabled-text: $kendo-switch-off-track-disabled-text,
+    $kendo-switch-off-track-disabled-border: $kendo-switch-off-track-disabled-border,
+    $kendo-switch-off-track-disabled-gradient: $kendo-switch-off-track-disabled-gradient,
+    $kendo-switch-off-thumb-bg: $kendo-switch-off-thumb-bg,
+    $kendo-switch-off-thumb-text: $kendo-switch-off-thumb-text,
+    $kendo-switch-off-thumb-border: $kendo-switch-off-thumb-border,
+    $kendo-switch-off-thumb-gradient: $kendo-switch-off-thumb-gradient,
+    $kendo-switch-off-thumb-hover-bg: $kendo-switch-off-thumb-hover-bg,
+    $kendo-switch-off-thumb-hover-text: $kendo-switch-off-thumb-hover-text,
+    $kendo-switch-off-thumb-hover-border: $kendo-switch-off-thumb-hover-border,
+    $kendo-switch-off-thumb-hover-gradient: $kendo-switch-off-thumb-hover-gradient,
+    $kendo-switch-off-thumb-disabled-bg: $kendo-switch-off-thumb-disabled-bg,
+    $kendo-switch-off-thumb-disabled-text: $kendo-switch-off-thumb-disabled-text,
+    $kendo-switch-off-thumb-disabled-border: $kendo-switch-off-thumb-disabled-border,
+    $kendo-switch-off-thumb-disabled-gradient: $kendo-switch-off-thumb-disabled-gradient,
+    $kendo-switch-on-track-bg: $kendo-switch-on-track-bg,
+    $kendo-switch-on-track-text: $kendo-switch-on-track-text,
+    $kendo-switch-on-track-border: $kendo-switch-on-track-border,
+    $kendo-switch-on-track-gradient: $kendo-switch-on-track-gradient,
+    $kendo-switch-on-track-hover-bg: $kendo-switch-on-track-hover-bg,
+    $kendo-switch-on-track-hover-text: $kendo-switch-on-track-hover-text,
+    $kendo-switch-on-track-hover-border: $kendo-switch-on-track-hover-border,
+    $kendo-switch-on-track-hover-gradient: $kendo-switch-on-track-hover-gradient,
+    $kendo-switch-on-track-focus-bg: $kendo-switch-on-track-focus-bg,
+    $kendo-switch-on-track-focus-text: $kendo-switch-on-track-focus-text,
+    $kendo-switch-on-track-focus-border: $kendo-switch-on-track-focus-border,
+    $kendo-switch-on-track-focus-gradient: $kendo-switch-on-track-focus-gradient,
+    $kendo-switch-on-track-focus-ring: $kendo-switch-on-track-focus-ring,
+    $kendo-switch-on-track-disabled-bg: $kendo-switch-on-track-disabled-bg,
+    $kendo-switch-on-track-disabled-text: $kendo-switch-on-track-disabled-text,
+    $kendo-switch-on-track-disabled-border: $kendo-switch-on-track-disabled-border,
+    $kendo-switch-on-track-disabled-gradient: $kendo-switch-on-track-disabled-gradient,
+    $kendo-switch-on-thumb-bg: $kendo-switch-on-thumb-bg,
+    $kendo-switch-on-thumb-text: $kendo-switch-on-thumb-text,
+    $kendo-switch-on-thumb-border: $kendo-switch-on-thumb-border,
+    $kendo-switch-on-thumb-gradient: $kendo-switch-on-thumb-gradient,
+    $kendo-switch-on-thumb-hover-bg: $kendo-switch-on-thumb-hover-bg,
+    $kendo-switch-on-thumb-hover-text: $kendo-switch-on-thumb-hover-text,
+    $kendo-switch-on-thumb-hover-border: $kendo-switch-on-thumb-hover-border,
+    $kendo-switch-on-thumb-hover-gradient: $kendo-switch-on-thumb-hover-gradient,
+    $kendo-switch-on-thumb-disabled-bg: $kendo-switch-on-thumb-disabled-bg,
+    $kendo-switch-on-thumb-disabled-text: $kendo-switch-on-thumb-disabled-text,
+    $kendo-switch-on-thumb-disabled-border: $kendo-switch-on-thumb-disabled-border,
+    $kendo-switch-on-thumb-disabled-gradient: $kendo-switch-on-thumb-disabled-gradient,
+);

package/scss/table/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-table--styles() {
+    @include import-once( "table" ) {
+        @include core-styles();
+        @include kendo-table--layout();
+        @include kendo-table--theme();
+    }
+}

package/scss/table/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/table/_layout.scss" as *;
+
+
+@mixin kendo-table--layout() {
+    @include kendo-table--layout-base();
+}

package/scss/table/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/table/_theme.scss" as *;
+
+
+@mixin kendo-table--theme() {
+    @include kendo-table--theme-base();
+}

package/scss/table/_variables.scss

@@ -0,0 +1,229 @@
+@use "../list/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+
+
+// Table
+
+/// The default size of the Table.
+/// @group table
+/// @role default
+$kendo-table-default-size: "md" !default;
+
+/// The width of the table border.
+/// @group table
+$kendo-table-border-width: 1px !default;
+/// The width of vertical border of table cells.
+/// @group table
+$kendo-table-cell-vertical-border-width: 0px !default;
+/// The width of horizontal border of table cells.
+/// @group table
+$kendo-table-cell-horizontal-border-width: 1px !default;
+
+/// The font size of the table if no size is specified.
+/// @group table
+$kendo-table-font-size: null !default;
+
+/// The line-height of the table if no size is specified.
+/// @group table
+$kendo-table-line-height: null !default;
+
+/// The horizontal padding of the Table cell.
+/// @group table
+$kendo-table-sm-cell-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Table cell.
+/// @group table
+$kendo-table-sm-cell-padding-y: k-spacing(2) !default;
+
+/// The horizontal padding of the Table cell.
+/// @group table
+$kendo-table-md-cell-padding-x: k-spacing(2.5) !default;
+/// The vertical padding of the Table cell.
+/// @group table
+$kendo-table-md-cell-padding-y: calc( #{k-spacing(2.5)} + 1px ) !default;
+
+/// The horizontal padding of the Table cell.
+/// @group table
+$kendo-table-lg-cell-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Table cell.
+/// @group table
+$kendo-table-lg-cell-padding-y: k-spacing(2.5) !default;
+
+/// The font size of the Table for small size.
+/// @group table
+$kendo-table-sm-font-size: var(--kendo-font-size-sm) !default;
+/// The line height of the Table for small size.
+/// @group table
+$kendo-table-sm-line-height: var(--kendo-line-height-sm) !default;
+
+/// The font size of the Table for medium size.
+/// @group table
+$kendo-table-md-font-size: var(--kendo-font-size) !default;
+/// The line height of the Table for medium size.
+/// @group table
+$kendo-table-md-line-height: var(--kendo-line-height) !default;
+
+/// The font size of the Table for large size.
+/// @group table
+$kendo-table-lg-font-size: var(--kendo-font-size) !default;
+/// The line height of the Table for large size.
+/// @group table
+$kendo-table-lg-line-height: var(--kendo-line-height) !default;
+
+
+/// Background color of tables.
+/// @group table
+$kendo-table-bg: k-color(surface-alt) !default;
+/// Text color of tables.
+/// @group table
+$kendo-table-text: k-color(on-app-surface) !default;
+/// Border color of tables.
+/// @group table
+$kendo-table-border: k-color(border) !default;
+
+
+/// Background color of table headers.
+/// @group table
+$kendo-table-header-bg: k-color(surface) !default;
+/// Text color of table headers.
+/// @group table
+$kendo-table-header-text: k-color(on-app-surface) !default;
+/// Border color of table headers.
+/// @group table
+$kendo-table-header-border: k-color(border) !default;
+/// Gradient of table headers.
+/// @group table
+$kendo-table-header-gradient: null !default;
+
+
+/// Background color of table footers.
+/// @group table
+$kendo-table-footer-bg: $kendo-table-header-bg !default;
+/// Text color of table footers.
+/// @group table
+$kendo-table-footer-text: $kendo-table-header-text !default;
+/// Border color of table footers.
+/// @group table
+$kendo-table-footer-border: $kendo-table-header-border !default;
+
+
+/// Background color of group rows in table.
+/// @group table
+$kendo-table-group-row-bg: $kendo-table-header-bg !default;
+/// Text color of group rows in table.
+/// @group table
+$kendo-table-group-row-text: $kendo-table-header-text !default;
+/// Border color of group rows in table.
+/// @group table
+$kendo-table-group-row-border: $kendo-table-header-border !default;
+
+/// Background color of alternating rows in table.
+/// @group table
+$kendo-table-alt-row-bg: null !default;
+/// Text color of alternating rows in table.
+/// @group table
+$kendo-table-alt-row-text: null !default;
+/// Border color of alternating rows in table.
+/// @group table
+$kendo-table-alt-row-border: null !default;
+
+
+/// Background color of hovered rows in table.
+/// @group table
+$kendo-table-hover-bg: color-mix(in srgb, k-color(base) 60%, transparent) !default;
+/// Text color of hovered rows in table.
+/// @group table
+$kendo-table-hover-text: null !default;
+/// Border color of hovered rows in table.
+/// @group table
+$kendo-table-hover-border: null !default;
+
+
+/// Background color of focused rows in table.
+/// @group table
+$kendo-table-focus-bg: null !default;
+/// Text color of focused rows in table.
+/// @group table
+$kendo-table-focus-text: null !default;
+/// Border color of focused rows in table.
+/// @group table
+$kendo-table-focus-border: null !default;
+/// Box shadow of focused rows in table.
+/// @group table
+$kendo-table-focus-shadow: $kendo-list-item-focus-shadow !default;
+
+
+/// Background color of selected rows in table.
+/// @group table
+$kendo-table-selected-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;
+/// Text color of selected rows in table.
+/// @group table
+$kendo-table-selected-text: null !default;
+/// Border color of selected rows in table.
+/// @group table
+$kendo-table-selected-border: null !default;
+
+/// Background color of highlighted rows in table.
+/// @group table
+$kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 25%, transparent) !default;
+/// The font weight of highlighted rows in table.
+/// @group table
+$kendo-table-highlighted-font-weight: var( --kendo-font-weight-bold, bold ) !default;
+
+/// Background color of selected highlighted rows in table.
+/// @group table
+$kendo-table-selected-highlighted-bg: color-mix(in srgb, color-mix(in srgb, k-color(primary), k-color(warning)) 42%, transparent) !default;
+
+/// The box shadow of the row spanned cells.
+/// @group table
+$kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
+
+@forward "@progress/kendo-theme-core/scss/components/table/_variables.scss" with (
+    $kendo-table-default-size: $kendo-table-default-size,
+    $kendo-table-border-width: $kendo-table-border-width,
+    $kendo-table-cell-vertical-border-width: $kendo-table-cell-vertical-border-width,
+    $kendo-table-cell-horizontal-border-width: $kendo-table-cell-horizontal-border-width,
+    $kendo-table-font-size: $kendo-table-font-size,
+    $kendo-table-line-height: $kendo-table-line-height,
+    $kendo-table-sm-cell-padding-x: $kendo-table-sm-cell-padding-x,
+    $kendo-table-sm-cell-padding-y: $kendo-table-sm-cell-padding-y,
+    $kendo-table-md-cell-padding-x: $kendo-table-md-cell-padding-x,
+    $kendo-table-md-cell-padding-y: $kendo-table-md-cell-padding-y,
+    $kendo-table-lg-cell-padding-x: $kendo-table-lg-cell-padding-x,
+    $kendo-table-lg-cell-padding-y: $kendo-table-lg-cell-padding-y,
+    $kendo-table-sm-font-size: $kendo-table-sm-font-size,
+    $kendo-table-sm-line-height: $kendo-table-sm-line-height,
+    $kendo-table-md-font-size: $kendo-table-md-font-size,
+    $kendo-table-md-line-height: $kendo-table-md-line-height,
+    $kendo-table-lg-font-size: $kendo-table-lg-font-size,
+    $kendo-table-lg-line-height: $kendo-table-lg-line-height,
+    $kendo-table-bg: $kendo-table-bg,
+    $kendo-table-text: $kendo-table-text,
+    $kendo-table-border: $kendo-table-border,
+    $kendo-table-header-bg: $kendo-table-header-bg,
+    $kendo-table-header-text: $kendo-table-header-text,
+    $kendo-table-header-border: $kendo-table-header-border,
+    $kendo-table-header-gradient: $kendo-table-header-gradient,
+    $kendo-table-footer-bg: $kendo-table-footer-bg,
+    $kendo-table-footer-text: $kendo-table-footer-text,
+    $kendo-table-footer-border: $kendo-table-footer-border,
+    $kendo-table-group-row-bg: $kendo-table-group-row-bg,
+    $kendo-table-group-row-text: $kendo-table-group-row-text,
+    $kendo-table-group-row-border: $kendo-table-group-row-border,
+    $kendo-table-alt-row-bg: $kendo-table-alt-row-bg,
+    $kendo-table-alt-row-text: $kendo-table-alt-row-text,
+    $kendo-table-alt-row-border: $kendo-table-alt-row-border,
+    $kendo-table-hover-bg: $kendo-table-hover-bg,
+    $kendo-table-hover-text: $kendo-table-hover-text,
+    $kendo-table-hover-border: $kendo-table-hover-border,
+    $kendo-table-focus-bg: $kendo-table-focus-bg,
+    $kendo-table-focus-text: $kendo-table-focus-text,
+    $kendo-table-focus-border: $kendo-table-focus-border,
+    $kendo-table-focus-shadow: $kendo-table-focus-shadow,
+    $kendo-table-selected-bg: $kendo-table-selected-bg,
+    $kendo-table-selected-text: $kendo-table-selected-text,
+    $kendo-table-selected-border: $kendo-table-selected-border,
+    $kendo-table-highlighted-bg: $kendo-table-highlighted-bg,
+    $kendo-table-highlighted-font-weight: $kendo-table-highlighted-font-weight,
+    $kendo-table-selected-highlighted-bg: $kendo-table-selected-highlighted-bg,
+    $kendo-table-cell-row-span-shadow: $kendo-table-cell-row-span-shadow
+);