@kofile/gds-foundations 1.0.0-alpha.9 → 1.1.0

package/build/css/utilities/flex.css

@@ -1,198 +0,0 @@
-/* flex-direction */
-.flex-row {
-  flex-direction: row !important;
-}
-.flex-row-reverse {
-  flex-direction: row-reverse !important;
-}
-.flex-col {
-  flex-direction: column !important;
-}
-.flex-col-reverse {
-  flex-direction: column-reverse !important;
-}
-/* flex-wrap */
-.flex-wrap {
-  flex-wrap: wrap !important;
-}
-.flex-nowrap {
-  flex-wrap: nowrap !important;
-}
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse !important;
-}
-/* justify-content*/
-.justify-normal: {
-  justify-content: normal !important;
-}
-.justify-start {
-  justify-content: flex-start !important;
-}
-.justify-end {
-  justify-content: flex-end !important;
-}
-.justify-center {
-  justify-content: center !important;
-}
-.justify-between {
-  justify-content: space-between !important;
-}
-.justify-around {
-  justify-content: space-around !important;
-}
-.justify-evenly {
-  justify-content: space-evenly !important;
-}
-.justify-stretch {
-  justify-content: stretch !important;
-}
-/* justify-self */
-.justify-self-auto {
-  justify-self: auto !important;
-}
-.justify-self-start {
-  justify-self: flex-start !important;
-}
-.justify-self-end {
-  justify-self: flex-end !important;
-}
-.justify-self-center {
-  justify-self: center !important;
-}
-.justify-self-stretch {
-  justify-self: stretch !important;
-}
-/* justify-items */
-.justify-items-start {
-  justify-items: flex-start !important;
-}
-.justify-items-end {
-  justify-items: flex-end !important;
-}
-.justify-items-center {
-  justify-items: center !important;
-}
-.justify-items-stretch {
-  justify-items: stretch !important;
-}
-/* align-self */
-.self-auto {
-  align-self: auto !important;
-}
-.self-start {
-  align-self: flex-start !important;
-}
-.self-end {
-  align-self: flex-end !important;
-}
-.self-center {
-  align-self: center !important;
-}
-.self-stretch {
-  align-self: stretch !important;
-}
-.self-baseline {
-  align-self: baseline !important;
-}
-/* align */
-.items-start {
-  align-items: flex-start !important;
-}
-.items-end {
-  align-items: flex-end !important;
-}
-.items-center {
-  align-items: center !important;
-}
-.items-baseline {
-  align-items: baseline !important;
-}
-.items-stretch {
-  align-items: stretch !important;
-}
-/* align-content */
-.content-normal {
-  align-content: normal !important;
-}
-.content-center {
-  align-content: center !important;
-}
-.content-start {
-  align-content: flex-start !important;
-}
-.content-end {
-  align-content: flex-end !important;
-}
-.content-between {
-  align-content: space-between !important;
-}
-.content-around {
-  align-content: space-around !important;
-}
-.content-evenly {
-  align-content: space-evenly !important;
-}
-.content-baseline {
-  align-content: baseline !important;
-}
-.content-stretch {
-  align-content: stretch !important;
-}
-
-/* place-content */
-.place-content-center {
-  place-content: center !important;
-}
-.place-content-start {
-  place-content: start !important;
-}
-.place-content-end {
-  place-content: end !important;
-}
-.place-content-between {
-  place-content: space-between !important;
-}
-.place-content-around {
-  place-content: space-around !important;
-}
-.place-content-evenly {
-  place-content: space-evenly !important;
-}
-.place-content-baseline {
-  place-content: baseline !important;
-}
-.place-content-stretch {
-  place-content: stretch !important;
-}
-/* place-items */
-.place-items-start {
-  place-items: start !important;
-}
-.place-items-end {
-  place-items: end !important;
-}
-.place-items-center {
-  place-items: center !important;
-}
-.place-items-baseline {
-  place-items: baseline !important;
-}
-.place-items-stretch {
-  place-items: stretch !important;
-}
-/* place-self */
-.place-self-auto {
-  place-self: auto !important;
-}
-.place-self-start {
-  place-self: start !important;
-}
-.place-self-end {
-  place-self: end !important;
-}
-.place-self-center {
-  place-self: center !important;
-}
-.place-self-stretch {
-  place-self: stretch !important;
-}

package/build/css/utilities/font.css

@@ -1,131 +0,0 @@
-/* Font Size 3XS */
-.fs-3xs-regular {
-  font: var(--font-size-3xs-regular) !important;
-}
-.fs-3xs-semibold {
-  font: var(--font-size-3xs-semibold) !important;
-}
-.fs-3xs-bold {
-  font: var(--font-size-3xs-bold) !important;
-}
-
-/* Font Size 2XS */
-.fs-2xs-regular {
-  font: var(--font-size-2xs-regular) !important;
-}
-.fs-2xs-semibold {
-  font: var(--font-size-2xs-semibold) !important;
-}
-.fs-2xs-bold {
-  font: var(--font-size-2xs-bold) !important;
-}
-
-/* Font Size XS */
-.fs-xs-regular {
-  font: var(--font-size-xs-regular) !important;
-}
-.fs-xs-semibold {
-  font: var(--font-size-xs-semibold) !important;
-}
-.fs-xs-bold {
-  font: var(--font-size-xs-bold) !important;
-}
-
-/* Font Size SM */
-.fs-sm-regular {
-  font: var(--font-size-sm-regular) !important;
-}
-.fs-sm-semibold {
-  font: var(--font-size-sm-semibold) !important;
-}
-.fs-sm-bold {
-  font: var(--font-size-sm-bold) !important;
-}
-
-/* Font Size MD */
-.fs-md-regular {
-  font: var(--font-size-md-regular) !important;
-}
-.fs-md-semibold {
-  font: var(--font-size-md-semibold) !important;
-}
-.fs-md-bold {
-  font: var(--font-size-md-bold) !important;
-}
-
-/* Font Size LG */
-.fs-lg-regular {
-  font: var(--font-size-lg-regular) !important;
-}
-.fs-lg-semibold {
-  font: var(--font-size-lg-semibold) !important;
-}
-.fs-lg-bold {
-  font: var(--font-size-lg-bold) !important;
-}
-
-/* Font Size XL */
-.fs-xl-regular {
-  font: var(--font-size-xl-regular) !important;
-}
-.fs-xl-semibold {
-  font: var(--font-size-xl-semibold) !important;
-}
-.fs-xl-bold {
-  font: var(--font-size-xl-bold) !important;
-}
-
-/* Font Size 2XL */
-.fs-2xl-regular {
-  font: var(--font-size-2xl-regular) !important;
-}
-.fs-2xl-semibold {
-  font: var(--font-size-2xl-semibold) !important;
-}
-.fs-2xl-bold {
-  font: var(--font-size-2xl-bold) !important;
-}
-
-/* Font Size 3XL */
-.fs-3xl-regular {
-  font: var(--font-size-3xl-regular) !important;
-}
-.fs-3xl-semibold {
-  font: var(--font-size-3xl-semibold) !important;
-}
-.fs-3xl-bold {
-  font: var(--font-size-3xl-bold) !important;
-}
-
-/* Font Size 4XL */
-.fs-4xl-regular {
-  font: var(--font-size-4xl-regular) !important;
-}
-.fs-4xl-semibold {
-  font: var(--font-size-4xl-semibold) !important;
-}
-.fs-4xl-bold {
-  font: var(--font-size-4xl-bold) !important;
-}
-
-/* Font Size 5XL */
-.fs-5xl-regular {
-  font: var(--font-size-5xl-regular) !important;
-}
-.fs-5xl-semibold {
-  font: var(--font-size-5xl-semibold) !important;
-}
-.fs-5xl-bold {
-  font: var(--font-size-5xl-bold) !important;
-}
-
-/* Font Size 6XL */
-.fs-6xl-regular {
-  font: var(--font-size-6xl-regular) !important;
-}
-.fs-6xl-semibold {
-  font: var(--font-size-6xl-semibold) !important;
-}
-.fs-6xl-bold {
-  font: var(--font-size-6xl-bold) !important;
-}

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,123 +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-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,30 +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 "./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 "./text-overflow.css"; */
-/* @import "./text-transform.css"; */
-/* @import "./vertical-align.css"; */
-/* @import "./white-space.css"; */
-/* @import "./width.css"; */