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

package/scss/slider/_variables.scss

@@ -0,0 +1,163 @@
+@use "../core/_index.scss" as *;
+
+
+// Slider
+/// The default size of the Slider.
+/// @group slider
+$kendo-slider-size: 200px !default;
+/// The default size of the Slider's track wrap.
+/// @group slider
+$kendo-slider-alt-size: 30px !default;
+
+/// The font family of the Slider.
+/// @group slider
+$kendo-slider-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Slider.
+/// @group slider
+$kendo-slider-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Slider.
+/// @group slider
+$kendo-slider-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The offset of the Slider Buttons.
+/// @group slider
+$kendo-slider-button-offset: 10px !default;
+/// The size of the Slider Buttons.
+/// @group slider
+$kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
+
+/// The thickness of the Slider track.
+/// @group slider
+$kendo-slider-track-thickness: 4px !default;
+/// The size of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-size: 16px !default;
+/// The border width of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-border-width: 1px !default;
+/// The transition scale of the active Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-active-scale: 1 !default;
+
+/// The background color of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-bg: k-color(secondary) !default;
+/// The text color of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-text: k-color(on-secondary) !default;
+/// The border color of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-border: k-color(secondary) !default;
+/// The gradient of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-gradient: null !default;
+
+/// The background color of the hovered Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-hover-bg: k-color(secondary-hover) !default;
+/// The text color of the hovered Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-hover-text: null !default;
+/// The border color of the hovered Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-hover-border: k-color(secondary) !default;
+/// The gradient of the hovered Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-hover-gradient: null !default;
+/// The shadow of the hovered Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-hover-shadow: null !default;
+
+/// The background color of the active Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-pressed-bg: k-color(secondary-active) !default;
+/// The text color of the active Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-pressed-text: null !default;
+/// The border color of the active Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-pressed-border: k-color(secondary-active) !default;
+/// The gradient of the active Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-pressed-gradient: null !default;
+
+/// The shadow of the focused Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-focus-shadow: none !default;
+
+/// The outline color of the focused Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the focused Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-focus-outline-width: 1px !default;
+/// The outline offset of the focused Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-focus-outline-offset: 1px !default;
+
+/// The transition speed of the Slider.
+/// @group slider
+$kendo-slider-transition-speed: k-duration(brisk) !default;
+/// The transition function of the Slider.
+/// @group slider
+$kendo-slider-transition-function: k-easing(standard) !default;
+/// The transition speed of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-transition-speed: k-duration(quick) !default;
+/// The transition function of the Slider drag handle.
+/// @group slider
+$kendo-slider-draghandle-transition-function: k-easing(decelerate) !default;
+
+/// The background color of the Slider track.
+/// @group slider
+$kendo-slider-track-bg: k-color(base-subtle) !default;
+/// The background color of the Slider's track selection.
+/// @group slider
+$kendo-slider-selection-bg: k-color(secondary) !default;
+/// @group slider
+/// The opacity of the disabled Slider.
+$kendo-slider-disabled-opacity: null !default;
+
+/// The background image of the horizontal Slider tick.
+/// @group slider
+$kendo-slider-tick-horizontal-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
+/// The background image of the vertical Slider tick.
+/// @group slider
+$kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
+
+@forward "@progress/kendo-theme-core/scss/components/slider/_variables.scss" with (
+    $kendo-slider-size: $kendo-slider-size,
+    $kendo-slider-alt-size: $kendo-slider-alt-size,
+    $kendo-slider-font-family: $kendo-slider-font-family,
+    $kendo-slider-font-size: $kendo-slider-font-size,
+    $kendo-slider-line-height: $kendo-slider-line-height,
+    $kendo-slider-button-offset: $kendo-slider-button-offset,
+    $kendo-slider-button-size: $kendo-slider-button-size,
+    $kendo-slider-track-thickness: $kendo-slider-track-thickness,
+    $kendo-slider-draghandle-size: $kendo-slider-draghandle-size,
+    $kendo-slider-draghandle-border-width: $kendo-slider-draghandle-border-width,
+    $kendo-slider-draghandle-active-scale: $kendo-slider-draghandle-active-scale,
+    $kendo-slider-draghandle-bg: $kendo-slider-draghandle-bg,
+    $kendo-slider-draghandle-text: $kendo-slider-draghandle-text,
+    $kendo-slider-draghandle-border: $kendo-slider-draghandle-border,
+    $kendo-slider-draghandle-gradient: $kendo-slider-draghandle-gradient,
+    $kendo-slider-draghandle-hover-bg: $kendo-slider-draghandle-hover-bg,
+    $kendo-slider-draghandle-hover-text: $kendo-slider-draghandle-hover-text,
+    $kendo-slider-draghandle-hover-border: $kendo-slider-draghandle-hover-border,
+    $kendo-slider-draghandle-hover-gradient: $kendo-slider-draghandle-hover-gradient,
+    $kendo-slider-draghandle-hover-shadow: $kendo-slider-draghandle-hover-shadow,
+    $kendo-slider-draghandle-pressed-bg: $kendo-slider-draghandle-pressed-bg,
+    $kendo-slider-draghandle-pressed-text: $kendo-slider-draghandle-pressed-text,
+    $kendo-slider-draghandle-pressed-border: $kendo-slider-draghandle-pressed-border,
+    $kendo-slider-draghandle-pressed-gradient: $kendo-slider-draghandle-pressed-gradient,
+    $kendo-slider-draghandle-focus-shadow: $kendo-slider-draghandle-focus-shadow,
+    $kendo-slider-transition-speed: $kendo-slider-transition-speed,
+    $kendo-slider-transition-function: $kendo-slider-transition-function,
+    $kendo-slider-draghandle-transition-speed: $kendo-slider-draghandle-transition-speed,
+    $kendo-slider-draghandle-transition-function: $kendo-slider-draghandle-transition-function,
+    $kendo-slider-track-bg: $kendo-slider-track-bg,
+    $kendo-slider-selection-bg: $kendo-slider-selection-bg,
+    $kendo-slider-disabled-opacity: $kendo-slider-disabled-opacity,
+    $kendo-slider-tick-horizontal-image: $kendo-slider-tick-horizontal-image,
+    $kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image
+);

package/scss/smart-box/_index.scss

@@ -0,0 +1,25 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../segmented-control/_index.scss" as *;
+
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-smart-box--styles() {
+    @include import-once( "smart-box" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-segmented-control--styles();
+        @include kendo-smart-box--layout();
+        @include kendo-smart-box--theme();
+    }
+}

package/scss/smart-box/_layout.scss

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

package/scss/smart-box/_theme.scss

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

package/scss/smart-box/_variables.scss

@@ -0,0 +1,70 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+
+// Smart box
+
+/// The default size of the SmartBox.
+/// @group smart-box
+/// @role default
+$kendo-smart-box-default-size: "md" !default;
+/// The default roundness of the SmartBox.
+/// @group smart-box
+/// @role default
+$kendo-smart-box-default-roundness: "full" !default;
+
+/// The spacing between elements in the suffix of the Smart box.
+/// @group smart-box
+$kendo-smart-box-suffix-spacing: k-spacing(1) !default;
+
+/// The horizontal padding of the small Smart box.
+/// @group smart-box
+$kendo-smart-box-sm-padding-x: 0 !default;
+/// The horizontal padding of the medium Smart box.
+/// @group smart-box
+$kendo-smart-box-md-padding-x: k-spacing(1) !default;
+/// The horizontal padding of the large Smart box.
+/// @group smart-box
+$kendo-smart-box-lg-padding-x: k-spacing(2) !default;
+
+/// The horizontal margin of the prefix icon in the small Smart box.
+/// @group smart-box
+$kendo-smart-box-sm-prefix-margin-x: k-spacing(1) !default;
+/// The horizontal margin of the prefix icon in the medium Smart box.
+/// @group smart-box
+$kendo-smart-box-md-prefix-margin-x: k-spacing(1) !default;
+/// The horizontal margin of the prefix icon in the large Smart box.
+/// @group smart-box
+$kendo-smart-box-lg-prefix-margin-x: 0 !default;
+
+/// The inline padding of the popup of the Smart box.
+/// @group smart-box
+$kendo-smart-box-popup-padding-inline: k-spacing(2) !default;
+/// The block padding of the popup of the Smart box.
+/// @group smart-box
+$kendo-smart-box-popup-padding-block: k-spacing(2) !default;
+/// The border radius of the popup of the Smart box.
+/// @group smart-box
+$kendo-smart-box-popup-border-radius: k-border-radius(xxl) !default;
+/// The spacing of the popup of the Smart box.
+/// @group smart-box
+$kendo-smart-box-popup-spacing: k-spacing(2) !default;
+/// The margin of the segmented control in the popup of the Smart box.
+/// @group smart-box
+$kendo-smart-box-popup-segmented-control-margin: k-spacing(2) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/smart-box/_variables.scss" with (
+    $kendo-smart-box-default-size: $kendo-smart-box-default-size,
+    $kendo-smart-box-default-roundness: $kendo-smart-box-default-roundness,
+    $kendo-smart-box-suffix-spacing: $kendo-smart-box-suffix-spacing,
+    $kendo-smart-box-sm-padding-x: $kendo-smart-box-sm-padding-x,
+    $kendo-smart-box-md-padding-x: $kendo-smart-box-md-padding-x,
+    $kendo-smart-box-lg-padding-x: $kendo-smart-box-lg-padding-x,
+    $kendo-smart-box-sm-prefix-margin-x: $kendo-smart-box-sm-prefix-margin-x,
+    $kendo-smart-box-md-prefix-margin-x: $kendo-smart-box-md-prefix-margin-x,
+    $kendo-smart-box-lg-prefix-margin-x: $kendo-smart-box-lg-prefix-margin-x,
+    $kendo-smart-box-popup-padding-inline: $kendo-smart-box-popup-padding-inline,
+    $kendo-smart-box-popup-padding-block: $kendo-smart-box-popup-padding-block,
+    $kendo-smart-box-popup-border-radius: $kendo-smart-box-popup-border-radius,
+    $kendo-smart-box-popup-spacing: $kendo-smart-box-popup-spacing,
+    $kendo-smart-box-popup-segmented-control-margin: $kendo-smart-box-popup-segmented-control-margin,
+);

package/scss/speech-to-text-button/_index.scss

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

package/scss/speech-to-text-button/_layout.scss

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

package/scss/speech-to-text-button/_theme.scss

@@ -0,0 +1,5 @@
+@use "@progress/kendo-theme-core/scss/components/speech-to-text-button/_theme.scss" as *;
+
+@mixin kendo-speech-to-text-button--theme() {
+    @include kendo-speech-to-text-button--theme-base();
+}

package/scss/speech-to-text-button/_variables.scss

@@ -0,0 +1 @@
+// Speech-to-text button

package/scss/split-button/_index.scss

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

package/scss/split-button/_layout.scss

@@ -0,0 +1,27 @@
+@use "sass:map";
+@use "@progress/kendo-theme-core/scss/components/split-button/_layout.scss" as *;
+@use "../core/functions/index.scss" as *;
+@use "../button/_variables.scss" as *;
+
+@mixin kendo-split-button--layout() {
+    @include kendo-split-button--layout-base();
+
+    .k-split-button {
+        @each $size, $size-props in $kendo-button-sizes {
+            $_font-size: map.get( $size-props, font-size );
+            $_line-height: map.get( $size-props, line-height );
+
+            #{k-when-default($kendo-button-default-size, $size)}
+            &.k-button-#{$size} {
+                font-size: $_font-size;
+                line-height: $_line-height;
+
+                &.k-icon-button {
+                    .k-button-icon {
+                        min-width: calc( #{$_font-size} * #{$_line-height} );
+                    }
+                }
+            }
+        }
+    }
+}

package/scss/split-button/_theme.scss

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

package/scss/split-button/_variables.scss

@@ -0,0 +1,46 @@
+@use "../button/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+
+// Split-button
+
+/// The focus shadow of the SplitButton.
+/// @group split-button
+$kendo-split-button-focus-shadow: $kendo-button-focus-shadow !default;
+
+/// The horizontal padding of the arrow Button.
+/// @group split-button
+$kendo-split-button-arrow-padding-x: null !default;
+/// The horizontal padding of the small arrow Button.
+/// @group split-button
+$kendo-split-button-sm-arrow-padding-x: k-spacing(1.5) !default;
+/// The horizontal padding of the medium arrow Button.
+/// @group split-button
+$kendo-split-button-md-arrow-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the large arrow Button.
+/// @group split-button
+$kendo-split-button-lg-arrow-padding-x: k-spacing(3) !default;
+
+/// The vertical padding of the arrow Button.
+/// @group split-button
+$kendo-split-button-arrow-padding-y: null !default;
+/// The vertical padding of the small arrow Button.
+/// @group split-button
+$kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;
+/// The vertical padding of the medium arrow Button.
+/// @group split-button
+$kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
+/// The vertical padding of the large arrow Button.
+/// @group split-button
+$kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;
+
+@forward "@progress/kendo-theme-core/scss/components/split-button/_variables.scss" with (
+    $kendo-split-button-focus-shadow: $kendo-split-button-focus-shadow,
+    $kendo-split-button-arrow-padding-x: $kendo-split-button-arrow-padding-x,
+    $kendo-split-button-sm-arrow-padding-x: $kendo-split-button-sm-arrow-padding-x,
+    $kendo-split-button-md-arrow-padding-x: $kendo-split-button-md-arrow-padding-x,
+    $kendo-split-button-lg-arrow-padding-x: $kendo-split-button-lg-arrow-padding-x,
+    $kendo-split-button-arrow-padding-y: $kendo-split-button-arrow-padding-y,
+    $kendo-split-button-sm-arrow-padding-y: $kendo-split-button-sm-arrow-padding-y,
+    $kendo-split-button-md-arrow-padding-y: $kendo-split-button-md-arrow-padding-y,
+    $kendo-split-button-lg-arrow-padding-y: $kendo-split-button-lg-arrow-padding-y
+);

package/scss/splitter/_index.scss

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

package/scss/splitter/_layout.scss

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

package/scss/splitter/_theme.scss

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

package/scss/splitter/_variables.scss

@@ -0,0 +1,89 @@
+@use "../core/_index.scss" as *;
+
+
+// Splitter
+
+/// The width of the border around the Splitter.
+/// @group splitter
+$kendo-splitter-border-width: 1px !default;
+/// The font family of the Splitter.
+/// @group splitter
+$kendo-splitter-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Splitter.
+/// @group splitter
+$kendo-splitter-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Splitter.
+/// @group splitter
+$kendo-splitter-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The background color of the Splitter.
+/// @group splitter
+$kendo-splitter-bg: k-color(surface-alt) !default;
+/// The text color of the Splitter.
+/// @group splitter
+$kendo-splitter-text: k-color(on-app-surface) !default;
+/// The border color of the Splitter.
+/// @group splitter
+$kendo-splitter-border: k-color(border) !default;
+
+/// The size of the Splitter split bar.
+/// @group splitter
+$kendo-splitter-splitbar-size: k-spacing(3) !default;
+/// The length of the Splitter drag handle.
+/// @group splitter
+$kendo-splitter-drag-handle-length: 20px !default;
+/// The thickness of the Splitter drag handle.
+/// @group splitter
+$kendo-splitter-drag-handle-thickness: 2px !default;
+/// The margin of the Splitter drag handle icon.
+/// @group splitter
+$kendo-splitter-drag-icon-margin: k-spacing(2) !default;
+/// The horizontal padding of the collapse icon in the Splitter.
+/// @group splitter
+$kendo-splitter-collapse-icon-padding-x: null !default;
+/// The vertical padding of the collapse icon in the Splitter.
+/// @group splitter
+$kendo-splitter-collapse-icon-padding-y: k-spacing(0.5) !default;
+
+/// The background color of the Splitter split bar.
+/// @group splitter
+$kendo-splitbar-bg: k-color(surface) !default;
+/// The text color of the Splitter split bar.
+/// @group splitter
+$kendo-splitbar-text: k-color(on-app-surface) !default;
+
+/// The hover background color of the Splitter split bar.
+/// @group splitter
+$kendo-splitbar-hover-bg: k-color(base-hover) !default;
+/// The hover text color of the Splitter split bar.
+/// @group splitter
+$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
+
+/// The selected background color of the Splitter split bar.
+/// @group splitter
+$kendo-splitbar-selected-bg: k-color(primary) !default;
+/// The selected text color of the Splitter split bar.
+/// @group splitter
+$kendo-splitbar-selected-text: k-color(on-primary) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/splitter/_variables.scss" with (
+    $kendo-splitter-border-width: $kendo-splitter-border-width,
+    $kendo-splitter-font-family: $kendo-splitter-font-family,
+    $kendo-splitter-font-size: $kendo-splitter-font-size,
+    $kendo-splitter-line-height: $kendo-splitter-line-height,
+    $kendo-splitter-bg: $kendo-splitter-bg,
+    $kendo-splitter-text: $kendo-splitter-text,
+    $kendo-splitter-border: $kendo-splitter-border,
+    $kendo-splitter-splitbar-size: $kendo-splitter-splitbar-size,
+    $kendo-splitter-drag-handle-length: $kendo-splitter-drag-handle-length,
+    $kendo-splitter-drag-handle-thickness: $kendo-splitter-drag-handle-thickness,
+    $kendo-splitter-drag-icon-margin: $kendo-splitter-drag-icon-margin,
+    $kendo-splitter-collapse-icon-padding-x: $kendo-splitter-collapse-icon-padding-x,
+    $kendo-splitter-collapse-icon-padding-y: $kendo-splitter-collapse-icon-padding-y,
+    $kendo-splitbar-bg: $kendo-splitbar-bg,
+    $kendo-splitbar-text: $kendo-splitbar-text,
+    $kendo-splitbar-hover-bg: $kendo-splitbar-hover-bg,
+    $kendo-splitbar-hover-text: $kendo-splitbar-hover-text,
+    $kendo-splitbar-selected-bg: $kendo-splitbar-selected-bg,
+    $kendo-splitbar-selected-text: $kendo-splitbar-selected-text
+);

package/scss/spreadsheet/_index.scss

@@ -0,0 +1,48 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../radio/_index.scss" as *;
+@use "../colorpicker/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../upload/_index.scss" as *;
+@use "../menu/_index.scss" as *;
+@use "../window/_index.scss" as *;
+@use "../tabstrip/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+@use "../list/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-spreadsheet--styles() {
+    @include import-once( "spreadsheet" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-radio--styles();
+        @include kendo-color-picker--styles();
+        @include kendo-combobox--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-upload--styles();
+        @include kendo-menu--styles();
+        @include kendo-window--styles();
+        @include kendo-tabstrip--styles();
+        @include kendo-treeview--styles();
+        @include kendo-icon--styles();
+        @include kendo-list--styles();
+        @include kendo-spreadsheet--layout();
+        @include kendo-spreadsheet--theme();
+        @include kendo-utils--flex-grid--order();
+    }
+}

package/scss/spreadsheet/_layout.scss

@@ -0,0 +1,15 @@
+@use "@progress/kendo-theme-core/scss/components/spreadsheet/_layout.scss" as *;
+@use "../core/index.scss" as *;
+
+
+@mixin kendo-spreadsheet--layout() {
+    @include kendo-spreadsheet--layout-base();
+
+    .k-spreadsheet-active-cell {
+        transition: outline k-transition(snappy);
+    }
+
+    .k-spreadsheet-toolbar {
+        border-radius: 0;
+    }
+}

package/scss/spreadsheet/_theme.scss

@@ -0,0 +1,26 @@
+@use "../core/_index.scss" as *;
+@use "variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/spreadsheet/_theme.scss" as *;
+
+
+@mixin kendo-spreadsheet--theme() {
+    @include kendo-spreadsheet--theme-base();
+
+    .k-spreadsheet-header {
+        backdrop-filter: k-translucency-blur(1);
+    }
+
+    .k-spreadsheet {
+        background-color: unset;
+    }
+
+    .k-spreadsheet-action-bar,
+    .k-spreadsheet-view,
+    .k-spreadsheet-sheets-bar {
+        background-color: $kendo-spreadsheet-bg;
+    }
+
+    .k-spreadsheet-toolbar {
+        background-color: $kendo-spreadsheet-bg !important; // stylelint-disable-line declaration-no-important
+    }
+}