Updated spec.

Author: ryanlua

src/Workspace/SignsInternal/StudioWidgets/CollapsibleTitledSection.lua

@@ -116,11 +116,6 @@ function CollapsibleTitledSectionClass:_CreateTitleBar(titleText)
 	local titleTextOffset = self._titleBarHeight
 
 	local titleBar = Instance.new('ImageButton')
-	if self._minimizable == true then
-		titleBar.AutoButtonColor = false --  TODO: Set this to false when you implement a better solution.
-	else
-		titleBar.AutoButtonColor = false
-	end
 	titleBar.Name = 'TitleBarVisual'
 	titleBar.Position = UDim2.new(0, 0, 0, 0)
 	titleBar.Size = UDim2.new(1, 0, 0, self._titleBarHeight)
@@ -132,8 +127,8 @@ function CollapsibleTitledSectionClass:_CreateTitleBar(titleText)
 	local titleLabel = Instance.new('TextLabel')
 	titleLabel.Name = 'TitleLabel'
 	titleLabel.BackgroundTransparency = 1
-	titleLabel.Font = Enum.Font.SourceSansBold                -- TODO: input spec font
-	titleLabel.TextSize = 15                                  -- TODO: input spec font size
+	titleLabel.Font = GuiUtilities.kStandardFontFaceBold
+	titleLabel.TextSize = GuiUtilities.kStandardFontSize
 	titleLabel.TextXAlignment = Enum.TextXAlignment.Left
 	titleLabel.Text = titleText
 	titleLabel.Position = UDim2.new(0, titleTextOffset, 0, 0)
@@ -160,12 +155,6 @@ function CollapsibleTitledSectionClass:_CreateTitleBar(titleText)
 	settings().Studio.ThemeChanged:Connect(_UpdateMinimizeButtonTheme)
 	_UpdateMinimizeButtonTheme()
 
-	-- self._minimizeButton.MouseButton1Down:Connect(function()
-	-- 	self:_ToggleCollapsedState()
-	-- end)
-	-- self:_UpdateMinimizeButton()
-	-- self._minimizeButton.Parent = titleBar
-
 	titleBar.InputBegan:Connect(function(input)
 		if (input.UserInputType == Enum.UserInputType.MouseMovement) then
 			self._hovered = true
@@ -185,7 +174,7 @@ function CollapsibleTitledSectionClass:_CreateTitleBar(titleText)
 		self._clicked = true
 		self:_updateButtonVisual()
 
-		if self._minimizable == true then -- if check was added in to fix bug. idk why this was left unfixed.
+		if self._minimizable == true then
 			self:_ToggleCollapsedState()
 		end
 	end)

src/Workspace/SignsInternal/StudioWidgets/CustomTextButton.lua

@@ -43,8 +43,8 @@ function CustomTextButtonClass.new(buttonName, labelText)
 	label.Text = labelText
 	label.BackgroundTransparency = 1
 	label.Size = UDim2.new(1, 0, 1, 0) -- 1, 0, 1, GuiUtilities.kButtonVerticalFudge
-	label.Font = Enum.Font.SourceSans
-	label.TextSize = 15
+	label.Font = GuiUtilities.kStandardFontFace
+	label.TextSize = GuiUtilities.kStandardFontSize
 	label.Parent = button
 	GuiUtilities.syncGuiElementFontColor(label)
 

src/Workspace/SignsInternal/StudioWidgets/CustomTextLabel.lua

@@ -27,8 +27,8 @@ function CustomTextLabelClass.new(nameSuffix, height)
 	end
 	label.BackgroundTransparency = 1
 	label.Size = UDim2.new(1, 0, 1, 0)
-	label.Font = Enum.Font.SourceSans
-	label.TextSize = 15
+	label.Font = GuiUtilities.kStandardFontFace
+	label.TextSize = GuiUtilities.kStandardFontSize
 	label.TextWrapped = true
 	label.Parent = frame
 

src/Workspace/SignsInternal/StudioWidgets/GuiUtilities.lua

@@ -6,6 +6,8 @@ module.kInlineTitleBarHeight = 24
 module.kStandardContentAreaWidth = 180
 
 module.kStandardFontSize = 15
+module.kStandardFontFace = Enum.Font.SourceSans
+module.kStandardFontFaceBold = Enum.Font.SourceSansBold
 
 module.kStandardPropertyHeight = 30
 module.kSubSectionLabelHeight = 30
@@ -238,8 +240,8 @@ function module.MakeStandardPropertyLabel(text, opt_ignoreThemeUpdates)
 	label.RichText = true
 	label.Name = 'Label'
 	label.BackgroundTransparency = 1
-	label.Font = Enum.Font.SourceSans                    -- TODO: input spec font
-	label.TextSize = 15                                  -- TODO: input spec font size
+	label.Font = module.kStandardFontFace
+	label.TextSize = module.kStandardFontSize
 	label.TextXAlignment = Enum.TextXAlignment.Left
 	label.Text = text
 	label.AnchorPoint = Vector2.new(0, 0.5)

src/Workspace/SignsInternal/StudioWidgets/ImageButtonWithText.lua

@@ -50,15 +50,15 @@ function ImageButtonWithTextClass.new(name,
 	textLabel.Size = textSize
 	textLabel.Position = textPos
 	textLabel.TextScaled = true
-	textLabel.Font = Enum.Font.SourceSans
+	textLabel.Font = GuiUtilities.kStandardFontFace
 	textLabel.Parent = button
 
 	GuiUtilities.syncGuiElementFontColor(textLabel)
 
 	local uiTextSizeConstraint = Instance.new("UITextSizeConstraint")
 	-- Spec asks for fontsize of 12 pixels, but in Roblox the text font sizes look smaller than the mock
 	--Note: For this font the Roblox text size is 25.7% larger than the design spec. 
-	uiTextSizeConstraint.MaxTextSize = 15		                                          
+	uiTextSizeConstraint.MaxTextSize = GuiUtilities.kStandardFontSize		                                          
 	uiTextSizeConstraint.Parent = textLabel
 
 	self._button = button

src/Workspace/SignsInternal/StudioWidgets/LabeledMultiChoice.lua

@@ -26,6 +26,8 @@ function LabeledMultiChoiceClass.new(nameSuffix, labelText, choices, initChoiceI
 	local self = {}
 	setmetatable(self, LabeledMultiChoiceClass)
 
+	
+
 	self._buttonObjsByIndex = {}
 
 	if (not initChoiceIndex ) then 

src/Workspace/SignsInternal/StudioWidgets/LabeledSelection.lua

@@ -0,0 +1,6 @@
+----------------------------------------
+--
+-- LabeledSelection.lua
+--
+----------------------------------------
+GuiUtilities = require(script.Parent.GuiUtilities)

src/Workspace/SignsInternal/StudioWidgets/LabeledTextInput.lua

@@ -8,8 +8,8 @@
 GuiUtilities = require(script.Parent.GuiUtilities)
 
 local kTextInputWidth = 100
-local kTextInputHeight = 18
-local kTextBoxInternalPadding = 4
+local kTextInputHeight = 22
+local kTextBoxInternalPadding = 3
 
 LabeledTextInputClass = {}
 LabeledTextInputClass.__index = LabeledTextInputClass
@@ -40,9 +40,9 @@ function LabeledTextInputClass.new(nameSuffix, labelText, defaultValue)
 	self._value = defaultValue
 
 	local textBoxBorder = Instance.new("ImageLabel")
-	textBoxBorder.Name = "Border"
+	textBoxBorder.Name = "TextBox"
 	textBoxBorder.Size = UDim2.new(0, kTextInputWidth, 0, kTextInputHeight)
-	textBoxBorder.Position = UDim2.new(0, GuiUtilities.StandardLineElementLeftMargin, 0, 6)
+	textBoxBorder.Position = UDim2.new(0, GuiUtilities.StandardLineElementLeftMargin, 0, kTextBoxInternalPadding)
 	textBoxBorder.AnchorPoint = Vector2.new(0, 0)
 	textBoxBorder.BackgroundTransparency = 1
 	textBoxBorder.Image = "rbxasset://textures/StudioToolbox/RoundedBorder.png"
@@ -51,15 +51,16 @@ function LabeledTextInputClass.new(nameSuffix, labelText, defaultValue)
 	textBoxBorder.ImageColor3 = GuiUtilities.kStandardBorderColor
 	textBoxBorder.AutomaticSize = Enum.AutomaticSize.Y
 	textBoxBorder.Parent = frame
+	textBoxBorder.ZIndex = 2
 	GuiUtilities.syncGuiImageBorderColor(textBoxBorder)
 
 	-- Dumb hack to add padding to text box,
 	local textBoxWrapperFrame = Instance.new("Frame")
-	textBoxWrapperFrame.Name = "Wrapper"
-	textBoxWrapperFrame.Size = UDim2.new(0, kTextInputWidth - 2, 0, kTextInputHeight - 2)
+	textBoxWrapperFrame.Name = "TextBoxFrame"
+	textBoxWrapperFrame.Size = UDim2.new(1, 0, 0, kTextInputHeight)
 	textBoxWrapperFrame.BorderSizePixel = 0
-	textBoxWrapperFrame.AnchorPoint = Vector2.new(0.5, 0)
-	textBoxWrapperFrame.Position = UDim2.new(0.5, 0, 0, 1)
+	textBoxWrapperFrame.AnchorPoint = Vector2.new(0, 0)
+	textBoxWrapperFrame.Position = UDim2.new(0, 0, 0, 1)
 	textBoxWrapperFrame.AutomaticSize = Enum.AutomaticSize.Y
 	textBoxWrapperFrame.Parent = textBoxBorder
 	GuiUtilities.syncGuiElementInputFieldColor(textBoxWrapperFrame)
@@ -71,17 +72,16 @@ function LabeledTextInputClass.new(nameSuffix, labelText, defaultValue)
 	textBox.MultiLine = true
 	textBox.Text = ""
 	textBox.PlaceholderText = defaultValue
-	textBox.Font = Enum.Font.SourceSans
-	textBox.TextSize = 15
+	textBox.Font = GuiUtilities.kStandardFontFace
+	textBox.TextSize = GuiUtilities.kStandardFontSize
 	textBox.TextWrapped = true
 	textBox.BackgroundTransparency = 1
 	textBox.TextXAlignment = Enum.TextXAlignment.Left
 	textBox.TextYAlignment = Enum.TextYAlignment.Center
-	textBox.Size = UDim2.new(1, -kTextBoxInternalPadding, 1, GuiUtilities.kTextVerticalFudge)
-	textBox.Position = UDim2.new(0, kTextBoxInternalPadding, 0, 0)
+	textBox.Size = UDim2.new(1, -kTextBoxInternalPadding, 0, GuiUtilities.kTextVerticalFudge)
+	textBox.Position = UDim2.new(0, kTextBoxInternalPadding, 0, kTextBoxInternalPadding)
 	textBox.AutomaticSize = Enum.AutomaticSize.Y
 	textBox.ClipsDescendants = true
-
 	GuiUtilities.syncGuiElementFontColor(textBox)
 
 	textBox:GetPropertyChangedSignal("Text"):Connect(function()