@kushagradhawan/kookie-ui 0.1.26 → 0.1.27

package/src/styles/utilities/layout.css

@@ -1,5 +1,6 @@
 @import '../breakpoints.css';
 
+@import './align-content.css';
 @import './align-items.css';
 @import './align-self.css';
 @import './display.css';
@@ -25,6 +26,8 @@
 @import './max-height.css';
 @import './inset.css';
 @import './justify-content.css';
+@import './justify-items.css';
+@import './justify-self.css';
 @import './margin.css';
 @import './overflow.css';
 @import './padding.css';

package/styles.css

@@ -20328,6 +20328,160 @@
     min-height: 100dvh;
   }
 }
+.rt-r-ac-start {
+  align-content: start;
+}
+.rt-r-ac-center {
+  align-content: center;
+}
+.rt-r-ac-end {
+  align-content: end;
+}
+.rt-r-ac-baseline {
+  align-content: baseline;
+}
+.rt-r-ac-stretch {
+  align-content: stretch;
+}
+.rt-r-ac-space-between {
+  align-content: space-between;
+}
+.rt-r-ac-space-around {
+  align-content: space-around;
+}
+.rt-r-ac-space-evenly {
+  align-content: space-evenly;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-ac-start {
+    align-content: start;
+  }
+  .xs\:rt-r-ac-center {
+    align-content: center;
+  }
+  .xs\:rt-r-ac-end {
+    align-content: end;
+  }
+  .xs\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .xs\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .xs\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .xs\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .xs\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-ac-start {
+    align-content: start;
+  }
+  .sm\:rt-r-ac-center {
+    align-content: center;
+  }
+  .sm\:rt-r-ac-end {
+    align-content: end;
+  }
+  .sm\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .sm\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .sm\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .sm\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .sm\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-ac-start {
+    align-content: start;
+  }
+  .md\:rt-r-ac-center {
+    align-content: center;
+  }
+  .md\:rt-r-ac-end {
+    align-content: end;
+  }
+  .md\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .md\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .md\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .md\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .md\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-ac-start {
+    align-content: start;
+  }
+  .lg\:rt-r-ac-center {
+    align-content: center;
+  }
+  .lg\:rt-r-ac-end {
+    align-content: end;
+  }
+  .lg\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .lg\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .lg\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .lg\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .lg\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-ac-start {
+    align-content: start;
+  }
+  .xl\:rt-r-ac-center {
+    align-content: center;
+  }
+  .xl\:rt-r-ac-end {
+    align-content: end;
+  }
+  .xl\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .xl\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .xl\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .xl\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .xl\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
 .rt-r-ai-start {
   align-items: flex-start;
 }
@@ -20429,13 +20583,13 @@
   }
 }
 .rt-r-as-start {
-  align-self: flex-start;
+  align-self: start;
 }
 .rt-r-as-center {
   align-self: center;
 }
 .rt-r-as-end {
-  align-self: flex-end;
+  align-self: end;
 }
 .rt-r-as-baseline {
   align-self: baseline;
@@ -20445,13 +20599,13 @@
 }
 @media (min-width: 520px) {
   .xs\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .xs\:rt-r-as-center {
     align-self: center;
   }
   .xs\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .xs\:rt-r-as-baseline {
     align-self: baseline;
@@ -20462,13 +20616,13 @@
 }
 @media (min-width: 768px) {
   .sm\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .sm\:rt-r-as-center {
     align-self: center;
   }
   .sm\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .sm\:rt-r-as-baseline {
     align-self: baseline;
@@ -20479,13 +20633,13 @@
 }
 @media (min-width: 1024px) {
   .md\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .md\:rt-r-as-center {
     align-self: center;
   }
   .md\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .md\:rt-r-as-baseline {
     align-self: baseline;
@@ -20496,13 +20650,13 @@
 }
 @media (min-width: 1280px) {
   .lg\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .lg\:rt-r-as-center {
     align-self: center;
   }
   .lg\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .lg\:rt-r-as-baseline {
     align-self: baseline;
@@ -20513,13 +20667,13 @@
 }
 @media (min-width: 1640px) {
   .xl\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .xl\:rt-r-as-center {
     align-self: center;
   }
   .xl\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .xl\:rt-r-as-baseline {
     align-self: baseline;
@@ -24488,6 +24642,206 @@
     justify-content: space-between;
   }
 }
+.rt-r-ji-start {
+  justify-items: start;
+}
+.rt-r-ji-center {
+  justify-items: center;
+}
+.rt-r-ji-end {
+  justify-items: end;
+}
+.rt-r-ji-baseline {
+  justify-items: baseline;
+}
+.rt-r-ji-stretch {
+  justify-items: stretch;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .xs\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .xs\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .xs\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .xs\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .sm\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .sm\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .sm\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .sm\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .md\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .md\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .md\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .md\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .lg\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .lg\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .lg\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .lg\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .xl\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .xl\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .xl\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .xl\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+.rt-r-js-start {
+  justify-self: start;
+}
+.rt-r-js-center {
+  justify-self: center;
+}
+.rt-r-js-end {
+  justify-self: end;
+}
+.rt-r-js-baseline {
+  justify-self: baseline;
+}
+.rt-r-js-stretch {
+  justify-self: stretch;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-js-start {
+    justify-self: start;
+  }
+  .xs\:rt-r-js-center {
+    justify-self: center;
+  }
+  .xs\:rt-r-js-end {
+    justify-self: end;
+  }
+  .xs\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .xs\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-js-start {
+    justify-self: start;
+  }
+  .sm\:rt-r-js-center {
+    justify-self: center;
+  }
+  .sm\:rt-r-js-end {
+    justify-self: end;
+  }
+  .sm\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .sm\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-js-start {
+    justify-self: start;
+  }
+  .md\:rt-r-js-center {
+    justify-self: center;
+  }
+  .md\:rt-r-js-end {
+    justify-self: end;
+  }
+  .md\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .md\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-js-start {
+    justify-self: start;
+  }
+  .lg\:rt-r-js-center {
+    justify-self: center;
+  }
+  .lg\:rt-r-js-end {
+    justify-self: end;
+  }
+  .lg\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .lg\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-js-start {
+    justify-self: start;
+  }
+  .xl\:rt-r-js-center {
+    justify-self: center;
+  }
+  .xl\:rt-r-js-end {
+    justify-self: end;
+  }
+  .xl\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .xl\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
 .rt-r-m,
 .rt-r-m-0,
 .rt-r-m-1,