@rbxts/uiblox 0.1.0

package/out/ui/packages/treeView/interfaces/Branch.d.ts

@@ -0,0 +1,6 @@
+import Leaf from "./Leaf";
+export default interface Branch {
+    title: string;
+    leaves: Leaf[];
+    onClick?: () => void;
+}

package/out/ui/packages/treeView/interfaces/Branch.lua

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v2.2.0
+return nil

package/out/ui/packages/treeView/interfaces/Leaf.d.ts

@@ -0,0 +1,4 @@
+export default interface Leaf {
+    title: string;
+    onClick?: () => void;
+}

package/out/ui/packages/treeView/interfaces/Leaf.lua

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v2.2.0
+return nil

package/out/ui/packages/treeView/interfaces/Tree.d.ts

@@ -0,0 +1,5 @@
+import Branch from "./Branch";
+export default interface Tree {
+    title: string;
+    branches: Branch[];
+}

package/out/ui/packages/treeView/interfaces/Tree.lua

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v2.2.0
+return nil

package/out/ui/packages/typography/components/Typography.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="@rbxts/types" />
+/// <reference types="roact" />
+import Roact from "@rbxts/roact";
+import { CustomizedProps } from "../../../../theme";
+import { FontFamilyVariant, FontSizeVariant } from "../../../../theme/interfaces/typography";
+import { TypographyAlignment } from "../types/TypographyAlignment";
+import { TypographyColor } from "../types/TypographyColor";
+import { TypographyDisplay } from "../types/TypographyDisplay";
+type DefaultTypographyComponent = TextLabel;
+export interface TypographyProps {
+    text?: string;
+    variant?: FontSizeVariant;
+    family?: FontFamilyVariant;
+    color?: TypographyColor;
+    display?: TypographyDisplay;
+    align?: TypographyAlignment;
+    noWrap?: boolean;
+    lineClamp?: boolean;
+}
+declare function Typography<T extends DefaultTypographyComponent>(props: CustomizedProps<T, TypographyProps>): Roact.Element;
+export default Typography;

package/out/ui/packages/typography/components/Typography.lua

@@ -0,0 +1,47 @@
+-- Compiled with roblox-ts v2.2.0
+local TS = _G[script]
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local useTypographyStyles = TS.import(script, script.Parent, "Typography.styles").default
+local function Typography(props)
+	local _binding = props
+	local text = _binding.text
+	if text == nil then
+		text = ""
+	end
+	local className = _binding.className
+	local children = _binding[Roact.Children]
+	local _binding_1 = useTypographyStyles(props)
+	local root = _binding_1.root
+	local variantToken = _binding_1.variantToken
+	local _attributes = {}
+	for _k, _v in root do
+		_attributes[_k] = _v
+	end
+	_attributes.Text = text
+	if className then
+		for _k, _v in className do
+			_attributes[_k] = _v
+		end
+	end
+	for _k, _v in variantToken do
+		_attributes[_k] = _v
+	end
+	local _children = {}
+	local _length = #_children
+	if children then
+		for _k, _v in children do
+			if type(_k) == "number" then
+				_children[_length + _k] = _v
+			else
+				_children[_k] = _v
+			end
+		end
+	end
+	return Roact.createFragment({
+		Typography = Roact.createElement("TextLabel", _attributes, _children),
+	})
+end
+local default = Typography
+return {
+	default = default,
+}

package/out/ui/packages/typography/components/Typography.styles.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from "./Typography";
+declare const useTypographyStyles: (props: TypographyProps) => import("../../../../theme").ClassNameMap<string>;
+export default useTypographyStyles;

package/out/ui/packages/typography/components/Typography.styles.lua

@@ -0,0 +1,97 @@
+-- Compiled with roblox-ts v2.2.0
+local TS = _G[script]
+local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
+local createStyles = _theme.createStyles
+local makeStyles = _theme.makeStyles
+local useTypographyStyles = makeStyles(function(theme, _param)
+	local color = _param.color
+	if color == nil then
+		color = "initial"
+	end
+	local variant = _param.variant
+	if variant == nil then
+		variant = "body"
+	end
+	local family = _param.family
+	if family == nil then
+		family = "default"
+	end
+	local align = _param.align
+	if align == nil then
+		align = "left"
+	end
+	local noWrap = _param.noWrap
+	if noWrap == nil then
+		noWrap = false
+	end
+	local lineClamp = _param.lineClamp
+	if lineClamp == nil then
+		lineClamp = false
+	end
+	local DEFAULT_COLOR = theme.palette.text.primary
+	-- Map of room size to stud dimensions
+	local COLOR_TO_PALLETTE_MAP = {
+		initial = DEFAULT_COLOR,
+		primary = theme.palette.primary.main,
+		secondary = theme.palette.secondary.main,
+		textPrimary = theme.palette.text.primary,
+		textSecondary = theme.palette.text.secondary,
+		error = theme.palette.error.main,
+		warning = theme.palette.warning.main,
+	}
+	local COLOR_TO_PALETTE = function(color, parent)
+		if color == "inherit" and parent then
+			if parent:IsA("TextLabel") or parent:IsA("TextButton") then
+				return parent.TextColor3
+			end
+			return DEFAULT_COLOR
+		end
+		local _color = color
+		local lookup = COLOR_TO_PALLETTE_MAP[_color]
+		return lookup or DEFAULT_COLOR
+	end
+	local makeRootStyles = function()
+		local defaultStyles = {}
+		if color == "warning" then
+			defaultStyles.TextColor3 = theme.options.constants.colors.caution
+		elseif color then
+			defaultStyles.TextColor3 = COLOR_TO_PALETTE(color)
+		end
+		repeat
+			if align == "left" then
+				defaultStyles.TextXAlignment = Enum.TextXAlignment.Left
+				break
+			end
+			if align == "center" then
+				defaultStyles.TextXAlignment = Enum.TextXAlignment.Center
+				break
+			end
+			if align == "right" then
+				defaultStyles.TextXAlignment = Enum.TextXAlignment.Right
+				break
+			end
+			defaultStyles.TextXAlignment = Enum.TextXAlignment.Left
+			break
+		until true
+		defaultStyles.TextColor3 = color and COLOR_TO_PALETTE(color)
+		-- eslint-disable-next-line roblox-ts/lua-truthiness
+		defaultStyles.TextWrapped = not noWrap
+		defaultStyles.ClipsDescendants = lineClamp
+		defaultStyles.BackgroundTransparency = 1
+		defaultStyles.BorderSizePixel = 0
+		defaultStyles.Size = UDim2.new(1, 0, 1, 0)
+		defaultStyles.ZIndex = 10000
+		return defaultStyles
+	end
+	return createStyles({
+		root = makeRootStyles(),
+		variantToken = {
+			TextSize = variant and theme.typography.fontSizes[variant],
+			Font = family and theme.typography.fontFamilies[family],
+		},
+	})
+end)
+local default = useTypographyStyles
+return {
+	default = default,
+}

package/out/ui/packages/typography/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Typography } from "./components/Typography";
+export { TypographyProps } from "./components/Typography";
+export * from "./components/Typography";
+export { TypographyAlignment } from "./types";
+export { TypographyColor } from "./types";
+export { TypographyDisplay } from "./types";

package/out/ui/packages/typography/init.lua

@@ -0,0 +1,8 @@
+-- Compiled with roblox-ts v2.2.0
+local TS = _G[script]
+local exports = {}
+exports.Typography = TS.import(script, script, "components", "Typography").default
+for _k, _v in TS.import(script, script, "components", "Typography") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/ui/packages/typography/types/TypographyAlignment.d.ts

@@ -0,0 +1 @@
+export type TypographyAlignment = "left" | "center" | "right";

package/out/ui/packages/typography/types/TypographyAlignment.lua

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v2.2.0
+return nil

package/out/ui/packages/typography/types/TypographyColor.d.ts

@@ -0,0 +1 @@
+export type TypographyColor = "initial" | "inherit" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | "warning";

package/out/ui/packages/typography/types/TypographyColor.lua

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v2.2.0
+return nil

package/out/ui/packages/typography/types/TypographyDisplay.d.ts

@@ -0,0 +1 @@
+export type TypographyDisplay = "initial" | "block" | "inline";

package/out/ui/packages/typography/types/TypographyDisplay.lua

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v2.2.0
+return nil

package/out/ui/packages/typography/types/index.d.ts

@@ -0,0 +1,3 @@
+export { TypographyAlignment } from "./TypographyAlignment";
+export { TypographyColor } from "./TypographyColor";
+export { TypographyDisplay } from "./TypographyDisplay";

package/out/ui/packages/typography/types/init.lua

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v2.2.0
+return nil

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@rbxts/uiblox",
+  "version": "0.1.0",
+  "description": "UI Library and theming for roblox-ts projects",
+  "main": "out/init.lua",
+  "scripts": {
+    "build": "rbxtsc",
+    "watch": "rbxtsc -w",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "roblox-ts",
+    "ui",
+    "uiblox",
+    "design",
+    "library",
+    "material",
+    "component",
+    "system"
+  ],
+  "author": "bjlarouche",
+  "license": "MIT",
+  "types": "out/index.d.ts",
+  "files": [
+    "out",
+    "!**/*.tsbuildinfo"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@rbxts/boat-tween": "^1.0.1",
+    "@rbxts/compiler-types": "^2.2.0-types.0",
+    "@rbxts/roact": "^1.4.4-ts.0",
+    "@rbxts/services": "^1.2.0",
+    "@rbxts/types": "^1.0.729",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
+    "eslint": "^8.52.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-roblox-ts": "^0.0.36",
+    "prettier": "^3.0.3",
+    "roblox-ts": "^2.2.0",
+    "typescript": "^5.2.2"
+  },
+  "dependencies": {
+    "@rbxts/roact": "^1.4.4-ts.0",
+    "@rbxts/roact-hooked": "^2.6.2",
+    "@rbxts/roact-rodux-hooked": "^1.1.3",
+    "@rbxts/rodux": "^3.0.0-ts.3",
+    "@rbxts/roselect": "^0.1.1"
+  },
+  "peerDependencies": {
+    "@rbxts/roact": "^1.4.4-ts.0"
+  },
+  "directories": {
+    "doc": "docs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bjlarouche/uiblox-rbxts.git"
+  },
+  "bugs": {
+    "url": "https://github.com/bjlarouche/uiblox-rbxts/issues"
+  },
+  "homepage": "https://github.com/bjlarouche/uiblox-rbxts#readme"
+}