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

package/build/css/themes/button/dark.css

@@ -0,0 +1,42 @@
+
+:root, 
+:host {
+--button-dark-color-background-solid-primary-default: #0c57cd;
+--button-dark-color-background-solid-primary-hover: #063b99;
+--button-dark-color-background-solid-danger-default: #d12828;
+--button-dark-color-background-solid-danger-hover: #ab1a1d;
+--button-dark-color-background-outlined-primary-default: #121212;
+--button-dark-color-background-outlined-primary-hover: #03122f;
+--button-dark-color-background-outlined-neutral-default: #121212;
+--button-dark-color-background-outlined-neutral-hover: #242831;
+--button-dark-color-background-outlined-danger-default: #121212;
+--button-dark-color-background-outlined-danger-hover: #3b0807;
+--button-dark-color-background-transparent-primary-default: transparent;
+--button-dark-color-background-transparent-primary-hover: #242831;
+--button-dark-color-background-transparent-primary-active: #343944;
+--button-dark-color-background-transparent-neutral-default: transparent;
+--button-dark-color-background-transparent-neutral-hover: #242831;
+--button-dark-color-background-transparent-neutral-active: #343944;
+--button-dark-color-border-solid-primary-default: #0c57cd;
+--button-dark-color-border-solid-primary-hover: #063b99;
+--button-dark-color-border-solid-danger-default: #d12828;
+--button-dark-color-border-solid-danger-hover: #ab1a1d;
+--button-dark-color-border-outlined-primary-default: #66a8fd;
+--button-dark-color-border-outlined-primary-hover: #66a8fd;
+--button-dark-color-border-outlined-neutral-default: #343944;
+--button-dark-color-border-outlined-danger-default: #fc817c;
+--button-dark-color-border-outlined-danger-hover: #fc817c;
+--button-dark-color-border-transparent-primary-default: transparent;
+--button-dark-color-border-transparent-primary-hover: #242831;
+--button-dark-color-border-transparent-primary-active: #d5d7db;
+--button-dark-color-border-transparent-neutral-default: transparent;
+--button-dark-color-border-transparent-neutral-hover: #242831;
+--button-dark-color-border-transparent-neutral-active: #343944;
+--button-dark-color-text-solid-primary-default: #ffffff;
+--button-dark-color-text-solid-danger-default: #ffffff;
+--button-dark-color-text-outlined-primary-default: #66a8fd;
+--button-dark-color-text-outlined-neutral-default: #ffffff;
+--button-dark-color-text-outlined-danger-default: #fc817c;
+--button-dark-color-text-transparent-primary-default: #66a8fd;
+--button-dark-color-text-transparent-neutral-default: #ffffff;
+}

package/build/css/themes/button/index.css

@@ -0,0 +1,2 @@
+@import "./dark.css";
+@import "./light.css";

package/build/css/themes/button/light.css

@@ -0,0 +1,42 @@
+
+:root, 
+:host {
+--button-light-color-background-solid-primary-default: #0c57cd;
+--button-light-color-background-solid-primary-hover: #063b99;
+--button-light-color-background-solid-danger-default: #d12828;
+--button-light-color-background-solid-danger-hover: #ab1a1d;
+--button-light-color-background-outlined-primary-default: #ffffff;
+--button-light-color-background-outlined-primary-hover: #f0f7ff;
+--button-light-color-background-outlined-neutral-default: #ffffff;
+--button-light-color-background-outlined-neutral-hover: #edeeef;
+--button-light-color-background-outlined-danger-default: #ffffff;
+--button-light-color-background-outlined-danger-hover: #d12828;
+--button-light-color-background-transparent-primary-default: transparent;
+--button-light-color-background-transparent-primary-hover: #edeeef;
+--button-light-color-background-transparent-primary-active: #d5d7db;
+--button-light-color-background-transparent-neutral-default: transparent;
+--button-light-color-background-transparent-neutral-hover: #edeeef;
+--button-light-color-background-transparent-neutral-active: #d5d7db;
+--button-light-color-border-solid-primary-default: #063b99;
+--button-light-color-border-solid-primary-hover: #041C4F;
+--button-light-color-border-solid-danger-default: #ab1a1d;
+--button-light-color-border-solid-danger-hover: #7e130e;
+--button-light-color-border-outlined-primary-default: #0c57cd;
+--button-light-color-border-outlined-primary-hover: #0c57cd;
+--button-light-color-border-outlined-neutral-default: #abcffd;
+--button-light-color-border-outlined-danger-default: #d12828;
+--button-light-color-border-outlined-danger-hover: #d12828;
+--button-light-color-border-transparent-primary-default: transparent;
+--button-light-color-border-transparent-primary-hover: transparent;
+--button-light-color-border-transparent-primary-active: #d5d7db;
+--button-light-color-border-transparent-neutral-default: transparent;
+--button-light-color-border-transparent-neutral-hover: transparent;
+--button-light-color-border-transparent-neutral-active: #d5d7db;
+--button-light-color-text-solid-primary-default: #ffffff;
+--button-light-color-text-solid-danger-default: #ffffff;
+--button-light-color-text-outlined-primary-default: #0c57cd;
+--button-light-color-text-outlined-neutral-default: #121212;
+--button-light-color-text-outlined-danger-default: #d12828;
+--button-light-color-text-transparent-primary-default: #0c57cd;
+--button-light-color-text-transparent-neutral-default: #121212;
+}

package/build/css/themes/checkbox/dark.css

@@ -0,0 +1,19 @@
+
+:root, 
+:host {
+--checkbox-dark-color-background-primary-active: #3a89fd;
+--checkbox-dark-color-background-primary-default: #121212;
+--checkbox-dark-color-background-primary-hover: #4f5562;
+--checkbox-dark-color-background-danger-active: #f4534f;
+--checkbox-dark-color-background-danger-default: #f4534f;
+--checkbox-dark-color-background-danger-hover: #121212;
+--checkbox-dark-color-background-indeterminate-active: #0c57cd;
+--checkbox-dark-color-background-indeterminate-default: #0c57cd;
+--checkbox-dark-color-background-indeterminate-hover: #ffffff;
+--checkbox-dark-color-border-primary-active: #3a89fd;
+--checkbox-dark-color-border-primary-default: #343944;
+--checkbox-dark-color-border-primary-hover: #041C4F;
+--checkbox-dark-color-border-danger-default: #ab1a1d;
+--checkbox-dark-color-border-danger-hover: #7e130e;
+--checkbox-dark-color-outline-primary-fill: #063b99;
+}

package/build/css/themes/checkbox/light.css

@@ -0,0 +1,19 @@
+
+:root, 
+:host {
+--checkbox-light-color-background-primary-active: #0c57cd;
+--checkbox-light-color-background-primary-default: #ffffff;
+--checkbox-light-color-background-primary-hover: #b7bcc3;
+--checkbox-light-color-background-danger-active: #d12828;
+--checkbox-light-color-background-danger-default: #d12828;
+--checkbox-light-color-background-danger-hover: #ffffff;
+--checkbox-light-color-background-indeterminate-active: #0c57cd;
+--checkbox-light-color-background-indeterminate-default: #0c57cd;
+--checkbox-light-color-background-indeterminate-hover: #ffffff;
+--checkbox-light-color-border-primary-active: #041C4F;
+--checkbox-light-color-border-primary-default: #343944;
+--checkbox-light-color-border-primary-hover: #041C4F;
+--checkbox-light-color-border-danger-default: #ab1a1d;
+--checkbox-light-color-border-danger-hover: #7e130e;
+--checkbox-light-color-outline-primary-fill: #063b99;
+}

package/build/css/themes/checkbox-tile/dark.css

@@ -0,0 +1,14 @@
+
+:root, 
+:host {
+--checkbox-tile-dark-color-background-primary-active: #041C4F;
+--checkbox-tile-dark-color-background-primary-default: #242831;
+--checkbox-tile-dark-color-background-primary-hover: #343944;
+--checkbox-tile-dark-color-background-altbackground-active: #041C4F;
+--checkbox-tile-dark-color-background-altbackground-default: #121212;
+--checkbox-tile-dark-color-background-altbackground-hover: #343944;
+--checkbox-tile-dark-color-border-primary-active: #0c57cd;
+--checkbox-tile-dark-color-border-primary-default: #242831;
+--checkbox-tile-dark-color-border-primary-hover: #343944;
+--checkbox-tile-dark-color-outline-primary-fill: #063b99;
+}

package/build/css/themes/checkbox-tile/light.css

@@ -0,0 +1,18 @@
+
+:root, 
+:host {
+--checkbox-tile-light-color-background-primary-active: #d9eafe;
+--checkbox-tile-light-color-background-primary-default: #edeeef;
+--checkbox-tile-light-color-background-primary-hover: #d5d7db;
+--checkbox-tile-light-color-background-altbackground-active: #66a8fd;
+--checkbox-tile-light-color-background-altbackground-default: #ffffff;
+--checkbox-tile-light-color-background-altbackground-hover: #d5d7db;
+--checkbox-tile-light-color-border-primary-active: #66a8fd;
+--checkbox-tile-light-color-border-primary-default: #edeeef;
+--checkbox-tile-light-color-border-primary-hover: #d5d7db;
+--checkbox-tile-light-color-border-active-default: #66a8fd;
+--checkbox-tile-light-color-border-altbackground-active: #66a8fd;
+--checkbox-tile-light-color-border-altbackground-default: #ffffff;
+--checkbox-tile-light-color-border-altbackground-hover: #d5d7db;
+--checkbox-tile-light-color-outline-primary-fill: #063b99;
+}

package/build/css/themes/dark.css

@@ -0,0 +1,16 @@
+@import "./global.css";
+@import "./badge/dark.css";
+@import "./button/dark.css";
+@import "./checkbox/dark.css";
+@import "./checkbox-tile/dark.css";
+@import "./field-message/dark.css";
+@import "./form-label/dark.css";
+@import "./input/dark.css";
+@import "./label/dark.css";
+@import "./link/dark.css";
+@import "./radio-group/dark.css";
+@import "./radio-group-tile/dark.css";
+@import "./select/dark.css";
+@import "./switch/dark.css";
+@import "./table/dark.css";
+@import "./tabs/dark.css";

package/build/css/themes/field-message/dark.css

@@ -0,0 +1,6 @@
+
+:root, 
+:host {
+--field-message-dark-color-text-primary-default: #b7bcc3;
+--field-message-dark-color-text-danger-default: #fc817c;
+}

package/build/css/themes/field-message/light.css

@@ -0,0 +1,6 @@
+
+:root, 
+:host {
+--field-message-light-color-text-primary-default: #6b7280;
+--field-message-light-color-text-danger-default: #d12828;
+}

package/build/css/themes/form-label/dark.css

@@ -0,0 +1,6 @@
+
+:root, 
+:host {
+--form-label-dark-elements-indicator-background: #d26e16;
+--form-label-dark-color-text-primary-default: #ffffff;
+}

package/build/css/themes/form-label/light.css

@@ -0,0 +1,6 @@
+
+:root, 
+:host {
+--form-label-light-elements-indicator-background: #d26e16;
+--form-label-light-color-text-primary-default: #121212;
+}