@rbxts/uiblox 0.2.0-alpha.23 → 0.2.0-alpha.25

package/out/ui/packages/stateMatrix.luau

@@ -1976,217 +1976,245 @@ local function miscRows()
 	local _Length_39 = #_array_40
 	table.move(_array_40, 1, _Length_39, _length + 1, _array)
 	_length += _Length_39
-	local _array_41 = pair("Container", "default", {
-		variant = "lg",
-	})
+	local _array_41 = pair("StyleSx", "default")
 	local _Length_40 = #_array_41
 	table.move(_array_41, 1, _Length_40, _length + 1, _array)
 	_length += _Length_40
-	local _array_42 = pair("Container", "sm", {
-		variant = "sm",
+	local _array_42 = pair("StyleSx", "hover", {
+		pointer = "hover",
 	})
 	local _Length_41 = #_array_42
 	table.move(_array_42, 1, _Length_41, _length + 1, _array)
 	_length += _Length_41
-	local _array_43 = pair("Container", "fluid", {
-		variant = "false",
+	local _array_43 = pair("StyleSx", "narrow", {
+		width = NARROW,
 	})
 	local _Length_42 = #_array_43
 	table.move(_array_43, 1, _Length_42, _length + 1, _array)
 	_length += _Length_42
-	local _array_44 = pair("Backdrop", "default")
+	local _array_44 = pair("StyleSx", "disabled", {
+		disabled = true,
+	})
 	local _Length_43 = #_array_44
 	table.move(_array_44, 1, _Length_43, _length + 1, _array)
 	_length += _Length_43
-	local _array_45 = pair("Backdrop", "invisible", {
-		variant = "invisible",
+	local _array_45 = pair("StyleSx", "loading", {
+		loading = true,
 	})
 	local _Length_44 = #_array_45
 	table.move(_array_45, 1, _Length_44, _length + 1, _array)
 	_length += _Length_44
-	local _array_46 = pair("Backdrop", "closed", {
-		open = false,
+	local _array_46 = pair("Container", "default", {
+		variant = "lg",
 	})
 	local _Length_45 = #_array_46
 	table.move(_array_46, 1, _Length_45, _length + 1, _array)
 	_length += _Length_45
-	local _array_47 = pair("Divider", "horizontal", {
-		variant = "horizontal",
+	local _array_47 = pair("Container", "sm", {
+		variant = "sm",
 	})
 	local _Length_46 = #_array_47
 	table.move(_array_47, 1, _Length_46, _length + 1, _array)
 	_length += _Length_46
-	local _array_48 = pair("Divider", "vertical", {
-		variant = "vertical",
+	local _array_48 = pair("Container", "fluid", {
+		variant = "false",
 	})
 	local _Length_47 = #_array_48
 	table.move(_array_48, 1, _Length_47, _length + 1, _array)
 	_length += _Length_47
-	local _array_49 = pair("Divider", "label", {
-		text = "Or",
-	})
+	local _array_49 = pair("Backdrop", "default")
 	local _Length_48 = #_array_49
 	table.move(_array_49, 1, _Length_48, _length + 1, _array)
 	_length += _Length_48
-	local _array_50 = pair("ImageList", "default")
+	local _array_50 = pair("Backdrop", "invisible", {
+		variant = "invisible",
+	})
 	local _Length_49 = #_array_50
 	table.move(_array_50, 1, _Length_49, _length + 1, _array)
 	_length += _Length_49
-	local _array_51 = pair("ImageList", "dense", {
-		size = "small",
+	local _array_51 = pair("Backdrop", "closed", {
+		open = false,
 	})
 	local _Length_50 = #_array_51
 	table.move(_array_51, 1, _Length_50, _length + 1, _array)
 	_length += _Length_50
-	local _array_52 = pair("ImageList", "wide", {
-		size = "large",
+	local _array_52 = pair("Divider", "horizontal", {
+		variant = "horizontal",
 	})
 	local _Length_51 = #_array_52
 	table.move(_array_52, 1, _Length_51, _length + 1, _array)
 	_length += _Length_51
-	local _array_53 = pair("ImageList", "titled", {
-		text = "Cove",
+	local _array_53 = pair("Divider", "vertical", {
+		variant = "vertical",
 	})
 	local _Length_52 = #_array_53
 	table.move(_array_53, 1, _Length_52, _length + 1, _array)
 	_length += _Length_52
-	local _array_54 = pair("ImageList", "untitled", {
-		text = "",
+	local _array_54 = pair("Divider", "label", {
+		text = "Or",
 	})
 	local _Length_53 = #_array_54
 	table.move(_array_54, 1, _Length_53, _length + 1, _array)
 	_length += _Length_53
-	local _array_55 = pair("SpeedDial", "closed", {
-		open = false,
-	})
+	local _array_55 = pair("ImageList", "default")
 	local _Length_54 = #_array_55
 	table.move(_array_55, 1, _Length_54, _length + 1, _array)
 	_length += _Length_54
-	local _array_56 = pair("SpeedDial", "open", {
-		open = true,
+	local _array_56 = pair("ImageList", "dense", {
+		size = "small",
 	})
 	local _Length_55 = #_array_56
 	table.move(_array_56, 1, _Length_55, _length + 1, _array)
 	_length += _Length_55
-	local _array_57 = pair("SpeedDial", "disabled", {
-		open = false,
-		disabled = true,
+	local _array_57 = pair("ImageList", "wide", {
+		size = "large",
 	})
 	local _Length_56 = #_array_57
 	table.move(_array_57, 1, _Length_56, _length + 1, _array)
 	_length += _Length_56
-	local _array_58 = pair("SpeedDial", "down", {
-		open = true,
-		variant = "down",
+	local _array_58 = pair("ImageList", "titled", {
+		text = "Cove",
 	})
 	local _Length_57 = #_array_58
 	table.move(_array_58, 1, _Length_57, _length + 1, _array)
 	_length += _Length_57
-	local _array_59 = pair("FormLabel", "default", {
-		text = "Email",
+	local _array_59 = pair("ImageList", "untitled", {
+		text = "",
 	})
 	local _Length_58 = #_array_59
 	table.move(_array_59, 1, _Length_58, _length + 1, _array)
 	_length += _Length_58
-	local _array_60 = pair("FormLabel", "required", {
-		text = "Email",
-		value = true,
+	local _array_60 = pair("SpeedDial", "closed", {
+		open = false,
 	})
 	local _Length_59 = #_array_60
 	table.move(_array_60, 1, _Length_59, _length + 1, _array)
 	_length += _Length_59
-	local _array_61 = pair("FormLabel", "error", {
-		text = "Email",
-		hasError = true,
+	local _array_61 = pair("SpeedDial", "open", {
+		open = true,
 	})
 	local _Length_60 = #_array_61
 	table.move(_array_61, 1, _Length_60, _length + 1, _array)
 	_length += _Length_60
-	local _array_62 = pair("FormHelperText", "default", {
-		text = "We never share this",
+	local _array_62 = pair("SpeedDial", "disabled", {
+		open = false,
+		disabled = true,
 	})
 	local _Length_61 = #_array_62
 	table.move(_array_62, 1, _Length_61, _length + 1, _array)
 	_length += _Length_61
-	local _array_63 = pair("FormHelperText", "error", {
-		text = "Required",
-		hasError = true,
+	local _array_63 = pair("SpeedDial", "down", {
+		open = true,
+		variant = "down",
 	})
 	local _Length_62 = #_array_63
 	table.move(_array_63, 1, _Length_62, _length + 1, _array)
 	_length += _Length_62
-	local _array_64 = pair("Menu", "closed", {
-		open = false,
+	local _array_64 = pair("FormLabel", "default", {
+		text = "Email",
 	})
 	local _Length_63 = #_array_64
 	table.move(_array_64, 1, _Length_63, _length + 1, _array)
 	_length += _Length_63
-	local _array_65 = pair("Menu", "open", {
-		open = true,
+	local _array_65 = pair("FormLabel", "required", {
+		text = "Email",
+		value = true,
 	})
 	local _Length_64 = #_array_65
 	table.move(_array_65, 1, _Length_64, _length + 1, _array)
 	_length += _Length_64
-	local _array_66 = pair("Menu", "empty", {
-		open = true,
-		options = {},
+	local _array_66 = pair("FormLabel", "error", {
+		text = "Email",
+		hasError = true,
 	})
 	local _Length_65 = #_array_66
 	table.move(_array_66, 1, _Length_65, _length + 1, _array)
 	_length += _Length_65
-	local _array_67 = pair("Menu", "dense", {
-		open = true,
-		variant = "dense",
+	local _array_67 = pair("FormHelperText", "default", {
+		text = "We never share this",
 	})
 	local _Length_66 = #_array_67
 	table.move(_array_67, 1, _Length_66, _length + 1, _array)
 	_length += _Length_66
-	local _array_68 = pair("Menu", "selected", {
-		open = true,
-		selected = "a",
+	local _array_68 = pair("FormHelperText", "error", {
+		text = "Required",
+		hasError = true,
 	})
 	local _Length_67 = #_array_68
 	table.move(_array_68, 1, _Length_67, _length + 1, _array)
 	_length += _Length_67
-	local _array_69 = pair("Markdown", "default", {
-		text = "# Title\n\nHello **world**",
+	local _array_69 = pair("Menu", "closed", {
+		open = false,
 	})
 	local _Length_68 = #_array_69
 	table.move(_array_69, 1, _Length_68, _length + 1, _array)
 	_length += _Length_68
-	local _array_70 = pair("Markdown", "empty", {
-		text = "",
+	local _array_70 = pair("Menu", "open", {
+		open = true,
 	})
 	local _Length_69 = #_array_70
 	table.move(_array_70, 1, _Length_69, _length + 1, _array)
 	_length += _Length_69
-	local _array_71 = pair("MarkdownEditor", "split", {
-		text = "# Title",
-		variant = "split",
+	local _array_71 = pair("Menu", "empty", {
+		open = true,
+		options = {},
 	})
 	local _Length_70 = #_array_71
 	table.move(_array_71, 1, _Length_70, _length + 1, _array)
 	_length += _Length_70
-	local _array_72 = pair("MarkdownEditor", "edit", {
-		text = "# Title",
-		variant = "edit",
+	local _array_72 = pair("Menu", "dense", {
+		open = true,
+		variant = "dense",
 	})
 	local _Length_71 = #_array_72
 	table.move(_array_72, 1, _Length_71, _length + 1, _array)
 	_length += _Length_71
-	local _array_73 = pair("MarkdownEditor", "preview", {
-		text = "# Title",
-		variant = "preview",
+	local _array_73 = pair("Menu", "selected", {
+		open = true,
+		selected = "a",
 	})
 	local _Length_72 = #_array_73
 	table.move(_array_73, 1, _Length_72, _length + 1, _array)
 	_length += _Length_72
-	local _array_74 = pair("MarkdownEditor", "density-compact", {
+	local _array_74 = pair("Markdown", "default", {
+		text = "# Title\n\nHello **world**",
+	})
+	local _Length_73 = #_array_74
+	table.move(_array_74, 1, _Length_73, _length + 1, _array)
+	_length += _Length_73
+	local _array_75 = pair("Markdown", "empty", {
+		text = "",
+	})
+	local _Length_74 = #_array_75
+	table.move(_array_75, 1, _Length_74, _length + 1, _array)
+	_length += _Length_74
+	local _array_76 = pair("MarkdownEditor", "split", {
+		text = "# Title",
+		variant = "split",
+	})
+	local _Length_75 = #_array_76
+	table.move(_array_76, 1, _Length_75, _length + 1, _array)
+	_length += _Length_75
+	local _array_77 = pair("MarkdownEditor", "edit", {
+		text = "# Title",
+		variant = "edit",
+	})
+	local _Length_76 = #_array_77
+	table.move(_array_77, 1, _Length_76, _length + 1, _array)
+	_length += _Length_76
+	local _array_78 = pair("MarkdownEditor", "preview", {
+		text = "# Title",
+		variant = "preview",
+	})
+	local _Length_77 = #_array_78
+	table.move(_array_78, 1, _Length_77, _length + 1, _array)
+	_length += _Length_77
+	local _array_79 = pair("MarkdownEditor", "density-compact", {
 		text = "# Title",
 		density = "compact",
 		variant = "split",
 	})
-	table.move(_array_74, 1, #_array_74, _length + 1, _array)
+	table.move(_array_79, 1, #_array_79, _length + 1, _array)
 	return _array
 end
 local function concatRows(...)

package/out/ui/packages/toast/components/Toast.styles.luau

@@ -46,7 +46,7 @@ local useToastStyles = componentStyles("Toast", function(theme, _param)
 	return createStyles({
 		container = {
 			Size = UDim2.new(0, theme.spacing.calc(20), 0, theme.spacing.calc(4)),
-			Position = INACTIVE_POSITION,
+			Position = ACTIVE_POSITION,
 			BackgroundColor3 = toastColors.background,
 			AnchorPoint = Vector2.new(0.5, 1),
 			BorderSizePixel = 0,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.2.0-alpha.23",
+	"version": "0.2.0-alpha.25",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.luau",
 	"packageManager": "pnpm@11.3.0",
@@ -8,7 +8,7 @@
 		"build": "rbxtsc",
 		"watch": "rbxtsc -w",
 		"pack:check": "node scripts/pack-check.mjs",
-		"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/slider.check.mjs && node --experimental-strip-types scripts/input.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/imageList.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/stack.check.mjs && node --experimental-strip-types scripts/flex-item.check.mjs && node --experimental-strip-types scripts/grid.check.mjs && node --experimental-strip-types scripts/speed-dial.check.mjs && node --experimental-strip-types scripts/form-text.check.mjs && node --experimental-strip-types scripts/box.check.mjs && node --experimental-strip-types scripts/image-list.check.mjs && node --experimental-strip-types scripts/radio-group.check.mjs && node --experimental-strip-types scripts/container.check.mjs && node --experimental-strip-types scripts/divider.check.mjs && node --experimental-strip-types scripts/markdown.check.mjs && node --experimental-strip-types scripts/switch.check.mjs && node --experimental-strip-types scripts/tabs.check.mjs && node --experimental-strip-types scripts/dialog.check.mjs && node --experimental-strip-types scripts/backdrop.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
+		"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/resolve-sx.check.mjs && node --experimental-strip-types scripts/style-system.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/slider.check.mjs && node --experimental-strip-types scripts/input.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/viewport-observer.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/imageList.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/stack.check.mjs && node --experimental-strip-types scripts/flex-item.check.mjs && node --experimental-strip-types scripts/grid.check.mjs && node --experimental-strip-types scripts/speed-dial.check.mjs && node --experimental-strip-types scripts/form-text.check.mjs && node --experimental-strip-types scripts/box.check.mjs && node --experimental-strip-types scripts/image-list.check.mjs && node --experimental-strip-types scripts/radio-group.check.mjs && node --experimental-strip-types scripts/container.check.mjs && node --experimental-strip-types scripts/divider.check.mjs && node --experimental-strip-types scripts/markdown.check.mjs && node --experimental-strip-types scripts/switch.check.mjs && node --experimental-strip-types scripts/tabs.check.mjs && node --experimental-strip-types scripts/dialog.check.mjs && node --experimental-strip-types scripts/backdrop.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
 		"prepublishOnly": "pnpm build"
 	},
 	"keywords": [