@progress/kendo-theme-material 8.2.1 → 9.0.0-dev.1

package/dist/all.scss

@@ -4516,6 +4516,14 @@ $kendo-border-radii: k-map-merge($_default-border-radii, $kendo-border-radii);
             --kendo-border-radius-#{$key}: #{$value};
         }
     }
+
+    // Generate k-rounded-* classes
+    // which are part of the components rendering.
+    @each $key, $val in $kendo-border-radii {
+        .k-rounded-#{$key} {
+            border-radius: k-border-radius($key);
+        }
+    }
 }
 
 // #endregion
@@ -5713,175 +5721,175 @@ $kendo-palettes: (
 // #endregion
 
 // Config
-$kendo-enable-color-system: false !default;
+$kendo-enable-color-system: true !default;
 
 // Colors
-$_default-colors: (
+$_default_colors: (
     // Misc
-    app-surface: null,
-    on-app-surface: null,
-    subtle: null,
-    surface: null,
-    surface-alt: null,
-    border: null,
-    border-alt: null,
+    app-surface: #ffffff,
+    on-app-surface: #3d3d3d,
+    subtle: #666666,
+    surface: #fafafa,
+    surface-alt: #ffffff,
+    border: rgba(0, 0, 0, 0.08),
+    border-alt: rgba(0, 0, 0, 0.16),
     // Base
-    base-subtle: null,
-    base-subtle-hover: null,
-    base-subtle-active: null,
-    base: null,
-    base-hover: null,
-    base-active: null,
-    base-emphasis: null,
-    base-on-subtle: null,
-    on-base: null,
-    base-on-surface: null,
+    base-subtle: #ebebeb,
+    base-subtle-hover: #e0e0e0,
+    base-subtle-active: #d6d6d6,
+    base: #f5f5f5,
+    base-hover: #ebebeb,
+    base-active: #d6d6d6,
+    base-emphasis: #c2c2c2,
+    base-on-subtle: #3d3d3d,
+    on-base: #3d3d3d,
+    base-on-surface: #3d3d3d,
     // Primary
-    primary-subtle: null,
-    primary-subtle-hover: null,
-    primary-subtle-active: null,
-    primary: null,
-    primary-hover: null,
-    primary-active: null,
-    primary-emphasis: null,
-    primary-on-subtle: null,
-    on-primary: null,
-    primary-on-surface: null,
+    primary-subtle: #ffeceb,
+    primary-subtle-hover: #ffdedb,
+    primary-subtle-active: #ffc8c4,
+    primary: #ff6358,
+    primary-hover: #ea5a51,
+    primary-active: #d45349,
+    primary-emphasis: #ff9d97,
+    primary-on-subtle: #5c201c,
+    on-primary: #ffffff,
+    primary-on-surface: #ff6358,
     // Secondary
-    secondary-subtle: null,
-    secondary-subtle-hover: null,
-    secondary-subtle-active: null,
-    secondary: null,
-    secondary-hover: null,
-    secondary-active: null,
-    secondary-emphasis: null,
-    secondary-on-subtle: null,
-    on-secondary: null,
-    secondary-on-surface: null,
+    secondary-subtle: #fafafa,
+    secondary-subtle-hover: #f5f5f5,
+    secondary-subtle-active: #ebebeb,
+    secondary: #666666,
+    secondary-hover: #525252,
+    secondary-active: #3d3d3d,
+    secondary-emphasis: #e0e0e0,
+    secondary-on-subtle: #141414,
+    on-secondary: #ffffff,
+    secondary-on-surface: #292929,
     // Tertiary
-    tertiary-subtle: null,
-    tertiary-subtle-hover: null,
-    tertiary-subtle-active: null,
-    tertiary: null,
-    tertiary-hover: null,
-    tertiary-active: null,
-    tertiary-emphasis: null,
-    tertiary-on-subtle: null,
-    on-tertiary: null,
-    tertiary-on-surface: null,
+    tertiary-subtle: #d8f1fd,
+    tertiary-subtle-hover: #c5eafc,
+    tertiary-subtle-active: #a3dffb,
+    tertiary: #03a9f4,
+    tertiary-hover: #039ae0,
+    tertiary-active: #028ccb,
+    tertiary-emphasis: #61c9f9,
+    tertiary-on-subtle: #023f5c,
+    on-tertiary: #ffffff,
+    tertiary-on-surface: #028ccb,
     // Info
-    info-subtle: null,
-    info-subtle-hover: null,
-    info-subtle-active: null,
-    info: null,
-    info-hover: null,
-    info-active: null,
-    info-emphasis: null,
-    info-on-subtle: null,
-    on-info: null,
-    info-on-surface: null,
+    info-subtle: #d2e2fb,
+    info-subtle-hover: #bdd4f8,
+    info-subtle-active: #80acf4,
+    info: #0058e9,
+    info-hover: #0052d6,
+    info-active: #004ac2,
+    info-emphasis: #6098f2,
+    info-on-subtle: #002259,
+    on-info: #ffffff,
+    info-on-surface: #004ac2,
     // Success
-    success-subtle: null,
-    success-subtle-hover: null,
-    success-subtle-active: null,
-    success: null,
-    success-hover: null,
-    success-active: null,
-    success-emphasis: null,
-    success-on-subtle: null,
-    on-success: null,
-    success-on-surface: null,
+    success-subtle: #dcf0d3,
+    success-subtle-hover: #cbe9bf,
+    success-subtle-active: #b7e1a5,
+    success: #37b400,
+    success-hover: #32a500,
+    success-active: #2d9600,
+    success-emphasis: #81d15f,
+    success-on-subtle: #1c5a00,
+    on-success: #ffffff,
+    success-on-surface: #2d9600,
     // Warning
-    warning-subtle: null,
-    warning-subtle-hover: null,
-    warning-subtle-active: null,
-    warning: null,
-    warning-hover: null,
-    warning-active: null,
-    warning-emphasis: null,
-    warning-on-subtle: null,
-    on-warning: null,
-    warning-on-surface: null,
+    warning-subtle: #fff4d3,
+    warning-subtle-hover: #ffeebd,
+    warning-subtle-active: #ffe79e,
+    warning: #ffc000,
+    warning-hover: #eaaf00,
+    warning-active: #d49f00,
+    warning-emphasis: #ffd760,
+    warning-on-subtle: #5e4700,
+    on-warning: #3d3d3d,
+    warning-on-surface: #ffc000,
     // Error
-    error-subtle: null,
-    error-subtle-hover: null,
-    error-subtle-active: null,
-    error: null,
-    error-hover: null,
-    error-active: null,
-    error-emphasis: null,
-    error-on-subtle: null,
-    on-error: null,
-    error-on-surface: null,
+    error-subtle: #fcddda,
+    error-subtle-hover: #fbc8c3,
+    error-subtle-active: #f98b80,
+    error: #f31700,
+    error-hover: #df1600,
+    error-active: #ca1400,
+    error-emphasis: #f76f60,
+    error-on-subtle: #7a0c00,
+    on-error: #ffffff,
+    error-on-surface: #ca1400,
     // Light
-    light-subtle: null,
-    light-subtle-hover: null,
-    light-subtle-active: null,
-    light: null,
-    light-hover: null,
-    light-active: null,
-    light-emphasis: null,
-    light-on-subtle: null,
-    on-light: null,
-    light-on-surface: null,
+    light-subtle: #fafafa,
+    light-subtle-hover: #f5f5f5,
+    light-subtle-active: #ebebeb,
+    light: #ebebeb,
+    light-hover: #e0e0e0,
+    light-active: #d6d6d6,
+    light-emphasis: #d6d6d6,
+    light-on-subtle: #141414,
+    on-light: #000000,
+    light-on-surface: #e0e0e0,
     // Dark
-    dark-subtle: null,
-    dark-subtle-hover: null,
-    dark-subtle-active: null,
-    dark: null,
-    dark-hover: null,
-    dark-active: null,
-    dark-emphasis: null,
-    dark-on-subtle: null,
-    on-dark: null,
-    dark-on-surface: null,
+    dark-subtle: #c2c2c2,
+    dark-subtle-hover: #adadad,
+    dark-subtle-active: #999999,
+    dark: #3d3d3d,
+    dark-hover: #292929,
+    dark-active: #1f1f1f,
+    dark-emphasis: #666666,
+    dark-on-subtle: #1f1f1f,
+    on-dark: #ffffff,
+    dark-on-surface: #141414,
     // Inverse
-    inverse-subtle: null,
-    inverse-subtle-hover: null,
-    inverse-subtle-active: null,
-    inverse: null,
-    inverse-hover: null,
-    inverse-active: null,
-    inverse-emphasis: null,
-    inverse-on-subtle: null,
-    on-inverse: null,
-    inverse-on-surface: null,
+    inverse-subtle: #c2c2c2,
+    inverse-subtle-hover: #adadad,
+    inverse-subtle-active: #999999,
+    inverse: #3d3d3d,
+    inverse-hover: #292929,
+    inverse-active: #1f1f1f,
+    inverse-emphasis: #666666,
+    inverse-on-subtle: #1f1f1f,
+    on-inverse: #ffffff,
+    inverse-on-surface: #141414,
     // Series A
-    series-a: null,
-    series-a-bold: null,
-    series-a-bolder: null,
-    series-a-subtle: null,
-    series-a-subtler: null,
+    series-a: #ff6358,
+    series-a-bold: #bf4a42,
+    series-a-bolder: #80322c,
+    series-a-subtle: #ffb1ac,
+    series-a-subtler: #ff8a82,
     // Series B
-    series-b: null,
-    series-b-bold: null,
-    series-b-bolder: null,
-    series-b-subtle: null,
-    series-b-subtler: null,
+    series-b: #ffe162,
+    series-b-bold: #bfa94a,
+    series-b-bolder: #807131,
+    series-b-subtle: #fff0b1,
+    series-b-subtler: #ffe989,
     // Series C
-    series-c: null,
-    series-c-bold: null,
-    series-c-bolder: null,
-    series-c-subtle: null,
-    series-c-subtler: null,
+    series-c: #4cd180,
+    series-c-bold: #399d60,
+    series-c-bolder: #266940,
+    series-c-subtle: #a6e8c0,
+    series-c-subtler: #79dda0,
     // Series D
-    series-d: null,
-    series-d-bold: null,
-    series-d-bolder: null,
-    series-d-subtle: null,
-    series-d-subtler: null,
-    // Series Е
-    series-e: null,
-    series-e-bold: null,
-    series-e-bolder: null,
-    series-e-subtle: null,
-    series-e-subtler: null,
+    series-d: #4b5ffa,
+    series-d-bold: #3847bc,
+    series-d-bolder: #26307d,
+    series-d-subtle: #a5affd,
+    series-d-subtler: #7887fb,
+    // Series E
+    series-e: #ac58ff,
+    series-e-bold: #8142bf,
+    series-e-bolder: #562c80,
+    series-e-subtle: #d6acff,
+    series-e-subtler: #c182ff,
     // Series F
-    series-f: null,
-    series-f-bold: null,
-    series-f-bolder: null,
-    series-f-subtle: null,
-    series-f-subtler: null,
+    series-f: #ff5892,
+    series-f-bold: #bf426e,
+    series-f-bolder: #802c49,
+    series-f-subtle: #ffacc9,
+    series-f-subtler: #ff82ae,
 ) !default;
 
 /// The global default Colors map.
@@ -6244,9 +6252,103 @@ $_kendo-imported-modules: () !default;
 // #region @import "./module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
 // #region @import "./_components.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/_components.scss
 $kendo-components: (
-    // Typography and utils
-    "typography",
+    // Utils
     "utils",
+    "utils-accessibility-screen-readers",
+    "utils-background-clip",
+    "utils-background-color",
+    "utils-background-position",
+    "utils-background-size",
+    "utils-border-color",
+    "utils-border-radius",
+    "utils-border-style",
+    "utils-border-width",
+    "utils-outline-color",
+    "utils-outline-offset",
+    "utils-outline-style",
+    "utils-outline-width",
+    "utils-effects-opacity",
+    "utils-elevation",
+    "utils-filter-backdrop",
+    "utils-flex-grid-align-content",
+    "utils-flex-grid-align-items",
+    "utils-flex-grid-align-self",
+    "utils-flex-grid-flex-basis",
+    "utils-flex-grid-flex-direction",
+    "utils-flex-grid-flex-grow",
+    "utils-flex-grid-flex-shrink",
+    "utils-flex-grid-flex-wrap",
+    "utils-flex-grid-flex",
+    "utils-flex-grid-gap",
+    "utils-flex-grid-grid-auto-columns",
+    "utils-flex-grid-grid-auto-flow",
+    "utils-flex-grid-grid-auto-rows",
+    "utils-flex-grid-grid-column-start-end",
+    "utils-flex-grid-grid-row-start-end",
+    "utils-flex-grid-grid-template-columns",
+    "utils-flex-grid-grid-template-rows",
+    "utils-flex-grid-justify-content",
+    "utils-flex-grid-justify-items",
+    "utils-flex-grid-justify-self",
+    "utils-flex-grid-order",
+    "utils-flex-grid-place-content",
+    "utils-flex-grid-place-items",
+    "utils-flex-grid-place-self",
+    "utils-interactivity-accent-color",
+    "utils-interactivity-appearance",
+    "utils-interactivity-caret-color",
+    "utils-interactivity-cursor",
+    "utils-interactivity-pointer-events",
+    "utils-interactivity-resize",
+    "utils-interactivity-scroll",
+    "utils-interactivity-touch-action",
+    "utils-interactivity-user-select",
+    "utils-interactivity-will-change",
+    "utils-layout-aspect-ratio",
+    "utils-layout-box-sizing",
+    "utils-layout-clear",
+    "utils-layout-columns",
+    "utils-layout-display",
+    "utils-layout-float",
+    "utils-layout-object-fit",
+    "utils-layout-object-position",
+    "utils-layout-overflow",
+    "utils-layout-placement",
+    "utils-layout-position",
+    "utils-layout-visibility",
+    "utils-layout-zindex",
+    "utils-sizing-height",
+    "utils-sizing-width",
+    "utils-spacing-margin",
+    "utils-spacing-padding",
+    "utils-spacing-space-between",
+    "utils-svg-fill",
+    "utils-svg-stroke",
+    "utils-table-border-collapse",
+    "utils-table-table-layout",
+    "utils-transform-flip",
+    "utils-transform-origin",
+    "utils-transform-rotate",
+    "utils-transform-scale",
+    "utils-transform-skew",
+    "utils-transform-translate",
+    "utils-typography-font-family",
+    "utils-typography-font-size",
+    "utils-typography-font-style",
+    "utils-typography-font-weight",
+    "utils-typography-letter-spacing",
+    "utils-typography-line-height",
+    "utils-typography-list-style",
+    "utils-typography-text-align",
+    "utils-typography-text-color",
+    "utils-typography-text-decoration",
+    "utils-typography-text-overflow",
+    "utils-typography-text-transform",
+    "utils-typography-vertical-align",
+    "utils-typography-white-space",
+
+    // Typography
+    "typography",
     "draggable",
 
     // Generic content
@@ -6874,6 +6976,98 @@ $_kendo-dependencies: (
         "toolbar"
     ),
     utils: (),
+    utils-accessibility-screen-readers: (),
+    utils-background-clip: (),
+    utils-background-color: (),
+    utils-background-position: (),
+    utils-background-size: (),
+    utils-border-color: (),
+    utils-border-radius: (),
+    utils-border-style: (),
+    utils-border-width: (),
+    utils-outline-color: (),
+    utils-outline-offset: (),
+    utils-outline-style: (),
+    utils-outline-width: (),
+    utils-effects-opacity: (),
+    utils-elevation: (),
+    utils-filter-backdrop: (),
+    utils-flex-grid-align-content: (),
+    utils-flex-grid-align-items: (),
+    utils-flex-grid-align-self: (),
+    utils-flex-grid-flex-basis: (),
+    utils-flex-grid-flex-direction: (),
+    utils-flex-grid-flex-grow: (),
+    utils-flex-grid-flex-shrink: (),
+    utils-flex-grid-flex-wrap: (),
+    utils-flex-grid-flex: (),
+    utils-flex-grid-gap: (),
+    utils-flex-grid-grid-auto-columns: (),
+    utils-flex-grid-grid-auto-flow: (),
+    utils-flex-grid-grid-auto-rows: (),
+    utils-flex-grid-grid-column-start-end: (),
+    utils-flex-grid-grid-row-start-end: (),
+    utils-flex-grid-grid-template-columns: (),
+    utils-flex-grid-grid-template-rows: (),
+    utils-flex-grid-justify-content: (),
+    utils-flex-grid-justify-items: (),
+    utils-flex-grid-justify-self: (),
+    utils-flex-grid-order: (),
+    utils-flex-grid-place-content: (),
+    utils-flex-grid-place-items: (),
+    utils-flex-grid-place-self: (),
+    utils-interactivity-accent-color: (),
+    utils-interactivity-appearance: (),
+    utils-interactivity-caret-color: (),
+    utils-interactivity-cursor: (),
+    utils-interactivity-pointer-events: (),
+    utils-interactivity-resize: (),
+    utils-interactivity-scroll: (),
+    utils-interactivity-touch-action: (),
+    utils-interactivity-user-select: (),
+    utils-interactivity-will-change: (),
+    utils-layout-aspect-ratio: (),
+    utils-layout-box-sizing: (),
+    utils-layout-clear: (),
+    utils-layout-columns: (),
+    utils-layout-display: (),
+    utils-layout-float: (),
+    utils-layout-object-fit: (),
+    utils-layout-object-position: (),
+    utils-layout-overflow: (),
+    utils-layout-placement: (),
+    utils-layout-position: (),
+    utils-layout-visibility: (),
+    utils-layout-zindex: (),
+    utils-sizing-height: (),
+    utils-sizing-width: (),
+    utils-spacing-margin: (),
+    utils-spacing-padding: (),
+    utils-spacing-space-between: (),
+    utils-svg-fill: (),
+    utils-svg-stroke: (),
+    utils-table-border-collapse: (),
+    utils-table-table-layout: (),
+    utils-transform-flip: (),
+    utils-transform-origin: (),
+    utils-transform-rotate: (),
+    utils-transform-scale: (),
+    utils-transform-skew: (),
+    utils-transform-translate: (),
+    utils-typography-font-family: (),
+    utils-typography-font-size: (),
+    utils-typography-font-style: (),
+    utils-typography-font-weight: (),
+    utils-typography-letter-spacing: (),
+    utils-typography-line-height: (),
+    utils-typography-list-style: (),
+    utils-typography-text-align: (),
+    utils-typography-text-color: (),
+    utils-typography-text-decoration: (),
+    utils-typography-text-overflow: (),
+    utils-typography-text-transform: (),
+    utils-typography-vertical-align: (),
+    utils-typography-white-space: (),
     validator: (
         "tooltip"
     ),
@@ -8139,6 +8333,69 @@ $_imported: () !default;
     }
 }
 
+// #endregion
+// #region @import "./_utils-components.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_utils-components.scss
+$kendo-prefix: k- !default;
+
+@mixin kendo-core--styles--utils-components() {
+    // Legacy aliases
+    .#{$kendo-prefix}top-start,
+    .#{$kendo-prefix}pos-top-start {
+        top: 0;
+        inset-inline-start: 0;
+    }
+
+    .#{$kendo-prefix}top-end,
+    .#{$kendo-prefix}pos-top-end {
+        top: 0;
+        inset-inline-end: 0;
+    }
+
+    .#{$kendo-prefix}bottom-start,
+    .#{$kendo-prefix}pos-bottom-start {
+        bottom: 0;
+        inset-inline-start: 0;
+    }
+
+    .#{$kendo-prefix}bottom-end,
+    .#{$kendo-prefix}pos-bottom-end {
+        bottom: 0;
+        inset-inline-end: 0;
+    }
+
+    .#{$kendo-prefix}top-center,
+    .#{$kendo-prefix}pos-top-center {
+        top: 0;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+    .#{$kendo-prefix}middle-left,
+    .#{$kendo-prefix}middle-start,
+    .#{$kendo-prefix}pos-middle-start {
+        top: 50%;
+        left: 0;
+        transform: translateY(-50%);
+    }
+    .#{$kendo-prefix}middle-center {
+        top: 50%;
+        left: 50%;
+        transform: translateY(-50%);
+    }
+    .#{$kendo-prefix}middle-right,
+    .#{$kendo-prefix}middle-end,
+    .#{$kendo-prefix}pos-middle-end {
+        top: 50%;
+        right: 0;
+        transform: translateY(-50%);
+    }
+    .#{$kendo-prefix}bottom-center,
+    .#{$kendo-prefix}pos-bottom-center {
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+}
+
 // #endregion
 
 @mixin kendo-core--styles() {
@@ -8152,6 +8409,7 @@ $_imported: () !default;
     @include kendo-core--styles--selection();
     @include kendo-core--styles--scrollbar();
     @include kendo-core--styles--resizing();
+    @include kendo-core--styles--utils-components();
 }
 
 // #endregion
@@ -8288,28 +8546,12 @@ $equilateral-height: 0.8660254038 !default;
 // #endregion
 
 
-// Typography and utils
+// Typography
 // #region @import "./typography/_index.scss"; -> scss/typography/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
 // #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// #region @import "../core/_index.scss"; -> scss/core/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "utils",
-    dependencies: ()
-);
-
-
-// Dependencies
-
-
-// Component
 // #region @import "@progress/kendo-theme-utils/scss/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/index.import.scss
 // #region @import "./_functions.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/_functions.scss
 // #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
@@ -8874,18 +9116,26 @@ $_kendo-module-meta: (
 /// @group margin
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-spacing-margin"));
+
 @mixin kendo-utils--spacing--margin() {
+    @include module-render("utils-spacing-margin") {
 
-    // Margin utility classes
-    $kendo-utils-margin: k-map-get( $kendo-utils, "margin" ) !default;
-    @include generate-utils( m, margin, $kendo-utils-margin, $css-var: "spacing" );
-    @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: "spacing" );
-    @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: "spacing" );
-    @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: "spacing" );
-    @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: "spacing" );
-    @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: "spacing" );
-    @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: "spacing" );
+        // Margin utility classes
+        $kendo-utils-margin: k-map-get( $kendo-utils, "margin" ) !default;
+        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: "spacing" );
+        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: "spacing" );
+        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: "spacing" );
+        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: "spacing" );
+        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: "spacing" );
+        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: "spacing" );
+        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: "spacing" );
 
+    }
 }
 
 // #endregion
@@ -9352,17 +9602,34 @@ $_kendo-module-meta: (
 /// @group padding
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-spacing-padding"));
+
 @mixin kendo-utils--spacing--padding() {
+    @include module-render("utils-spacing-padding") {
+
+        // Padding utility classes
+        $kendo-utils-padding: k-map-get( $kendo-utils, "padding" ) !default;
+        @include generate-utils( p, padding, $kendo-utils-padding, $css-var: "spacing" );
+        @include generate-utils( pt, padding-top, $kendo-utils-padding, $css-var: "spacing" );
+        @include generate-utils( pr, padding-right, $kendo-utils-padding, $css-var: "spacing" );
+        @include generate-utils( pb, padding-bottom, $kendo-utils-padding, $css-var: "spacing" );
+        @include generate-utils( pl, padding-left, $kendo-utils-padding, $css-var: "spacing" );
+        @include generate-utils( px, padding-inline, $kendo-utils-padding, $css-var: "spacing" );
+        @include generate-utils( py, padding-block, $kendo-utils-padding, $css-var: "spacing" );
+
+    }
+}
+
+@mixin kendo-utils--spacing--padding--responsive($key) {
 
-    // Padding utility classes
+    // Padding responsive utility classes
     $kendo-utils-padding: k-map-get( $kendo-utils, "padding" ) !default;
-    @include generate-utils( p, padding, $kendo-utils-padding, $css-var: "spacing" );
-    @include generate-utils( pt, padding-top, $kendo-utils-padding, $css-var: "spacing" );
-    @include generate-utils( pr, padding-right, $kendo-utils-padding, $css-var: "spacing" );
-    @include generate-utils( pb, padding-bottom, $kendo-utils-padding, $css-var: "spacing" );
-    @include generate-utils( pl, padding-left, $kendo-utils-padding, $css-var: "spacing" );
-    @include generate-utils( px, padding-inline, $kendo-utils-padding, $css-var: "spacing" );
-    @include generate-utils( py, padding-block, $kendo-utils-padding, $css-var: "spacing" );
+    @include generate-utils( px-#{$key}, padding-inline, $kendo-utils-padding, $css-var: "spacing", $important: false );
+    @include generate-utils( py-#{$key}, padding-block, $kendo-utils-padding, $css-var: "spacing", $important: false );
 
 }
 
@@ -9370,21 +9637,29 @@ $_kendo-module-meta: (
 // #region @import "./_space-between.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/spacing/_space-between.scss
 // TODO: docs
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-spacing-space-between"));
+
 @mixin kendo-utils--spacing--space-between() {
+    @include module-render("utils-spacing-space-between") {
 
-    // Space between utility classes
-    $kendo-utils-space-between: k-map-get( $kendo-utils, "space-between" ) !default;
-    @each $key, $value in $kendo-utils-space-between {
-        $_key: k-escape-class-name( $key );
+        // Space between utility classes
+        $kendo-utils-space-between: k-map-get( $kendo-utils, "space-between" ) !default;
+        @each $key, $value in $kendo-utils-space-between {
+            $_key: k-escape-class-name( $key );
 
-        .#{$kendo-prefix}space-x-#{$_key} > * + * {
-            margin-inline-start: $value;
-        }
-        .#{$kendo-prefix}space-y-#{$_key} > * + * {
-            margin-block-start: $value;
+            .#{$kendo-prefix}space-x-#{$_key} > * + * {
+                margin-inline-start: $value;
+            }
+            .#{$kendo-prefix}space-y-#{$_key} > * + * {
+                margin-block-start: $value;
+            }
         }
-    }
 
+    }
 }
 
 // #endregion
@@ -9396,11 +9671,14 @@ $_kendo-module-meta: (
     @include kendo-utils--spacing--space-between();
 }
 
+@mixin kendo-utils--spacing--responsive($key) {
+    @include kendo-utils--spacing--padding--responsive($key)
+}
+
 // #endregion
 
 $kendo-prefix: k- !default;
 $kendo-important: true !default;
-$kendo-enable-color-system: false !default;
 
 $kendo-theme-colors: () !default;
 
@@ -9460,6 +9738,47 @@ $kendo-sizing: () !default;
 
 $kendo-border-radii: () !default;
 
+$_default-kendo-fraction-classes: (
+    '91-6': 91.6666%,
+    '83-3': 83.3333%,
+    '66-6': 66.6666%,
+    '58-3': 58.3333%,
+    '41-6': 41.6666%,
+    '33-3': 33.3333%,
+    '16-7': 16.6666%,
+    '14-3': 14.2857%,
+    '12-5': 12.5%,
+    '11-1': 11.1111%,
+    '9-1': 9.0909%,
+    '8-3': 8.3333%
+);
+
+$kendo-fraction-classes: $_default-kendo-fraction-classes !default;
+$kendo-fraction-classes: k-map-merge($_default-kendo-fraction-classes, $kendo-fraction-classes);
+
+$_default-kendo-breakpoints: (
+    xs: 0,
+    sm: 576px,
+    md: 768px,
+    lg: 992px,
+    xl: 1200px,
+    xxl: 1400px
+) !default;
+
+$kendo-breakpoints: $_default-kendo-breakpoints !default;
+$kendo-breakpoints: k-map-merge($_default-kendo-breakpoints, $kendo-breakpoints);
+
+$_default-kendo-container-max-widths: (
+    sm: 540px,
+    md: 720px,
+    lg: 960px,
+    xl: 1140px,
+    xxl: 1320px
+) !default;
+
+$kendo-container-max-widths: $_default-kendo-container-max-widths !default;
+$kendo-container-max-widths: k-map-merge($_default-kendo-container-max-widths, $kendo-container-max-widths);
+
 $kendo-utils: (
 
     // Accessibility
@@ -9669,19 +9988,6 @@ $kendo-utils: (
         11: 11,
         12: 12,
         13: 13,
-        -1: -1,
-        -2: -2,
-        -3: -3,
-        -4: -4,
-        -5: -5,
-        -6: -6,
-        -7: -7,
-        -8: -8,
-        -9: -9,
-        -10: -10,
-        -11: -11,
-        -12: -12,
-        -13: -13,
         auto: auto
     ),
     "grid-column-end": (
@@ -9698,19 +10004,6 @@ $kendo-utils: (
         11: 11,
         12: 12,
         13: 13,
-        -1: -1,
-        -2: -2,
-        -3: -3,
-        -4: -4,
-        -5: -5,
-        -6: -6,
-        -7: -7,
-        -8: -8,
-        -9: -9,
-        -10: -10,
-        -11: -11,
-        -12: -12,
-        -13: -13,
         auto: auto
     ),
     "grid-column-span": (
@@ -9743,19 +10036,6 @@ $kendo-utils: (
         11: 11,
         12: 12,
         13: 13,
-        -1: -1,
-        -2: -2,
-        -3: -3,
-        -4: -4,
-        -5: -5,
-        -6: -6,
-        -7: -7,
-        -8: -8,
-        -9: -9,
-        -10: -10,
-        -11: -11,
-        -12: -12,
-        -13: -13,
         auto: auto
     ),
     "grid-row-end": (
@@ -9772,19 +10052,6 @@ $kendo-utils: (
         11: 11,
         12: 12,
         13: 13,
-        -1: -1,
-        -2: -2,
-        -3: -3,
-        -4: -4,
-        -5: -5,
-        -6: -6,
-        -7: -7,
-        -8: -8,
-        -9: -9,
-        -10: -10,
-        -11: -11,
-        -12: -12,
-        -13: -13,
         auto: auto
     ),
     "grid-row-span": (
@@ -10438,42 +10705,74 @@ $kendo-utils: (
         }
     }
 }
+
+
+// Responsive Layout Breakpoints
+@mixin kendo-breakpoint-up( $breakpoint, $media: all ) {
+    @media only #{$media} and (min-width: k-map-get( $kendo-breakpoints, #{$breakpoint} )) {
+        @content;
+    }
+}
+
+@mixin kendo-breakpoint-down( $breakpoint, $media: all ) {
+    @media only #{$media} and (max-width: ( k-map-get( $kendo-breakpoints, #{$breakpoint} ) - .02 )) {
+        @content;
+    }
+}
+
+@mixin kendo-breakpoint-only( $breakpoint, $media: all ) {
+    $breakpoint-index: k-list-index( k-map-keys($kendo-breakpoints), $breakpoint );
+    $next-breakpoint-index: $breakpoint-index + 1;
+
+    $next-breakpoint: k-list-nth( k-map-keys($kendo-breakpoints), $next-breakpoint-index );
+    @media only #{$media} and (min-width: k-map-get( $kendo-breakpoints, #{$breakpoint} )) and (max-width: ( k-map-get( $kendo-breakpoints, #{$next-breakpoint} ) - .02)) {
+        @content;
+    }
+}
 // #endregion
 
 // #region @import "./accessibility/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/accessibility/index.import.scss
 // #region @import "./_screen-readers.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/accessibility/_screen-readers.scss
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-accessibility-screen-readers"));
+
 @mixin kendo-utils--accessibility--screen-readers() {
+    @include module-render("utils-accessibility-screen-readers") {
 
-    // Screen readers utility classes
-    $kendo-utils-accessibility: k-map-get( $kendo-utils, "accessibility" ) !default;
+        // Screen readers utility classes
+        $kendo-utils-accessibility: k-map-get( $kendo-utils, "accessibility" ) !default;
 
-    @if $kendo-utils-accessibility {
-        /// This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.
-        /// @name .k-sr-only
-        /// @group accessibility
-        .#{$kendo-prefix}sr-only {
-            margin: -1px;
-            padding: 0;
-            width: 1px;
-            height: 1px;
-            border-width: 0;
-            overflow: hidden;
-            clip: rect(0, 0, 0, 0);
-            position: absolute;
-        }
+        @if $kendo-utils-accessibility {
+            /// This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.
+            /// @name .k-sr-only
+            /// @group accessibility
+            .#{$kendo-prefix}sr-only {
+                margin: -1px;
+                padding: 0;
+                width: 1px;
+                height: 1px;
+                border-width: 0;
+                overflow: hidden;
+                clip: rect(0, 0, 0, 0);
+                position: absolute;
+            }
 
-        .#{$kendo-prefix}not-sr-only {
-            margin: 0;
-            padding: 0;
-            width: auto;
-            height: auto;
-            border-width: 0;
-            overflow: visible;
-            clip: auto;
-            position: static;
+            .#{$kendo-prefix}not-sr-only {
+                margin: 0;
+                padding: 0;
+                width: auto;
+                height: auto;
+                border-width: 0;
+                overflow: visible;
+                clip: auto;
+                position: static;
+            }
         }
-    }
 
+    }
 }
 
 // #endregion
@@ -10509,16 +10808,24 @@ $kendo-utils: (
 /// @group aspect-ratio
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-aspect-ratio"));
+
 @mixin kendo-utils--layout--aspect-ratio() {
+    @include module-render("utils-layout-aspect-ratio") {
 
-    // Aspect ratio utility classes
-    $kendo-utils-aspect-ratio: k-map-get( $kendo-utils, "aspect-ratio" ) !default;
-    @include generate-utils( ratio, aspect-ratio, $kendo-utils-aspect-ratio );
+        // Aspect ratio utility classes
+        $kendo-utils-aspect-ratio: k-map-get( $kendo-utils, "aspect-ratio" ) !default;
+        @include generate-utils( ratio, aspect-ratio, $kendo-utils-aspect-ratio );
 
 
-    // Legacy aliases
-    @include generate-utils( aspect-ratio, aspect-ratio, $kendo-utils-aspect-ratio );
+        // Legacy aliases
+        @include generate-utils( aspect-ratio, aspect-ratio, $kendo-utils-aspect-ratio );
 
+    }
 }
 
 // #endregion
@@ -10535,12 +10842,20 @@ $kendo-utils: (
 /// @group box-sizing
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-box-sizing"));
+
 @mixin kendo-utils--layout--box-sizing() {
+    @include module-render("utils-layout-box-sizing") {
 
-    // box-sizing utility classes
-    $kendo-utils-box-sizing: k-map-get( $kendo-utils, "box-sizing" ) !default;
-    @include generate-utils( box-sizing, box-sizing, $kendo-utils-box-sizing );
+        // box-sizing utility classes
+        $kendo-utils-box-sizing: k-map-get( $kendo-utils, "box-sizing" ) !default;
+        @include generate-utils( box-sizing, box-sizing, $kendo-utils-box-sizing );
 
+    }
 }
 
 // #endregion
@@ -10569,12 +10884,20 @@ $kendo-utils: (
 /// @group clear
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-clear"));
+
 @mixin kendo-utils--layout--clear() {
+    @include module-render("utils-layout-clear") {
 
-    // Clear utility classes
-    $kendo-utils-clear: k-map-get( $kendo-utils, "clear" ) !default;
-    @include generate-utils( clear, clear, $kendo-utils-clear );
+        // Clear utility classes
+        $kendo-utils-clear: k-map-get( $kendo-utils, "clear" ) !default;
+        @include generate-utils( clear, clear, $kendo-utils-clear );
 
+    }
 }
 
 // #endregion
@@ -10657,12 +10980,20 @@ $kendo-utils: (
 /// @group columns
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-columns"));
+
 @mixin kendo-utils--layout--columns() {
+    @include module-render("utils-layout-columns") {
 
-    // columns utility classes
-    $kendo-utils-columns: k-map-get( $kendo-utils, "columns" ) !default;
-    @include generate-utils( columns, columns, $kendo-utils-columns );
+        // columns utility classes
+        $kendo-utils-columns: k-map-get( $kendo-utils, "columns" ) !default;
+        @include generate-utils( columns, columns, $kendo-utils-columns );
 
+    }
 }
 
 // #endregion
@@ -10751,19 +11082,35 @@ $kendo-utils: (
 /// @group display
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-display"));
+
 @mixin kendo-utils--layout--display() {
+    @include module-render("utils-layout-display") {
 
-    // Display utility classes
-    $kendo-utils-display: k-map-get( $kendo-utils, "display" ) !default;
-    @include generate-utils( d, display, $kendo-utils-display );
+        // Display utility classes
+        $kendo-utils-display: k-map-get( $kendo-utils, "display" ) !default;
+        @include generate-utils( d, display, $kendo-utils-display );
 
 
-    // Legacy aliases
-    @include generate-utils( display, display, $kendo-utils-display );
-    .#{$kendo-prefix}d-flex-row { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-row !optional; }
-    .\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
-    .#{$kendo-prefix}d-flex-col { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-col !optional; }
-    .\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
+        // Legacy aliases
+        @include generate-utils( display, display, $kendo-utils-display );
+        .#{$kendo-prefix}d-flex-row { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-row !optional; }
+        .\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
+        .#{$kendo-prefix}d-flex-col { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-col !optional; }
+        .\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
+
+    }
+}
+
+@mixin kendo-utils--layout--display--responsive($key) {
+
+    // Display responsive utility classes
+    $kendo-utils-display: k-map-get( $kendo-utils, "display" ) !default;
+    @include generate-utils( d-#{$key}, display, $kendo-utils-display, $important: false );
 
 }
 
@@ -10787,12 +11134,20 @@ $kendo-utils: (
 /// @group float
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-float"));
+
 @mixin kendo-utils--layout--float() {
+    @include module-render("utils-layout-float") {
 
-    // Float utility classes
-    $kendo-utils-float: k-map-get( $kendo-utils, "float" ) !default;
-    @include generate-utils( float, float, $kendo-utils-float );
+        // Float utility classes
+        $kendo-utils-float: k-map-get( $kendo-utils, "float" ) !default;
+        @include generate-utils( float, float, $kendo-utils-float );
 
+    }
 }
 
 // #endregion
@@ -10833,12 +11188,20 @@ $kendo-utils: (
 /// @group object-fit
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-object-fit"));
+
 @mixin kendo-utils--layout--object-fit() {
+    @include module-render("utils-layout-object-fit") {
 
-    // object-fit utility classes
-    $kendo-utils-object-fit: k-map-get( $kendo-utils, "object-fit" ) !default;
-    @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );
+        // object-fit utility classes
+        $kendo-utils-object-fit: k-map-get( $kendo-utils, "object-fit" ) !default;
+        @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );
 
+    }
 }
 
 // #endregion
@@ -10897,12 +11260,20 @@ $kendo-utils: (
 /// @group object-position
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-object-position"));
+
 @mixin kendo-utils--layout--object-position() {
+    @include module-render("utils-layout-object-position") {
 
-    // object-position utility classes
-    $kendo-utils-object-position: k-map-get( $kendo-utils, "object-position" ) !default;
-    @include generate-utils( object-position, object-position, $kendo-utils-object-position );
+        // object-position utility classes
+        $kendo-utils-object-position: k-map-get( $kendo-utils, "object-position" ) !default;
+        @include generate-utils( object-position, object-position, $kendo-utils-object-position );
 
+    }
 }
 
 // #endregion
@@ -10997,13 +11368,22 @@ $kendo-utils: (
 /// @group overflow
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-overflow"));
+
 @mixin kendo-utils--layout--overflow() {
+    @include module-render("utils-layout-overflow") {
 
-    // Overflow utility classes
-    $kendo-utils-overflow: k-map-get( $kendo-utils, "overflow" ) !default;
-    @include generate-utils( overflow, overflow, $kendo-utils-overflow );
-    @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );
-    @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );
+        // Overflow utility classes
+        $kendo-utils-overflow: k-map-get( $kendo-utils, "overflow" ) !default;
+        @include generate-utils( overflow, overflow, $kendo-utils-overflow );
+        @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );
+        @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );
+
+    }
 }
 
 // #endregion
@@ -11098,89 +11478,40 @@ $kendo-utils: (
 /// @group placement
 /// @contextType css
 
-@mixin kendo-utils--layout--placement() {
-    // Top / right / bottom / left
-    $kendo-utils-placement: k-map-get( $kendo-utils, "placement" ) !default;
-    @include generate-utils( top, top, $kendo-utils-placement );
-    @include generate-utils( right, right, $kendo-utils-placement );
-    @include generate-utils( bottom, bottom, $kendo-utils-placement );
-    @include generate-utils( left, left, $kendo-utils-placement );
-
-
-    // placement length utility classes
-    @each $side in (top, right, bottom, left) {
-        .#{$kendo-prefix}#{$side},
-        .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }
-    }
-
-    // Inset utility classes
-    $kendo-utils-inset: k-map-get( $kendo-utils, "inset" ) !default;
-    @include generate-utils( inset, inset, $kendo-utils-inset );
-    @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );
-    @include generate-utils( inset-y, inset-block, $kendo-utils-inset );
-    @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );
-    @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );
-    @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );
-    @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-placement"));
 
+@mixin kendo-utils--layout--placement() {
+    @include module-render("utils-layout-placement") {
 
-    // Legacy aliases
-    .#{$kendo-prefix}top-start,
-    .#{$kendo-prefix}pos-top-start {
-        top: 0;
-        inset-inline-start: 0;
-    }
+        // Top / right / bottom / left
+        $kendo-utils-placement: k-map-get( $kendo-utils, "placement" ) !default;
+        @include generate-utils( top, top, $kendo-utils-placement );
+        @include generate-utils( right, right, $kendo-utils-placement );
+        @include generate-utils( bottom, bottom, $kendo-utils-placement );
+        @include generate-utils( left, left, $kendo-utils-placement );
 
-    .#{$kendo-prefix}top-end,
-    .#{$kendo-prefix}pos-top-end {
-        top: 0;
-        inset-inline-end: 0;
-    }
 
-    .#{$kendo-prefix}bottom-start,
-    .#{$kendo-prefix}pos-bottom-start {
-        bottom: 0;
-        inset-inline-start: 0;
-    }
+        // placement length utility classes
+        @each $side in (top, right, bottom, left) {
+            .#{$kendo-prefix}#{$side},
+            .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }
+        }
 
-    .#{$kendo-prefix}bottom-end,
-    .#{$kendo-prefix}pos-bottom-end {
-        bottom: 0;
-        inset-inline-end: 0;
-    }
+        // Inset utility classes
+        $kendo-utils-inset: k-map-get( $kendo-utils, "inset" ) !default;
+        @include generate-utils( inset, inset, $kendo-utils-inset );
+        @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );
+        @include generate-utils( inset-y, inset-block, $kendo-utils-inset );
+        @include generate-utils( top-left, ( top, left ), $kendo-utils-inset );
+        @include generate-utils( top-right, ( top, right ), $kendo-utils-inset );
+        @include generate-utils( bottom-left, ( bottom, left ), $kendo-utils-inset );
+        @include generate-utils( bottom-right, ( bottom, right ), $kendo-utils-inset );
 
-    .#{$kendo-prefix}top-center,
-    .#{$kendo-prefix}pos-top-center {
-        top: 0;
-        left: 50%;
-        transform: translateX(-50%);
     }
-    .#{$kendo-prefix}middle-left,
-    .#{$kendo-prefix}middle-start,
-    .#{$kendo-prefix}pos-middle-start {
-        top: 50%;
-        left: 0;
-        transform: translateY(-50%);
-    }
-    .#{$kendo-prefix}middle-center {
-        top: 50%;
-        left: 50%;
-        transform: translateY(-50%);
-    }
-    .#{$kendo-prefix}middle-right,
-    .#{$kendo-prefix}middle-end,
-    .#{$kendo-prefix}pos-middle-end {
-        top: 50%;
-        right: 0;
-        transform: translateY(-50%);
-    }
-    .#{$kendo-prefix}bottom-center,
-    .#{$kendo-prefix}pos-bottom-center {
-        bottom: 0;
-        left: 50%;
-        transform: translateX(-50%);
-    }
-
 }
 
 // #endregion
@@ -11215,27 +11546,35 @@ $kendo-utils: (
 /// @group position
 /// @contextType css
 
-@mixin kendo-utils--layout--position() {
 
-    // Position utility classes
-    $kendo-utils-position: k-map-get( $kendo-utils, "position" ) !default;
-    @include generate-utils( pos, position, $kendo-utils-position );
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-position"));
+
+@mixin kendo-utils--layout--position() {
+    @include module-render("utils-layout-position") {
 
+        // Position utility classes
+        $kendo-utils-position: k-map-get( $kendo-utils, "position" ) !default;
+        @include generate-utils( pos, position, $kendo-utils-position );
 
-    // Legacy aliases
-    .#{$kendo-prefix}static { @extend .#{$kendo-prefix}pos-static !optional; }
-    .\!#{$kendo-prefix}static { @extend .\!#{$kendo-prefix}pos-static !optional; }
-    .#{$kendo-prefix}relative { @extend .#{$kendo-prefix}pos-relative !optional; }
-    .\!#{$kendo-prefix}relative { @extend .\!#{$kendo-prefix}pos-relative !optional; }
-    .#{$kendo-prefix}absolute { @extend .#{$kendo-prefix}pos-absolute !optional; }
-    .\!#{$kendo-prefix}absolute { @extend .\!#{$kendo-prefix}pos-absolute !optional; }
-    .#{$kendo-prefix}fixed { @extend .#{$kendo-prefix}pos-fixed !optional; }
-    .\!#{$kendo-prefix}fixed { @extend .\!#{$kendo-prefix}pos-fixed !optional; }
-    .#{$kendo-prefix}sticky { @extend .#{$kendo-prefix}pos-sticky !optional; }
-    .\!#{$kendo-prefix}sticky { @extend .\!#{$kendo-prefix}pos-sticky !optional; }
 
+        // Legacy aliases
+        .#{$kendo-prefix}static { @extend .#{$kendo-prefix}pos-static !optional; }
+        .\!#{$kendo-prefix}static { @extend .\!#{$kendo-prefix}pos-static !optional; }
+        .#{$kendo-prefix}relative { @extend .#{$kendo-prefix}pos-relative !optional; }
+        .\!#{$kendo-prefix}relative { @extend .\!#{$kendo-prefix}pos-relative !optional; }
+        .#{$kendo-prefix}absolute { @extend .#{$kendo-prefix}pos-absolute !optional; }
+        .\!#{$kendo-prefix}absolute { @extend .\!#{$kendo-prefix}pos-absolute !optional; }
+        .#{$kendo-prefix}fixed { @extend .#{$kendo-prefix}pos-fixed !optional; }
+        .\!#{$kendo-prefix}fixed { @extend .\!#{$kendo-prefix}pos-fixed !optional; }
+        .#{$kendo-prefix}sticky { @extend .#{$kendo-prefix}pos-sticky !optional; }
+        .\!#{$kendo-prefix}sticky { @extend .\!#{$kendo-prefix}pos-sticky !optional; }
+        
+    }
 }
-
 // #endregion
 // #region @import "./_visibility.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/layout/_visibility.scss
 /// This is equivalent to `visibility: visble;`.
@@ -11256,18 +11595,26 @@ $kendo-utils: (
 /// @group visibility
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-visibility"));
+
 @mixin kendo-utils--layout--visibility() {
+    @include module-render("utils-layout-visibility") {
 
-    // Visibility utility classes
-    $kendo-utils-visibility: k-map-get( $kendo-utils, "visibility" ) !default;
-    @include generate-utils( visibility, visibility, $kendo-utils-visibility );
+        // Visibility utility classes
+        $kendo-utils-visibility: k-map-get( $kendo-utils, "visibility" ) !default;
+        @include generate-utils( visibility, visibility, $kendo-utils-visibility );
 
-    // Legacy aliases
-    .#{$kendo-prefix}visible { @extend .#{$kendo-prefix}visibility-visible !optional; }
-    .\!#{$kendo-prefix}visible { @extend .\!#{$kendo-prefix}visibility-visible !optional; }
-    .#{$kendo-prefix}invisible { @extend .#{$kendo-prefix}visibility-hidden !optional; }
-    .\!#{$kendo-prefix}invisible { @extend .\!#{$kendo-prefix}visibility-hidden !optional; }
+        // Legacy aliases
+        .#{$kendo-prefix}visible { @extend .#{$kendo-prefix}visibility-visible !optional; }
+        .\!#{$kendo-prefix}visible { @extend .\!#{$kendo-prefix}visibility-visible !optional; }
+        .#{$kendo-prefix}invisible { @extend .#{$kendo-prefix}visibility-hidden !optional; }
+        .\!#{$kendo-prefix}invisible { @extend .\!#{$kendo-prefix}visibility-hidden !optional; }
 
+    }
 }
 
 // #endregion
@@ -11314,12 +11661,20 @@ $kendo-utils: (
 /// @group zindex
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-layout-zindex"));
+
 @mixin kendo-utils--layout--zindex() {
+    @include module-render("utils-layout-zindex") {
 
-    // Z-index utility classes
-    $kendo-utils-zindex: k-map-get( $kendo-utils, "zindex" ) !default;
-    @include generate-utils( z, z-index, $kendo-utils-zindex );
+        // Z-index utility classes
+        $kendo-utils-zindex: k-map-get( $kendo-utils, "zindex" ) !default;
+        @include generate-utils( z, z-index, $kendo-utils-zindex );
 
+    }
 }
 
 // #endregion
@@ -11341,6 +11696,165 @@ $kendo-utils: (
     @include kendo-utils--layout--zindex();
 }
 
+@mixin kendo-utils--layout--responsive($key) {
+    @include kendo-utils--layout--display--responsive($key);
+}
+
+// #endregion
+// #region @import "./responsive-layout/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/responsive-layout/index.import.scss
+// #region @import "./_container.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/responsive-layout/_container.scss
+@mixin kendo-utils--responsive-layout--container() {
+
+    // Page Container
+    .k-container,
+    .k-container-fluid {
+        margin: 0 auto;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+    }
+
+}
+
+@mixin kendo-utils--responsive-layout--container--responsive($key, $val) {
+
+    // Page Container responsive
+    .k-container {
+        max-width: var(--kendo-container-#{$key}-max-width, #{$val});
+    }
+
+}
+
+// #endregion
+// #region @import "./_row.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/responsive-layout/_row.scss
+@mixin kendo-utils--responsive-layout--row() {
+
+    // Row
+    .k-row {
+        margin-top: calc( -1 * var(--kendo-col-gap, 0) );
+        margin-left: calc( -.5 * var(--kendo-col-gap, 0) );
+        margin-right: calc( -.5 * var(--kendo-col-gap, 0) );
+        display: flex;
+        flex-flow: row wrap;
+        box-sizing: border-box;
+
+        > * {
+            margin-top: var(--kendo-col-gap, 0);
+            padding-left: calc( var(--kendo-col-gap, 0) * .5 );
+            padding-right: calc( var(--kendo-col-gap, 0) * .5 );
+            width: 100%;
+            box-sizing: border-box;
+        }
+    }
+
+}
+
+// #endregion
+// #region @import "./_col.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/responsive-layout/_col.scss
+@mixin kendo-utils--responsive-layout--col() {
+
+    // Column
+    .k-col {
+        flex: 1 0 0%;
+    }
+
+    // Column Sizes
+    @for $i from 1 through 100 {
+	    .k-col-size-#{$i} {
+            flex: 0 0 auto;
+            width: $i * 1%;
+        }
+	}
+
+    @each $i, $n in $kendo-fraction-classes {
+        .k-col-size-#{$i} {
+            flex: 0 0 auto;
+            width: $n;
+        }
+    }
+
+}
+
+@mixin kendo-utils--responsive-layout--col--responsive($key) {
+
+    // Column responsive
+    .k-col-#{$key} {
+        flex: 1 0 0%;
+    }
+
+    // Column Sizes responsive
+    @for $i from 1 through 100 {
+        .k-col-#{$key}-size-#{$i} {
+            flex: 0 0 auto;
+            width: $i * 1%;
+        }
+    }
+
+    @each $i, $n in $kendo-fraction-classes {
+        .k-col-#{$key}-size-#{$i} {
+            flex: 0 0 auto;
+            width: $n;
+        }
+    }
+}
+
+
+
+// #endregion
+// #region @import "./_col-gap.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/responsive-layout/_col-gap.scss
+@mixin kendo-utils--responsive-layout--col-gap() {
+
+    // Columns gap
+    $kendo-utils-col-gap: k-map-get( $kendo-utils, "gap" ) !default;
+
+    @each $key, $val in $kendo-utils-col-gap {
+        $_key: k-escape-class-name( $key );
+        .k-col-gap-#{$_key} {
+            --kendo-col-gap: #{$val};
+        }
+    }
+
+}
+
+@mixin kendo-utils--responsive-layout--col-gap--responsive($breakpoint) {
+
+    // Columns gap responsive
+    $kendo-utils-col-gap: k-map-get( $kendo-utils, "gap" ) !default;
+
+    @each $key, $val in $kendo-utils-col-gap {
+        $_key: k-escape-class-name( $key );
+        .k-col-gap-#{$breakpoint}-#{$_key} {
+            --kendo-col-gap: #{$val};
+        }
+    }
+}
+
+
+
+// #endregion
+
+
+@mixin kendo-utils--responsive-layout() {
+    @include kendo-utils--responsive-layout--container();
+    @include kendo-utils--responsive-layout--row();
+    @include kendo-utils--responsive-layout--col();
+    @include kendo-utils--responsive-layout--col-gap();
+
+    @each $key, $val in $kendo-breakpoints {
+        @include kendo-breakpoint-up($key) {
+            @include kendo-utils--responsive-layout--col--responsive($key);
+            @include kendo-utils--responsive-layout--col-gap--responsive($key);
+        }
+    }
+
+    @each $key, $val in $kendo-container-max-widths {
+        @include kendo-breakpoint-up($key) {
+            @include kendo-utils--responsive-layout--container--responsive($key, $val);
+        }
+    }
+}
+
 // #endregion
 // #region @import "./flex-grid/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/flex-grid/index.import.scss
 // #region @import "./_align-content.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/flex-grid/_align-content.scss
@@ -11422,12 +11936,20 @@ $kendo-utils: (
 /// @group align-content
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-align-content"));
+
 @mixin kendo-utils--flex-grid--align-content() {
+    @include module-render("utils-flex-grid-align-content") {
 
-    // Align content utility classes
-    $kendo-utils-align-content: k-map-get( $kendo-utils, "align-content" ) !default;
-    @include generate-utils( align-content, align-content, $kendo-utils-align-content );
+        // Align content utility classes
+        $kendo-utils-align-content: k-map-get( $kendo-utils, "align-content" ) !default;
+        @include generate-utils( align-content, align-content, $kendo-utils-align-content );
 
+    }
 }
 
 // #endregion
@@ -11504,12 +12026,20 @@ $kendo-utils: (
 /// @group align-items
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-align-items"));
+
 @mixin kendo-utils--flex-grid--align-items() {
+    @include module-render("utils-flex-grid-align-items") {
 
-    // Align items utility classes
-    $kendo-utils-align-items: k-map-get( $kendo-utils, "align-items" ) !default;
-    @include generate-utils( align-items, align-items, $kendo-utils-align-items );
+        // Align items utility classes
+        $kendo-utils-align-items: k-map-get( $kendo-utils, "align-items" ) !default;
+        @include generate-utils( align-items, align-items, $kendo-utils-align-items );
 
+    }
 }
 
 // #endregion
@@ -11592,12 +12122,20 @@ $kendo-utils: (
 /// @group align-self
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-align-self"));
+
 @mixin kendo-utils--flex-grid--align-self() {
+    @include module-render("utils-flex-grid-align-self") {
 
-    // Align self utility classes
-    $kendo-utils-align-self: k-map-get( $kendo-utils, "align-self" ) !default;
-    @include generate-utils( align-self, align-self, $kendo-utils-align-self );
+        // Align self utility classes
+        $kendo-utils-align-self: k-map-get( $kendo-utils, "align-self" ) !default;
+        @include generate-utils( align-self, align-self, $kendo-utils-align-self );
 
+    }
 }
 
 // #endregion
@@ -11614,13 +12152,21 @@ $kendo-utils: (
 /// @group flex-basis
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-flex-basis"));
+
 @mixin kendo-utils--flex-grid--flex-basis() {
+    @include module-render("utils-flex-grid-flex-basis") {
 
-    // Flex basis utility classes
-    $kendo-utils-flex-basis: k-map-get( $kendo-utils, "flex-basis" ) !default;
-    @include generate-utils( basis, flex-basis, $kendo-utils-flex-basis );
-    @include generate-utils( flex-basis, flex-basis, $kendo-utils-flex-basis );
+        // Flex basis utility classes
+        $kendo-utils-flex-basis: k-map-get( $kendo-utils, "flex-basis" ) !default;
+        @include generate-utils( basis, flex-basis, $kendo-utils-flex-basis );
+        @include generate-utils( flex-basis, flex-basis, $kendo-utils-flex-basis );
 
+    }
 }
 
 // #endregion
@@ -11649,16 +12195,32 @@ $kendo-utils: (
 /// @group flex-direction
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-flex-direction"));
+
 @mixin kendo-utils--flex-grid--flex-direction() {
+    @include module-render("utils-flex-grid-flex-direction") {
 
-    // Flex direction utility classes
-    $kendo-utils-flex-direction: k-map-get( $kendo-utils, "flex-direction" ) !default;
-    @include generate-utils( flex, flex-direction, $kendo-utils-flex-direction );
+        // Flex direction utility classes
+        $kendo-utils-flex-direction: k-map-get( $kendo-utils, "flex-direction" ) !default;
+        @include generate-utils( flex, flex-direction, $kendo-utils-flex-direction );
 
 
-    // Legacy aliases
-    .#{$kendo-prefix}flex-column { @extend .#{$kendo-prefix}flex-col !optional; }
-    .#{$kendo-prefix}flex-column-reverse { @extend .#{$kendo-prefix}flex-col-reverse !optional; }
+        // Legacy aliases
+        .#{$kendo-prefix}flex-column { @extend .#{$kendo-prefix}flex-col !optional; }
+        .#{$kendo-prefix}flex-column-reverse { @extend .#{$kendo-prefix}flex-col-reverse !optional; }
+
+    }
+}
+
+@mixin kendo-utils--flex-grid--flex-direction--responsive($key) {
+
+    // Flex direction responsive utility classes
+    $kendo-utils-flex-direction: k-map-get( $kendo-utils, "flex-direction" ) !default;
+    @include generate-utils( flex-#{$key}, flex-direction, $kendo-utils-flex-direction, $important: false );
 
 }
 
@@ -11676,13 +12238,21 @@ $kendo-utils: (
 /// @group flex-grow
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-flex-grow"));
+
 @mixin kendo-utils--flex-grid--flex-grow() {
+    @include module-render("utils-flex-grid-flex-grow") {
 
-    // Flex grow utility classes
-    $kendo-utils-flex-grow: k-map-get( $kendo-utils, "flex-grow" ) !default;
-    @include generate-utils( grow, flex-grow, $kendo-utils-flex-grow );
-    @include generate-utils( flex-grow, flex-grow, $kendo-utils-flex-grow );
+        // Flex grow utility classes
+        $kendo-utils-flex-grow: k-map-get( $kendo-utils, "flex-grow" ) !default;
+        @include generate-utils( grow, flex-grow, $kendo-utils-flex-grow );
+        @include generate-utils( flex-grow, flex-grow, $kendo-utils-flex-grow );
 
+    }
 }
 
 // #endregion
@@ -11699,13 +12269,21 @@ $kendo-utils: (
 /// @group flex-shrink
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-flex-shrink"));
+
 @mixin kendo-utils--flex-grid--flex-shrink() {
+    @include module-render("utils-flex-grid-flex-shrink") {
 
-    // Flex shrink utility classes
-    $kendo-utils-flex-shrink: k-map-get( $kendo-utils, "flex-shrink" ) !default;
-    @include generate-utils( shrink, flex-shrink, $kendo-utils-flex-shrink );
-    @include generate-utils( flex-shrink, flex-shrink, $kendo-utils-flex-shrink );
+        // Flex shrink utility classes
+        $kendo-utils-flex-shrink: k-map-get( $kendo-utils, "flex-shrink" ) !default;
+        @include generate-utils( shrink, flex-shrink, $kendo-utils-flex-shrink );
+        @include generate-utils( flex-shrink, flex-shrink, $kendo-utils-flex-shrink );
 
+    }
 }
 
 // #endregion
@@ -11728,12 +12306,20 @@ $kendo-utils: (
 /// @group flex-wrap
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-flex-wrap"));
+
 @mixin kendo-utils--flex-grid--flex-wrap() {
+    @include module-render("utils-flex-grid-flex-wrap") {
 
-    // Flex wrap utility classes
-    $kendo-utils-flex-wrap: k-map-get( $kendo-utils, "flex-wrap" ) !default;
-    @include generate-utils( flex, flex-wrap, $kendo-utils-flex-wrap );
+        // Flex wrap utility classes
+        $kendo-utils-flex-wrap: k-map-get( $kendo-utils, "flex-wrap" ) !default;
+        @include generate-utils( flex, flex-wrap, $kendo-utils-flex-wrap );
 
+    }
 }
 
 // #endregion
@@ -11762,12 +12348,20 @@ $kendo-utils: (
 /// @group flex
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-flex"));
+
 @mixin kendo-utils--flex-grid--flex() {
+    @include module-render("utils-flex-grid-flex") {
 
-    // Flex utility classes
-    $kendo-utils-flex: k-map-get( $kendo-utils, "flex" ) !default;
-    @include generate-utils( flex, flex, $kendo-utils-flex );
+        // Flex utility classes
+        $kendo-utils-flex: k-map-get( $kendo-utils, "flex" ) !default;
+        @include generate-utils( flex, flex, $kendo-utils-flex );
 
+    }
 }
 
 // #endregion
@@ -11952,13 +12546,31 @@ $kendo-utils: (
 /// @group gap
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-gap"));
+
 @mixin kendo-utils--flex-grid--gap() {
+    @include module-render("utils-flex-grid-gap") {
+
+        // Gap utility classes
+        $kendo-utils-gap: k-map-get( $kendo-utils, "gap" ) !default;
+        @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: "spacing" );
+        @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: "spacing" );
+        @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: "spacing" );
 
-    // Gap utility classes
+    }
+}
+
+@mixin kendo-utils--flex-grid--gap--responsive($key) {
+
+    // Gap responsive utility classes
     $kendo-utils-gap: k-map-get( $kendo-utils, "gap" ) !default;
-    @include generate-utils( gap, gap, $kendo-utils-gap, $css-var: "spacing" );
-    @include generate-utils( gap-x, column-gap, $kendo-utils-gap, $css-var: "spacing" );
-    @include generate-utils( gap-y, row-gap, $kendo-utils-gap, $css-var: "spacing" );
+    @include generate-utils( gap-#{$key}, gap, $kendo-utils-gap, $css-var: "spacing", $important: false );
+    @include generate-utils( gap-x-#{$key}, column-gap, $kendo-utils-gap, $css-var: "spacing", $important: false );
+    @include generate-utils( gap-y-#{$key}, row-gap, $kendo-utils-gap, $css-var: "spacing", $important: false );
 
 }
 
@@ -11988,12 +12600,20 @@ $kendo-utils: (
 /// @group grid-auto-columns
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-grid-auto-columns"));
+
 @mixin kendo-utils--flex-grid--grid-auto-columns() {
+    @include module-render("utils-flex-grid-grid-auto-columns") {
 
-    // Grid auto columns utility classes
-    $kendo-utils-grid-auto-columns: k-map-get( $kendo-utils, "grid-auto-columns" ) !default;
-    @include generate-utils( grid-auto-cols, grid-auto-columns, $kendo-utils-grid-auto-columns );
+        // Grid auto columns utility classes
+        $kendo-utils-grid-auto-columns: k-map-get( $kendo-utils, "grid-auto-columns" ) !default;
+        @include generate-utils( grid-auto-cols, grid-auto-columns, $kendo-utils-grid-auto-columns );
 
+    }
 }
 
 // #endregion
@@ -12034,12 +12654,20 @@ $kendo-utils: (
 /// @group grid-auto-flow
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-grid-auto-flow"));
+
 @mixin kendo-utils--flex-grid--grid-auto-flow() {
+    @include module-render("utils-flex-grid-grid-auto-flow") {
 
-    // Grid auto flow utility classes
-    $kendo-utils-grid-auto-flow: k-map-get( $kendo-utils, "grid-auto-flow" ) !default;
-    @include generate-utils( grid-flow, grid-auto-flow, $kendo-utils-grid-auto-flow );
+        // Grid auto flow utility classes
+        $kendo-utils-grid-auto-flow: k-map-get( $kendo-utils, "grid-auto-flow" ) !default;
+        @include generate-utils( grid-flow, grid-auto-flow, $kendo-utils-grid-auto-flow );
 
+    }
 }
 
 // #endregion
@@ -12068,12 +12696,20 @@ $kendo-utils: (
 /// @group grid-auto-rows
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-grid-auto-rows"));
+
 @mixin kendo-utils--flex-grid--grid-auto-rows() {
+    @include module-render("utils-flex-grid-grid-auto-rows") {
 
-    // Grid auto rows utility classes
-    $kendo-utils-grid-auto-rows: k-map-get( $kendo-utils, "grid-auto-rows" ) !default;
-    @include generate-utils( grid-auto-rows, grid-auto-rows, $kendo-utils-grid-auto-rows );
+        // Grid auto rows utility classes
+        $kendo-utils-grid-auto-rows: k-map-get( $kendo-utils, "grid-auto-rows" ) !default;
+        @include generate-utils( grid-auto-rows, grid-auto-rows, $kendo-utils-grid-auto-rows );
 
+    }
 }
 
 // #endregion
@@ -12096,28 +12732,50 @@ $kendo-utils: (
 /// @group grid-column-start
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-grid-column-start-end"));
+
 @mixin kendo-utils--flex-grid--grid-column-start-end() {
+    @include module-render("utils-flex-grid-grid-column-start-end") {
+
+    // Grid column span utility classes
+    $kendo-utils-grid-column-span: k-map-get( $kendo-utils, "grid-column-span" ) !default;
+    @include generate-utils( col-span, grid-column, $kendo-utils-grid-column-span );
 
     // Grid column start utility classes
     $kendo-utils-grid-column-start: k-map-get( $kendo-utils, "grid-column-start" ) !default;
     @include generate-utils( col-start, grid-column-start, $kendo-utils-grid-column-start );
 
-
     // Grid column end utility classes
     $kendo-utils-grid-column-end: k-map-get( $kendo-utils, "grid-column-end" ) !default;
     @include generate-utils( col-end, grid-column-end, $kendo-utils-grid-column-end );
 
 
-    // Grid column span utility classes
-    $kendo-utils-grid-column-span: k-map-get( $kendo-utils, "grid-column-span" ) !default;
-    @include generate-utils( col-span, grid-column, $kendo-utils-grid-column-span );
-
-
     // Legacy aliases
     @include generate-utils( colspan, grid-column, $kendo-utils-grid-column-span );
     .#{$kendo-prefix}colspan-all { @extend .#{$kendo-prefix}colspan-full !optional; }
     .\!#{$kendo-prefix}colspan-all { @extend .\!#{$kendo-prefix}colspan-full !optional; }
 
+    }
+}
+
+@mixin kendo-utils--flex-grid--grid-column-start-end--responsive($key) {
+
+    // Grid column span responsive utility classes
+    $kendo-utils-grid-column-span: k-map-get( $kendo-utils, "grid-column-span" ) !default;
+    @include generate-utils( col-span-#{$key}, grid-column, $kendo-utils-grid-column-span, $important: false );
+
+    // Grid column start responsive utility classes
+    $kendo-utils-grid-column-start: k-map-get( $kendo-utils, "grid-column-start" ) !default;
+    @include generate-utils( col-start-#{$key}, grid-column-start, $kendo-utils-grid-column-start, $important: false );
+
+    // Grid column end responsive utility classes
+    $kendo-utils-grid-column-end: k-map-get( $kendo-utils, "grid-column-end" ) !default;
+    @include generate-utils( col-end-#{$key}, grid-column-end, $kendo-utils-grid-column-end, $important: false );
+
 }
 
 // #endregion
@@ -12140,27 +12798,47 @@ $kendo-utils: (
 /// @group grid-row-start
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-grid-row-start-end"));
+
 @mixin kendo-utils--flex-grid--grid-row-start-end() {
+    @include module-render("utils-flex-grid-grid-row-start-end") {
 
-    // Grid row start/end utility classes
-    $kendo-utils-grid-row-start: k-map-get( $kendo-utils, "grid-row-start" ) !default;
-    @include generate-utils( row-start, grid-row-start, $kendo-utils-grid-row-start );
+        // Grid row start/end utility classes
+        $kendo-utils-grid-row-start: k-map-get( $kendo-utils, "grid-row-start" ) !default;
+        @include generate-utils( row-start, grid-row-start, $kendo-utils-grid-row-start );
 
 
-    // Grid row start/end utility classes
-    $kendo-utils-grid-row-end: k-map-get( $kendo-utils, "grid-row-end" ) !default;
-    @include generate-utils( row-end, grid-row-end, $kendo-utils-grid-row-end );
+        // Grid row start/end utility classes
+        $kendo-utils-grid-row-end: k-map-get( $kendo-utils, "grid-row-end" ) !default;
+        @include generate-utils( row-end, grid-row-end, $kendo-utils-grid-row-end );
 
 
-    // Grid row span utility classes
-    $kendo-utils-grid-row-span: k-map-get( $kendo-utils, "grid-row-span" ) !default;
-    @include generate-utils( row-span, grid-row, $kendo-utils-grid-row-span );
+        // Grid row span utility classes
+        $kendo-utils-grid-row-span: k-map-get( $kendo-utils, "grid-row-span" ) !default;
+        @include generate-utils( row-span, grid-row, $kendo-utils-grid-row-span );
 
 
-    // Legacy aliases
-    @include generate-utils( rowspan, grid-row, $kendo-utils-grid-row-span );
-    .#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; }
-    .\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; }
+        // Legacy aliases
+        @include generate-utils( rowspan, grid-row, $kendo-utils-grid-row-span );
+        .#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; }
+        .\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; }
+
+    }
+}
+
+@mixin kendo-utils--flex-grid--grid-row-start-end--responsive($key) {
+
+    // Grid row start responsive utility classes
+    $kendo-utils-grid-row-start: k-map-get( $kendo-utils, "grid-row-start" ) !default;
+    @include generate-utils( row-start-#{$key}, grid-row-start, $kendo-utils-grid-row-start, $important: false );
+
+    // Grid row end responsive utility classes
+    $kendo-utils-grid-row-end: k-map-get( $kendo-utils, "grid-row-end" ) !default;
+    @include generate-utils( row-end-#{$key}, grid-row-end, $kendo-utils-grid-row-end, $important: false );
 
 }
 
@@ -12184,11 +12862,27 @@ $kendo-utils: (
 /// @group grid-template-columns
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-grid-template-columns"));
+
 @mixin kendo-utils--flex-grid--grid-template-columns() {
+    @include module-render("utils-flex-grid-grid-template-columns") {
 
-    // Grid template columns utility classes
+        // Grid template columns utility classes
+        $kendo-utils-grid-template-columns: k-map-get( $kendo-utils, "grid-template-columns" ) !default;
+        @include generate-utils( grid-cols, grid-template-columns, $kendo-utils-grid-template-columns );
+
+    }
+}
+
+@mixin kendo-utils--flex-grid--grid-template-columns--responsive($key) {
+
+    // Grid template columns responsive utility classes
     $kendo-utils-grid-template-columns: k-map-get( $kendo-utils, "grid-template-columns" ) !default;
-    @include generate-utils( grid-cols, grid-template-columns, $kendo-utils-grid-template-columns );
+    @include generate-utils( grid-cols-#{$key}, grid-template-columns, $kendo-utils-grid-template-columns, $important: false );
 
 }
 
@@ -12212,12 +12906,20 @@ $kendo-utils: (
 /// @group grid-template-rows
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-grid-template-rows"));
+
 @mixin kendo-utils--flex-grid--grid-template-rows() {
+    @include module-render("utils-flex-grid-grid-template-rows") {
 
-    // Grid template rows utility classes
-    $kendo-utils-grid-template-rows: k-map-get( $kendo-utils, "grid-template-rows" ) !default;
-    @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );
+        // Grid template rows utility classes
+        $kendo-utils-grid-template-rows: k-map-get( $kendo-utils, "grid-template-rows" ) !default;
+        @include generate-utils( grid-rows, grid-template-rows, $kendo-utils-grid-template-rows );
 
+    }
 }
 
 // #endregion
@@ -12300,17 +13002,25 @@ $kendo-utils: (
 /// @group justify-content
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-justify-content"));
+
 @mixin kendo-utils--flex-grid--justify-content() {
+    @include module-render("utils-flex-grid-justify-content") {
 
-    // Justify content utility classes
-    $kendo-utils-justify-content: k-map-get( $kendo-utils, "justify-content" ) !default;
-    @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );
+        // Justify content utility classes
+        $kendo-utils-justify-content: k-map-get( $kendo-utils, "justify-content" ) !default;
+        @include generate-utils( justify-content, justify-content, $kendo-utils-justify-content );
 
 
-    // Custom justify-content classes
-    .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }
-    .\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important
+        // Custom justify-content classes
+        .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }
+        .\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important
 
+    }
 }
 
 // #endregion
@@ -12399,12 +13109,20 @@ $kendo-utils: (
 /// @group justify-items
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-justify-items"));
+
 @mixin kendo-utils--flex-grid--justify-items() {
+    @include module-render("utils-flex-grid-justify-items") {
 
-    // Justify items utility classes
-    $kendo-utils-justify-items: k-map-get( $kendo-utils, "justify-items" ) !default;
-    @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );
+        // Justify items utility classes
+        $kendo-utils-justify-items: k-map-get( $kendo-utils, "justify-items" ) !default;
+        @include generate-utils( justify-items, justify-items, $kendo-utils-justify-items );
 
+    }
 }
 
 // #endregion
@@ -12487,12 +13205,20 @@ $kendo-utils: (
 /// @group justify-self
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-justify-self"));
+
 @mixin kendo-utils--flex-grid--justify-self() {
+    @include module-render("utils-flex-grid-justify-self") {
 
-    // Justify self utility classes
-    $kendo-utils-justify-self: k-map-get( $kendo-utils, "justify-self" ) !default;
-    @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );
+        // Justify self utility classes
+        $kendo-utils-justify-self: k-map-get( $kendo-utils, "justify-self" ) !default;
+        @include generate-utils( justify-self, justify-self, $kendo-utils-justify-self );
 
+    }
 }
 
 // #endregion
@@ -12521,12 +13247,20 @@ $kendo-utils: (
 /// @group order
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-order"));
+
 @mixin kendo-utils--flex-grid--order() {
+    @include module-render("utils-flex-grid-order") {
 
-    // Order utility classes
-    $kendo-utils-order: k-map-get( $kendo-utils, "order" ) !default;
-    @include generate-utils( order, order, $kendo-utils-order );
+        // Order utility classes
+        $kendo-utils-order: k-map-get( $kendo-utils, "order" ) !default;
+        @include generate-utils( order, order, $kendo-utils-order );
 
+    }
 }
 
 // #endregion
@@ -12609,12 +13343,20 @@ $kendo-utils: (
 /// @group place-content
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-place-content"));
+
 @mixin kendo-utils--flex-grid--place-content() {
+    @include module-render("utils-flex-grid-place-content") {
 
-    // Place content utility classes
-    $kendo-utils-place-content: k-map-get( $kendo-utils, "place-content" ) !default;
-    @include generate-utils( place-content, place-content, $kendo-utils-place-content );
+        // Place content utility classes
+        $kendo-utils-place-content: k-map-get( $kendo-utils, "place-content" ) !default;
+        @include generate-utils( place-content, place-content, $kendo-utils-place-content );
 
+    }
 }
 
 // #endregion
@@ -12679,12 +13421,20 @@ $kendo-utils: (
 /// @group place-items
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-place-items"));
+
 @mixin kendo-utils--flex-grid--place-items() {
+    @include module-render("utils-flex-grid-place-items") {
 
-    // Place items utility classes
-    $kendo-utils-place-items: k-map-get( $kendo-utils, "place-items" ) !default;
-    @include generate-utils( place-items, place-items, $kendo-utils-place-items );
+        // Place items utility classes
+        $kendo-utils-place-items: k-map-get( $kendo-utils, "place-items" ) !default;
+        @include generate-utils( place-items, place-items, $kendo-utils-place-items );
 
+    }
 }
 
 // #endregion
@@ -12755,12 +13505,20 @@ $kendo-utils: (
 /// @group place-self
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-flex-grid-place-self"));
+
 @mixin kendo-utils--flex-grid--place-self() {
+    @include module-render("utils-flex-grid-place-self") {
 
-    // Place self utility classes
-    $kendo-utils-place-self: k-map-get( $kendo-utils, "place-self" ) !default;
-    @include generate-utils( place-self, place-self, $kendo-utils-place-self );
+        // Place self utility classes
+        $kendo-utils-place-self: k-map-get( $kendo-utils, "place-self" ) !default;
+        @include generate-utils( place-self, place-self, $kendo-utils-place-self );
 
+    }
 }
 
 // #endregion
@@ -12793,6 +13551,14 @@ $kendo-utils: (
     @include kendo-utils--flex-grid--place-self();
 }
 
+@mixin kendo-utils--flex-grid--responsive($key) {
+    @include kendo-utils--flex-grid--flex-direction--responsive($key);
+    @include kendo-utils--flex-grid--gap--responsive($key);
+    @include kendo-utils--flex-grid--grid-column-start-end--responsive($key);
+    @include kendo-utils--flex-grid--grid-row-start-end--responsive($key);
+    @include kendo-utils--flex-grid--grid-template-columns--responsive($key);
+}
+
 // #endregion
 // #region @import "./spacing/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/spacing/index.import.scss
 // File already imported_once. Skipping output.
@@ -12943,20 +13709,28 @@ $kendo-utils: (
 /// @group height
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-sizing-height"));
+
 @mixin kendo-utils--sizing--height() {
+    @include module-render("utils-sizing-height") {
 
-    // Height utility classes
-    $kendo-utils-height: k-map-get( $kendo-utils, "height" ) !default;
-    @include generate-utils( h, height, $kendo-utils-height );
+        // Height utility classes
+        $kendo-utils-height: k-map-get( $kendo-utils, "height" ) !default;
+        @include generate-utils( h, height, $kendo-utils-height );
 
-    // Min height utility classes
-    $kendo-utils-min-height: k-map-get( $kendo-utils, "min-height" ) !default;
-    @include generate-utils( min-h, min-height, $kendo-utils-min-height );
+        // Min height utility classes
+        $kendo-utils-min-height: k-map-get( $kendo-utils, "min-height" ) !default;
+        @include generate-utils( min-h, min-height, $kendo-utils-min-height );
 
-    // Max height utility classes
-    $kendo-utils-max-height: k-map-get( $kendo-utils, "max-height" ) !default;
-    @include generate-utils( max-h, max-height, $kendo-utils-max-height );
+        // Max height utility classes
+        $kendo-utils-max-height: k-map-get( $kendo-utils, "max-height" ) !default;
+        @include generate-utils( max-h, max-height, $kendo-utils-max-height );
 
+    }
 }
 
 // #endregion
@@ -13105,20 +13879,28 @@ $kendo-utils: (
 /// @group width
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-sizing-width"));
+
 @mixin kendo-utils--sizing--width() {
+    @include module-render("utils-sizing-width") {
 
-    // Width utility classes
-    $kendo-utils-width: k-map-get( $kendo-utils, "width" ) !default;
-    @include generate-utils( w, width, $kendo-utils-width );
+        // Width utility classes
+        $kendo-utils-width: k-map-get( $kendo-utils, "width" ) !default;
+        @include generate-utils( w, width, $kendo-utils-width );
 
-    // Min-width utility classes
-    $kendo-utils-min-width: k-map-get( $kendo-utils, "min-width" ) !default;
-    @include generate-utils( min-w, min-width, $kendo-utils-min-width );
+        // Min-width utility classes
+        $kendo-utils-min-width: k-map-get( $kendo-utils, "min-width" ) !default;
+        @include generate-utils( min-w, min-width, $kendo-utils-min-width );
 
-    // Max-width utility classes
-    $kendo-utils-max-width: k-map-get( $kendo-utils, "max-width" ) !default;
-    @include generate-utils( max-w, max-width, $kendo-utils-max-width );
+        // Max-width utility classes
+        $kendo-utils-max-width: k-map-get( $kendo-utils, "max-width" ) !default;
+        @include generate-utils( max-w, max-width, $kendo-utils-max-width );
 
+    }
 }
 
 // #endregion
@@ -13137,11 +13919,16 @@ $kendo-utils: (
 // File already imported_once. Skipping output.
 // #endregion
 
+// Register
+@include module-register((name: "utils-typography-font-family"));
+
 @mixin kendo-utils--typography--font-family() {
+    @include module-render("utils-typography-font-family") {
 
-    // Font family utility classes
-    @include generate-utils( font-family, font-family, $kendo-font-families, $css-var: "font-family" );
+        // Font family utility classes
+        @include generate-utils( font-family, font-family, $kendo-font-families, $css-var: "font-family" );
 
+    }
 }
 
 // #endregion
@@ -13180,14 +13967,19 @@ $kendo-utils: (
 /// @group font-size
 /// @contextType css
 
+// Register
+@include module-register((name: "utils-typography-font-size"));
+
 @mixin kendo-utils--typography--font-size() {
+    @include module-render("utils-typography-font-size") {
 
-    // Font size utility classes
-    @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: "font-size" );
+        // Font size utility classes
+        @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: "font-size" );
 
-    // Legacy aliases
-    @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: "fs" );
+        // Legacy aliases
+        @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: "fs" );
 
+    }
 }
 
 // #endregion
@@ -13205,12 +13997,20 @@ $kendo-utils: (
 /// @group font-style
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-font-style"));
+
 @mixin kendo-utils--typography--font-style() {
+    @include module-render("utils-typography-font-style") {
 
-    // Font style utility classes
-    $kendo-utils-font-style: k-map-get( $kendo-utils, "font-style" ) !default;
-    @include generate-utils( font-style, font-style, $kendo-utils-font-style, $css-var: "font-style" );
+        // Font style utility classes
+        $kendo-utils-font-style: k-map-get( $kendo-utils, "font-style" ) !default;
+        @include generate-utils( font-style, font-style, $kendo-utils-font-style, $css-var: "font-style" );
 
+    }
 }
 
 // #endregion
@@ -13273,15 +14073,19 @@ $kendo-utils: (
 /// @group font-weight
 /// @contextType css
 
-@mixin kendo-utils--typography--font-weight() {
+// Register
+@include module-register((name: "utils-typography-font-weight"));
 
-    // Font weight utility classes
-    @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: "font-weight" );
+@mixin kendo-utils--typography--font-weight() {
+    @include module-render("utils-typography-font-weight") {
 
+        // Font weight utility classes
+        @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: "font-weight" );
 
-    // Legacy aliases
-    @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: "font-weight" );
+        // Legacy aliases
+        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: "font-weight" );
 
+    }
 }
 
 // #endregion
@@ -13292,11 +14096,16 @@ $kendo-utils: (
 // File already imported_once. Skipping output.
 // #endregion
 
+// Register
+@include module-register((name: "utils-typography-letter-spacing"));
+
 @mixin kendo-utils--typography--letter-spacing() {
+    @include module-render("utils-typography-letter-spacing") {
 
-    // Letter spacing utility classes
-    @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: "letter-spacing" );
+        // Letter spacing utility classes
+        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: "letter-spacing" );
 
+    }
 }
 
 
@@ -13307,11 +14116,16 @@ $kendo-utils: (
 // File already imported_once. Skipping output.
 // #endregion
 
+// Register
+@include module-register((name: "utils-typography-line-height"));
+
 @mixin kendo-utils--typography--line-height() {
+    @include module-render("utils-typography-line-height") {
 
-    // Line height utility classes
-    @include generate-utils( line-height, line-height, $kendo-line-heights, $css-var: "line-height" );
+        // Line height utility classes
+        @include generate-utils( line-height, line-height, $kendo-line-heights, $css-var: "line-height" );
 
+    }
 }
 
 // #endregion
@@ -13334,12 +14148,20 @@ $kendo-utils: (
 /// @group list-style
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-list-style"));
+
 @mixin kendo-utils--typography--list-style-type() {
+    @include module-render("utils-typography-list-style") {
 
-    // list-style-type utility classes
-    $kendo-utils-list-style-type: k-map-get( $kendo-utils, "list-style-type" ) !default;
-    @include generate-utils( list, list-style-type, $kendo-utils-list-style-type );
+        // list-style-type utility classes
+        $kendo-utils-list-style-type: k-map-get( $kendo-utils, "list-style-type" ) !default;
+        @include generate-utils( list, list-style-type, $kendo-utils-list-style-type );
 
+    }
 }
 
 // #endregion
@@ -13368,29 +14190,44 @@ $kendo-utils: (
 /// @group text-align
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-text-align"));
+
 @mixin kendo-utils--typography--text-align() {
+    @include module-render("utils-typography-text-align") {
 
-    // Text align utility classes
-    $kendo-utils-text-align: k-map-get( $kendo-utils, "text-align" ) !default;
+        // Text align utility classes
+        $kendo-utils-text-align: k-map-get( $kendo-utils, "text-align" ) !default;
 
-    @include generate-utils( text, text-align, $kendo-utils-text-align );
+        @include generate-utils( text, text-align, $kendo-utils-text-align );
 
+    }
 }
 
 // #endregion
 // #region @import "./_text-color.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/typography/_text-color.scss
 // TODO: docs
 
-@mixin kendo-utils--typography--text-color() {
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-text-color"));
 
-    // Text color utility classes
-    $kendo-utils-text-color: k-map-get( $kendo-utils, "text-color" ) !default;
-    @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );
+@mixin kendo-utils--typography--text-color() {
+    @include module-render("utils-typography-text-color") {
 
+        // Text color utility classes
+        $kendo-utils-text-color: k-map-get( $kendo-utils, "text-color" ) !default;
+        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );
 
-    // Legacy aliases
-    @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );
+        // Legacy aliases
+        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );
 
+    }
 }
 
 // #endregion
@@ -13419,12 +14256,20 @@ $kendo-utils: (
 /// @group text-decoration
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-text-decoration"));
+
 @mixin kendo-utils--typography--text-decoration() {
+    @include module-render("utils-typography-text-decoration") {
 
-    // text-decoration utility classes
-    $kendo-utils-text-decoration: k-map-get( $kendo-utils, "text-decoration" ) !default;
-    @include generate-utils( text, text-decoration, $kendo-utils-text-decoration );
+        // text-decoration utility classes
+        $kendo-utils-text-decoration: k-map-get( $kendo-utils, "text-decoration" ) !default;
+        @include generate-utils( text, text-decoration, $kendo-utils-text-decoration );
 
+    }
 }
 
 // #endregion
@@ -13441,29 +14286,37 @@ $kendo-utils: (
 /// @group text-overflow
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-text-overflow"));
+
 @mixin kendo-utils--typography--text-overflow() {
+    @include module-render("utils-typography-text-overflow") {
 
-    // Text overflow utility classes
-    $kendo-utils-text-overflow: k-map-get( $kendo-utils, "text-overflow" ) !default;
-    @include generate-utils( text, text-overflow, $kendo-utils-text-overflow );
+        // Text overflow utility classes
+        $kendo-utils-text-overflow: k-map-get( $kendo-utils, "text-overflow" ) !default;
+        @include generate-utils( text, text-overflow, $kendo-utils-text-overflow );
 
 
-    // Text truncate utility classes
-    .#{$kendo-prefix}text-truncate {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-    .\!#{$kendo-prefix}text-truncate {
-        white-space: nowrap !important; // stylelint-disable-line declaration-no-important
-        overflow: hidden !important; // stylelint-disable-line declaration-no-important
-        text-overflow: ellipsis !important; // stylelint-disable-line declaration-no-important
-    }
+        // Text truncate utility classes
+        .#{$kendo-prefix}text-truncate {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        .\!#{$kendo-prefix}text-truncate {
+            white-space: nowrap !important; // stylelint-disable-line declaration-no-important
+            overflow: hidden !important; // stylelint-disable-line declaration-no-important
+            text-overflow: ellipsis !important; // stylelint-disable-line declaration-no-important
+        }
 
-    // Legacy aliases
-    .#{$kendo-prefix}text-ellipsis { @extend .#{$kendo-prefix}text-truncate !optional; }
-    .\!#{$kendo-prefix}text-ellipsis { @extend .\!#{$kendo-prefix}text-truncate !optional; }
+        // Legacy aliases
+        .#{$kendo-prefix}text-ellipsis { @extend .#{$kendo-prefix}text-truncate !optional; }
+        .\!#{$kendo-prefix}text-ellipsis { @extend .\!#{$kendo-prefix}text-truncate !optional; }
 
+    }
 }
 
 // #endregion
@@ -13486,12 +14339,20 @@ $kendo-utils: (
 /// @group text-transform
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-text-transform"));
+
 @mixin kendo-utils--typography--text-transform() {
+    @include module-render("utils-typography-text-transform") {
 
-    // Text transform utility classes
-    $kendo-utils-text-transform: k-map-get( $kendo-utils, "text-transform" ) !default;
-    @include generate-utils( text, text-transform, $kendo-utils-text-transform );
+        // Text transform utility classes
+        $kendo-utils-text-transform: k-map-get( $kendo-utils, "text-transform" ) !default;
+        @include generate-utils( text, text-transform, $kendo-utils-text-transform );
 
+    }
 }
 
 // #endregion
@@ -13545,12 +14406,20 @@ $kendo-utils: (
 /// @group vertical-align
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-vertical-align"));
+
 @mixin kendo-utils--typography--vertical-align() {
+    @include module-render("utils-typography-vertical-align") {
 
-    // vertical-align utility classes
-    $kendo-utils-vertical-align: k-map-get( $kendo-utils, "vertical-align" ) !default;
-    @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );
+        // vertical-align utility classes
+        $kendo-utils-vertical-align: k-map-get( $kendo-utils, "vertical-align" ) !default;
+        @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );
 
+    }
 }
 
 // #endregion
@@ -13591,18 +14460,26 @@ $kendo-utils: (
 /// @group white-space
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-typography-white-space"));
+
 @mixin kendo-utils--typography--white-space() {
+    @include module-render("utils-typography-white-space") {
 
-    // White space utility classes
-    $kendo-utils-white-space: k-map-get( $kendo-utils, "white-space" ) !default;
+        // White space utility classes
+        $kendo-utils-white-space: k-map-get( $kendo-utils, "white-space" ) !default;
 
-    @include generate-utils( white-space, white-space, $kendo-utils-white-space );
-    @include generate-utils( whitespace, white-space, $kendo-utils-white-space );
+        @include generate-utils( white-space, white-space, $kendo-utils-white-space );
+        @include generate-utils( whitespace, white-space, $kendo-utils-white-space );
 
 
-    // Legacy aliases
-    .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }
+        // Legacy aliases
+        .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }
 
+    }
 }
 
 // #endregion
@@ -13652,12 +14529,20 @@ $kendo-utils: (
 /// @group background-clip
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-background-clip"));
+
 @mixin kendo-utils--background--background-clip() {
+    @include module-render("utils-background-clip") {
 
-    // Background color utility classes
-    $kendo-utils-background-clip: k-map-get( $kendo-utils, "background-clip" ) !default;
-    @include generate-utils( bg-clip, background-clip, $kendo-utils-background-clip );
+        // Background color utility classes
+        $kendo-utils-background-clip: k-map-get( $kendo-utils, "background-clip" ) !default;
+        @include generate-utils( bg-clip, background-clip, $kendo-utils-background-clip );
 
+    }
 }
 
 // #endregion
@@ -13686,12 +14571,20 @@ $kendo-utils: (
 /// @group background-color
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-background-color"));
+
 @mixin kendo-utils--background--background-color() {
+    @include module-render("utils-background-color") {
 
-    // Background color utility classes
-    $kendo-utils-background-color: k-map-get( $kendo-utils, "background-color" ) !default;
-    @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );
+        // Background color utility classes
+        $kendo-utils-background-color: k-map-get( $kendo-utils, "background-color" ) !default;
+        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );
 
+    }
 }
 
 // #endregion
@@ -13750,12 +14643,20 @@ $kendo-utils: (
 /// @group background-position
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-background-position"));
+
 @mixin kendo-utils--background--background-position() {
+    @include module-render("utils-background-position") {
 
-    // Background position utility classes
-    $kendo-utils-background-position: k-map-get( $kendo-utils, "background-position" ) !default;
-    @include generate-utils( bg, background-position, $kendo-utils-background-position );
+        // Background position utility classes
+        $kendo-utils-background-position: k-map-get( $kendo-utils, "background-position" ) !default;
+        @include generate-utils( bg, background-position, $kendo-utils-background-position );
 
+    }
 }
 
 // #endregion
@@ -13778,12 +14679,20 @@ $kendo-utils: (
 /// @group background-size
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-background-size"));
+
 @mixin kendo-utils--background--background-size() {
+    @include module-render("utils-background-size") {
 
-    // Background size utility classes
-    $kendo-utils-background-size: k-map-get( $kendo-utils, "background-size" ) !default;
-    @include generate-utils( bg, background-size, $kendo-utils-background-size );
+        // Background size utility classes
+        $kendo-utils-background-size: k-map-get( $kendo-utils, "background-size" ) !default;
+        @include generate-utils( bg, background-size, $kendo-utils-background-size );
 
+    }
 }
 
 // #endregion
@@ -13829,13 +14738,20 @@ $kendo-utils: (
 /// @group border-color
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-border-color"));
 
 @mixin kendo-utils--border--border-color() {
+    @include module-render("utils-border-color") {
 
-    // Border color utility classes
-    $kendo-utils-border-color: k-map-get( $kendo-utils, "border-color" ) !default;
-    @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );
+        // Border color utility classes
+        $kendo-utils-border-color: k-map-get( $kendo-utils, "border-color" ) !default;
+        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );
 
+    }
 }
 
 // #endregion
@@ -14168,19 +15084,27 @@ $kendo-utils: (
 // File already imported_once. Skipping output.
 // #endregion
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-border-radius"));
+
 @mixin kendo-utils--border--border-radius() {
+    @include module-render("utils-border-radius") {
 
-    // Border radius utility classes
-    @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
-    @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: "border-radius" );
+        // Border radius utility classes
+        @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-tl, border-top-left-radius, $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-tr, border-top-right-radius, $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-br, border-bottom-right-radius, $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-bl, border-bottom-left-radius, $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-t, ( border-top-left-radius, border-top-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-r, ( border-top-right-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-b, ( border-bottom-left-radius, border-bottom-right-radius ), $kendo-border-radii, $css-var: "border-radius" );
+        @include generate-utils( rounded-l, ( border-top-left-radius, border-bottom-left-radius ), $kendo-border-radii, $css-var: "border-radius" );
 
+    }
 }
 
 // #endregion
@@ -14431,19 +15355,26 @@ $kendo-utils: (
 /// @group border-style
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-border-style"));
 
 @mixin kendo-utils--border--border-style() {
+    @include module-render("utils-border-style") {
 
-    // Border style utility classes
-    $kendo-utils-border-style: k-map-get( $kendo-utils, "border-style" ) !default;
-    @include generate-utils( border, border-style, $kendo-utils-border-style );
-    @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );
-    @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );
-    @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );
-    @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );
-    @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );
-    @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );
+        // Border style utility classes
+        $kendo-utils-border-style: k-map-get( $kendo-utils, "border-style" ) !default;
+        @include generate-utils( border, border-style, $kendo-utils-border-style );
+        @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );
+        @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );
+        @include generate-utils( border-b, border-bottom-style, $kendo-utils-border-style );
+        @include generate-utils( border-l, border-left-style, $kendo-utils-border-style );
+        @include generate-utils( border-x, border-inline-style, $kendo-utils-border-style );
+        @include generate-utils( border-y, border-block-style, $kendo-utils-border-style );
 
+    }
 }
 
 // #endregion
@@ -14658,27 +15589,33 @@ $kendo-utils: (
 /// @group border-width
 /// @contextType css
 
-
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-border-width"));
 
 @mixin kendo-utils--border--border-width() {
+    @include module-render("utils-border-width") {
 
-    // Border width utility classes
-    $kendo-utils-border-width: k-map-get( $kendo-utils, "border-width" ) !default;
-    @include generate-utils( border, border-width, $kendo-utils-border-width );
-    @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );
-    @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );
-    @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );
-    @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );
-    @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );
-    @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );
+        // Border width utility classes
+        $kendo-utils-border-width: k-map-get( $kendo-utils, "border-width" ) !default;
+        @include generate-utils( border, border-width, $kendo-utils-border-width );
+        @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );
+        @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );
+        @include generate-utils( border-b, border-bottom-width, $kendo-utils-border-width );
+        @include generate-utils( border-l, border-left-width, $kendo-utils-border-width );
+        @include generate-utils( border-x, border-inline-width, $kendo-utils-border-width );
+        @include generate-utils( border-y, border-block-width, $kendo-utils-border-width );
 
 
-    // Legacy aliases
-    @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );
-    @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );
-    @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );
-    @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );
+        // Legacy aliases
+        @include generate-utils( border-top, border-top-width, $kendo-utils-border-width );
+        @include generate-utils( border-right, border-right-width, $kendo-utils-border-width );
+        @include generate-utils( border-bottom, border-bottom-width, $kendo-utils-border-width );
+        @include generate-utils( border-left, border-left-width, $kendo-utils-border-width );
 
+    }
 }
 
 // #endregion
@@ -14713,12 +15650,20 @@ $kendo-utils: (
 /// @group outline-color
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-outline-color"));
+
 @mixin kendo-utils--border--outline-color() {
+    @include module-render("utils-outline-color") {
 
-    // Outline color utility classes
-    $kendo-utils-outline-color: k-map-get( $kendo-utils, "outline-color" ) !default;
-    @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );
+        // Outline color utility classes
+        $kendo-utils-outline-color: k-map-get( $kendo-utils, "outline-color" ) !default;
+        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );
 
+    }
 }
 
 // #endregion
@@ -14753,12 +15698,20 @@ $kendo-utils: (
 /// @group outline-offset
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-outline-offset"));
+
 @mixin kendo-utils--border--outline-offset() {
+    @include module-render("utils-outline-offset") {
 
-    // Outline offset utility classes
-    $kendo-utils-outline-offset: k-map-get( $kendo-utils, "outline-offset" ) !default;
-    @include generate-utils( outline-offset, outline-offset, $kendo-utils-outline-offset );
+        // Outline offset utility classes
+        $kendo-utils-outline-offset: k-map-get( $kendo-utils, "outline-offset" ) !default;
+        @include generate-utils( outline-offset, outline-offset, $kendo-utils-outline-offset );
 
+    }
 }
 
 // #endregion
@@ -14799,12 +15752,20 @@ $kendo-utils: (
 /// @group outline-style
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-outline-style"));
+
 @mixin kendo-utils--border--outline-style() {
+    @include module-render("utils-outline-style") {
 
-    // Outline style utility classes
-    $kendo-utils-outline-style: k-map-get( $kendo-utils, "outline-style" ) !default;
-    @include generate-utils( outline, outline-style, $kendo-utils-outline-style );
+        // Outline style utility classes
+        $kendo-utils-outline-style: k-map-get( $kendo-utils, "outline-style" ) !default;
+        @include generate-utils( outline, outline-style, $kendo-utils-outline-style );
 
+    }
 }
 
 // #endregion
@@ -14839,12 +15800,20 @@ $kendo-utils: (
 /// @group outline-width
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-outline-width"));
+
 @mixin kendo-utils--border--outline-width() {
+    @include module-render("utils-outline-width") {
 
     // Outline width utility classes
     $kendo-utils-outline-width: k-map-get( $kendo-utils, "outline-width" ) !default;
     @include generate-utils( outline, outline-width, $kendo-utils-outline-width );
 
+    }
 }
 
 // #endregion
@@ -14878,12 +15847,20 @@ $kendo-utils: (
 /// @group opacity
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-effects-opacity"));
+
 @mixin kendo-utils--effects--opacity() {
+    @include module-render("utils-effects-opacity") {
 
-    // opacity utility classes
-    $kendo-utils-opacity: k-map-get( $kendo-utils, "opacity" ) !default;
-    @include generate-utils( opacity, opacity, $kendo-utils-opacity );
+        // opacity utility classes
+        $kendo-utils-opacity: k-map-get( $kendo-utils, "opacity" ) !default;
+        @include generate-utils( opacity, opacity, $kendo-utils-opacity );
 
+    }
 }
 
 // #endregion
@@ -14925,12 +15902,20 @@ $kendo-utils: (
 /// @group backdrop-blur
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-filter-backdrop"));
+
 @mixin kendo-utils--filter--backdrop() {
+    @include module-render("utils-filter-backdrop") {
 
-    // backdrop utility classes
-    $kendo-utils-backdrop-blur: k-map-get( $kendo-utils, "backdrop-blur" ) !default;
-    @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );
+        // backdrop utility classes
+        $kendo-utils-backdrop-blur: k-map-get( $kendo-utils, "backdrop-blur" ) !default;
+        @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );
 
+    }
 }
 
 // #endregion
@@ -14954,12 +15939,20 @@ $kendo-utils: (
 /// @group border-collapse
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-table-border-collapse"));
+
 @mixin kendo-utils--table--border-collapse() {
+    @include module-render("utils-table-border-collapse") {
 
-    // Border collapse utility classes
-    $kendo-utils-border-collapse: k-map-get( $kendo-utils, "border-collapse" ) !default;
-    @include generate-utils( border, border-collapse, $kendo-utils-border-collapse );
+        // Border collapse utility classes
+        $kendo-utils-border-collapse: k-map-get( $kendo-utils, "border-collapse" ) !default;
+        @include generate-utils( border, border-collapse, $kendo-utils-border-collapse );
 
+    }
 }
 
 // #endregion
@@ -14976,13 +15969,21 @@ $kendo-utils: (
 /// @group table-layout
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-table-table-layout"));
+
 @mixin kendo-utils--table--table-layout() {
+    @include module-render("utils-table-table-layout") {
 
-    // Table layout utility classes
-    $kendo-utils-table-layout: k-map-get( $kendo-utils, "table-layout" ) !default;
-    @include generate-utils( table, table-layout, $kendo-utils-table-layout );
-    @include generate-utils( table-layout, table-layout, $kendo-utils-table-layout );
+        // Table layout utility classes
+        $kendo-utils-table-layout: k-map-get( $kendo-utils, "table-layout" ) !default;
+        @include generate-utils( table, table-layout, $kendo-utils-table-layout );
+        @include generate-utils( table-layout, table-layout, $kendo-utils-table-layout );
 
+    }
 }
 
 // #endregion
@@ -15011,25 +16012,33 @@ $kendo-utils: (
 
 // TODO: consider globally horizontal vs h vs x
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-transform-flip"));
+
 @mixin kendo-utils--transform--flip() {
+    @include module-render("utils-transform-flip") {
 
-    // Flip utility classes
-    $kendo-utils-flip: k-map-get( $kendo-utils, "flip" ) !default;
-    @if $kendo-utils-flip {
-        .#{$kendo-prefix}flip-h { transform: scaleX( -1 ); }
-        .\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // stylelint-disable-line declaration-no-important
-        .#{$kendo-prefix}flip-v { transform: scaleY( -1 ); }
-        .\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // stylelint-disable-line declaration-no-important
-        .#{$kendo-prefix}flip-h.#{$kendo-prefix}flip-v { transform: scale( -1, -1 ); }
-        .\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // stylelint-disable-line declaration-no-important
+        // Flip utility classes
+        $kendo-utils-flip: k-map-get( $kendo-utils, "flip" ) !default;
+        @if $kendo-utils-flip {
+            .#{$kendo-prefix}flip-h { transform: scaleX( -1 ); }
+            .\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // stylelint-disable-line declaration-no-important
+            .#{$kendo-prefix}flip-v { transform: scaleY( -1 ); }
+            .\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // stylelint-disable-line declaration-no-important
+            .#{$kendo-prefix}flip-h.#{$kendo-prefix}flip-v { transform: scale( -1, -1 ); }
+            .\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // stylelint-disable-line declaration-no-important
 
-        // Legacy aliases
-        .#{$kendo-prefix}flip-x { @extend .#{$kendo-prefix}flip-h !optional; }
-        .\!#{$kendo-prefix}flip-x { @extend .\!#{$kendo-prefix}flip-h !optional; }
-        .#{$kendo-prefix}flip-y { @extend .#{$kendo-prefix}flip-v !optional; }
-        .\!#{$kendo-prefix}flip-y { @extend .\!#{$kendo-prefix}flip-v !optional; }
-    }
+            // Legacy aliases
+            .#{$kendo-prefix}flip-x { @extend .#{$kendo-prefix}flip-h !optional; }
+            .\!#{$kendo-prefix}flip-x { @extend .\!#{$kendo-prefix}flip-h !optional; }
+            .#{$kendo-prefix}flip-y { @extend .#{$kendo-prefix}flip-v !optional; }
+            .\!#{$kendo-prefix}flip-y { @extend .\!#{$kendo-prefix}flip-v !optional; }
+        }
 
+    }
 }
 
 // #endregion
@@ -15088,12 +16097,20 @@ $kendo-utils: (
 /// @group transform-origin
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-transform-origin"));
+
 @mixin kendo-utils--transform--origin() {
+    @include module-render("utils-transform-origin") {
 
-    // Transform origin utility classes
-    $kendo-utils-origin: k-map-get( $kendo-utils, "origin" ) !default;
-    @include generate-utils( origin, transform-origin, $kendo-utils-origin );
+        // Transform origin utility classes
+        $kendo-utils-origin: k-map-get( $kendo-utils, "origin" ) !default;
+        @include generate-utils( origin, transform-origin, $kendo-utils-origin );
 
+    }
 }
 
 // #endregion
@@ -15146,6 +16163,12 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-transform-rotate"));
+
 // stylelint-disable scss/at-function-pattern
 @function _rotate( $val ) {
     @return rotate( $val );
@@ -15153,11 +16176,13 @@ $kendo-utils: (
 // stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--rotate() {
+    @include module-render("utils-transform-rotate") {
 
-    // Rotate utility classes
-    $kendo-utils-rotate: k-map-get( $kendo-utils, "rotate" ) !default;
-    @include generate-utils( rotate, transform, $kendo-utils-rotate, _rotate );
+        // Rotate utility classes
+        $kendo-utils-rotate: k-map-get( $kendo-utils, "rotate" ) !default;
+        @include generate-utils( rotate, transform, $kendo-utils-rotate, _rotate );
 
+    }
 }
 
 // #endregion
@@ -15180,6 +16205,12 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-transform-scale"));
+
 // stylelint-disable scss/at-function-pattern
 @function _scale( $val ) {
     @return scale( $val );
@@ -15193,13 +16224,15 @@ $kendo-utils: (
 // stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--scale() {
+    @include module-render("utils-transform-scale") {
 
-    // Scale utility classes
-    $kendo-utils-scale: k-map-get( $kendo-utils, "scale" ) !default;
-    @include generate-utils( scale, transform, $kendo-utils-scale, _scale );
-    @include generate-utils( scale-x, transform, $kendo-utils-scale, _scale-x );
-    @include generate-utils( scale-y, transform, $kendo-utils-scale, _scale-y );
+        // Scale utility classes
+        $kendo-utils-scale: k-map-get( $kendo-utils, "scale" ) !default;
+        @include generate-utils( scale, transform, $kendo-utils-scale, _scale );
+        @include generate-utils( scale-x, transform, $kendo-utils-scale, _scale-x );
+        @include generate-utils( scale-y, transform, $kendo-utils-scale, _scale-y );
 
+    }
 }
 
 // #endregion
@@ -15228,6 +16261,12 @@ $kendo-utils: (
 /// @group skew
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-transform-skew"));
+
 // stylelint-disable scss/at-function-pattern
 @function _skew-x( $val ) {
     @return skewX( $val );
@@ -15238,12 +16277,14 @@ $kendo-utils: (
 // stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--skew() {
+    @include module-render("utils-transform-skew") {
 
-    // Transform skew utility classes
-    $kendo-utils-skew: k-map-get( $kendo-utils, "skew" ) !default;
-    @include generate-utils( skew-x, transform, $kendo-utils-skew, _skew-x );
-    @include generate-utils( skew-y, transform, $kendo-utils-skew, _skew-y );
+        // Transform skew utility classes
+        $kendo-utils-skew: k-map-get( $kendo-utils, "skew" ) !default;
+        @include generate-utils( skew-x, transform, $kendo-utils-skew, _skew-x );
+        @include generate-utils( skew-y, transform, $kendo-utils-skew, _skew-y );
 
+    }
 }
 
 // #endregion
@@ -15302,6 +16343,12 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-transform-translate"));
+
 // stylelint-disable scss/at-function-pattern
 @function _translate( $val ) {
     @return translate( $val );
@@ -15315,24 +16362,26 @@ $kendo-utils: (
 // stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--translate() {
+    @include module-render("utils-transform-translate") {
 
-    // Translate utility classes
-    $kendo-utils-translate: k-map-get( $kendo-utils, "translate" ) !default;
-    $kendo-utils-translate-xy: (
-        "0": ( 0, 0 ),
-        "0-50": ( 0, 50% ),
-        "0-100": ( 0, 100% ),
-        "50-0": ( 50%, 0 ),
-        "50-50": ( 50%, 50% ),
-        "50-100": ( 50%, 100% ),
-        "100-0": ( 100%, 0 ),
-        "100-50": ( 100%, 50% ),
-        "100-100": ( 100%, 100% )
-    ) !default;
-    @include generate-utils( translate, transform, $kendo-utils-translate-xy, _translate );
-    @include generate-utils( translate-x, transform, $kendo-utils-translate, _translate-x );
-    @include generate-utils( translate-y, transform, $kendo-utils-translate, _translate-y );
+        // Translate utility classes
+        $kendo-utils-translate: k-map-get( $kendo-utils, "translate" ) !default;
+        $kendo-utils-translate-xy: (
+            "0": ( 0, 0 ),
+            "0-50": ( 0, 50% ),
+            "0-100": ( 0, 100% ),
+            "50-0": ( 50%, 0 ),
+            "50-50": ( 50%, 50% ),
+            "50-100": ( 50%, 100% ),
+            "100-0": ( 100%, 0 ),
+            "100-50": ( 100%, 50% ),
+            "100-100": ( 100%, 100% )
+        ) !default;
+        @include generate-utils( translate, transform, $kendo-utils-translate-xy, _translate );
+        @include generate-utils( translate-x, transform, $kendo-utils-translate, _translate-x );
+        @include generate-utils( translate-y, transform, $kendo-utils-translate, _translate-y );
 
+    }
 }
 
 // #endregion
@@ -15352,12 +16401,20 @@ $kendo-utils: (
 // #region @import "./_accent-color.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/interactivity/_accent-color.scss
 // TODO: docs
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-accent-color"));
+
 @mixin kendo-utils--interactivity--accent-color() {
+    @include module-render("utils-interactivity-accent-color") {
 
-    // Accent color utility classes
-    $kendo-utils-accent-color: k-map-get( $kendo-utils, "accent-color" ) !default;
-    @include generate-utils( accent-color, accent-color, $kendo-utils-accent-color );
+        // Accent color utility classes
+        $kendo-utils-accent-color: k-map-get( $kendo-utils, "accent-color" ) !default;
+        @include generate-utils( accent-color, accent-color, $kendo-utils-accent-color );
 
+    }
 }
 
 // #endregion
@@ -15374,24 +16431,40 @@ $kendo-utils: (
 /// @group appearance
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-appearance"));
+
 @mixin kendo-utils--interactivity--appearance() {
+    @include module-render("utils-interactivity-appearance") {
 
-    // Appearance utility classes
-    $kendo-utils-appearance: k-map-get( $kendo-utils, "appearance" ) !default;
-    @include generate-utils( appearance, appearance, $kendo-utils-appearance );
+        // Appearance utility classes
+        $kendo-utils-appearance: k-map-get( $kendo-utils, "appearance" ) !default;
+        @include generate-utils( appearance, appearance, $kendo-utils-appearance );
 
+    }
 }
 
 // #endregion
 // #region @import "./_caret-color.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/interactivity/_caret-color.scss
 // TODO: docs
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-caret-color"));
+
 @mixin kendo-utils--interactivity--caret-color() {
+    @include module-render("utils-interactivity-caret-color") {
 
-    // Caret color utility classes
-    $kendo-utils-caret-color: k-map-get( $kendo-utils, "caret-color" ) !default;
-    @include generate-utils( caret, caret-color, $kendo-utils-caret-color );
+        // Caret color utility classes
+        $kendo-utils-caret-color: k-map-get( $kendo-utils, "caret-color" ) !default;
+        @include generate-utils( caret, caret-color, $kendo-utils-caret-color );
 
+    }
 }
 
 // #endregion
@@ -15420,12 +16493,20 @@ $kendo-utils: (
 /// @group cursor
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-cursor"));
+
 @mixin kendo-utils--interactivity--cursor() {
+    @include module-render("utils-interactivity-cursor") {
 
-    // Cursor utility classes
-    $kendo-utils-cursor: k-map-get( $kendo-utils, "cursor" ) !default;
-    @include generate-utils( cursor, cursor, $kendo-utils-cursor );
+        // Cursor utility classes
+        $kendo-utils-cursor: k-map-get( $kendo-utils, "cursor" ) !default;
+        @include generate-utils( cursor, cursor, $kendo-utils-cursor );
 
+    }
 }
 
 // #endregion
@@ -15442,12 +16523,20 @@ $kendo-utils: (
 /// @group pointer-events
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-pointer-events"));
+
 @mixin kendo-utils--interactivity--pointer-events() {
+    @include module-render("utils-interactivity-pointer-events") {
 
-    // Pointer events utility classes
-    $kendo-utils-pointer-events: k-map-get( $kendo-utils, "pointer-events" ) !default;
-    @include generate-utils( pointer-events, pointer-events, $kendo-utils-pointer-events );
+        // Pointer events utility classes
+        $kendo-utils-pointer-events: k-map-get( $kendo-utils, "pointer-events" ) !default;
+        @include generate-utils( pointer-events, pointer-events, $kendo-utils-pointer-events );
 
+    }
 }
 
 // #endregion
@@ -15476,12 +16565,20 @@ $kendo-utils: (
 /// @group resize
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-resize"));
+
 @mixin kendo-utils--interactivity--resize() {
+    @include module-render("utils-interactivity-resize") {
 
-    // Resize utility classes
-    $kendo-utils-resize: k-map-get( $kendo-utils, "resize" ) !default;
-    @include generate-utils( resize, resize, $kendo-utils-resize );
+        // Resize utility classes
+        $kendo-utils-resize: k-map-get( $kendo-utils, "resize" ) !default;
+        @include generate-utils( resize, resize, $kendo-utils-resize );
 
+    }
 }
 
 // #endregion
@@ -15810,55 +16907,61 @@ $kendo-utils: (
 /// @group scroll
 /// @contextType css
 
-
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-scroll"));
 
 @mixin kendo-utils--interactivity--scroll() {
+    @include module-render("utils-interactivity-scroll") {
 
-    // Scroll behavior utility classes
-    $kendo-utils-scroll-behavior: k-map-get( $kendo-utils, "scroll-behavior" ) !default;
-    @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );
+        // Scroll behavior utility classes
+        $kendo-utils-scroll-behavior: k-map-get( $kendo-utils, "scroll-behavior" ) !default;
+        @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );
 
 
-    // Scroll snap type utility classes
-    $kendo-utils-scroll-snap-type: k-map-get( $kendo-utils, "scroll-snap-type" ) !default;
-    @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );
+        // Scroll snap type utility classes
+        $kendo-utils-scroll-snap-type: k-map-get( $kendo-utils, "scroll-snap-type" ) !default;
+        @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );
 
-    // Custom scroll snap type utility classes
-    .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }
-    .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }
+        // Custom scroll snap type utility classes
+        .#{$kendo-prefix}scroll-snap-mandatory { #{--#{$kendo-prefix}scroll-snap-strictness}: mandatory; }
+        .#{$kendo-prefix}scroll-snap-proximity { #{--#{$kendo-prefix}scroll-snap-strictness}: proximity; }
 
 
-    // Scroll snap stop utility classes
-    $kendo-utils-scroll-snap-stop: k-map-get( $kendo-utils, "scroll-snap-stop" ) !default;
-    @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );
+        // Scroll snap stop utility classes
+        $kendo-utils-scroll-snap-stop: k-map-get( $kendo-utils, "scroll-snap-stop" ) !default;
+        @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );
 
 
-    // Scroll snap align utility classes
-    $kendo-utils-scroll-snap-align: k-map-get( $kendo-utils, "scroll-snap-align" ) !default;
-    @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );
+        // Scroll snap align utility classes
+        $kendo-utils-scroll-snap-align: k-map-get( $kendo-utils, "scroll-snap-align" ) !default;
+        @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );
 
 
-    // Scroll margin utility classes
-    $kendo-utils-scroll-margin: k-map-get( $kendo-utils, "scroll-margin" ) !default;
-    @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );
-    @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );
-    @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );
-    @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );
-    @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );
-    @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );
-    @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );
+        // Scroll margin utility classes
+        $kendo-utils-scroll-margin: k-map-get( $kendo-utils, "scroll-margin" ) !default;
+        @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );
+        @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );
+        @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );
+        @include generate-utils( scroll-mb, scroll-margin-bottom, $kendo-utils-scroll-margin );
+        @include generate-utils( scroll-ml, scroll-margin-left, $kendo-utils-scroll-margin );
+        @include generate-utils( scroll-mx, scroll-margin-inline, $kendo-utils-scroll-margin );
+        @include generate-utils( scroll-my, scroll-margin-block, $kendo-utils-scroll-margin );
 
 
-    // Scroll padding utility classes
-    $kendo-utils-scroll-padding: k-map-get( $kendo-utils, "scroll-padding" ) !default;
-    @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );
-    @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );
-    @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );
-    @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );
-    @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );
-    @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );
-    @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );
+        // Scroll padding utility classes
+        $kendo-utils-scroll-padding: k-map-get( $kendo-utils, "scroll-padding" ) !default;
+        @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );
+        @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );
+        @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );
+        @include generate-utils( scroll-pb, scroll-padding-bottom, $kendo-utils-scroll-padding );
+        @include generate-utils( scroll-pl, scroll-padding-left, $kendo-utils-scroll-padding );
+        @include generate-utils( scroll-px, scroll-padding-inline, $kendo-utils-scroll-padding );
+        @include generate-utils( scroll-py, scroll-padding-block, $kendo-utils-scroll-padding );
 
+    }
 }
 
 // #endregion
@@ -15923,12 +17026,20 @@ $kendo-utils: (
 /// @group touch-action
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-touch-action"));
+
 @mixin kendo-utils--interactivity--touch-action() {
+    @include module-render("utils-interactivity-touch-action") {
 
-    // Touch-action utility classes
-    $kendo-utils-touch-action: k-map-get( $kendo-utils, "touch-action" ) !default;
-    @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );
+        // Touch-action utility classes
+        $kendo-utils-touch-action: k-map-get( $kendo-utils, "touch-action" ) !default;
+        @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );
 
+    }
 }
 
 // #endregion
@@ -15963,24 +17074,40 @@ $kendo-utils: (
 /// @group user-select
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-user-select"));
+
 @mixin kendo-utils--interactivity--user-select() {
+    @include module-render("utils-interactivity-user-select") {
 
-    // User select utility classes
-    $kendo-utils-user-select: k-map-get( $kendo-utils, "user-select" ) !default;
-    @include generate-utils( user-select, user-select, $kendo-utils-user-select );
+        // User select utility classes
+        $kendo-utils-user-select: k-map-get( $kendo-utils, "user-select" ) !default;
+        @include generate-utils( user-select, user-select, $kendo-utils-user-select );
 
+    }
 }
 
 // #endregion
 // #region @import "./_will-change.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/interactivity/_will-change.scss
 // TODO: docs
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-interactivity-will-change"));
+
 @mixin kendo-utils--interactivity--will-change() {
+    @include module-render("utils-interactivity-will-change") {
 
-    // Will change utility classes
-    $kendo-utils-will-change: k-map-get( $kendo-utils, "will-change" ) !default;
-    @include generate-utils( will-change, will-change, $kendo-utils-will-change );
+        // Will change utility classes
+        $kendo-utils-will-change: k-map-get( $kendo-utils, "will-change" ) !default;
+        @include generate-utils( will-change, will-change, $kendo-utils-will-change );
 
+    }
 }
 
 // #endregion
@@ -16038,12 +17165,20 @@ $kendo-utils: (
 /// @group fill
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-svg-fill"));
+
 @mixin kendo-utils--svg--fill() {
+    @include module-render("utils-svg-fill") {
 
-    // fill utility classes
-    $kendo-utils-fill: k-map-get( $kendo-utils, "fill-stroke" ) !default;
-    @include generate-utils( fill, fill, $kendo-utils-fill );
+        // fill utility classes
+        $kendo-utils-fill: k-map-get( $kendo-utils, "fill-stroke" ) !default;
+        @include generate-utils( fill, fill, $kendo-utils-fill );
 
+    }
 }
 
 // #endregion
@@ -16084,12 +17219,20 @@ $kendo-utils: (
 /// @group stroke
 /// @contextType css
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-svg-stroke"));
+
 @mixin kendo-utils--svg--stroke() {
+    @include module-render("utils-svg-stroke") {
 
-    // stroke utility classes
-    $kendo-utils-stroke: k-map-get( $kendo-utils, "fill-stroke" ) !default;
-    @include generate-utils( stroke, stroke, $kendo-utils-stroke );
+        // stroke utility classes
+        $kendo-utils-stroke: k-map-get( $kendo-utils, "fill-stroke" ) !default;
+        @include generate-utils( stroke, stroke, $kendo-utils-stroke );
 
+    }
 }
 
 // #endregion
@@ -16106,8 +17249,16 @@ $kendo-utils: (
 // File already imported_once. Skipping output.
 // #endregion
 
+// Register
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register((name: "utils-elevation"));
+
 @mixin kendo-utils--elevation {
-    @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: "elevation");
+    @include module-render("utils-elevation") {
+        @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: "elevation");
+    }
 }
 
 // #endregion
@@ -16117,6 +17268,7 @@ $kendo-utils: (
 @mixin kendo-utils() {
     @include kendo-utils--accessibility();
     @include kendo-utils--layout();
+    @include kendo-utils--responsive-layout();
     @include kendo-utils--flex-grid();
     @include kendo-utils--spacing();
     @include kendo-utils--sizing();
@@ -16131,31 +17283,18 @@ $kendo-utils: (
     @include kendo-utils--svg();
 
     @include kendo-utils--elevation();
-}
-
-// #endregion
 
-
-// Register
-// #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
-// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
-// File already imported_once. Skipping output.
-// #endregion
-
-// #endregion
-@include module-register( $_kendo-module-meta... );
-
-
-// Expose
-@mixin kendo-utils--styles() {
-    @include module-render( "utils" ) {
-        @include kendo-utils();
+    // Responsive utils
+    @each $key, $val in $kendo-breakpoints {
+        @include kendo-breakpoint-up($key) {
+            @include kendo-utils--layout--responsive($key);
+            @include kendo-utils--flex-grid--responsive($key);
+            @include kendo-utils--spacing--responsive($key);
+        }
     }
 }
 
-@if $kendo-auto-bootstrap {
-    @include kendo-utils--styles();
-}
+// #endregion
 
 // #endregion
 
@@ -16688,7 +17827,10 @@ $kendo-display: (
 
 // Register
 // #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
+// #region @import "@progress/kendo-theme-core/scss/module-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/module-system/index.import.scss
 // File already imported_once. Skipping output.
+// #endregion
+
 // #endregion
 @include module-register( $_kendo-module-meta... );
 
@@ -16698,6 +17840,8 @@ $kendo-display: (
     @include module-render( "typography" ) {
         @include kendo-typography--layout();
         @include kendo-typography--theme();
+        @include kendo-utils--spacing--margin();
+        @include kendo-utils--typography();
     }
 }
 
@@ -16706,9 +17850,6 @@ $kendo-display: (
 }
 
 // #endregion
-// #region @import "./utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Generic content
@@ -16978,6 +18119,9 @@ $ki-rotate-map: (
     @include module-render( "icon" ) {
         @include kendo-icon--layout();
         @include kendo-icon--theme();
+        @include kendo-utils--transform--rotate();
+        @include kendo-utils--transform--flip();
+        @include kendo-utils--typography--text-color();
     }
 }
 
@@ -16990,9 +18134,6 @@ $ki-rotate-map: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -17132,9 +18273,6 @@ $kendo-message-box-link-text-decoration: underline !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -17373,9 +18511,6 @@ $kendo-drop-hint-bg: $kendo-color-primary !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -17393,9 +18528,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -18672,9 +19804,6 @@ $kendo-checkbox-ripple-opacity: .2 !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -18967,9 +20096,6 @@ $kendo-listgroup-item-border-width: 1px !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -19077,9 +20203,6 @@ $kendo-overlay-opacity: .32 !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -19285,9 +20408,6 @@ $kendo-popup-shadow: $box-shadow-depth-4 !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -19419,10 +20539,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
 
 // Module meta
 $_kendo-module-meta: (
@@ -20089,9 +21205,6 @@ $kendo-table-selected-border: null !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -20211,10 +21324,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
 
 // Module meta
 $_kendo-module-meta: (
@@ -20414,10 +21523,6 @@ $kendo-avatar-theme-colors: $kendo-theme-colors !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
 
 // Module meta
 $_kendo-module-meta: (
@@ -21663,6 +22768,7 @@ $kendo-chip-list-sizes: (
     @include module-render( "chip" ) {
         @include kendo-chip--layout();
         @include kendo-chip--theme();
+        @include kendo-utils--typography--text-overflow();
     }
 }
 
@@ -21675,9 +22781,6 @@ $kendo-chip-list-sizes: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -22669,6 +23772,7 @@ $kendo-zindex-loading: 100 !default;
     @include module-render( "loader" ) {
         @include kendo-loader--layout();
         @include kendo-loader--theme();
+        @include kendo-utils--typography--text-color();
     }
 }
 
@@ -22682,9 +23786,6 @@ $kendo-zindex-loading: 100 !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -23051,9 +24152,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -24028,9 +25126,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -25424,6 +26519,8 @@ $kendo-toolbar-sizes: (
     @include module-render( "toolbar" ) {
         @include kendo-toolbar--layout();
         @include kendo-toolbar--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--typography--vertical-align();
     }
 }
 
@@ -25634,6 +26731,7 @@ $kendo-actions-gradient: null !default;
     @include module-render( "actions" ) {
         @include kendo-actions--layout();
         @include kendo-actions--theme();
+        @include kendo-utils--flex-grid--justify-content();
     }
 }
 
@@ -26945,6 +28043,10 @@ $kendo-form-sizes: (
     @include module-render( "form" ) {
         @include kendo-form--layout();
         @include kendo-form--theme();
+        @include kendo-utils--layout--display();
+        @include kendo-utils--flex-grid--gap();
+        @include kendo-utils--flex-grid--grid-template-columns();
+        @include kendo-utils--flex-grid--grid-column-start-end();
     }
 }
 
@@ -26957,9 +28059,6 @@ $kendo-form-sizes: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -27195,6 +28294,7 @@ $_kendo-module-meta: (
     @include module-render( "tooltip" ) {
         @include kendo-tooltip--layout();
         @include kendo-tooltip--theme();
+        @include kendo-utils--typography--text-color();
     }
 }
 
@@ -27299,9 +28399,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -27318,9 +28415,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -28811,9 +29905,6 @@ $kendo-floating-label-focus-text: $kendo-color-primary !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -28972,9 +30063,6 @@ $kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -29102,10 +30190,6 @@ $kendo-menu-button-arrow-padding-x: k-spacing(1) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
 
 // Module meta
 $_kendo-module-meta: (
@@ -29205,7 +30289,6 @@ $_kendo-module-meta: (
 // File already imported_once. Skipping output.
 // #endregion
 
-
 // Module meta
 $_kendo-module-meta: (
     name: "textarea",
@@ -29290,6 +30373,12 @@ $_kendo-module-meta: (
     @include module-render( "textarea" ) {
         @include kendo-textarea--layout();
         @include kendo-textarea--theme();
+        @include kendo-utils--flex-grid--align-items();
+        @include kendo-utils--flex-grid--flex-direction();
+        @include kendo-utils--flex-grid--flex();
+        @include kendo-utils--flex-grid--flex-wrap();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--interactivity--resize();
     }
 }
 
@@ -29305,9 +30394,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -29558,9 +30644,6 @@ $kendo-listbox-drop-hint-border-width: 2px !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -30129,9 +31212,6 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -30716,9 +31796,6 @@ $kendo-radio-ripple-opacity: .2 !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -32694,6 +33771,9 @@ $kendo-calendar-sizes: (
     @include module-render( "calendar" ) {
         @include kendo-calendar--layout();
         @include kendo-calendar--theme();
+        @include kendo-utils--flex-grid--align-items();
+        @include kendo-utils--flex-grid--justify-content();
+        @include kendo-utils--interactivity--pointer-events();
     }
 }
 
@@ -32706,9 +33786,6 @@ $kendo-calendar-sizes: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -33216,10 +34293,6 @@ $kendo-time-selector-sizes: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
 
 // Module meta
 $_kendo-module-meta: (
@@ -33536,6 +34609,8 @@ $kendo-captcha-validation-message-font-style: italic !default;
     @include module-render( "captcha" ) {
         @include kendo-captcha--layout();
         @include kendo-captcha--theme();
+        @include kendo-utils--typography--text-color();
+        @include kendo-utils--layout--position();
     }
 }
 
@@ -33548,9 +34623,6 @@ $kendo-captcha-validation-message-font-style: italic !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -33770,9 +34842,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -34339,6 +35408,9 @@ $kendo-color-gradient-contrast-spacer: k-spacing(2) !default;
     @include module-render( "color-gradient" ) {
         @include kendo-color-gradient--layout();
         @include kendo-color-gradient--theme();
+        @include kendo-utils--flex-grid--flex();
+        @include kendo-utils--flex-grid--align-self();
+        @include kendo-utils--typography--text-color();
     }
 }
 
@@ -34351,9 +35423,6 @@ $kendo-color-gradient-contrast-spacer: k-spacing(2) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -34631,9 +35700,6 @@ $kendo-color-editor-color-gradient-focus-outline-offset: 2px !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -34748,9 +35814,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -34858,9 +35921,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -34954,9 +36014,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -35057,9 +36114,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -35174,9 +36228,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -35341,9 +36392,6 @@ $kendo-datetime-width: calc( calc( #{$kendo-calendar-cell-size} * 8 ) + calc( #{
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -35462,9 +36510,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -35609,9 +36654,6 @@ $kendo-daterange-picker-input-width: 10em !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -35728,9 +36770,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -35898,9 +36937,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -36016,9 +37052,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -36707,6 +37740,7 @@ $kendo-dropdowntree-popup-padding-y: k-spacing(2) !default;
     @include module-render( "dropdown-tree" ) {
         @include kendo-dropdown-tree--layout();
         @include kendo-dropdown-tree--theme();
+        @include kendo-utils--typography--text-align();
     }
 }
 
@@ -36719,9 +37753,6 @@ $kendo-dropdowntree-popup-padding-y: k-spacing(2) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -36827,9 +37858,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -37091,9 +38119,6 @@ $kendo-rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -37194,9 +38219,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -37841,9 +38863,6 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -37872,9 +38891,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -38615,9 +39631,6 @@ $kendo-upload-focus-shadow: 0 0 0 2px rgba( black, .13 ) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -39502,6 +40515,9 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
     @include module-render( "fab" ) {
         @include kendo-fab--layout();
         @include kendo-fab--theme();
+        @include kendo-utils--layout--position();
+        @include kendo-utils--typography--text-align();
+        @include kendo-utils--layout--overflow();
     }
 }
 
@@ -40155,6 +41171,8 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
     @include module-render( "action-sheet" ) {
         @include kendo-action-sheet--layout();
         @include kendo-action-sheet--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--typography--text-align();
     }
 }
 
@@ -40167,9 +41185,6 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -40188,9 +41203,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -40703,9 +41715,6 @@ $kendo-dialog-theme-colors: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -41171,9 +42180,6 @@ $kendo-drawer-selected-hover-text: $kendo-color-secondary !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -41410,9 +42416,6 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -42134,6 +43137,9 @@ $kendo-card-callout-height: 20px !default;
     @include module-render( "card" ) {
         @include kendo-card--layout();
         @include kendo-card--theme();
+        @include kendo-utils--typography--text-overflow();
+        @include kendo-utils--typography--white-space();
+        @include kendo-utils--layout--display();
     }
 }
 
@@ -42421,9 +43427,6 @@ $kendo-popover-callout-border: $kendo-popover-border !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -42877,6 +43880,7 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
     @include module-render( "bottom-navigation" ) {
         @include kendo-bottom-navigation--layout();
         @include kendo-bottom-navigation--theme();
+        @include kendo-utils--layout--position();
     }
 }
 
@@ -43420,6 +44424,8 @@ $kendo-breadcrumb-sizes: (
     @include module-render( "breadcrumb" ) {
         @include kendo-breadcrumb--layout();
         @include kendo-breadcrumb--theme();
+        @include kendo-utils--flex-grid--flex();
+        @include kendo-utils--flex-grid--flex-wrap();
     }
 }
 
@@ -43432,9 +44438,6 @@ $kendo-breadcrumb-sizes: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -43913,9 +44916,6 @@ $kendo-pager-sizes: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -45482,6 +46482,8 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
     @include module-render( "tabstrip" ) {
         @include kendo-tabstrip--layout();
         @include kendo-tabstrip--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--layout--position();
     }
 }
 
@@ -45497,9 +46499,6 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -46036,6 +47035,7 @@ $kendo-expander-content-padding-y: k-spacing(6) !default;
     @include module-render( "expander" ) {
         @include kendo-expander--layout();
         @include kendo-expander--theme();
+        @include kendo-utils--layout--display();
     }
 }
 
@@ -46200,9 +47200,6 @@ $kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border});
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -46903,9 +47900,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -47276,7 +48270,6 @@ $kendo-splitbar-selected-text: $kendo-color-primary-contrast !default;
 // File already imported_once. Skipping output.
 // #endregion
 
-
 // Module meta
 $_kendo-module-meta: (
     name: "tile-layout",
@@ -47448,6 +48441,9 @@ $kendo-tile-layout-hint-bg: rgba( white, .2 ) !default;
     @include module-render( "tile-layout" ) {
         @include kendo-tile-layout--layout();
         @include kendo-tile-layout--theme();
+        @include kendo-utils--interactivity--resize();
+        @include kendo-utils--layout--position();
+        @include kendo-utils--flex-grid--grid-auto-flow();
     }
 }
 
@@ -47460,9 +48456,6 @@ $kendo-tile-layout-hint-bg: rgba( white, .2 ) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 // Module meta
 $_kendo-module-meta: (
@@ -47950,9 +48943,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -48854,9 +49844,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -52252,6 +53239,9 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
     @include module-render( "grid" ) {
         @include kendo-grid--layout();
         @include kendo-grid--theme();
+        @include kendo-utils--interactivity--touch-action();
+        @include kendo-utils--interactivity--cursor();
+        @include kendo-utils--layout--display();
     }
 }
 
@@ -52595,6 +53585,10 @@ $kendo-listview-item-focus-shadow: null !default;
     @include module-render( "listview" ) {
         @include kendo-listview--layout();
         @include kendo-listview--theme();
+        @include kendo-utils--layout--display();
+        @include kendo-utils--flex-grid--flex-direction();
+        @include kendo-utils--flex-grid--grid-template-columns();
+        @include kendo-utils--flex-grid--flex-wrap();
     }
 }
 
@@ -54357,6 +55351,7 @@ $kendo-spreadsheet-dropzone-spacing-y: k-spacing(2) !default;
     @include module-render( "spreadsheet" ) {
         @include kendo-spreadsheet--layout();
         @include kendo-spreadsheet--theme();
+        @include kendo-utils--flex-grid--order();
     }
 }
 
@@ -55627,6 +56622,9 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
     @include module-render( "pivotgrid" ) {
         @include kendo-pivotgrid--layout();
         @include kendo-pivotgrid--theme();
+        @include kendo-utils--layout--display();
+        @include kendo-utils--layout--position();
+        @include kendo-utils--flex-grid--flex-direction();
     }
 }
 
@@ -55639,9 +56637,6 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -55899,9 +56894,6 @@ $kendo-treelist-footer-row-border-width: 1px !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -56154,9 +57146,6 @@ $kendo-filter-toolbar-focus-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -57465,6 +58454,7 @@ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
     @include module-render( "task-board" ) {
         @include kendo-task-board--layout();
         @include kendo-task-board--theme();
+        @include kendo-utils--typography--text-overflow();
     }
 }
 
@@ -57480,9 +58470,6 @@ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -58402,9 +59389,6 @@ $kendo-editor-selectednode-outline-color: #88ccff !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -60299,6 +61283,8 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
     @include module-render( "gantt" ) {
         @include kendo-gantt--layout();
         @include kendo-gantt--theme();
+        @include kendo-utils--typography--white-space();
+        @include kendo-utils--table--table-layout();
     }
 }
 
@@ -62095,6 +63081,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
     @include module-render( "scheduler" ) {
         @include kendo-scheduler--layout();
         @include kendo-scheduler--theme();
+        @include kendo-utils--typography--text-overflow();
     }
 }
 
@@ -62113,9 +63100,6 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -63016,9 +64000,6 @@ $kendo-chat-quick-reply-shadow-opacity: 0 !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -63270,9 +64251,6 @@ $kendo-media-player-titlebar-gradient: if($kendo-enable-color-system, ( color-mi
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -64478,6 +65456,8 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
     @include module-render( "pdf-viewer" ) {
         @include kendo-pdf-viewer--layout();
         @include kendo-pdf-viewer--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--layout--position();
     }
 }
 
@@ -64490,9 +65470,6 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -64662,9 +65639,6 @@ $_kendo-module-meta: (
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -65319,6 +66293,7 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
     @include module-render( "prompt" ) {
         @include kendo-prompt--layout();
         @include kendo-prompt--theme();
+        @include kendo-utils--flex-grid--flex-direction();
     }
 }
 
@@ -65337,9 +66312,6 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -66070,6 +67042,10 @@ $kendo-orgchart-line-v-height: 25px !default;
     @include module-render( "orgchart" ) {
         @include kendo-orgchart--layout();
         @include kendo-orgchart--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--layout--position();
+        @include kendo-utils--flex-grid--align-items();
+        @include kendo-utils--flex-grid--justify-content();
     }
 }
 
@@ -66082,9 +67058,6 @@ $kendo-orgchart-line-v-height: 25px !default;
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Module meta
@@ -66309,9 +67282,8 @@ $kendo-signature-maximized-line-width: 3px !default;
 
     // Color system
 
-    // Typography and utils
+    // Typography
     @include kendo-typography--styles();
-    @include kendo-utils--styles();
 
 
     // Generic content