@foi/design-system 0.0.18 → 0.0.20

package/dist/{theme-CLkxVsoE.js → theme-BjrtNRDQ.js}

@@ -20,97 +20,7 @@ var e = {
 	darkBlue300: "#354149",
 	darkBlue350: "#2e3d4a",
 	darkBlue400: "#17212b"
-}, t = { TEXTFIELD: { DEFAULT: {
-	ROOT: { "border-radius": "4px" },
-	EVENTS: {
-		ENABLED: {
-			"background-color": "transparent",
-			"color-primary": e.white400,
-			"color-secondary": e.white500,
-			"color-tertiary": e.white600,
-			"border-color": e.blue400,
-			"border-width": "2px",
-			"border-style": "solid"
-		},
-		VALUE: { "border-color": e.blue200 },
-		HOVER: { "border-color": e.blue300 },
-		ACTIVE: { "border-color": e.blue500 },
-		FOCUS: { "border-color": e.blue100 },
-		ERROR: {
-			"background-color": "transparent",
-			"color-primary": e.red400,
-			"color-secondary": e.red400,
-			"color-tertiary": e.red400,
-			"border-color": e.red400
-		},
-		ERROR_VALUE: { "border-color": e.red200 },
-		ERROR_HOVER: { "border-color": e.red300 },
-		ERROR_ACTIVE: { "border-color": e.red500 },
-		ERROR_FOCUS: { "border-color": e.red100 },
-		DISABLED: {
-			"background-color": "transparent",
-			"color-primary": e.gray100,
-			"color-secondary": e.gray200,
-			"color-tertiary": e.gray200,
-			"border-color": e.gray400
-		},
-		DISABLED_VALUE: {}
-	}
-} } }, n = { NUMBERFIELD: { DEFAULT: {
-	ROOT: { "border-radius": "4px" },
-	EVENTS: {
-		ENABLED: {
-			"background-color": "transparent",
-			"color-primary": e.white400,
-			"color-secondary": e.white500,
-			"color-tertiary": e.white600,
-			"border-color": e.blue400,
-			"border-width": "2px",
-			"border-style": "solid"
-		},
-		VALUE: { "border-color": e.blue200 },
-		HOVER: { "border-color": e.blue300 },
-		ACTIVE: { "border-color": e.blue500 },
-		FOCUS: { "border-color": e.blue100 },
-		ERROR: {
-			"background-color": "transparent",
-			"color-primary": e.red400,
-			"color-secondary": e.red400,
-			"color-tertiary": e.red400,
-			"border-color": e.red400
-		},
-		ERROR_VALUE: { "border-color": e.red200 },
-		ERROR_HOVER: { "border-color": e.red300 },
-		ERROR_ACTIVE: { "border-color": e.red500 },
-		ERROR_FOCUS: { "border-color": e.red100 },
-		DISABLED: {
-			"background-color": "transparent",
-			"color-primary": e.gray100,
-			"color-secondary": e.gray200,
-			"color-tertiary": e.gray200,
-			"border-color": e.gray400
-		},
-		DISABLED_VALUE: {}
-	}
-} } }, r = (e, t, n) => e[n] ? `${t}: ${e[n]};` : "", i = (e, t) => `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`, a = { ICONBUTTON: { DEFAULT: {
-	ROOT: { "border-radius": "4px" },
-	EVENTS: {
-		ENABLED: {
-			"icon-color": e.blue400,
-			"background-color": "transparent",
-			"border-style": "none"
-		},
-		HOVER: { "shadow-color": i(e.blue200, .3) },
-		ACTIVE: { "shadow-color": i(e.blue500, .6) },
-		FOCUS: {
-			"outline-color": e.blue100,
-			"outline-width": "1px",
-			"outline-style": "solid",
-			"outline-offset": "2px"
-		},
-		DISABLED: { "icon-color": e.gray400 }
-	}
-} } }, o = { BUTTON: {
+}, t = { BUTTON: {
 	DEFAULT: {
 		ROOT: { "border-radius": "4px" },
 		EVENTS: {
@@ -168,7 +78,7 @@ var e = {
 			}
 		}
 	}
-} }, s = { CHECKBOX: {
+} }, n = (e, t, n) => e[n] ? `${t}: ${e[n]};` : "", r = (e, t) => `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`, i = { CHECKBOX: {
 	DEFAULT: {
 		ROOT: { "border-radius": "4px" },
 		EVENTS: {
@@ -186,8 +96,8 @@ var e = {
 				"background-color": e.blue200,
 				"border-color": e.blue200
 			},
-			HOVER: { "shadow-color": i(e.blue300, .4) },
-			ACTIVE: { "shadow-color": i(e.blue500, .6) },
+			HOVER: { "shadow-color": r(e.blue300, .4) },
+			ACTIVE: { "shadow-color": r(e.blue500, .6) },
 			FOCUS: {
 				"outline-color": e.blue100,
 				"outline-width": "1px",
@@ -204,8 +114,8 @@ var e = {
 				"background-color": e.red200,
 				"border-color": e.red200
 			},
-			ERROR_HOVER: { "shadow-color": i(e.red300, .3) },
-			ERROR_ACTIVE: { "shadow-color": i(e.red500, .6) },
+			ERROR_HOVER: { "shadow-color": r(e.red300, .3) },
+			ERROR_ACTIVE: { "shadow-color": r(e.red500, .6) },
 			ERROR_FOCUS: { "outline-color": e.red100 },
 			DISABLED: {
 				"background-color": "transparent",
@@ -235,8 +145,8 @@ var e = {
 				"background-color": e.blue200,
 				"border-color": e.blue200
 			},
-			HOVER: { "shadow-color": i(e.blue300, .4) },
-			ACTIVE: { "shadow-color": i(e.blue500, .6) },
+			HOVER: { "shadow-color": r(e.blue300, .4) },
+			ACTIVE: { "shadow-color": r(e.blue500, .6) },
 			FOCUS: {
 				"outline-color": e.blue100,
 				"outline-width": "1px",
@@ -253,8 +163,8 @@ var e = {
 				"background-color": e.red200,
 				"border-color": e.red200
 			},
-			ERROR_HOVER: { "shadow-color": i(e.red300, .3) },
-			ERROR_ACTIVE: { "shadow-color": i(e.red500, .6) },
+			ERROR_HOVER: { "shadow-color": r(e.red300, .3) },
+			ERROR_ACTIVE: { "shadow-color": r(e.red500, .6) },
 			ERROR_FOCUS: { "outline-color": e.red100 },
 			DISABLED: {
 				"background-color": "transparent",
@@ -267,24 +177,10 @@ var e = {
 			}
 		}
 	}
-} }, c = { CHECKBOXGROUP: { DEFAULT: { EVENTS: {
-	ENABLED: {
-		"color-primary": e.white400,
-		"color-secondary": e.gray200
-	},
-	ERROR: {
-		"color-primary": e.red400,
-		"color-secondary": e.red400
-	},
-	DISABLED: { "color-secondary": e.gray200 }
-} } } }, l = { CHECKBOXTREE: { DEFAULT: { EVENTS: {
-	ENABLED: {
-		"color-primary": e.white400,
-		"color-secondary": e.gray200
-	},
-	ERROR: { "color-secondary": e.red400 },
-	DISABLED: { "color-secondary": e.gray200 }
-} } } }, u = { SELECT: { DEFAULT: {
+} }, a = { CHIP: { DEFAULT: { EVENTS: { ENABLED: {
+	"background-color": e.gray400,
+	"color-primary": e.white400
+} } } } }, o = { DATEPICKER: { DEFAULT: {
 	ROOT: { "border-radius": "4px" },
 	EVENTS: {
 		ENABLED: {
@@ -320,11 +216,86 @@ var e = {
 		},
 		DISABLED_VALUE: {}
 	}
-} } }, d = { SELECTMENU: { DEFAULT: {
+} } }, s = { DATEPICKERMENU: { DEFAULT: {
+	ROOT: {
+		"background-color": e.darkBlue300,
+		"border-radius": "4px"
+	},
+	EVENTS: {
+		ENABLED: {
+			"color-primary": e.white400,
+			"color-secondary": e.white500,
+			"background-color": e.blue400
+		},
+		VALUE: { "background-color": e.blue200 },
+		HOVER: { "background-color": r(e.blue200, .3) },
+		ACTIVE: { "background-color": r(e.blue500, .6) },
+		FOCUS: {
+			"outline-color": e.blue100,
+			"outline-width": "1px",
+			"outline-style": "solid",
+			"outline-offset": "2px"
+		}
+	}
+} } }, c = { ICONBUTTON: { DEFAULT: {
+	ROOT: { "border-radius": "4px" },
+	EVENTS: {
+		ENABLED: {
+			"icon-color": e.blue400,
+			"background-color": "transparent",
+			"border-style": "none"
+		},
+		HOVER: { "shadow-color": r(e.blue200, .3) },
+		ACTIVE: { "shadow-color": r(e.blue500, .6) },
+		FOCUS: {
+			"outline-color": e.blue100,
+			"outline-width": "1px",
+			"outline-style": "solid",
+			"outline-offset": "2px"
+		},
+		DISABLED: { "icon-color": e.gray400 }
+	}
+} } }, l = { NUMBERFIELD: { DEFAULT: {
+	ROOT: { "border-radius": "4px" },
+	EVENTS: {
+		ENABLED: {
+			"background-color": "transparent",
+			"color-primary": e.white400,
+			"color-secondary": e.white500,
+			"color-tertiary": e.white600,
+			"border-color": e.blue400,
+			"border-width": "2px",
+			"border-style": "solid"
+		},
+		VALUE: { "border-color": e.blue200 },
+		HOVER: { "border-color": e.blue300 },
+		ACTIVE: { "border-color": e.blue500 },
+		FOCUS: { "border-color": e.blue100 },
+		ERROR: {
+			"background-color": "transparent",
+			"color-primary": e.red400,
+			"color-secondary": e.red400,
+			"color-tertiary": e.red400,
+			"border-color": e.red400
+		},
+		ERROR_VALUE: { "border-color": e.red200 },
+		ERROR_HOVER: { "border-color": e.red300 },
+		ERROR_ACTIVE: { "border-color": e.red500 },
+		ERROR_FOCUS: { "border-color": e.red100 },
+		DISABLED: {
+			"background-color": "transparent",
+			"color-primary": e.gray100,
+			"color-secondary": e.gray200,
+			"color-tertiary": e.gray200,
+			"border-color": e.gray400
+		},
+		DISABLED_VALUE: {}
+	}
+} } }, u = { PAGINATION: { DEFAULT: { EVENTS: { ENABLED: { "color-secondary": e.white500 } } } } }, d = { PAGINATIONMENU: { DEFAULT: {
 	ROOT: {
 		"background-color": e.darkBlue300,
 		"border-radius": "4px",
-		top: "4px"
+		bottom: "8px"
 	},
 	EVENTS: {
 		ENABLED: {
@@ -338,14 +309,13 @@ var e = {
 		ACTIVE: { "background-color": e.blue500 },
 		FOCUS: { "background-color": e.blue200 }
 	}
-} } }, f = { SWITCH: { DEFAULT: {
-	ROOT: { "border-radius": "12px" },
+} } }, f = { RADIO: { DEFAULT: {
+	ROOT: { "border-radius": "4px" },
 	EVENTS: {
 		ENABLED: {
 			"color-primary": e.white400,
 			"color-secondary": e.gray200,
 			"icon-color": e.white400,
-			"icon-background-color": e.blue400,
 			"background-color": "transparent",
 			"border-color": e.blue400,
 			"border-width": "2px",
@@ -353,37 +323,90 @@ var e = {
 		},
 		VALUE: {
 			"icon-color": e.blue200,
-			"icon-background-color": e.white400,
-			"background-color": e.blue200,
 			"border-color": e.blue200
 		},
-		HOVER: { "shadow-color": i(e.blue300, .4) },
-		ACTIVE: { "shadow-color": i(e.blue500, .6) },
+		HOVER: { "shadow-color": r(e.blue300, .4) },
+		ACTIVE: { "shadow-color": r(e.blue500, .6) },
 		FOCUS: {
 			"outline-color": e.blue100,
 			"outline-width": "1px",
 			"outline-style": "solid",
 			"outline-offset": "2px"
 		},
+		ERROR: {
+			"background-color": "transparent",
+			"color-secondary": e.red400,
+			"border-color": e.red400
+		},
+		ERROR_VALUE: {
+			"icon-color": e.white400,
+			"background-color": e.red200
+		},
+		ERROR_HOVER: { "shadow-color": r(e.red300, .3) },
+		ERROR_ACTIVE: { "shadow-color": r(e.red500, .6) },
+		ERROR_FOCUS: { "outline-color": e.red100 },
 		DISABLED: {
-			"icon-color": e.gray100,
-			"icon-background-color": e.gray400,
 			"background-color": "transparent",
 			"color-secondary": e.gray200,
-			"border-color": e.gray400,
-			"border-width": "2px",
-			"border-style": "solid"
+			"border-color": e.gray400
 		},
-		DISABLED_VALUE: {
-			"icon-color": e.gray400,
-			"icon-background-color": e.gray100,
-			"background-color": e.gray400,
-			"border-color": e.gray400,
+		DISABLED_VALUE: { "icon-color": e.gray400 }
+	}
+} } }, p = { SELECT: { DEFAULT: {
+	ROOT: { "border-radius": "4px" },
+	EVENTS: {
+		ENABLED: {
+			"background-color": "transparent",
+			"color-primary": e.white400,
+			"color-secondary": e.white500,
+			"color-tertiary": e.white600,
+			"border-color": e.blue400,
 			"border-width": "2px",
 			"border-style": "solid"
-		}
+		},
+		VALUE: { "border-color": e.blue200 },
+		HOVER: { "border-color": e.blue300 },
+		ACTIVE: { "border-color": e.blue500 },
+		FOCUS: { "border-color": e.blue100 },
+		ERROR: {
+			"background-color": "transparent",
+			"color-primary": e.red400,
+			"color-secondary": e.red400,
+			"color-tertiary": e.red400,
+			"border-color": e.red400
+		},
+		ERROR_VALUE: { "border-color": e.red200 },
+		ERROR_HOVER: { "border-color": e.red300 },
+		ERROR_ACTIVE: { "border-color": e.red500 },
+		ERROR_FOCUS: { "border-color": e.red500 },
+		DISABLED: {
+			"background-color": "transparent",
+			"color-primary": e.gray100,
+			"color-secondary": e.gray200,
+			"color-tertiary": e.gray200,
+			"border-color": e.gray400
+		},
+		DISABLED_VALUE: {}
+	}
+} } }, m = { SELECTMENU: { DEFAULT: {
+	ROOT: {
+		"background-color": e.darkBlue300,
+		"border-radius": "4px",
+		top: "4px"
+	},
+	EVENTS: {
+		ENABLED: {
+			"background-color": "transparent",
+			"color-primary": e.white400,
+			"color-secondary": e.white500,
+			"color-tertiary": e.white600
+		},
+		VALUE: { "background-color": e.blue200 },
+		HOVER: { "background-color": e.blue300 },
+		ACTIVE: { "background-color": e.blue500 },
+		FOCUS: { "background-color": e.blue200 }
 	}
-} } }, p = { SLIDER: { DEFAULT: { EVENTS: {
+} } }, h = { SLIDER: { DEFAULT: { EVENTS: {
 	ENABLED: {
 		"icon-color": e.white400,
 		"icon-background-color": e.blue400,
@@ -393,8 +416,8 @@ var e = {
 		"border-style": "solid"
 	},
 	VALUE: { "background-color": e.blue200 },
-	HOVER: { "background-color": i(e.blue200, .3) },
-	ACTIVE: { "background-color": i(e.blue500, .6) },
+	HOVER: { "background-color": r(e.blue200, .3) },
+	ACTIVE: { "background-color": r(e.blue500, .6) },
 	FOCUS: {
 		"outline-color": e.blue100,
 		"outline-width": "1px",
@@ -417,13 +440,14 @@ var e = {
 		"border-width": "2px",
 		"border-style": "solid"
 	}
-} } } }, m = { RADIO: { DEFAULT: {
-	ROOT: { "border-radius": "4px" },
+} } } }, g = { SWITCH: { DEFAULT: {
+	ROOT: { "border-radius": "12px" },
 	EVENTS: {
 		ENABLED: {
 			"color-primary": e.white400,
 			"color-secondary": e.gray200,
 			"icon-color": e.white400,
+			"icon-background-color": e.blue400,
 			"background-color": "transparent",
 			"border-color": e.blue400,
 			"border-width": "2px",
@@ -431,46 +455,37 @@ var e = {
 		},
 		VALUE: {
 			"icon-color": e.blue200,
+			"icon-background-color": e.white400,
+			"background-color": e.blue200,
 			"border-color": e.blue200
 		},
-		HOVER: { "shadow-color": i(e.blue300, .4) },
-		ACTIVE: { "shadow-color": i(e.blue500, .6) },
+		HOVER: { "shadow-color": r(e.blue300, .4) },
+		ACTIVE: { "shadow-color": r(e.blue500, .6) },
 		FOCUS: {
 			"outline-color": e.blue100,
 			"outline-width": "1px",
 			"outline-style": "solid",
 			"outline-offset": "2px"
 		},
-		ERROR: {
-			"background-color": "transparent",
-			"color-secondary": e.red400,
-			"border-color": e.red400
-		},
-		ERROR_VALUE: {
-			"icon-color": e.white400,
-			"background-color": e.red200
-		},
-		ERROR_HOVER: { "shadow-color": i(e.red300, .3) },
-		ERROR_ACTIVE: { "shadow-color": i(e.red500, .6) },
-		ERROR_FOCUS: { "outline-color": e.red100 },
 		DISABLED: {
+			"icon-color": e.gray100,
+			"icon-background-color": e.gray400,
 			"background-color": "transparent",
 			"color-secondary": e.gray200,
-			"border-color": e.gray400
+			"border-color": e.gray400,
+			"border-width": "2px",
+			"border-style": "solid"
 		},
-		DISABLED_VALUE: { "icon-color": e.gray400 }
+		DISABLED_VALUE: {
+			"icon-color": e.gray400,
+			"icon-background-color": e.gray100,
+			"background-color": e.gray400,
+			"border-color": e.gray400,
+			"border-width": "2px",
+			"border-style": "solid"
+		}
 	}
-} } }, h = { RADIOGROUP: { DEFAULT: { EVENTS: {
-	ENABLED: {
-		"color-primary": e.white400,
-		"color-secondary": e.gray200
-	},
-	ERROR: {
-		"color-primary": e.red400,
-		"color-secondary": e.red400
-	},
-	DISABLED: { "color-secondary": e.gray200 }
-} } } }, g = { DATEPICKER: { DEFAULT: {
+} } }, _ = { TEXTFIELD: { DEFAULT: {
 	ROOT: { "border-radius": "4px" },
 	EVENTS: {
 		ENABLED: {
@@ -496,7 +511,7 @@ var e = {
 		ERROR_VALUE: { "border-color": e.red200 },
 		ERROR_HOVER: { "border-color": e.red300 },
 		ERROR_ACTIVE: { "border-color": e.red500 },
-		ERROR_FOCUS: { "border-color": e.red500 },
+		ERROR_FOCUS: { "border-color": e.red100 },
 		DISABLED: {
 			"background-color": "transparent",
 			"color-primary": e.gray100,
@@ -506,28 +521,24 @@ var e = {
 		},
 		DISABLED_VALUE: {}
 	}
-} } }, _ = { DATEPICKERMENU: { DEFAULT: {
-	ROOT: {
-		"background-color": e.darkBlue300,
-		"border-radius": "4px"
+} } }, v = { CHECKBOXGROUP: { DEFAULT: { EVENTS: {
+	ENABLED: {
+		"color-primary": e.white400,
+		"color-secondary": e.gray200
 	},
-	EVENTS: {
-		ENABLED: {
-			"color-primary": e.white400,
-			"color-secondary": e.white500,
-			"background-color": e.blue400
-		},
-		VALUE: { "background-color": e.blue200 },
-		HOVER: { "background-color": i(e.blue200, .3) },
-		ACTIVE: { "background-color": i(e.blue500, .6) },
-		FOCUS: {
-			"outline-color": e.blue100,
-			"outline-width": "1px",
-			"outline-style": "solid",
-			"outline-offset": "2px"
-		}
-	}
-} } }, v = { MODAL: { DEFAULT: {
+	ERROR: {
+		"color-primary": e.red400,
+		"color-secondary": e.red400
+	},
+	DISABLED: { "color-secondary": e.gray200 }
+} } } }, y = { CHECKBOXTREE: { DEFAULT: { EVENTS: {
+	ENABLED: {
+		"color-primary": e.white400,
+		"color-secondary": e.gray200
+	},
+	ERROR: { "color-secondary": e.red400 },
+	DISABLED: { "color-secondary": e.gray200 }
+} } } }, b = { MODAL: { DEFAULT: {
 	ROOT: {
 		"background-color": e.darkBlue400,
 		"border-radius": "8px"
@@ -536,7 +547,24 @@ var e = {
 		"color-primary": e.white400,
 		"color-secondary": e.white500
 	} }
-} } }, y = { DATAGRID: { DEFAULT: {
+} } }, x = { RADIOGROUP: { DEFAULT: { EVENTS: {
+	ENABLED: {
+		"color-primary": e.white400,
+		"color-secondary": e.gray200
+	},
+	ERROR: {
+		"color-primary": e.red400,
+		"color-secondary": e.red400
+	},
+	DISABLED: { "color-secondary": e.gray200 }
+} } } }, S = { TOAST: { DEFAULT: {
+	ROOT: { "border-radius": "4px" },
+	EVENTS: { ENABLED: {
+		"background-color": e.darkBlue300,
+		"color-primary": e.white400,
+		"icon-color": e.white400
+	} }
+} } }, C = { DATAGRID: { DEFAULT: {
 	ROOT: {
 		"border-color": e.blue400,
 		"border-width": "2px",
@@ -552,7 +580,7 @@ var e = {
 		HOVER: { "background-color": e.darkBlue300 },
 		ACTIVE: { "icon-color": e.blue200 }
 	}
-} } }, b = { DATAGRIDMENU: { DEFAULT: {
+} } }, w = { DATAGRIDMENU: { DEFAULT: {
 	ROOT: {
 		"background-color": e.darkBlue300,
 		"border-radius": "4px"
@@ -564,29 +592,11 @@ var e = {
 		},
 		HOVER: { "background-color": e.blue300 }
 	}
-} } }, x = { PAGINATION: { DEFAULT: { EVENTS: { ENABLED: { "color-secondary": e.white500 } } } } }, S = { PAGINATIONMENU: { DEFAULT: {
-	ROOT: {
-		"background-color": e.darkBlue300,
-		"border-radius": "4px",
-		bottom: "8px"
-	},
-	EVENTS: {
-		ENABLED: {
-			"background-color": "transparent",
-			"color-primary": e.white400,
-			"color-secondary": e.white500,
-			"color-tertiary": e.white600
-		},
-		VALUE: { "background-color": e.blue200 },
-		HOVER: { "background-color": e.blue300 },
-		ACTIVE: { "background-color": e.blue500 },
-		FOCUS: { "background-color": e.blue200 }
-	}
-} } }, C = {
+} } }, T = {
 	name: "dark",
 	components: {
 		...t,
-		...n,
+		...i,
 		...a,
 		...o,
 		...s,
@@ -604,15 +614,17 @@ var e = {
 		...y,
 		...b,
 		...x,
-		...S
+		...S,
+		...C,
+		...w
 	},
 	fonts: {
 		"fontfamily-primary": "Mulish",
 		"fontfamily-secondary": "League Spartan",
 		"fontfamily-tertiary": "Google Sans Code"
 	}
-}, w = [C];
+}, E = [T];
 //#endregion
-export { C as n, r, w as t };
+export { T as n, n as r, E as t };
 
-//# sourceMappingURL=theme-CLkxVsoE.js.map
+//# sourceMappingURL=theme-BjrtNRDQ.js.map