@progress/kendo-theme-utils 5.6.1-dev.7 → 5.8.1-dev.0

package/dist/all.css

@@ -614,13 +614,40 @@
     right: -1px !important;
 }
 
-.k-top-center {
+.k-top-start,
+.k-pos-top-start {
+    top: 0;
+    left: 0;
+}
+
+.k-top-end,
+.k-pos-top-end {
+    top: 0;
+    right: 0;
+}
+
+.k-bottom-start,
+.k-pos-bottom-start {
+    bottom: 0;
+    left: 0;
+}
+
+.k-bottom-end,
+.k-pos-bottom-end {
+    bottom: 0;
+    right: 0;
+}
+
+.k-top-center,
+.k-pos-top-center {
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }
 
-.k-middle-left {
+.k-middle-left,
+.k-middle-start,
+.k-pos-middle-start {
     top: 50%;
     left: 0;
     transform: translateY(-50%);
@@ -632,18 +659,41 @@
     transform: translateY(-50%);
 }
 
-.k-middle-right {
+.k-middle-right,
+.k-middle-end,
+.k-pos-middle-end {
     top: 50%;
     right: 0;
     transform: translateY(-50%);
 }
 
-.k-bottom-center {
+.k-bottom-center,
+.k-pos-bottom-center {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
 }
 
+.k-top,
+.k-pos-top {
+    top: 0;
+}
+
+.k-right,
+.k-pos-right {
+    right: 0;
+}
+
+.k-bottom,
+.k-pos-bottom {
+    bottom: 0;
+}
+
+.k-left,
+.k-pos-left {
+    left: 0;
+}
+
 .k-visibility-visible, .k-visible {
     visibility: visible;
 }
@@ -741,11 +791,11 @@
 }
 
 .k-flex-col-reverse {
-    flex-direction: column;
+    flex-direction: column-reverse;
 }
 
 .\!k-flex-col-reverse {
-    flex-direction: column !important;
+    flex-direction: column-reverse !important;
 }
 
 .k-flex-wrap {
@@ -8392,6 +8442,22 @@
     table-layout: fixed !important;
 }
 
+.k-table-layout-auto {
+    table-layout: auto;
+}
+
+.\!k-table-layout-auto {
+    table-layout: auto !important;
+}
+
+.k-table-layout-fixed {
+    table-layout: fixed;
+}
+
+.\!k-table-layout-fixed {
+    table-layout: fixed !important;
+}
+
 .k-flip-h, .k-flip-x {
     transform: scaleX(-1);
 }

package/dist/all.scss

@@ -1,5 +1,5 @@
 // This file is auto-generated. Do not edit!
-// baka:source undefinedpackages/utils/scss/all.scss
+// baka:source packages/utils/scss/all.scss
 
 // #region @import "./index.import.scss"; -> packages/utils/scss/index.import.scss
 // #region @import "./_functions.scss"; -> packages/utils/scss/_functions.scss
@@ -203,7 +203,7 @@ $kendo-utils: (
         row: row,
         row-reverse: row-reverse,
         col: column,
-        col-reverse: column
+        col-reverse: column-reverse
     ),
     "flex-wrap": (
         wrap,
@@ -1036,12 +1036,39 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
 @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}top-start,
+.#{$kendo-prefix}pos-top-start {
+    top: 0;
+    left: 0;
+}
+
+.#{$kendo-prefix}top-end,
+.#{$kendo-prefix}pos-top-end {
+    top: 0;
+    right: 0;
+}
+
+.#{$kendo-prefix}bottom-start,
+.#{$kendo-prefix}pos-bottom-start {
+    bottom: 0;
+    left: 0;
+}
+
+.#{$kendo-prefix}bottom-end,
+.#{$kendo-prefix}pos-bottom-end {
+    bottom: 0;
+    right: 0;
+}
+
+.#{$kendo-prefix}top-center,
+.#{$kendo-prefix}pos-top-center {
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }
-.#{$kendo-prefix}middle-left {
+.#{$kendo-prefix}middle-left,
+.#{$kendo-prefix}middle-start,
+.#{$kendo-prefix}pos-middle-start {
     top: 50%;
     left: 0;
     transform: translateY(-50%);
@@ -1051,17 +1078,26 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
     left: 50%;
     transform: translateY(-50%);
 }
-.#{$kendo-prefix}middle-right {
+.#{$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}bottom-center,
+.#{$kendo-prefix}pos-bottom-center {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
 }
 
+
+@each $side in (top, right, bottom, left) {
+    .#{$kendo-prefix}#{$side},
+    .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; } // sass-lint:disable-line brace-style
+}
+
 // #endregion
 // #region @import "./_visibility.scss"; -> packages/utils/scss/layout/_visibility.scss
 // TODO DOCS
@@ -1663,6 +1699,7 @@ $kendo-utils-border-collapse: map-get( $kendo-utils, "border-collapse" ) !defaul
 $kendo-utils-table-layout: 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
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "5.6.1-dev.7",
+  "version": "5.8.1-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -38,5 +38,5 @@
   "devDependencies": {
     "sass-build": "^1.0.0"
   },
-  "gitHead": "cdbab1b2ebcaadb86f256c2d8d9cb8ffe2fef23b"
+  "gitHead": "0194cfa203a1bb7b85bcef2bb57b91dc84833c9d"
 }

package/scss/_variables.scss

@@ -158,7 +158,7 @@ $kendo-utils: (
         row: row,
         row-reverse: row-reverse,
         col: column,
-        col-reverse: column
+        col-reverse: column-reverse
     ),
     "flex-wrap": (
         wrap,

package/scss/layout/_position.scss

@@ -33,12 +33,39 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
 @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}top-start,
+.#{$kendo-prefix}pos-top-start {
+    top: 0;
+    left: 0;
+}
+
+.#{$kendo-prefix}top-end,
+.#{$kendo-prefix}pos-top-end {
+    top: 0;
+    right: 0;
+}
+
+.#{$kendo-prefix}bottom-start,
+.#{$kendo-prefix}pos-bottom-start {
+    bottom: 0;
+    left: 0;
+}
+
+.#{$kendo-prefix}bottom-end,
+.#{$kendo-prefix}pos-bottom-end {
+    bottom: 0;
+    right: 0;
+}
+
+.#{$kendo-prefix}top-center,
+.#{$kendo-prefix}pos-top-center {
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }
-.#{$kendo-prefix}middle-left {
+.#{$kendo-prefix}middle-left,
+.#{$kendo-prefix}middle-start,
+.#{$kendo-prefix}pos-middle-start {
     top: 50%;
     left: 0;
     transform: translateY(-50%);
@@ -48,13 +75,22 @@ $kendo-utils-inset: map-get( $kendo-utils, "inset" ) !default;
     left: 50%;
     transform: translateY(-50%);
 }
-.#{$kendo-prefix}middle-right {
+.#{$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}bottom-center,
+.#{$kendo-prefix}pos-bottom-center {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
 }
+
+
+@each $side in (top, right, bottom, left) {
+    .#{$kendo-prefix}#{$side},
+    .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; } // sass-lint:disable-line brace-style
+}

package/scss/table/_table-layout.scss

@@ -9,3 +9,4 @@
 $kendo-utils-table-layout: 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 );