@rbxts/uiblox 0.2.0-alpha.37 → 0.2.0-alpha.38

package/out/ui/packages/shadow/components/Shadow.luau

@@ -3,14 +3,16 @@ local TS = _G[script]
 local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local React = _react
 local useEffect = _react.useEffect
+local useRef = _react.useRef
 local useState = _react.useState
 local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useShadowStyles = TS.import(script, script.Parent, "Shadow.styles").default
+local ORIGIN = UDim2.fromOffset(0, 0)
+local ZERO_ANCHOR = Vector2.new(0, 0)
 local function Shadow(props)
 	local _binding = useShadowStyles()
 	local container = _binding.container
 	local blob = _binding.blob
-	local parent, setParent = useState(nil)
 	local cornerRadius, setCornerRadius = useState()
 	local blobSize, setBlobSize = useState(UDim2.fromOffset(0, 0))
 	local _binding_1 = props
@@ -24,31 +26,189 @@ local function Shadow(props)
 	end
 	local defaultZIndex = _condition
 	local zIndex, setZIndex = useState(defaultZIndex)
-	useEffect(function()
-		if not parent then
+	local alive = useRef(true)
+	local gen = useRef(0)
+	local shadowRef = useRef()
+	local wrapRef = useRef()
+	local faceRef = useRef()
+	local conns = useRef({})
+	local disconnect = function()
+		for _, conn in conns.current do
+			conn:Disconnect()
+		end
+		conns.current = {}
+	end
+	local follow = function(face)
+		local wrap = wrapRef.current
+		if not wrap or face.Parent ~= wrap then
 			return nil
 		end
-		local _cornerRadius = parent:FindFirstChildOfClass("UICorner")
-		if _cornerRadius ~= nil then
-			_cornerRadius = _cornerRadius.CornerRadius
+		if face.Position ~= ORIGIN then
+			wrap.Position = face.Position
+			face.Position = ORIGIN
 		end
-		local cornerRadius = _cornerRadius
-		setCornerRadius(cornerRadius)
-		local _condition_1 = parent.ZIndex
-		if _condition_1 == nil then
-			_condition_1 = defaultZIndex
+		if face.AnchorPoint ~= ZERO_ANCHOR then
+			wrap.AnchorPoint = face.AnchorPoint
+			face.AnchorPoint = ZERO_ANCHOR
 		end
-		setZIndex(_condition_1 - 1)
-		parent.ClipsDescendants = false
+		wrap.Size = face.Size
+		wrap.AutomaticSize = face.AutomaticSize
+		wrap.LayoutOrder = face.LayoutOrder
+		wrap.ZIndex = face.ZIndex
+		wrap.Visible = face.Visible
+		local size = UDim2.fromOffset(face.AbsoluteSize.X, face.AbsoluteSize.Y)
+		setBlobSize(function(prev)
+			return if prev.X.Offset == size.X.Offset and prev.Y.Offset == size.Y.Offset then prev else size
+		end)
+		local _radius = face:FindFirstChildOfClass("UICorner")
+		if _radius ~= nil then
+			_radius = _radius.CornerRadius
+		end
+		local radius = _radius
+		setCornerRadius(function(prev)
+			if radius == nil then
+				return if prev == nil then prev else nil
+			end
+			if prev ~= nil and prev.Offset == radius.Offset and prev.Scale == radius.Scale then
+				return prev
+			end
+			return radius
+		end)
+		setZIndex(face.ZIndex - 1)
+	end
+	local schedule
+	local bind = function(face)
+		disconnect()
 		local sync = function()
-			setBlobSize(UDim2.fromOffset(parent.AbsoluteSize.X, parent.AbsoluteSize.Y))
+			return follow(face)
 		end
 		sync()
-		local conn = parent:GetPropertyChangedSignal("AbsoluteSize"):Connect(sync)
+		local watch = { "AbsoluteSize", "Size", "AutomaticSize", "Position", "AnchorPoint", "LayoutOrder", "ZIndex", "Visible" }
+		-- ▼ ReadonlyArray.map ▼
+		local _newValue = table.create(#watch)
+		local _callback = function(name)
+			return face:GetPropertyChangedSignal(name):Connect(sync)
+		end
+		for _k, _v in watch do
+			_newValue[_k] = _callback(_v, _k - 1, watch)
+		end
+		-- ▲ ReadonlyArray.map ▲
+		conns.current = _newValue
+		local _current = conns.current
+		local _arg0 = face.AncestryChanged:Connect(function()
+			local shadow = shadowRef.current
+			if shadow then
+				schedule(shadow)
+			end
+		end)
+		table.insert(_current, _arg0)
+	end
+	local lift = function(shadow)
+		if not alive.current then
+			return nil
+		end
+		local parent = shadow.Parent
+		if not parent or not parent:IsA("GuiObject") then
+			return nil
+		end
+		local existing = wrapRef.current
+		if existing and parent == existing then
+			local face = faceRef.current
+			if not face or face.Parent == existing then
+				return nil
+			end
+			if face.Position ~= ORIGIN then
+				existing.Position = face.Position
+				face.Position = ORIGIN
+			end
+			if face.AnchorPoint ~= ZERO_ANCHOR then
+				existing.AnchorPoint = face.AnchorPoint
+				face.AnchorPoint = ZERO_ANCHOR
+			end
+			shadow.Parent = existing
+			face.Parent = existing
+			return nil
+		end
+		local face = parent
+		local wrapped = existing ~= nil and face.Parent == existing
+		local holder = if wrapped then existing.Parent else face.Parent
+		if not holder then
+			return nil
+		end
+		disconnect()
+		local wrap = existing or Instance.new("Frame")
+		if existing == nil then
+			wrap.Name = "ShadowWrap"
+			wrap.BackgroundTransparency = 1
+			wrap.BorderSizePixel = 0
+			wrap.ClipsDescendants = false
+			wrapRef.current = wrap
+		end
+		wrap.Size = face.Size
+		wrap.AutomaticSize = face.AutomaticSize
+		wrap.LayoutOrder = face.LayoutOrder
+		wrap.ZIndex = face.ZIndex
+		wrap.Visible = face.Visible
+		if not wrapped then
+			wrap.Position = face.Position
+			wrap.AnchorPoint = face.AnchorPoint
+			-- Shadow first, surface next, so the face paints over the blob.
+			shadow.Parent = wrap
+			face.Parent = wrap
+			face.Position = ORIGIN
+			face.AnchorPoint = ZERO_ANCHOR
+			wrap.Parent = holder
+		else
+			shadow.Parent = wrap
+		end
+		faceRef.current = face
+		bind(face)
+	end
+	schedule = function(shadow)
+		if not alive.current then
+			return nil
+		end
+		local wrap = wrapRef.current
+		local face = faceRef.current
+		if wrap and shadow.Parent == wrap and face and face.Parent == wrap then
+			return nil
+		end
+		gen.current += 1
+		local token = gen.current
+		task.defer(function()
+			if not alive.current or gen.current ~= token then
+				return nil
+			end
+			lift(shadow)
+		end)
+	end
+	useEffect(function()
+		local shadow = shadowRef.current
+		if shadow then
+			schedule(shadow)
+		end
 		return function()
-			return conn:Disconnect()
+			alive.current = false
+			gen.current += 1
+			disconnect()
+			local wrap = wrapRef.current
+			local face = faceRef.current
+			local host = shadowRef.current
+			wrapRef.current = nil
+			if wrap and face and face.Parent == wrap then
+				face.Position = wrap.Position
+				face.AnchorPoint = wrap.AnchorPoint
+				if host and host.Parent == wrap then
+					host.Parent = face
+				end
+				face.Parent = wrap.Parent
+			end
+			local _result = wrap
+			if _result ~= nil then
+				_result:Destroy()
+			end
 		end
-	end, { parent })
+	end, {})
 	local _attributes = {
 		tag = "frame",
 	}
@@ -57,7 +217,16 @@ local function Shadow(props)
 		_condition_1 = "Shadow"
 	end
 	_attributes.key = _condition_1
-	_attributes.hostRef = ref
+	_attributes.hostRef = function(instance)
+		shadowRef.current = instance
+		if type(ref) == "function" then
+			ref(instance)
+			return nil
+		end
+		if ref ~= nil then
+			ref.current = instance
+		end
+	end
 	_attributes.base = container
 	_attributes.className = className
 	_attributes.sx = sx
@@ -65,7 +234,7 @@ local function Shadow(props)
 	_attributes.Event = {
 		AncestryChanged = function(rbx, parent)
 			if parent:IsA("GuiObject") and rbx.Parent == parent then
-				setParent(parent)
+				schedule(rbx)
 			end
 		end,
 	}

package/out/ui/packages/sidebar/components/Sidebar.styles.luau

@@ -28,6 +28,7 @@ local useSidebarStyles = componentStyles("Sidebar", function(theme, props)
 			AnchorPoint = Vector2.new(0.5, 0),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
+			ClipsDescendants = true,
 			ZIndex = 5100,
 		},
 	})

package/out/ui/packages/skeleton/components/Skeleton.luau

@@ -69,6 +69,8 @@ local function SkeletonBlock(props)
 	_attributes.base = {
 		BackgroundTransparency = 1,
 		BorderSizePixel = 0,
+		AutomaticSize = Enum.AutomaticSize.None,
+		ClipsDescendants = true,
 	}
 	_attributes.className = className
 	_attributes.sx = sx
@@ -179,6 +181,8 @@ local function Skeleton(props)
 	_attributes.className = className
 	_attributes.sx = sx
 	_attributes.Size = UDim2.new(0, width, 0, blockHeight)
+	_attributes.AutomaticSize = Enum.AutomaticSize.None
+	_attributes.ClipsDescendants = true
 	_attributes.BackgroundTransparency = 1
 	_attributes.BorderSizePixel = 0
 	local _exp = React.createElement("uilistlayout", {

package/out/ui/packages/slider/components/RangeSlider.luau

@@ -4,7 +4,9 @@ local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local React = _react
 local useRef = _react.useRef
 local useState = _react.useState
-local cx = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").cx
+local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
+local controlFade = _theme.controlFade
+local cx = _theme.cx
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
 local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local commitNumber = TS.import(script, script.Parent.Parent.Parent, "numberInput", "components", "numberValue").commitNumber
@@ -104,7 +106,7 @@ local function RangeSlider(props)
 	local knobLook = function(ratio, which)
 		return cx(styles.knob, {
 			Position = UDim2.fromScale(ratio, 0.5),
-			BackgroundTransparency = if faded then 0.45 else 0,
+			BackgroundTransparency = if faded then controlFade else 0,
 			ZIndex = if which == thumb.current then 3 else 2,
 		})
 	end
@@ -127,7 +129,6 @@ local function RangeSlider(props)
 	}
 	_attributes.Active = active
 	_attributes.Selectable = active
-	_attributes.BackgroundTransparency = if showFocus then 0.85 else 1
 	_attributes.Event = {
 		InputBegan = function(rbx, input)
 			if not active then
@@ -175,7 +176,7 @@ local function RangeSlider(props)
 	for _k, _v in styles.track do
 		_attributes_1[_k] = _v
 	end
-	_attributes_1.BackgroundTransparency = if faded then 0.55 else 0.35
+	_attributes_1.BackgroundTransparency = if faded then controlFade else 0.35
 	local _attributes_2 = table.clone(styles.corner)
 	setmetatable(_attributes_2, nil)
 	local _exp = React.createElement("uicorner", _attributes_2)
@@ -185,7 +186,7 @@ local function RangeSlider(props)
 	for _k, _v in cx(styles.fill, {
 		Position = UDim2.fromScale(ratios.low, 0),
 		Size = UDim2.fromScale(ratios.high - ratios.low, 1),
-		BackgroundTransparency = if faded then 0.55 elseif pressed then 0.1 else 0,
+		BackgroundTransparency = if faded then controlFade elseif pressed then 0.1 else 0,
 	}) do
 		_attributes_3[_k] = _v
 	end

package/out/ui/packages/slider/components/Slider.luau

@@ -6,6 +6,7 @@ local useRef = _react.useRef
 local useState = _react.useState
 local TextService = TS.import(script, TS.getModule(script, "@rbxts", "services")).TextService
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
+local controlFade = _theme.controlFade
 local controlMetrics = _theme.controlMetrics
 local cx = _theme.cx
 local useTheme = _theme.useTheme
@@ -129,7 +130,6 @@ local function Slider(props)
 	}
 	_attributes.Active = active
 	_attributes.Selectable = active
-	_attributes.BackgroundTransparency = if showFocus then 0.85 else 1
 	_attributes.Event = {
 		InputBegan = function(rbx, input)
 			if not active then
@@ -178,7 +178,7 @@ local function Slider(props)
 		key = "Track",
 	}
 	for _k, _v in cx(track, {
-		BackgroundTransparency = if faded then 0.55 elseif hovering and active then 0.2 else 0.35,
+		BackgroundTransparency = if faded then controlFade elseif hovering and active then 0.2 else 0.35,
 	}, labelText ~= nil and {
 		Size = UDim2.new(1, -(slot + 4), 0, metrics.sliderTrack),
 	}) do
@@ -187,12 +187,6 @@ local function Slider(props)
 	local _attributes_2 = table.clone(corner)
 	setmetatable(_attributes_2, nil)
 	local _exp = React.createElement("uicorner", _attributes_2)
-	local _condition_1 = showFocus
-	if _condition_1 then
-		local _attributes_3 = table.clone(stroke)
-		setmetatable(_attributes_3, nil)
-		_condition_1 = React.createElement("uistroke", _attributes_3)
-	end
 	-- ▼ ReadonlyArray.map ▼
 	local _newValue = table.create(#markValues)
 	local _callback = function(markValue, index)
@@ -204,7 +198,7 @@ local function Slider(props)
 			_attributes_3[_k] = _v
 		end
 		_attributes_3.Position = UDim2.fromScale(markRatio, 0.5)
-		_attributes_3.BackgroundTransparency = if faded then 0.7 else 0.35
+		_attributes_3.BackgroundTransparency = if faded then controlFade else 0.35
 		return React.createElement("frame", _attributes_3)
 	end
 	for _k, _v in markValues do
@@ -216,7 +210,7 @@ local function Slider(props)
 		key = "Fill",
 	}
 	for _k, _v in cx(fill, {
-		BackgroundTransparency = if faded then 0.55 elseif pressed then 0.1 else 0,
+		BackgroundTransparency = if faded then controlFade elseif pressed then 0.1 else 0,
 	}) do
 		_attributes_3[_k] = _v
 	end
@@ -228,7 +222,7 @@ local function Slider(props)
 		key = "Knob",
 	}
 	for _k, _v in cx(knob, {
-		BackgroundTransparency = if faded then 0.45 else 0,
+		BackgroundTransparency = if faded then controlFade else 0,
 	}) do
 		_attributes_5[_k] = _v
 	end
@@ -236,13 +230,13 @@ local function Slider(props)
 	local _attributes_6 = table.clone(corner)
 	setmetatable(_attributes_6, nil)
 	local _exp_3 = React.createElement("uicorner", _attributes_6)
-	local _condition_2 = showFocus
-	if _condition_2 then
+	local _condition_1 = showFocus
+	if _condition_1 then
 		local _attributes_7 = table.clone(stroke)
 		setmetatable(_attributes_7, nil)
-		_condition_2 = React.createElement("uistroke", _attributes_7)
+		_condition_1 = React.createElement("uistroke", _attributes_7)
 	end
-	local _exp_4 = React.createElement("frame", _attributes_1, _exp, _condition_1, _exp_1, _exp_2, React.createElement("frame", _attributes_5, _exp_3, _condition_2))
+	local _exp_4 = React.createElement("frame", _attributes_1, _exp, _exp_1, _exp_2, React.createElement("frame", _attributes_5, _exp_3, _condition_1))
 	local _result
 	if labelText ~= nil then
 		local _attributes_7 = {
@@ -253,7 +247,8 @@ local function Slider(props)
 		end
 		_attributes_7.Size = UDim2.new(0, slot, 1, 0)
 		_attributes_7.Text = labelText
-		_result = React.createElement("textlabel", _attributes_7)
+		_attributes_7.TextTransparency = if faded then controlFade else 0
+		_result = (React.createElement("textlabel", _attributes_7))
 	else
 		_result = nil
 	end

package/out/ui/packages/sparkline/components/Sparkline.luau

@@ -32,9 +32,11 @@ local function Sparkline(props)
 	local _binding_1 = useTheme()
 	local theme = _binding_1.theme
 	local host = useRef()
-	local segments = sparklineLayout(values, width, height)
-	local bars = if area == true then sparklineArea(values, width, height) else {}
-	local marked = if mark ~= nil then sparklinePoint(values, mark, width, height) else nil
+	local inset = 6
+	local dot = 6
+	local segments = sparklineLayout(values, width, height, inset)
+	local bars = if area == true then sparklineArea(values, width, height, inset) else {}
+	local marked = if mark ~= nil then sparklinePoint(values, mark, width, height, inset) else nil
 	local stroke = color or theme.palette.primary.main
 	local _attributes = {
 		tag = "frame",
@@ -65,7 +67,7 @@ local function Sparkline(props)
 			if input.UserInputType ~= Enum.UserInputType.MouseButton1 and input.UserInputType ~= Enum.UserInputType.Touch then
 				return nil
 			end
-			sparklinePick(input.Position.X - frame.AbsolutePosition.X, #values, width, onPick)
+			sparklinePick(input.Position.X - frame.AbsolutePosition.X, #values, width, onPick, inset)
 		end,
 	}
 	_attributes.base = {
@@ -96,7 +98,7 @@ local function Sparkline(props)
 		key = "Mark",
 		AnchorPoint = Vector2.new(0.5, 0.5),
 		Position = UDim2.fromOffset(marked.x, marked.y),
-		Size = UDim2.fromOffset(8, 8),
+		Size = UDim2.fromOffset(dot, dot),
 		BackgroundColor3 = stroke,
 		BorderSizePixel = 0,
 		ZIndex = 3,

package/out/ui/packages/speedDial/components/SpeedDial.luau

@@ -118,7 +118,10 @@ local function SpeedDial(props)
 			local _exp_2 = React.createElement("uipadding", _attributes_5)
 			local _attributes_6 = table.clone(styles.actionCorner)
 			setmetatable(_attributes_6, nil)
-			return React.createElement("frame", _attributes_2, _exp_1, React.createElement("textlabel", _attributes_4, _exp_2, React.createElement("uicorner", _attributes_6)), button)
+			local _exp_3 = React.createElement("uicorner", _attributes_6)
+			local _attributes_7 = table.clone(styles.actionCap)
+			setmetatable(_attributes_7, nil)
+			return React.createElement("frame", _attributes_2, _exp_1, React.createElement("textlabel", _attributes_4, _exp_2, _exp_3, React.createElement("uisizeconstraint", _attributes_7)), button)
 		end
 		for _k, _v in actions do
 			_newValue[_k] = _callback_1(_v, _k - 1, actions)

package/out/ui/packages/speedDial/components/SpeedDial.styles.luau

@@ -55,7 +55,12 @@ local useSpeedDialStyles = componentStyles("SpeedDial", function(theme, _param)
 	end
 	_object_1[_left_1] = _condition
 	_object_1.TextColor3 = theme.palette.text.primary
+	_object_1.TextTruncate = Enum.TextTruncate.AtEnd
+	_object_1.TextWrapped = false
 	_object[_left] = _object_1
+	_object.actionCap = {
+		MaxSize = Vector2.new(theme.spacing.calc(16), math.huge),
+	}
 	_object.actionPad = {
 		PaddingLeft = UDim.new(0, theme.padding.calc(1)),
 		PaddingRight = UDim.new(0, theme.padding.calc(1)),

package/out/ui/packages/speedDial/components/speedDialLabel.d.ts

@@ -1,4 +1,4 @@
 /** An empty name stays off the action. */
 export declare function speedDialLabel(text?: string): string | undefined;
 /** The name sits beside the button, opposite the way the dial travels. */
-export declare function speedDialLabelFirst(direction: "up" | "down" | "left" | "right"): direction is "up" | "down" | "right";
+export declare function speedDialLabelFirst(direction: "up" | "down" | "left" | "right"): direction is "down" | "up" | "right";

package/out/ui/packages/splitPane/components/splitLook.d.ts

@@ -1,5 +1,5 @@
 export type SplitPointer = "rest" | "hover" | "press";
 export declare function splitPointer(hovering: boolean, pressed: boolean): SplitPointer;
-export declare function splitRuleTransparency(pointer: SplitPointer, disabled?: boolean): 0.25 | 0.7 | 0.55 | 0.35;
+export declare function splitRuleTransparency(pointer: SplitPointer, disabled?: boolean): 0.25 | 0.35 | 0.7 | 0.55;
 export declare function splitMarkTransparency(pointer: SplitPointer, disabled?: boolean): 0 | 0.55 | 0.1;
 export declare function splitHitTransparency(pointer: SplitPointer, disabled?: boolean): 1 | 0.9 | 0.94;

package/out/ui/packages/stepper/components/Stepper.styles.luau

@@ -8,10 +8,11 @@ local useStepperStyles = componentStyles("Stepper", function(theme, _param)
 	if orientation == nil then
 		orientation = "horizontal"
 	end
+	local heading = theme.typography.variants.h6
 	return createStyles({
 		root = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
+			AutomaticSize = if orientation == "vertical" then Enum.AutomaticSize.Y else Enum.AutomaticSize.XY,
+			Size = if orientation == "vertical" then UDim2.new(1, 0, 0, 0) else UDim2.fromScale(0, 0),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 		},
@@ -21,12 +22,14 @@ local useStepperStyles = componentStyles("Stepper", function(theme, _param)
 			SortOrder = Enum.SortOrder.LayoutOrder,
 		},
 		step = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
+			AutomaticSize = if orientation == "vertical" then Enum.AutomaticSize.Y else Enum.AutomaticSize.XY,
+			Size = if orientation == "vertical" then UDim2.new(1, 0, 0, 0) else UDim2.fromScale(0, 0),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.body,
+			Font = theme.typography.fontFamilies[heading.family],
+			TextSize = heading.size,
+			LineHeight = heading.leading,
+			TextWrapped = true,
 			TextColor3 = theme.palette.text.secondary,
 		},
 		active = {

package/out/ui/packages/switch/components/Switch.luau

@@ -7,6 +7,7 @@ local useRef = _react.useRef
 local useState = _react.useState
 local useReducedMotion = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "hooks").useReducedMotion
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
+local controlFade = _theme.controlFade
 local controlMetrics = _theme.controlMetrics
 local cx = _theme.cx
 local useTheme = _theme.useTheme
@@ -100,7 +101,6 @@ local function Switch(props)
 	}
 	_attributes.Active = active
 	_attributes.Selectable = not disabled
-	_attributes.BackgroundTransparency = if focused and active then 0.85 else 1
 	_attributes.Event = {
 		MouseButton1Click = function()
 			if active then
@@ -163,7 +163,7 @@ local function Switch(props)
 		local _attributes_7 = table.clone(labelStyle)
 		setmetatable(_attributes_7, nil)
 		_attributes_7.Text = label
-		_attributes_7.TextTransparency = if disabled == true then 0.5 else 0
+		_attributes_7.TextTransparency = if disabled == true then controlFade else 0
 		_attributes_7.LayoutOrder = 2
 		_condition_1 = (React.createElement("textlabel", _attributes_7))
 	end

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.55 | 0.35 | 0.15 | 0.65 | 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 | 0.5 | 0.25 | 0.35 | 0.15 | 0.08;
+export declare function switchThumbTransparency(disabled: boolean): 0 | 0.5;
+export declare function switchStrokeTransparency(disabled: boolean, pointer: SwitchPointer): 1 | 0;
 export declare function switchThumbPlacement(on: boolean, inset: number): {
     scaleX: number;
     offsetX: number;

package/out/ui/packages/switch/components/switchLook.luau

@@ -13,7 +13,7 @@ local function switchPointer(hovering, pressed, focused)
 end
 local function switchTrackTransparency(on, disabled, pointer)
 	if disabled then
-		return if on then 0.55 else 0.65
+		return 0.5
 	end
 	if not on then
 		if pointer == "press" then
@@ -33,19 +33,13 @@ local function switchTrackTransparency(on, disabled, pointer)
 	return 0
 end
 local function switchThumbTransparency(disabled)
-	return if disabled then 0.35 else 0
+	return if disabled then 0.5 else 0
 end
 local function switchStrokeTransparency(disabled, pointer)
-	if disabled then
+	if disabled or pointer ~= "focus" then
 		return 1
 	end
-	if pointer == "focus" or pointer == "press" then
-		return 0
-	end
-	if pointer == "hover" then
-		return 0.35
-	end
-	return 1
+	return 0
 end
 local function switchThumbPlacement(on, inset)
 	return {

package/out/ui/packages/table/components/Table.d.ts

@@ -7,6 +7,7 @@ export interface TableColumn {
     flex?: number;
     align?: TableAlign;
     sortable?: boolean;
+    wrap?: boolean;
 }
 export type TableCell = string | React.ReactNode;
 export interface TableProps {