@progress/kendo-theme-utils 6.1.1-dev.11 → 6.1.1-dev.16

package/dist/all.scss

@@ -1,17 +1,17 @@
 // This file is auto-generated. Do not edit!
-// baka:source packages/utils/scss/all.scss
+// baka:source scss/all.scss
 
-// #region @import "./index.import.scss"; -> packages/utils/scss/index.import.scss
-// #region @import "./_functions.scss"; -> packages/utils/scss/_functions.scss
-// #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
-// #region @import "../_variables.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/_variables.scss
+// #region @import "./index.import.scss"; -> scss/index.import.scss
+// #region @import "./_functions.scss"; -> scss/_functions.scss
+// #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
+// #region @import "../_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/_variables.scss
 // Equilateral triangle variables
 $equilateral-index: 1.7320508076 !default;
 $equilateral-height: .8660254038 !default;
 
 // #endregion
 
-// #region @import "./_color.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_color.import.scss
+// #region @import "./_color.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_color.import.scss
 /// Returns the alpha channel of a color.
 /// @param {Color} $color - The color to get the alpha channel for.
 /// @return {Number} - The alpha channel of the color.
@@ -182,7 +182,7 @@ $equilateral-height: .8660254038 !default;
 }
 
 // #endregion
-// #region @import "./_color-contrast.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_color-contrast.import.scss
+// #region @import "./_color-contrast.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_color-contrast.import.scss
 // Adapted from https://gist.github.com/sgomes/ccc72f71137fe29039c92c0a9fe9b657
 // Adapted from https://github.com/twbs/bootstrap/commit/03908ea37a55eaa44c12ce5694dddc1630c980b3
 
@@ -581,7 +581,7 @@ $wcag-light: white !default;
 }
 
 // #endregion
-// #region @import "./_color-manipulation.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_color-manipulation.import.scss
+// #region @import "./_color-manipulation.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_color-manipulation.import.scss
 /// Set a specific jump point for requesting color jumps
 /// @group color-system
 /// @access private
@@ -713,7 +713,7 @@ $kendo-color-level-step: 8% !default;
 }
 
 // #endregion
-// #region @import "./_custom-properties.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_custom-properties.import.scss
+// #region @import "./_custom-properties.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_custom-properties.import.scss
 @function k-var( $prefix: kendo-, $var: null, $fallback: null ) {
     $_prefix: $prefix;
     $_var: $var;
@@ -753,7 +753,7 @@ $kendo-color-level-step: 8% !default;
 }
 
 // #endregion
-// #region @import "./_escape-string.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_escape-string.import.scss
+// #region @import "./_escape-string.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_escape-string.import.scss
 $_kendo-svg-escaped-characters: (
     ("%", "%25"),
     ("<", "%3c"),
@@ -804,7 +804,7 @@ $_kendo-escape-class-name: (
 }
 
 // #endregion
-// #region @import "./_lang.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_lang.import.scss
+// #region @import "./_lang.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_lang.import.scss
 /// Returns the value of a variable if it is not null,
 /// otherwise returns the fallback value.
 /// @param {Any} $var - The variable to check.
@@ -821,7 +821,7 @@ $_kendo-escape-class-name: (
 }
 
 // #endregion
-// #region @import "./_list.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_list.import.scss
+// #region @import "./_list.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_list.import.scss
 /// Returns a copy of `$list` with `$val` appended to the end.
 /// @param {List} $list - The list to process.
 /// @param {Any} $val - The value to append to `$list`.
@@ -961,7 +961,7 @@ $_kendo-escape-class-name: (
 }
 
 // #endregion
-// #region @import "./_math.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_math.import.scss
+// #region @import "./_math.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_math.import.scss
 /// Returns the absolute value of a number.
 /// @param {Number} $number - The number to get the absolute value of.
 /// @return {Number} - The absolute value of `$number`.
@@ -1185,7 +1185,7 @@ $_kendo-escape-class-name: (
 }
 
 // #endregion
-// #region @import "./_map.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_map.import.scss
+// #region @import "./_map.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_map.import.scss
 /// Returns the value at `$key` in `$map`.
 /// @param {Map} $map - The map to get the value from.
 /// @param {Any} $key - The key to get the value for.
@@ -1269,7 +1269,7 @@ $_kendo-escape-class-name: (
 }
 
 // #endregion
-// #region @import "./_meta.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_meta.import.scss
+// #region @import "./_meta.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_meta.import.scss
 // Adapted from https://css-tricks.com/snippets/sass/advanced-type-checking/
 
 /// A wrapper around the `call()` function.
@@ -1511,7 +1511,7 @@ $_kendo-escape-class-name: (
 }
 
 // #endregion
-// #region @import "./_string.import.scss"; -> packages/utils/node_modules/@progress/kendo-theme-core/scss/functions/_string.import.scss
+// #region @import "./_string.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/_string.import.scss
 /// Returns the first index of `$substring` in `$string`, or `null` if `$string` doesn’t contain `$substring`.
 /// @param {String} $string - The string to process.
 /// @param {String} $substring - The substring to look for.
@@ -1636,7 +1636,7 @@ $_kendo-escape-class-name: (
 // #endregion
 
 // #endregion
-// #region @import "./_variables.scss"; -> packages/utils/scss/_variables.scss
+// #region @import "./_variables.scss"; -> scss/_variables.scss
 $kendo-prefix: k- !default;
 $kendo-important: true !default;
 
@@ -2459,7 +2459,7 @@ $kendo-utils: (
 ) !default;
 
 // #endregion
-// #region @import "./_mixins.scss"; -> packages/utils/scss/_mixins.scss
+// #region @import "./_mixins.scss"; -> scss/_mixins.scss
 @mixin generate-utils( $name, $props, $values, $function: "", $important: $kendo-important ) {
     @if $values {
         $_props: if( k-meta-type-of($props) == list, $props, ( $props ) );
@@ -2491,8 +2491,8 @@ $kendo-utils: (
 
 // #endregion
 
-// #region @import "./accessibility/index.import.scss"; -> packages/utils/scss/accessibility/index.import.scss
-// #region @import "./_screen-readers.scss"; -> packages/utils/scss/accessibility/_screen-readers.scss
+// #region @import "./accessibility/index.import.scss"; -> scss/accessibility/index.import.scss
+// #region @import "./_screen-readers.scss"; -> scss/accessibility/_screen-readers.scss
 @mixin kendo-utils--accessibility--screen-readers() {
 
     // Screen readers utility classes
@@ -2534,8 +2534,8 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./layout/index.import.scss"; -> packages/utils/scss/layout/index.import.scss
-// #region @import "./_aspect-ratio.scss"; -> packages/utils/scss/layout/_aspect-ratio.scss
+// #region @import "./layout/index.import.scss"; -> scss/layout/index.import.scss
+// #region @import "./_aspect-ratio.scss"; -> scss/layout/_aspect-ratio.scss
 // Aspect-ratio documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio.
 
 /// This is equivalent to `aspect-ratio: auto;`. Replaced elements with an intrinsic aspect ratio use that aspect ratio, otherwise the box has no preferred aspect ratio. Size calculations involving intrinsic aspect ratio always work with the content box dimensions.
@@ -2571,7 +2571,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_clear.scss"; -> packages/utils/scss/layout/_clear.scss
+// #region @import "./_clear.scss"; -> scss/layout/_clear.scss
 // Clear documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/clear.
 
 /// This is equivalent to `clear: left;`. Is a keyword indicating that the element is moved down to clear past left floats.
@@ -2603,7 +2603,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_display.scss"; -> packages/utils/scss/layout/_display.scss
+// #region @import "./_display.scss"; -> scss/layout/_display.scss
 /// This is equivalent to `display: none;`. Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off.
 /// @name .k-d-none
 /// @group display
@@ -2676,7 +2676,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_float.scss"; -> packages/utils/scss/layout/_float.scss
+// #region @import "./_float.scss"; -> scss/layout/_float.scss
 // Float documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/float.
 
 /// This is equivalent to `float: left;`. The element must float on the left side of its containing block.
@@ -2703,7 +2703,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_overflow.scss"; -> packages/utils/scss/layout/_overflow.scss
+// #region @import "./_overflow.scss"; -> scss/layout/_overflow.scss
 /// This is equivalent to `overflow: auto;`. Depends on the user agent. If content fits inside the padding box, it looks the same as visible, but still establishes a new block formatting context. Desktop browsers provide scrollbar if content overflows.
 /// @name .k-overflow-auto
 /// @group overflow
@@ -2788,7 +2788,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_position.scss"; -> packages/utils/scss/layout/_position.scss
+// #region @import "./_position.scss"; -> scss/layout/_position.scss
 // Position documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/position.
 
 /// This is equivalent to `position: static;`. The element is positioned according to the normal flow of the document. The top, right, bottom, left, and z-index properties have no effect. This is the default value.
@@ -2942,7 +2942,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_visibility.scss"; -> packages/utils/scss/layout/_visibility.scss
+// #region @import "./_visibility.scss"; -> scss/layout/_visibility.scss
 // TODO: docs
 // TODO: consider visible and invisible vs visibility-visible and visibility-hidden
 
@@ -2961,7 +2961,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_zindex.scss"; -> packages/utils/scss/layout/_zindex.scss
+// #region @import "./_zindex.scss"; -> scss/layout/_zindex.scss
 // TODO: docs
 
 @mixin kendo-utils--layout--zindex() {
@@ -2987,8 +2987,8 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./flex-grid/index.import.scss"; -> packages/utils/scss/flex-grid/index.import.scss
-// #region @import "./_align-content.scss"; -> packages/utils/scss/flex-grid/_align-content.scss
+// #region @import "./flex-grid/index.import.scss"; -> scss/flex-grid/index.import.scss
+// #region @import "./_align-content.scss"; -> scss/flex-grid/_align-content.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--align-content() {
@@ -3000,7 +3000,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_align-items.scss"; -> packages/utils/scss/flex-grid/_align-items.scss
+// #region @import "./_align-items.scss"; -> scss/flex-grid/_align-items.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--align-items() {
@@ -3012,7 +3012,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_align-self.scss"; -> packages/utils/scss/flex-grid/_align-self.scss
+// #region @import "./_align-self.scss"; -> scss/flex-grid/_align-self.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--align-self() {
@@ -3024,7 +3024,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_flex-basis.scss"; -> packages/utils/scss/flex-grid/_flex-basis.scss
+// #region @import "./_flex-basis.scss"; -> scss/flex-grid/_flex-basis.scss
 /// This is equivalent to `flex-basis: auto`. It specifies the initial size of the flex item, before any available space is distributed according to the flex factors. It sizes the element according to its size property.
 /// @name .k-flex-basis-auto
 /// @group flex-basis
@@ -3045,7 +3045,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_flex-direction.scss"; -> packages/utils/scss/flex-grid/_flex-direction.scss
+// #region @import "./_flex-direction.scss"; -> scss/flex-grid/_flex-direction.scss
 /// This is equivalent to `flex-direction: row`. This establishes the main-axis to be horizontal, thus defining the direction flex items are placed in the flex container: left to right in `ltr`; right to left in `rtl`.
 /// @name .k-flex-row
 /// @group flex-direction
@@ -3080,7 +3080,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_flex-grow.scss"; -> packages/utils/scss/flex-grid/_flex-grow.scss
+// #region @import "./_flex-grow.scss"; -> scss/flex-grid/_flex-grow.scss
 /// This is equivalent to `flex-grow: 1`. It defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.
 /// @name .k-flex-grow
 /// @group flex-grow
@@ -3101,7 +3101,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_flex-shrink.scss"; -> packages/utils/scss/flex-grid/_flex-shrink.scss
+// #region @import "./_flex-shrink.scss"; -> scss/flex-grid/_flex-shrink.scss
 /// This is equivalent to `flex-shrink: 1`. It determines how much the flex item will shrink relative to the rest of the flex items in the flex container when there isn't enough space on the row.
 /// @name .k-flex-shrink
 /// @group flex-shrink
@@ -3122,7 +3122,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_flex-wrap.scss"; -> packages/utils/scss/flex-grid/_flex-wrap.scss
+// #region @import "./_flex-wrap.scss"; -> scss/flex-grid/_flex-wrap.scss
 /// This is equivalent to `flex-wrap: wrap`. It allows flex items to wrap as needed onto multiple lines, from top to bottom.
 /// @name .k-flex-wrap
 /// @group flex-wrap
@@ -3147,7 +3147,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_flex.scss"; -> packages/utils/scss/flex-grid/_flex.scss
+// #region @import "./_flex.scss"; -> scss/flex-grid/_flex.scss
 /// This is equivalent to `flex: 1 1 0%`. It sizes the item not based on its `width`/`height` properties, but based on the available space. This is similar to `flex: 1 1 auto` except it is allowed to shrink beyond its initial size.
 /// @name .k-flex-1
 /// @group flex
@@ -3177,7 +3177,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_gap.scss"; -> packages/utils/scss/flex-grid/_gap.scss
+// #region @import "./_gap.scss"; -> scss/flex-grid/_gap.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--gap() {
@@ -3191,7 +3191,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_grid-auto-columns.scss"; -> packages/utils/scss/flex-grid/_grid-auto-columns.scss
+// #region @import "./_grid-auto-columns.scss"; -> scss/flex-grid/_grid-auto-columns.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--grid-auto-columns() {
@@ -3203,7 +3203,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_grid-auto-flow.scss"; -> packages/utils/scss/flex-grid/_grid-auto-flow.scss
+// #region @import "./_grid-auto-flow.scss"; -> scss/flex-grid/_grid-auto-flow.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--grid-auto-flow() {
@@ -3215,7 +3215,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_grid-auto-rows.scss"; -> packages/utils/scss/flex-grid/_grid-auto-rows.scss
+// #region @import "./_grid-auto-rows.scss"; -> scss/flex-grid/_grid-auto-rows.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--grid-auto-rows() {
@@ -3227,7 +3227,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_grid-column-start-end.scss"; -> packages/utils/scss/flex-grid/_grid-column-start-end.scss
+// #region @import "./_grid-column-start-end.scss"; -> scss/flex-grid/_grid-column-start-end.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--grid-column-start-end() {
@@ -3255,7 +3255,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_grid-row-start-end.scss"; -> packages/utils/scss/flex-grid/_grid-row-start-end.scss
+// #region @import "./_grid-row-start-end.scss"; -> scss/flex-grid/_grid-row-start-end.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--grid-row-start-end() {
@@ -3283,7 +3283,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_grid-template-columns.scss"; -> packages/utils/scss/flex-grid/_grid-template-columns.scss
+// #region @import "./_grid-template-columns.scss"; -> scss/flex-grid/_grid-template-columns.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--grid-template-columns() {
@@ -3295,7 +3295,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_grid-template-rows.scss"; -> packages/utils/scss/flex-grid/_grid-template-rows.scss
+// #region @import "./_grid-template-rows.scss"; -> scss/flex-grid/_grid-template-rows.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--grid-template-rows() {
@@ -3307,7 +3307,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_justify-content.scss"; -> packages/utils/scss/flex-grid/_justify-content.scss
+// #region @import "./_justify-content.scss"; -> scss/flex-grid/_justify-content.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--justify-content() {
@@ -3324,7 +3324,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_justify-items.scss"; -> packages/utils/scss/flex-grid/_justify-items.scss
+// #region @import "./_justify-items.scss"; -> scss/flex-grid/_justify-items.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--justify-items() {
@@ -3336,7 +3336,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_justify-self.scss"; -> packages/utils/scss/flex-grid/_justify-self.scss
+// #region @import "./_justify-self.scss"; -> scss/flex-grid/_justify-self.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--justify-self() {
@@ -3348,7 +3348,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_order.scss"; -> packages/utils/scss/flex-grid/_order.scss
+// #region @import "./_order.scss"; -> scss/flex-grid/_order.scss
 /// This is equivalent to `order: -9999;`.
 /// @name .k-order-first
 /// @group order
@@ -3373,7 +3373,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_place-content.scss"; -> packages/utils/scss/flex-grid/_place-content.scss
+// #region @import "./_place-content.scss"; -> scss/flex-grid/_place-content.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--place-content() {
@@ -3385,7 +3385,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_place-items.scss"; -> packages/utils/scss/flex-grid/_place-items.scss
+// #region @import "./_place-items.scss"; -> scss/flex-grid/_place-items.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--place-items() {
@@ -3397,7 +3397,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_place-self.scss"; -> packages/utils/scss/flex-grid/_place-self.scss
+// #region @import "./_place-self.scss"; -> scss/flex-grid/_place-self.scss
 // TODO: docs
 
 @mixin kendo-utils--flex-grid--place-self() {
@@ -3439,8 +3439,8 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./spacing/index.import.scss"; -> packages/utils/scss/spacing/index.import.scss
-// #region @import "./_margin.scss"; -> packages/utils/scss/spacing/_margin.scss
+// #region @import "./spacing/index.import.scss"; -> scss/spacing/index.import.scss
+// #region @import "./_margin.scss"; -> scss/spacing/_margin.scss
 // TODO: docs
 
 @mixin kendo-utils--spacing--margin() {
@@ -3458,7 +3458,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_padding.scss"; -> packages/utils/scss/spacing/_padding.scss
+// #region @import "./_padding.scss"; -> scss/spacing/_padding.scss
 // TODO: docs
 
 @mixin kendo-utils--spacing--padding() {
@@ -3476,7 +3476,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_space-between.scss"; -> packages/utils/scss/spacing/_space-between.scss
+// #region @import "./_space-between.scss"; -> scss/spacing/_space-between.scss
 // TODO: docs
 
 @mixin kendo-utils--spacing--space-between() {
@@ -3506,8 +3506,8 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./sizing/index.import.scss"; -> packages/utils/scss/sizing/index.import.scss
-// #region @import "./_height.scss"; -> packages/utils/scss/sizing/_height.scss
+// #region @import "./sizing/index.import.scss"; -> scss/sizing/index.import.scss
+// #region @import "./_height.scss"; -> scss/sizing/_height.scss
 // TODO: docs
 
 @mixin kendo-utils--sizing--height() {
@@ -3527,7 +3527,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_width.scss"; -> packages/utils/scss/sizing/_width.scss
+// #region @import "./_width.scss"; -> scss/sizing/_width.scss
 // TODO: docs
 
 @mixin kendo-utils--sizing--width() {
@@ -3555,9 +3555,9 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./typography/index.import.scss"; -> packages/utils/scss/typography/index.import.scss
+// #region @import "./typography/index.import.scss"; -> scss/typography/index.import.scss
 // font family
-// #region @import "./_font-size.scss"; -> packages/utils/scss/typography/_font-size.scss
+// #region @import "./_font-size.scss"; -> scss/typography/_font-size.scss
 // TODO: docs
 
 @mixin kendo-utils--typography--font-size() {
@@ -3573,7 +3573,7 @@ $kendo-utils: (
 
 // #endregion
 // font smoothing
-// #region @import "./_font-style.scss"; -> packages/utils/scss/typography/_font-style.scss
+// #region @import "./_font-style.scss"; -> scss/typography/_font-style.scss
 // TODO: docs
 
 @mixin kendo-utils--typography--font-style() {
@@ -3585,7 +3585,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_font-weight.scss"; -> packages/utils/scss/typography/_font-weight.scss
+// #region @import "./_font-weight.scss"; -> scss/typography/_font-weight.scss
 // TODO: docs
 
 @mixin kendo-utils--typography--font-weight() {
@@ -3605,7 +3605,7 @@ $kendo-utils: (
 // letter spacing
 // line height
 // list style
-// #region @import "./_text-align.scss"; -> packages/utils/scss/typography/_text-align.scss
+// #region @import "./_text-align.scss"; -> scss/typography/_text-align.scss
 // Text-align documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-align.
 
 /// This is equivalent to `text-align: left;`. The inline contents are aligned to the left edge of the line box.
@@ -3638,7 +3638,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_text-color.scss"; -> packages/utils/scss/typography/_text-color.scss
+// #region @import "./_text-color.scss"; -> scss/typography/_text-color.scss
 // TODO: docs
 
 @mixin kendo-utils--typography--text-color() {
@@ -3655,7 +3655,7 @@ $kendo-utils: (
 
 // #endregion
 // text decoration
-// #region @import "./_text-transform.scss"; -> packages/utils/scss/typography/_text-transform.scss
+// #region @import "./_text-transform.scss"; -> scss/typography/_text-transform.scss
 // Text-transform documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform.
 
 /// This is equivalent to `text-transform: lowercase;`. Is a keyword that converts all characters to lowercase.
@@ -3685,7 +3685,7 @@ $kendo-utils: (
 // text overflow
 // text indent
 // vertical align
-// #region @import "./_white-space.scss"; -> packages/utils/scss/typography/_white-space.scss
+// #region @import "./_white-space.scss"; -> scss/typography/_white-space.scss
 // White-space documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/white-space.
 
 /// This is equivalent to `white-space: normal;`. Sequences of white space are collapsed. Newline characters in the source are handled the same as other white space. Lines are broken as necessary to fill line boxes.
@@ -3751,8 +3751,8 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./background/index.import.scss"; -> packages/utils/scss/background/index.import.scss
-// #region @import "./_background-color.scss"; -> packages/utils/scss/background/_background-color.scss
+// #region @import "./background/index.import.scss"; -> scss/background/index.import.scss
+// #region @import "./_background-color.scss"; -> scss/background/_background-color.scss
 // TODO: docs
 
 @mixin kendo-utils--background--background-color() {
@@ -3771,8 +3771,8 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./border/index.import.scss"; -> packages/utils/scss/border/index.import.scss
-// #region @import "./_border-color.scss"; -> packages/utils/scss/border/_border-color.scss
+// #region @import "./border/index.import.scss"; -> scss/border/index.import.scss
+// #region @import "./_border-color.scss"; -> scss/border/_border-color.scss
 // TODO: docs
 
 @mixin kendo-utils--border--border-color() {
@@ -3790,7 +3790,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_border-radius.scss"; -> packages/utils/scss/border/_border-radius.scss
+// #region @import "./_border-radius.scss"; -> scss/border/_border-radius.scss
 // TODO: docs
 
 @mixin kendo-utils--border--border-radius() {
@@ -3810,7 +3810,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_border-style.scss"; -> packages/utils/scss/border/_border-style.scss
+// #region @import "./_border-style.scss"; -> scss/border/_border-style.scss
 // TODO: docs
 
 @mixin kendo-utils--border--border-style() {
@@ -3828,7 +3828,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_border-width.scss"; -> packages/utils/scss/border/_border-width.scss
+// #region @import "./_border-width.scss"; -> scss/border/_border-width.scss
 // TODO: docs
 
 @mixin kendo-utils--border--border-width() {
@@ -3853,7 +3853,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_outline-color.scss"; -> packages/utils/scss/border/_outline-color.scss
+// #region @import "./_outline-color.scss"; -> scss/border/_outline-color.scss
 // TODO: docs
 
 @mixin kendo-utils--border--outline-color() {
@@ -3865,7 +3865,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_outline-offset.scss"; -> packages/utils/scss/border/_outline-offset.scss
+// #region @import "./_outline-offset.scss"; -> scss/border/_outline-offset.scss
 // TODO: docs
 
 @mixin kendo-utils--border--outline-offset() {
@@ -3877,7 +3877,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_outline-style.scss"; -> packages/utils/scss/border/_outline-style.scss
+// #region @import "./_outline-style.scss"; -> scss/border/_outline-style.scss
 // TODO: docs
 
 @mixin kendo-utils--border--outline-style() {
@@ -3889,7 +3889,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_outline-width.scss"; -> packages/utils/scss/border/_outline-width.scss
+// #region @import "./_outline-width.scss"; -> scss/border/_outline-width.scss
 // TODO: docs
 
 @mixin kendo-utils--border--outline-width() {
@@ -3917,8 +3917,8 @@ $kendo-utils: (
 // #endregion
 // effects
 // filter
-// #region @import "./table/index.import.scss"; -> packages/utils/scss/table/index.import.scss
-// #region @import "./_border-collapse.scss"; -> packages/utils/scss/table/_border-collapse.scss
+// #region @import "./table/index.import.scss"; -> scss/table/index.import.scss
+// #region @import "./_border-collapse.scss"; -> scss/table/_border-collapse.scss
 // TODO: docs
 
 @mixin kendo-utils--table--border-collapse() {
@@ -3930,7 +3930,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_table-layout.scss"; -> packages/utils/scss/table/_table-layout.scss
+// #region @import "./_table-layout.scss"; -> scss/table/_table-layout.scss
 // Table-layout documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout.
 
 /// This is equivalent to `table-layout: auto;`. By default, most browsers use an automatic table layout algorithm. The widths of the table and its cells are adjusted to fit the content.
@@ -3962,8 +3962,8 @@ $kendo-utils: (
 
 // #endregion
 // transition
-// #region @import "./transform/index.import.scss"; -> packages/utils/scss/transform/index.import.scss
-// #region @import "./_flip.scss"; -> packages/utils/scss/transform/_flip.scss
+// #region @import "./transform/index.import.scss"; -> scss/transform/index.import.scss
+// #region @import "./_flip.scss"; -> scss/transform/_flip.scss
 /// This is equivalent to `transform: scaleX( -1 );`. Flips the element horizontally.
 /// @name .k-flip-h
 /// @group transform
@@ -3998,7 +3998,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_origin.scss"; -> packages/utils/scss/transform/_origin.scss
+// #region @import "./_origin.scss"; -> scss/transform/_origin.scss
 // TODO: docs
 
 @mixin kendo-utils--transform--origin() {
@@ -4010,7 +4010,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_rotate.scss"; -> packages/utils/scss/transform/_rotate.scss
+// #region @import "./_rotate.scss"; -> scss/transform/_rotate.scss
 /// This is equivalent to `transform: rotate( 0 );`. Does not rotate the element.
 /// @name .k-rotate-0
 /// @group transform
@@ -4066,7 +4066,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_scale.scss"; -> packages/utils/scss/transform/_scale.scss
+// #region @import "./_scale.scss"; -> scss/transform/_scale.scss
 /// This is equivalent to `transform: scale( 0, 0 );`. The element is shrunk and no longer visible.
 /// @name .k-scale-0
 /// @group transform
@@ -4105,7 +4105,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_skew.scss"; -> packages/utils/scss/transform/_skew.scss
+// #region @import "./_skew.scss"; -> scss/transform/_skew.scss
 // TODO: docs
 
 // sass-lint:disable function-name-format
@@ -4127,7 +4127,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_translate.scss"; -> packages/utils/scss/transform/_translate.scss
+// #region @import "./_translate.scss"; -> scss/transform/_translate.scss
 /// This is equivalent to `transform: translate( 0, 0 );`. The element does not move.
 /// @name .k-translate-0
 /// @group transform
@@ -4219,8 +4219,8 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./interactivity/index.import.scss"; -> packages/utils/scss/interactivity/index.import.scss
-// #region @import "./_accent-color.scss"; -> packages/utils/scss/interactivity/_accent-color.scss
+// #region @import "./interactivity/index.import.scss"; -> scss/interactivity/index.import.scss
+// #region @import "./_accent-color.scss"; -> scss/interactivity/_accent-color.scss
 // TODO: docs
 
 @mixin kendo-utils--interactivity--accent-color() {
@@ -4232,7 +4232,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_appearance.scss"; -> packages/utils/scss/interactivity/_appearance.scss
+// #region @import "./_appearance.scss"; -> scss/interactivity/_appearance.scss
 /// This is equivalent to `appearance: none;`. Resets any browser specific styling on an element.
 /// @name .k-appearance-none
 /// @group appearance
@@ -4252,7 +4252,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_caret-color.scss"; -> packages/utils/scss/interactivity/_caret-color.scss
+// #region @import "./_caret-color.scss"; -> scss/interactivity/_caret-color.scss
 // TODO: docs
 
 @mixin kendo-utils--interactivity--caret-color() {
@@ -4264,7 +4264,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_cursor.scss"; -> packages/utils/scss/interactivity/_cursor.scss
+// #region @import "./_cursor.scss"; -> scss/interactivity/_cursor.scss
 // TODO: docs
 
 @mixin kendo-utils--interactivity--cursor() {
@@ -4276,7 +4276,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_pointer-events.scss"; -> packages/utils/scss/interactivity/_pointer-events.scss
+// #region @import "./_pointer-events.scss"; -> scss/interactivity/_pointer-events.scss
 // Pointer-events documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events.
 
 /// This is equivalent to `pointer-events: none;`. The element is never the target of pointer events; however, pointer events may target its descendant elements if those descendants have pointer-events set to some other value. In these circumstances, pointer events will trigger event listeners on this parent element as appropriate on their way to/from the descendant during the event capture/bubble phases.
@@ -4298,7 +4298,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_resize.scss"; -> packages/utils/scss/interactivity/_resize.scss
+// #region @import "./_resize.scss"; -> scss/interactivity/_resize.scss
 // Resize documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/resize.
 
 /// This is equivalent to `resize: both;`. The element displays a mechanism for allowing the user to resize it, which may be resized both horizontally and vertically.
@@ -4330,7 +4330,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_scroll.scss"; -> packages/utils/scss/interactivity/_scroll.scss
+// #region @import "./_scroll.scss"; -> scss/interactivity/_scroll.scss
 // TODO: docs
 
 @mixin kendo-utils--interactivity--scroll() {
@@ -4383,7 +4383,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_touch-action.scss"; -> packages/utils/scss/interactivity/_touch-action.scss
+// #region @import "./_touch-action.scss"; -> scss/interactivity/_touch-action.scss
 // TODO: docs
 
 /// This is equivalent to `touch-action: none;`. Disable browser handling of all panning and zooming gestures.
@@ -4405,7 +4405,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_user-select.scss"; -> packages/utils/scss/interactivity/_user-select.scss
+// #region @import "./_user-select.scss"; -> scss/interactivity/_user-select.scss
 // User-select documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/user-select.
 
 /// This is equivalent to `user-select: none;`. The text of the element and its sub-elements is not selectable. Note that the Selection object can contain these elements.
@@ -4442,7 +4442,7 @@ $kendo-utils: (
 }
 
 // #endregion
-// #region @import "./_will-change.scss"; -> packages/utils/scss/interactivity/_will-change.scss
+// #region @import "./_will-change.scss"; -> scss/interactivity/_will-change.scss
 // TODO: docs
 
 @mixin kendo-utils--interactivity--will-change() {