@rbxts/uiblox 0.2.0-alpha.20 → 0.2.0-alpha.22

package/out/ui/packages/pagination/components/Pagination.styles.luau

@@ -8,6 +8,11 @@ local usePaginationStyles = componentStyles("Pagination", function(theme, _param
 	if size == nil then
 		size = "medium"
 	end
+	local variant = _param.variant
+	if variant == nil then
+		variant = "text"
+	end
+	local outlined = variant == "outlined"
 	local box = if size == "small" then theme.spacing.calc(2.5) elseif size == "large" then theme.spacing.calc(4) else theme.spacing.calc(3)
 	local text = if size == "small" then theme.typography.fontSizes.caption elseif size == "large" then theme.typography.fontSizes.h6 else theme.typography.fontSizes.body
 	return createStyles({
@@ -25,6 +30,7 @@ local usePaginationStyles = componentStyles("Pagination", function(theme, _param
 		page = {
 			Size = UDim2.fromOffset(box, box),
 			BackgroundColor3 = theme.palette.surface.input,
+			BackgroundTransparency = if outlined then 1 else 0,
 			BorderSizePixel = 0,
 			AutoButtonColor = false,
 			Font = theme.typography.fontFamilies.default,
@@ -33,6 +39,17 @@ local usePaginationStyles = componentStyles("Pagination", function(theme, _param
 		},
 		selected = {
 			BackgroundColor3 = theme.palette.action.selected,
+			BackgroundTransparency = 0,
+		},
+		stroke = {
+			Color = theme.palette.border,
+			Thickness = 1,
+			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
+		},
+		selectedStroke = {
+			Color = theme.palette.primary.main,
+			Thickness = 1,
+			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
 		},
 		ellipsis = {
 			Size = UDim2.fromOffset(box, box),

package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.luau

@@ -77,7 +77,7 @@ local function PhysicalPropertiesEditor(props)
 		_newValue[_k] = _callback(_v, _k - 1, _exp_1)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, _newValue)
+	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = PhysicalPropertiesEditor
 return {

package/out/ui/packages/radioGroup/components/RadioGroup.luau

@@ -106,7 +106,7 @@ local function RadioGroup(props)
 		_newValue[_k] = _callback(_v, _k - 1, options)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, _newValue)
+	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = RadioGroup
 return {

package/out/ui/packages/rating/components/Rating.luau

@@ -93,7 +93,7 @@ local function Rating(props)
 		_newValue[_k] = _callback(_v, _k - 1, stars)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, _newValue)
+	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = Rating
 return {

package/out/ui/packages/rectEditor/components/RectEditor.luau

@@ -77,7 +77,7 @@ local function RectEditor(props)
 		_newValue[_k] = _callback(_v, _k - 1, _exp_1)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, _newValue)
+	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = RectEditor
 return {

package/out/ui/packages/select/components/Select.luau

@@ -17,7 +17,6 @@ local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "co
 local spinnerPixels = TS.import(script, script.Parent.Parent.Parent, "button", "components", "buttonLook").spinnerPixels
 local CircularProgress = TS.import(script, script.Parent.Parent.Parent, "circularProgress").CircularProgress
 local Input = TS.import(script, script.Parent.Parent.Parent, "input").Input
-local playProperty = TS.import(script, script.Parent.Parent.Parent, "motion").playProperty
 local Popup = TS.import(script, script.Parent.Parent.Parent, "popup").Popup
 local Shadow = TS.import(script, script.Parent.Parent.Parent, "shadow").Shadow
 local _virtualList = TS.import(script, script.Parent.Parent.Parent, "virtualList")
@@ -33,7 +32,6 @@ local _selectGroups = TS.import(script, script.Parent, "selectGroups")
 local groupRows = _selectGroups.groupRows
 local rowForOption = _selectGroups.rowForOption
 local shouldHandleSelectKey = TS.import(script, script.Parent, "selectKey").shouldHandleSelectKey
-local menuHold = TS.import(script, script.Parent, "selectMotion").menuHold
 local _selectMulti = TS.import(script, script.Parent, "selectMulti")
 local includesChoice = _selectMulti.includesChoice
 local selectionLabel = _selectMulti.selectionLabel
@@ -75,7 +73,6 @@ local function Select(props)
 	local active = canActivate(disabled, loading)
 	local anchor, setAnchor = useState()
 	local open, setOpen = useState(defaultOpen == true and not loading)
-	local held, setHeld = useState(false)
 	local focused, setFocused = useState(false)
 	local highlight, setHighlight = useState(-1)
 	local _condition = defaultQuery
@@ -87,7 +84,6 @@ local function Select(props)
 	local typed = useRef()
 	local onKeyRef = useRef()
 	local listRef = useRef()
-	local menuRef = useRef()
 	-- ▼ ReadonlyArray.find ▼
 	local _callback = function(option)
 		return option.value == value
@@ -242,40 +238,12 @@ local function Select(props)
 			_result_1.ensureVisible(rowForOption(rows, highlight))
 		end
 	end, { shown, highlight })
-	useEffect(function()
-		if shown then
-			setHeld(true)
-		end
-	end, { shown })
 	useEffect(function()
 		if loading and open then
 			setOpen(false)
 			setQuery("")
 		end
 	end, { loading, open })
-	useEffect(function()
-		local menu = menuRef.current
-		if not menu or not held then
-			return nil
-		end
-		local stop = playProperty(menu, {
-			GroupTransparency = if shown then 0 else 1,
-		}, 0.12, reducedMotion)
-		local seconds = menuHold(shown, reducedMotion)
-		if seconds == 0 then
-			if not shown then
-				setHeld(false)
-			end
-			return stop
-		end
-		local wait = task.delay(seconds, function()
-			return setHeld(false)
-		end)
-		return function()
-			stop()
-			task.cancel(wait)
-		end
-	end, { shown, held, reducedMotion })
 	local _attributes = {}
 	local _condition_2 = id
 	if not (_condition_2 ~= 0 and _condition_2 == _condition_2 and _condition_2 ~= "" and _condition_2) then
@@ -360,7 +328,7 @@ local function Select(props)
 			Position = UDim2.new(1, -theme.padding.calc(1), 0.5, 0),
 		},
 	})))
-	local _condition_3 = (shown or held)
+	local _condition_3 = shown
 	if _condition_3 then
 		local _attributes_5 = {
 			key = "Menu",
@@ -405,11 +373,6 @@ local function Select(props)
 			onInput = function(input)
 				return onKey(input, true)
 			end,
-		}, React.createElement("canvasgroup", {
-			ref = menuRef,
-			Size = UDim2.fromScale(1, 1),
-			BackgroundTransparency = 1,
-			GroupTransparency = 1,
 		}, React.createElement("frame", _attributes_5, _exp_3, _exp_4, _exp_5, _exp_6, _condition_4, React.createElement("frame", {
 			key = "ListHost",
 			Size = UDim2.new(1, 0, 1, if search then -row else 0),
@@ -469,7 +432,7 @@ local function Select(props)
 				setmetatable(_attributes_9, nil)
 				return React.createElement("textbutton", _attributes_8, React.createElement("uipadding", _attributes_9))
 			end,
-		}))))))
+		})))))
 	end
 	return React.createElement("frame", _attributes, _exp_2, _condition_3)
 end

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

@@ -210,7 +210,7 @@ local function Skeleton(props)
 		_newValue[_k] = _callback(_v, _k - 1, rows)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, _newValue)
+	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local function SkeletonText(props)
 	local _attributes = table.clone(props)

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

@@ -81,7 +81,7 @@ local function SpeedDial(props)
 			_newValue[_k] = _callback(_v, _k - 1, actions)
 		end
 		-- ▲ ReadonlyArray.map ▲
-		_condition_1 = _newValue
+		_condition_1 = (React.createElement(React.Fragment, nil, _newValue))
 	end
 	return React.createElement("frame", _attributes, _exp, _condition_1, React.createElement(Fab, {
 		key = "Main",

package/out/ui/packages/splitPane/components/SplitPane.luau

@@ -184,7 +184,7 @@ local function SplitPane(props)
 		_newValue[_k] = _callback(_v, _k - 1, _exp_3)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	local _exp_4 = React.createElement("frame", _attributes_3, _exp_1, React.createElement("frame", _attributes_5, _exp_2, _newValue))
+	local _exp_4 = React.createElement("frame", _attributes_3, _exp_1, React.createElement("frame", _attributes_5, _exp_2, React.createElement(React.Fragment, nil, _newValue)))
 	local _attributes_6 = {
 		key = "Second",
 	}

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;