@progress/kendo-theme-fluent 6.5.0-dev.0 → 6.5.0-dev.2

package/scss/tooltip/_variables.scss

@@ -52,11 +52,11 @@ $kendo-tooltip-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
 
 /// The text color of the tooltip button
 /// @group tooltip
-$kendo-tooltip-button-text: get-theme-color-var( neutral-130, initial ) !default;
+$kendo-tooltip-button-text: k-get-theme-color-var( neutral-130, initial ) !default;
 
 /// The primary background color of the tooltip
 /// @group tooltip
-$kendo-tooltip-primary-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-tooltip-primary-bg: k-get-theme-color-var( primary-100 ) !default;
 /// The primary text color of the tooltip
 /// @group tooltip
 $kendo-tooltip-primary-text: $kendo-color-white !default;
@@ -82,7 +82,7 @@ $kendo-tooltip-theme-colors: () !default;
 @each $ui-states in $_tc-tooltip-primary-matrix {
     $kendo-tooltip-theme-colors: map.deep-merge(
         $kendo-tooltip-theme-colors,
-        generate-theme-variation( primary, primary, $ui-states )
+        k-generate-theme-variation( primary, primary, $ui-states )
     );
 }
 
@@ -90,7 +90,7 @@ $kendo-tooltip-theme-colors: () !default;
     @each $brand-color in $kendo-tooltip-brand-colors {
         $kendo-tooltip-theme-colors: map.deep-merge(
             $kendo-tooltip-theme-colors,
-            generate-theme-variation( $brand-color, $brand-color, $ui-states )
+            k-generate-theme-variation( $brand-color, $brand-color, $ui-states )
         );
     };
 }

package/scss/treeview/_variables.scss

@@ -49,7 +49,7 @@ $kendo-treeview-lg-item-padding-y: map.get( $kendo-spacing, 2.5 ) !default;
 $kendo-treeview-item-border-width: 0 !default;
 /// The border radius of the TreeView items.
 /// @group treeview
-$kendo-treeview-item-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-treeview-item-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 
 /// The horizontal padding of the TreeViews' filter element.
 /// @group treeview
@@ -124,7 +124,7 @@ $kendo-treeview-item-focus-text: $kendo-treeview-item-text !default;
 $kendo-treeview-item-focus-border: $kendo-treeview-item-border !default;
 /// The box shadow of focused TreeView items.
 /// @group treeview
-$kendo-treeview-item-focus-shadow: inset 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
+$kendo-treeview-item-focus-shadow: inset 0 0 0 1px k-get-theme-color-var( neutral-130 ) !default;
 
 /// The background color of selected TreeView items.
 /// @group treeview

package/scss/upload/_variables.scss

@@ -1,100 +1,100 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Width of the border around the upload.
+/// The width of the border around the Upload.
 /// @group upload
 $kendo-upload-border-width: 1px !default;
-/// Font family of the upload.
+/// The font family of the Upload.
 /// @group upload
 $kendo-upload-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the upload.
+/// The font size of the Upload.
 /// @group upload
 $kendo-upload-font-size: var( --kendo-font-size, inherit ) !default;
-/// Line height of the upload.
+/// The line height of the Upload.
 /// @group upload
 $kendo-upload-line-height: var( --kendo-line-height, normal ) !default;
-/// Maximum height of the upload.
+/// The maximum height of the list with uploaded items.
 /// @group upload
 $kendo-upload-max-height: 300px !default;
 
-/// Background color of the upload.
-/// @group upload
-$kendo-upload-bg: var( --kendo-component-bg, initial ) !default;
-/// Text color of the upload.
+/// The text color of the Upload.
 /// @group upload
 $kendo-upload-text: var( --kendo-component-text, initial ) !default;
-/// Border color of the upload.
+/// The background color of the Upload.
+/// @group upload
+$kendo-upload-bg: var( --kendo-component-bg, initial ) !default;
+/// The border color of the Upload.
 /// @group upload
 $kendo-upload-border: var( --kendo-component-border, initial ) !default;
 
-/// Horizontal padding of the upload dropzone.
+/// The horizontal padding of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-padding-x: map.get( $kendo-spacing, 2 ) !default;
-/// Vertical padding of the upload dropzone.
+/// The vertical padding of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-padding-y: map.get( $kendo-spacing, 2 ) !default;
-/// Background color of the upload dropzone.
+/// The text color of the Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-bg: get-theme-color-var( neutral-10 ) !default;
-/// Text color of the upload dropzone.
+$kendo-upload-dropzone-text: k-get-theme-color-var( neutral-130 ) !default;
+/// The background color of the Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-text: get-theme-color-var( neutral-130 ) !default;
-/// Border color of the upload dropzone.
+$kendo-upload-dropzone-bg: k-get-theme-color-var( neutral-10 ) !default;
+/// The border color of the Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-border: get-theme-color-var( neutral-30 ) !default;
-/// Background color of the hovered upload dropzone.
+$kendo-upload-dropzone-border: k-get-theme-color-var( neutral-30 ) !default;
+/// The background color of the hovered Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-hover-bg: var( --kendo-hover-bg, inherit ) !default;
 
-/// Text color of the file status message in the upload.
+/// The text color of the Upload status message.
 /// @group upload
 $kendo-upload-status-text: var( --kendo-subtle-text, inherit ) !default;
-/// Opacity of the file status message in the upload.
+/// The opacity of the Upload status message.
 /// @group upload
 $kendo-upload-status-text-opacity: null !default;
 
-/// Horizontal padding of the upload items.
+/// The horizontal padding of an uploaded item.
 /// @group upload
 $kendo-upload-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
-/// Vertical padding of the upload items.
+/// The vertical padding of an uploaded item.
 /// @group upload
 $kendo-upload-item-padding-y: map.get( $kendo-spacing, 2 ) !default;
 
-/// Spacing between multiple items in the upload.
+/// The vertical spacing between uploaded batch items.
 /// @group upload
 $kendo-upload-multiple-items-spacing: map.get( $kendo-spacing, 4 ) !default;
 
-/// Font size of the upload validation message.
+/// The font size of the Upload validation message.
 /// @group upload
 $kendo-upload-validation-font-size: var( --kendo-font-size-xs, inherit ) !default;
-/// Spacing between the icon and text in the upload.
+/// The horizontal spacing of the Upload status icon.
 /// @group upload
 $kendo-upload-icon-spacing: var( --kendo-icon-spacing, .5rem ) !default;
-/// Color of the icons in the upload.
+/// The color of the uploaded items icon.
 /// @group upload
 $kendo-upload-icon-color: var( --kendo-subtle-text, inherit ) !default;
 
-/// Thickness of the upload progress bar.
+/// The thickness of the Upload progress bar.
 /// @group upload
 $kendo-upload-progress-thickness: 2px !default;
-/// Background color of the upload progress bar.
+/// The background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-progress-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-upload-progress-bg: k-get-theme-color-var( primary-100 ) !default;
 
-/// Success background color of the upload.
+/// The success text color of the Upload.
 /// @group upload
-$kendo-upload-success-bg: get-theme-color-var( success-190 ) !default;
-/// Success text color of the upload.
+$kendo-upload-success-text: k-get-theme-color-var( success-190 ) !default;
+/// The success background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-success-text: get-theme-color-var( success-190 ) !default;
+$kendo-upload-success-bg: k-get-theme-color-var( success-190 ) !default;
 
-/// Error background color of the upload.
+/// The error text color of the Upload.
 /// @group upload
-$kendo-upload-error-bg: get-theme-color-var( error-190 ) !default;
-/// Error text color of the upload.
+$kendo-upload-error-text: k-get-theme-color-var( error-190 ) !default;
+/// The error background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-error-text: get-theme-color-var( error-190 ) !default;
+$kendo-upload-error-bg: k-get-theme-color-var( error-190 ) !default;
 
-/// Focus shadow of the upload when focused.
+/// The shadow of the focused Upload button, actions and uploaded items.
 /// @group upload
 $kendo-upload-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;

package/scss/utils/_layout.scss

@@ -1,9 +1,11 @@
-@use "../core/_variables.scss" as *;
+@use "../core" as *;
 
-@use "@progress/kendo-theme-utils/scss/all.scss" with (
+@use "@progress/kendo-theme-utils/scss/index.import.scss" as * with (
     $kendo-spacing: $kendo-spacing,
+    $kendo-font-sizes: $kendo-font-sizes,
     $kendo-border-radii: $kendo-border-radii,
-    $kendo-font-sizes: $kendo-font-sizes
 );
 
-@mixin kendo-utils--layout() {}
+@mixin kendo-utils--layout() {
+    @include kendo-utils();
+}

package/scss/window/_variables.scss

@@ -1,104 +1,102 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Width of the border around the window.
+/// The width of the border around the Window.
 /// @group window
 $kendo-window-border-width: map.get( $kendo-spacing, 1 ) 0 0 !default;
-/// Border radius of the window.
+/// The border radius of the Window.
 /// @group window
-$kendo-window-border-radius: var( --kendo-border-radius-md, 0 ) !default;
-/// Font family of the window.
+$kendo-window-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
+/// The font family of the Window.
 /// @group window
 $kendo-window-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the window.
+/// The font size of the Window.
 /// @group window
 $kendo-window-font-size: var( --kendo-font-size, inherit ) !default;
-/// Line height of the window.
+/// The line height of the Window.
 /// @group window
 $kendo-window-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Horizontal padding of the window titlebar.
+/// The horizontal padding of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-padding-x: map.get( $kendo-spacing, 6 ) !default;
-/// Vertical padding of the window titlebar.
+/// The vertical padding of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-padding-y: map.get( $kendo-spacing, 5 ) !default;
-/// Width of the top border of the window titlebar.
+/// The width of the border of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-border-width: 0 !default;
-/// Style of the top border of the window titlebar.
+/// The style of the border of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-border-style: solid !default;
 
-/// Font size of the title of the window.
+/// The font size of the title of the Window.
 /// @group window
 $kendo-window-title-font-size: var( --kendo-font-size-xl, inherit ) !default;
-/// Line height of the title of the window.
+/// The line height of the title of the Window.
 /// @group window
 $kendo-window-title-line-height: var( --kendo-line-height, normal ) !default;
-/// Font weight of the title of the window.
+/// The font weight of the title of the Window.
 /// @group window
 $kendo-window-title-font-weight: var( --kendo-font-weight-bold, bold ) !default;
 
-/// Spacing between the buttons in the header of the window.
+/// The spacing between the buttons in the Window titlebar.
 /// @group window
 $kendo-window-actions-gap: 0px !default;
-
-/// Opacity of the buttons in the header of the window.
+/// OThe opacity of the buttons in the Window titlebar.
 /// @group window
 $kendo-window-action-opacity: 1 !default;
-/// Opacity of the buttons when hovered in the header of the window.
+/// The opacity of the hovered buttons in the Window titlebar.
 /// @group window
 $kendo-window-action-hover-opacity: 1 !default;
 
-/// Horizontal padding of the content of the window.
+/// The horizontal padding of the content of the Window.
 /// @group window
 $kendo-window-inner-padding-x: map.get( $kendo-spacing, 6 ) !default;
-/// Vertical padding of the content of the window.
+/// The vertical padding of the content of the Window.
 /// @group window
 $kendo-window-inner-padding-y: map.get( $kendo-spacing, 3 ) !default;
 
-/// Horizontal padding of the window action buttons.
+/// The horizontal padding of the Window action buttons.
 /// @group window
 $kendo-window-buttongroup-padding-x: map.get( $kendo-spacing, 6 ) !default; // $kendo-actions-padding-x
-/// Vertical padding of the window action buttons.
+/// The vertical padding of the Window action buttons.
 /// @group window
 $kendo-window-buttongroup-padding-y: map.get( $kendo-spacing, 6 ) !default; // $kendo-actions-padding-y
-/// Width of the top border of the window action buttons.
+/// The width of the top border of the Window action buttons.
 /// @group window
 $kendo-window-buttongroup-border-width: 0 !default;
-/// Spacing between the action buttons of the window.
+/// The spacing between the Window action buttons.
 /// @group window
 $kendo-window-buttongroup-spacing: map.get( $kendo-spacing, 3 ) !default;
 
-/// Background color of the window.
+/// The background color of the Window.
 /// @group window
 $kendo-window-bg: var( --kendo-component-bg, initial ) !default;
-/// Text color of the window.
+/// The text color of the Window.
 /// @group window
 $kendo-window-text: var( --kendo-component-text, initial ) !default;
-/// Border color of the window.
-/// @group window
-$kendo-window-border: get-theme-color-var( primary-100 ) !default;
-
-/// Background color of the window titlebar.
+/// The border color of the Window.
 /// @group window
-$kendo-window-titlebar-bg: var( --kendo-component-bg, initial ) !default; // $kendo-component-header-bg
-/// Text color of the window titlebar.
+$kendo-window-border: k-get-theme-color-var( primary-100 ) !default;
+/// The box shadow of the Window.
 /// @group window
-$kendo-window-titlebar-text: get-theme-color-var( primary-100 ) !default; // $kendo-component-header-text
-/// Border color of the window titlebar.
+$kendo-window-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
+/// The box shadow of the focused Window.
 /// @group window
-$kendo-window-titlebar-border: get-theme-color-var( primary-100 ) !default;
+$kendo-window-focus-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
 
-/// Box shadow around the window.
+/// The background color of the Window titlebar.
 /// @group window
-$kendo-window-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
-/// Box shadow around the window when hovered.
+$kendo-window-titlebar-bg: var( --kendo-component-bg, initial ) !default; // $kendo-component-header-bg
+/// The text color of the Window titlebar.
 /// @group window
-$kendo-window-focus-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
+$kendo-window-titlebar-text: k-get-theme-color-var( primary-100 ) !default; // $kendo-component-header-text
+/// The border color of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-border: k-get-theme-color-var( primary-100 ) !default;
 
-/// Map of the width of the different window sizes.
+/// The map of the width of the different Window sizes.
 /// @group window
 $kendo-window-sizes: (
     sm: 300px,
@@ -106,7 +104,8 @@ $kendo-window-sizes: (
     lg: 1200px
 ) !default;
 
-/// Theme variations for the window.
+/// The theme variations for the Window.
+/// @group window
 $kendo-window-brand-colors: (
     primary: primary
  ) !default;
@@ -124,14 +123,15 @@ $_tc-window-light-matrix: (
     (normal: (50, 160, 50)),
 ) !default;
 
-/// Theme colors map for the window variations.
+/// The theme colors map for the Window.
+/// @group window
 $kendo-window-theme-colors: () !default;
 
 @each $ui-states in $_tc-window-matrix {
     @each $brand-color, $palette in $kendo-window-brand-colors {
         $kendo-window-theme-colors: map.deep-merge(
             $kendo-window-theme-colors,
-            generate-theme-variation( $brand-color, $palette, $ui-states )
+            k-generate-theme-variation( $brand-color, $palette, $ui-states )
         );
     };
 }
@@ -139,13 +139,13 @@ $kendo-window-theme-colors: () !default;
 @each $ui-states in $_tc-window-dark-matrix {
     $kendo-window-theme-colors: map.deep-merge(
         $kendo-window-theme-colors,
-        generate-theme-variation( dark, neutral, $ui-states )
+        k-generate-theme-variation( dark, neutral, $ui-states )
     );
 }
 
 @each $ui-states in $_tc-window-light-matrix {
     $kendo-window-theme-colors: map.deep-merge(
         $kendo-window-theme-colors,
-        generate-theme-variation( light, neutral, $ui-states )
+        k-generate-theme-variation( light, neutral, $ui-states )
     );
 }

package/scss/wizard/_variables.scss

@@ -50,4 +50,4 @@ $kendo-wizard-buttons-margin-y: map.get( $kendo-spacing, 6 ) !default;
 
 /// Outline of the focused wizard step.
 /// @group wizard
-$kendo-wizard-step-focus-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-wizard-step-focus-border: k-get-theme-color-var( neutral-130 ) !default;

package/scss/core/_layout.scss

@@ -1,13 +0,0 @@
-@use "./mixins" as *;
-@use "./_variables.scss" as *;
-
-.k-body {
-    @include typography(
-        var( --kendo-font-size, inherit ),
-        var( --kendo-font-family, inherit ),
-        var( --kendo-line-height, normal ),
-        var( --kendo-font-weight, normal ),
-        var( --kendo-letter-spacing, normal ),
-    );
-    margin: 0;
-}

package/scss/core/_theme.scss

@@ -1,9 +0,0 @@
-@use "./mixins" as *;
-@use "./color-system" as *;
-
-.k-body {
-    @include fill(
-        var( --kendo-body-text, initial ),
-        var( --kendo-body-bg, initial )
-    );
-}

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

@@ -1,172 +0,0 @@
-@use "sass:map";
-@use "./utils" as *;
-@use "./palettes" as *;
-
-// Constants
-$kendo-color-white: #ffffff;
-$kendo-color-black: #000000;
-$kendo-color-rgba-transparent: rgba( 0, 0, 0, 0 );
-$kendo-gradient-transparent-to-black: rgba( black, 0), black;
-$kendo-gradient-transparent-to-white: rgba( white, 0), white;
-$kendo-gradient-black-to-transparent: black, rgba( black, 0);
-$kendo-gradient-white-to-transparent: white, rgba( white, 0);
-$kendo-gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000;
-
-// Root styles
-$kendo-body-bg: $kendo-color-white !default;
-$kendo-body-text: get-theme-color-var( neutral-160 ) !default;
-
-// Component styles
-$kendo-component-bg: $kendo-body-bg !default;
-$kendo-component-text: $kendo-body-text !default;
-$kendo-component-border: get-theme-color-var( neutral-30 ) !default;
-
-// States styles
-$kendo-hover-bg: get-theme-color-var( neutral-20 ) !default;
-$kendo-hover-text: get-theme-color-var( neutral-190 ) !default;
-$kendo-hover-border: get-theme-color-var( neutral-20 ) !default;
-
-$kendo-selected-bg: get-theme-color-var( neutral-30 ) !default;
-$kendo-selected-text: get-theme-color-var( neutral-160 ) !default;
-$kendo-selected-border: get-theme-color-var( neutral-130 ) !default;
-
-$kendo-selected-hover-bg: get-theme-color-var( neutral-40 ) !default;
-$kendo-selected-hover-text: get-theme-color-var( neutral-190 ) !default;
-$kendo-selected-hover-border: get-theme-color-var( neutral-130 ) !default;
-
-$kendo-focus-outline: get-theme-color-var( neutral-130 ) !default;
-
-$kendo-subtle-text: get-theme-color-var( neutral-130 ) !default;
-
-// Shadows
-
-/// Shadow for cards and grid item thumbnails.
-/// Equivalent to fluent depth 4.
-$kendo-box-shadow-depth-1: 0 1.6px 3.6px rgba( $kendo-color-black, 0.132 ), 0 0.3px 0.9px rgba( $kendo-color-black, 0.108 ) !default;
-/// Shadow for command bars and dropdowns.
-/// Equivalent to fluent depth 8.
-$kendo-box-shadow-depth-2: 0 3.2px 7.2px rgba( $kendo-color-black, 0.132 ), 0 0.6px 1.8px rgba( $kendo-color-black, 0.108 ) !default;
-/// Shadow for teaching callouts and hover cards / tooltips.
-/// Equivalent to fluent depth 16.
-$kendo-box-shadow-depth-3: 0 6.4px 14.4px rgba( $kendo-color-black, 0.132 ), 0 1.2px 3.6px rgba( $kendo-color-black, 0.108 ) !default;
-/// Shadow for panels and pop up dialogs.
-/// Equivalent to fluent depth 64.
-$kendo-box-shadow-depth-4: 0 25.6px 57.6px rgba( $kendo-color-black, 0.22 ), 0 4.8px 14.4px rgba( $kendo-color-black, 0.18 ) !default;
-
-// Link
-$kendo-link-text: get-theme-color-var( primary-100 ) !default;
-$kendo-link-hover-text: get-theme-color-var( primary-120 ) !default;
-
-// Validator
-$kendo-invalid-bg: initial !default;
-$kendo-invalid-text: get-theme-color-var( error-190 ) !default;
-$kendo-invalid-border: get-theme-color-var( error-190 ) !default;
-$kendo-invalid-shadow: none !default;
-
-// Disabled Styling
-$kendo-disabled-bg: get-theme-color-var( neutral-20 ) !default;
-$kendo-disabled-text: get-theme-color-var( neutral-90 ) !default;
-$kendo-disabled-border: transparent !default;
-
-// Loading
-$kendo-loading-bg: $kendo-component-bg !default;
-$kendo-loading-text: currentColor !default;
-
-
-// Theme colors
-$kendo-theme-colors: (
-    primary: (
-        text: get-theme-color-var( primary-130 ),
-        bg: get-theme-color-var( primary-20 ),
-        border: get-theme-color-var( primary-20 )
-    ),
-    info: (
-        text: get-theme-color-var( info-190 ),
-        bg: get-theme-color-var( info-20 ),
-        border: get-theme-color-var( info-20 )
-    ),
-    success: (
-        text: get-theme-color-var( success-190 ),
-        bg: get-theme-color-var( success-20 ),
-        border: get-theme-color-var( success-20 )
-    ),
-    warning: (
-        text: get-theme-color-var( neutral-160 ),
-        bg: get-theme-color-var( warning-20 ),
-        border: get-theme-color-var( warning-20 )
-    ),
-    error: (
-        text: get-theme-color-var( error-190 ),
-        bg: get-theme-color-var( error-20 ),
-        border: get-theme-color-var( error-20 )
-    )
-) !default;
-
-
-@mixin color-system-styles() {
-    :root {
-        @include css-vars( $kendo-fluent-palettes );
-        @include css-vars( $kendo-theme-colors );
-
-        --kendo-body-bg: #{$kendo-body-bg};
-        --kendo-body-text: #{$kendo-body-text};
-
-        --kendo-component-bg: #{$kendo-component-bg};
-        --kendo-component-text: #{$kendo-component-text};
-        --kendo-component-border: #{$kendo-component-border};
-
-        --kendo-box-shadow-depth-1: #{$kendo-box-shadow-depth-1};
-        --kendo-box-shadow-depth-2: #{$kendo-box-shadow-depth-2};
-        --kendo-box-shadow-depth-3: #{$kendo-box-shadow-depth-3};
-        --kendo-box-shadow-depth-4: #{$kendo-box-shadow-depth-4};
-
-        --kendo-link-text: #{$kendo-link-text};
-        --kendo-link-hover-text: #{$kendo-link-hover-text};
-
-        --kendo-disabled-bg: #{$kendo-disabled-bg};
-        --kendo-disabled-text: #{$kendo-disabled-text};
-        --kendo-disabled-border: #{$kendo-disabled-border};
-
-        --kendo-hover-bg: #{$kendo-hover-bg};
-        --kendo-hover-text: #{$kendo-hover-text};
-        --kendo-hover-border: #{$kendo-hover-border};
-
-        --kendo-selected-bg: #{$kendo-selected-bg};
-        --kendo-selected-text: #{$kendo-selected-text};
-        --kendo-selected-border: #{$kendo-selected-border};
-
-        --kendo-selected-hover-bg: #{$kendo-selected-hover-bg};
-        --kendo-selected-hover-text: #{$kendo-selected-hover-text};
-        --kendo-selected-hover-border: #{$kendo-selected-hover-border};
-
-        --kendo-focus-outline: #{$kendo-focus-outline};
-
-        --kendo-subtle-text: #{$kendo-subtle-text};
-
-        --kendo-invalid-bg: #{$kendo-invalid-bg};
-        --kendo-invalid-text: #{$kendo-invalid-text};
-        --kendo-invalid-border: #{$kendo-invalid-border};
-        --kendo-invalid-shadow: #{$kendo-invalid-shadow};
-    }
-
-    // Text colors
-    @each $theme-color, $color-props in $kendo-theme-colors {
-        $_color: map.get( $color-props, text );
-
-        .k-text-#{$theme-color},
-        .k-color-#{$theme-color} {
-            color: var( --kendo-text-#{$theme-color}, #{$_color} );
-        }
-        .\!k-text-#{$theme-color},
-        .\!k-color-#{$theme-color} {
-            color: var( --kendo-text-#{$theme-color}, #{$_color} ) !important; // stylelint-disable-line declaration-no-important
-        }
-
-        .k-bg-#{$theme-color} {
-            background-color: var( --kendo-bg-#{$theme-color}, #{$_color} );
-        }
-        .\!k-bg-#{$theme-color} {
-            background-color: var( --kendo-bg-#{$theme-color}, #{$_color} ) !important; // stylelint-disable-line declaration-no-important
-        }
-    };
-}

package/scss/core/functions/_index.scss

@@ -1,3 +0,0 @@
-
-// @forward "./misc";
-@forward "./_strings.scss";

package/scss/core/functions/_strings.scss

@@ -1,37 +0,0 @@
-@use "sass:string";
-
-$svg-escaped-characters: (
-    ("%", "%25"),
-    ("<", "%3c"),
-    (">", "%3e"),
-    ("#", "%23"),
-    ("(", "%28"),
-    (")", "%29")
-) !default;
-
-// See https://www.sassmeister.com/gist/1b4f2da5527830088e4d
-@function str-replace($string, $search, $replace: "") {
-    $index: string.index($string, $search);
-
-    @if $index {
-        @return string.slice($string, 1, $index - 1) + $replace + str-replace(string.slice($string, $index + string.length($search)), $search, $replace);
-    }
-
-    @return $string;
-}
-
-// See https://codepen.io/kevinweber/pen/dXWoRw
-@function escape-svg($string) {
-    @if string.index($string, "data:image/svg+xml") {
-        @each $char, $encoded in $svg-escaped-characters {
-            // Do not escape the url brackets
-            @if string.index($string, "url(") == 1 {
-                $string: url("#{str-replace(string.slice($string, 6, -3), $char, $encoded)}");
-            } @else {
-                $string: str-replace($string, $char, $encoded);
-            }
-        }
-    }
-
-    @return $string;
-}