@rbxts/react-clean-ui 1.0.5

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

@@ -0,0 +1,345 @@
+-- Compiled with roblox-ts v3.0.0
+local font = Enum.Font.SourceSans
+local SandstoneTheme = {
+	colors = {
+		intents = {
+			primary = {
+				default = {
+					textColor = Color3.fromHex("#244F4A"),
+					borderColor = Color3.fromHex("#4E8179"),
+					backgroundColor = Color3.fromHex("#D9E9E5"),
+				},
+				hover = {
+					textColor = Color3.fromHex("#183B37"),
+					borderColor = Color3.fromHex("#376A63"),
+					backgroundColor = Color3.fromHex("#C4DDD7"),
+				},
+			},
+			success = {
+				default = {
+					textColor = Color3.fromHex("#2E6245"),
+					borderColor = Color3.fromHex("#5B8A6A"),
+					backgroundColor = Color3.fromHex("#DDEBDD"),
+				},
+				hover = {
+					textColor = Color3.fromHex("#214E35"),
+					borderColor = Color3.fromHex("#467554"),
+					backgroundColor = Color3.fromHex("#C9E0CB"),
+				},
+			},
+			danger = {
+				default = {
+					textColor = Color3.fromHex("#8A3D3A"),
+					borderColor = Color3.fromHex("#B46861"),
+					backgroundColor = Color3.fromHex("#F2D9D5"),
+				},
+				hover = {
+					textColor = Color3.fromHex("#6F2D2B"),
+					borderColor = Color3.fromHex("#9F504A"),
+					backgroundColor = Color3.fromHex("#EBC5C0"),
+				},
+			},
+			warning = {
+				default = {
+					textColor = Color3.fromHex("#7A5721"),
+					borderColor = Color3.fromHex("#C3994C"),
+					backgroundColor = Color3.fromHex("#F5E8C8"),
+				},
+				hover = {
+					textColor = Color3.fromHex("#644515"),
+					borderColor = Color3.fromHex("#AA7E34"),
+					backgroundColor = Color3.fromHex("#EED9A7"),
+				},
+			},
+			info = {
+				default = {
+					textColor = Color3.fromHex("#365F78"),
+					borderColor = Color3.fromHex("#6F98AE"),
+					backgroundColor = Color3.fromHex("#DDEAF0"),
+				},
+				hover = {
+					textColor = Color3.fromHex("#294A5D"),
+					borderColor = Color3.fromHex("#578097"),
+					backgroundColor = Color3.fromHex("#C8DDE7"),
+				},
+			},
+		},
+	},
+	default = {
+		scale = "md",
+		spacing = "md",
+	},
+	breakpoints = {
+		xs = 100,
+		sm = 200,
+		md = 300,
+		lg = 400,
+		xl = 500,
+	},
+	spacing = {
+		xs = 4,
+		sm = 8,
+		md = 12,
+		lg = 16,
+		xl = 24,
+	},
+	radius = {
+		sm = 2,
+		md = 4,
+		lg = 8,
+		default = "md",
+	},
+	typography = {
+		display = {
+			font = font,
+			weight = Enum.FontWeight.Bold,
+			size = Enum.FontSize.Size48,
+			lineHeight = 1.05,
+		},
+		title = {
+			font = font,
+			weight = Enum.FontWeight.SemiBold,
+			size = Enum.FontSize.Size32,
+			lineHeight = 1.15,
+		},
+		heading = {
+			font = font,
+			weight = Enum.FontWeight.SemiBold,
+			size = Enum.FontSize.Size24,
+			lineHeight = 1.2,
+		},
+		body = {
+			font = font,
+			size = Enum.FontSize.Size18,
+			lineHeight = 1.45,
+		},
+		label = {
+			font = font,
+			weight = Enum.FontWeight.SemiBold,
+			size = Enum.FontSize.Size14,
+			lineHeight = 1.2,
+		},
+		caption = {
+			font = font,
+			size = Enum.FontSize.Size10,
+			lineHeight = 1.3,
+		},
+	},
+	typeScaleMap = {
+		xs = "caption",
+		sm = "label",
+		md = "body",
+		lg = "heading",
+		xl = "title",
+	},
+	components = {
+		scroller = {
+			barColor = Color3.fromHex("#9B8B73"),
+		},
+		boxShadow = {
+			color = Color3.fromHex("#4F4538"),
+			transparency = 0.82,
+		},
+		box = {
+			backgroundColor = Color3.fromHex("#FFF9ED"),
+			backgroundTransparency = 0,
+			borderColor = Color3.fromHex("#D8CDBA"),
+			borderThickness = 1,
+			cornerRadius = 4,
+			boxShadow = "0px 3px 8px 0px",
+		},
+		button = {
+			backgroundTransparency = 0,
+			borderThickness = 1,
+			cornerRadius = 4,
+			intents = {
+				primary = {
+					default = {
+						textColor = Color3.fromHex("#244F4A"),
+					},
+				},
+				success = {
+					default = {
+						textColor = Color3.fromHex("#2E6245"),
+					},
+				},
+				info = {
+					default = {
+						textColor = Color3.fromHex("#365F78"),
+					},
+				},
+				warning = {
+					default = {
+						textColor = Color3.fromHex("#7A5721"),
+					},
+				},
+				danger = {
+					default = {
+						textColor = Color3.fromHex("#8A3D3A"),
+					},
+				},
+			},
+		},
+		input = {
+			borderColor = Color3.fromHex("#CDBFA8"),
+			borderThickness = 1,
+			cornerRadius = 4,
+		},
+		select = {
+			dropDownBackgroundColor = Color3.fromHex("#FFF9ED"),
+			maxDropDownHeight = 200,
+			borderColor = Color3.fromHex("#CDBFA8"),
+			borderThickness = 1,
+			cornerRadius = 4,
+			intents = {
+				primary = {
+					default = {
+						textColor = Color3.fromHex("#4A4034"),
+						backgroundColor = Color3.fromHex("#FFF9ED"),
+					},
+					hover = {
+						textColor = Color3.fromHex("#244F4A"),
+						backgroundColor = Color3.fromHex("#E7F0EB"),
+					},
+					focus = {
+						textColor = Color3.fromHex("#FFFFFF"),
+						borderColor = Color3.fromHex("#376A63"),
+						backgroundColor = Color3.fromHex("#4E8179"),
+					},
+				},
+			},
+		},
+		checkbox = {
+			borderColor = Color3.fromHex("#CDBFA8"),
+			borderThickness = 1,
+			cornerRadius = 4,
+			spacing = {
+				xs = 1,
+				sm = 2,
+				md = 4,
+				lg = 6,
+				xl = 8,
+			},
+		},
+		tabs = {
+			borderColor = Color3.fromHex("#D8CDBA"),
+			backgroundColor = Color3.fromHex("#FFF9ED"),
+			borderThickness = 1,
+			cornerRadius = 4,
+			list = {
+				backgroundColor = Color3.fromHex("#EFE5D3"),
+				borderThickness = 0,
+				cornerRadius = 2,
+				spacing = {
+					xs = 2,
+					sm = 4,
+					md = 6,
+					lg = 8,
+					xl = 12,
+				},
+			},
+			button = {
+				borderThickness = 0,
+				cornerRadius = 2,
+				spacing = {
+					xs = 1,
+					sm = 2,
+					md = 4,
+					lg = 6,
+					xl = 8,
+				},
+				intents = {
+					primary = {
+						default = {
+							backgroundTransparency = 1,
+							textColor = Color3.fromHex("#746754"),
+						},
+						hover = {
+							backgroundTransparency = 1,
+							textColor = Color3.fromHex("#244F4A"),
+						},
+						focus = {
+							textColor = Color3.fromHex("#244F4A"),
+							backgroundColor = Color3.fromHex("#FFF9ED"),
+							backgroundTransparency = 0,
+							boxShadow = "0px 2px 5px 0px",
+							typography = {
+								weight = Enum.FontWeight.SemiBold,
+							},
+						},
+					},
+				},
+			},
+		},
+		draggable = {
+			placeholder = {
+				backgroundColor = Color3.fromHex("#EFE5D3"),
+				backgroundTransparency = 0.35,
+				borderColor = Color3.fromHex("#CDBFA8"),
+				borderThickness = 1,
+				cornerRadius = 4,
+			},
+		},
+		card = {
+			borderThickness = 1,
+			cornerRadius = 4,
+			header = {
+				intents = {
+					primary = {
+						default = {
+							backgroundColor = Color3.fromHex("#EFE5D3"),
+							backgroundTransparency = 0,
+						},
+					},
+				},
+			},
+			footer = {
+				intents = {
+					primary = {
+						default = {
+							backgroundColor = Color3.fromHex("#EFE5D3"),
+							backgroundTransparency = 0,
+						},
+					},
+				},
+			},
+		},
+		slider = {
+			height = 20,
+			bar = {
+				height = "50%",
+				padding = 10,
+				backgroundColor = Color3.fromHex("#EFE5D3"),
+				borderThickness = 1,
+				backgroundTransparency = 0,
+				borderColor = Color3.fromHex("#CDBFA8"),
+				cornerRadius = 4,
+				highlight = {
+					backgroundColor = Color3.fromHex("#CDBFA8"),
+					backgroundTransparency = 0.3,
+					borderColor = Color3.fromHex("#CDBFA8"),
+				},
+			},
+			handle = {
+				backgroundColor = Color3.fromHex("#D9E9E5"),
+				borderThickness = 1,
+				backgroundTransparency = 0,
+				borderColor = Color3.fromHex("#4E8179"),
+				cornerRadius = 4,
+			},
+		},
+	},
+	icons = {
+		["shopping-cart"] = 112388431913339,
+	},
+	iconSize = {
+		xs = 10,
+		sm = 16,
+		md = 20,
+		lg = 24,
+		xl = 30,
+	},
+}
+return {
+	SandstoneTheme = SandstoneTheme,
+}

package/out/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Components";
+export * from "./Helpers";
+export * from "./Theme";
+export * from "./Interfaces";
+export * from "./Providers";
+export * from "./Contexts";

package/out/init.luau

@@ -0,0 +1,22 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "Components") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "Helpers") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "Theme") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "Interfaces") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "Providers") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "Contexts") or {} do
+	exports[_k] = _v
+end
+return exports

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@rbxts/react-clean-ui",
+  "version": "1.0.5",
+  "description": "",
+  "main": "out/init.lua",
+  "scripts": {
+    "build": "rbxtsc",
+    "watch": "rbxtsc -w",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "types": "out/index.d.ts",
+  "files": [
+    "out",
+    "!**/*.tsbuildinfo"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@rbxts/compiler-types": "^3.0.0-types.0",
+    "@rbxts/types": "^1.0.938",
+    "@typescript-eslint/eslint-plugin": "^8.63.0",
+    "@typescript-eslint/parser": "^8.63.0",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.6",
+    "eslint-plugin-roblox-ts": "^1.4.0",
+    "prettier": "^3.9.5",
+    "roblox-ts": "^3.0.0",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "@rbxts/react": "^17.3.7-ts.2",
+    "@rbxts/react-ripple": "^3.0.1",
+    "@rbxts/react-roblox": "^17.3.7-ts.2",
+    "@rbxts/services": "^1.6.0",
+    "@rbxts/ui-labs": "^2.4.2"
+  }
+}