@kofile/gds-foundations 0.0.11 → 1.0.0-alpha

package/build/css/utilities/background-color.css

@@ -0,0 +1,284 @@
+.bg-gray-100 {
+  background-color: var(--primitive-gray-100) !important;
+}
+.bg-gray-200 {
+  background-color: var(--primitive-gray-200) !important;
+}
+.bg-gray-300 {
+  background-color: var(--primitive-gray-300) !important;
+}
+.bg-gray-400 {
+  background-color: var(--primitive-gray-400) !important;
+}
+.bg-gray-500 {
+  background-color: var(--primitive-gray-500) !important;
+}
+.bg-gray-600 {
+  background-color: var(--primitive-gray-600) !important;
+}
+.bg-gray-700 {
+  background-color: var(--primitive-gray-700) !important;
+}
+.bg-gray-800 {
+  background-color: var(--primitive-gray-800) !important;
+}
+.bg-gray-900 {
+  background-color: var(--primitive-gray-900) !important;
+}
+.bg-gray-1000 {
+  background-color: var(--primitive-gray-1000) !important;
+}
+.bg-gray-black {
+  background-color: var(--primitive-gray-black) !important;
+}
+.bg-gray-white {
+  background-color: var(--primitive-gray-white) !important;
+}
+
+.bg-blue-100 {
+  background-color: var(--primitive-blue-100) !important;
+}
+.bg-blue-200 {
+  background-color: var(--primitive-blue-200) !important;
+}
+.bg-blue-300 {
+  background-color: var(--primitive-blue-300) !important;
+}
+.bg-blue-400 {
+  background-color: var(--primitive-blue-400) !important;
+}
+.bg-blue-500 {
+  background-color: var(--primitive-blue-500) !important;
+}
+.bg-blue-600 {
+  background-color: var(--primitive-blue-600) !important;
+}
+.bg-blue-700 {
+  background-color: var(--primitive-blue-700) !important;
+}
+.bg-blue-800 {
+  background-color: var(--primitive-blue-800) !important;
+}
+.bg-blue-900 {
+  background-color: var(--primitive-blue-900) !important;
+}
+.bg-blue-1000 {
+  background-color: var(--primitive-blue-1000) !important;
+}
+
+.bg-red-100 {
+  background-color: var(--primitive-red-100) !important;
+}
+.bg-red-200 {
+  background-color: var(--primitive-red-200) !important;
+}
+.bg-red-300 {
+  background-color: var(--primitive-red-300) !important;
+}
+.bg-red-400 {
+  background-color: var(--primitive-red-400) !important;
+}
+.bg-red-500 {
+  background-color: var(--primitive-red-500) !important;
+}
+.bg-red-600 {
+  background-color: var(--primitive-red-600) !important;
+}
+.bg-red-700 {
+  background-color: var(--primitive-red-700) !important;
+}
+.bg-red-800 {
+  background-color: var(--primitive-red-800) !important;
+}
+.bg-red-900 {
+  background-color: var(--primitive-red-900) !important;
+}
+.bg-red-1000 {
+  background-color: var(--primitive-red-1000) !important;
+}
+
+.bg-green-100 {
+  background-color: var(--primitive-green-100) !important;
+}
+.bg-green-200 {
+  background-color: var(--primitive-green-200) !important;
+}
+.bg-green-300 {
+  background-color: var(--primitive-green-300) !important;
+}
+.bg-green-400 {
+  background-color: var(--primitive-green-400) !important;
+}
+.bg-green-500 {
+  background-color: var(--primitive-green-500) !important;
+}
+.bg-green-600 {
+  background-color: var(--primitive-green-600) !important;
+}
+.bg-green-700 {
+  background-color: var(--primitive-green-700) !important;
+}
+.bg-green-800 {
+  background-color: var(--primitive-green-800) !important;
+}
+.bg-green-900 {
+  background-color: var(--primitive-green-900) !important;
+}
+.bg-green-1000 {
+  background-color: var(--primitive-green-1000) !important;
+}
+
+.bg-orange-100 {
+  background-color: var(--primitive-orange-100) !important;
+}
+.bg-orange-200 {
+  background-color: var(--primitive-orange-200) !important;
+}
+.bg-orange-300 {
+  background-color: var(--primitive-orange-300) !important;
+}
+.bg-orange-400 {
+  background-color: var(--primitive-orange-400) !important;
+}
+.bg-orange-500 {
+  background-color: var(--primitive-orange-500) !important;
+}
+.bg-orange-600 {
+  background-color: var(--primitive-orange-600) !important;
+}
+.bg-orange-700 {
+  background-color: var(--primitive-orange-700) !important;
+}
+.bg-orange-800 {
+  background-color: var(--primitive-orange-800) !important;
+}
+.bg-orange-900 {
+  background-color: var(--primitive-orange-900) !important;
+}
+.bg-orange-1000 {
+  background-color: var(--primitive-orange-1000) !important;
+}
+
+.bg-yellow-100 {
+  background-color: var(--primitive-yellow-100) !important;
+}
+.bg-yellow-200 {
+  background-color: var(--primitive-yellow-200) !important;
+}
+.bg-yellow-300 {
+  background-color: var(--primitive-yellow-300) !important;
+}
+.bg-yellow-400 {
+  background-color: var(--primitive-yellow-400) !important;
+}
+.bg-yellow-500 {
+  background-color: var(--primitive-yellow-500) !important;
+}
+.bg-yellow-600 {
+  background-color: var(--primitive-yellow-600) !important;
+}
+.bg-yellow-700 {
+  background-color: var(--primitive-yellow-700) !important;
+}
+.bg-yellow-800 {
+  background-color: var(--primitive-yellow-800) !important;
+}
+.bg-yellow-900 {
+  background-color: var(--primitive-yellow-900) !important;
+}
+.bg-yellow-1000 {
+  background-color: var(--primitive-yellow-1000) !important;
+}
+
+.bg-purple-100 {
+  background-color: var(--primitive-purple-100) !important;
+}
+.bg-purple-200 {
+  background-color: var(--primitive-purple-200) !important;
+}
+.bg-purple-300 {
+  background-color: var(--primitive-purple-300) !important;
+}
+.bg-purple-400 {
+  background-color: var(--primitive-purple-400) !important;
+}
+.bg-purple-500 {
+  background-color: var(--primitive-purple-500) !important;
+}
+.bg-purple-600 {
+  background-color: var(--primitive-purple-600) !important;
+}
+.bg-purple-700 {
+  background-color: var(--primitive-purple-700) !important;
+}
+.bg-purple-800 {
+  background-color: var(--primitive-purple-800) !important;
+}
+.bg-purple-900 {
+  background-color: var(--primitive-purple-900) !important;
+}
+.bg-purple-1000 {
+  background-color: var(--primitive-purple-1000) !important;
+}
+
+.bg-magenta-100 {
+  background-color: var(--primitive-magenta-100) !important;
+}
+.bg-magenta-200 {
+  background-color: var(--primitive-magenta-200) !important;
+}
+.bg-magenta-300 {
+  background-color: var(--primitive-magenta-300) !important;
+}
+.bg-magenta-400 {
+  background-color: var(--primitive-magenta-400) !important;
+}
+.bg-magenta-500 {
+  background-color: var(--primitive-magenta-500) !important;
+}
+.bg-magenta-600 {
+  background-color: var(--primitive-magenta-600) !important;
+}
+.bg-magenta-700 {
+  background-color: var(--primitive-magenta-700) !important;
+}
+.bg-magenta-800 {
+  background-color: var(--primitive-magenta-800) !important;
+}
+.bg-magenta-900 {
+  background-color: var(--primitive-magenta-900) !important;
+}
+.bg-magenta-1000 {
+  background-color: var(--primitive-magenta-1000) !important;
+}
+
+.bg-teal-100 {
+  background-color: var(--primitive-teal-100) !important;
+}
+.bg-teal-200 {
+  background-color: var(--primitive-teal-200) !important;
+}
+.bg-teal-300 {
+  background-color: var(--primitive-teal-300) !important;
+}
+.bg-teal-400 {
+  background-color: var(--primitive-teal-400) !important;
+}
+.bg-teal-500 {
+  background-color: var(--primitive-teal-500) !important;
+}
+.bg-teal-600 {
+  background-color: var(--primitive-teal-600) !important;
+}
+.bg-teal-700 {
+  background-color: var(--primitive-teal-700) !important;
+}
+.bg-teal-800 {
+  background-color: var(--primitive-teal-800) !important;
+}
+.bg-teal-900 {
+  background-color: var(--primitive-teal-900) !important;
+}
+.bg-teal-1000 {
+  background-color: var(--primitive-teal-1000) !important;
+}

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

@@ -0,0 +1,284 @@
+.border-gray-100 {
+  border-color: var(--primitive-gray-100) !important;
+}
+.border-gray-200 {
+  border-color: var(--primitive-gray-200) !important;
+}
+.border-gray-300 {
+  border-color: var(--primitive-gray-300) !important;
+}
+.border-gray-400 {
+  border-color: var(--primitive-gray-400) !important;
+}
+.border-gray-500 {
+  border-color: var(--primitive-gray-500) !important;
+}
+.border-gray-600 {
+  border-color: var(--primitive-gray-600) !important;
+}
+.border-gray-700 {
+  border-color: var(--primitive-gray-700) !important;
+}
+.border-gray-800 {
+  border-color: var(--primitive-gray-800) !important;
+}
+.border-gray-900 {
+  border-color: var(--primitive-gray-900) !important;
+}
+.border-gray-1000 {
+  border-color: var(--primitive-gray-1000) !important;
+}
+.border-gray-black {
+  border-color: var(--primitive-gray-black) !important;
+}
+.border-gray-white {
+  border-color: var(--primitive-gray-white) !important;
+}
+
+.border-blue-100 {
+  border-color: var(--primitive-blue-100) !important;
+}
+.border-blue-200 {
+  border-color: var(--primitive-blue-200) !important;
+}
+.border-blue-300 {
+  border-color: var(--primitive-blue-300) !important;
+}
+.border-blue-400 {
+  border-color: var(--primitive-blue-400) !important;
+}
+.border-blue-500 {
+  border-color: var(--primitive-blue-500) !important;
+}
+.border-blue-600 {
+  border-color: var(--primitive-blue-600) !important;
+}
+.border-blue-700 {
+  border-color: var(--primitive-blue-700) !important;
+}
+.border-blue-800 {
+  border-color: var(--primitive-blue-800) !important;
+}
+.border-blue-900 {
+  border-color: var(--primitive-blue-900) !important;
+}
+.border-blue-1000 {
+  border-color: var(--primitive-blue-1000) !important;
+}
+
+.border-red-100 {
+  border-color: var(--primitive-red-100) !important;
+}
+.border-red-200 {
+  border-color: var(--primitive-red-200) !important;
+}
+.border-red-300 {
+  border-color: var(--primitive-red-300) !important;
+}
+.border-red-400 {
+  border-color: var(--primitive-red-400) !important;
+}
+.border-red-500 {
+  border-color: var(--primitive-red-500) !important;
+}
+.border-red-600 {
+  border-color: var(--primitive-red-600) !important;
+}
+.border-red-700 {
+  border-color: var(--primitive-red-700) !important;
+}
+.border-red-800 {
+  border-color: var(--primitive-red-800) !important;
+}
+.border-red-900 {
+  border-color: var(--primitive-red-900) !important;
+}
+.border-red-1000 {
+  border-color: var(--primitive-red-1000) !important;
+}
+
+.border-green-100 {
+  border-color: var(--primitive-green-100) !important;
+}
+.border-green-200 {
+  border-color: var(--primitive-green-200) !important;
+}
+.border-green-300 {
+  border-color: var(--primitive-green-300) !important;
+}
+.border-green-400 {
+  border-color: var(--primitive-green-400) !important;
+}
+.border-green-500 {
+  border-color: var(--primitive-green-500) !important;
+}
+.border-green-600 {
+  border-color: var(--primitive-green-600) !important;
+}
+.border-green-700 {
+  border-color: var(--primitive-green-700) !important;
+}
+.border-green-800 {
+  border-color: var(--primitive-green-800) !important;
+}
+.border-green-900 {
+  border-color: var(--primitive-green-900) !important;
+}
+.border-green-1000 {
+  border-color: var(--primitive-green-1000) !important;
+}
+
+.border-orange-100 {
+  border-color: var(--primitive-orange-100) !important;
+}
+.border-orange-200 {
+  border-color: var(--primitive-orange-200) !important;
+}
+.border-orange-300 {
+  border-color: var(--primitive-orange-300) !important;
+}
+.border-orange-400 {
+  border-color: var(--primitive-orange-400) !important;
+}
+.border-orange-500 {
+  border-color: var(--primitive-orange-500) !important;
+}
+.border-orange-600 {
+  border-color: var(--primitive-orange-600) !important;
+}
+.border-orange-700 {
+  border-color: var(--primitive-orange-700) !important;
+}
+.border-orange-800 {
+  border-color: var(--primitive-orange-800) !important;
+}
+.border-orange-900 {
+  border-color: var(--primitive-orange-900) !important;
+}
+.border-orange-1000 {
+  border-color: var(--primitive-orange-1000) !important;
+}
+
+.border-yellow-100 {
+  border-color: var(--primitive-yellow-100) !important;
+}
+.border-yellow-200 {
+  border-color: var(--primitive-yellow-200) !important;
+}
+.border-yellow-300 {
+  border-color: var(--primitive-yellow-300) !important;
+}
+.border-yellow-400 {
+  border-color: var(--primitive-yellow-400) !important;
+}
+.border-yellow-500 {
+  border-color: var(--primitive-yellow-500) !important;
+}
+.border-yellow-600 {
+  border-color: var(--primitive-yellow-600) !important;
+}
+.border-yellow-700 {
+  border-color: var(--primitive-yellow-700) !important;
+}
+.border-yellow-800 {
+  border-color: var(--primitive-yellow-800) !important;
+}
+.border-yellow-900 {
+  border-color: var(--primitive-yellow-900) !important;
+}
+.border-yellow-1000 {
+  border-color: var(--primitive-yellow-1000) !important;
+}
+
+.border-purple-100 {
+  border-color: var(--primitive-purple-100) !important;
+}
+.border-purple-200 {
+  border-color: var(--primitive-purple-200) !important;
+}
+.border-purple-300 {
+  border-color: var(--primitive-purple-300) !important;
+}
+.border-purple-400 {
+  border-color: var(--primitive-purple-400) !important;
+}
+.border-purple-500 {
+  border-color: var(--primitive-purple-500) !important;
+}
+.border-purple-600 {
+  border-color: var(--primitive-purple-600) !important;
+}
+.border-purple-700 {
+  border-color: var(--primitive-purple-700) !important;
+}
+.border-purple-800 {
+  border-color: var(--primitive-purple-800) !important;
+}
+.border-purple-900 {
+  border-color: var(--primitive-purple-900) !important;
+}
+.border-purple-1000 {
+  border-color: var(--primitive-purple-1000) !important;
+}
+
+.border-magenta-100 {
+  border-color: var(--primitive-magenta-100) !important;
+}
+.border-magenta-200 {
+  border-color: var(--primitive-magenta-200) !important;
+}
+.border-magenta-300 {
+  border-color: var(--primitive-magenta-300) !important;
+}
+.border-magenta-400 {
+  border-color: var(--primitive-magenta-400) !important;
+}
+.border-magenta-500 {
+  border-color: var(--primitive-magenta-500) !important;
+}
+.border-magenta-600 {
+  border-color: var(--primitive-magenta-600) !important;
+}
+.border-magenta-700 {
+  border-color: var(--primitive-magenta-700) !important;
+}
+.border-magenta-800 {
+  border-color: var(--primitive-magenta-800) !important;
+}
+.border-magenta-900 {
+  border-color: var(--primitive-magenta-900) !important;
+}
+.border-magenta-1000 {
+  border-color: var(--primitive-magenta-1000) !important;
+}
+
+.border-teal-100 {
+  border-color: var(--primitive-teal-100) !important;
+}
+.border-teal-200 {
+  border-color: var(--primitive-teal-200) !important;
+}
+.border-teal-300 {
+  border-color: var(--primitive-teal-300) !important;
+}
+.border-teal-400 {
+  border-color: var(--primitive-teal-400) !important;
+}
+.border-teal-500 {
+  border-color: var(--primitive-teal-500) !important;
+}
+.border-teal-600 {
+  border-color: var(--primitive-teal-600) !important;
+}
+.border-teal-700 {
+  border-color: var(--primitive-teal-700) !important;
+}
+.border-teal-800 {
+  border-color: var(--primitive-teal-800) !important;
+}
+.border-teal-900 {
+  border-color: var(--primitive-teal-900) !important;
+}
+.border-teal-1000 {
+  border-color: var(--primitive-teal-1000) !important;
+}