@kofile/gds-foundations 1.0.0-alpha.16 → 1.0.0-alpha.18

package/build/css/utilities/gap.css

@@ -1,104 +0,0 @@
-/* gap */
-.gap-4xs {
-  gap: var(--spacing-4xs) !important;
-}
-.gap-3xs {
-  gap: var(--spacing-3xs) !important;
-}
-.gap-2xs {
-  gap: var(--spacing-2xs) !important;
-}
-.gap-xs {
-  gap: var(--spacing-xs) !important;
-}
-.gap-sm {
-  gap: var(--spacing-sm) !important;
-}
-.gap-md {
-  gap: var(--spacing-md) !important;
-}
-.gap-lg {
-  gap: var(--spacing-lg) !important;
-}
-.gap-xl {
-  gap: var(--spacing-xl) !important;
-}
-.gap-2xl {
-  gap: var(--spacing-2xl) !important;
-}
-.gap-3xl {
-  gap: var(--spacing-3xl) !important;
-}
-.gap-4xl {
-  gap: var(--spacing-4xl) !important;
-}
-
-/* row gap  */
-.row-gap-4xs {
-  row-gap: var(--spacing-4xs) !important;
-}
-.row-gap-3xs {
-  row-gap: var(--spacing-3xs) !important;
-}
-.row-gap-2xs {
-  row-gap: var(--spacing-2xs) !important;
-}
-.row-gap-xs {
-  row-gap: var(--spacing-xs) !important;
-}
-.row-gap-sm {
-  row-gap: var(--spacing-sm) !important;
-}
-.row-gap-md {
-  row-gap: var(--spacing-md) !important;
-}
-.row-gap-lg {
-  row-gap: var(--spacing-lg) !important;
-}
-.row-gap-xl {
-  row-gap: var(--spacing-xl) !important;
-}
-.row-gap-2xl {
-  row-gap: var(--spacing-2xl) !important;
-}
-.row-gap-3xl {
-  row-gap: var(--spacing-3xl) !important;
-}
-.row-gap-4xl {
-  row-gap: var(--spacing-4xl) !important;
-}
-
-/* column gap  */
-.col-gap-4xs {
-  column-gap: var(--spacing-4xs) !important;
-}
-.col-gap-3xs {
-  column-gap: var(--spacing-3xs) !important;
-}
-.col-gap-2xs {
-  column-gap: var(--spacing-2xs) !important;
-}
-.col-gap-xs {
-  column-gap: var(--spacing-xs) !important;
-}
-.col-gap-sm {
-  column-gap: var(--spacing-sm) !important;
-}
-.col-gap-md {
-  column-gap: var(--spacing-md) !important;
-}
-.col-gap-lg {
-  column-gap: var(--spacing-lg) !important;
-}
-.col-gap-xl {
-  column-gap: var(--spacing-xl) !important;
-}
-.col-gap-2xl {
-  column-gap: var(--spacing-2xl) !important;
-}
-.col-gap-3xl {
-  column-gap: var(--spacing-3xl) !important;
-}
-.col-gap-4xl {
-  column-gap: var(--spacing-4xl) !important;
-}

package/build/css/utilities/grid-auto-columns.css

@@ -1,12 +0,0 @@
-.auto-cols-auto {
-  grid-auto-columns: auto;
-}
-.auto-cols-min {
-  grid-auto-columns: min-content;
-}
-.auto-cols-max {
-  grid-auto-columns: max-content;
-}
-.auto-cols-fr {
-  grid-auto-columns: minmax(0, 1fr);
-}

package/build/css/utilities/grid-template-columns.css

@@ -1,42 +0,0 @@
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-.grid-cols-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-.grid-cols-6 {
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-.grid-cols-7 {
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-.grid-cols-8 {
-  grid-template-columns: repeat(8, minmax(0, 1fr));
-}
-.grid-cols-9 {
-  grid-template-columns: repeat(9, minmax(0, 1fr));
-}
-.grid-cols-10 {
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-.grid-cols-11 {
-  grid-template-columns: repeat(11, minmax(0, 1fr));
-}
-.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.grid-cols-none {
-  grid-template-columns: none;
-}
-.grid-cols-subgrid {
-  grid-template-columns: subgrid;
-}

package/build/css/utilities/height.css

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

package/build/css/utilities/index.css

@@ -1,33 +0,0 @@
-@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 "./color.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";
-@import "./max-width.css";
-@import "./min-height.css";
-@import "./min-width.css";
-@import "./object-fit.css";
-@import "./object-position.css";
-@import "./overflow.css";
-@import "./position.css";
-@import "./padding.css";
-@import "./shadow.css";
-@import "./text-align.css";
-@import "./text-overflow.css";
-@import "./text-transform.css";
-@import "./vertical-align.css";
-@import "./white-space.css";
-@import "./width.css";

package/build/css/utilities/margin.css

@@ -1,299 +0,0 @@
-/* margin-bottom */
-.mt-none {
-  margin-top: 0px !important;
-}
-.mt-4xs {
-  margin-top: var(--spacing-4xs) !important;
-}
-.mt-3xs {
-  margin-top: var(--spacing-3xs) !important;
-}
-.mt-2xs {
-  margin-top: var(--spacing-2xs) !important;
-}
-.mt-xs {
-  margin-top: var(--spacing-xs) !important;
-}
-.mt-sm {
-  margin-top: var(--spacing-sm) !important;
-}
-.mt-md {
-  margin-top: var(--spacing-md) !important;
-}
-.mt-lg {
-  margin-top: var(--spacing-lg) !important;
-}
-.mt-xl {
-  margin-top: var(--spacing-xl) !important;
-}
-.mt-2xl {
-  margin-top: var(--spacing-2xl) !important;
-}
-.mt-3xl {
-  margin-top: var(--spacing-3xl) !important;
-}
-.mt-4xl {
-  margin-top: var(--spacing-4xl) !important;
-}
-/* margin-right */
-.mr-none {
-  margin-right: 0px !important;
-}
-.mr-4xs {
-  margin-right: var(--spacing-4xs) !important;
-}
-.mr-3xs {
-  margin-right: var(--spacing-3xs) !important;
-}
-.mr-2xs {
-  margin-right: var(--spacing-2xs) !important;
-}
-.mr-xs {
-  margin-right: var(--spacing-xs) !important;
-}
-.mr-sm {
-  margin-right: var(--spacing-sm) !important;
-}
-.mr-md {
-  margin-right: var(--spacing-md) !important;
-}
-.mr-lg {
-  margin-right: var(--spacing-lg) !important;
-}
-.mr-xl {
-  margin-right: var(--spacing-xl) !important;
-}
-.mr-2xl {
-  margin-right: var(--spacing-2xl) !important;
-}
-.mr-3xl {
-  margin-right: var(--spacing-3xl) !important;
-}
-.mr-4xl {
-  margin-right: var(--spacing-4xl) !important;
-}
-.mr-auto {
-  margin-right: auto;
-}
-/* margin-bottom */
-.mb-none {
-  margin-bottom: 0px !important;
-}
-.mb-4xs {
-  margin-bottom: var(--spacing-4xs) !important;
-}
-.mb-3xs {
-  margin-bottom: var(--spacing-3xs) !important;
-}
-.mb-2xs {
-  margin-bottom: var(--spacing-2xs) !important;
-}
-.mb-xs {
-  margin-bottom: var(--spacing-xs) !important;
-}
-.mb-sm {
-  margin-bottom: var(--spacing-sm) !important;
-}
-.mb-md {
-  margin-bottom: var(--spacing-md) !important;
-}
-.mb-lg {
-  margin-bottom: var(--spacing-lg) !important;
-}
-.mb-xl {
-  margin-bottom: var(--spacing-xl) !important;
-}
-.mb-2xl {
-  margin-bottom: var(--spacing-2xl) !important;
-}
-.mb-3xl {
-  margin-bottom: var(--spacing-3xl) !important;
-}
-.mb-4xl {
-  margin-bottom: var(--spacing-4xl) !important;
-}
-/* margin-left */
-.ml-none {
-  margin-left: 0px !important;
-}
-.ml-4xs {
-  margin-left: var(--spacing-4xs) !important;
-}
-.ml-3xs {
-  margin-left: var(--spacing-3xs) !important;
-}
-.ml-2xs {
-  margin-left: var(--spacing-2xs) !important;
-}
-.ml-xs {
-  margin-left: var(--spacing-xs) !important;
-}
-.ml-sm {
-  margin-left: var(--spacing-sm) !important;
-}
-.ml-md {
-  margin-left: var(--spacing-md) !important;
-}
-.ml-lg {
-  margin-left: var(--spacing-lg) !important;
-}
-.ml-xl {
-  margin-left: var(--spacing-xl) !important;
-}
-.ml-2xl {
-  margin-left: var(--spacing-2xl) !important;
-}
-.ml-3xl {
-  margin-left: var(--spacing-3xl) !important;
-}
-.ml-4xl {
-  margin-left: var(--spacing-4xl) !important;
-}
-.ml-auto {
-  margin-left: auto;
-}
-/* horizontal margin */
-.mx-none {
-  margin-left: 0px !important;
-  margin-right: 0px !important;
-}
-.mx-4xs {
-  margin-left: var(--spacing-4xs) !important;
-  margin-right: var(--spacing-4xs) !important;
-}
-.mx-3xs {
-  margin-left: var(--spacing-3xs) !important;
-  margin-right: var(--spacing-3xs) !important;
-}
-.mx-2xs {
-  margin-left: var(--spacing-2xs) !important;
-  margin-right: var(--spacing-2xs) !important;
-}
-.mx-xs {
-  margin-left: var(--spacing-xs) !important;
-  margin-right: var(--spacing-xs) !important;
-}
-.mx-sm {
-  margin-left: var(--spacing-sm) !important;
-  margin-right: var(--spacing-sm) !important;
-}
-.mx-md {
-  margin-left: var(--spacing-md) !important;
-  margin-right: var(--spacing-md) !important;
-}
-.mx-lg {
-  margin-left: var(--spacing-lg) !important;
-  margin-right: var(--spacing-lg) !important;
-}
-.mx-xl {
-  margin-left: var(--spacing-xl) !important;
-  margin-right: var(--spacing-xl) !important;
-}
-.mx-2xl {
-  margin-left: var(--spacing-2xl) !important;
-  margin-right: var(--spacing-2xl) !important;
-}
-.mx-3xl {
-  margin-left: var(--spacing-3xl) !important;
-  margin-right: var(--spacing-3xl) !important;
-}
-.mx-4xl {
-  margin-left: var(--spacing-4xl) !important;
-  margin-right: var(--spacing-4xl) !important;
-}
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-/* vertical margin */
-.my-none {
-  margin-top: 0px !important;
-  margin-bottom: 0px !important;
-}
-.my-4xs {
-  margin-top: var(--spacing-4xs) !important;
-  margin-bottom: var(--spacing-4xs) !important;
-}
-.my-3xs {
-  margin-top: var(--spacing-3xs) !important;
-  margin-bottom: var(--spacing-3xs) !important;
-}
-.my-2xs {
-  margin-top: var(--spacing-2xs) !important;
-  margin-bottom: var(--spacing-2xs) !important;
-}
-.my-xs {
-  margin-top: var(--spacing-xs) !important;
-  margin-bottom: var(--spacing-xs) !important;
-}
-.my-sm {
-  margin-top: var(--spacing-sm) !important;
-  margin-bottom: var(--spacing-sm) !important;
-}
-.my-md {
-  margin-top: var(--spacing-md) !important;
-  margin-bottom: var(--spacing-md) !important;
-}
-.my-lg {
-  margin-top: var(--spacing-lg) !important;
-  margin-bottom: var(--spacing-lg) !important;
-}
-.my-xl {
-  margin-top: var(--spacing-xl) !important;
-  margin-bottom: var(--spacing-xl) !important;
-}
-.my-2xl {
-  margin-top: var(--spacing-2xl) !important;
-  margin-bottom: var(--spacing-2xl) !important;
-}
-.my-3xl {
-  margin-top: var(--spacing-3xl) !important;
-  margin-bottom: var(--spacing-3xl) !important;
-}
-.my-4xl {
-  margin-top: var(--spacing-4xl) !important;
-  margin-bottom: var(--spacing-4xl) !important;
-}
-/* vertical and horizontal */
-.m-none {
-  margin: 0px !important;
-}
-.m-4xs {
-  margin: var(--spacing-4xs) !important;
-}
-.m-3xs {
-  margin: var(--spacing-3xs) !important;
-}
-.m-2xs {
-  margin: var(--spacing-2xs) !important;
-}
-.m-xs {
-  margin: var(--spacing-xs) !important;
-}
-.m-sm {
-  margin: var(--spacing-sm) !important;
-}
-.m-md {
-  margin: var(--spacing-md) !important;
-}
-.m-lg {
-  margin: var(--spacing-lg) !important;
-}
-.m-xl {
-  margin: var(--spacing-xl) !important;
-}
-.m-2xl {
-  margin: var(--spacing-2xl) !important;
-}
-.m-3xl {
-  margin: var(--spacing-3xl) !important;
-}
-.m-4xl {
-  margin: var(--spacing-4xl) !important;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}