@progress/kendo-theme-utils 5.10.0 → 5.10.1-dev.1

package/dist/all.css

@@ -3198,6 +3198,390 @@
     gap: 0.0625rem !important;
 }
 
+.k-gap-x-0 {
+    column-gap: 0;
+}
+
+.\!k-gap-x-0 {
+    column-gap: 0 !important;
+}
+
+.k-gap-x-0\.5 {
+    column-gap: 0.125rem;
+}
+
+.\!k-gap-x-0\.5 {
+    column-gap: 0.125rem !important;
+}
+
+.k-gap-x-1 {
+    column-gap: 0.25rem;
+}
+
+.\!k-gap-x-1 {
+    column-gap: 0.25rem !important;
+}
+
+.k-gap-x-1\.5 {
+    column-gap: 0.375rem;
+}
+
+.\!k-gap-x-1\.5 {
+    column-gap: 0.375rem !important;
+}
+
+.k-gap-x-2 {
+    column-gap: 0.5rem;
+}
+
+.\!k-gap-x-2 {
+    column-gap: 0.5rem !important;
+}
+
+.k-gap-x-2\.5 {
+    column-gap: 6.25rem;
+}
+
+.\!k-gap-x-2\.5 {
+    column-gap: 6.25rem !important;
+}
+
+.k-gap-x-3 {
+    column-gap: 0.75rem;
+}
+
+.\!k-gap-x-3 {
+    column-gap: 0.75rem !important;
+}
+
+.k-gap-x-3\.5 {
+    column-gap: 0.875rem;
+}
+
+.\!k-gap-x-3\.5 {
+    column-gap: 0.875rem !important;
+}
+
+.k-gap-x-4 {
+    column-gap: 1rem;
+}
+
+.\!k-gap-x-4 {
+    column-gap: 1rem !important;
+}
+
+.k-gap-x-5 {
+    column-gap: 1.25rem;
+}
+
+.\!k-gap-x-5 {
+    column-gap: 1.25rem !important;
+}
+
+.k-gap-x-6 {
+    column-gap: 1.5rem;
+}
+
+.\!k-gap-x-6 {
+    column-gap: 1.5rem !important;
+}
+
+.k-gap-x-7 {
+    column-gap: 1.75rem;
+}
+
+.\!k-gap-x-7 {
+    column-gap: 1.75rem !important;
+}
+
+.k-gap-x-8 {
+    column-gap: 2rem;
+}
+
+.\!k-gap-x-8 {
+    column-gap: 2rem !important;
+}
+
+.k-gap-x-9 {
+    column-gap: 2.25rem;
+}
+
+.\!k-gap-x-9 {
+    column-gap: 2.25rem !important;
+}
+
+.k-gap-x-10 {
+    column-gap: 2.5rem;
+}
+
+.\!k-gap-x-10 {
+    column-gap: 2.5rem !important;
+}
+
+.k-gap-x-11 {
+    column-gap: 2.75rem;
+}
+
+.\!k-gap-x-11 {
+    column-gap: 2.75rem !important;
+}
+
+.k-gap-x-12 {
+    column-gap: 3rem;
+}
+
+.\!k-gap-x-12 {
+    column-gap: 3rem !important;
+}
+
+.k-gap-x-14 {
+    column-gap: 3.5rem;
+}
+
+.\!k-gap-x-14 {
+    column-gap: 3.5rem !important;
+}
+
+.k-gap-x-16 {
+    column-gap: 4rem;
+}
+
+.\!k-gap-x-16 {
+    column-gap: 4rem !important;
+}
+
+.k-gap-x-20 {
+    column-gap: 5rem;
+}
+
+.\!k-gap-x-20 {
+    column-gap: 5rem !important;
+}
+
+.k-gap-x-24 {
+    column-gap: 6rem;
+}
+
+.\!k-gap-x-24 {
+    column-gap: 6rem !important;
+}
+
+.k-gap-x-px {
+    column-gap: 1px;
+}
+
+.\!k-gap-x-px {
+    column-gap: 1px !important;
+}
+
+.k-gap-x-thin {
+    column-gap: 0.125rem;
+}
+
+.\!k-gap-x-thin {
+    column-gap: 0.125rem !important;
+}
+
+.k-gap-x-hair {
+    column-gap: 0.0625rem;
+}
+
+.\!k-gap-x-hair {
+    column-gap: 0.0625rem !important;
+}
+
+.k-gap-y-0 {
+    row-gap: 0;
+}
+
+.\!k-gap-y-0 {
+    row-gap: 0 !important;
+}
+
+.k-gap-y-0\.5 {
+    row-gap: 0.125rem;
+}
+
+.\!k-gap-y-0\.5 {
+    row-gap: 0.125rem !important;
+}
+
+.k-gap-y-1 {
+    row-gap: 0.25rem;
+}
+
+.\!k-gap-y-1 {
+    row-gap: 0.25rem !important;
+}
+
+.k-gap-y-1\.5 {
+    row-gap: 0.375rem;
+}
+
+.\!k-gap-y-1\.5 {
+    row-gap: 0.375rem !important;
+}
+
+.k-gap-y-2 {
+    row-gap: 0.5rem;
+}
+
+.\!k-gap-y-2 {
+    row-gap: 0.5rem !important;
+}
+
+.k-gap-y-2\.5 {
+    row-gap: 6.25rem;
+}
+
+.\!k-gap-y-2\.5 {
+    row-gap: 6.25rem !important;
+}
+
+.k-gap-y-3 {
+    row-gap: 0.75rem;
+}
+
+.\!k-gap-y-3 {
+    row-gap: 0.75rem !important;
+}
+
+.k-gap-y-3\.5 {
+    row-gap: 0.875rem;
+}
+
+.\!k-gap-y-3\.5 {
+    row-gap: 0.875rem !important;
+}
+
+.k-gap-y-4 {
+    row-gap: 1rem;
+}
+
+.\!k-gap-y-4 {
+    row-gap: 1rem !important;
+}
+
+.k-gap-y-5 {
+    row-gap: 1.25rem;
+}
+
+.\!k-gap-y-5 {
+    row-gap: 1.25rem !important;
+}
+
+.k-gap-y-6 {
+    row-gap: 1.5rem;
+}
+
+.\!k-gap-y-6 {
+    row-gap: 1.5rem !important;
+}
+
+.k-gap-y-7 {
+    row-gap: 1.75rem;
+}
+
+.\!k-gap-y-7 {
+    row-gap: 1.75rem !important;
+}
+
+.k-gap-y-8 {
+    row-gap: 2rem;
+}
+
+.\!k-gap-y-8 {
+    row-gap: 2rem !important;
+}
+
+.k-gap-y-9 {
+    row-gap: 2.25rem;
+}
+
+.\!k-gap-y-9 {
+    row-gap: 2.25rem !important;
+}
+
+.k-gap-y-10 {
+    row-gap: 2.5rem;
+}
+
+.\!k-gap-y-10 {
+    row-gap: 2.5rem !important;
+}
+
+.k-gap-y-11 {
+    row-gap: 2.75rem;
+}
+
+.\!k-gap-y-11 {
+    row-gap: 2.75rem !important;
+}
+
+.k-gap-y-12 {
+    row-gap: 3rem;
+}
+
+.\!k-gap-y-12 {
+    row-gap: 3rem !important;
+}
+
+.k-gap-y-14 {
+    row-gap: 3.5rem;
+}
+
+.\!k-gap-y-14 {
+    row-gap: 3.5rem !important;
+}
+
+.k-gap-y-16 {
+    row-gap: 4rem;
+}
+
+.\!k-gap-y-16 {
+    row-gap: 4rem !important;
+}
+
+.k-gap-y-20 {
+    row-gap: 5rem;
+}
+
+.\!k-gap-y-20 {
+    row-gap: 5rem !important;
+}
+
+.k-gap-y-24 {
+    row-gap: 6rem;
+}
+
+.\!k-gap-y-24 {
+    row-gap: 6rem !important;
+}
+
+.k-gap-y-px {
+    row-gap: 1px;
+}
+
+.\!k-gap-y-px {
+    row-gap: 1px !important;
+}
+
+.k-gap-y-thin {
+    row-gap: 0.125rem;
+}
+
+.\!k-gap-y-thin {
+    row-gap: 0.125rem !important;
+}
+
+.k-gap-y-hair {
+    row-gap: 0.0625rem;
+}
+
+.\!k-gap-y-hair {
+    row-gap: 0.0625rem !important;
+}
+
 .k-align-content-normal {
     align-content: normal;
 }

package/dist/all.scss

@@ -1324,6 +1324,8 @@ $kendo-utils-grid-auto-rows: map-get( $kendo-utils, "grid-auto-rows" ) !default;
 $kendo-utils-gap: 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 );
 
 // #endregion
 // #region @import "./_align-content.scss"; -> packages/utils/scss/flex-grid/_align-content.scss

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "5.10.0",
+  "version": "5.10.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -40,5 +40,5 @@
   "devDependencies": {
     "sass-build": "^1.0.0"
   },
-  "gitHead": "598cd24e8c0141a760e7fa1782887aef2163dde7"
+  "gitHead": "694cfbd14fca3ecaf03ff8fbafb64d10601cebde"
 }

package/scss/flex-grid/_gap.scss

@@ -3,3 +3,5 @@
 $kendo-utils-gap: 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 );