@rbxts/uiblox 0.2.0-alpha.19 → 0.2.0-alpha.2

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

@@ -20,9 +20,7 @@ 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")
-local EmptyListHint = _virtualList.EmptyListHint
-local VirtualList = _virtualList.VirtualList
+local VirtualList = TS.import(script, script.Parent.Parent.Parent, "virtualList").VirtualList
 local useSelectStyles = TS.import(script, script.Parent, "Select.styles").default
 local optionLabel = TS.import(script, script.Parent, "optionLabel").optionLabel
 local _selectFilter = TS.import(script, script.Parent, "selectFilter")
@@ -55,10 +53,6 @@ local function Select(props)
 		placeholder = ""
 	end
 	local searchable = _binding.searchable
-	local defaultOpen = _binding.defaultOpen
-	local defaultQuery = _binding.defaultQuery
-	local emptyText = _binding.emptyText
-	local empty = _binding.empty
 	local reducedProp = _binding.reducedMotion
 	local size = _binding.size
 	local className = _binding.className
@@ -74,15 +68,11 @@ local function Select(props)
 	local row = controlMetrics(theme.density, size).height
 	local active = canActivate(disabled, loading)
 	local anchor, setAnchor = useState()
-	local open, setOpen = useState(defaultOpen == true and not loading)
+	local open, setOpen = useState(false)
 	local held, setHeld = useState(false)
 	local focused, setFocused = useState(false)
 	local highlight, setHighlight = useState(-1)
-	local _condition = defaultQuery
-	if _condition == nil then
-		_condition = ""
-	end
-	local query, setQuery = useState(_condition)
+	local query, setQuery = useState("")
 	local recent = useRef()
 	local typed = useRef()
 	local onKeyRef = useRef()
@@ -105,20 +95,7 @@ local function Select(props)
 	local search = usesSelectSearch(#options, searchable)
 	local filtered = filterChoices(options, query)
 	local rows = groupRows(filtered)
-	local listHeight = if #rows == 0 then row else math.min(#rows * row, theme.spacing.calc(16))
-	local menuHeight = listHeight + (if search then row else 0)
-	local _condition_1 = empty
-	if _condition_1 == nil then
-		local _attributes = {}
-		local _condition_2 = emptyText
-		if _condition_2 == nil then
-			_condition_2 = (if #query > 0 or #options > 0 then "No results" else "No options")
-		end
-		_attributes.text = _condition_2
-		_attributes.height = row
-		_condition_1 = (React.createElement(EmptyListHint, _attributes))
-	end
-	local emptyHint = _condition_1
+	local menuHeight = math.min(#rows * row, theme.spacing.calc(16)) + (if search then row else 0)
 	local close = function()
 		setOpen(false)
 		setQuery("")
@@ -148,15 +125,15 @@ local function Select(props)
 		if fromPointer == nil then
 			fromPointer = false
 		end
-		local _condition_2 = fromPointer
-		if _condition_2 then
+		local _condition = fromPointer
+		if _condition then
 			local _result_1 = listRef.current
 			if _result_1 ~= nil then
 				_result_1 = _result_1.suppressClick()
 			end
-			_condition_2 = _result_1
+			_condition = _result_1
 		end
-		if _condition_2 then
+		if _condition then
 			return nil
 		end
 		local choice = filtered[index + 1]
@@ -277,11 +254,11 @@ local function Select(props)
 		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
-		_condition_2 = "Select"
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "Select"
 	end
-	_attributes.key = _condition_2
+	_attributes.key = _condition
 	_attributes.ref = ref
 	for _k, _v in styles.root do
 		_attributes[_k] = _v
@@ -313,11 +290,11 @@ local function Select(props)
 		if _result_2 ~= nil then
 			_result_2 = _result_2.label
 		end
-		local _condition_3 = _result_2
-		if _condition_3 == nil then
-			_condition_3 = placeholder
+		local _condition_1 = _result_2
+		if _condition_1 == nil then
+			_condition_1 = placeholder
 		end
-		_result_1 = _condition_3
+		_result_1 = _condition_1
 	end
 	_attributes_1.Text = _result_1
 	_attributes_1.Active = active
@@ -360,8 +337,8 @@ local function Select(props)
 			Position = UDim2.new(1, -theme.padding.calc(1), 0.5, 0),
 		},
 	})))
-	local _condition_3 = (shown or held)
-	if _condition_3 then
+	local _condition_1 = (shown or held)
+	if _condition_1 then
 		local _attributes_5 = {
 			key = "Menu",
 		}
@@ -379,8 +356,8 @@ local function Select(props)
 			FillDirection = Enum.FillDirection.Vertical,
 			SortOrder = Enum.SortOrder.LayoutOrder,
 		})
-		local _condition_4 = search
-		if _condition_4 then
+		local _condition_2 = search
+		if _condition_2 then
 			local _attributes_8 = {
 				key = "Search",
 			}
@@ -388,7 +365,7 @@ local function Select(props)
 				_attributes_8[_k] = _v
 			end
 			_attributes_8.LayoutOrder = 1
-			_condition_4 = (React.createElement("frame", _attributes_8, React.createElement(Input, {
+			_condition_2 = (React.createElement("frame", _attributes_8, React.createElement(Input, {
 				text = query,
 				placeholder = "Search",
 				width = UDim.new(1, 0),
@@ -398,7 +375,7 @@ local function Select(props)
 				end,
 			})))
 		end
-		_condition_3 = (React.createElement(Popup, {
+		_condition_1 = (React.createElement(Popup, {
 			anchor = anchor,
 			preferredHeight = menuHeight,
 			onDismiss = close,
@@ -410,7 +387,7 @@ local function Select(props)
 			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", {
+		}, React.createElement("frame", _attributes_5, _exp_3, _exp_4, _exp_5, _exp_6, _condition_2, React.createElement("frame", {
 			key = "ListHost",
 			Size = UDim2.new(1, 0, 1, if search then -row else 0),
 			BackgroundTransparency = 1,
@@ -423,7 +400,6 @@ local function Select(props)
 			end,
 			itemHeight = row,
 			listRef = listRef,
-			empty = emptyHint,
 			className = styles.list,
 			renderItem = function(row)
 				if row.kind == "header" then
@@ -471,7 +447,7 @@ local function Select(props)
 			end,
 		}))))))
 	end
-	return React.createElement("frame", _attributes, _exp_2, _condition_3)
+	return React.createElement("frame", _attributes, _exp_2, _condition_1)
 end
 local default = Select
 return {

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

@@ -44,7 +44,7 @@ local useSelectStyles = componentStyles("Select", function(theme, _param)
 		},
 		list = {
 			Size = UDim2.fromScale(1, 1),
-			BackgroundTransparency = 1,
+			BackgroundColor3 = theme.palette.surface.elevated,
 			BorderSizePixel = 0,
 			ScrollBarThickness = theme.padding.default,
 			ScrollBarImageColor3 = theme.palette.text.secondary,

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

@@ -30,7 +30,6 @@ local function SkeletonBlock(props)
 	local circular = _binding_1.circular
 	local fillRef = useRef()
 	local gradientRef = useRef()
-	local showGradient = motion ~= "pulse"
 	useEffect(function()
 		local fill = fillRef.current
 		local gradient = gradientRef.current
@@ -46,7 +45,7 @@ local function SkeletonBlock(props)
 		if motion == "pulse" then
 			fill.BackgroundTransparency = 0
 			return loopProperty(fill, {
-				BackgroundTransparency = 0.45,
+				BackgroundTransparency = 0.55,
 			}, 0.9, true)
 		end
 		fill.BackgroundTransparency = 0
@@ -91,7 +90,7 @@ local function SkeletonBlock(props)
 		_attributes_1[_k] = _v
 	end
 	_attributes_1.Size = UDim2.new(1, 0, 1, 0)
-	local _condition_3 = showGradient
+	local _condition_3 = motion == "shimmer"
 	if _condition_3 then
 		local _attributes_2 = {
 			ref = gradientRef,

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

@@ -3,20 +3,15 @@ local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles
 local componentStyles = _theme.componentStyles
-local skeletonTone = TS.import(script, script.Parent, "skeletonTone").skeletonTone
 local useSkeletonStyles = componentStyles("Skeleton", function(theme)
-	local _binding = skeletonTone(theme)
-	local bone = _binding.bone
-	local shine = _binding.shine
 	return createStyles({
 		block = {
-			BackgroundColor3 = bone,
+			BackgroundColor3 = theme.palette.surface.paper,
 			BackgroundTransparency = 0,
 			BorderSizePixel = 0,
 		},
 		highlight = {
-			Color = ColorSequence.new({ ColorSequenceKeypoint.new(0, bone), ColorSequenceKeypoint.new(0.5, shine), ColorSequenceKeypoint.new(1, bone) }),
-			Transparency = NumberSequence.new({ NumberSequenceKeypoint.new(0, 0.35), NumberSequenceKeypoint.new(0.5, 0), NumberSequenceKeypoint.new(1, 0.35) }),
+			Color = ColorSequence.new({ ColorSequenceKeypoint.new(0, theme.palette.surface.paper), ColorSequenceKeypoint.new(0.5, theme.palette.text.secondary), ColorSequenceKeypoint.new(1, theme.palette.surface.paper) }),
 		},
 		rounded = {
 			CornerRadius = UDim.new(0, theme.shape.borderRadius),

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

@@ -3,7 +3,7 @@ local function skeletonMotion(animation, reducedMotion)
 	if animation == false or reducedMotion == true then
 		return false
 	end
-	return animation or "shimmer"
+	return animation or "pulse"
 end
 local function skeletonLineWidth(width, index, count)
 	if count > 1 and index == count - 1 then

package/out/ui/packages/slider/components/Slider.d.ts

@@ -8,7 +8,6 @@ export interface SliderProps {
     step?: number;
     disabled?: boolean;
     size?: ControlSize;
-    marks?: boolean | ReadonlyArray<number>;
 }
 declare function Slider(props: CustomizedProps<Frame, SliderProps>): JSX.Element;
 export default Slider;

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

@@ -8,7 +8,6 @@ local cx = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
 local commitNumber = TS.import(script, script.Parent.Parent.Parent, "numberInput", "components", "numberValue").commitNumber
 local useSliderStyles = TS.import(script, script.Parent, "Slider.styles").default
-local sliderMarkValues = TS.import(script, script.Parent, "sliderMarks").sliderMarkValues
 local _sliderNudge = TS.import(script, script.Parent, "sliderNudge")
 local isSliderDrag = _sliderNudge.isSliderDrag
 local isSliderMove = _sliderNudge.isSliderMove
@@ -24,7 +23,6 @@ local function Slider(props)
 	local step = _binding.step
 	local disabled = _binding.disabled
 	local size = _binding.size
-	local marks = _binding.marks
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
@@ -38,7 +36,6 @@ local function Slider(props)
 	local knob = _binding_1.knob
 	local corner = _binding_1.corner
 	local stroke = _binding_1.stroke
-	local mark = _binding_1.mark
 	local active = canActivate(disabled)
 	local focused, setFocused = useState(false)
 	local hovering, setHovering = useState(false)
@@ -48,8 +45,6 @@ local function Slider(props)
 	local ratio = if max > min then (math.clamp(value, min, max) - min) / (max - min) else 0
 	local faded = disabled == true
 	local showFocus = focused and active
-	local markValues = sliderMarkValues(min, max, step, marks)
-	local span = max - min
 	local update = function(rbx, x)
 		local width = rbx.AbsoluteSize.X
 		if width <= 0 then
@@ -170,24 +165,6 @@ local function Slider(props)
 		setmetatable(_attributes_3, nil)
 		_condition_1 = React.createElement("uistroke", _attributes_3)
 	end
-	-- ▼ ReadonlyArray.map ▼
-	local _newValue = table.create(#markValues)
-	local _callback = function(markValue, index)
-		local markRatio = if span > 0 then (markValue - min) / span else 0
-		local _attributes_3 = {
-			key = `Mark-{index}`,
-		}
-		for _k, _v in mark do
-			_attributes_3[_k] = _v
-		end
-		_attributes_3.Position = UDim2.fromScale(markRatio, 0.5)
-		_attributes_3.BackgroundTransparency = if faded then 0.7 else 0.35
-		return React.createElement("frame", _attributes_3)
-	end
-	for _k, _v in markValues do
-		_newValue[_k] = _callback(_v, _k - 1, markValues)
-	end
-	-- ▲ ReadonlyArray.map ▲
 	local _attributes_3 = {
 		key = "Fill",
 	}
@@ -219,7 +196,7 @@ local function Slider(props)
 		_attributes_7.Thickness = 1
 		_condition_2 = React.createElement("uistroke", _attributes_7)
 	end
-	return React.createElement("frame", _attributes, React.createElement("frame", _attributes_1, _exp, _condition_1, _newValue, _exp_1, React.createElement("frame", _attributes_5, _exp_2, _condition_2)))
+	return React.createElement("frame", _attributes, React.createElement("frame", _attributes_1, _exp, _condition_1, _exp_1, React.createElement("frame", _attributes_5, _exp_2, _condition_2)))
 end
 local default = Slider
 return {

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

@@ -39,14 +39,6 @@ local useSliderStyles = componentStyles("Slider", function(theme, _param)
 			Thickness = 2,
 			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
 		},
-		mark = {
-			Size = UDim2.new(0, 2, 0, metrics.sliderTrack + 4),
-			AnchorPoint = Vector2.new(0.5, 0.5),
-			BackgroundColor3 = theme.palette.text.secondary,
-			BackgroundTransparency = 0.35,
-			BorderSizePixel = 0,
-			ZIndex = 1,
-		},
 	})
 end)
 local default = useSliderStyles

package/out/ui/packages/snackbar/components/Snackbar.d.ts

@@ -6,8 +6,6 @@ export interface SnackbarProps {
     duration?: number;
     variant?: ToastVariants;
     open?: boolean;
-    action?: string;
-    onAction?: () => void;
 }
 declare function Snackbar(props: CustomizedProps<Frame, SnackbarProps>): JSX.Element | undefined;
 export default Snackbar;

package/out/ui/packages/snackbar/components/Snackbar.luau

@@ -2,7 +2,6 @@
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local Toast = TS.import(script, script.Parent.Parent.Parent, "toast").Toast
-local snackbarActionLabel = TS.import(script, script.Parent, "snackbarAction").snackbarActionLabel
 local function Snackbar(props)
 	local _binding = props
 	local message = _binding.message
@@ -13,8 +12,6 @@ local function Snackbar(props)
 	if open == nil then
 		open = true
 	end
-	local action = _binding.action
-	local onAction = _binding.onAction
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
@@ -27,8 +24,6 @@ local function Snackbar(props)
 		onDismiss = onDismiss,
 		duration = duration,
 		variant = variant,
-		action = snackbarActionLabel(action),
-		onAction = onAction,
 		className = className,
 		sx = sx,
 	}

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/stateMatrix.d.ts

@@ -26,7 +26,5 @@ export interface StateCapture {
     indeterminate?: boolean;
     size?: StateSize;
     density?: StateDensity;
-    row?: boolean;
-    marks?: boolean;
 }
 export declare const stateMatrix: StateCapture[];