@kofile/gds-foundations 0.0.10 → 1.0.0-alpha

package/build/css/utilities/border-radius.css

@@ -0,0 +1,455 @@
+.rounded-none {
+  border-radius: var(--border-radius-none, 0) !important;
+}
+.rounded-2xs {
+  border-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+.rounded-xs {
+  border-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+.rounded-sm {
+  border-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+.rounded-md {
+  border-radius: var(--border-radius-md, 0.5rem) !important;
+}
+.rounded-lg {
+  border-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+.rounded-xl {
+  border-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-s-none {
+  border-start-start-radius: var(--border-radius-none, 0) !important;
+  border-end-start-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-s-2xs {
+  border-start-start-radius: var(--border-radius-2xs, 0.125rem) !important;
+  border-end-start-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-s-xs {
+  border-start-start-radius: var(--border-radius-xs, 0.25rem) !important;
+  border-end-start-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-s-sm {
+  border-start-start-radius: var(--border-radius-sm, 0.375rem) !important;
+  border-end-start-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-s-md {
+  border-start-start-radius: var(--border-radius-md, 0.5rem) !important;
+  border-end-start-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-s-lg {
+  border-start-start-radius: var(--border-radius-lg, 0.75rem) !important;
+  border-end-start-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-s-xl {
+  border-start-start-radius: var(--border-radius-xl, 1rem) !important;
+  border-end-start-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-e-none {
+  border-start-end-radius: var(--border-radius-none, 0) !important;
+  border-end-end-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-e-2xs {
+  border-start-end-radius: var(--border-radius-2xs, 0.125rem) !important;
+  border-end-end-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-e-xs {
+  border-start-end-radius: var(--border-radius-xs, 0.25rem) !important;
+  border-end-end-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-e-sm {
+  border-start-end-radius: var(--border-radius-sm, 0.375rem) !important;
+  border-end-end-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-e-md {
+  border-start-end-radius: var(--border-radius-md, 0.5rem) !important;
+  border-end-end-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-e-lg {
+  border-start-end-radius: var(--border-radius-lg, 0.75rem) !important;
+  border-end-end-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-e-xl {
+  border-start-end-radius: var(--border-radius-xl, 1rem) !important;
+  border-end-end-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-t-none {
+  border-top-left-radius: var(--border-radius-none, 0) !important;
+  border-top-right-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-t-2xs {
+  border-top-left-radius: var(--border-radius-2xs, 0.125rem) !important;
+  border-top-right-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-t-xs {
+  border-top-left-radius: var(--border-radius-xs, 0.25rem) !important;
+  border-top-right-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-t-sm {
+  border-top-left-radius: var(--border-radius-sm, 0.375rem) !important;
+  border-top-right-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-t-md {
+  border-top-left-radius: var(--border-radius-md, 0.5rem) !important;
+  border-top-right-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-t-lg {
+  border-top-left-radius: var(--border-radius-lg, 0.75rem) !important;
+  border-top-right-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-t-xl {
+  border-top-left-radius: var(--border-radius-xl, 1rem) !important;
+  border-top-right-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-b-none {
+  border-bottom-left-radius: var(--border-radius-none, 0) !important;
+  border-bottom-right-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-b-2xs {
+  border-bottom-left-radius: var(--border-radius-2xs, 0.125rem) !important;
+  border-bottom-right-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-b-xs {
+  border-bottom-left-radius: var(--border-radius-xs, 0.25rem) !important;
+  border-bottom-right-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-b-sm {
+  border-bottom-left-radius: var(--border-radius-sm, 0.375rem) !important;
+  border-bottom-right-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-b-md {
+  border-bottom-left-radius: var(--border-radius-md, 0.5rem) !important;
+  border-bottom-right-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-b-lg {
+  border-bottom-left-radius: var(--border-radius-lg, 0.75rem) !important;
+  border-bottom-right-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-b-xl {
+  border-bottom-left-radius: var(--border-radius-xl, 1rem) !important;
+  border-bottom-right-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-r-none {
+  border-top-right-radius: var(--border-radius-none, 0) !important;
+  border-bottom-right-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-r-2xs {
+  border-top-right-radius: var(--border-radius-2xs, 0.125rem) !important;
+  border-bottom-right-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-r-xs {
+  border-top-right-radius: var(--border-radius-xs, 0.25rem) !important;
+  border-bottom-right-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-r-sm {
+  border-top-right-radius: var(--border-radius-sm, 0.375rem) !important;
+  border-bottom-right-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-r-md {
+  border-top-right-radius: var(--border-radius-md, 0.5rem) !important;
+  border-bottom-right-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-r-lg {
+  border-top-right-radius: var(--border-radius-lg, 0.75rem) !important;
+  border-bottom-right-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-r-xl {
+  border-top-right-radius: var(--border-radius-xl, 1rem) !important;
+  border-bottom-right-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-l-none {
+  border-top-left-radius: var(--border-radius-none, 0) !important;
+  border-bottom-left-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-l-2xs {
+  border-top-left-radius: var(--border-radius-2xs, 0.125rem) !important;
+  border-bottom-left-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-l-xs {
+  border-top-left-radius: var(--border-radius-xs, 0.25rem) !important;
+  border-bottom-left-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-l-sm {
+  border-top-left-radius: var(--border-radius-sm, 0.375rem) !important;
+  border-bottom-left-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-l-md {
+  border-top-left-radius: var(--border-radius-md, 0.5rem) !important;
+  border-bottom-left-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-l-lg {
+  border-top-left-radius: var(--border-radius-lg, 0.75rem) !important;
+  border-bottom-left-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-l-xl {
+  border-top-left-radius: var(--border-radius-xl, 1rem) !important;
+  border-bottom-left-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-ss-none {
+  border-start-start-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-ss-2xs {
+  border-start-start-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-ss-xs {
+  border-start-start-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-ss-sm {
+  border-start-start-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-ss-md {
+  border-start-start-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-ss-lg {
+  border-start-start-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-ss-xl {
+  border-start-start-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-se-none {
+  border-start-end-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-se-2xs {
+  border-start-end-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-se-xs {
+  border-start-end-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-se-sm {
+  border-start-end-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-se-md {
+  border-start-end-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-se-lg {
+  border-start-end-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-se-xl {
+  border-start-end-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-es-none {
+  border-end-start-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-es-2xs {
+  border-end-start-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-es-xs {
+  border-end-start-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-es-sm {
+  border-end-start-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-es-md {
+  border-end-start-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-es-lg {
+  border-end-start-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-es-xl {
+  border-end-start-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-ee-none {
+  border-end-end-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-ee-2xs {
+  border-end-end-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-ee-xs {
+  border-end-end-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-ee-sm {
+  border-end-end-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-ee-md {
+  border-end-end-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-ee-lg {
+  border-end-end-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-ee-xl {
+  border-end-end-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-tl-none {
+  border-top-left-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-tl-2xs {
+  border-top-left-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-tl-xs {
+  border-top-left-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-tl-sm {
+  border-top-left-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-tl-md {
+  border-top-left-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-tl-lg {
+  border-top-left-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-tl-xl {
+  border-top-left-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-tr-none {
+  border-top-right-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-tr-2xs {
+  border-top-right-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-tr-xs {
+  border-top-right-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-tr-sm {
+  border-top-right-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-tr-md {
+  border-top-right-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-tr-lg {
+  border-top-right-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-tr-xl {
+  border-top-right-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-bl-none {
+  border-bottom-left-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-bl-2xs {
+  border-bottom-left-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-bl-xs {
+  border-bottom-left-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-bl-sm {
+  border-bottom-left-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-bl-md {
+  border-bottom-left-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-bl-lg {
+  border-bottom-left-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-bl-xl {
+  border-bottom-left-radius: var(--border-radius-xl, 1rem) !important;
+}
+
+.rounded-br-none {
+  border-bottom-right-radius: var(--border-radius-none, 0) !important;
+}
+
+.rounded-br-2xs {
+  border-bottom-right-radius: var(--border-radius-2xs, 0.125rem) !important;
+}
+
+.rounded-br-xs {
+  border-bottom-right-radius: var(--border-radius-xs, 0.25rem) !important;
+}
+
+.rounded-br-sm {
+  border-bottom-right-radius: var(--border-radius-sm, 0.375rem) !important;
+}
+
+.rounded-br-md {
+  border-bottom-right-radius: var(--border-radius-md, 0.5rem) !important;
+}
+
+.rounded-br-lg {
+  border-bottom-right-radius: var(--border-radius-lg, 0.75rem) !important;
+}
+
+.rounded-br-xl {
+  border-bottom-right-radius: var(--border-radius-xl, 1rem) !important;
+}

package/build/css/utilities/border-style.css

@@ -0,0 +1,18 @@
+.border-solid {
+  border-style: solid !important;
+}
+.border-dashed {
+  border-style: dashed !important;
+}
+.border-dotted {
+  border-style: dotted !important;
+}
+.border-double {
+  border-style: double !important;
+}
+.border-hidden {
+  border-style: hidden !important;
+}
+.border-none {
+  border-style: none !important;
+}

package/build/css/utilities/border-width.css

@@ -0,0 +1,127 @@
+/* Border Width Utility Classes */
+.border-none {
+  border-width: var(--border-width-none) !important;
+}
+.border-sm {
+  border-width: var(--border-width-sm) !important;
+}
+.border-md {
+  border-width: var(--border-width-md) !important;
+}
+.border-lg {
+  border-width: var(--border-width-lg) !important;
+}
+
+/* Horizontal Border Width (Left and Right) */
+.border-x-none {
+  border-left-width: var(--border-width-none) !important;
+  border-right-width: var(--border-width-none) !important;
+}
+.border-x-sm {
+  border-left-width: var(--border-width-sm) !important;
+  border-right-width: var(--border-width-sm) !important;
+}
+.border-x-md {
+  border-left-width: var(--border-width-md) !important;
+  border-right-width: var(--border-width-md) !important;
+}
+.border-x-lg {
+  border-left-width: var(--border-width-lg) !important;
+  border-right-width: var(--border-width-lg) !important;
+}
+
+/* Vertical Border Width (Top and Bottom) */
+.border-y-none {
+  border-top-width: var(--border-width-none) !important;
+  border-bottom-width: var(--border-width-none) !important;
+}
+.border-y-sm {
+  border-top-width: var(--border-width-sm) !important;
+  border-bottom-width: var(--border-width-sm) !important;
+}
+.border-y-md {
+  border-top-width: var(--border-width-md) !important;
+  border-bottom-width: var(--border-width-md) !important;
+}
+.border-y-lg {
+  border-top-width: var(--border-width-lg) !important;
+  border-bottom-width: var(--border-width-lg) !important;
+}
+
+/* Inline Start Border Width */
+.border-s-none {
+  border-inline-start-width: var(--border-width-none) !important;
+}
+.border-s-sm {
+  border-inline-start-width: var(--border-width-sm) !important;
+}
+.border-s-md {
+  border-inline-start-width: var(--border-width-md) !important;
+}
+.border-s-lg {
+  border-inline-start-width: var(--border-width-lg) !important;
+}
+
+/* Inline End Border Width */
+.border-e-none {
+  border-inline-end-width: var(--border-width-none) !important;
+}
+.border-e-sm {
+  border-inline-end-width: var(--border-width-sm) !important;
+}
+.border-e-md {
+  border-inline-end-width: var(--border-width-md) !important;
+}
+.border-e-lg {
+  border-inline-end-width: var(--border-width-lg) !important;
+}
+
+/* Specific Side Border Width */
+.border-t-none {
+  border-top-width: var(--border-width-none) !important;
+}
+.border-t-sm {
+  border-top-width: var(--border-width-sm) !important;
+}
+.border-t-md {
+  border-top-width: var(--border-width-md) !important;
+}
+.border-t-lg {
+  border-top-width: var(--border-width-lg) !important;
+}
+.border-r-none {
+  border-right-width: var(--border-width-none) !important;
+}
+.border-r-sm {
+  border-right-width: var(--border-width-sm) !important;
+}
+.border-r-md {
+  border-right-width: var(--border-width-md) !important;
+}
+.border-r-lg {
+  border-right-width: var(--border-width-lg) !important;
+}
+.border-b-none {
+  border-bottom-width: var(--border-width-none) !important;
+}
+.border-b-sm {
+  border-bottom-width: var(--border-width-sm) !important;
+}
+.border-b-md {
+  border-bottom-width: var(--border-width-md) !important;
+}
+.border-b-lg {
+  border-bottom-width: var(--border-width-lg) !important;
+}
+.border-l-none {
+  border-left-width: var(--border-width-none) !important;
+}
+.border-l-sm {
+  border-left-width: var(--border-width-sm) !important;
+}
+.border-l-md {
+  border-left-width: var(--border-width-md) !important;
+}
+.border-l-lg {
+  border-left-width: var(--border-width-lg) !important;
+}

package/build/css/utilities/cursor.css

@@ -0,0 +1,31 @@
+.cursor-auto {
+  cursor: auto !important;
+}
+
+.cursor-default {
+  cursor: default !important;
+}
+
+.cursor-pointer {
+  cursor: pointer !important;
+}
+
+.cursor-wait {
+  cursor: wait !important;
+}
+
+.cursor-text {
+  cursor: text !important;
+}
+
+.cursor-move {
+  cursor: move !important;
+}
+
+.cursor-help {
+  cursor: help !important;
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed !important;
+}

package/build/css/utilities/display.css

@@ -1,5 +1,3 @@
-/* Display Utilities */
-
 .block {
   display: block !important;
 }

package/build/css/utilities/flex-shrink.css

@@ -0,0 +1,6 @@
+.shrink-0 {
+  flex-shrink: 0;
+}
+.shrink-1 {
+  flex-shrink: 1;
+}

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

@@ -0,0 +1,12 @@
+.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

@@ -0,0 +1,42 @@
+.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;
+}