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

package/scss/progressbar/_variables.scss

@@ -0,0 +1,99 @@
+@use "../core/_index.scss" as *;
+
+
+// ProgressBar
+
+/// The height of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-height: 22px !default;
+/// The horizontal width of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-horizontal-width: 100% !default;
+/// The animation timing of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-animation-timing: 1s linear infinite !default;
+/// The width of the border around the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-border-width: 0px !default;
+/// The font family of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-font-size: var( --kendo-font-size-xs, inherit ) !default;
+/// The line height of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-line-height: var( --kendo-line-height-xs, normal ) !default;
+
+/// The background color of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-bg: k-color(base-subtle) !default;
+/// The text color of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-text: k-color(on-app-surface) !default;
+/// The border color of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-border: k-color(border) !default;
+/// The background gradient of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-gradient: null !default;
+
+/// The progress background color of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-value-bg: k-color(secondary) !default;
+/// The progress text color of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-value-text: k-color(on-secondary) !default;
+/// The progress border color of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-value-border: k-color(secondary-active) !default;
+/// The progress background gradient of the ProgressBar.
+/// @group progressbar
+$kendo-progressbar-value-gradient: null !default;
+
+/// The background color of the indeterminate ProgressBar.
+/// @group progressbar
+$kendo-progressbar-indeterminate-bg: $kendo-progressbar-bg !default;
+/// The text color of the indeterminate ProgressBar.
+/// @group progressbar
+$kendo-progressbar-indeterminate-text: $kendo-progressbar-text !default;
+/// The border color of the indeterminate ProgressBar.
+/// @group progressbar
+$kendo-progressbar-indeterminate-border: $kendo-progressbar-border !default;
+
+// Chunk Progressbar
+/// The border radius of the chunk ProgressBar chunks.
+/// @group progressbar
+$kendo-progressbar-chunk-border-radius: k-border-radius(md) !default;
+
+// Circular Progressbar
+/// The arc stroke color of the circular ProgressBar.
+/// @group progressbar
+$kendo-circular-progressbar-arc-stroke: k-color(secondary) !default;
+/// The scale stroke background color of the circular ProgressBar.
+/// @group progressbar
+$kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
+
+@forward "@progress/kendo-theme-core/scss/components/progressbar/_variables.scss" with (
+    $kendo-progressbar-height: $kendo-progressbar-height,
+    $kendo-progressbar-horizontal-width: $kendo-progressbar-horizontal-width,
+    $kendo-progressbar-animation-timing: $kendo-progressbar-animation-timing,
+    $kendo-progressbar-border-width: $kendo-progressbar-border-width,
+    $kendo-progressbar-font-family: $kendo-progressbar-font-family,
+    $kendo-progressbar-font-size: $kendo-progressbar-font-size,
+    $kendo-progressbar-line-height: $kendo-progressbar-line-height,
+    $kendo-progressbar-bg: $kendo-progressbar-bg,
+    $kendo-progressbar-text: $kendo-progressbar-text,
+    $kendo-progressbar-border: $kendo-progressbar-border,
+    $kendo-progressbar-gradient: $kendo-progressbar-gradient,
+    $kendo-progressbar-value-bg: $kendo-progressbar-value-bg,
+    $kendo-progressbar-value-text: $kendo-progressbar-value-text,
+    $kendo-progressbar-value-border: $kendo-progressbar-value-border,
+    $kendo-progressbar-value-gradient: $kendo-progressbar-value-gradient,
+    $kendo-progressbar-indeterminate-bg: $kendo-progressbar-indeterminate-bg,
+    $kendo-progressbar-indeterminate-text: $kendo-progressbar-indeterminate-text,
+    $kendo-progressbar-indeterminate-border: $kendo-progressbar-indeterminate-border,
+    $kendo-progressbar-chunk-border-radius: $kendo-progressbar-chunk-border-radius,
+    $kendo-circular-progressbar-arc-stroke: $kendo-circular-progressbar-arc-stroke,
+    $kendo-circular-progressbar-scale-stroke: $kendo-circular-progressbar-scale-stroke
+);

package/scss/prompt/_index.scss

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

package/scss/prompt/_layout.scss

@@ -0,0 +1,10 @@
+@use "@progress/kendo-theme-core/scss/components/prompt/_layout.scss" as *;
+
+
+@mixin kendo-prompt--layout() {
+    @include kendo-prompt--layout-base();
+
+    .k-prompt-header .k-toolbar {
+        border-radius: 0;
+    }
+}

package/scss/prompt/_theme.scss

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

package/scss/prompt/_variables.scss

@@ -0,0 +1,105 @@
+@use "../core/_index.scss" as *;
+
+
+// AIPrompt
+
+/// The text color of the AIPrompt.
+/// @group prompt
+$kendo-prompt-text: k-color(on-app-surface) !default;
+/// The background color of the AIPrompt.
+/// @group prompt
+$kendo-prompt-bg: k-elevation-bg(2, k-color(surface-alt)) !default;
+/// The border color of the AIPrompt.
+/// @group prompt
+$kendo-prompt-border: k-color(border) !default;
+
+/// The text color of the AIPrompt header.
+/// @group prompt
+$kendo-prompt-header-text: k-color(on-app-surface) !default;
+/// The background color of the AIPrompt header.
+/// @group prompt
+$kendo-prompt-header-bg: k-color(surface-alt) !default;
+/// The border color of the AIPrompt header.
+/// @group prompt
+$kendo-prompt-header-border: k-color(border) !default;
+
+/// The vertical padding of the AIPrompt content.
+/// @group prompt
+$kendo-prompt-content-padding-y: k-spacing(4) !default;
+/// The horizontal padding of the AIPrompt content.
+/// @group prompt
+$kendo-prompt-content-padding-x: k-spacing(4) !default;
+/// The spacing between the items of the AIPrompt content.
+/// @group prompt
+$kendo-prompt-content-spacing: k-spacing(2) !default;
+/// The text color of the AIPrompt content.
+/// @group prompt
+$kendo-prompt-content-text: k-color(on-app-surface) !default;
+/// The background color of the AIPrompt content.
+/// @group prompt
+$kendo-prompt-content-bg: k-color(surface) !default;
+/// The text border of the AIPrompt content.
+/// @group prompt
+$kendo-prompt-content-border: k-color(border) !default;
+
+/// The spacing between the items of the AIPrompt content expander.
+/// @group prompt
+$kendo-prompt-expander-spacing: k-spacing(2) !default;
+
+/// The vertical padding of the AIPrompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-padding-y: k-spacing(2) !default;
+/// The horizontal padding of the AIPrompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-padding-x: k-spacing(2) !default;
+/// The border radius of the AIPrompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-border-radius: k-border-radius(md) !default;
+/// The text color of the AIPrompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-text: k-color(on-app-surface) !default;
+/// The background color of the AIPrompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-bg: k-color(app-surface) !default;
+/// The border color of the AIPrompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-border: k-color(border) !default;
+/// The elevation of the AIPrompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-shadow: k-elevation(1) !default;
+
+/// The text color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-text: null !default;
+/// The background color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-bg: k-color(surface-alt) !default;
+/// The border color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-border: null !default;
+
+@forward "@progress/kendo-theme-core/scss/components/prompt/_variables.scss" with (
+    $kendo-prompt-text: $kendo-prompt-text,
+    $kendo-prompt-bg: $kendo-prompt-bg,
+    $kendo-prompt-border: $kendo-prompt-border,
+    $kendo-prompt-header-text: $kendo-prompt-header-text,
+    $kendo-prompt-header-bg: $kendo-prompt-header-bg,
+    $kendo-prompt-header-border: $kendo-prompt-header-border,
+    $kendo-prompt-content-padding-y: $kendo-prompt-content-padding-y,
+    $kendo-prompt-content-padding-x: $kendo-prompt-content-padding-x,
+    $kendo-prompt-content-spacing: $kendo-prompt-content-spacing,
+    $kendo-prompt-content-text: $kendo-prompt-content-text,
+    $kendo-prompt-content-bg: $kendo-prompt-content-bg,
+    $kendo-prompt-content-border: $kendo-prompt-content-border,
+    $kendo-prompt-expander-spacing: $kendo-prompt-expander-spacing,
+    $kendo-prompt-suggestion-padding-y: $kendo-prompt-suggestion-padding-y,
+    $kendo-prompt-suggestion-padding-x: $kendo-prompt-suggestion-padding-x,
+    $kendo-prompt-suggestion-border-radius: $kendo-prompt-suggestion-border-radius,
+    $kendo-prompt-suggestion-text: $kendo-prompt-suggestion-text,
+    $kendo-prompt-suggestion-bg: $kendo-prompt-suggestion-bg,
+    $kendo-prompt-suggestion-border: $kendo-prompt-suggestion-border,
+    $kendo-prompt-suggestion-shadow: $kendo-prompt-suggestion-shadow,
+    $kendo-prompt-footer-text: $kendo-prompt-footer-text,
+    $kendo-prompt-footer-bg: $kendo-prompt-footer-bg,
+    $kendo-prompt-footer-border: $kendo-prompt-footer-border
+);

package/scss/prompt-box/_index.scss

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

package/scss/prompt-box/_layout.scss

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

package/scss/prompt-box/_theme.scss

@@ -0,0 +1,12 @@
+@use "../input/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/prompt-box/_theme.scss" as *;
+
+
+@mixin kendo-prompt-box--theme() {
+    @include kendo-prompt-box--theme-base();
+
+    .k-prompt-box {
+        background-color: k-elevation-bg(1, $kendo-input-bg);
+    }
+}

package/scss/prompt-box/_variables.scss

@@ -0,0 +1,34 @@
+@use "../core/_index.scss" as *;
+
+// Prompt box
+
+/// The border radius of the PromptBox.
+/// @group prompt-box
+$kendo-prompt-box-border-radius: k-border-radius(xxl) !default;
+
+/// The box shadow of the PromptBox.
+/// @group prompt-box
+$kendo-prompt-box-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;
+
+/// The padding of the PromptBox header.
+/// @group prompt-box
+$kendo-prompt-box-header-padding: k-spacing(2.5) !default;
+/// The inner padding of the PromptBox input.
+/// @group prompt-box
+$kendo-prompt-box-input-inner-padding: k-spacing(3) !default;
+/// The padding of the PromptBox affix.
+/// @group prompt-box
+$kendo-prompt-box-affix-padding: k-spacing(2.5) !default;
+
+/// The spacing between the PromptBox affixes.
+/// @group prompt-box
+$kendo-prompt-box-affix-spacing: k-spacing(1) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/prompt-box/_variables.scss" with (
+    $kendo-prompt-box-border-radius: $kendo-prompt-box-border-radius,
+    $kendo-prompt-box-box-shadow: $kendo-prompt-box-box-shadow,
+    $kendo-prompt-box-header-padding: $kendo-prompt-box-header-padding,
+    $kendo-prompt-box-input-inner-padding: $kendo-prompt-box-input-inner-padding,
+    $kendo-prompt-box-affix-padding: $kendo-prompt-box-affix-padding,
+    $kendo-prompt-box-affix-spacing: $kendo-prompt-box-affix-spacing
+);

package/scss/radio/_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-radio--styles() {
+    @include import-once( "radio" ) {
+        @include core-styles();
+        @include kendo-radio--layout();
+        @include kendo-radio--theme();
+    }
+}

package/scss/radio/_layout.scss

@@ -0,0 +1,11 @@
+@use "@progress/kendo-theme-core/scss/components/radio/_layout.scss" as *;
+@use "../core/index.scss" as *;
+
+
+@mixin kendo-radio--layout() {
+    @include kendo-radio--layout-base();
+
+    .k-radio {
+        transition: background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid), opacity k-transition(rapid);
+    }
+}

package/scss/radio/_theme.scss

@@ -0,0 +1,30 @@
+@use "@progress/kendo-theme-core/scss/components/radio/_theme.scss" as *;
+@use "../core/_index.scss" as *;
+@use "../radio/_variables.scss" as *;
+
+
+@mixin kendo-radio--theme() {
+    @include kendo-radio--theme-base();
+
+    .k-radio {
+        &:focus,
+        &.k-focus {
+            @include focus-indicator(
+                $type: "outline",
+                $indicator: $kendo-radio-focus-outline-color,
+                $outline-width: $kendo-radio-focus-outline-width,
+                $outline-offset: $kendo-radio-focus-outline-offset
+            );
+        }
+
+        &:checked:focus,
+        &.k-checked.k-focus {
+            @include focus-indicator(
+                $type: "outline",
+                $indicator: $kendo-radio-focus-checked-outline-color,
+                $outline-width: $kendo-radio-focus-checked-outline-width,
+                $outline-offset: $kendo-radio-focus-checked-outline-offset
+            );
+        }
+    }
+}

package/scss/radio/_variables.scss

@@ -0,0 +1,239 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.scss" as *;
+@use "../list/_variables.scss" as *;
+@use "../checkbox/_variables.scss" as *;
+
+
+// Radio button
+
+/// The border radius of the RadioButton.
+/// @group radio
+$kendo-radio-radius: 50% !default;
+/// The border width of the RadioButton.
+/// @group radio
+$kendo-radio-border-width: 1px !default;
+
+/// The size of a small RadioButton.
+/// @group radio
+$kendo-radio-sm-size: k-spacing(4) !default;
+/// The size of a medium RadioButton.
+/// @group radio
+$kendo-radio-md-size: k-spacing(4.5) !default;
+/// The size of a large RadioButton.
+/// @group radio
+$kendo-radio-lg-size: k-spacing(5) !default;
+
+/// The glyph size of a small RadioButton.
+/// @group radio
+$kendo-radio-sm-glyph-size: k-spacing(3.5) !default;
+/// The glyph size of a medium RadioButton.
+/// @group radio
+$kendo-radio-md-glyph-size: k-spacing(4) !default;
+/// The glyph size of a large RadioButton.
+/// @group radio
+$kendo-radio-lg-glyph-size: k-spacing(4.5) !default;
+
+/// The ripple size of a small RadioButton.
+/// @group radio
+$kendo-radio-sm-ripple-size: 300% !default;
+/// The ripple size of a medium RadioButton.
+/// @group radio
+$kendo-radio-md-ripple-size: 300% !default;
+/// The ripple size of a large RadioButton.
+/// @group radio
+$kendo-radio-lg-ripple-size: 300% !default;
+
+
+/// The background color of the RadioButton.
+/// @group radio
+$kendo-radio-bg: $kendo-checkbox-bg !default;
+/// The color of the RadioButton.
+/// @group radio
+$kendo-radio-text: $kendo-checkbox-text !default;
+/// The border color of the RadioButton.
+/// @group radio
+$kendo-radio-border: $kendo-checkbox-border !default;
+
+/// The background color of the hovered RadioButton.
+/// @group radio
+$kendo-radio-hover-bg: $kendo-checkbox-hover-bg !default;
+/// The color of the hovered RadioButton.
+/// @group radio
+$kendo-radio-hover-text: $kendo-checkbox-hover-text !default;
+/// The border color of the hovered RadioButton.
+/// @group radio
+$kendo-radio-hover-border: $kendo-checkbox-hover-border !default;
+
+/// The background color of the checked RadioButton.
+/// @group radio
+$kendo-radio-checked-bg: $kendo-checkbox-checked-bg !default;
+/// The color of the checked RadioButton.
+/// @group radio
+$kendo-radio-checked-text: $kendo-checkbox-checked-text !default;
+/// The border color of the checked RadioButton.
+/// @group radio
+$kendo-radio-checked-border: $kendo-checkbox-checked-border !default;
+
+/// The border color of the focused RadioButton.
+/// @group radio
+$kendo-radio-focus-border: $kendo-checkbox-focus-border !default;
+/// The box shadow of the focused RadioButton.
+/// @group radio
+$kendo-radio-focus-shadow: $kendo-checkbox-focus-shadow !default;
+
+/// The border color of the focused and checked RadioButton.
+/// @group radio
+$kendo-radio-focus-checked-border: $kendo-checkbox-focus-checked-border !default;
+/// The box shadow of the focused and checked RadioButton.
+/// @group radio
+$kendo-radio-focus-checked-shadow: $kendo-checkbox-focus-checked-shadow !default;
+
+/// The outline color of the focused RadioButton.
+/// @group radio
+$kendo-radio-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the focused RadioButton.
+/// @group radio
+$kendo-radio-focus-outline-width: 1px !default;
+/// The outline offset of the focused RadioButton.
+/// @group radio
+$kendo-radio-focus-outline-offset: 1px !default;
+
+/// The outline color of the focused and checked RadioButton.
+/// @group radio
+$kendo-radio-focus-checked-outline-color: k-color(secondary-on-surface) !default;
+/// The outline width of the focused and checked RadioButton.
+/// @group radio
+$kendo-radio-focus-checked-outline-width: 1px !default;
+/// The outline offset of the focused and checked RadioButton.
+/// @group radio
+$kendo-radio-focus-checked-outline-offset: 1px !default;
+
+/// The background color of the disabled RadioButton.
+/// @group radio
+$kendo-radio-disabled-bg: $kendo-checkbox-disabled-bg !default;
+/// The color of the disabled RadioButton.
+/// @group radio
+$kendo-radio-disabled-text: $kendo-checkbox-disabled-text !default;
+/// The border color of the disabled RadioButton.
+/// @group radio
+$kendo-radio-disabled-border: $kendo-checkbox-disabled-border !default;
+
+/// The background color of the disabled and checked RadioButton.
+/// @group radio
+$kendo-radio-disabled-checked-bg: $kendo-checkbox-disabled-checked-bg !default;
+/// The color of the disabled and checked RadioButton.
+/// @group radio
+$kendo-radio-disabled-checked-text: $kendo-checkbox-disabled-checked-text !default;
+/// The border color of disabled and checked RadioButton.
+/// @group radio
+$kendo-radio-disabled-checked-border: $kendo-checkbox-disabled-checked-border !default;
+
+/// The color of the invalid RadioButton.
+/// @group radio
+$kendo-radio-invalid-text: $kendo-checkbox-invalid-text !default;
+/// The border color of the invalid RadioButton.
+/// @group radio
+$kendo-radio-invalid-border: k-color(error) !default;
+
+
+// Radio indicator
+
+/// The type of the RadioButton indicator.
+/// @group radio
+$kendo-radio-indicator-type: image !default;
+
+/// The font family of the RadioButton indicator glyph.
+/// @group radio
+$kendo-radio-glyph-font-family: "WebComponentsIcons", monospace !default;
+/// The glyph of the RadioButton indicator.
+/// @group radio
+$kendo-radio-checked-glyph: "\e308" !default;
+
+/// The image of the checked RadioButton indicator.
+/// @group radio
+$kendo-radio-checked-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><circle cx='50%' cy='50%' r='4' fill='#ffffff'/></svg>") ) !default;
+/// The image of the disabled and checked RadioButton indicator.
+/// @group radio
+$kendo-radio-disabled-checked-image: null !default;
+
+
+// Radio label
+
+/// The horizontal margin of the RadioButton inside of a label.
+/// @group radio
+$kendo-radio-label-margin-x: k-spacing(1) !default;
+
+
+// Radio list
+
+/// The horizontal list item margin of the RadioButton.
+/// @group radio
+$kendo-radio-list-spacing: k-spacing(4) !default;
+/// The horizontal list item padding of the RadioButton.
+/// @group radio
+$kendo-radio-list-item-padding-x: k-spacing(0) !default;
+/// The vertical list item padding of the RadioButton.
+/// @group radio
+$kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
+
+
+// Radio ripple
+
+/// The background color of the RadioButton ripple.
+/// @group radio
+$kendo-radio-ripple-bg: $kendo-radio-checked-bg !default;
+/// The opacity of the RadioButton ripple.
+/// @group radio
+$kendo-radio-ripple-opacity: .25 !default;
+
+/// The default size of the RadioButton.
+/// @group radio
+/// @role default
+$kendo-radio-default-size: "md" !default;
+
+@forward "@progress/kendo-theme-core/scss/components/radio/_variables.scss" with (
+    $kendo-radio-radius: $kendo-radio-radius,
+    $kendo-radio-border-width: $kendo-radio-border-width,
+    $kendo-radio-sm-size: $kendo-radio-sm-size,
+    $kendo-radio-md-size: $kendo-radio-md-size,
+    $kendo-radio-lg-size: $kendo-radio-lg-size,
+    $kendo-radio-sm-glyph-size: $kendo-radio-sm-glyph-size,
+    $kendo-radio-md-glyph-size: $kendo-radio-md-glyph-size,
+    $kendo-radio-lg-glyph-size: $kendo-radio-lg-glyph-size,
+    $kendo-radio-sm-ripple-size: $kendo-radio-sm-ripple-size,
+    $kendo-radio-md-ripple-size: $kendo-radio-md-ripple-size,
+    $kendo-radio-lg-ripple-size: $kendo-radio-lg-ripple-size,
+    $kendo-radio-bg: $kendo-radio-bg,
+    $kendo-radio-text: $kendo-radio-text,
+    $kendo-radio-border: $kendo-radio-border,
+    $kendo-radio-hover-bg: $kendo-radio-hover-bg,
+    $kendo-radio-hover-text: $kendo-radio-hover-text,
+    $kendo-radio-hover-border: $kendo-radio-hover-border,
+    $kendo-radio-checked-bg: $kendo-radio-checked-bg,
+    $kendo-radio-checked-text: $kendo-radio-checked-text,
+    $kendo-radio-checked-border: $kendo-radio-checked-border,
+    $kendo-radio-focus-border: $kendo-radio-focus-border,
+    $kendo-radio-focus-shadow: $kendo-radio-focus-shadow,
+    $kendo-radio-focus-checked-border: $kendo-radio-focus-checked-border,
+    $kendo-radio-focus-checked-shadow: $kendo-radio-focus-checked-shadow,
+    $kendo-radio-disabled-bg: $kendo-radio-disabled-bg,
+    $kendo-radio-disabled-text: $kendo-radio-disabled-text,
+    $kendo-radio-disabled-border: $kendo-radio-disabled-border,
+    $kendo-radio-disabled-checked-bg: $kendo-radio-disabled-checked-bg,
+    $kendo-radio-disabled-checked-text: $kendo-radio-disabled-checked-text,
+    $kendo-radio-disabled-checked-border: $kendo-radio-disabled-checked-border,
+    $kendo-radio-invalid-text: $kendo-radio-invalid-text,
+    $kendo-radio-invalid-border: $kendo-radio-invalid-border,
+    $kendo-radio-indicator-type: $kendo-radio-indicator-type,
+    $kendo-radio-glyph-font-family: $kendo-radio-glyph-font-family,
+    $kendo-radio-checked-glyph: $kendo-radio-checked-glyph,
+    $kendo-radio-checked-image: $kendo-radio-checked-image,
+    $kendo-radio-disabled-checked-image: $kendo-radio-disabled-checked-image,
+    $kendo-radio-label-margin-x: $kendo-radio-label-margin-x,
+    $kendo-radio-list-spacing: $kendo-radio-list-spacing,
+    $kendo-radio-list-item-padding-x: $kendo-radio-list-item-padding-x,
+    $kendo-radio-list-item-padding-y: $kendo-radio-list-item-padding-y,
+    $kendo-radio-ripple-bg: $kendo-radio-ripple-bg,
+    $kendo-radio-ripple-opacity: $kendo-radio-ripple-opacity,
+    $kendo-radio-default-size: $kendo-radio-default-size
+);

package/scss/rating/_index.scss

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

package/scss/rating/_layout.scss

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

package/scss/rating/_theme.scss

@@ -0,0 +1,20 @@
+@use "../core/_index.scss" as *;
+@use "../rating/_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/rating/_theme.scss" as *;
+
+
+@mixin kendo-rating--theme() {
+    @include kendo-rating--theme-base();
+
+    .k-rating {
+        &:focus,
+        &.k-focus {
+            @include focus-indicator(
+                $type: "outline",
+                $indicator: $kendo-rating-focus-outline-color,
+                $outline-width: $kendo-rating-focus-outline-width,
+                $outline-offset: $kendo-rating-focus-outline-offset
+            );
+        }
+    }
+}