@kofile/gds-foundations 0.0.11 → 1.0.0-alpha.1

package/build/css/utilities/height.css

@@ -1,168 +1,168 @@
 .h-0 {
-  height: var(--primitive-0);
+  height: var(--primitive-0) !important;
 }
 .h-px {
-  height: 1px;
+  height: 1px !important;
 }
 .h-0.5 {
-  height: var(--primitive-2);
+  height: var(--primitive-2) !important;
 }
 .h-1 {
-  height: var(--primitive-4);
+  height: var(--primitive-4) !important;
 }
 .h-1.5 {
-  height: var(--primitive-6);
+  height: var(--primitive-6) !important;
 }
 .h-2 {
-  height: var(--primitive-8);
+  height: var(--primitive-8) !important;
 }
 .h-2.5 {
-  height: var(--primitive-10);
+  height: var(--primitive-10) !important;
 }
 .h-3 {
-  height: var(--primitive-12);
+  height: var(--primitive-12) !important;
 }
 .h-3.5 {
-  height: var(--primitive-14);
+  height: var(--primitive-14) !important;
 }
 .h-4 {
-  height: var(--primitive-16);
+  height: var(--primitive-16) !important;
 }
 .h-5 {
-  height: var(--primitive-20);
+  height: var(--primitive-20) !important;
 }
 .h-6 {
-  height: var(--primitive-24);
+  height: var(--primitive-24) !important;
 }
 .h-7 {
-  height: var(--primitive-28);
+  height: var(--primitive-28) !important;
 }
 .h-8 {
-  height: var(--primitive-32);
+  height: var(--primitive-32) !important;
 }
 .h-9 {
-  height: var(--primitive-36);
+  height: var(--primitive-36) !important;
 }
 .h-10 {
-  height: var(--primitive-40);
+  height: var(--primitive-40) !important;
 }
 .h-11 {
-  height: var(--primitive-44);
+  height: var(--primitive-44) !important;
 }
 .h-12 {
-  height: var(--primitive-48);
+  height: var(--primitive-48) !important;
 }
 .h-14 {
-  height: var(--primitive-56);
+  height: var(--primitive-56) !important;
 }
 .h-16 {
-  height: var(--primitive-64);
+  height: var(--primitive-64) !important;
 }
 .h-20 {
-  height: var(--primitive-80);
+  height: var(--primitive-80) !important;
 }
 .h-24 {
-  height: var(--primitive-96);
+  height: var(--primitive-96) !important;
 }
 .h-28 {
-  height: var(--primitive-112);
+  height: var(--primitive-112) !important;
 }
 .h-32 {
-  height: var(--primitive-128);
+  height: var(--primitive-128) !important;
 }
 .h-36 {
-  height: var(--primitive-144);
+  height: var(--primitive-144) !important;
 }
 .h-40 {
-  height: var(--primitive-160);
+  height: var(--primitive-160) !important;
 }
 .h-44 {
-  height: var(--primitive-176);
+  height: var(--primitive-176) !important;
 }
 .h-48 {
-  height: var(--primitive-192);
+  height: var(--primitive-192) !important;
 }
 .h-52 {
-  height: var(--primitive-208);
+  height: var(--primitive-208) !important;
 }
 .h-56 {
-  height: var(--primitive-224);
+  height: var(--primitive-224) !important;
 }
 .h-60 {
-  height: var(--primitive-240);
+  height: var(--primitive-240) !important;
 }
 .h-64 {
-  height: var(--primitive-256);
+  height: var(--primitive-256) !important;
 }
 .h-72 {
-  height: var(--primitive-288);
+  height: var(--primitive-288) !important;
 }
 .h-80 {
-  height: var(--primitive-320);
+  height: var(--primitive-320) !important;
 }
 .h-96 {
-  height: var(--primitive-384);
+  height: var(--primitive-384) !important;
 }
 .h-auto {
-  height: auto;
+  height: auto !important;
 }
-.h-1/2 {
-  height: 50%;
+/* .h-1/2 {
+  height: 50% !important;
 }
 .h-1/3 {
-  height: 33.333333%;
+  height: 33.333333% !important;
 }
 .h-2/3 {
-  height: 66.666667%;
+  height: 66.666667% !important;
 }
 .h-1/4 {
-  height: 25%;
+  height: 25% !important;
 }
 .h-2/4 {
-  height: 50%;
+  height: 50% !important;
 }
 .h-3/4 {
-  height: 75%;
+  height: 75% !important;
 }
 .h-1/5 {
-  height: 20%;
+  height: 20% !important;
 }
 .h-2/5 {
-  height: 40%;
+  height: 40% !important;
 }
 .h-3/5 {
-  height: 60%;
+  height: 60% !important;
 }
 .h-4/5 {
-  height: 80%;
+  height: 80% !important;
 }
 .h-1/6 {
-  height: 16.666667%;
+  height: 16.666667% !important;
 }
 .h-2/6 {
-  height: 33.333333%;
+  height: 33.333333% !important;
 }
 .h-3/6 {
-  height: 50%;
+  height: 50% !important;
 }
 .h-4/6 {
-  height: 66.666667%;
+  height: 66.666667% !important;
 }
 .h-5/6 {
-  height: 83.333333%;
-}
+  height: 83.333333% !important;
+} */
 .h-full {
-  height: 100%;
+  height: 100% !important;
 }
 .h-screen {
-  height: 100vh;
+  height: 100vh !important;
 }
 .h-min {
-  height: min-content;
+  height: min-content !important;
 }
 .h-max {
-  height: max-content;
+  height: max-content !important;
 }
 .h-fit {
-  height: fit-content;
+  height: fit-content !important;
 }

package/build/css/utilities/index.css

@@ -1,8 +1,17 @@
+@import "./background-color.css";
+@import "./border-color.css";
+@import "./border-radius.css";
+@import "./border-style.css";
 @import "./box-sizing.css";
+@import "./border-width.css";
+@import "./cursor.css";
 @import "./display.css";
 @import "./flex.css";
+@import "./flex-shrink.css";
 @import "./font.css";
 @import "./gap.css";
+@import "./grid-auto-columns.css";
+@import "./grid-template-columns.css";
 @import "./height.css";
 @import "./margin.css";
 @import "./max-height.css";
@@ -14,4 +23,8 @@
 @import "./overflow.css";
 @import "./position.css";
 @import "./padding.css";
+@import "./text-overflow.css";
+@import "./text-transform.css";
+@import "./vertical-align.css";
+@import "./white-space.css";
 @import "./width.css";

package/build/css/utilities/max-height.css

@@ -1,123 +1,123 @@
 .max-h-0 {
-  max-height: var(--primitive-0);
+  max-height: var(--primitive-0) !important;
 }
 .max-h-px {
-  max-height: 1px;
+  max-height: 1px !important;
 }
 .max-h-0.5 {
-  max-height: var(--primitive-2);
+  max-height: var(--primitive-2) !important;
 }
 .max-h-1 {
-  max-height: var(--primitive-4);
+  max-height: var(--primitive-4) !important;
 }
 .max-h-1.5 {
-  max-height: var(--primitive-6);
+  max-height: var(--primitive-6) !important;
 }
 .max-h-2 {
-  max-height: var(--primitive-8);
+  max-height: var(--primitive-8) !important;
 }
 .max-h-2.5 {
-  max-height: var(--primitive-10);
+  max-height: var(--primitive-10) !important;
 }
 .max-h-3 {
-  max-height: var(--primitive-12);
+  max-height: var(--primitive-12) !important;
 }
 .max-h-3.5 {
-  max-height: var(--primitive-14);
+  max-height: var(--primitive-14) !important;
 }
 .max-h-4 {
-  max-height: var(--primitive-16);
+  max-height: var(--primitive-16) !important;
 }
 .max-h-5 {
-  max-height: var(--primitive-20);
+  max-height: var(--primitive-20) !important;
 }
 .max-h-6 {
-  max-height: var(--primitive-24);
+  max-height: var(--primitive-24) !important;
 }
 .max-h-7 {
-  max-height: var(--primitive-28);
+  max-height: var(--primitive-28) !important;
 }
 .max-h-8 {
-  max-height: var(--primitive-32);
+  max-height: var(--primitive-32) !important;
 }
 .max-h-9 {
-  max-height: var(--primitive-36);
+  max-height: var(--primitive-36) !important;
 }
 .max-h-10 {
-  max-height: var(--primitive-40);
+  max-height: var(--primitive-40) !important;
 }
 .max-h-11 {
-  max-height: var(--primitive-44);
+  max-height: var(--primitive-44) !important;
 }
 .max-h-12 {
-  max-height: var(--primitive-48);
+  max-height: var(--primitive-48) !important;
 }
 .max-h-14 {
-  max-height: var(--primitive-56);
+  max-height: var(--primitive-56) !important;
 }
 .max-h-16 {
-  max-height: var(--primitive-64);
+  max-height: var(--primitive-64) !important;
 }
 .max-h-20 {
-  max-height: var(--primitive-80);
+  max-height: var(--primitive-80) !important;
 }
 .max-h-24 {
-  max-height: var(--primitive-96);
+  max-height: var(--primitive-96) !important;
 }
 .max-h-28 {
-  max-height: var(--primitive-112);
+  max-height: var(--primitive-112) !important;
 }
 .max-h-32 {
-  max-height: var(--primitive-128);
+  max-height: var(--primitive-128) !important;
 }
 .max-h-36 {
-  max-height: var(--primitive-144);
+  max-height: var(--primitive-144) !important;
 }
 .max-h-40 {
-  max-height: var(--primitive-160);
+  max-height: var(--primitive-160) !important;
 }
 .max-h-44 {
-  max-height: var(--primitive-176);
+  max-height: var(--primitive-176) !important;
 }
 .max-h-48 {
-  max-height: var(--primitive-192);
+  max-height: var(--primitive-192) !important;
 }
 .max-h-52 {
-  max-height: var(--primitive-208);
+  max-height: var(--primitive-208) !important;
 }
 .max-h-56 {
-  max-height: var(--primitive-224);
+  max-height: var(--primitive-224) !important;
 }
 .max-h-60 {
-  max-height: var(--primitive-240);
+  max-height: var(--primitive-240) !important;
 }
 .max-h-64 {
-  max-height: var(--primitive-256);
+  max-height: var(--primitive-256) !important;
 }
 .max-h-72 {
-  max-height: var(--primitive-288);
+  max-height: var(--primitive-288) !important;
 }
 .max-h-80 {
-  max-height: var(--primitive-320);
+  max-height: var(--primitive-320) !important;
 }
 .max-h-96 {
-  max-height: var(--primitive-384);
+  max-height: var(--primitive-384) !important;
 }
 .max-h-none {
-  max-height: none;
+  max-height: none !important;
 }
 .max-h-full {
-  max-height: 100%;
+  max-height: 100% !important;
 }
 .max-h-screen {
-  max-height: 100vh;
+  max-height: 100vh !important;
 }
 .max-h-min {
-  max-height: min-content;
+  max-height: min-content !important;
 }
 .max-h-max {
-  max-height: max-content;
+  max-height: max-content !important;
 }
 .max-h-fit {
-  max-height: fit-content;
+  max-height: fit-content !important;
 }

package/build/css/utilities/min-height.css

@@ -11,7 +11,7 @@
   min-height: min-content;
 }
 .min-h-max {
-  min-height: max-content;
+  min-height: max-content !important;
 }
 .min-h-fit {
   min-height: fit-content;

package/build/css/utilities/padding.css

@@ -1,4 +1,7 @@
 /* padding-bottom */
+.pt-none {
+  padding-top: 0 !important;
+}
 .pt-4xs {
   padding-top: var(--spacing-4xs) !important;
 }
@@ -33,6 +36,9 @@
   padding-top: var(--spacing-4xl) !important;
 }
 /* padding-right */
+.pr-none {
+  padding-right: 0 !important;
+}
 .pr-4xs {
   padding-right: var(--spacing-4xs) !important;
 }
@@ -67,6 +73,9 @@
   padding-right: var(--spacing-4xl) !important;
 }
 /* padding-bottom */
+.pb-none {
+  padding-bottom: 0 !important;
+}
 .pb-4xs {
   padding-bottom: var(--spacing-4xs) !important;
 }
@@ -101,6 +110,9 @@
   padding-bottom: var(--spacing-4xl) !important;
 }
 /* padding-left */
+.pl-none {
+  padding-left: 0 !important;
+}
 .pl-4xs {
   padding-left: var(--spacing-4xs) !important;
 }
@@ -135,6 +147,10 @@
   padding-left: var(--spacing-4xl) !important;
 }
 /* horizontal padding */
+.px-none {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
 .px-4xs {
   padding-left: var(--spacing-4xs) !important;
   padding-right: var(--spacing-4xs) !important;
@@ -180,6 +196,10 @@
   padding-right: var(--spacing-4xl) !important;
 }
 /* vertical padding */
+.py-none {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
 .py-4xs {
   padding-top: var(--spacing-4xs) !important;
   padding-bottom: var(--spacing-4xs) !important;
@@ -225,6 +245,9 @@
   padding-bottom: var(--spacing-4xl) !important;
 }
 /* vertical and horizontal */
+.p-none {
+  padding: 0 !important;
+}
 .p-4xs {
   padding: var(--spacing-4xs) !important;
 }

package/build/css/utilities/position.css

@@ -1059,7 +1059,7 @@
 .inset-auto {
   inset: auto !important;
 }
-.inset-1/2 {
+/* .inset-1/2 {
   inset: 50% !important;
 }
 .inset-1/3 {
@@ -1140,7 +1140,7 @@
 .inset-y-3/4 {
   top: 75% !important;
   bottom: 75% !important;
-}
+} */
 .inset-y-full {
   top: 100% !important;
   bottom: 100% !important;
@@ -1149,7 +1149,7 @@
 .start-auto {
   inset-inline-start: auto !important;
 }
-.start-1/2 {
+/* .start-1/2 {
   inset-inline-start: 50% !important;
 }
 .start-1/3 {
@@ -1166,7 +1166,7 @@
 }
 .start-3/4 {
   inset-inline-start: 75% !important;
-}
+} */
 .start-full {
   inset-inline-start: 100% !important;
 }
@@ -1174,7 +1174,7 @@
 .end-auto {
   inset-inline-end: auto !important;
 }
-.end-1/2 {
+/* .end-1/2 {
   inset-inline-end: 50% !important;
 }
 .end-1/3 {
@@ -1191,7 +1191,7 @@
 }
 .end-3/4 {
   inset-inline-end: 75% !important;
-}
+} */
 .end-full {
   inset-inline-end: 100% !important;
 }
@@ -1199,7 +1199,7 @@
 .top-auto {
   top: auto !important;
 }
-.top-1/2 {
+/* .top-1/2 {
   top: 50% !important;
 }
 .top-1/3 {
@@ -1216,7 +1216,7 @@
 }
 .top-3/4 {
   top: 75% !important;
-}
+} */
 .top-full {
   top: 100% !important;
 }
@@ -1224,7 +1224,7 @@
 .right-auto {
   right: auto !important;
 }
-.right-1/2 {
+/* .right-1/2 {
   right: 50% !important;
 }
 .right-1/3 {
@@ -1241,7 +1241,7 @@
 }
 .right-3/4 {
   right: 75% !important;
-}
+} */
 .right-full {
   right: 100% !important;
 }
@@ -1249,7 +1249,7 @@
 .bottom-auto {
   bottom: auto !important;
 }
-.bottom-1/2 {
+/* .bottom-1/2 {
   bottom: 50% !important;
 }
 .bottom-1/3 {
@@ -1266,7 +1266,7 @@
 }
 .bottom-3/4 {
   bottom: 75% !important;
-}
+} */
 .bottom-full {
   bottom: 100% !important;
 }
@@ -1274,7 +1274,7 @@
 .left-auto {
   left: auto !important;
 }
-.left-1/2 {
+/* .left-1/2 {
   left: 50% !important;
 }
 .left-1/3 {
@@ -1291,7 +1291,7 @@
 }
 .left-3/4 {
   left: 75% !important;
-}
+} */
 .left-full {
   left: 100% !important;
 }

package/build/css/utilities/text-overflow.css

@@ -0,0 +1,13 @@
+.truncate {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+
+.text-ellipsis {
+  text-overflow: ellipsis !important;
+}
+
+.text-clip {
+  text-overflow: clip !important;
+}

package/build/css/utilities/text-transform.css

@@ -0,0 +1,12 @@
+.uppercase {
+  text-transform: uppercase !important;
+}
+.lowercase {
+  text-transform: lowercase !important;
+}
+.capitalize {
+  text-transform: capitalize !important;
+}
+.normal-case {
+  text-transform: none !important;
+}

package/build/css/utilities/vertical-align.css

@@ -0,0 +1,31 @@
+/* Vertical Align Utility Classes */
+.align-baseline {
+  vertical-align: baseline;
+}
+.align-top {
+  vertical-align: top;
+}
+.align-middle {
+  vertical-align: middle;
+}
+.align-bottom {
+  vertical-align: bottom;
+}
+.align-text-top {
+  vertical-align: text-top;
+}
+.align-text-bottom {
+  vertical-align: text-bottom;
+}
+.align-sub {
+  vertical-align: sub;
+}
+.align-super {
+  vertical-align: super;
+}
+.align-inherit {
+  vertical-align: inherit;
+}
+.align-initial {
+  vertical-align: initial;
+}

package/build/css/utilities/white-space.css

@@ -0,0 +1,23 @@
+.whitespace-normal {
+  white-space: normal !important;
+}
+
+.whitespace-nowrap {
+  white-space: nowrap !important;
+}
+
+.whitespace-pre {
+  white-space: pre !important;
+}
+
+.whitespace-pre-line {
+  white-space: pre-line !important;
+}
+
+.whitespace-pre-wrap {
+  white-space: pre-wrap !important;
+}
+
+.whitespace-break-spaces {
+  white-space: break-spaces !important;
+}