@rbxts/uiblox 0.2.0-alpha.10 → 0.2.0-alpha.11

package/out/ui/packages/card/components/Card.d.ts

@@ -4,6 +4,7 @@ export interface CardProps {
     title?: string;
     subtitle?: string;
     elevation?: PaperElevation;
+    square?: boolean;
     actions?: React.ReactNode;
     children?: React.ReactNode;
 }

package/out/ui/packages/card/components/Card.luau

@@ -11,6 +11,7 @@ local function Card(props)
 	if elevation == nil then
 		elevation = "flat"
 	end
+	local square = _binding.square
 	local actions = _binding.actions
 	local children = _binding.children
 	local styles = useCardStyles()
@@ -66,6 +67,7 @@ local function Card(props)
 	end
 	return React.createElement(Paper, {
 		elevation = elevation,
+		square = square,
 	}, React.createElement("frame", _attributes, _exp, _condition, _condition_1, _exp_1, _condition_2))
 end
 local default = Card

package/out/ui/packages/drawer/components/Drawer.d.ts

@@ -4,6 +4,7 @@ export interface DrawerProps {
     host?: Instance;
     open: boolean;
     edge?: DrawerEdge;
+    width?: number;
     onClose: () => void;
     children?: React.ReactNode;
 }

package/out/ui/packages/drawer/components/Drawer.luau

@@ -17,9 +17,12 @@ local function Drawer(props)
 	if edge == nil then
 		edge = "left"
 	end
+	local width = _binding.width
 	local onClose = _binding.onClose
 	local children = _binding.children
-	local styles = useDrawerStyles()
+	local styles = useDrawerStyles({
+		width = width,
+	})
 	local close = useRef(onClose)
 	close.current = onClose
 	useEffect(function()

package/out/ui/packages/drawer/components/Drawer.styles.d.ts

@@ -1,2 +1,4 @@
-declare const useDrawerStyles: () => import("../../../../theme/index").ClassNameMap<string>;
+declare const useDrawerStyles: (props: {
+    width?: number;
+}) => import("../../../../theme/index").ClassNameMap<string>;
 export default useDrawerStyles;

package/out/ui/packages/drawer/components/Drawer.styles.luau

@@ -3,7 +3,8 @@ local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local componentStyles = _theme.componentStyles
 local createStyles = _theme.createStyles
-local useDrawerStyles = componentStyles("Drawer", function(theme)
+local useDrawerStyles = componentStyles("Drawer", function(theme, _param)
+	local width = _param.width
 	return createStyles({
 		root = {
 			Size = UDim2.fromScale(1, 1),
@@ -21,7 +22,7 @@ local useDrawerStyles = componentStyles("Drawer", function(theme)
 			ZIndex = 30000,
 		},
 		panel = {
-			Size = UDim2.new(0, theme.spacing.calc(20), 1, 0),
+			Size = UDim2.new(0, if width ~= nil and width > 0 then width else theme.spacing.calc(20), 1, 0),
 			BackgroundColor3 = theme.palette.surface.elevated,
 			BorderSizePixel = 0,
 			ZIndex = 30001,

package/out/ui/packages/stateMatrix.luau

@@ -1255,50 +1255,56 @@ local function surfacesRows()
 	local _Length_31 = #_array_32
 	table.move(_array_32, 1, _Length_31, _length + 1, _array)
 	_length += _Length_31
-	local _array_33 = pair("Chip", "default")
+	local _array_33 = pair("Card", "square", {
+		variant = "square",
+	})
 	local _Length_32 = #_array_33
 	table.move(_array_33, 1, _Length_32, _length + 1, _array)
 	_length += _Length_32
-	local _array_34 = pair("Chip", "size-small", {
-		size = "small",
-	})
+	local _array_34 = pair("Chip", "default")
 	local _Length_33 = #_array_34
 	table.move(_array_34, 1, _Length_33, _length + 1, _array)
 	_length += _Length_33
-	local _array_35 = pair("Chip", "size-large", {
-		size = "large",
+	local _array_35 = pair("Chip", "size-small", {
+		size = "small",
 	})
 	local _Length_34 = #_array_35
 	table.move(_array_35, 1, _Length_34, _length + 1, _array)
 	_length += _Length_34
-	local _array_36 = pair("Chip", "selected", {
-		value = true,
+	local _array_36 = pair("Chip", "size-large", {
+		size = "large",
 	})
 	local _Length_35 = #_array_36
 	table.move(_array_36, 1, _Length_35, _length + 1, _array)
 	_length += _Length_35
-	local _array_37 = pair("Chip", "disabled", {
-		disabled = true,
+	local _array_37 = pair("Chip", "selected", {
+		value = true,
 	})
 	local _Length_36 = #_array_37
 	table.move(_array_37, 1, _Length_36, _length + 1, _array)
 	_length += _Length_36
-	local _array_38 = pair("Chip", "deletable", {
-		text = "Tag",
+	local _array_38 = pair("Chip", "disabled", {
+		disabled = true,
 	})
 	local _Length_37 = #_array_38
 	table.move(_array_38, 1, _Length_37, _length + 1, _array)
 	_length += _Length_37
-	local _array_39 = pair("Badge", "count", {
-		value = 3,
+	local _array_39 = pair("Chip", "deletable", {
+		text = "Tag",
 	})
 	local _Length_38 = #_array_39
 	table.move(_array_39, 1, _Length_38, _length + 1, _array)
 	_length += _Length_38
-	local _array_40 = pair("Badge", "max", {
+	local _array_40 = pair("Badge", "count", {
+		value = 3,
+	})
+	local _Length_39 = #_array_40
+	table.move(_array_40, 1, _Length_39, _length + 1, _array)
+	_length += _Length_39
+	local _array_41 = pair("Badge", "max", {
 		value = 100,
 	})
-	table.move(_array_40, 1, #_array_40, _length + 1, _array)
+	table.move(_array_41, 1, #_array_41, _length + 1, _array)
 	return _array
 end
 local function chromeRows()
@@ -1348,226 +1354,233 @@ local function chromeRows()
 	local _Length_6 = #_array_7
 	table.move(_array_7, 1, _Length_6, _length + 1, _array)
 	_length += _Length_6
-	local _array_8 = pair("Breadcrumbs", "single", {
-		text = "Home",
+	local _array_8 = pair("Drawer", "wide", {
+		open = true,
+		variant = "wide",
 	})
 	local _Length_7 = #_array_8
 	table.move(_array_8, 1, _Length_7, _length + 1, _array)
 	_length += _Length_7
-	local _array_9 = pair("Breadcrumbs", "trail", {
-		text = "Home / Library / Item",
+	local _array_9 = pair("Breadcrumbs", "single", {
+		text = "Home",
 	})
 	local _Length_8 = #_array_9
 	table.move(_array_9, 1, _Length_8, _length + 1, _array)
 	_length += _Length_8
-	local _array_10 = pair("Breadcrumbs", "collapsed", {
-		text = "Home / … / Item",
-		size = "small",
+	local _array_10 = pair("Breadcrumbs", "trail", {
+		text = "Home / Library / Item",
 	})
 	local _Length_9 = #_array_10
 	table.move(_array_10, 1, _Length_9, _length + 1, _array)
 	_length += _Length_9
-	local _array_11 = pair("Breadcrumbs", "custom-separator", {
-		text = "Home > Item",
+	local _array_11 = pair("Breadcrumbs", "collapsed", {
+		text = "Home / … / Item",
+		size = "small",
 	})
 	local _Length_10 = #_array_11
 	table.move(_array_11, 1, _Length_10, _length + 1, _array)
 	_length += _Length_10
-	local _array_12 = pair("Pagination", "first", {
-		value = 1,
+	local _array_12 = pair("Breadcrumbs", "custom-separator", {
+		text = "Home > Item",
 	})
 	local _Length_11 = #_array_12
 	table.move(_array_12, 1, _Length_11, _length + 1, _array)
 	_length += _Length_11
-	local _array_13 = pair("Pagination", "middle", {
-		value = 3,
+	local _array_13 = pair("Pagination", "first", {
+		value = 1,
 	})
 	local _Length_12 = #_array_13
 	table.move(_array_13, 1, _Length_12, _length + 1, _array)
 	_length += _Length_12
-	local _array_14 = pair("Pagination", "collapsed", {
-		value = 10,
-		size = "large",
+	local _array_14 = pair("Pagination", "middle", {
+		value = 3,
 	})
 	local _Length_13 = #_array_14
 	table.move(_array_14, 1, _Length_13, _length + 1, _array)
 	_length += _Length_13
-	local _array_15 = pair("Pagination", "disabled", {
-		value = 2,
-		disabled = true,
+	local _array_15 = pair("Pagination", "collapsed", {
+		value = 10,
+		size = "large",
 	})
 	local _Length_14 = #_array_15
 	table.move(_array_15, 1, _Length_14, _length + 1, _array)
 	_length += _Length_14
-	local _array_16 = pair("Stepper", "first", {
-		value = 0,
+	local _array_16 = pair("Pagination", "disabled", {
+		value = 2,
+		disabled = true,
 	})
 	local _Length_15 = #_array_16
 	table.move(_array_16, 1, _Length_15, _length + 1, _array)
 	_length += _Length_15
-	local _array_17 = pair("Stepper", "middle", {
-		value = 1,
+	local _array_17 = pair("Stepper", "first", {
+		value = 0,
 	})
 	local _Length_16 = #_array_17
 	table.move(_array_17, 1, _Length_16, _length + 1, _array)
 	_length += _Length_16
-	local _array_18 = pair("Stepper", "last", {
-		value = 2,
+	local _array_18 = pair("Stepper", "middle", {
+		value = 1,
 	})
 	local _Length_17 = #_array_18
 	table.move(_array_18, 1, _Length_17, _length + 1, _array)
 	_length += _Length_17
-	local _array_19 = pair("Accordion", "closed", {
-		open = false,
+	local _array_19 = pair("Stepper", "last", {
+		value = 2,
 	})
 	local _Length_18 = #_array_19
 	table.move(_array_19, 1, _Length_18, _length + 1, _array)
 	_length += _Length_18
-	local _array_20 = pair("Accordion", "open", {
-		open = true,
+	local _array_20 = pair("Accordion", "closed", {
+		open = false,
 	})
 	local _Length_19 = #_array_20
 	table.move(_array_20, 1, _Length_19, _length + 1, _array)
 	_length += _Length_19
-	local _array_21 = pair("Accordion", "disabled", {
-		open = false,
-		disabled = true,
+	local _array_21 = pair("Accordion", "open", {
+		open = true,
 	})
 	local _Length_20 = #_array_21
 	table.move(_array_21, 1, _Length_20, _length + 1, _array)
 	_length += _Length_20
-	local _array_22 = pair("Snackbar", "open", {
-		open = true,
-		text = "Saved",
+	local _array_22 = pair("Accordion", "disabled", {
+		open = false,
+		disabled = true,
 	})
 	local _Length_21 = #_array_22
 	table.move(_array_22, 1, _Length_21, _length + 1, _array)
 	_length += _Length_21
-	local _array_23 = pair("Snackbar", "closed", {
-		open = false,
+	local _array_23 = pair("Snackbar", "open", {
+		open = true,
 		text = "Saved",
 	})
 	local _Length_22 = #_array_23
 	table.move(_array_23, 1, _Length_22, _length + 1, _array)
 	_length += _Length_22
-	local _array_24 = pair("Table", "empty", {
-		text = "",
+	local _array_24 = pair("Snackbar", "closed", {
+		open = false,
+		text = "Saved",
 	})
 	local _Length_23 = #_array_24
 	table.move(_array_24, 1, _Length_23, _length + 1, _array)
 	_length += _Length_23
-	local _array_25 = pair("Table", "default", {
-		text = "Name / Role",
+	local _array_25 = pair("Table", "empty", {
+		text = "",
 	})
 	local _Length_24 = #_array_25
 	table.move(_array_25, 1, _Length_24, _length + 1, _array)
 	_length += _Length_24
-	local _array_26 = pair("Table", "selected", {
+	local _array_26 = pair("Table", "default", {
 		text = "Name / Role",
-		value = 0,
 	})
 	local _Length_25 = #_array_26
 	table.move(_array_26, 1, _Length_25, _length + 1, _array)
 	_length += _Length_25
-	local _array_27 = pair("Autocomplete", "default", {
-		value = "Continue",
-		options = { "Continue", "Other" },
+	local _array_27 = pair("Table", "selected", {
+		text = "Name / Role",
+		value = 0,
 	})
 	local _Length_26 = #_array_27
 	table.move(_array_27, 1, _Length_26, _length + 1, _array)
 	_length += _Length_26
-	local _array_28 = pair("Autocomplete", "open", {
+	local _array_28 = pair("Autocomplete", "default", {
 		value = "Continue",
 		options = { "Continue", "Other" },
-		open = true,
 	})
 	local _Length_27 = #_array_28
 	table.move(_array_28, 1, _Length_27, _length + 1, _array)
 	_length += _Length_27
-	local _array_29 = pair("Autocomplete", "disabled", {
+	local _array_29 = pair("Autocomplete", "open", {
 		value = "Continue",
 		options = { "Continue", "Other" },
-		disabled = true,
+		open = true,
 	})
 	local _Length_28 = #_array_29
 	table.move(_array_29, 1, _Length_28, _length + 1, _array)
 	_length += _Length_28
-	local _array_30 = pair("Autocomplete", "empty", {
-		value = "",
-		options = {},
-		open = true,
+	local _array_30 = pair("Autocomplete", "disabled", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		disabled = true,
 	})
 	local _Length_29 = #_array_30
 	table.move(_array_30, 1, _Length_29, _length + 1, _array)
 	_length += _Length_29
-	local _array_31 = pair("Autocomplete", "no-results", {
-		value = "Continue",
-		options = { "Continue", "Other" },
+	local _array_31 = pair("Autocomplete", "empty", {
+		value = "",
+		options = {},
 		open = true,
-		filter = "zzz",
 	})
 	local _Length_30 = #_array_31
 	table.move(_array_31, 1, _Length_30, _length + 1, _array)
 	_length += _Length_30
-	local _array_32 = pair("Fab", "default")
+	local _array_32 = pair("Autocomplete", "no-results", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		open = true,
+		filter = "zzz",
+	})
 	local _Length_31 = #_array_32
 	table.move(_array_32, 1, _Length_31, _length + 1, _array)
 	_length += _Length_31
-	local _array_33 = pair("Fab", "extended", {
-		text = "Compose",
-	})
+	local _array_33 = pair("Fab", "default")
 	local _Length_32 = #_array_33
 	table.move(_array_33, 1, _Length_32, _length + 1, _array)
 	_length += _Length_32
-	local _array_34 = pair("Fab", "small", {
-		size = "small",
+	local _array_34 = pair("Fab", "extended", {
+		text = "Compose",
 	})
 	local _Length_33 = #_array_34
 	table.move(_array_34, 1, _Length_33, _length + 1, _array)
 	_length += _Length_33
-	local _array_35 = pair("Fab", "large", {
-		size = "large",
+	local _array_35 = pair("Fab", "small", {
+		size = "small",
 	})
 	local _Length_34 = #_array_35
 	table.move(_array_35, 1, _Length_34, _length + 1, _array)
 	_length += _Length_34
-	local _array_36 = pair("Fab", "disabled", {
-		disabled = true,
+	local _array_36 = pair("Fab", "large", {
+		size = "large",
 	})
 	local _Length_35 = #_array_36
 	table.move(_array_36, 1, _Length_35, _length + 1, _array)
 	_length += _Length_35
-	local _array_37 = pair("Fab", "loading", {
-		loading = true,
+	local _array_37 = pair("Fab", "disabled", {
+		disabled = true,
 	})
 	local _Length_36 = #_array_37
 	table.move(_array_37, 1, _Length_36, _length + 1, _array)
 	_length += _Length_36
-	local _array_38 = pair("AppBar", "default", {
-		text = "Storyblox",
+	local _array_38 = pair("Fab", "loading", {
+		loading = true,
 	})
 	local _Length_37 = #_array_38
 	table.move(_array_38, 1, _Length_37, _length + 1, _array)
 	_length += _Length_37
-	local _array_39 = pair("AppBar", "flat", {
+	local _array_39 = pair("AppBar", "default", {
 		text = "Storyblox",
-		variant = "flat",
 	})
 	local _Length_38 = #_array_39
 	table.move(_array_39, 1, _Length_38, _length + 1, _array)
 	_length += _Length_38
-	local _array_40 = pair("AppBar", "raised", {
+	local _array_40 = pair("AppBar", "flat", {
 		text = "Storyblox",
-		variant = "raised",
+		variant = "flat",
 	})
 	local _Length_39 = #_array_40
 	table.move(_array_40, 1, _Length_39, _length + 1, _array)
 	_length += _Length_39
-	local _array_41 = pair("BottomNavigation", "default", {
+	local _array_41 = pair("AppBar", "raised", {
+		text = "Storyblox",
+		variant = "raised",
+	})
+	local _Length_40 = #_array_41
+	table.move(_array_41, 1, _Length_40, _length + 1, _array)
+	_length += _Length_40
+	local _array_42 = pair("BottomNavigation", "default", {
 		value = "Home",
 		options = { "Home", "Search", "Profile" },
 	})
-	table.move(_array_41, 1, #_array_41, _length + 1, _array)
+	table.move(_array_42, 1, #_array_42, _length + 1, _array)
 	return _array
 end
 local function miscRows()

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.2.0-alpha.10",
+	"version": "0.2.0-alpha.11",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.luau",
 	"packageManager": "pnpm@11.3.0",