@progress/kendo-theme-utils 8.0.0-dev.1 → 8.0.0-dev.11

package/dist/all.scss

@@ -4028,13 +4028,14 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 @mixin kendo-utils--spacing--margin() {
 
     // Margin utility classes
-    @include generate-utils( m, margin, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( mt, margin-top, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( mr, margin-right, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( mb, margin-bottom, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( ml, margin-left, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( mx, margin-inline, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( my, margin-block, $kendo-spacing, $css-var: "spacing" );
+    $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" );
 
 }
 
@@ -4058,18 +4059,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 /// @group padding
 /// @contextType css
 
-/// This is equivalent to `padding: -1px;`.
-/// @example padding: -1px;
-/// @name .k-p--1px
-/// @group padding
-/// @contextType css
-
-/// This is equivalent to `padding: -0.25rem;`.
-/// @example padding: -0.25rem;
-/// @name .k-p--1
-/// @group padding
-/// @contextType css
-
 /// This is equivalent to `padding: 0.25rem;`.
 /// @example padding: 0.25rem;
 /// @name .k-p-xs
@@ -4136,18 +4125,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 /// @group padding
 /// @contextType css
 
-/// This is equivalent to `padding-top: -1px;`.
-/// @example padding-top: -1px;
-/// @name .k-pt--1px
-/// @group padding
-/// @contextType css
-
-/// This is equivalent to `padding-top: -0.25rem;`.
-/// @example padding-top: -0.25rem;
-/// @name .k-pt--1
-/// @group padding
-/// @contextType css
-
 /// This is equivalent to `padding-top: 0.25rem;`.
 /// @example padding-top: 0.25rem;
 /// @name .k-pt-xs
@@ -4214,18 +4191,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 /// @group padding
 /// @contextType css
 
-/// This is equivalent to `padding-right: -1px;`.
-/// @example padding-right: -1px;
-/// @name .k-pr--1px
-/// @group padding
-/// @contextType css
-
-/// This is equivalent to `padding-right: -0.25rem;`.
-/// @example padding-right: -0.25rem;
-/// @name .k-pr--1
-/// @group padding
-/// @contextType css
-
 /// This is equivalent to `padding-right: 0.25rem;`.
 /// @example padding-right: 0.25rem;
 /// @name .k-pr-xs
@@ -4292,18 +4257,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 /// @group padding
 /// @contextType css
 
-/// This is equivalent to `padding-bottom: -1px;`.
-/// @example padding-bottom: -1px;
-/// @name .k-pb--1px
-/// @group padding
-/// @contextType css
-
-/// This is equivalent to `padding-bottom: -0.25rem;`.
-/// @example padding-bottom: -0.25rem;
-/// @name .k-pb--1
-/// @group padding
-/// @contextType css
-
 /// This is equivalent to `padding-bottom: 0.25rem;`.
 /// @example padding-bottom: 0.25rem;
 /// @name .k-pb-xs
@@ -4370,18 +4323,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 /// @group padding
 /// @contextType css
 
-/// This is equivalent to `padding-left: -1px;`.
-/// @example padding-left: -1px;
-/// @name .k-pl--1px
-/// @group padding
-/// @contextType css
-
-/// This is equivalent to `padding-left: -0.25rem;`.
-/// @example padding-left: -0.25rem;
-/// @name .k-pl--1
-/// @group padding
-/// @contextType css
-
 /// This is equivalent to `padding-left: 0.25rem;`.
 /// @example padding-left: 0.25rem;
 /// @name .k-pl-xs
@@ -4448,18 +4389,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 /// @group padding
 /// @contextType css
 
-/// This is equivalent to `padding-inline: -1px;`.
-/// @example padding-inline: -1px;
-/// @name .k-px--1px
-/// @group padding
-/// @contextType css
-
-/// This is equivalent to `padding-inline: -0.25rem;`.
-/// @example padding-inline: -0.25rem;
-/// @name .k-px--1
-/// @group padding
-/// @contextType css
-
 /// This is equivalent to `padding-inline: 0.25rem;`.
 /// @example padding-inline: 0.25rem;
 /// @name .k-px-xs
@@ -4526,18 +4455,6 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 /// @group padding
 /// @contextType css
 
-/// This is equivalent to `padding-block: -1px;`.
-/// @example padding-block: -1px;
-/// @name .k-py--1px
-/// @group padding
-/// @contextType css
-
-/// This is equivalent to `padding-block: -0.25rem;`.
-/// @example padding-block: -0.25rem;
-/// @name .k-py--1
-/// @group padding
-/// @contextType css
-
 /// This is equivalent to `padding-block: 0.25rem;`.
 /// @example padding-block: 0.25rem;
 /// @name .k-py-xs
@@ -4589,13 +4506,14 @@ $kendo-sizing: k-map-merge( $kendo-spacing, (
 @mixin kendo-utils--spacing--padding() {
 
     // Padding utility classes
-    @include generate-utils( p, padding, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( pt, padding-top, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( pr, padding-right, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( pb, padding-bottom, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( pl, padding-left, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( px, padding-inline, $kendo-spacing, $css-var: "spacing" );
-    @include generate-utils( py, padding-block, $kendo-spacing, $css-var: "spacing" );
+    $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" );
 
 }
 
@@ -4640,6 +4558,15 @@ $kendo-theme-colors: () !default;
 $kendo-font-sizes: () !default;
 
 $kendo-util-colors-list: (
+    app-surface,
+    on-app-surface,
+    subtle,
+    surface,
+    surface-alt,
+    border,
+    border-alt,
+    base-subtle,
+    base-emphasis,
     primary-subtle,
     primary,
     primary-emphasis,
@@ -7180,9 +7107,9 @@ $kendo-utils: (
 
     // Gap utility classes
     $kendo-utils-gap: k-map-get( $kendo-utils, "gap" ) !default;
-    @include generate-utils( gap, gap, $kendo-utils-gap );
-    @include generate-utils( gap-x, column-gap, $kendo-utils-gap );
-    @include generate-utils( gap-y, row-gap, $kendo-utils-gap );
+    @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" );
 
 }
 
@@ -9863,6 +9790,7 @@ $kendo-line-height: k-math-div( 20, 14 ) !default;
 /// @group typography
 $kendo-line-height-xs: 1 !default;
 /// The small line height across all components.
+/// @group typography
 $kendo-line-height-sm: 1.25 !default;
 /// The medium line height across all components.
 /// @group typography
@@ -10065,14 +9993,32 @@ $kendo-font-families: k-map-merge( $_default-font-families, $kendo-font-families
 // File already imported_once. Skipping output.
 // #endregion
 // #region @import "./border-radii/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/border-radii/index.import.scss
+/// The none border radius used across the Components.
+/// @group radii
 $kendo-border-radius-none: k-map-get($kendo-spacing, 0) !default;
+/// The extra small border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xs: k-map-get($kendo-spacing, 1px) !default;
+/// The small border radius used across the Components.
+/// @group radii
 $kendo-border-radius-sm: k-map-get($kendo-spacing, 0.5) !default;
+/// The medium border radius used across the Components.
+/// @group radii
 $kendo-border-radius-md: k-map-get($kendo-spacing, 1) !default;
+/// The large border radius used across the Components.
+/// @group radii
 $kendo-border-radius-lg: k-map-get($kendo-spacing, 1.5) !default;
+/// The extra large border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xl: k-map-get($kendo-spacing, 2) !default;
+/// The third largest border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xxl: k-map-get($kendo-spacing, 3) !default;
+/// The second largest border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xxxl: k-map-get($kendo-spacing, 4) !default;
+/// The largest border radius used across the Components.
+/// @group radii
 $kendo-border-radius-full: 9999px !default;
 
 
@@ -10091,6 +10037,8 @@ $_default-border-radii: (
 
 $kendo-border-radii: $_default-border-radii !default;
 
+/// The global radii Map.
+/// @group radii
 $kendo-border-radii: k-map-merge($_default-border-radii, $kendo-border-radii);
 
 
@@ -10272,7 +10220,7 @@ $kendo-zindex-loading: 100 !default;
 @mixin kendo-utils--typography--font-weight() {
 
     // Font weight utility classes
-    @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: "font" );
+    @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: "font-weight" );
 
 
     // Legacy aliases
@@ -10393,25 +10341,25 @@ $kendo-zindex-loading: 100 !default;
 // #region @import "./_text-decoration.scss"; -> scss/typography/_text-decoration.scss
 /// This is equivalent to `text-decoration: underline;`.
 /// @example text-decoration: underline;
-/// @name .k-underline
+/// @name .k-text-underline
 /// @group text-decoration
 /// @contextType css
 
 /// This is equivalent to `text-decoration: overline;`.
 /// @example text-decoration: overline;
-/// @name .k-overline
+/// @name .k-text-overline
 /// @group text-decoration
 /// @contextType css
 
 /// This is equivalent to `text-decoration: line-through;`.
 /// @example text-decoration: line-through;
-/// @name .k-line-through
+/// @name .k-text-line-through
 /// @group text-decoration
 /// @contextType css
 
 /// This is equivalent to `text-decoration: none-decoration;`.
 /// @example text-decoration: none-decoration;
-/// @name .k-none-decoration
+/// @name .k-text-no-underline
 /// @group text-decoration
 /// @contextType css