@rbxts/react-clean-ui 1.0.38 → 1.1.0

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

@@ -118,7 +118,60 @@ local WoodenTheme = createTheme({
 				},
 			},
 		},
+		accordion = {
+			borderColor = Color3.fromHex("#3D2712"),
+			borderThickness = 2,
+			cornerRadius = 0,
+			header = {
+				indicatorSize = 14,
+				indicatorColor = Color3.fromHex("#FFF7CF"),
+				intents = {
+					primary = {
+						default = {
+							textColor = Color3.fromHex("#FFF7CF"),
+							backgroundTransparency = 1,
+							backgroundImage = {
+								image = 92016395170536,
+								slice = "10 5 240 40",
+								tintColor = Color3.fromHex("#7A4A20"),
+							},
+						},
+						hover = {
+							textColor = Color3.fromHex("#FFF7CF"),
+							backgroundImage = {
+								tintColor = Color3.fromHex("#A16B30"),
+							},
+						},
+						focus = {
+							textColor = Color3.fromHex("#FFF7CF"),
+							backgroundImage = {
+								tintColor = Color3.fromHex("#BA854A"),
+							},
+						},
+						disabled = {
+							textColor = Color3.fromHex("#a4a29f"),
+							backgroundTransparency = 1,
+							backgroundImage = {
+								transparency = 0.3,
+							},
+						},
+					},
+				},
+			},
+			content = {
+				backgroundColor = Color3.fromHex("#5C3A18"),
+				backgroundTransparency = 0,
+			},
+		},
 		tabs = {
+			backgroundImage = {
+				image = 137043424796720,
+				tintColor = Color3.fromHex("#8a5a28"),
+				size = "Tile",
+				tileSize = "200px",
+			},
+			borderColor = Color3.fromHex("#331d07"),
+			cornerRadius = 8,
 			list = {
 				borderThickness = 0,
 				cornerRadius = 0,
@@ -243,6 +296,9 @@ local WoodenTheme = createTheme({
 		card = {
 			borderThickness = 0,
 			cornerRadius = 0,
+			body = {
+				padding = "10px 40px",
+			},
 			header = {
 				intents = {
 					primary = {
@@ -293,7 +349,7 @@ local WoodenTheme = createTheme({
 				position = {
 					position = "absolute",
 					center = "x",
-					top = "-10px",
+					top = "0px",
 					zIndex = 2,
 				},
 			},
@@ -353,7 +409,7 @@ local WoodenTheme = createTheme({
 				},
 				position = {
 					position = "absolute",
-					bottom = "-10px",
+					bottom = "0px",
 					left = "50px",
 					right = "50px",
 					zIndex = 2,
@@ -436,6 +492,61 @@ local WoodenTheme = createTheme({
 				},
 			},
 		},
+		slider = {
+			height = 20,
+			bar = {
+				height = "50%",
+				padding = 10,
+				backgroundColor = Color3.fromHex("#5C3A18"),
+				backgroundTransparency = 0,
+				borderThickness = 1,
+				borderColor = Color3.fromHex("#3D2712"),
+				cornerRadius = 4,
+				highlight = {
+					backgroundColor = Color3.fromHex("#A16B30"),
+					backgroundTransparency = 0,
+					borderColor = Color3.fromHex("#3D2712"),
+				},
+			},
+			handle = {
+				boxShadow = "0px 0px 5px 5px",
+				backgroundColor = Color3.fromHex("#BA854A"),
+				backgroundTransparency = 0,
+				borderThickness = 2,
+				borderColor = Color3.fromHex("#3D2712"),
+				cornerRadius = "100%",
+			},
+		},
+		toast = {
+			intents = {
+				primary = {
+					backgroundTransparency = 1,
+				},
+			},
+		},
+		tooltip = {
+			cornerRadius = 0,
+			intents = {
+				primary = {
+					textColor = Color3.fromHex("#FFF7CF"),
+					backgroundColor = Color3.fromHex("#7A4A20"),
+					borderColor = Color3.fromHex("#3D2712"),
+					backgroundTransparency = 0,
+				},
+				success = {
+					backgroundColor = Color3.fromHex("#4E6A24"),
+				},
+				info = {
+					backgroundColor = Color3.fromHex("#2C5270"),
+				},
+				warning = {
+					backgroundColor = Color3.fromHex("#A67A20"),
+				},
+				danger = {
+					backgroundColor = Color3.fromHex("#7A3220"),
+				},
+			},
+		},
 	},
 })
 return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rbxts/react-clean-ui",
-  "version": "1.0.38",
+  "version": "1.1.0",
   "description": "A clean UI library for Roblox TypeScript projects",
   "main": "out/init.lua",
   "scripts": {
@@ -35,7 +35,7 @@
   "devDependencies": {
     "@rbxts/compiler-types": "^3.0.0-types.0",
     "@rbxts/lunit": "^4.0.2",
-    "@rbxts/react-screenshot-plugin": "^0.1.6",
+    "@rbxts/react-screenshot-plugin": "^0.1.7",
     "@rbxts/types": "^1.0.938",
     "@typescript-eslint/eslint-plugin": "^8.63.0",
     "@typescript-eslint/parser": "^8.63.0",