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

package/out/ui/packages/chip/components/Chip.luau

@@ -1,31 +1,20 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local Icons = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Icons
 local useChipStyles = TS.import(script, script.Parent, "Chip.styles").default
 local function Chip(props)
 	local _binding = props
 	local label = _binding.label
 	local selected = _binding.selected
 	local disabled = _binding.disabled
-	local size = _binding.size
-	local variant = _binding.variant
-	if variant == nil then
-		variant = "filled"
-	end
 	local onActivated = _binding.onActivated
-	local onDelete = _binding.onDelete
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
-	local deletable = onDelete ~= nil
 	local styles = useChipStyles({
 		selected = selected,
 		disabled = disabled,
-		deletable = deletable,
-		size = size,
-		variant = variant,
 	})
 	local _attributes = {}
 	local _condition = id
@@ -47,7 +36,7 @@ local function Chip(props)
 			_attributes[_k] = _v
 		end
 	end
-	_attributes.Text = if deletable then "" else label
+	_attributes.Text = label
 	_attributes.Event = {
 		Activated = function()
 			if disabled ~= true then
@@ -66,38 +55,7 @@ local function Chip(props)
 	local _exp_1 = React.createElement("uicorner", _attributes_2)
 	local _attributes_3 = table.clone(styles.stroke)
 	setmetatable(_attributes_3, nil)
-	local _exp_2 = React.createElement("uistroke", _attributes_3)
-	local _condition_1 = deletable
-	if _condition_1 then
-		local _attributes_4 = table.clone(styles.row)
-		setmetatable(_attributes_4, nil)
-		local _exp_3 = React.createElement("uilistlayout", _attributes_4)
-		local _attributes_5 = {
-			key = "Label",
-		}
-		for _k, _v in styles.label do
-			_attributes_5[_k] = _v
-		end
-		_attributes_5.Text = label
-		local _exp_4 = React.createElement("textlabel", _attributes_5)
-		local _attributes_6 = {
-			key = "Delete",
-		}
-		for _k, _v in styles.delete do
-			_attributes_6[_k] = _v
-		end
-		_attributes_6.Image = tostring(Icons.Close)
-		_attributes_6.Active = disabled ~= true
-		_attributes_6.Event = {
-			Activated = function()
-				if disabled ~= true then
-					onDelete()
-				end
-			end,
-		}
-		_condition_1 = (React.createElement(React.Fragment, nil, _exp_3, _exp_4, React.createElement("imagebutton", _attributes_6)))
-	end
-	return React.createElement("textbutton", _attributes, _exp, _exp_1, _exp_2, _condition_1)
+	return React.createElement("textbutton", _attributes, _exp, _exp_1, React.createElement("uistroke", _attributes_3))
 end
 local default = Chip
 return {

package/out/ui/packages/chip/components/Chip.styles.d.ts

@@ -1,9 +1,5 @@
-import { ControlSize } from "../../../../theme/index";
 declare const useChipStyles: (props: {
     selected?: boolean;
     disabled?: boolean;
-    deletable?: boolean;
-    size?: ControlSize;
-    variant?: "filled" | "outlined";
 }) => import("../../../../theme/index").ClassNameMap<string>;
 export default useChipStyles;

package/out/ui/packages/chip/components/Chip.styles.luau

@@ -2,7 +2,6 @@
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local componentStyles = _theme.componentStyles
-local controlMetrics = _theme.controlMetrics
 local createStyles = _theme.createStyles
 local useChipStyles = componentStyles("Chip", function(theme, _param)
 	local selected = _param.selected
@@ -13,70 +12,32 @@ local useChipStyles = componentStyles("Chip", function(theme, _param)
 	if disabled == nil then
 		disabled = false
 	end
-	local deletable = _param.deletable
-	if deletable == nil then
-		deletable = false
-	end
-	local size = _param.size
-	local variant = _param.variant
-	if variant == nil then
-		variant = "filled"
-	end
-	local metrics = controlMetrics(theme.density, size)
-	local padY = if size == "small" then 0.25 elseif size == "large" then 0.75 else 0.5
-	local padX = if size == "small" then 1 elseif size == "large" then 2 else 1.5
-	local deletePx = metrics.icon
 	return createStyles({
 		root = {
 			AutomaticSize = Enum.AutomaticSize.XY,
 			Size = UDim2.fromScale(0, 0),
 			BackgroundColor3 = if selected then theme.palette.action.selected else theme.palette.surface.input,
-			BackgroundTransparency = if variant == "outlined" and selected ~= true then 1 else 0,
 			BorderSizePixel = 0,
 			AutoButtonColor = false,
 			Active = not disabled,
 			Selectable = not disabled,
 			TextColor3 = if disabled then theme.palette.text.disabled else theme.palette.text.primary,
 			Font = theme.typography.fontFamilies.default,
-			TextSize = metrics.font,
+			TextSize = theme.typography.fontSizes.body,
 		},
 		padding = {
-			PaddingTop = UDim.new(0, theme.padding.calc(padY)),
-			PaddingBottom = UDim.new(0, theme.padding.calc(padY)),
-			PaddingLeft = UDim.new(0, theme.padding.calc(padX)),
-			PaddingRight = UDim.new(0, theme.padding.calc(if deletable then 0.5 else padX)),
+			PaddingTop = UDim.new(0, theme.padding.calc(0.5)),
+			PaddingBottom = UDim.new(0, theme.padding.calc(0.5)),
+			PaddingLeft = UDim.new(0, theme.padding.calc(1.5)),
+			PaddingRight = UDim.new(0, theme.padding.calc(1.5)),
 		},
 		corner = {
-			CornerRadius = UDim.new(theme.shape.pillScale, 0),
+			CornerRadius = UDim.new(1, 0),
 		},
 		stroke = {
 			Color = theme.palette.border,
 			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
-			Transparency = if variant == "outlined" then (if disabled then 0.5 else 0) elseif selected then 1 else 0,
-		},
-		row = {
-			FillDirection = Enum.FillDirection.Horizontal,
-			VerticalAlignment = Enum.VerticalAlignment.Center,
-			SortOrder = Enum.SortOrder.LayoutOrder,
-			Padding = UDim.new(0, theme.padding.calc(0.5)),
-		},
-		label = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			TextColor3 = if disabled then theme.palette.text.disabled else theme.palette.text.primary,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = metrics.font,
-			LayoutOrder = 1,
-		},
-		delete = {
-			Size = UDim2.fromOffset(deletePx, deletePx),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			AutoButtonColor = false,
-			ImageColor3 = if disabled then theme.palette.text.disabled else theme.palette.text.secondary,
-			LayoutOrder = 2,
+			Transparency = if selected then 1 else 0,
 		},
 	})
 end)

package/out/ui/packages/circularProgress/components/CircularProgress.luau

@@ -10,7 +10,6 @@ local _motion = TS.import(script, script.Parent.Parent.Parent, "motion")
 local arcKeys = _motion.arcKeys
 local loopProperty = _motion.loopProperty
 local progressSpin = _motion.progressSpin
-local spinArcKeys = _motion.spinArcKeys
 local function CircularProgress(props)
 	local _binding = props
 	local value = _binding.value
@@ -39,17 +38,7 @@ local function CircularProgress(props)
 	local shown = if indeterminate then (if motion == "spin" then nil else 0.25) else value
 	local _result
 	if shown == nil then
-		local _exp = spinArcKeys()
-		-- ▼ ReadonlyArray.map ▼
-		local _newValue = table.create(#_exp)
-		local _callback = function(key)
-			return NumberSequenceKeypoint.new(key.time, key.transparency)
-		end
-		for _k, _v in _exp do
-			_newValue[_k] = _callback(_v, _k - 1, _exp)
-		end
-		-- ▲ ReadonlyArray.map ▲
-		_result = NumberSequence.new(_newValue)
+		_result = NumberSequence.new({ NumberSequenceKeypoint.new(0, 1), NumberSequenceKeypoint.new(0.35, 1), NumberSequenceKeypoint.new(0.5, 0), NumberSequenceKeypoint.new(0.65, 1), NumberSequenceKeypoint.new(1, 1) })
 	else
 		local _exp = arcKeys(shown)
 		-- ▼ ReadonlyArray.map ▼
@@ -102,7 +91,7 @@ local function CircularProgress(props)
 	}), React.createElement("uistroke", {
 		Color = tint,
 		Thickness = thickness,
-		Transparency = if disabled then 0.85 else 0.82,
+		Transparency = if disabled then 0.75 else 0.7,
 	}), React.createElement("uistroke", {
 		Color = tint,
 		Thickness = thickness,

package/out/ui/packages/dialog/components/Dialog.d.ts

@@ -2,7 +2,7 @@ import React from "@rbxts/react";
 export interface DialogProps {
     host?: Instance;
     open: boolean;
-    title?: string;
+    title: string;
     onClose: () => void;
     children?: React.ReactNode;
     actions?: React.ReactNode;

package/out/ui/packages/dialog/components/Dialog.luau

@@ -12,8 +12,6 @@ local function Dialog(props)
 	local children = _binding.children
 	local actions = _binding.actions
 	local styles = useDialogStyles()
-	local hasTitle = title ~= nil and title ~= ""
-	local hasActions = actions ~= nil
 	local _attributes = {
 		key = "Column",
 	}
@@ -23,41 +21,34 @@ local function Dialog(props)
 	local _attributes_1 = table.clone(styles.columnList)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uilistlayout", _attributes_1)
-	local _condition = hasTitle
-	if _condition then
-		local _attributes_2 = {
-			key = "Title",
-		}
-		for _k, _v in styles.title do
-			_attributes_2[_k] = _v
-		end
-		_attributes_2.Text = title
-		_condition = React.createElement("textlabel", _attributes_2)
-	end
 	local _attributes_2 = {
+		key = "Title",
+	}
+	for _k, _v in styles.title do
+		_attributes_2[_k] = _v
+	end
+	_attributes_2.Text = title
+	local _exp_1 = React.createElement("textlabel", _attributes_2)
+	local _attributes_3 = {
 		key = "Body",
 	}
 	for _k, _v in styles.body do
-		_attributes_2[_k] = _v
+		_attributes_3[_k] = _v
 	end
-	local _exp_1 = React.createElement("frame", _attributes_2, children)
-	local _condition_1 = hasActions
-	if _condition_1 then
-		local _attributes_3 = {
-			key = "Actions",
-		}
-		for _k, _v in styles.actions do
-			_attributes_3[_k] = _v
-		end
-		local _attributes_4 = table.clone(styles.actionList)
-		setmetatable(_attributes_4, nil)
-		_condition_1 = (React.createElement("frame", _attributes_3, React.createElement("uilistlayout", _attributes_4), actions))
+	local _exp_2 = React.createElement("frame", _attributes_3, children)
+	local _attributes_4 = {
+		key = "Actions",
+	}
+	for _k, _v in styles.actions do
+		_attributes_4[_k] = _v
 	end
+	local _attributes_5 = table.clone(styles.actionList)
+	setmetatable(_attributes_5, nil)
 	return React.createElement(Modal, {
 		host = host,
 		open = open,
 		onClose = onClose,
-	}, React.createElement("frame", _attributes, _exp, _condition, _exp_1, _condition_1))
+	}, React.createElement("frame", _attributes, _exp, _exp_1, _exp_2, React.createElement("frame", _attributes_4, React.createElement("uilistlayout", _attributes_5), actions)))
 end
 local default = Dialog
 return {

package/out/ui/packages/divider/components/Divider.d.ts

@@ -9,7 +9,6 @@ export interface DividerProps {
     transparency?: number;
     weight?: number;
     anchorPoint?: Vector2;
-    text?: string;
 }
 declare function Divider<T extends DefaultDividerComponent>(props: CustomizedProps<T, DividerProps>): JSX.Element;
 export default Divider;

package/out/ui/packages/divider/components/Divider.luau

@@ -1,63 +1,15 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local Orientations = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Orientations
-local dividerLabel = TS.import(script, script.Parent, "dividerLabel").dividerLabel
 local useDividerStyles = TS.import(script, script.Parent, "Divider.styles").default
 local function Divider(props)
 	local _binding = props
-	local text = _binding.text
-	local orientation = _binding.orientation
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
 	local _binding_1 = useDividerStyles(props)
 	local root = _binding_1.root
-	local shell = _binding_1.shell
-	local line = _binding_1.line
-	local caption = _binding_1.caption
-	local captionPad = _binding_1.captionPad
-	local label = dividerLabel(text)
-	if label ~= nil and orientation ~= Orientations.Vertical then
-		local _attributes = {}
-		local _condition = id
-		if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-			_condition = "Divider"
-		end
-		_attributes.key = _condition
-		_attributes.ref = ref
-		for _k, _v in shell do
-			_attributes[_k] = _v
-		end
-		if className ~= 0 and className == className and className ~= "" and className then
-			for _k, _v in className do
-				_attributes[_k] = _v
-			end
-		end
-		if sx ~= 0 and sx == sx and sx ~= "" and sx then
-			for _k, _v in sx do
-				_attributes[_k] = _v
-			end
-		end
-		local _attributes_1 = {
-			key = "Line",
-		}
-		for _k, _v in line do
-			_attributes_1[_k] = _v
-		end
-		local _exp = React.createElement("frame", _attributes_1)
-		local _attributes_2 = {
-			key = "Label",
-		}
-		for _k, _v in caption do
-			_attributes_2[_k] = _v
-		end
-		_attributes_2.Text = label
-		local _attributes_3 = table.clone(captionPad)
-		setmetatable(_attributes_3, nil)
-		return React.createElement("frame", _attributes, _exp, React.createElement("textlabel", _attributes_2, React.createElement("uipadding", _attributes_3)))
-	end
 	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then

package/out/ui/packages/divider/components/Divider.styles.luau

@@ -32,35 +32,6 @@ local useDividerStyles = componentStyles("Divider", function(theme, props)
 		anchorPoint = Vector2.new(0, 0)
 	end
 	return createStyles({
-		shell = {
-			Size = UDim2.new(1, 0, 0, theme.spacing.calc(2)),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-		},
-		line = {
-			Size = UDim2.new(1, 0, 0, weight),
-			Position = UDim2.new(0, 0, 0.5, 0),
-			AnchorPoint = Vector2.new(0, 0.5),
-			BackgroundColor3 = color,
-			BackgroundTransparency = transparency,
-			BorderSizePixel = 0,
-		},
-		caption = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
-			AnchorPoint = Vector2.new(0.5, 0.5),
-			Position = UDim2.new(0.5, 0, 0.5, 0),
-			BackgroundColor3 = theme.palette.surface.canvas,
-			BorderSizePixel = 0,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.caption,
-			TextColor3 = theme.palette.text.secondary,
-			ZIndex = 2,
-		},
-		captionPad = {
-			PaddingLeft = UDim.new(0, theme.padding.calc(1)),
-			PaddingRight = UDim.new(0, theme.padding.calc(1)),
-		},
 		root = {
 			Position = position or UDim2.new(0, 0, 0, 0),
 			Size = UDim2.new(if orientation == Orientations.Horizontal then 1 else 0, if orientation == Orientations.Horizontal then -padding * 2 else weight, if orientation == Orientations.Vertical then 1 else 0, if orientation == Orientations.Vertical then -padding * 2 else weight),

package/out/ui/packages/drawer/components/Drawer.d.ts

@@ -4,7 +4,6 @@ export interface DrawerProps {
     host?: Instance;
     open: boolean;
     edge?: DrawerEdge;
-    width?: number;
     onClose: () => void;
     children?: React.ReactNode;
 }

package/out/ui/packages/drawer/components/Drawer.luau

@@ -17,12 +17,9 @@ local function Drawer(props)
 	if edge == nil then
 		edge = "left"
 	end
-	local width = _binding.width
 	local onClose = _binding.onClose
 	local children = _binding.children
-	local styles = useDrawerStyles({
-		width = width,
-	})
+	local styles = useDrawerStyles()
 	local close = useRef(onClose)
 	close.current = onClose
 	useEffect(function()

package/out/ui/packages/drawer/components/Drawer.styles.d.ts

@@ -1,4 +1,2 @@
-declare const useDrawerStyles: (props: {
-    width?: number;
-}) => import("../../../../theme/index").ClassNameMap<string>;
+declare const useDrawerStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useDrawerStyles;

package/out/ui/packages/drawer/components/Drawer.styles.luau

@@ -3,8 +3,7 @@ local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local componentStyles = _theme.componentStyles
 local createStyles = _theme.createStyles
-local useDrawerStyles = componentStyles("Drawer", function(theme, _param)
-	local width = _param.width
+local useDrawerStyles = componentStyles("Drawer", function(theme)
 	return createStyles({
 		root = {
 			Size = UDim2.fromScale(1, 1),
@@ -22,7 +21,7 @@ local useDrawerStyles = componentStyles("Drawer", function(theme, _param)
 			ZIndex = 30000,
 		},
 		panel = {
-			Size = UDim2.new(0, if width ~= nil and width > 0 then width else theme.spacing.calc(20), 1, 0),
+			Size = UDim2.new(0, theme.spacing.calc(20), 1, 0),
 			BackgroundColor3 = theme.palette.surface.elevated,
 			BorderSizePixel = 0,
 			ZIndex = 30001,

package/out/ui/packages/fab/components/Fab.d.ts

@@ -1,12 +1,9 @@
 import { CustomizedProps } from "../../../../theme/index";
 import { Icons } from "../../../enums/index";
 import { FabSize } from "./fabSize";
-import { FabColor } from "./Fab.styles";
 export interface FabProps {
     icon: Icons;
-    label?: string;
     size?: FabSize;
-    color?: FabColor;
     disabled?: boolean;
     loading?: boolean;
     reducedMotion?: boolean;

package/out/ui/packages/fab/components/Fab.luau

@@ -8,22 +8,15 @@ local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "t
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
 local CircularProgress = TS.import(script, script.Parent.Parent.Parent, "circularProgress").CircularProgress
 local Shadow = TS.import(script, script.Parent.Parent.Parent, "shadow").Shadow
-local _fabSize = TS.import(script, script.Parent, "fabSize")
-local fabExtended = _fabSize.fabExtended
-local fabIconPixels = _fabSize.fabIconPixels
+local fabIconPixels = TS.import(script, script.Parent, "fabSize").fabIconPixels
 local useFabStyles = TS.import(script, script.Parent, "Fab.styles").default
 local function Fab(props)
 	local _binding = props
 	local icon = _binding.icon
-	local label = _binding.label
 	local size = _binding.size
 	if size == nil then
 		size = "medium"
 	end
-	local color = _binding.color
-	if color == nil then
-		color = "primary"
-	end
 	local disabled = _binding.disabled
 	local loading = _binding.loading
 	if loading == nil then
@@ -36,12 +29,9 @@ local function Fab(props)
 	local id = _binding.id
 	local ref = _binding.ref
 	local active = canActivate(disabled, loading)
-	local extended = fabExtended(label)
 	local styles = useFabStyles({
 		size = size,
-		color = color,
 		disabled = not active,
-		extended = extended,
 	})
 	local _binding_1 = useTheme()
 	local theme = _binding_1.theme
@@ -55,34 +45,6 @@ local function Fab(props)
 		setHovering(false)
 		setFocused(false)
 	end, { active })
-	local _result
-	if loading then
-		_result = (React.createElement(CircularProgress, {
-			size = iconPx,
-			thickness = 2,
-			color = theme.palette.primary.on,
-			reducedMotion = reducedMotion,
-			className = if extended then {
-				LayoutOrder = 1,
-			} else {
-				AnchorPoint = Vector2.new(0.5, 0.5),
-				Position = UDim2.fromScale(0.5, 0.5),
-			},
-		}))
-	else
-		local _attributes = {
-			key = "Icon",
-		}
-		for _k, _v in styles.icon do
-			_attributes[_k] = _v
-		end
-		_attributes.Size = UDim2.fromOffset(iconPx, iconPx)
-		_attributes.AnchorPoint = if extended then Vector2.new(0, 0) else Vector2.new(0.5, 0.5)
-		_attributes.Position = if extended then UDim2.fromScale(0, 0) else UDim2.fromScale(0.5, 0.5)
-		_attributes.Image = tostring(icon)
-		_result = (React.createElement("imagelabel", _attributes))
-	end
-	local iconEl = _result
 	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
@@ -133,31 +95,32 @@ local function Fab(props)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uicorner", _attributes_1)
 	local _exp_1 = React.createElement(Shadow)
-	local _result_1
-	if extended then
-		local _attributes_2 = table.clone(styles.padding)
-		setmetatable(_attributes_2, nil)
-		local _exp_2 = React.createElement("uipadding", _attributes_2)
-		local _attributes_3 = table.clone(styles.row)
-		setmetatable(_attributes_3, nil)
-		local _exp_3 = React.createElement("uilistlayout", _attributes_3)
-		local _exp_4 = iconEl
-		local _condition_1 = not loading
-		if _condition_1 then
-			local _attributes_4 = {
-				key = "Label",
-			}
-			for _k, _v in styles.label do
-				_attributes_4[_k] = _v
-			end
-			_attributes_4.Text = label
-			_condition_1 = React.createElement("textlabel", _attributes_4)
-		end
-		_result_1 = (React.createElement(React.Fragment, nil, _exp_2, _exp_3, _exp_4, _condition_1))
+	local _result
+	if loading then
+		_result = (React.createElement(CircularProgress, {
+			size = iconPx,
+			thickness = 2,
+			color = theme.palette.primary.on,
+			reducedMotion = reducedMotion,
+			className = {
+				AnchorPoint = Vector2.new(0.5, 0.5),
+				Position = UDim2.fromScale(0.5, 0.5),
+			},
+		}))
 	else
-		_result_1 = iconEl
+		local _attributes_2 = {
+			key = "Icon",
+		}
+		for _k, _v in styles.icon do
+			_attributes_2[_k] = _v
+		end
+		_attributes_2.Size = UDim2.fromOffset(iconPx, iconPx)
+		_attributes_2.AnchorPoint = Vector2.new(0.5, 0.5)
+		_attributes_2.Position = UDim2.fromScale(0.5, 0.5)
+		_attributes_2.Image = tostring(icon)
+		_result = (React.createElement("imagelabel", _attributes_2))
 	end
-	return React.createElement("textbutton", _attributes, _exp, _exp_1, _result_1)
+	return React.createElement("textbutton", _attributes, _exp, _exp_1, _result)
 end
 local default = Fab
 return {

package/out/ui/packages/fab/components/Fab.styles.d.ts

@@ -1,10 +1,7 @@
 import { FabSize } from "./fabSize";
-export type FabColor = "primary" | "accent";
 export interface FabStyleProps {
     size?: FabSize;
-    color?: FabColor;
     disabled?: boolean;
-    extended?: boolean;
 }
 declare const useFabStyles: (props: FabStyleProps) => import("../../../../theme/index").ClassNameMap<string>;
 export default useFabStyles;

package/out/ui/packages/fab/components/Fab.styles.luau

@@ -9,19 +9,12 @@ local useFabStyles = componentStyles("Fab", function(theme, _param)
 	if size == nil then
 		size = "medium"
 	end
-	local color = _param.color
-	if color == nil then
-		color = "primary"
-	end
 	local disabled = _param.disabled
-	local extended = _param.extended
 	local diameter = fabPixels(size)
-	local tone = if color == "accent" then theme.palette.accent else theme.palette.primary
 	return createStyles({
 		root = {
-			Size = if extended == true then UDim2.new(0, 0, 0, diameter) else UDim2.fromOffset(diameter, diameter),
-			AutomaticSize = if extended == true then Enum.AutomaticSize.X else Enum.AutomaticSize.None,
-			BackgroundColor3 = tone.main,
+			Size = UDim2.fromOffset(diameter, diameter),
+			BackgroundColor3 = theme.palette.primary.main,
 			BackgroundTransparency = if disabled then 0.5 else 0,
 			BorderSizePixel = 0,
 			AutoButtonColor = false,
@@ -31,36 +24,13 @@ local useFabStyles = componentStyles("Fab", function(theme, _param)
 		corner = {
 			CornerRadius = UDim.new(1, 0),
 		},
-		padding = {
-			PaddingLeft = UDim.new(0, theme.padding.calc(2)),
-			PaddingRight = UDim.new(0, theme.padding.calc(2.5)),
-		},
-		row = {
-			FillDirection = Enum.FillDirection.Horizontal,
-			VerticalAlignment = Enum.VerticalAlignment.Center,
-			HorizontalAlignment = Enum.HorizontalAlignment.Center,
-			SortOrder = Enum.SortOrder.LayoutOrder,
-			Padding = UDim.new(0, theme.padding.calc(1)),
-		},
 		icon = {
 			Size = UDim2.fromScale(1, 1),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			ScaleType = Enum.ScaleType.Fit,
-			ImageColor3 = tone.on,
+			ImageColor3 = theme.palette.primary.on,
 			ImageTransparency = if disabled then 0.5 else 0,
-			LayoutOrder = 1,
-		},
-		label = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.body,
-			TextColor3 = tone.on,
-			TextTransparency = if disabled then 0.5 else 0,
-			LayoutOrder = 2,
 		},
 	})
 end)

package/out/ui/packages/fab/components/fabSize.d.ts

@@ -1,4 +1,3 @@
 export type FabSize = "small" | "medium" | "large";
 export declare function fabPixels(size?: FabSize): 40 | 64 | 56;
 export declare function fabIconPixels(size?: FabSize): 18 | 24 | 28;
-export declare function fabExtended(label?: string): boolean;