@rbxts/react-clean-ui 1.0.19 → 1.0.38

package/out/Theme/themes/dark.theme.luau

@@ -159,26 +159,51 @@ local DarkTheme = createTheme({
 					default = {
 						textColor = Color3.fromHex("#FFFFFF"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#1D222B"),
+						borderColor = Color3.fromHex("#343B49"),
+						textColor = Color3.fromHex("#697386"),
+					},
 				},
 				success = {
 					default = {
 						textColor = Color3.fromHex("#FFFFFF"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#1D222B"),
+						borderColor = Color3.fromHex("#343B49"),
+						textColor = Color3.fromHex("#697386"),
+					},
 				},
 				info = {
 					default = {
 						textColor = Color3.fromHex("#FFFFFF"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#1D222B"),
+						borderColor = Color3.fromHex("#343B49"),
+						textColor = Color3.fromHex("#697386"),
+					},
 				},
 				warning = {
 					default = {
 						textColor = Color3.fromHex("#FFFFFF"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#1D222B"),
+						borderColor = Color3.fromHex("#343B49"),
+						textColor = Color3.fromHex("#697386"),
+					},
 				},
 				danger = {
 					default = {
 						textColor = Color3.fromHex("#FFFFFF"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#1D222B"),
+						borderColor = Color3.fromHex("#343B49"),
+						textColor = Color3.fromHex("#697386"),
+					},
 				},
 			},
 		},
@@ -186,6 +211,9 @@ local DarkTheme = createTheme({
 			borderColor = Color3.fromHex("#3A4352"),
 			borderThickness = 1,
 			cornerRadius = 8,
+			placeholder = {
+				color = Color3.fromHex("#697386"),
+			},
 		},
 		select = {
 			dropDownBackgroundColor = Color3.fromHex("#20252E"),
@@ -273,6 +301,35 @@ local DarkTheme = createTheme({
 				},
 			},
 		},
+		accordion = {
+			borderColor = Color3.fromHex("#4B5568"),
+			header = {
+				indicatorColor = Color3.fromHex("#C9CDD5"),
+				intents = {
+					primary = {
+						default = {
+							backgroundColor = Color3.fromHex("#252B36"),
+							textColor = Color3.fromHex("#E8EDF8"),
+						},
+						hover = {
+							backgroundColor = Color3.fromHex("#303949"),
+							textColor = Color3.fromHex("#FFFFFF"),
+						},
+						focus = {
+							backgroundColor = Color3.fromHex("#3A414D"),
+							textColor = Color3.fromHex("#FFFFFF"),
+						},
+						disabled = {
+							backgroundColor = Color3.fromHex("#1D222B"),
+							textColor = Color3.fromHex("#697386"),
+						},
+					},
+				},
+			},
+			content = {
+				backgroundColor = Color3.fromHex("#171B22"),
+			},
+		},
 		draggable = {
 			placeholder = {
 				backgroundColor = Color3.fromHex("#2A303B"),
@@ -336,8 +393,23 @@ local DarkTheme = createTheme({
 			header = {},
 			body = {},
 		},
-		pie = {
+		charts = {
 			colors = { Color3.fromHex("#4CC47A"), Color3.fromHex("#E35B5B"), Color3.fromHex("#F0B74A"), Color3.fromHex("#4D9EEA"), Color3.fromHex("#A676F0"), Color3.fromHex("#43C2BA"), Color3.fromHex("#F48A52"), Color3.fromHex("#E06AAE"), Color3.fromHex("#6FA8DC"), Color3.fromHex("#9CCC4A") },
+			bar = {
+				borderColor = Color3.fromHex("#111827"),
+				axis = {
+					color = Color3.fromHex("#AAB4C3"),
+				},
+				xAxis = {
+					tickColor = Color3.fromHex("#AAB4C3"),
+				},
+				yAxis = {
+					tickColor = Color3.fromHex("#AAB4C3"),
+				},
+				gridLines = {
+					color = Color3.fromHex("#6B7688"),
+				},
+			},
 		},
 	},
 	icons = {

package/out/Theme/themes/default.theme.d.ts

@@ -1,2 +1,2 @@
-import { CleanTheme } from "../theme.template";
-export declare const DefaultTheme: CleanTheme;
+import { ThemeTemplate } from "../theme.template";
+export declare const DefaultTheme: ThemeTemplate;

package/out/Theme/themes/default.theme.luau

@@ -1,5 +1,5 @@
 -- Compiled with roblox-ts v3.0.0
-local font = Enum.Font.Gotham
+local font = Enum.Font.Roboto
 local DefaultTheme = {
 	colors = {
 		intents = {
@@ -157,6 +157,12 @@ local DefaultTheme = {
 					default = {
 						textColor = Color3.fromHex("#1D2433"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#F5F5F5"),
+						backgroundTransparency = 0.35,
+						borderColor = Color3.fromHex("#D9DEE8"),
+						textColor = Color3.fromHex("#8A8A8A"),
+					},
 				},
 				success = {
 					default = {
@@ -180,10 +186,14 @@ local DefaultTheme = {
 				},
 			},
 		},
+		increment = {},
 		input = {
 			borderColor = Color3.fromHex("#D9DEE8"),
 			borderThickness = 1,
 			cornerRadius = 8,
+			placeholder = {
+				color = Color3.fromHex("#8A8A8A"),
+			},
 		},
 		select = {
 			dropDownBackgroundColor = Color3.fromHex("#FFFFFF"),
@@ -269,6 +279,64 @@ local DefaultTheme = {
 				},
 			},
 		},
+		accordion = {
+			borderColor = Color3.fromHex("#D9DEE8"),
+			borderThickness = 1,
+			cornerRadius = 8,
+			spacing = {
+				xs = 0,
+				sm = 0,
+				md = 0,
+				lg = 0,
+				xl = 0,
+			},
+			header = {
+				spacing = {
+					xs = 4,
+					sm = 8,
+					md = 12,
+					lg = 16,
+					xl = 24,
+				},
+				indicatorSize = 14,
+				indicatorColor = Color3.fromHex("#4F4F4F"),
+				intents = {
+					primary = {
+						default = {
+							backgroundColor = Color3.fromHex("#F2F4F8"),
+							textColor = Color3.fromHex("#1D2433"),
+						},
+						hover = {
+							backgroundColor = Color3.fromHex("#E7EBF2"),
+							textColor = Color3.fromHex("#000000"),
+						},
+						focus = {
+							backgroundColor = Color3.fromHex("#E1E3E7"),
+							textColor = Color3.fromHex("#000000"),
+						},
+						disabled = {
+							backgroundColor = Color3.fromHex("#F5F5F5"),
+							backgroundTransparency = 0.35,
+							textColor = Color3.fromHex("#8A8A8A"),
+						},
+					},
+				},
+			},
+			content = {
+				spacing = {
+					xs = 4,
+					sm = 8,
+					md = 12,
+					lg = 16,
+					xl = 24,
+				},
+				backgroundColor = Color3.fromHex("#FFFFFF"),
+				backgroundTransparency = 0,
+			},
+			animation = {
+				duration = 0.2,
+			},
+		},
 		draggable = {
 			placeholder = {
 				backgroundColor = Color3.fromHex("#D9DEE8"),
@@ -383,7 +451,7 @@ local DefaultTheme = {
 				backgroundTransparency = 0,
 				borderColor = Color3.fromHex("#D9DEE8"),
 				cornerRadius = 8,
-				aspectRation = 1,
+				aspectRatio = 1,
 			},
 		},
 		toast = {
@@ -468,18 +536,60 @@ local DefaultTheme = {
 				},
 			},
 		},
-		pie = {
-			hoverDarken = 0.2,
-			boxShadow = {
-				shadow = "0px 0px 8px 3px",
-				color = Color3.fromHex("#000000"),
-				transparency = 0.6,
-			},
+		charts = {
 			colors = { Color3.fromHex("#2E9D63"), Color3.fromHex("#D64545"), Color3.fromHex("#E7A92F"), Color3.fromHex("#3187C8"), Color3.fromHex("#8E5AD7"), Color3.fromHex("#2FA7A1"), Color3.fromHex("#F26D4F"), Color3.fromHex("#D94F9D"), Color3.fromHex("#6B7C93"), Color3.fromHex("#7CB342") },
-			labels = {
+			pie = {
+				hoverDarken = 0.2,
+				boxShadow = {
+					shadow = "0px 0px 8px 3px",
+					color = Color3.fromHex("#000000"),
+					transparency = 0.6,
+				},
+				labels = {
+					cornerRadius = 4,
+					typography = {
+						weight = Enum.FontWeight.Bold,
+					},
+				},
+			},
+			bar = {
+				spacing = {
+					xs = 4,
+					sm = 8,
+					md = 12,
+					lg = 16,
+					xl = 20,
+				},
+				unstackedTransparency = 0,
+				borderColor = Color3.fromHex("#3A4352"),
+				borderThickness = 1,
 				cornerRadius = 4,
-				typography = {
-					weight = Enum.FontWeight.Bold,
+				tweenTime = 0.5,
+				axis = {
+					color = Color3.fromHex("#3A4352"),
+					transparency = 0.5,
+					thickness = 2,
+				},
+				xAxis = {
+					size = 50,
+					spacing = 4,
+					tickColor = Color3.fromHex("#3A4352"),
+					tickTransparency = 0.5,
+					tickThickness = 2,
+					tickSize = 10,
+				},
+				yAxis = {
+					size = 50,
+					spacing = 4,
+					tickColor = Color3.fromHex("#3A4352"),
+					tickTransparency = 0.5,
+					tickThickness = 2,
+					tickSize = 10,
+				},
+				gridLines = {
+					color = Color3.fromHex("#6B7C93"),
+					transparency = 0.8,
+					thickness = 2,
 				},
 			},
 		},

package/out/Theme/themes/index.d.ts

@@ -1,3 +1,4 @@
 export * from './dark.theme';
 export * from './default.theme';
 export * from './sandstone.theme';
+export * from './wooden.theme';

package/out/Theme/themes/init.luau

@@ -10,4 +10,7 @@ end
 for _k, _v in TS.import(script, script, "sandstone.theme") or {} do
 	exports[_k] = _v
 end
+for _k, _v in TS.import(script, script, "wooden.theme") or {} do
+	exports[_k] = _v
+end
 return exports

package/out/Theme/themes/sandstone.theme.d.ts

@@ -1 +1 @@
-export declare const SandstoneTheme: import("..").CleanTheme;
+export declare const SandstoneTheme: import("..").ThemeTemplate;

package/out/Theme/themes/sandstone.theme.luau

@@ -159,26 +159,51 @@ local SandstoneTheme = createTheme({
 					default = {
 						textColor = Color3.fromHex("#244F4A"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#E8DFCF"),
+						borderColor = Color3.fromHex("#D8CDBA"),
+						textColor = Color3.fromHex("#9B8B73"),
+					},
 				},
 				success = {
 					default = {
 						textColor = Color3.fromHex("#2E6245"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#E8DFCF"),
+						borderColor = Color3.fromHex("#D8CDBA"),
+						textColor = Color3.fromHex("#9B8B73"),
+					},
 				},
 				info = {
 					default = {
 						textColor = Color3.fromHex("#365F78"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#E8DFCF"),
+						borderColor = Color3.fromHex("#D8CDBA"),
+						textColor = Color3.fromHex("#9B8B73"),
+					},
 				},
 				warning = {
 					default = {
 						textColor = Color3.fromHex("#7A5721"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#E8DFCF"),
+						borderColor = Color3.fromHex("#D8CDBA"),
+						textColor = Color3.fromHex("#9B8B73"),
+					},
 				},
 				danger = {
 					default = {
 						textColor = Color3.fromHex("#8A3D3A"),
 					},
+					disabled = {
+						backgroundColor = Color3.fromHex("#E8DFCF"),
+						borderColor = Color3.fromHex("#D8CDBA"),
+						textColor = Color3.fromHex("#9B8B73"),
+					},
 				},
 			},
 		},
@@ -273,6 +298,35 @@ local SandstoneTheme = createTheme({
 				},
 			},
 		},
+		accordion = {
+			borderColor = Color3.fromHex("#B9A98F"),
+			header = {
+				indicatorColor = Color3.fromHex("#496E68"),
+				intents = {
+					primary = {
+						default = {
+							backgroundColor = Color3.fromHex("#EFE5D3"),
+							textColor = Color3.fromHex("#4A4034"),
+						},
+						hover = {
+							backgroundColor = Color3.fromHex("#DFE8DC"),
+							textColor = Color3.fromHex("#244F4A"),
+						},
+						focus = {
+							backgroundColor = Color3.fromHex("#CFE1DC"),
+							textColor = Color3.fromHex("#183B37"),
+						},
+						disabled = {
+							backgroundColor = Color3.fromHex("#E8DFCF"),
+							textColor = Color3.fromHex("#9B8B73"),
+						},
+					},
+				},
+			},
+			content = {
+				backgroundColor = Color3.fromHex("#FFF9ED"),
+			},
+		},
 		draggable = {
 			placeholder = {
 				backgroundColor = Color3.fromHex("#EFE5D3"),
@@ -336,17 +390,34 @@ local SandstoneTheme = createTheme({
 			header = {},
 			body = {},
 		},
-		pie = {
-			boxShadow = {
-				shadow = "0px 0px",
-				color = Color3.fromHex("#FFFFFF"),
-				transparency = 1,
-			},
+		charts = {
 			colors = { Color3.fromHex("#7A9E7E"), Color3.fromHex("#A66C5D"), Color3.fromHex("#B89A5A"), Color3.fromHex("#6E97A8"), Color3.fromHex("#8A729E"), Color3.fromHex("#6F9A90"), Color3.fromHex("#C97A4A"), Color3.fromHex("#C58A9A"), Color3.fromHex("#8F7B5E"), Color3.fromHex("#8C9B5E") },
-			labels = {
-				backgroundColor = Color3.fromHex("#FFF9ED"),
-				backgroundTransparency = 0,
-				borderColor = Color3.fromHex("#D8CDBA"),
+			pie = {
+				boxShadow = {
+					shadow = "0px 0px",
+					color = Color3.fromHex("#FFFFFF"),
+					transparency = 1,
+				},
+				labels = {
+					backgroundColor = Color3.fromHex("#FFF9ED"),
+					backgroundTransparency = 0,
+					borderColor = Color3.fromHex("#D8CDBA"),
+				},
+			},
+			bar = {
+				borderColor = Color3.fromHex("#5F5547"),
+				axis = {
+					color = Color3.fromHex("#5F5547"),
+				},
+				xAxis = {
+					tickColor = Color3.fromHex("#786B59"),
+				},
+				yAxis = {
+					tickColor = Color3.fromHex("#786B59"),
+				},
+				gridLines = {
+					color = Color3.fromHex("#8F7B5E"),
+				},
 			},
 		},
 	},

package/out/Theme/themes/wooden.theme.d.ts

@@ -0,0 +1 @@
+export declare const WoodenTheme: import("..").ThemeTemplate;