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

package/dist/meta/variables.json

@@ -209,11 +209,11 @@
     },
     "kendo-util-colors-list": {
         "type": "List",
-        "value": "primary-subtle, primary, primary-emphasis, secondary-subtle, secondary, secondary-emphasis, tertiary-subtle, tertiary, tertiary-emphasis, info-subtle, info, info-emphasis, success-subtle, success, success-emphasis, warning-subtle, warning, warning-emphasis, error-subtle, error, error-emphasis, light-subtle, light, light-emphasis, dark-subtle, dark, dark-emphasis"
+        "value": "app-surface, on-app-surface, subtle, surface, surface-alt, border, border-alt, base-subtle, base-emphasis, primary-subtle, primary, primary-emphasis, secondary-subtle, secondary, secondary-emphasis, tertiary-subtle, tertiary, tertiary-emphasis, info-subtle, info, info-emphasis, success-subtle, success, success-emphasis, warning-subtle, warning, warning-emphasis, error-subtle, error, error-emphasis, light-subtle, light, light-emphasis, dark-subtle, dark, dark-emphasis"
     },
     "kendo-util-colors": {
         "type": "Map",
-        "value": "(primary-subtle: null, primary: null, primary-emphasis: null, secondary-subtle: null, secondary: null, secondary-emphasis: null, tertiary-subtle: null, tertiary: null, tertiary-emphasis: null, info-subtle: null, info: null, info-emphasis: null, success-subtle: null, success: null, success-emphasis: null, warning-subtle: null, warning: null, warning-emphasis: null, error-subtle: null, error: null, error-emphasis: null, light-subtle: null, light: null, light-emphasis: null, dark-subtle: null, dark: null, dark-emphasis: null)"
+        "value": "(app-surface: null, on-app-surface: null, subtle: null, surface: null, surface-alt: null, border: null, border-alt: null, base-subtle: null, base-emphasis: null, primary-subtle: null, primary: null, primary-emphasis: null, secondary-subtle: null, secondary: null, secondary-emphasis: null, tertiary-subtle: null, tertiary: null, tertiary-emphasis: null, info-subtle: null, info: null, info-emphasis: null, success-subtle: null, success: null, success-emphasis: null, warning-subtle: null, warning: null, warning-emphasis: null, error-subtle: null, error: null, error-emphasis: null, light-subtle: null, light: null, light-emphasis: null, dark-subtle: null, dark: null, dark-emphasis: null)"
     },
     "kendo-border-radii": {
         "type": "Map",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "8.0.0-dev.1",
+  "version": "8.0.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -43,10 +43,10 @@
     "postpublish": "echo 'no postpublish for utils'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "8.0.0-dev.1"
+    "@progress/kendo-theme-core": "8.0.0-dev.3"
   },
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "798500c0cb615e834197322b581e870888968fd1"
+  "gitHead": "98cdb5a9b5d437ac5b485d24dcd39b5f45252700"
 }

package/scss/_variables.scss

@@ -11,6 +11,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,

package/scss/flex-grid/_gap.scss

@@ -182,8 +182,8 @@
 
     // 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" );
 
 }

package/scss/spacing/_margin.scss

@@ -547,12 +547,13 @@
 @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" );
 
 }

package/scss/spacing/_padding.scss

@@ -16,18 +16,6 @@
 /// @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
@@ -94,18 +82,6 @@
 /// @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
@@ -172,18 +148,6 @@
 /// @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
@@ -250,18 +214,6 @@
 /// @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
@@ -328,18 +280,6 @@
 /// @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
@@ -406,18 +346,6 @@
 /// @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
@@ -484,18 +412,6 @@
 /// @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
@@ -547,12 +463,13 @@
 @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" );
 
 }

package/scss/typography/_font-weight.scss

@@ -57,7 +57,7 @@
 @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