@rbxts/uiblox 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +263 -0
- package/out/index.d.ts +2 -0
- package/out/init.lua +10 -0
- package/out/theme/components/ThemeProvider.d.ts +7 -0
- package/out/theme/components/ThemeProvider.lua +37 -0
- package/out/theme/components/ThemeStore.d.ts +14 -0
- package/out/theme/components/ThemeStore.lua +29 -0
- package/out/theme/components/ThemeWrapper.d.ts +7 -0
- package/out/theme/components/ThemeWrapper.lua +52 -0
- package/out/theme/components/index.d.ts +8 -0
- package/out/theme/components/init.lua +10 -0
- package/out/theme/constants/NumberConstants.d.ts +6 -0
- package/out/theme/constants/NumberConstants.lua +18 -0
- package/out/theme/constants/ThemeConstants.d.ts +5 -0
- package/out/theme/constants/ThemeConstants.lua +104 -0
- package/out/theme/constants/index.d.ts +2 -0
- package/out/theme/constants/init.lua +10 -0
- package/out/theme/index.d.ts +20 -0
- package/out/theme/init.lua +27 -0
- package/out/theme/interfaces/IconSizes/IconSizes.d.ts +5 -0
- package/out/theme/interfaces/IconSizes/IconSizes.lua +2 -0
- package/out/theme/interfaces/IconSizes/index.d.ts +1 -0
- package/out/theme/interfaces/IconSizes/init.lua +2 -0
- package/out/theme/interfaces/Palette/ColorTokens/ColorTokens.d.ts +5 -0
- package/out/theme/interfaces/Palette/ColorTokens/ColorTokens.lua +2 -0
- package/out/theme/interfaces/Palette/ColorTokens/index.d.ts +1 -0
- package/out/theme/interfaces/Palette/ColorTokens/init.lua +2 -0
- package/out/theme/interfaces/Palette/Colors/Blue.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Blue.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Colors.d.ts +43 -0
- package/out/theme/interfaces/Palette/Colors/Colors.lua +2 -0
- package/out/theme/interfaces/Palette/Colors/Common.d.ts +7 -0
- package/out/theme/interfaces/Palette/Colors/Common.lua +9 -0
- package/out/theme/interfaces/Palette/Colors/Dark.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Dark.lua +24 -0
- package/out/theme/interfaces/Palette/Colors/Gray.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Gray.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Green.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Green.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Light.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Light.lua +8 -0
- package/out/theme/interfaces/Palette/Colors/Magenta.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Magenta.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Orange.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Orange.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Purple.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Purple.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Red.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Red.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Turquoise.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Turquoise.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/Yellow.d.ts +3 -0
- package/out/theme/interfaces/Palette/Colors/Yellow.lua +21 -0
- package/out/theme/interfaces/Palette/Colors/index.d.ts +13 -0
- package/out/theme/interfaces/Palette/Colors/init.lua +16 -0
- package/out/theme/interfaces/Palette/Palette.d.ts +27 -0
- package/out/theme/interfaces/Palette/Palette.lua +2 -0
- package/out/theme/interfaces/Palette/index.d.ts +3 -0
- package/out/theme/interfaces/Palette/init.lua +7 -0
- package/out/theme/interfaces/Spacing/Borders.d.ts +4 -0
- package/out/theme/interfaces/Spacing/Borders.lua +2 -0
- package/out/theme/interfaces/Spacing/Padding.d.ts +4 -0
- package/out/theme/interfaces/Spacing/Padding.lua +2 -0
- package/out/theme/interfaces/Spacing/Shape.d.ts +3 -0
- package/out/theme/interfaces/Spacing/Shape.lua +2 -0
- package/out/theme/interfaces/Spacing/Spacing.d.ts +4 -0
- package/out/theme/interfaces/Spacing/Spacing.lua +2 -0
- package/out/theme/interfaces/Spacing/index.d.ts +4 -0
- package/out/theme/interfaces/Spacing/init.lua +2 -0
- package/out/theme/interfaces/Theme/Theme.d.ts +14 -0
- package/out/theme/interfaces/Theme/Theme.lua +2 -0
- package/out/theme/interfaces/Theme/ThemeConstants.d.ts +25 -0
- package/out/theme/interfaces/Theme/ThemeConstants.lua +2 -0
- package/out/theme/interfaces/Theme/ThemeOptions.d.ts +4 -0
- package/out/theme/interfaces/Theme/ThemeOptions.lua +2 -0
- package/out/theme/interfaces/Theme/index.d.ts +3 -0
- package/out/theme/interfaces/Theme/init.lua +2 -0
- package/out/theme/interfaces/Tokens/Tokens.d.ts +1 -0
- package/out/theme/interfaces/Tokens/Tokens.lua +2 -0
- package/out/theme/interfaces/Tokens/index.d.ts +1 -0
- package/out/theme/interfaces/Tokens/init.lua +2 -0
- package/out/theme/interfaces/index.d.ts +13 -0
- package/out/theme/interfaces/init.lua +16 -0
- package/out/theme/interfaces/typography/FontFamilies.d.ts +2 -0
- package/out/theme/interfaces/typography/FontFamilies.lua +11 -0
- package/out/theme/interfaces/typography/FontFamilyOptions.d.ts +5 -0
- package/out/theme/interfaces/typography/FontFamilyOptions.lua +2 -0
- package/out/theme/interfaces/typography/FontSizeOptions.d.ts +4 -0
- package/out/theme/interfaces/typography/FontSizeOptions.lua +2 -0
- package/out/theme/interfaces/typography/FontSizes.d.ts +3 -0
- package/out/theme/interfaces/typography/FontSizes.lua +15 -0
- package/out/theme/interfaces/typography/ThemeTypography.d.ts +7 -0
- package/out/theme/interfaces/typography/ThemeTypography.lua +2 -0
- package/out/theme/interfaces/typography/Variants.d.ts +18 -0
- package/out/theme/interfaces/typography/Variants.lua +24 -0
- package/out/theme/interfaces/typography/index.d.ts +8 -0
- package/out/theme/interfaces/typography/init.lua +13 -0
- package/out/theme/styles/index.d.ts +5 -0
- package/out/theme/styles/init.lua +7 -0
- package/out/theme/styles/types/WriteableStyle.d.ts +3 -0
- package/out/theme/styles/types/WriteableStyle.lua +2 -0
- package/out/theme/styles/types/index.d.ts +2 -0
- package/out/theme/styles/types/init.lua +2 -0
- package/out/theme/styles/types/styles.d.ts +4 -0
- package/out/theme/styles/types/styles.lua +2 -0
- package/out/theme/styles/utilities/classNames.d.ts +8 -0
- package/out/theme/styles/utilities/classNames.lua +31 -0
- package/out/theme/styles/utilities/createStyles.d.ts +3 -0
- package/out/theme/styles/utilities/createStyles.lua +8 -0
- package/out/theme/styles/utilities/index.d.ts +3 -0
- package/out/theme/styles/utilities/init.lua +7 -0
- package/out/theme/styles/utilities/makeStyles.d.ts +7 -0
- package/out/theme/styles/utilities/makeStyles.lua +32 -0
- package/out/theme/themes/DarkTheme.d.ts +3 -0
- package/out/theme/themes/DarkTheme.lua +99 -0
- package/out/theme/themes/LightTheme.d.ts +3 -0
- package/out/theme/themes/LightTheme.lua +99 -0
- package/out/theme/themes/index.d.ts +3 -0
- package/out/theme/themes/init.lua +7 -0
- package/out/theme/types/index.d.ts +7 -0
- package/out/theme/types/init.lua +2 -0
- package/out/theme/types/types.d.ts +16 -0
- package/out/theme/types/types.lua +3 -0
- package/out/theme/utilites/Color3FromHex.d.ts +2 -0
- package/out/theme/utilites/Color3FromHex.lua +14 -0
- package/out/theme/utilites/index.d.ts +1 -0
- package/out/theme/utilites/init.lua +5 -0
- package/out/ui/constants/ImageConstants.d.ts +2 -0
- package/out/ui/constants/ImageConstants.lua +7 -0
- package/out/ui/constants/LayoutConstants.d.ts +1 -0
- package/out/ui/constants/LayoutConstants.lua +7 -0
- package/out/ui/constants/index.d.ts +2 -0
- package/out/ui/constants/init.lua +10 -0
- package/out/ui/enums/Directions.d.ts +8 -0
- package/out/ui/enums/Directions.lua +23 -0
- package/out/ui/enums/Icons.d.ts +40 -0
- package/out/ui/enums/Icons.lua +87 -0
- package/out/ui/enums/Orientations.d.ts +4 -0
- package/out/ui/enums/Orientations.lua +15 -0
- package/out/ui/enums/index.d.ts +3 -0
- package/out/ui/enums/init.lua +7 -0
- package/out/ui/index.d.ts +34 -0
- package/out/ui/init.lua +24 -0
- package/out/ui/packages/button/components/Button.d.ts +26 -0
- package/out/ui/packages/button/components/Button.lua +175 -0
- package/out/ui/packages/button/components/Button.styles.d.ts +3 -0
- package/out/ui/packages/button/components/Button.styles.lua +149 -0
- package/out/ui/packages/button/index.d.ts +6 -0
- package/out/ui/packages/button/init.lua +8 -0
- package/out/ui/packages/button/types/ButtonColor.d.ts +1 -0
- package/out/ui/packages/button/types/ButtonColor.lua +2 -0
- package/out/ui/packages/button/types/ButtonSize.d.ts +1 -0
- package/out/ui/packages/button/types/ButtonSize.lua +2 -0
- package/out/ui/packages/button/types/ButtonVariant.d.ts +1 -0
- package/out/ui/packages/button/types/ButtonVariant.lua +2 -0
- package/out/ui/packages/button/types/index.d.ts +3 -0
- package/out/ui/packages/button/types/init.lua +2 -0
- package/out/ui/packages/divider/components/Divider.d.ts +18 -0
- package/out/ui/packages/divider/components/Divider.lua +27 -0
- package/out/ui/packages/divider/components/Divider.styles.d.ts +3 -0
- package/out/ui/packages/divider/components/Divider.styles.lua +42 -0
- package/out/ui/packages/divider/index.d.ts +3 -0
- package/out/ui/packages/divider/init.lua +8 -0
- package/out/ui/packages/icon/components/Icon.d.ts +11 -0
- package/out/ui/packages/icon/components/Icon.lua +31 -0
- package/out/ui/packages/icon/components/Icon.styles.d.ts +3 -0
- package/out/ui/packages/icon/components/Icon.styles.lua +47 -0
- package/out/ui/packages/icon/index.d.ts +3 -0
- package/out/ui/packages/icon/init.lua +8 -0
- package/out/ui/packages/iconButton/components/IconButton.d.ts +13 -0
- package/out/ui/packages/iconButton/components/IconButton.lua +48 -0
- package/out/ui/packages/iconButton/components/IconButton.styles.d.ts +3 -0
- package/out/ui/packages/iconButton/components/IconButton.styles.lua +47 -0
- package/out/ui/packages/iconButton/index.d.ts +3 -0
- package/out/ui/packages/iconButton/init.lua +8 -0
- package/out/ui/packages/index.d.ts +11 -0
- package/out/ui/packages/init.lua +37 -0
- package/out/ui/packages/input/components/Input.d.ts +26 -0
- package/out/ui/packages/input/components/Input.lua +165 -0
- package/out/ui/packages/input/components/Input.styles.d.ts +3 -0
- package/out/ui/packages/input/components/Input.styles.lua +156 -0
- package/out/ui/packages/input/index.d.ts +6 -0
- package/out/ui/packages/input/init.lua +8 -0
- package/out/ui/packages/input/types/InputColor.d.ts +1 -0
- package/out/ui/packages/input/types/InputColor.lua +2 -0
- package/out/ui/packages/input/types/InputMargin.d.ts +1 -0
- package/out/ui/packages/input/types/InputMargin.lua +2 -0
- package/out/ui/packages/input/types/InputVariant.d.ts +1 -0
- package/out/ui/packages/input/types/InputVariant.lua +2 -0
- package/out/ui/packages/input/types/index.d.ts +3 -0
- package/out/ui/packages/input/types/init.lua +2 -0
- package/out/ui/packages/progressBar/components/ProgressBar.d.ts +9 -0
- package/out/ui/packages/progressBar/components/ProgressBar.lua +76 -0
- package/out/ui/packages/progressBar/components/ProgressBar.styles.d.ts +2 -0
- package/out/ui/packages/progressBar/components/ProgressBar.styles.lua +47 -0
- package/out/ui/packages/progressBar/index.d.ts +3 -0
- package/out/ui/packages/progressBar/init.lua +8 -0
- package/out/ui/packages/shadow/components/Shadow.d.ts +3 -0
- package/out/ui/packages/shadow/components/Shadow.lua +72 -0
- package/out/ui/packages/shadow/components/Shadow.styles.d.ts +2 -0
- package/out/ui/packages/shadow/components/Shadow.styles.lua +20 -0
- package/out/ui/packages/shadow/index.d.ts +2 -0
- package/out/ui/packages/shadow/init.lua +8 -0
- package/out/ui/packages/sidebar/components/Sidebar.d.ts +11 -0
- package/out/ui/packages/sidebar/components/Sidebar.lua +46 -0
- package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts +3 -0
- package/out/ui/packages/sidebar/components/Sidebar.styles.lua +38 -0
- package/out/ui/packages/sidebar/index.d.ts +4 -0
- package/out/ui/packages/sidebar/init.lua +8 -0
- package/out/ui/packages/sidebar/types/SidebarType.d.ts +1 -0
- package/out/ui/packages/sidebar/types/SidebarType.lua +2 -0
- package/out/ui/packages/sidebar/types/index.d.ts +1 -0
- package/out/ui/packages/sidebar/types/init.lua +2 -0
- package/out/ui/packages/toast/components/Toast.d.ts +11 -0
- package/out/ui/packages/toast/components/Toast.lua +94 -0
- package/out/ui/packages/toast/components/Toast.styles.d.ts +3 -0
- package/out/ui/packages/toast/components/Toast.styles.lua +74 -0
- package/out/ui/packages/toast/enums/ToastVariants.d.ts +7 -0
- package/out/ui/packages/toast/enums/ToastVariants.lua +20 -0
- package/out/ui/packages/toast/index.d.ts +5 -0
- package/out/ui/packages/toast/init.lua +9 -0
- package/out/ui/packages/toast/interfaces/ToastEvent.d.ts +5 -0
- package/out/ui/packages/toast/interfaces/ToastEvent.lua +2 -0
- package/out/ui/packages/treeView/components/TreeView.d.ts +11 -0
- package/out/ui/packages/treeView/components/TreeView.lua +339 -0
- package/out/ui/packages/treeView/components/TreeView.styles.d.ts +2 -0
- package/out/ui/packages/treeView/components/TreeView.styles.lua +91 -0
- package/out/ui/packages/treeView/index.d.ts +6 -0
- package/out/ui/packages/treeView/init.lua +8 -0
- package/out/ui/packages/treeView/interfaces/Branch.d.ts +6 -0
- package/out/ui/packages/treeView/interfaces/Branch.lua +2 -0
- package/out/ui/packages/treeView/interfaces/Leaf.d.ts +4 -0
- package/out/ui/packages/treeView/interfaces/Leaf.lua +2 -0
- package/out/ui/packages/treeView/interfaces/Tree.d.ts +5 -0
- package/out/ui/packages/treeView/interfaces/Tree.lua +2 -0
- package/out/ui/packages/typography/components/Typography.d.ts +21 -0
- package/out/ui/packages/typography/components/Typography.lua +47 -0
- package/out/ui/packages/typography/components/Typography.styles.d.ts +3 -0
- package/out/ui/packages/typography/components/Typography.styles.lua +97 -0
- package/out/ui/packages/typography/index.d.ts +6 -0
- package/out/ui/packages/typography/init.lua +8 -0
- package/out/ui/packages/typography/types/TypographyAlignment.d.ts +1 -0
- package/out/ui/packages/typography/types/TypographyAlignment.lua +2 -0
- package/out/ui/packages/typography/types/TypographyColor.d.ts +1 -0
- package/out/ui/packages/typography/types/TypographyColor.lua +2 -0
- package/out/ui/packages/typography/types/TypographyDisplay.d.ts +1 -0
- package/out/ui/packages/typography/types/TypographyDisplay.lua +2 -0
- package/out/ui/packages/typography/types/index.d.ts +3 -0
- package/out/ui/packages/typography/types/init.lua +2 -0
- package/package.json +68 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local Directions
|
|
3
|
+
do
|
|
4
|
+
local _inverse = {}
|
|
5
|
+
Directions = setmetatable({}, {
|
|
6
|
+
__index = _inverse,
|
|
7
|
+
})
|
|
8
|
+
Directions.In = "In"
|
|
9
|
+
_inverse.In = "In"
|
|
10
|
+
Directions.Out = "Out"
|
|
11
|
+
_inverse.Out = "Out"
|
|
12
|
+
Directions.Left = "Left"
|
|
13
|
+
_inverse.Left = "Left"
|
|
14
|
+
Directions.Right = "Right"
|
|
15
|
+
_inverse.Right = "Right"
|
|
16
|
+
Directions.Up = "Up"
|
|
17
|
+
_inverse.Up = "Up"
|
|
18
|
+
Directions.Down = "Down"
|
|
19
|
+
_inverse.Down = "Down"
|
|
20
|
+
end
|
|
21
|
+
return {
|
|
22
|
+
Directions = Directions,
|
|
23
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export declare enum Icons {
|
|
2
|
+
Delete = "rbxassetid://8583122940",
|
|
3
|
+
Move = "rbxassetid://8583137072",
|
|
4
|
+
OpenBox = "rbxassetid://8583122847",
|
|
5
|
+
Rotate2D = "rbxassetid://8583123169",
|
|
6
|
+
Rotate3D = "rbxassetid://8583123075",
|
|
7
|
+
Swipe = "rbxassetid://8583122640",
|
|
8
|
+
House = "rbxassetid://8771814151",
|
|
9
|
+
Furniture = "rbxassetid://8771814395",
|
|
10
|
+
Room = "rbxassetid://8771813821",
|
|
11
|
+
Arcade = "rbxassetid://8771986472",
|
|
12
|
+
Controller = "rbxassetid://8771986353",
|
|
13
|
+
Joystick = "rbxassetid://8771986232",
|
|
14
|
+
Save = "rbxassetid://8772040340",
|
|
15
|
+
EditEnabled = "rbxassetid://8772040549",
|
|
16
|
+
EditDisabled = "rbxassetid://8772040755",
|
|
17
|
+
Settings = "rbxassetid://8793943638",
|
|
18
|
+
VerticalDots = "rbxassetid://8793943269",
|
|
19
|
+
HorizontalDots = "rbxassetid://8793943828",
|
|
20
|
+
Store = "rbxassetid://8794697193",
|
|
21
|
+
Dresser = "rbxassetid://8794697532",
|
|
22
|
+
Hangar = "rbxassetid://8794697340",
|
|
23
|
+
Friends = "rbxassetid://8794697424",
|
|
24
|
+
Charity = "rbxassetid://8794697659",
|
|
25
|
+
Backpack = "rbxassetid://8794716095",
|
|
26
|
+
HelpBubble = "rbxassetid://8794738823",
|
|
27
|
+
HelpDesk = "rbxassetid://8835822182",
|
|
28
|
+
NewspaperVariant1 = "rbxassetid://9056545367",
|
|
29
|
+
NewspaperVariant2 = "rbxassetid://9056545251",
|
|
30
|
+
NewspaperVariant3 = "rbxassetid://9056545032",
|
|
31
|
+
Close = "rbxassetid://9070598165",
|
|
32
|
+
CloseCircle = "rbxassetid://9070597768",
|
|
33
|
+
Collapsed = "rbxassetid://9306279342",
|
|
34
|
+
Expanded = "rbxassetid://9306279848",
|
|
35
|
+
Book = "rbxassetid://9311703342",
|
|
36
|
+
BookStack = "rbxassetid://9311703545",
|
|
37
|
+
ListPrimary = "rbxassetid://9306610505",
|
|
38
|
+
LightTheme = "rbxassetid://9377269022",
|
|
39
|
+
DarkTheme = "rbxassetid://9377269322"
|
|
40
|
+
}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local Icons
|
|
3
|
+
do
|
|
4
|
+
local _inverse = {}
|
|
5
|
+
Icons = setmetatable({}, {
|
|
6
|
+
__index = _inverse,
|
|
7
|
+
})
|
|
8
|
+
Icons.Delete = "rbxassetid://8583122940"
|
|
9
|
+
_inverse["rbxassetid://8583122940"] = "Delete"
|
|
10
|
+
Icons.Move = "rbxassetid://8583137072"
|
|
11
|
+
_inverse["rbxassetid://8583137072"] = "Move"
|
|
12
|
+
Icons.OpenBox = "rbxassetid://8583122847"
|
|
13
|
+
_inverse["rbxassetid://8583122847"] = "OpenBox"
|
|
14
|
+
Icons.Rotate2D = "rbxassetid://8583123169"
|
|
15
|
+
_inverse["rbxassetid://8583123169"] = "Rotate2D"
|
|
16
|
+
Icons.Rotate3D = "rbxassetid://8583123075"
|
|
17
|
+
_inverse["rbxassetid://8583123075"] = "Rotate3D"
|
|
18
|
+
Icons.Swipe = "rbxassetid://8583122640"
|
|
19
|
+
_inverse["rbxassetid://8583122640"] = "Swipe"
|
|
20
|
+
Icons.House = "rbxassetid://8771814151"
|
|
21
|
+
_inverse["rbxassetid://8771814151"] = "House"
|
|
22
|
+
Icons.Furniture = "rbxassetid://8771814395"
|
|
23
|
+
_inverse["rbxassetid://8771814395"] = "Furniture"
|
|
24
|
+
Icons.Room = "rbxassetid://8771813821"
|
|
25
|
+
_inverse["rbxassetid://8771813821"] = "Room"
|
|
26
|
+
Icons.Arcade = "rbxassetid://8771986472"
|
|
27
|
+
_inverse["rbxassetid://8771986472"] = "Arcade"
|
|
28
|
+
Icons.Controller = "rbxassetid://8771986353"
|
|
29
|
+
_inverse["rbxassetid://8771986353"] = "Controller"
|
|
30
|
+
Icons.Joystick = "rbxassetid://8771986232"
|
|
31
|
+
_inverse["rbxassetid://8771986232"] = "Joystick"
|
|
32
|
+
Icons.Save = "rbxassetid://8772040340"
|
|
33
|
+
_inverse["rbxassetid://8772040340"] = "Save"
|
|
34
|
+
Icons.EditEnabled = "rbxassetid://8772040549"
|
|
35
|
+
_inverse["rbxassetid://8772040549"] = "EditEnabled"
|
|
36
|
+
Icons.EditDisabled = "rbxassetid://8772040755"
|
|
37
|
+
_inverse["rbxassetid://8772040755"] = "EditDisabled"
|
|
38
|
+
Icons.Settings = "rbxassetid://8793943638"
|
|
39
|
+
_inverse["rbxassetid://8793943638"] = "Settings"
|
|
40
|
+
Icons.VerticalDots = "rbxassetid://8793943269"
|
|
41
|
+
_inverse["rbxassetid://8793943269"] = "VerticalDots"
|
|
42
|
+
Icons.HorizontalDots = "rbxassetid://8793943828"
|
|
43
|
+
_inverse["rbxassetid://8793943828"] = "HorizontalDots"
|
|
44
|
+
Icons.Store = "rbxassetid://8794697193"
|
|
45
|
+
_inverse["rbxassetid://8794697193"] = "Store"
|
|
46
|
+
Icons.Dresser = "rbxassetid://8794697532"
|
|
47
|
+
_inverse["rbxassetid://8794697532"] = "Dresser"
|
|
48
|
+
Icons.Hangar = "rbxassetid://8794697340"
|
|
49
|
+
_inverse["rbxassetid://8794697340"] = "Hangar"
|
|
50
|
+
Icons.Friends = "rbxassetid://8794697424"
|
|
51
|
+
_inverse["rbxassetid://8794697424"] = "Friends"
|
|
52
|
+
Icons.Charity = "rbxassetid://8794697659"
|
|
53
|
+
_inverse["rbxassetid://8794697659"] = "Charity"
|
|
54
|
+
Icons.Backpack = "rbxassetid://8794716095"
|
|
55
|
+
_inverse["rbxassetid://8794716095"] = "Backpack"
|
|
56
|
+
Icons.HelpBubble = "rbxassetid://8794738823"
|
|
57
|
+
_inverse["rbxassetid://8794738823"] = "HelpBubble"
|
|
58
|
+
Icons.HelpDesk = "rbxassetid://8835822182"
|
|
59
|
+
_inverse["rbxassetid://8835822182"] = "HelpDesk"
|
|
60
|
+
Icons.NewspaperVariant1 = "rbxassetid://9056545367"
|
|
61
|
+
_inverse["rbxassetid://9056545367"] = "NewspaperVariant1"
|
|
62
|
+
Icons.NewspaperVariant2 = "rbxassetid://9056545251"
|
|
63
|
+
_inverse["rbxassetid://9056545251"] = "NewspaperVariant2"
|
|
64
|
+
Icons.NewspaperVariant3 = "rbxassetid://9056545032"
|
|
65
|
+
_inverse["rbxassetid://9056545032"] = "NewspaperVariant3"
|
|
66
|
+
Icons.Close = "rbxassetid://9070598165"
|
|
67
|
+
_inverse["rbxassetid://9070598165"] = "Close"
|
|
68
|
+
Icons.CloseCircle = "rbxassetid://9070597768"
|
|
69
|
+
_inverse["rbxassetid://9070597768"] = "CloseCircle"
|
|
70
|
+
Icons.Collapsed = "rbxassetid://9306279342"
|
|
71
|
+
_inverse["rbxassetid://9306279342"] = "Collapsed"
|
|
72
|
+
Icons.Expanded = "rbxassetid://9306279848"
|
|
73
|
+
_inverse["rbxassetid://9306279848"] = "Expanded"
|
|
74
|
+
Icons.Book = "rbxassetid://9311703342"
|
|
75
|
+
_inverse["rbxassetid://9311703342"] = "Book"
|
|
76
|
+
Icons.BookStack = "rbxassetid://9311703545"
|
|
77
|
+
_inverse["rbxassetid://9311703545"] = "BookStack"
|
|
78
|
+
Icons.ListPrimary = "rbxassetid://9306610505"
|
|
79
|
+
_inverse["rbxassetid://9306610505"] = "ListPrimary"
|
|
80
|
+
Icons.LightTheme = "rbxassetid://9377269022"
|
|
81
|
+
_inverse["rbxassetid://9377269022"] = "LightTheme"
|
|
82
|
+
Icons.DarkTheme = "rbxassetid://9377269322"
|
|
83
|
+
_inverse["rbxassetid://9377269322"] = "DarkTheme"
|
|
84
|
+
end
|
|
85
|
+
return {
|
|
86
|
+
Icons = Icons,
|
|
87
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local Orientations
|
|
3
|
+
do
|
|
4
|
+
local _inverse = {}
|
|
5
|
+
Orientations = setmetatable({}, {
|
|
6
|
+
__index = _inverse,
|
|
7
|
+
})
|
|
8
|
+
Orientations.Vertical = "Vertical"
|
|
9
|
+
_inverse.Vertical = "Vertical"
|
|
10
|
+
Orientations.Horizontal = "Horizontal"
|
|
11
|
+
_inverse.Horizontal = "Horizontal"
|
|
12
|
+
end
|
|
13
|
+
return {
|
|
14
|
+
Orientations = Orientations,
|
|
15
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local exports = {}
|
|
4
|
+
exports.Directions = TS.import(script, script, "Directions").Directions
|
|
5
|
+
exports.Icons = TS.import(script, script, "Icons").Icons
|
|
6
|
+
exports.Orientations = TS.import(script, script, "Orientations").Orientations
|
|
7
|
+
return exports
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export * from "./constants";
|
|
2
|
+
export * from "./enums";
|
|
3
|
+
export { Divider } from "./packages";
|
|
4
|
+
export { DividerProps } from "./packages";
|
|
5
|
+
export { Icon } from "./packages";
|
|
6
|
+
export { IconProps } from "./packages";
|
|
7
|
+
export { IconButton } from "./packages";
|
|
8
|
+
export { IconButtonProps } from "./packages";
|
|
9
|
+
export { Input } from "./packages";
|
|
10
|
+
export { InputProps } from "./packages";
|
|
11
|
+
export { InputColor } from "./packages";
|
|
12
|
+
export { InputMargin } from "./packages";
|
|
13
|
+
export { InputVariant } from "./packages";
|
|
14
|
+
export { ProgressBar } from "./packages";
|
|
15
|
+
export { ProgressBarProps } from "./packages";
|
|
16
|
+
export { Shadow } from "./packages";
|
|
17
|
+
export { Sidebar } from "./packages";
|
|
18
|
+
export { SidebarProps } from "./packages";
|
|
19
|
+
export { SidebarType } from "./packages";
|
|
20
|
+
export { Toast } from "./packages";
|
|
21
|
+
export { ToastProps } from "./packages";
|
|
22
|
+
export { TreeView } from "./packages";
|
|
23
|
+
export { TreeViewProps } from "./packages";
|
|
24
|
+
export { Branch } from "./packages";
|
|
25
|
+
export { Leaf } from "./packages";
|
|
26
|
+
export { Tree } from "./packages";
|
|
27
|
+
export { Typography } from "./packages";
|
|
28
|
+
export { TypographyProps } from "./packages";
|
|
29
|
+
export { TypographyAlignment } from "./packages";
|
|
30
|
+
export { TypographyColor } from "./packages";
|
|
31
|
+
export { TypographyDisplay } from "./packages";
|
|
32
|
+
export { Button } from "./packages";
|
|
33
|
+
export { ButtonProps } from "./packages";
|
|
34
|
+
export * from "./packages";
|
package/out/ui/init.lua
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local exports = {}
|
|
4
|
+
for _k, _v in TS.import(script, script, "constants") or {} do
|
|
5
|
+
exports[_k] = _v
|
|
6
|
+
end
|
|
7
|
+
for _k, _v in TS.import(script, script, "enums") or {} do
|
|
8
|
+
exports[_k] = _v
|
|
9
|
+
end
|
|
10
|
+
exports.Divider = TS.import(script, script, "packages").Divider
|
|
11
|
+
exports.Icon = TS.import(script, script, "packages").Icon
|
|
12
|
+
exports.IconButton = TS.import(script, script, "packages").IconButton
|
|
13
|
+
exports.Input = TS.import(script, script, "packages").Input
|
|
14
|
+
exports.ProgressBar = TS.import(script, script, "packages").ProgressBar
|
|
15
|
+
exports.Shadow = TS.import(script, script, "packages").Shadow
|
|
16
|
+
exports.Sidebar = TS.import(script, script, "packages").Sidebar
|
|
17
|
+
exports.Toast = TS.import(script, script, "packages").Toast
|
|
18
|
+
exports.TreeView = TS.import(script, script, "packages").TreeView
|
|
19
|
+
exports.Typography = TS.import(script, script, "packages").Typography
|
|
20
|
+
exports.Button = TS.import(script, script, "packages").Button
|
|
21
|
+
for _k, _v in TS.import(script, script, "packages") or {} do
|
|
22
|
+
exports[_k] = _v
|
|
23
|
+
end
|
|
24
|
+
return exports
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="@rbxts/types" />
|
|
2
|
+
import Roact from "@rbxts/roact";
|
|
3
|
+
import { CustomizedProps } from "../../../../theme";
|
|
4
|
+
import { ButtonSize, ButtonColor, ButtonVariant } from "../types";
|
|
5
|
+
export type DefaultButtonComponent = TextButton;
|
|
6
|
+
export interface ButtonProps {
|
|
7
|
+
text?: string;
|
|
8
|
+
size?: ButtonSize;
|
|
9
|
+
color?: ButtonColor;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
variant?: ButtonVariant;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
rounded?: boolean;
|
|
15
|
+
hoveringDisabled?: boolean;
|
|
16
|
+
onLeftClick?: () => void;
|
|
17
|
+
onLeftDown?: () => void;
|
|
18
|
+
onLeftUp?: () => void;
|
|
19
|
+
onRightClick?: () => void;
|
|
20
|
+
onRightDown?: () => void;
|
|
21
|
+
onRightUp?: () => void;
|
|
22
|
+
mouseEnter?: () => void;
|
|
23
|
+
mouseLeave?: () => void;
|
|
24
|
+
}
|
|
25
|
+
declare const Button: (props: CustomizedProps<TextButton, ButtonProps>) => Roact.Element;
|
|
26
|
+
export default Button;
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
|
|
4
|
+
local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
|
|
5
|
+
local withHooks = _roact_hooked.withHooks
|
|
6
|
+
local useState = _roact_hooked.useState
|
|
7
|
+
local useButtonStyles = TS.import(script, script.Parent, "Button.styles").default
|
|
8
|
+
local Button = withHooks(function(props)
|
|
9
|
+
local _binding = props
|
|
10
|
+
local text = _binding.text
|
|
11
|
+
if text == nil then
|
|
12
|
+
text = ""
|
|
13
|
+
end
|
|
14
|
+
local variant = _binding.variant
|
|
15
|
+
if variant == nil then
|
|
16
|
+
variant = "contained"
|
|
17
|
+
end
|
|
18
|
+
local disabled = _binding.disabled
|
|
19
|
+
if disabled == nil then
|
|
20
|
+
disabled = false
|
|
21
|
+
end
|
|
22
|
+
local loading = _binding.loading
|
|
23
|
+
if loading == nil then
|
|
24
|
+
loading = false
|
|
25
|
+
end
|
|
26
|
+
local rounded = _binding.rounded
|
|
27
|
+
if rounded == nil then
|
|
28
|
+
rounded = false
|
|
29
|
+
end
|
|
30
|
+
local hoveringDisabled = _binding.hoveringDisabled
|
|
31
|
+
if hoveringDisabled == nil then
|
|
32
|
+
hoveringDisabled = false
|
|
33
|
+
end
|
|
34
|
+
local onLeftClick = _binding.onLeftClick
|
|
35
|
+
local onLeftDown = _binding.onLeftDown
|
|
36
|
+
local onLeftUp = _binding.onLeftUp
|
|
37
|
+
local onRightClick = _binding.onRightClick
|
|
38
|
+
local onRightDown = _binding.onRightDown
|
|
39
|
+
local onRightUp = _binding.onRightUp
|
|
40
|
+
local mouseEnter = _binding.mouseEnter
|
|
41
|
+
local mouseLeave = _binding.mouseLeave
|
|
42
|
+
local className = _binding.className
|
|
43
|
+
local children = _binding[Roact.Children]
|
|
44
|
+
local _binding_1 = useButtonStyles(props)
|
|
45
|
+
local root = _binding_1.root
|
|
46
|
+
local font = _binding_1.font
|
|
47
|
+
local corner = _binding_1.corner
|
|
48
|
+
local stroke = _binding_1.stroke
|
|
49
|
+
local hovering, setHovering = useState(false)
|
|
50
|
+
local _attributes = {}
|
|
51
|
+
for _k, _v in root do
|
|
52
|
+
_attributes[_k] = _v
|
|
53
|
+
end
|
|
54
|
+
for _k, _v in font do
|
|
55
|
+
_attributes[_k] = _v
|
|
56
|
+
end
|
|
57
|
+
_attributes.Active = not disabled and not loading
|
|
58
|
+
_attributes.Text = text
|
|
59
|
+
local _result
|
|
60
|
+
if (not hoveringDisabled and hovering) or (disabled or loading) then
|
|
61
|
+
_result = 0.75
|
|
62
|
+
else
|
|
63
|
+
local _result_1 = className
|
|
64
|
+
if _result_1 ~= nil then
|
|
65
|
+
_result_1 = _result_1.BackgroundTransparency
|
|
66
|
+
end
|
|
67
|
+
local _condition = _result_1
|
|
68
|
+
if _condition == nil then
|
|
69
|
+
_condition = (if variant == "outlined" or variant == "text" then 1 else 0)
|
|
70
|
+
end
|
|
71
|
+
_result = _condition
|
|
72
|
+
end
|
|
73
|
+
_attributes.BackgroundTransparency = _result
|
|
74
|
+
_attributes[Roact.Event.MouseEnter] = function()
|
|
75
|
+
setHovering(true)
|
|
76
|
+
if mouseEnter then
|
|
77
|
+
mouseEnter()
|
|
78
|
+
end
|
|
79
|
+
end
|
|
80
|
+
_attributes[Roact.Event.MouseLeave] = function()
|
|
81
|
+
setHovering(false)
|
|
82
|
+
if mouseLeave then
|
|
83
|
+
mouseLeave()
|
|
84
|
+
end
|
|
85
|
+
end
|
|
86
|
+
_attributes[Roact.Event.MouseButton1Click] = function()
|
|
87
|
+
if not disabled and not loading then
|
|
88
|
+
if onLeftClick then
|
|
89
|
+
onLeftClick()
|
|
90
|
+
end
|
|
91
|
+
end
|
|
92
|
+
end
|
|
93
|
+
_attributes[Roact.Event.MouseButton1Down] = function()
|
|
94
|
+
if not disabled and not loading then
|
|
95
|
+
if onLeftDown then
|
|
96
|
+
onLeftDown()
|
|
97
|
+
end
|
|
98
|
+
end
|
|
99
|
+
end
|
|
100
|
+
_attributes[Roact.Event.MouseButton1Up] = function()
|
|
101
|
+
if not disabled and not loading then
|
|
102
|
+
if onLeftUp then
|
|
103
|
+
onLeftUp()
|
|
104
|
+
end
|
|
105
|
+
end
|
|
106
|
+
end
|
|
107
|
+
_attributes[Roact.Event.MouseButton2Click] = function()
|
|
108
|
+
if not disabled and not loading then
|
|
109
|
+
if onRightClick then
|
|
110
|
+
onRightClick()
|
|
111
|
+
end
|
|
112
|
+
end
|
|
113
|
+
end
|
|
114
|
+
_attributes[Roact.Event.MouseButton2Down] = function()
|
|
115
|
+
if not disabled and not loading then
|
|
116
|
+
if onRightDown then
|
|
117
|
+
onRightDown()
|
|
118
|
+
end
|
|
119
|
+
end
|
|
120
|
+
end
|
|
121
|
+
_attributes[Roact.Event.MouseButton2Up] = function()
|
|
122
|
+
if not disabled and not loading then
|
|
123
|
+
if onRightUp then
|
|
124
|
+
onRightUp()
|
|
125
|
+
end
|
|
126
|
+
end
|
|
127
|
+
end
|
|
128
|
+
if className then
|
|
129
|
+
for _k, _v in className do
|
|
130
|
+
_attributes[_k] = _v
|
|
131
|
+
end
|
|
132
|
+
end
|
|
133
|
+
local _condition = variant == "outlined"
|
|
134
|
+
if _condition then
|
|
135
|
+
local _attributes_1 = {}
|
|
136
|
+
for _k, _v in stroke do
|
|
137
|
+
_attributes_1[_k] = _v
|
|
138
|
+
end
|
|
139
|
+
_condition = Roact.createElement("UIStroke", _attributes_1)
|
|
140
|
+
end
|
|
141
|
+
local _children = {}
|
|
142
|
+
local _length = #_children
|
|
143
|
+
if _condition then
|
|
144
|
+
_children[_length + 1] = _condition
|
|
145
|
+
end
|
|
146
|
+
_length = #_children
|
|
147
|
+
local _condition_1 = rounded
|
|
148
|
+
if _condition_1 then
|
|
149
|
+
local _attributes_1 = {}
|
|
150
|
+
for _k, _v in corner do
|
|
151
|
+
_attributes_1[_k] = _v
|
|
152
|
+
end
|
|
153
|
+
_condition_1 = Roact.createElement("UICorner", _attributes_1)
|
|
154
|
+
end
|
|
155
|
+
if _condition_1 then
|
|
156
|
+
_children[_length + 1] = _condition_1
|
|
157
|
+
end
|
|
158
|
+
_length = #_children
|
|
159
|
+
if children then
|
|
160
|
+
for _k, _v in children do
|
|
161
|
+
if type(_k) == "number" then
|
|
162
|
+
_children[_length + _k] = _v
|
|
163
|
+
else
|
|
164
|
+
_children[_k] = _v
|
|
165
|
+
end
|
|
166
|
+
end
|
|
167
|
+
end
|
|
168
|
+
return Roact.createFragment({
|
|
169
|
+
Button = Roact.createElement("TextButton", _attributes, _children),
|
|
170
|
+
})
|
|
171
|
+
end)
|
|
172
|
+
local default = Button
|
|
173
|
+
return {
|
|
174
|
+
default = default,
|
|
175
|
+
}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
|
|
4
|
+
local createStyles = _theme.createStyles
|
|
5
|
+
local makeStyles = _theme.makeStyles
|
|
6
|
+
local makeRootStyles = function(theme, _param)
|
|
7
|
+
local size = _param.size
|
|
8
|
+
local color = _param.color
|
|
9
|
+
local fullWidth = _param.fullWidth
|
|
10
|
+
local variant = _param.variant
|
|
11
|
+
--[[
|
|
12
|
+
*
|
|
13
|
+
* Default style override
|
|
14
|
+
|
|
15
|
+
]]
|
|
16
|
+
local defaultStyles = {}
|
|
17
|
+
repeat
|
|
18
|
+
if size == "small" then
|
|
19
|
+
defaultStyles.Size = UDim2.new(0, theme.spacing.calc(8), 0, theme.spacing.calc(2))
|
|
20
|
+
break
|
|
21
|
+
end
|
|
22
|
+
if size == "medium" then
|
|
23
|
+
defaultStyles.Size = UDim2.new(0, theme.spacing.calc(12), 0, theme.spacing.calc(3))
|
|
24
|
+
break
|
|
25
|
+
end
|
|
26
|
+
if size == "large" then
|
|
27
|
+
defaultStyles.Size = UDim2.new(0, theme.spacing.calc(16), 0, theme.spacing.calc(4))
|
|
28
|
+
break
|
|
29
|
+
end
|
|
30
|
+
defaultStyles.Size = UDim2.new(0, theme.spacing.calc(8), 0, theme.spacing.calc(2))
|
|
31
|
+
break
|
|
32
|
+
until true
|
|
33
|
+
if fullWidth then
|
|
34
|
+
-- Make full width minus padding
|
|
35
|
+
local _exp = -theme.padding.calc(4)
|
|
36
|
+
local _result = defaultStyles.Size
|
|
37
|
+
if _result ~= nil then
|
|
38
|
+
_result = _result.Y.Scale
|
|
39
|
+
end
|
|
40
|
+
local _condition = _result
|
|
41
|
+
if _condition == nil then
|
|
42
|
+
_condition = 0
|
|
43
|
+
end
|
|
44
|
+
local _result_1 = defaultStyles.Size
|
|
45
|
+
if _result_1 ~= nil then
|
|
46
|
+
_result_1 = _result_1.Y.Offset
|
|
47
|
+
end
|
|
48
|
+
local _condition_1 = _result_1
|
|
49
|
+
if _condition_1 == nil then
|
|
50
|
+
_condition_1 = 0
|
|
51
|
+
end
|
|
52
|
+
defaultStyles.Size = UDim2.new(1, _exp, _condition, _condition_1)
|
|
53
|
+
-- And center it horizontally
|
|
54
|
+
defaultStyles.AnchorPoint = Vector2.new(0.5, 0)
|
|
55
|
+
local _result_2 = defaultStyles.Position
|
|
56
|
+
if _result_2 ~= nil then
|
|
57
|
+
_result_2 = _result_2.X.Offset
|
|
58
|
+
end
|
|
59
|
+
local _condition_2 = _result_2
|
|
60
|
+
if _condition_2 == nil then
|
|
61
|
+
_condition_2 = 0
|
|
62
|
+
end
|
|
63
|
+
local _result_3 = defaultStyles.Position
|
|
64
|
+
if _result_3 ~= nil then
|
|
65
|
+
_result_3 = _result_3.Y.Scale
|
|
66
|
+
end
|
|
67
|
+
local _condition_3 = _result_3
|
|
68
|
+
if _condition_3 == nil then
|
|
69
|
+
_condition_3 = 0
|
|
70
|
+
end
|
|
71
|
+
local _result_4 = defaultStyles.Position
|
|
72
|
+
if _result_4 ~= nil then
|
|
73
|
+
_result_4 = _result_4.Y.Offset
|
|
74
|
+
end
|
|
75
|
+
local _condition_4 = _result_4
|
|
76
|
+
if _condition_4 == nil then
|
|
77
|
+
_condition_4 = 0
|
|
78
|
+
end
|
|
79
|
+
defaultStyles.Position = UDim2.new(0.5, _condition_2, _condition_3, _condition_4)
|
|
80
|
+
end
|
|
81
|
+
defaultStyles.BackgroundColor3 = if color == "primary" then theme.palette.secondary.main else theme.palette.text.primary
|
|
82
|
+
defaultStyles.TextColor3 = theme.palette.background.default
|
|
83
|
+
repeat
|
|
84
|
+
if variant == "contained" then
|
|
85
|
+
defaultStyles.BackgroundTransparency = 0
|
|
86
|
+
defaultStyles.BorderSizePixel = 0
|
|
87
|
+
break
|
|
88
|
+
end
|
|
89
|
+
if variant == "outlined" then
|
|
90
|
+
defaultStyles.TextColor3 = if color == "primary" then theme.palette.secondary.main else theme.palette.text.primary
|
|
91
|
+
defaultStyles.BackgroundTransparency = 1
|
|
92
|
+
defaultStyles.BorderSizePixel = theme.options.constants.borders.default
|
|
93
|
+
break
|
|
94
|
+
end
|
|
95
|
+
if variant == "text" then
|
|
96
|
+
defaultStyles.TextColor3 = if color == "primary" then theme.palette.secondary.main else theme.palette.text.primary
|
|
97
|
+
defaultStyles.BackgroundTransparency = 1
|
|
98
|
+
defaultStyles.BorderSizePixel = 0
|
|
99
|
+
break
|
|
100
|
+
end
|
|
101
|
+
defaultStyles.BackgroundTransparency = 0
|
|
102
|
+
defaultStyles.BorderSizePixel = 0
|
|
103
|
+
break
|
|
104
|
+
until true
|
|
105
|
+
defaultStyles.ZIndex = 10000
|
|
106
|
+
return defaultStyles
|
|
107
|
+
end
|
|
108
|
+
local useButtonStyles = makeStyles(function(theme, _param)
|
|
109
|
+
local size = _param.size
|
|
110
|
+
if size == nil then
|
|
111
|
+
size = "small"
|
|
112
|
+
end
|
|
113
|
+
local color = _param.color
|
|
114
|
+
if color == nil then
|
|
115
|
+
color = "primary"
|
|
116
|
+
end
|
|
117
|
+
local fullWidth = _param.fullWidth
|
|
118
|
+
if fullWidth == nil then
|
|
119
|
+
fullWidth = false
|
|
120
|
+
end
|
|
121
|
+
local variant = _param.variant
|
|
122
|
+
if variant == nil then
|
|
123
|
+
variant = "contained"
|
|
124
|
+
end
|
|
125
|
+
return createStyles({
|
|
126
|
+
root = makeRootStyles(theme, {
|
|
127
|
+
size = size,
|
|
128
|
+
color = color,
|
|
129
|
+
fullWidth = fullWidth,
|
|
130
|
+
variant = variant,
|
|
131
|
+
}),
|
|
132
|
+
font = {
|
|
133
|
+
TextSize = theme.typography.fontSizes.button,
|
|
134
|
+
Font = theme.typography.fontFamilies.default,
|
|
135
|
+
},
|
|
136
|
+
corner = {
|
|
137
|
+
CornerRadius = UDim.new(0, theme.shape.borderRadius),
|
|
138
|
+
},
|
|
139
|
+
stroke = {
|
|
140
|
+
Color = if color == "primary" then theme.palette.secondary.main else theme.palette.text.primary,
|
|
141
|
+
Transparency = 0,
|
|
142
|
+
ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
|
|
143
|
+
},
|
|
144
|
+
})
|
|
145
|
+
end)
|
|
146
|
+
local default = useButtonStyles
|
|
147
|
+
return {
|
|
148
|
+
default = default,
|
|
149
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as Button } from "./components/Button";
|
|
2
|
+
export { ButtonProps } from "./components/Button";
|
|
3
|
+
export * from "./components/Button";
|
|
4
|
+
export { ButtonColor } from "./types";
|
|
5
|
+
export { ButtonSize } from "./types";
|
|
6
|
+
export { ButtonVariant } from "./types";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local exports = {}
|
|
4
|
+
exports.Button = TS.import(script, script, "components", "Button").default
|
|
5
|
+
for _k, _v in TS.import(script, script, "components", "Button") or {} do
|
|
6
|
+
exports[_k] = _v
|
|
7
|
+
end
|
|
8
|
+
return exports
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type ButtonColor = "primary" | "secondary";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type ButtonSize = "small" | "medium" | "large";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type ButtonVariant = "contained" | "outlined" | "text";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="@rbxts/types" />
|
|
2
|
+
/// <reference types="@rbxts/types" />
|
|
3
|
+
/// <reference types="@rbxts/types" />
|
|
4
|
+
/// <reference types="roact" />
|
|
5
|
+
import Roact from "@rbxts/roact";
|
|
6
|
+
import { CustomizedProps } from "../../../../theme";
|
|
7
|
+
import { Orientations } from "../../../enums";
|
|
8
|
+
type DefaultDividerComponent = Frame;
|
|
9
|
+
export interface DividerProps {
|
|
10
|
+
position?: UDim2;
|
|
11
|
+
orientation?: Orientations;
|
|
12
|
+
padding?: number;
|
|
13
|
+
color?: Color3;
|
|
14
|
+
transparency?: number;
|
|
15
|
+
weight?: number;
|
|
16
|
+
}
|
|
17
|
+
declare function Divider<T extends DefaultDividerComponent>(props: CustomizedProps<T, DividerProps>): Roact.Element;
|
|
18
|
+
export default Divider;
|