@rbxts/uiblox 0.1.6 → 0.1.9
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/out/index.d.ts +2 -2
- package/out/{init.lua → init.luau} +1 -1
- package/out/theme/components/ThemeProvider.d.ts +3 -3
- package/out/theme/components/{ThemeProvider.lua → ThemeProvider.luau} +6 -22
- package/out/theme/components/ThemeStore.d.ts +1 -2
- package/out/theme/components/{ThemeStore.lua → ThemeStore.luau} +1 -1
- package/out/theme/components/ThemeWrapper.d.ts +3 -3
- package/out/theme/components/{ThemeWrapper.lua → ThemeWrapper.luau} +7 -21
- package/out/theme/components/{init.lua → init.luau} +1 -1
- package/out/theme/constants/NumberConstants.d.ts +1 -1
- package/out/theme/constants/{NumberConstants.lua → NumberConstants.luau} +1 -1
- package/out/theme/constants/ThemeConstants.d.ts +2 -2
- package/out/theme/constants/{ThemeConstants.lua → ThemeConstants.luau} +1 -1
- package/out/theme/constants/{init.lua → init.luau} +1 -1
- package/out/theme/index.d.ts +17 -17
- package/out/theme/{init.lua → init.luau} +1 -1
- package/out/theme/interfaces/iconSizes/IconSizes.luau +2 -0
- package/out/theme/interfaces/iconSizes/init.luau +2 -0
- package/out/theme/interfaces/index.d.ts +13 -13
- package/out/theme/interfaces/{init.lua → init.luau} +1 -1
- package/out/theme/interfaces/palette/Palette.d.ts +0 -1
- package/out/theme/interfaces/palette/Palette.luau +2 -0
- package/out/theme/interfaces/palette/colorTokens/ColorTokens.d.ts +1 -2
- package/out/theme/interfaces/palette/colorTokens/ColorTokens.luau +2 -0
- package/out/theme/interfaces/palette/colorTokens/init.luau +2 -0
- package/out/theme/interfaces/palette/colors/{Blue.lua → Blue.luau} +1 -1
- package/out/theme/interfaces/palette/colors/Colors.d.ts +0 -1
- package/out/theme/interfaces/palette/colors/Colors.luau +2 -0
- package/out/theme/interfaces/palette/colors/Common.d.ts +0 -1
- package/out/theme/interfaces/palette/colors/{Common.lua → Common.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Dark.lua → Dark.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Gray.lua → Gray.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Green.lua → Green.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Light.lua → Light.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Magenta.lua → Magenta.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Orange.lua → Orange.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Purple.lua → Purple.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Red.lua → Red.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Turquoise.lua → Turquoise.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{Yellow.lua → Yellow.luau} +1 -1
- package/out/theme/interfaces/palette/colors/{init.lua → init.luau} +1 -1
- package/out/theme/interfaces/palette/index.d.ts +2 -2
- package/out/theme/interfaces/palette/{init.lua → init.luau} +1 -1
- package/out/theme/interfaces/spacing/Borders.luau +2 -0
- package/out/theme/interfaces/spacing/Padding.luau +2 -0
- package/out/theme/interfaces/spacing/Shape.luau +2 -0
- package/out/theme/interfaces/spacing/Spacing.luau +2 -0
- package/out/theme/interfaces/spacing/init.luau +2 -0
- package/out/theme/interfaces/theme/Theme.d.ts +3 -3
- package/out/theme/interfaces/theme/Theme.luau +2 -0
- package/out/theme/interfaces/theme/ThemeConstants.d.ts +4 -4
- package/out/theme/interfaces/theme/ThemeConstants.luau +2 -0
- package/out/theme/interfaces/theme/ThemeOptions.luau +2 -0
- package/out/theme/interfaces/theme/init.luau +2 -0
- package/out/theme/interfaces/tokens/Tokens.luau +2 -0
- package/out/theme/interfaces/tokens/init.luau +2 -0
- package/out/theme/interfaces/typography/{FontFamilies.lua → FontFamilies.luau} +1 -1
- package/out/theme/interfaces/typography/FontFamilyOptions.d.ts +0 -2
- package/out/theme/interfaces/typography/FontFamilyOptions.luau +2 -0
- package/out/theme/interfaces/typography/FontSizeOptions.d.ts +0 -1
- package/out/theme/interfaces/typography/FontSizeOptions.luau +2 -0
- package/out/theme/interfaces/typography/{FontSizes.lua → FontSizes.luau} +1 -1
- package/out/theme/interfaces/typography/ThemeTypography.luau +2 -0
- package/out/theme/interfaces/typography/{Variants.lua → Variants.luau} +1 -1
- package/out/theme/interfaces/typography/{init.lua → init.luau} +1 -1
- package/out/theme/styles/index.d.ts +5 -5
- package/out/theme/styles/{init.lua → init.luau} +1 -1
- package/out/theme/styles/types/WriteableStyle.d.ts +0 -2
- package/out/theme/styles/types/WriteableStyle.luau +2 -0
- package/out/theme/styles/types/init.luau +2 -0
- package/out/theme/styles/types/styles.d.ts +0 -2
- package/out/theme/styles/types/styles.luau +2 -0
- package/out/theme/styles/utilities/classNames.d.ts +2 -3
- package/out/theme/styles/utilities/classNames.luau +33 -0
- package/out/theme/styles/utilities/{createStyles.lua → createStyles.luau} +1 -1
- package/out/theme/styles/utilities/{init.lua → init.luau} +1 -1
- package/out/theme/styles/utilities/makeStyles.d.ts +1 -1
- package/out/theme/styles/utilities/{makeStyles.lua → makeStyles.luau} +1 -1
- package/out/theme/themes/DarkTheme.d.ts +1 -1
- package/out/theme/themes/{DarkTheme.lua → DarkTheme.luau} +1 -1
- package/out/theme/themes/LightTheme.d.ts +1 -1
- package/out/theme/themes/{LightTheme.lua → LightTheme.luau} +1 -1
- package/out/theme/themes/{init.lua → init.luau} +1 -1
- package/out/theme/types/init.luau +2 -0
- package/out/theme/types/types.d.ts +5 -8
- package/out/theme/types/{types.lua → types.luau} +1 -1
- package/out/theme/utilites/{Color3FromHex.lua → Color3FromHex.luau} +2 -2
- package/out/theme/utilites/{init.lua → init.luau} +1 -1
- package/out/ui/constants/{ImageConstants.lua → ImageConstants.luau} +1 -1
- package/out/ui/constants/{LayoutConstants.lua → LayoutConstants.luau} +1 -1
- package/out/ui/constants/{init.lua → init.luau} +1 -1
- package/out/ui/enums/Directions.luau +12 -0
- package/out/ui/enums/Icons.luau +44 -0
- package/out/ui/enums/Orientations.luau +8 -0
- package/out/ui/enums/{init.lua → init.luau} +1 -1
- package/out/ui/index.d.ts +34 -34
- package/out/ui/{init.lua → init.luau} +1 -1
- package/out/ui/packages/button/components/Button.d.ts +3 -5
- package/out/ui/packages/button/components/{Button.lua → Button.luau} +64 -85
- package/out/ui/packages/button/components/Button.styles.d.ts +1 -1
- package/out/ui/packages/button/components/{Button.styles.lua → Button.styles.luau} +1 -1
- package/out/ui/packages/button/index.d.ts +3 -3
- package/out/ui/packages/button/{init.lua → init.luau} +1 -1
- package/out/ui/packages/button/types/ButtonColor.luau +2 -0
- package/out/ui/packages/button/types/ButtonSize.luau +2 -0
- package/out/ui/packages/button/types/ButtonVariant.luau +2 -0
- package/out/ui/packages/button/types/init.luau +2 -0
- package/out/ui/packages/divider/components/Divider.d.ts +2 -6
- package/out/ui/packages/divider/components/{Divider.lua → Divider.luau} +7 -7
- package/out/ui/packages/divider/components/Divider.styles.d.ts +1 -1
- package/out/ui/packages/divider/components/{Divider.styles.lua → Divider.styles.luau} +1 -1
- package/out/ui/packages/divider/{init.lua → init.luau} +1 -1
- package/out/ui/packages/icon/components/Icon.d.ts +2 -5
- package/out/ui/packages/icon/components/{Icon.lua → Icon.luau} +6 -6
- package/out/ui/packages/icon/components/Icon.styles.d.ts +1 -1
- package/out/ui/packages/icon/components/{Icon.styles.lua → Icon.styles.luau} +1 -1
- package/out/ui/packages/icon/{init.lua → init.luau} +1 -1
- package/out/ui/packages/iconButton/components/IconButton.d.ts +2 -5
- package/out/ui/packages/iconButton/components/{IconButton.lua → IconButton.luau} +19 -17
- package/out/ui/packages/iconButton/components/IconButton.styles.d.ts +1 -1
- package/out/ui/packages/iconButton/components/{IconButton.styles.lua → IconButton.styles.luau} +1 -1
- package/out/ui/packages/iconButton/{init.lua → init.luau} +1 -1
- package/out/ui/packages/index.d.ts +11 -11
- package/out/ui/packages/{init.lua → init.luau} +1 -1
- package/out/ui/packages/input/components/Input.d.ts +2 -6
- package/out/ui/packages/input/components/{Input.lua → Input.luau} +42 -57
- package/out/ui/packages/input/components/Input.styles.d.ts +1 -1
- package/out/ui/packages/input/components/{Input.styles.lua → Input.styles.luau} +1 -1
- package/out/ui/packages/input/index.d.ts +3 -3
- package/out/ui/packages/input/{init.lua → init.luau} +1 -1
- package/out/ui/packages/input/types/InputColor.luau +2 -0
- package/out/ui/packages/input/types/InputMargin.luau +2 -0
- package/out/ui/packages/input/types/InputVariant.luau +2 -0
- package/out/ui/packages/input/types/init.luau +2 -0
- package/out/ui/packages/progressBar/components/ProgressBar.d.ts +1 -3
- package/out/ui/packages/progressBar/components/ProgressBar.luau +66 -0
- package/out/ui/packages/progressBar/components/ProgressBar.styles.d.ts +1 -1
- package/out/ui/packages/progressBar/components/{ProgressBar.styles.lua → ProgressBar.styles.luau} +1 -1
- package/out/ui/packages/progressBar/{init.lua → init.luau} +1 -1
- package/out/ui/packages/shadow/components/Shadow.d.ts +0 -1
- package/out/ui/packages/shadow/components/{Shadow.lua → Shadow.luau} +16 -21
- package/out/ui/packages/shadow/components/Shadow.styles.d.ts +1 -1
- package/out/ui/packages/shadow/components/{Shadow.styles.lua → Shadow.styles.luau} +1 -1
- package/out/ui/packages/shadow/{init.lua → init.luau} +1 -1
- package/out/ui/packages/sidebar/components/Sidebar.d.ts +1 -3
- package/out/ui/packages/sidebar/components/Sidebar.luau +34 -0
- package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts +1 -1
- package/out/ui/packages/sidebar/components/{Sidebar.styles.lua → Sidebar.styles.luau} +1 -1
- package/out/ui/packages/sidebar/index.d.ts +1 -1
- package/out/ui/packages/sidebar/{init.lua → init.luau} +1 -1
- package/out/ui/packages/sidebar/types/SidebarType.luau +2 -0
- package/out/ui/packages/sidebar/types/init.luau +2 -0
- package/out/ui/packages/toast/components/Toast.d.ts +0 -1
- package/out/ui/packages/toast/components/{Toast.lua → Toast.luau} +24 -22
- package/out/ui/packages/toast/components/Toast.styles.d.ts +1 -1
- package/out/ui/packages/toast/components/{Toast.styles.lua → Toast.styles.luau} +1 -1
- package/out/ui/packages/toast/enums/ToastVariants.luau +11 -0
- package/out/ui/packages/toast/{init.lua → init.luau} +1 -1
- package/out/ui/packages/toast/interfaces/ToastEvent.luau +2 -0
- package/out/ui/packages/treeView/components/TreeView.d.ts +2 -4
- package/out/ui/packages/treeView/components/{TreeView.lua → TreeView.luau} +120 -137
- package/out/ui/packages/treeView/components/TreeView.styles.d.ts +1 -1
- package/out/ui/packages/treeView/components/{TreeView.styles.lua → TreeView.styles.luau} +1 -1
- package/out/ui/packages/treeView/{init.lua → init.luau} +1 -1
- package/out/ui/packages/treeView/interfaces/Branch.luau +2 -0
- package/out/ui/packages/treeView/interfaces/Leaf.luau +2 -0
- package/out/ui/packages/treeView/interfaces/Tree.luau +2 -0
- package/out/ui/packages/typography/components/Typography.d.ts +2 -4
- package/out/ui/packages/typography/components/{Typography.lua → Typography.luau} +8 -19
- package/out/ui/packages/typography/components/Typography.styles.d.ts +1 -1
- package/out/ui/packages/typography/components/{Typography.styles.lua → Typography.styles.luau} +1 -1
- package/out/ui/packages/typography/index.d.ts +3 -3
- package/out/ui/packages/typography/{init.lua → init.luau} +1 -1
- package/out/ui/packages/typography/types/TypographyAlignment.luau +2 -0
- package/out/ui/packages/typography/types/TypographyColor.luau +2 -0
- package/out/ui/packages/typography/types/TypographyDisplay.luau +2 -0
- package/out/ui/packages/typography/types/init.luau +2 -0
- package/package.json +16 -18
- package/out/theme/interfaces/iconSizes/IconSizes.lua +0 -2
- package/out/theme/interfaces/iconSizes/init.lua +0 -2
- package/out/theme/interfaces/palette/Palette.lua +0 -2
- package/out/theme/interfaces/palette/colorTokens/ColorTokens.lua +0 -2
- package/out/theme/interfaces/palette/colorTokens/init.lua +0 -2
- package/out/theme/interfaces/palette/colors/Colors.lua +0 -2
- package/out/theme/interfaces/spacing/Borders.lua +0 -2
- package/out/theme/interfaces/spacing/Padding.lua +0 -2
- package/out/theme/interfaces/spacing/Shape.lua +0 -2
- package/out/theme/interfaces/spacing/Spacing.lua +0 -2
- package/out/theme/interfaces/spacing/init.lua +0 -2
- package/out/theme/interfaces/theme/Theme.lua +0 -2
- package/out/theme/interfaces/theme/ThemeConstants.lua +0 -2
- package/out/theme/interfaces/theme/ThemeOptions.lua +0 -2
- package/out/theme/interfaces/theme/init.lua +0 -2
- package/out/theme/interfaces/tokens/Tokens.lua +0 -2
- package/out/theme/interfaces/tokens/init.lua +0 -2
- package/out/theme/interfaces/typography/FontFamilyOptions.lua +0 -2
- package/out/theme/interfaces/typography/FontSizeOptions.lua +0 -2
- package/out/theme/interfaces/typography/ThemeTypography.lua +0 -2
- package/out/theme/styles/types/WriteableStyle.lua +0 -2
- package/out/theme/styles/types/init.lua +0 -2
- package/out/theme/styles/types/styles.lua +0 -2
- package/out/theme/styles/utilities/classNames.lua +0 -31
- package/out/theme/types/init.lua +0 -2
- package/out/ui/enums/Directions.lua +0 -23
- package/out/ui/enums/Icons.lua +0 -87
- package/out/ui/enums/Orientations.lua +0 -15
- package/out/ui/packages/button/types/ButtonColor.lua +0 -2
- package/out/ui/packages/button/types/ButtonSize.lua +0 -2
- package/out/ui/packages/button/types/ButtonVariant.lua +0 -2
- package/out/ui/packages/button/types/init.lua +0 -2
- package/out/ui/packages/input/types/InputColor.lua +0 -2
- package/out/ui/packages/input/types/InputMargin.lua +0 -2
- package/out/ui/packages/input/types/InputVariant.lua +0 -2
- package/out/ui/packages/input/types/init.lua +0 -2
- package/out/ui/packages/progressBar/components/ProgressBar.lua +0 -76
- package/out/ui/packages/sidebar/components/Sidebar.lua +0 -46
- package/out/ui/packages/sidebar/types/SidebarType.lua +0 -2
- package/out/ui/packages/sidebar/types/init.lua +0 -2
- package/out/ui/packages/toast/enums/ToastVariants.lua +0 -20
- package/out/ui/packages/toast/interfaces/ToastEvent.lua +0 -2
- package/out/ui/packages/treeView/interfaces/Branch.lua +0 -2
- package/out/ui/packages/treeView/interfaces/Leaf.lua +0 -2
- package/out/ui/packages/treeView/interfaces/Tree.lua +0 -2
- package/out/ui/packages/typography/types/TypographyAlignment.lua +0 -2
- package/out/ui/packages/typography/types/TypographyColor.lua +0 -2
- package/out/ui/packages/typography/types/TypographyDisplay.lua +0 -2
- package/out/ui/packages/typography/types/init.lua +0 -2
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
|
-
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
|
|
3
|
+
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
|
|
4
4
|
local useDividerStyles = TS.import(script, script.Parent, "Divider.styles").default
|
|
5
5
|
local function Divider(props)
|
|
6
6
|
local _binding = props
|
|
7
7
|
local className = _binding.className
|
|
8
8
|
local _binding_1 = useDividerStyles(props)
|
|
9
9
|
local root = _binding_1.root
|
|
10
|
-
local _attributes = {
|
|
10
|
+
local _attributes = {
|
|
11
|
+
Key = "Divider",
|
|
12
|
+
}
|
|
11
13
|
for _k, _v in root do
|
|
12
14
|
_attributes[_k] = _v
|
|
13
15
|
end
|
|
14
16
|
_attributes.BorderSizePixel = 0
|
|
15
|
-
if className then
|
|
17
|
+
if className ~= 0 and className == className and className ~= "" and className then
|
|
16
18
|
for _k, _v in className do
|
|
17
19
|
_attributes[_k] = _v
|
|
18
20
|
end
|
|
19
21
|
end
|
|
20
|
-
return Roact.
|
|
21
|
-
Divider = Roact.createElement("Frame", _attributes),
|
|
22
|
-
})
|
|
22
|
+
return Roact.jsx("frame", _attributes)
|
|
23
23
|
end
|
|
24
24
|
local default = Divider
|
|
25
25
|
return {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DividerProps } from "./Divider";
|
|
2
|
-
declare const useDividerStyles: (props: DividerProps) => import("../../../../theme").ClassNameMap<string>;
|
|
2
|
+
declare const useDividerStyles: (props: DividerProps) => import("../../../../theme/index").ClassNameMap<string>;
|
|
3
3
|
export default useDividerStyles;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
/// <reference types="@rbxts/types" />
|
|
2
|
-
/// <reference types="@rbxts/types" />
|
|
3
|
-
/// <reference types="roact" />
|
|
4
1
|
import Roact from "@rbxts/roact";
|
|
5
|
-
import { Icons } from "../../../enums";
|
|
6
|
-
import { CustomizedProps } from "../../../../theme";
|
|
2
|
+
import { Icons } from "../../../enums/index";
|
|
3
|
+
import { CustomizedProps } from "../../../../theme/index";
|
|
7
4
|
export interface IconProps {
|
|
8
5
|
icon: Icons;
|
|
9
6
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
|
-
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
|
|
3
|
+
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
|
|
4
4
|
local markPureComponent = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src).markPureComponent
|
|
5
5
|
local useIconStyles = TS.import(script, script.Parent, "Icon.styles").default
|
|
6
6
|
local function Icon(props)
|
|
@@ -10,7 +10,9 @@ local function Icon(props)
|
|
|
10
10
|
local className = _binding.className
|
|
11
11
|
local _binding_1 = useIconStyles(props)
|
|
12
12
|
local container = _binding_1.container
|
|
13
|
-
local _attributes = {
|
|
13
|
+
local _attributes = {
|
|
14
|
+
Key = "Icon",
|
|
15
|
+
}
|
|
14
16
|
for _k, _v in container do
|
|
15
17
|
_attributes[_k] = _v
|
|
16
18
|
end
|
|
@@ -21,9 +23,7 @@ local function Icon(props)
|
|
|
21
23
|
end
|
|
22
24
|
_attributes.Image = tostring(icon)
|
|
23
25
|
_attributes.ImageColor3 = tint or container.ImageColor3
|
|
24
|
-
return Roact.
|
|
25
|
-
Icon = Roact.createElement("ImageLabel", _attributes),
|
|
26
|
-
})
|
|
26
|
+
return Roact.jsx("imagelabel", _attributes)
|
|
27
27
|
end
|
|
28
28
|
local default = markPureComponent(Icon)
|
|
29
29
|
return {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IconProps } from "./Icon";
|
|
2
|
-
declare const useIconStyles: (props: IconProps) => import("../../../../theme").ClassNameMap<string>;
|
|
2
|
+
declare const useIconStyles: (props: IconProps) => import("../../../../theme/index").ClassNameMap<string>;
|
|
3
3
|
export default useIconStyles;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
/// <reference types="@rbxts/types" />
|
|
2
|
-
/// <reference types="@rbxts/types" />
|
|
3
|
-
/// <reference types="roact" />
|
|
4
1
|
import Roact from "@rbxts/roact";
|
|
5
|
-
import { Icons } from "../../../enums";
|
|
6
|
-
import { CustomizedProps } from "../../../../theme";
|
|
2
|
+
import { Icons } from "../../../enums/index";
|
|
3
|
+
import { CustomizedProps } from "../../../../theme/index";
|
|
7
4
|
export interface IconButtonProps {
|
|
8
5
|
icon: Icons;
|
|
9
6
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
|
-
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
|
|
3
|
+
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
|
|
4
4
|
local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
|
|
5
5
|
local markPureComponent = _roact_hooked.markPureComponent
|
|
6
6
|
local useState = _roact_hooked.useState
|
|
@@ -15,7 +15,9 @@ local function IconButton(props)
|
|
|
15
15
|
local _binding_1 = useIconButtonStyles(props)
|
|
16
16
|
local container = _binding_1.container
|
|
17
17
|
local hovering, setHovering = useState(false)
|
|
18
|
-
local _attributes = {
|
|
18
|
+
local _attributes = {
|
|
19
|
+
Key = "IconButton",
|
|
20
|
+
}
|
|
19
21
|
for _k, _v in container do
|
|
20
22
|
_attributes[_k] = _v
|
|
21
23
|
end
|
|
@@ -27,20 +29,20 @@ local function IconButton(props)
|
|
|
27
29
|
_attributes.BackgroundTransparency = if hovering or selected then 0.5 else 1
|
|
28
30
|
_attributes.Image = tostring(icon)
|
|
29
31
|
_attributes.ImageColor3 = tint or container.ImageColor3
|
|
30
|
-
_attributes
|
|
31
|
-
|
|
32
|
-
onClick
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
32
|
+
_attributes.Event = {
|
|
33
|
+
MouseButton1Click = function()
|
|
34
|
+
if onClick then
|
|
35
|
+
onClick()
|
|
36
|
+
end
|
|
37
|
+
end,
|
|
38
|
+
MouseEnter = function()
|
|
39
|
+
setHovering(true)
|
|
40
|
+
end,
|
|
41
|
+
MouseLeave = function()
|
|
42
|
+
setHovering(false)
|
|
43
|
+
end,
|
|
44
|
+
}
|
|
45
|
+
return Roact.jsx("imagebutton", _attributes)
|
|
44
46
|
end
|
|
45
47
|
local default = markPureComponent(IconButton)
|
|
46
48
|
return {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IconButtonProps } from "./IconButton";
|
|
2
|
-
declare const useIconButtonStyles: (props: IconButtonProps) => import("../../../../theme").ClassNameMap<string>;
|
|
2
|
+
declare const useIconButtonStyles: (props: IconButtonProps) => import("../../../../theme/index").ClassNameMap<string>;
|
|
3
3
|
export default useIconButtonStyles;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export * from "./divider";
|
|
2
|
-
export * from "./icon";
|
|
3
|
-
export * from "./iconButton";
|
|
4
|
-
export * from "./input";
|
|
5
|
-
export * from "./progressBar";
|
|
6
|
-
export * from "./shadow";
|
|
7
|
-
export * from "./sidebar";
|
|
8
|
-
export * from "./toast";
|
|
9
|
-
export * from "./treeView";
|
|
10
|
-
export * from "./typography";
|
|
11
|
-
export * from "./button";
|
|
1
|
+
export * from "./divider/index";
|
|
2
|
+
export * from "./icon/index";
|
|
3
|
+
export * from "./iconButton/index";
|
|
4
|
+
export * from "./input/index";
|
|
5
|
+
export * from "./progressBar/index";
|
|
6
|
+
export * from "./shadow/index";
|
|
7
|
+
export * from "./sidebar/index";
|
|
8
|
+
export * from "./toast/index";
|
|
9
|
+
export * from "./treeView/index";
|
|
10
|
+
export * from "./typography/index";
|
|
11
|
+
export * from "./button/index";
|
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
/// <reference types="@rbxts/types" />
|
|
2
|
-
/// <reference types="@rbxts/types" />
|
|
3
|
-
/// <reference types="@rbxts/types" />
|
|
4
|
-
/// <reference types="roact" />
|
|
5
1
|
import Roact from "@rbxts/roact";
|
|
6
|
-
import { CustomizedProps } from "../../../../theme";
|
|
7
|
-
import { InputColor, InputMargin, InputVariant } from "../types";
|
|
2
|
+
import { CustomizedProps } from "../../../../theme/index";
|
|
3
|
+
import { InputColor, InputMargin, InputVariant } from "../types/index";
|
|
8
4
|
export type DefaultInputComponent = Frame;
|
|
9
5
|
export interface InputProps {
|
|
10
6
|
color?: InputColor;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
|
-
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
|
|
3
|
+
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
|
|
4
4
|
local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
|
|
5
5
|
local useState = _roact_hooked.useState
|
|
6
6
|
local markPureComponent = _roact_hooked.markPureComponent
|
|
@@ -50,7 +50,9 @@ local function Input(props)
|
|
|
50
50
|
_condition = ""
|
|
51
51
|
end
|
|
52
52
|
local input, setInput = useState(_condition)
|
|
53
|
-
local _attributes = {
|
|
53
|
+
local _attributes = {
|
|
54
|
+
Key = "Input",
|
|
55
|
+
}
|
|
54
56
|
for _k, _v in root do
|
|
55
57
|
_attributes[_k] = _v
|
|
56
58
|
end
|
|
@@ -59,15 +61,15 @@ local function Input(props)
|
|
|
59
61
|
_attributes[_k] = _v
|
|
60
62
|
end
|
|
61
63
|
end
|
|
62
|
-
local
|
|
63
|
-
|
|
64
|
-
|
|
64
|
+
local _attributes_1 = {
|
|
65
|
+
Key = "Margin",
|
|
66
|
+
}
|
|
65
67
|
for _k, _v in margin do
|
|
66
68
|
_attributes_1[_k] = _v
|
|
67
69
|
end
|
|
68
|
-
local
|
|
69
|
-
|
|
70
|
-
|
|
70
|
+
local _attributes_2 = {
|
|
71
|
+
Key = "Field",
|
|
72
|
+
}
|
|
71
73
|
for _k, _v in font do
|
|
72
74
|
_attributes_2[_k] = _v
|
|
73
75
|
end
|
|
@@ -82,49 +84,38 @@ local function Input(props)
|
|
|
82
84
|
}) do
|
|
83
85
|
_attributes_2[_k] = _v
|
|
84
86
|
end
|
|
85
|
-
_attributes_2
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
onBlur
|
|
99
|
-
|
|
100
|
-
|
|
87
|
+
_attributes_2.Event = {
|
|
88
|
+
ReturnPressedFromOnScreenKeyboard = function(rbx)
|
|
89
|
+
if onEnterPressed then
|
|
90
|
+
local text = rbx.Text
|
|
91
|
+
onEnterPressed(text)
|
|
92
|
+
end
|
|
93
|
+
end,
|
|
94
|
+
Focused = onFocus,
|
|
95
|
+
FocusLost = function(rbx)
|
|
96
|
+
if onTextChanged then
|
|
97
|
+
local text = rbx.Text
|
|
98
|
+
onTextChanged(text)
|
|
99
|
+
end
|
|
100
|
+
if onBlur then
|
|
101
|
+
onBlur()
|
|
102
|
+
end
|
|
103
|
+
end,
|
|
104
|
+
}
|
|
101
105
|
local _condition_1 = variant == "outlined"
|
|
102
106
|
if _condition_1 then
|
|
103
|
-
local _attributes_3 =
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
end
|
|
107
|
-
_condition_1 = Roact.createElement("UIStroke", _attributes_3)
|
|
108
|
-
end
|
|
109
|
-
local _children_2 = {}
|
|
110
|
-
local _length_2 = #_children_2
|
|
111
|
-
if _condition_1 then
|
|
112
|
-
_children_2[_length_2 + 1] = _condition_1
|
|
107
|
+
local _attributes_3 = table.clone(stroke)
|
|
108
|
+
setmetatable(_attributes_3, nil)
|
|
109
|
+
_condition_1 = Roact.jsx("uistroke", _attributes_3)
|
|
113
110
|
end
|
|
114
|
-
_length_2 = #_children_2
|
|
115
111
|
local _condition_2 = rounded
|
|
116
112
|
if _condition_2 then
|
|
117
|
-
local _attributes_3 =
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
end
|
|
121
|
-
_condition_2 = Roact.createElement("UICorner", _attributes_3)
|
|
122
|
-
end
|
|
123
|
-
if _condition_2 then
|
|
124
|
-
_children_2[_length_2 + 1] = _condition_2
|
|
113
|
+
local _attributes_3 = table.clone(corner)
|
|
114
|
+
setmetatable(_attributes_3, nil)
|
|
115
|
+
_condition_2 = Roact.jsx("uicorner", _attributes_3)
|
|
125
116
|
end
|
|
126
|
-
|
|
127
|
-
|
|
117
|
+
local _exp = Roact.jsx("textbox", _attributes_2, _condition_1, _condition_2)
|
|
118
|
+
local _exp_1 = Roact.jsx(Divider, {
|
|
128
119
|
padding = 0,
|
|
129
120
|
orientation = Orientations.Horizontal,
|
|
130
121
|
className = classNames({
|
|
@@ -134,7 +125,9 @@ local function Input(props)
|
|
|
134
125
|
})
|
|
135
126
|
local _condition_3 = helperText ~= nil
|
|
136
127
|
if _condition_3 then
|
|
137
|
-
local _attributes_3 = {
|
|
128
|
+
local _attributes_3 = {
|
|
129
|
+
Key = "HelperText",
|
|
130
|
+
}
|
|
138
131
|
for _k, _v in font do
|
|
139
132
|
_attributes_3[_k] = _v
|
|
140
133
|
end
|
|
@@ -147,17 +140,9 @@ local function Input(props)
|
|
|
147
140
|
_attributes_3[_k] = _v
|
|
148
141
|
end
|
|
149
142
|
_attributes_3.Text = helperText
|
|
150
|
-
_condition_3 = (Roact.
|
|
151
|
-
HelperText = Roact.createElement("TextLabel", _attributes_3),
|
|
152
|
-
}))
|
|
153
|
-
end
|
|
154
|
-
if _condition_3 then
|
|
155
|
-
_children_1[_length_1 + 2] = _condition_3
|
|
143
|
+
_condition_3 = (Roact.jsx("textlabel", _attributes_3))
|
|
156
144
|
end
|
|
157
|
-
|
|
158
|
-
return Roact.createFragment({
|
|
159
|
-
Input = Roact.createElement("Frame", _attributes, _children),
|
|
160
|
-
})
|
|
145
|
+
return Roact.jsx("frame", _attributes, Roact.jsx("frame", _attributes_1, _exp, _exp_1, _condition_3))
|
|
161
146
|
end
|
|
162
147
|
local default = markPureComponent(Input)
|
|
163
148
|
return {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { InputProps } from "./Input";
|
|
2
|
-
declare const useInputStyles: (props: InputProps) => import("../../../../theme").ClassNameMap<string>;
|
|
2
|
+
declare const useInputStyles: (props: InputProps) => import("../../../../theme/index").ClassNameMap<string>;
|
|
3
3
|
export default useInputStyles;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Input } from "./components/Input";
|
|
2
2
|
export { InputProps } from "./components/Input";
|
|
3
3
|
export * from "./components/Input";
|
|
4
|
-
export { InputColor } from "./types";
|
|
5
|
-
export { InputMargin } from "./types";
|
|
6
|
-
export { InputVariant } from "./types";
|
|
4
|
+
export { InputColor } from "./types/index";
|
|
5
|
+
export { InputMargin } from "./types/index";
|
|
6
|
+
export { InputVariant } from "./types/index";
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="@rbxts/types" />
|
|
2
|
-
/// <reference types="roact" />
|
|
3
1
|
import Roact from "@rbxts/roact";
|
|
4
|
-
import { WriteableStyle } from "../../../../theme";
|
|
2
|
+
import { WriteableStyle } from "../../../../theme/index";
|
|
5
3
|
export interface ProgressBarProps {
|
|
6
4
|
progress: number;
|
|
7
5
|
className?: WriteableStyle<Frame>;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
|
|
4
|
+
local markPureComponent = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src).markPureComponent
|
|
5
|
+
local useProgressBarStyles = TS.import(script, script.Parent, "ProgressBar.styles").default
|
|
6
|
+
local function ProgressBar(_param)
|
|
7
|
+
local progress = _param.progress
|
|
8
|
+
local className = _param.className
|
|
9
|
+
local _binding = useProgressBarStyles()
|
|
10
|
+
local container = _binding.container
|
|
11
|
+
local outer = _binding.outer
|
|
12
|
+
local stroke = _binding.stroke
|
|
13
|
+
local inner = _binding.inner
|
|
14
|
+
local fill = _binding.fill
|
|
15
|
+
local corner = _binding.corner
|
|
16
|
+
local _attributes = {
|
|
17
|
+
Key = "ProgressBar",
|
|
18
|
+
}
|
|
19
|
+
for _k, _v in container do
|
|
20
|
+
_attributes[_k] = _v
|
|
21
|
+
end
|
|
22
|
+
if className then
|
|
23
|
+
for _k, _v in className do
|
|
24
|
+
_attributes[_k] = _v
|
|
25
|
+
end
|
|
26
|
+
end
|
|
27
|
+
local _attributes_1 = {
|
|
28
|
+
Key = "Bar",
|
|
29
|
+
}
|
|
30
|
+
for _k, _v in outer do
|
|
31
|
+
_attributes_1[_k] = _v
|
|
32
|
+
end
|
|
33
|
+
local _attributes_2 = {
|
|
34
|
+
Key = "Corner",
|
|
35
|
+
}
|
|
36
|
+
for _k, _v in corner do
|
|
37
|
+
_attributes_2[_k] = _v
|
|
38
|
+
end
|
|
39
|
+
local _exp = Roact.jsx("uicorner", _attributes_2)
|
|
40
|
+
local _attributes_3 = table.clone(stroke)
|
|
41
|
+
setmetatable(_attributes_3, nil)
|
|
42
|
+
local _exp_1 = Roact.jsx("uistroke", _attributes_3)
|
|
43
|
+
local _attributes_4 = table.clone(inner)
|
|
44
|
+
setmetatable(_attributes_4, nil)
|
|
45
|
+
local _attributes_5 = {
|
|
46
|
+
Key = "Corner",
|
|
47
|
+
}
|
|
48
|
+
for _k, _v in corner do
|
|
49
|
+
_attributes_5[_k] = _v
|
|
50
|
+
end
|
|
51
|
+
local _exp_2 = Roact.jsx("uicorner", _attributes_5)
|
|
52
|
+
local _attributes_6 = table.clone(fill)
|
|
53
|
+
setmetatable(_attributes_6, nil)
|
|
54
|
+
_attributes_6.Size = UDim2.new(progress / 100, 0, 1, 0)
|
|
55
|
+
local _attributes_7 = {
|
|
56
|
+
Key = "Corner",
|
|
57
|
+
}
|
|
58
|
+
for _k, _v in corner do
|
|
59
|
+
_attributes_7[_k] = _v
|
|
60
|
+
end
|
|
61
|
+
return Roact.jsx("frame", _attributes, Roact.jsx("frame", _attributes_1, _exp, _exp_1, Roact.jsx("frame", _attributes_4, _exp_2, Roact.jsx("frame", _attributes_6, Roact.jsx("uicorner", _attributes_7)))))
|
|
62
|
+
end
|
|
63
|
+
local default = markPureComponent(ProgressBar)
|
|
64
|
+
return {
|
|
65
|
+
default = default,
|
|
66
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useProgressBarStyles: () => import("../../../../theme").ClassNameMap<string>;
|
|
1
|
+
declare const useProgressBarStyles: () => import("../../../../theme/index").ClassNameMap<string>;
|
|
2
2
|
export default useProgressBarStyles;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
|
-
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
|
|
3
|
+
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
|
|
4
4
|
local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
|
|
5
5
|
local markPureComponent = _roact_hooked.markPureComponent
|
|
6
6
|
local useEffect = _roact_hooked.useEffect
|
|
@@ -42,29 +42,24 @@ local function Shadow()
|
|
|
42
42
|
setZIndex(_condition_1 - 1)
|
|
43
43
|
parent.ClipsDescendants = false
|
|
44
44
|
end, { parent })
|
|
45
|
-
local _attributes = {
|
|
45
|
+
local _attributes = {
|
|
46
|
+
Key = "Shadow",
|
|
47
|
+
}
|
|
46
48
|
for _k, _v in container do
|
|
47
49
|
_attributes[_k] = _v
|
|
48
50
|
end
|
|
49
51
|
_attributes.ZIndex = zIndex
|
|
50
|
-
_attributes
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
})
|
|
62
|
-
if _child then
|
|
63
|
-
_children[_length + 1] = _child
|
|
64
|
-
end
|
|
65
|
-
return Roact.createFragment({
|
|
66
|
-
Shadow = Roact.createElement("Frame", _attributes, _children),
|
|
67
|
-
})
|
|
52
|
+
_attributes.Event = {
|
|
53
|
+
AncestryChanged = function(rbx, parent)
|
|
54
|
+
if parent:IsA("GuiObject") and rbx.Parent == parent then
|
|
55
|
+
setParent(parent)
|
|
56
|
+
end
|
|
57
|
+
end,
|
|
58
|
+
}
|
|
59
|
+
return Roact.jsx("frame", _attributes, cornerRadius ~= nil and Roact.jsx("uicorner", {
|
|
60
|
+
Key = "Corner",
|
|
61
|
+
CornerRadius = cornerRadius,
|
|
62
|
+
}))
|
|
68
63
|
end
|
|
69
64
|
local default = markPureComponent(Shadow)
|
|
70
65
|
return {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useShadowStyles: () => import("../../../../theme").ClassNameMap<string>;
|
|
1
|
+
declare const useShadowStyles: () => import("../../../../theme/index").ClassNameMap<string>;
|
|
2
2
|
export default useShadowStyles;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="@rbxts/types" />
|
|
2
|
-
/// <reference types="roact" />
|
|
3
1
|
import Roact from "@rbxts/roact";
|
|
4
|
-
import { CustomizedProps } from "../../../../theme";
|
|
2
|
+
import { CustomizedProps } from "../../../../theme/index";
|
|
5
3
|
export type DefaultSidebarComponent = Frame;
|
|
6
4
|
export interface SidebarProps {
|
|
7
5
|
size: "compact" | "large";
|