@rbxts/uiblox 0.1.7 → 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 -19
- 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,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="@rbxts/compiler-types" />
|
|
2
1
|
import { WriteableStyle } from "../types/WriteableStyle";
|
|
3
2
|
export type GenericStyle = {
|
|
4
3
|
[property: string]: boolean;
|
|
5
4
|
};
|
|
6
|
-
export type ConditionalStyles = Map<WriteableStyle<
|
|
7
|
-
declare const classNames: (styles:
|
|
5
|
+
export type ConditionalStyles<T extends Instance> = Map<WriteableStyle<T>, boolean>;
|
|
6
|
+
declare const classNames: <T extends Instance>(conditionalStyles?: ConditionalStyles<T>, ...styles: Array<WriteableStyle<T>>) => WriteableStyle<T>;
|
|
8
7
|
export default classNames;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
-- eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3
|
+
local classNames = function(conditionalStyles, ...)
|
|
4
|
+
local styles = { ... }
|
|
5
|
+
-- eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6
|
+
local style = {}
|
|
7
|
+
local _result = conditionalStyles
|
|
8
|
+
if _result ~= nil then
|
|
9
|
+
-- ▼ ReadonlyMap.forEach ▼
|
|
10
|
+
local _callback = function(value, key)
|
|
11
|
+
if value then
|
|
12
|
+
local _object = table.clone(style)
|
|
13
|
+
setmetatable(_object, nil)
|
|
14
|
+
for _k, _v in key do
|
|
15
|
+
_object[_k] = _v
|
|
16
|
+
end
|
|
17
|
+
style = _object
|
|
18
|
+
end
|
|
19
|
+
end
|
|
20
|
+
for _k, _v in _result do
|
|
21
|
+
_callback(_v, _k, _result)
|
|
22
|
+
end
|
|
23
|
+
-- ▲ ReadonlyMap.forEach ▲
|
|
24
|
+
end
|
|
25
|
+
local _object = table.clone(style)
|
|
26
|
+
setmetatable(_object, nil)
|
|
27
|
+
_object.styles = styles
|
|
28
|
+
return _object
|
|
29
|
+
end
|
|
30
|
+
local default = classNames
|
|
31
|
+
return {
|
|
32
|
+
default = default,
|
|
33
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Theme } from "../../interfaces/theme";
|
|
1
|
+
import { Theme } from "../../interfaces/theme/index";
|
|
2
2
|
import { ClassNameMap } from "../types/styles";
|
|
3
3
|
type TMakeStyles<ClassKey extends string = string> = (theme: Theme) => ClassNameMap<ClassKey>;
|
|
4
4
|
type TMakeStylesWithProps<Props, ClassKey extends string = string> = (theme: Theme, props: Props) => ClassNameMap<ClassKey>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local DefaultTheme = TS.import(script, script.Parent.Parent.Parent, "themes").default
|
|
4
4
|
local themeStore = TS.import(script, script.Parent.Parent.Parent, "components", "ThemeStore").themeStore
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local allFontSizes = TS.import(script, script.Parent.Parent, "interfaces", "typography", "FontSizes").allFontSizes
|
|
4
4
|
local _colors = TS.import(script, script.Parent.Parent, "interfaces", "palette", "colors")
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local allFontSizes = TS.import(script, script.Parent.Parent, "interfaces", "typography", "FontSizes").allFontSizes
|
|
4
4
|
local _colors = TS.import(script, script.Parent.Parent, "interfaces", "palette", "colors")
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
/// <reference types="@rbxts/types" />
|
|
2
|
-
/// <reference types="roact" />
|
|
3
|
-
/// <reference types="@rbxts/compiler-types" />
|
|
4
1
|
import Roact, { Element, PropsWithChildren } from "@rbxts/roact";
|
|
5
|
-
import { WriteableStyle } from "../interfaces";
|
|
2
|
+
import { WriteableStyle } from "../interfaces/index";
|
|
6
3
|
export interface CommonProps<T extends Instance> extends PropsWithChildren {
|
|
7
4
|
className?: WriteableStyle<T>;
|
|
5
|
+
component?: T;
|
|
6
|
+
children?: Roact.Children;
|
|
8
7
|
}
|
|
9
8
|
export type BaseDefaultProps<T extends Instance, P> = CommonProps<T> & P;
|
|
10
|
-
export type BaseCustomizedProps<T extends Instance, P> = BaseDefaultProps<T, P
|
|
11
|
-
component?: T;
|
|
12
|
-
}>;
|
|
9
|
+
export type BaseCustomizedProps<T extends Instance, P> = BaseDefaultProps<T, P>;
|
|
13
10
|
export type DefaultProps<T extends Instance, P = {}> = BaseDefaultProps<T, P>;
|
|
14
11
|
export type CustomizedProps<T extends Instance, P = {}> = BaseCustomizedProps<T, P>;
|
|
15
12
|
export type CustomizedRef<T extends Instance> = T extends Instance ? any : T extends keyof Roact.JsxInstance<T> ? WritableInstanceProperties<T> : never;
|
|
16
|
-
export type CustomizedForwardRefComponent<D extends Instance, P = {}> = <T extends Instance = D>(props:
|
|
13
|
+
export type CustomizedForwardRefComponent<D extends Instance, P = {}> = <T extends Instance = D>(props: CustomizedProps<T, P> & WritableInstanceProperties<CustomizedRef<T>>) => Element | undefined;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local Color3FromHex = function(hex)
|
|
3
3
|
local hextStr, _ = string.gsub(hex, "#", "")
|
|
4
4
|
local bigint = tonumber(hextStr, 16)
|
|
5
|
-
assert(bigint ~= 0 and
|
|
5
|
+
assert(bigint ~= 0 and bigint == bigint and bigint, "Color3FromHex: Invalid hex value")
|
|
6
6
|
local r = bit32.band((bit32.arshift(bigint, 16)), 255)
|
|
7
7
|
local g = bit32.band((bit32.arshift(bigint, 8)), 255)
|
|
8
8
|
local b = bit32.band(bigint, 255)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
-- Compiled with roblox-ts
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local DefaultTheme = TS.import(script, script.Parent.Parent.Parent, "theme").DefaultTheme
|
|
4
4
|
local ROBLOX_UI_OFFSET = DefaultTheme.spacing.calc(2) + DefaultTheme.padding.calc(4)
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local Icons = {
|
|
3
|
+
Delete = "rbxassetid://8583122940",
|
|
4
|
+
Move = "rbxassetid://8583137072",
|
|
5
|
+
OpenBox = "rbxassetid://8583122847",
|
|
6
|
+
Rotate2D = "rbxassetid://8583123169",
|
|
7
|
+
Rotate3D = "rbxassetid://8583123075",
|
|
8
|
+
Swipe = "rbxassetid://8583122640",
|
|
9
|
+
House = "rbxassetid://8771814151",
|
|
10
|
+
Furniture = "rbxassetid://8771814395",
|
|
11
|
+
Room = "rbxassetid://8771813821",
|
|
12
|
+
Arcade = "rbxassetid://8771986472",
|
|
13
|
+
Controller = "rbxassetid://8771986353",
|
|
14
|
+
Joystick = "rbxassetid://8771986232",
|
|
15
|
+
Save = "rbxassetid://8772040340",
|
|
16
|
+
EditEnabled = "rbxassetid://8772040549",
|
|
17
|
+
EditDisabled = "rbxassetid://8772040755",
|
|
18
|
+
Settings = "rbxassetid://8793943638",
|
|
19
|
+
VerticalDots = "rbxassetid://8793943269",
|
|
20
|
+
HorizontalDots = "rbxassetid://8793943828",
|
|
21
|
+
Store = "rbxassetid://8794697193",
|
|
22
|
+
Dresser = "rbxassetid://8794697532",
|
|
23
|
+
Hangar = "rbxassetid://8794697340",
|
|
24
|
+
Friends = "rbxassetid://8794697424",
|
|
25
|
+
Charity = "rbxassetid://8794697659",
|
|
26
|
+
Backpack = "rbxassetid://8794716095",
|
|
27
|
+
HelpBubble = "rbxassetid://8794738823",
|
|
28
|
+
HelpDesk = "rbxassetid://8835822182",
|
|
29
|
+
NewspaperVariant1 = "rbxassetid://9056545367",
|
|
30
|
+
NewspaperVariant2 = "rbxassetid://9056545251",
|
|
31
|
+
NewspaperVariant3 = "rbxassetid://9056545032",
|
|
32
|
+
Close = "rbxassetid://9070598165",
|
|
33
|
+
CloseCircle = "rbxassetid://9070597768",
|
|
34
|
+
Collapsed = "rbxassetid://9306279342",
|
|
35
|
+
Expanded = "rbxassetid://9306279848",
|
|
36
|
+
Book = "rbxassetid://9311703342",
|
|
37
|
+
BookStack = "rbxassetid://9311703545",
|
|
38
|
+
ListPrimary = "rbxassetid://9306610505",
|
|
39
|
+
LightTheme = "rbxassetid://9377269022",
|
|
40
|
+
DarkTheme = "rbxassetid://9377269322",
|
|
41
|
+
}
|
|
42
|
+
return {
|
|
43
|
+
Icons = Icons,
|
|
44
|
+
}
|
package/out/ui/index.d.ts
CHANGED
|
@@ -1,34 +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";
|
|
1
|
+
export * from "./constants/index";
|
|
2
|
+
export * from "./enums/index";
|
|
3
|
+
export { Divider } from "./packages/index";
|
|
4
|
+
export { DividerProps } from "./packages/index";
|
|
5
|
+
export { Icon } from "./packages/index";
|
|
6
|
+
export { IconProps } from "./packages/index";
|
|
7
|
+
export { IconButton } from "./packages/index";
|
|
8
|
+
export { IconButtonProps } from "./packages/index";
|
|
9
|
+
export { Input } from "./packages/index";
|
|
10
|
+
export { InputProps } from "./packages/index";
|
|
11
|
+
export { InputColor } from "./packages/index";
|
|
12
|
+
export { InputMargin } from "./packages/index";
|
|
13
|
+
export { InputVariant } from "./packages/index";
|
|
14
|
+
export { ProgressBar } from "./packages/index";
|
|
15
|
+
export { ProgressBarProps } from "./packages/index";
|
|
16
|
+
export { Shadow } from "./packages/index";
|
|
17
|
+
export { Sidebar } from "./packages/index";
|
|
18
|
+
export { SidebarProps } from "./packages/index";
|
|
19
|
+
export { SidebarType } from "./packages/index";
|
|
20
|
+
export { Toast } from "./packages/index";
|
|
21
|
+
export { ToastProps } from "./packages/index";
|
|
22
|
+
export { TreeView } from "./packages/index";
|
|
23
|
+
export { TreeViewProps } from "./packages/index";
|
|
24
|
+
export { Branch } from "./packages/index";
|
|
25
|
+
export { Leaf } from "./packages/index";
|
|
26
|
+
export { Tree } from "./packages/index";
|
|
27
|
+
export { Typography } from "./packages/index";
|
|
28
|
+
export { TypographyProps } from "./packages/index";
|
|
29
|
+
export { TypographyAlignment } from "./packages/index";
|
|
30
|
+
export { TypographyColor } from "./packages/index";
|
|
31
|
+
export { TypographyDisplay } from "./packages/index";
|
|
32
|
+
export { Button } from "./packages/index";
|
|
33
|
+
export { ButtonProps } from "./packages/index";
|
|
34
|
+
export * from "./packages/index";
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
/// <reference types="@rbxts/types" />
|
|
2
|
-
/// <reference types="roact" />
|
|
3
1
|
import Roact from "@rbxts/roact";
|
|
4
|
-
import { CustomizedProps } from "../../../../theme";
|
|
5
|
-
import { ButtonSize, ButtonColor, ButtonVariant } from "../types";
|
|
2
|
+
import { CustomizedProps } from "../../../../theme/index";
|
|
3
|
+
import { ButtonSize, ButtonColor, ButtonVariant } from "../types/index";
|
|
6
4
|
export type DefaultButtonComponent = TextButton;
|
|
7
5
|
export interface ButtonProps {
|
|
8
6
|
text?: string;
|
|
@@ -23,6 +21,6 @@ export interface ButtonProps {
|
|
|
23
21
|
mouseEnter?: () => void;
|
|
24
22
|
mouseLeave?: () => void;
|
|
25
23
|
}
|
|
26
|
-
declare function Button(props:
|
|
24
|
+
declare function Button(props: CustomizedProps<DefaultButtonComponent, ButtonProps>): Roact.Element;
|
|
27
25
|
declare const _default: typeof Button;
|
|
28
26
|
export default _default;
|
|
@@ -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
|
|
@@ -40,14 +40,16 @@ local function Button(props)
|
|
|
40
40
|
local mouseEnter = _binding.mouseEnter
|
|
41
41
|
local mouseLeave = _binding.mouseLeave
|
|
42
42
|
local className = _binding.className
|
|
43
|
-
local children = _binding
|
|
43
|
+
local children = _binding.children
|
|
44
44
|
local _binding_1 = useButtonStyles(props)
|
|
45
45
|
local root = _binding_1.root
|
|
46
46
|
local font = _binding_1.font
|
|
47
47
|
local corner = _binding_1.corner
|
|
48
48
|
local stroke = _binding_1.stroke
|
|
49
49
|
local hovering, setHovering = useState(false)
|
|
50
|
-
local _attributes = {
|
|
50
|
+
local _attributes = {
|
|
51
|
+
Key = "Button",
|
|
52
|
+
}
|
|
51
53
|
for _k, _v in root do
|
|
52
54
|
_attributes[_k] = _v
|
|
53
55
|
end
|
|
@@ -57,7 +59,7 @@ local function Button(props)
|
|
|
57
59
|
_attributes.Active = not disabled and not loading
|
|
58
60
|
_attributes.Text = text
|
|
59
61
|
local _result
|
|
60
|
-
if (not hoveringDisabled and hovering) or
|
|
62
|
+
if (not hoveringDisabled and hovering) or disabled or loading then
|
|
61
63
|
_result = 0.75
|
|
62
64
|
else
|
|
63
65
|
local _result_1 = className
|
|
@@ -71,60 +73,62 @@ local function Button(props)
|
|
|
71
73
|
_result = _condition
|
|
72
74
|
end
|
|
73
75
|
_attributes.BackgroundTransparency = _result
|
|
74
|
-
_attributes
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
mouseEnter
|
|
78
|
-
|
|
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()
|
|
76
|
+
_attributes.Event = {
|
|
77
|
+
MouseEnter = function()
|
|
78
|
+
setHovering(true)
|
|
79
|
+
if mouseEnter then
|
|
80
|
+
mouseEnter()
|
|
90
81
|
end
|
|
91
|
-
end
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
onLeftDown()
|
|
82
|
+
end,
|
|
83
|
+
MouseLeave = function()
|
|
84
|
+
setHovering(false)
|
|
85
|
+
if mouseLeave then
|
|
86
|
+
mouseLeave()
|
|
97
87
|
end
|
|
98
|
-
end
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
88
|
+
end,
|
|
89
|
+
MouseButton1Click = function()
|
|
90
|
+
if not disabled and not loading then
|
|
91
|
+
if onLeftClick then
|
|
92
|
+
onLeftClick()
|
|
93
|
+
end
|
|
104
94
|
end
|
|
105
|
-
end
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
95
|
+
end,
|
|
96
|
+
MouseButton1Down = function()
|
|
97
|
+
if not disabled and not loading then
|
|
98
|
+
if onLeftDown then
|
|
99
|
+
onLeftDown()
|
|
100
|
+
end
|
|
111
101
|
end
|
|
112
|
-
end
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
102
|
+
end,
|
|
103
|
+
MouseButton1Up = function()
|
|
104
|
+
if not disabled and not loading then
|
|
105
|
+
if onLeftUp then
|
|
106
|
+
onLeftUp()
|
|
107
|
+
end
|
|
118
108
|
end
|
|
119
|
-
end
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
109
|
+
end,
|
|
110
|
+
MouseButton2Click = function()
|
|
111
|
+
if not disabled and not loading then
|
|
112
|
+
if onRightClick then
|
|
113
|
+
onRightClick()
|
|
114
|
+
end
|
|
125
115
|
end
|
|
126
|
-
end
|
|
127
|
-
|
|
116
|
+
end,
|
|
117
|
+
MouseButton2Down = function()
|
|
118
|
+
if not disabled and not loading then
|
|
119
|
+
if onRightDown then
|
|
120
|
+
onRightDown()
|
|
121
|
+
end
|
|
122
|
+
end
|
|
123
|
+
end,
|
|
124
|
+
MouseButton2Up = function()
|
|
125
|
+
if not disabled and not loading then
|
|
126
|
+
if onRightUp then
|
|
127
|
+
onRightUp()
|
|
128
|
+
end
|
|
129
|
+
end
|
|
130
|
+
end,
|
|
131
|
+
}
|
|
128
132
|
if className then
|
|
129
133
|
for _k, _v in className do
|
|
130
134
|
_attributes[_k] = _v
|
|
@@ -132,42 +136,17 @@ local function Button(props)
|
|
|
132
136
|
end
|
|
133
137
|
local _condition = variant == "outlined"
|
|
134
138
|
if _condition then
|
|
135
|
-
local _attributes_1 =
|
|
136
|
-
|
|
137
|
-
|
|
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
|
|
139
|
+
local _attributes_1 = table.clone(stroke)
|
|
140
|
+
setmetatable(_attributes_1, nil)
|
|
141
|
+
_condition = Roact.jsx("uistroke", _attributes_1)
|
|
145
142
|
end
|
|
146
|
-
_length = #_children
|
|
147
143
|
local _condition_1 = rounded
|
|
148
144
|
if _condition_1 then
|
|
149
|
-
local _attributes_1 =
|
|
150
|
-
|
|
151
|
-
|
|
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
|
|
145
|
+
local _attributes_1 = table.clone(corner)
|
|
146
|
+
setmetatable(_attributes_1, nil)
|
|
147
|
+
_condition_1 = Roact.jsx("uicorner", _attributes_1)
|
|
167
148
|
end
|
|
168
|
-
return Roact.
|
|
169
|
-
Button = Roact.createElement("TextButton", _attributes, _children),
|
|
170
|
-
})
|
|
149
|
+
return Roact.jsx("textbutton", _attributes, _condition, _condition_1, children)
|
|
171
150
|
end
|
|
172
151
|
local default = markPureComponent(Button)
|
|
173
152
|
return {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ButtonProps } from "./Button";
|
|
2
|
-
declare const useButtonStyles: (props: ButtonProps) => import("../../../../theme").ClassNameMap<string>;
|
|
2
|
+
declare const useButtonStyles: (props: ButtonProps) => import("../../../../theme/index").ClassNameMap<string>;
|
|
3
3
|
export default useButtonStyles;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as Button } from "./components/Button";
|
|
2
2
|
export { ButtonProps } from "./components/Button";
|
|
3
3
|
export * from "./components/Button";
|
|
4
|
-
export { ButtonColor } from "./types";
|
|
5
|
-
export { ButtonSize } from "./types";
|
|
6
|
-
export { ButtonVariant } from "./types";
|
|
4
|
+
export { ButtonColor } from "./types/index";
|
|
5
|
+
export { ButtonSize } from "./types/index";
|
|
6
|
+
export { ButtonVariant } from "./types/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 { Orientations } from "../../../enums";
|
|
2
|
+
import { CustomizedProps } from "../../../../theme/index";
|
|
3
|
+
import { Orientations } from "../../../enums/index";
|
|
8
4
|
type DefaultDividerComponent = Frame;
|
|
9
5
|
export interface DividerProps {
|
|
10
6
|
position?: UDim2;
|