@rbxts/uiblox 0.2.0-alpha.0 → 0.2.0-alpha.1

package/out/ui/packages/switch/components/switchLook.d.ts

@@ -1,8 +1,8 @@
 export type SwitchPointer = "rest" | "hover" | "press" | "focus";
 export declare function switchPointer(hovering: boolean, pressed: boolean, focused: boolean): SwitchPointer;
-export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0 | 0.25 | 0.35 | 0.65 | 0.55 | 0.15 | 0.08;
-export declare function switchThumbTransparency(disabled: boolean): 0 | 0.35;
-export declare function switchStrokeTransparency(disabled: boolean, pointer: SwitchPointer): 1 | 0 | 0.35;
+export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0.08 | 0.35 | 0 | 0.25 | 0.65 | 0.55 | 0.15;
+export declare function switchThumbTransparency(disabled: boolean): 0.35 | 0;
+export declare function switchStrokeTransparency(disabled: boolean, pointer: SwitchPointer): 1 | 0.35 | 0;
 export declare function switchThumbPlacement(on: boolean, inset: number): {
     scaleX: number;
     offsetX: number;

package/out/ui/packages/tabs/components/Tabs.styles.luau

@@ -6,7 +6,7 @@ local componentStyles = _theme.componentStyles
 local useTabsStyles = componentStyles("Tabs", function(theme)
 	return createStyles({
 		root = {
-			Size = UDim2.new(1, 0, 0, theme.spacing.calc(2.5)),
+			Size = UDim2.new(1, 0, 0, theme.spacing.calc(4)),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			CanvasSize = UDim2.fromScale(0, 0),

package/out/ui/packages/treeView/components/TreeView.luau

@@ -38,9 +38,9 @@ local function TreeView(props)
 	local _binding_2 = useTheme()
 	local theme = _binding_2.theme
 	local step = theme.padding.calc(4)
-	local chevronWidth = theme.spacing.calc(1)
-	local iconWidth = theme.spacing.calc(1) + theme.padding.calc(2)
-	local itemHeight = theme.spacing.calc(1) + theme.padding.calc(4)
+	local chevronWidth = theme.spacing.calc(1.5)
+	local iconWidth = theme.spacing.calc(2) + theme.padding.calc(1)
+	local itemHeight = theme.spacing.calc(3)
 	local listRef = useRef()
 	local clickedPath, setClickedPath = useState()
 	local clickedLeaf, setClickedLeaf = useState()

package/out/ui/packages/treeView/components/TreeView.styles.luau

@@ -14,7 +14,7 @@ local useTreeViewStyles = componentStyles("TreeView", function(theme)
 			ZIndex = 300,
 		},
 		header = {
-			Size = UDim2.new(1, 0, 0, theme.spacing.calc(1)),
+			Size = UDim2.new(1, 0, 0, theme.spacing.calc(3)),
 			Position = UDim2.new(0.5, 0, 0, 0),
 			AnchorPoint = Vector2.new(0.5, 0),
 			TextXAlignment = Enum.TextXAlignment.Left,
@@ -24,8 +24,8 @@ local useTreeViewStyles = componentStyles("TreeView", function(theme)
 			ZIndex = 5300,
 		},
 		list = {
-			Size = UDim2.new(1, 0, 1, -(theme.spacing.calc(1) + theme.padding.calc(2))),
-			Position = UDim2.new(0.5, 0, 0, theme.spacing.calc(1) + theme.padding.calc(2)),
+			Size = UDim2.new(1, 0, 1, -(theme.spacing.calc(3) + theme.padding.calc(2))),
+			Position = UDim2.new(0.5, 0, 0, theme.spacing.calc(3) + theme.padding.calc(2)),
 			AnchorPoint = Vector2.new(0.5, 0),
 			BackgroundTransparency = 1,
 			ScrollBarThickness = theme.spacing.calc(0.5),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.2.0-alpha.0",
+	"version": "0.2.0-alpha.1",
 	"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/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/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-motion.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/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/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/density.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/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-motion.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/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/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": [

package/out/theme/styles/utilities/interaction.d.ts

@@ -1,13 +0,0 @@
-export interface InteractionSlots<T extends object = object> {
-    hover?: T;
-    pressed?: T;
-    focused?: T;
-    disabled?: T;
-}
-export interface InteractionState {
-    hover?: boolean;
-    pressed?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-}
-export declare function interactionStyle<T extends object>(base: T, slots: InteractionSlots<T>, state: InteractionState): T;

package/out/theme/styles/utilities/interaction.luau

@@ -1,68 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local function interactionStyle(base, slots, state)
-	local painted = base
-	if state.hover == true and slots.hover ~= nil then
-		local _object = {}
-		if painted then
-			for _k, _v in painted do
-				_object[_k] = _v
-			end
-		end
-		local _spread = slots.hover
-		if _spread then
-			for _k, _v in _spread do
-				_object[_k] = _v
-			end
-		end
-		painted = _object
-	end
-	if state.pressed == true and slots.pressed ~= nil then
-		local _object = {}
-		if painted then
-			for _k, _v in painted do
-				_object[_k] = _v
-			end
-		end
-		local _spread = slots.pressed
-		if _spread then
-			for _k, _v in _spread do
-				_object[_k] = _v
-			end
-		end
-		painted = _object
-	end
-	if state.focused == true and slots.focused ~= nil then
-		local _object = {}
-		if painted then
-			for _k, _v in painted do
-				_object[_k] = _v
-			end
-		end
-		local _spread = slots.focused
-		if _spread then
-			for _k, _v in _spread do
-				_object[_k] = _v
-			end
-		end
-		painted = _object
-	end
-	if state.disabled == true and slots.disabled ~= nil then
-		local _object = {}
-		if painted then
-			for _k, _v in painted do
-				_object[_k] = _v
-			end
-		end
-		local _spread = slots.disabled
-		if _spread then
-			for _k, _v in _spread do
-				_object[_k] = _v
-			end
-		end
-		painted = _object
-	end
-	return painted
-end
-return {
-	interactionStyle = interactionStyle,
-}