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

package/out/ui/packages/markdown/components/Markdown.styles.luau

@@ -5,7 +5,16 @@ local componentStyles = _theme.componentStyles
 local createStyles = _theme.createStyles
 local useMarkdownStyles = componentStyles("Markdown", function(theme)
 	local gap = if theme.density == "compact" then theme.padding.calc(1) else theme.spacing.calc(1)
-	local _object = {
+	local pad = theme.padding.calc(2)
+	local span = UDim2.new(1, -pad * 2, 0, 0)
+	local cellWidth = theme.spacing.calc(14)
+	return createStyles({
+		inset = {
+			PaddingTop = UDim.new(0, pad),
+			PaddingBottom = UDim.new(0, pad),
+			PaddingLeft = UDim.new(0, pad),
+			PaddingRight = UDim.new(0, pad),
+		},
 		root = {
 			AutomaticSize = Enum.AutomaticSize.Y,
 			Size = UDim2.new(1, 0, 0, 0),
@@ -21,7 +30,7 @@ local useMarkdownStyles = componentStyles("Markdown", function(theme)
 		},
 		block = {
 			AutomaticSize = Enum.AutomaticSize.Y,
-			Size = UDim2.new(1, 0, 0, 0),
+			Size = span,
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 		},
@@ -38,62 +47,127 @@ local useMarkdownStyles = componentStyles("Markdown", function(theme)
 			TextWrapped = true,
 			RichText = true,
 		},
-		code = {
+		quote = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = span,
+			BackgroundColor3 = theme.palette.primary.main,
+			BorderSizePixel = 0,
+		},
+		quoteCorner = {
+			CornerRadius = UDim.new(0, theme.shape.borderRadius),
+		},
+		quoteFaceCorner = {
+			CornerRadius = UDim.new(0, theme.shape.radius.small),
+		},
+		quoteBarPad = {
+			PaddingLeft = UDim.new(0, 3),
+		},
+		quoteFace = {
 			AutomaticSize = Enum.AutomaticSize.Y,
 			Size = UDim2.new(1, 0, 0, 0),
 			BackgroundColor3 = theme.palette.surface.paper,
 			BorderSizePixel = 0,
 		},
-		codePad = {
+		quotePad = {
+			PaddingTop = UDim.new(0, theme.padding.calc(1)),
+			PaddingBottom = UDim.new(0, theme.padding.calc(1)),
+			PaddingLeft = UDim.new(0, theme.padding.calc(1)),
+			PaddingRight = UDim.new(0, theme.padding.calc(1)),
+		},
+		quoteStack = {
+			FillDirection = Enum.FillDirection.Vertical,
+			HorizontalAlignment = Enum.HorizontalAlignment.Left,
+			SortOrder = Enum.SortOrder.LayoutOrder,
+			Padding = UDim.new(0, theme.padding.calc(1)),
+		},
+		tableScroll = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = span,
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		tableGrid = {
+			AutomaticSize = Enum.AutomaticSize.XY,
+			Size = UDim2.fromScale(0, 0),
+			BackgroundColor3 = theme.palette.surface.paper,
+			BorderSizePixel = 0,
+		},
+		tableRow = {
+			AutomaticSize = Enum.AutomaticSize.XY,
+			Size = UDim2.fromScale(0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		tableHead = {
+			BackgroundColor3 = theme.palette.surface.elevated,
+			BackgroundTransparency = 0,
+		},
+		tableStroke = {
+			Color = theme.palette.divider,
+			Thickness = 1,
+			Transparency = 0,
+			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
+		},
+		tableCell = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(0, cellWidth, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			Font = theme.typography.fontFamilies.default,
+			TextSize = theme.typography.fontSizes.body,
+			TextColor3 = theme.palette.text.primary,
+			TextYAlignment = Enum.TextYAlignment.Top,
+			TextWrapped = true,
+			RichText = true,
+		},
+		tableHeadText = {
+			Font = theme.typography.fontFamilies.bold,
+			TextColor3 = theme.palette.text.primary,
+		},
+		tableCellPad = {
 			PaddingTop = UDim.new(0, theme.padding.calc(1)),
 			PaddingBottom = UDim.new(0, theme.padding.calc(1)),
-			PaddingLeft = UDim.new(0, theme.padding.calc(1.5)),
-			PaddingRight = UDim.new(0, theme.padding.calc(1.5)),
-		},
-	}
-	local _left = "codeText"
-	local _object_1 = {
-		AutomaticSize = Enum.AutomaticSize.Y,
-		Size = UDim2.new(1, 0, 0, 0),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		Font = Enum.Font.RobotoMono,
-	}
-	local _left_1 = "TextSize"
-	local _condition = theme.typography.fontSizes.caption
-	if _condition == nil then
-		_condition = theme.typography.fontSizes.body
-	end
-	_object_1[_left_1] = _condition
-	_object_1.TextColor3 = theme.palette.text.primary
-	_object_1.TextXAlignment = Enum.TextXAlignment.Left
-	_object_1.TextYAlignment = Enum.TextYAlignment.Top
-	_object_1.TextWrapped = true
-	_object[_left] = _object_1
-	_object.quote = {
-		AutomaticSize = Enum.AutomaticSize.Y,
-		Size = UDim2.new(1, 0, 0, 0),
-		BackgroundColor3 = theme.palette.surface.paper,
-		BorderSizePixel = 0,
-	}
-	_object.quoteBar = {
-		Size = UDim2.new(0, 3, 1, 0),
-		BackgroundColor3 = theme.palette.primary.main,
-		BorderSizePixel = 0,
-	}
-	_object.quotePad = {
-		PaddingTop = UDim.new(0, theme.padding.calc(1)),
-		PaddingBottom = UDim.new(0, theme.padding.calc(1)),
-		PaddingLeft = UDim.new(0, theme.padding.calc(2)),
-		PaddingRight = UDim.new(0, theme.padding.calc(1)),
-	}
-	_object.listItem = {
-		AutomaticSize = Enum.AutomaticSize.Y,
-		Size = UDim2.new(1, 0, 0, 0),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-	}
-	return createStyles(_object)
+			PaddingLeft = UDim.new(0, theme.padding.calc(1)),
+			PaddingRight = UDim.new(0, theme.padding.calc(1)),
+		},
+		listItem = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, 0, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		flow = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, 0, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		quoteFlow = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, 0, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		flowLayout = {
+			FillDirection = Enum.FillDirection.Horizontal,
+			HorizontalAlignment = Enum.HorizontalAlignment.Left,
+			VerticalAlignment = Enum.VerticalAlignment.Center,
+			SortOrder = Enum.SortOrder.LayoutOrder,
+			Wraps = true,
+			Padding = UDim.new(0, 4),
+		},
+		word = {
+			AutomaticSize = Enum.AutomaticSize.XY,
+			Size = UDim2.fromScale(0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			Font = theme.typography.fontFamilies.default,
+			TextSize = theme.typography.fontSizes.body,
+			TextColor3 = theme.palette.text.primary,
+			TextXAlignment = Enum.TextXAlignment.Left,
+			RichText = true,
+		},
+	})
 end)
 local default = useMarkdownStyles
 return {