@datarecce/ui 0.1.24 → 0.1.25

package/dist/{state-Ct-DP81O.js → state-FkYREAs-.js}

@@ -132,7 +132,11 @@ _mui_material_ButtonGroup = __toESM(_mui_material_ButtonGroup);
 * - red -> error
 * - neutral -> grey
 */
+const white = "#FFFFFF";
+const black = "#000000";
 const colors = {
+	white,
+	black,
 	iochmara: {
 		50: "#EAF3FB",
 		100: "#C4DDF3",
@@ -185,6 +189,19 @@ const colors = {
 		900: "#78350F",
 		950: "#431407"
 	},
+	yellow: {
+		50: "#FEFCE8",
+		100: "#FEF9C3",
+		200: "#FEF08A",
+		300: "#FDE047",
+		400: "#FACC15",
+		500: "#EAB308",
+		600: "#CA8A04",
+		700: "#A16207",
+		800: "#854D0E",
+		900: "#713F12",
+		950: "#422006"
+	},
 	green: {
 		50: "#F0FDF4",
 		100: "#DCFCE7",
@@ -268,7 +285,7 @@ function createButtonColorVariants(colorName, colorScale) {
 			},
 			style: {
 				backgroundColor: colorScale[500],
-				color: "#FFFFFF",
+				color: white,
 				"&:hover": { backgroundColor: colorScale[600] }
 			}
 		},
@@ -315,7 +332,7 @@ function createBadgeColorVariant(colorName, colorScale) {
 		props: { color: colorName },
 		style: { "& .MuiBadge-badge": {
 			backgroundColor: colorScale[500],
-			color: "#FFFFFF"
+			color: white
 		} }
 	};
 }
@@ -330,7 +347,7 @@ function createChipColorVariants(colorName, colorScale) {
 		},
 		style: {
 			backgroundColor: colorScale[500],
-			color: "#FFFFFF",
+			color: white,
 			"&:hover": { backgroundColor: colorScale[600] }
 		}
 	}, {
@@ -408,7 +425,7 @@ const componentOverrides = {
 				borderRadius: 6,
 				...ownerState.color === "neutral" && ownerState.variant === "contained" && {
 					backgroundColor: colors.neutral[700],
-					color: "#FFFFFF",
+					color: white,
 					"&:hover": { backgroundColor: colors.neutral[800] }
 				},
 				...ownerState.color === "neutral" && ownerState.variant === "outlined" && {
@@ -585,31 +602,31 @@ const baseThemeOptions = {
 			main: colors.iochmara[500],
 			light: colors.iochmara[300],
 			dark: colors.iochmara[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		secondary: {
 			main: colors.cyan[500],
 			light: colors.cyan[400],
 			dark: colors.cyan[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		success: {
 			main: colors.green[500],
 			light: colors.green[400],
 			dark: colors.green[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		warning: {
 			main: colors.amber[500],
 			light: colors.amber[400],
 			dark: colors.amber[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		error: {
 			main: colors.red[500],
 			light: colors.red[400],
 			dark: colors.red[600],
-			contrastText: "#FFFFFF"
+			contrastText: white
 		},
 		grey: {
 			50: colors.neutral[50],
@@ -683,8 +700,8 @@ const lightThemeOptions = {
 		...baseThemeOptions.palette,
 		mode: "light",
 		background: {
-			default: "#FFFFFF",
-			paper: "#FFFFFF"
+			default: white,
+			paper: white
 		},
 		text: {
 			primary: colors.neutral[900],
@@ -714,7 +731,7 @@ function createPaletteColor(colorScale) {
 		main: colorScale[500],
 		light: colorScale[300],
 		dark: colorScale[600],
-		contrastText: "#FFFFFF"
+		contrastText: white
 	};
 }
 const customPaletteAdditions = {
@@ -723,7 +740,7 @@ const customPaletteAdditions = {
 		main: colors.iochmara[500],
 		light: colors.iochmara[50],
 		dark: colors.iochmara[700],
-		contrastText: "#FFFFFF"
+		contrastText: white
 	},
 	cyan: createPaletteColor(colors.cyan),
 	amber: createPaletteColor(colors.amber),
@@ -735,7 +752,7 @@ const customPaletteAdditions = {
 		main: colors.neutral[500],
 		light: colors.neutral[300],
 		dark: colors.neutral[600],
-		contrastText: "#FFFFFF"
+		contrastText: white
 	},
 	envBase: semanticColors.envBase,
 	envCurrent: semanticColors.envCurrent
@@ -771,8 +788,8 @@ function token(path$2) {
 		let colorName = parts[1];
 		const variant = parts[2];
 		if (colorName in colorAliases) colorName = colorAliases[colorName];
-		if (colorName === "white") return "#FFFFFF";
-		if (colorName === "black") return "#000000";
+		if (colorName === "white") return white;
+		if (colorName === "black") return black;
 		if (colorName in semanticColors) {
 			const semantic = semanticColors[colorName];
 			if (typeof semantic === "object" && variant in semantic) return semantic[variant];
@@ -9184,4 +9201,4 @@ Object.defineProperty(exports, 'waitRun', {
     return waitRun;
   }
 });
-//# sourceMappingURL=state-Ct-DP81O.js.map
+//# sourceMappingURL=state-FkYREAs-.js.map