@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 @@
|
|
|
1
|
+
export { default as IconSizes } from "./IconSizes";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ColorTokens } from "./ColorTokens";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Blue = {
|
|
5
|
+
[120] = Color3FromHex("#001724"),
|
|
6
|
+
[110] = Color3FromHex("#002E49"),
|
|
7
|
+
[100] = Color3FromHex("#00456D"),
|
|
8
|
+
[90] = Color3FromHex("#005D92"),
|
|
9
|
+
[80] = Color3FromHex("#0074B6"),
|
|
10
|
+
[70] = Color3FromHex("#008BDB"),
|
|
11
|
+
[60] = Color3FromHex("#00A2FF"),
|
|
12
|
+
[50] = Color3FromHex("#2BB1FF"),
|
|
13
|
+
[40] = Color3FromHex("#55C1FF"),
|
|
14
|
+
[30] = Color3FromHex("#80D0FF"),
|
|
15
|
+
[20] = Color3FromHex("#AAE0FF"),
|
|
16
|
+
[10] = Color3FromHex("#D5F0FF"),
|
|
17
|
+
}
|
|
18
|
+
local default = Blue
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/// <reference types="@rbxts/types" />
|
|
2
|
+
export default interface Colors {
|
|
3
|
+
backgroundDefault: Color3;
|
|
4
|
+
backgroundContrast: Color3;
|
|
5
|
+
backgroundMuted: Color3;
|
|
6
|
+
backgroundUIDefault: Color3;
|
|
7
|
+
backgroundUIMuted: Color3;
|
|
8
|
+
backgroundUIContrast: Color3;
|
|
9
|
+
UIDefault: Color3;
|
|
10
|
+
UIMuted: Color3;
|
|
11
|
+
UIEmphasis: Color3;
|
|
12
|
+
textDefault: Color3;
|
|
13
|
+
textMuted: Color3;
|
|
14
|
+
textEmphasis: Color3;
|
|
15
|
+
iconDefault: Color3;
|
|
16
|
+
iconEmphasis: Color3;
|
|
17
|
+
iconOnHover: Color3;
|
|
18
|
+
systemPrimaryDefault: Color3;
|
|
19
|
+
systemPrimaryOnHover: Color3;
|
|
20
|
+
systemPrimaryContent: Color3;
|
|
21
|
+
contextualPrimaryDefault: Color3;
|
|
22
|
+
contextualPrimaryOnHover: Color3;
|
|
23
|
+
contextualPrimaryContent: Color3;
|
|
24
|
+
secondaryDefault: Color3;
|
|
25
|
+
secondaryOnHover: Color3;
|
|
26
|
+
secondaryContent: Color3;
|
|
27
|
+
divider: Color3;
|
|
28
|
+
overlay: Color3;
|
|
29
|
+
dropShadow: Color3;
|
|
30
|
+
navigationBar: Color3;
|
|
31
|
+
badge: Color3;
|
|
32
|
+
badgeContent: Color3;
|
|
33
|
+
placeholder: Color3;
|
|
34
|
+
online: Color3;
|
|
35
|
+
offline: Color3;
|
|
36
|
+
alert: Color3;
|
|
37
|
+
success: Color3;
|
|
38
|
+
accent: Color3;
|
|
39
|
+
link: Color3;
|
|
40
|
+
caution: Color3;
|
|
41
|
+
text: Color3;
|
|
42
|
+
background: Color3;
|
|
43
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Gray = TS.import(script, script.Parent, "Gray").default
|
|
4
|
+
-- Designer defines this with gray value but still mark different color name,
|
|
5
|
+
-- so that mapping it because in the design spec, they will use this, so make
|
|
6
|
+
-- Engineers be able to identify
|
|
7
|
+
local Dark = {
|
|
8
|
+
[120] = Gray[10],
|
|
9
|
+
[110] = Gray[20],
|
|
10
|
+
[100] = Gray[30],
|
|
11
|
+
[90] = Gray[40],
|
|
12
|
+
[80] = Gray[50],
|
|
13
|
+
[70] = Gray[60],
|
|
14
|
+
[60] = Gray[70],
|
|
15
|
+
[50] = Gray[80],
|
|
16
|
+
[40] = Gray[90],
|
|
17
|
+
[30] = Gray[100],
|
|
18
|
+
[20] = Gray[110],
|
|
19
|
+
[10] = Gray[120],
|
|
20
|
+
}
|
|
21
|
+
local default = Dark
|
|
22
|
+
return {
|
|
23
|
+
default = default,
|
|
24
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Gray = {
|
|
5
|
+
[120] = Color3FromHex("#171717"),
|
|
6
|
+
[110] = Color3FromHex("#1D1D1D"),
|
|
7
|
+
[100] = Color3FromHex("#222222"),
|
|
8
|
+
[90] = Color3FromHex("#2C2C2C"),
|
|
9
|
+
[80] = Color3FromHex("#3B3B3B"),
|
|
10
|
+
[70] = Color3FromHex("#565656"),
|
|
11
|
+
[60] = Color3FromHex("#989898"),
|
|
12
|
+
[50] = Color3FromHex("#CBCBCB"),
|
|
13
|
+
[40] = Color3FromHex("#E1E1E1"),
|
|
14
|
+
[30] = Color3FromHex("#EDEDED"),
|
|
15
|
+
[20] = Color3FromHex("#F6F6F6"),
|
|
16
|
+
[10] = Color3FromHex("#FAFAFA"),
|
|
17
|
+
}
|
|
18
|
+
local default = Gray
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Green = {
|
|
5
|
+
[120] = Color3FromHex("#001A0E"),
|
|
6
|
+
[110] = Color3FromHex("#00351D"),
|
|
7
|
+
[100] = Color3FromHex("#004F2B"),
|
|
8
|
+
[90] = Color3FromHex("#006939"),
|
|
9
|
+
[80] = Color3FromHex("#008347"),
|
|
10
|
+
[70] = Color3FromHex("#009e56"),
|
|
11
|
+
[60] = Color3FromHex("#00B864"),
|
|
12
|
+
[50] = Color3FromHex("#00E87E"),
|
|
13
|
+
[40] = Color3FromHex("#26FF9C"),
|
|
14
|
+
[30] = Color3FromHex("#5CFFB5"),
|
|
15
|
+
[20] = Color3FromHex("#90FFCC"),
|
|
16
|
+
[10] = Color3FromHex("#C9FFE6"),
|
|
17
|
+
}
|
|
18
|
+
local default = Green
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Magenta = {
|
|
5
|
+
[120] = Color3FromHex("#240620"),
|
|
6
|
+
[110] = Color3FromHex("#490B41"),
|
|
7
|
+
[100] = Color3FromHex("#6D1161"),
|
|
8
|
+
[90] = Color3FromHex("#921781"),
|
|
9
|
+
[80] = Color3FromHex("#B61CA2"),
|
|
10
|
+
[70] = Color3FromHex("#DB22C2"),
|
|
11
|
+
[60] = Color3FromHex("#E245CD"),
|
|
12
|
+
[50] = Color3FromHex("#E764D5"),
|
|
13
|
+
[40] = Color3FromHex("#EC83DE"),
|
|
14
|
+
[30] = Color3FromHex("#F1A2E6"),
|
|
15
|
+
[20] = Color3FromHex("#F5C1EE"),
|
|
16
|
+
[10] = Color3FromHex("#FAE0F7"),
|
|
17
|
+
}
|
|
18
|
+
local default = Magenta
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Orange = {
|
|
5
|
+
[120] = Color3FromHex("#271003"),
|
|
6
|
+
[110] = Color3FromHex("#4E2006"),
|
|
7
|
+
[100] = Color3FromHex("#743109"),
|
|
8
|
+
[90] = Color3FromHex("#9B410C"),
|
|
9
|
+
[80] = Color3FromHex("#C2510F"),
|
|
10
|
+
[70] = Color3FromHex("#E96113"),
|
|
11
|
+
[60] = Color3FromHex("#EF7A36"),
|
|
12
|
+
[50] = Color3FromHex("#F29057"),
|
|
13
|
+
[40] = Color3FromHex("#F4A679"),
|
|
14
|
+
[30] = Color3FromHex("#F7BD9A"),
|
|
15
|
+
[20] = Color3FromHex("#FAD3BC"),
|
|
16
|
+
[10] = Color3FromHex("#FCE9DE"),
|
|
17
|
+
}
|
|
18
|
+
local default = Orange
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Purple = {
|
|
5
|
+
[120] = Color3FromHex("#0F0523"),
|
|
6
|
+
[110] = Color3FromHex("#1D0A46"),
|
|
7
|
+
[100] = Color3FromHex("#2C0E69"),
|
|
8
|
+
[90] = Color3FromHex("#3B138C"),
|
|
9
|
+
[80] = Color3FromHex("#4918AF"),
|
|
10
|
+
[70] = Color3FromHex("#581DD2"),
|
|
11
|
+
[60] = Color3FromHex("#6D34E3"),
|
|
12
|
+
[50] = Color3FromHex("#8556E8"),
|
|
13
|
+
[40] = Color3FromHex("#9E78EC"),
|
|
14
|
+
[30] = Color3FromHex("#B69AF1"),
|
|
15
|
+
[20] = Color3FromHex("#CEBBF6"),
|
|
16
|
+
[10] = Color3FromHex("#E7DDFA"),
|
|
17
|
+
}
|
|
18
|
+
local default = Purple
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Red = {
|
|
5
|
+
[120] = Color3FromHex("#290403"),
|
|
6
|
+
[110] = Color3FromHex("#510905"),
|
|
7
|
+
[100] = Color3FromHex("#7A0D08"),
|
|
8
|
+
[90] = Color3FromHex("#A2120B"),
|
|
9
|
+
[80] = Color3FromHex("#CB160E"),
|
|
10
|
+
[70] = Color3FromHex("#EF1E14"),
|
|
11
|
+
[60] = Color3FromHex("#F2453D"),
|
|
12
|
+
[50] = Color3FromHex("#F4645D"),
|
|
13
|
+
[40] = Color3FromHex("#F6837E"),
|
|
14
|
+
[30] = Color3FromHex("#F9A29E"),
|
|
15
|
+
[20] = Color3FromHex("#FBC1BE"),
|
|
16
|
+
[10] = Color3FromHex("#FDE0DF"),
|
|
17
|
+
}
|
|
18
|
+
local default = Red
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Turquoise = {
|
|
5
|
+
[120] = Color3FromHex("#001E1E"),
|
|
6
|
+
[110] = Color3FromHex("#003B3B"),
|
|
7
|
+
[100] = Color3FromHex("#005959"),
|
|
8
|
+
[90] = Color3FromHex("#007777"),
|
|
9
|
+
[80] = Color3FromHex("#009595"),
|
|
10
|
+
[70] = Color3FromHex("#00B2B2"),
|
|
11
|
+
[60] = Color3FromHex("#00D0D0"),
|
|
12
|
+
[50] = Color3FromHex("#03FFFF"),
|
|
13
|
+
[40] = Color3FromHex("#36FFFF"),
|
|
14
|
+
[30] = Color3FromHex("#68FFFF"),
|
|
15
|
+
[20] = Color3FromHex("#9AFFFF"),
|
|
16
|
+
[10] = Color3FromHex("#CDFFFF"),
|
|
17
|
+
}
|
|
18
|
+
local default = Turquoise
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
|
|
4
|
+
local Yellow = {
|
|
5
|
+
[120] = Color3FromHex("#2B2002"),
|
|
6
|
+
[110] = Color3FromHex("#564004"),
|
|
7
|
+
[100] = Color3FromHex("#816006"),
|
|
8
|
+
[90] = Color3FromHex("#AD8007"),
|
|
9
|
+
[80] = Color3FromHex("#D8A009"),
|
|
10
|
+
[70] = Color3FromHex("#F5BA19"),
|
|
11
|
+
[60] = Color3FromHex("#F7C744"),
|
|
12
|
+
[50] = Color3FromHex("#f8d063"),
|
|
13
|
+
[40] = Color3FromHex("#FADA82"),
|
|
14
|
+
[30] = Color3FromHex("#FBE3A2"),
|
|
15
|
+
[20] = Color3FromHex("#FCECC1"),
|
|
16
|
+
[10] = Color3FromHex("#FEF6E0"),
|
|
17
|
+
}
|
|
18
|
+
local default = Yellow
|
|
19
|
+
return {
|
|
20
|
+
default = default,
|
|
21
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { default as Blue } from "./Blue";
|
|
2
|
+
export { default as Common } from "./Common";
|
|
3
|
+
export { default as Gray } from "./Gray";
|
|
4
|
+
export { default as Green } from "./Green";
|
|
5
|
+
export { default as Magenta } from "./Magenta";
|
|
6
|
+
export { default as Orange } from "./Orange";
|
|
7
|
+
export { default as Purple } from "./Purple";
|
|
8
|
+
export { default as Red } from "./Red";
|
|
9
|
+
export { default as Turquoise } from "./Turquoise";
|
|
10
|
+
export { default as Yellow } from "./Yellow";
|
|
11
|
+
export { default as Dark } from "./Dark";
|
|
12
|
+
export { default as Light } from "./Light";
|
|
13
|
+
export { default as Colors } from "./Colors";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v2.2.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local exports = {}
|
|
4
|
+
exports.Blue = TS.import(script, script, "Blue").default
|
|
5
|
+
exports.Common = TS.import(script, script, "Common").default
|
|
6
|
+
exports.Gray = TS.import(script, script, "Gray").default
|
|
7
|
+
exports.Green = TS.import(script, script, "Green").default
|
|
8
|
+
exports.Magenta = TS.import(script, script, "Magenta").default
|
|
9
|
+
exports.Orange = TS.import(script, script, "Orange").default
|
|
10
|
+
exports.Purple = TS.import(script, script, "Purple").default
|
|
11
|
+
exports.Red = TS.import(script, script, "Red").default
|
|
12
|
+
exports.Turquoise = TS.import(script, script, "Turquoise").default
|
|
13
|
+
exports.Yellow = TS.import(script, script, "Yellow").default
|
|
14
|
+
exports.Dark = TS.import(script, script, "Dark").default
|
|
15
|
+
exports.Light = TS.import(script, script, "Light").default
|
|
16
|
+
return exports
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="@rbxts/types" />
|
|
2
|
+
export default interface Palette {
|
|
3
|
+
primary: {
|
|
4
|
+
main: Color3;
|
|
5
|
+
};
|
|
6
|
+
secondary: {
|
|
7
|
+
main: Color3;
|
|
8
|
+
};
|
|
9
|
+
error: {
|
|
10
|
+
main: Color3;
|
|
11
|
+
};
|
|
12
|
+
warning: {
|
|
13
|
+
main: Color3;
|
|
14
|
+
};
|
|
15
|
+
success: {
|
|
16
|
+
main: Color3;
|
|
17
|
+
};
|
|
18
|
+
background: {
|
|
19
|
+
default: Color3;
|
|
20
|
+
paper: Color3;
|
|
21
|
+
};
|
|
22
|
+
divider: Color3;
|
|
23
|
+
text: {
|
|
24
|
+
primary: Color3;
|
|
25
|
+
secondary: Color3;
|
|
26
|
+
};
|
|
27
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Palette } from "../palette";
|
|
2
|
+
import { Padding, Shape, Spacing } from "../spacing";
|
|
3
|
+
import { ThemeTypography } from "../typography";
|
|
4
|
+
import ThemeOptions from "./ThemeOptions";
|
|
5
|
+
interface Theme {
|
|
6
|
+
type: string;
|
|
7
|
+
options: ThemeOptions;
|
|
8
|
+
palette: Palette;
|
|
9
|
+
padding: Padding;
|
|
10
|
+
shape: Shape;
|
|
11
|
+
spacing: Spacing;
|
|
12
|
+
typography: ThemeTypography;
|
|
13
|
+
}
|
|
14
|
+
export default Theme;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ColorTokens } from "../palette/colorTokens/ColorTokens";
|
|
2
|
+
import { CommonColors } from "../palette/colors/Common";
|
|
3
|
+
import { Colors } from "../palette/colors";
|
|
4
|
+
import { Borders } from "../spacing";
|
|
5
|
+
import { IconSizes } from "../iconSizes";
|
|
6
|
+
export default interface ThemeConstants {
|
|
7
|
+
contentWidth: number;
|
|
8
|
+
iconSizes: IconSizes;
|
|
9
|
+
colors: Colors;
|
|
10
|
+
borders: Borders;
|
|
11
|
+
extendedPalette: {
|
|
12
|
+
Blue: ColorTokens;
|
|
13
|
+
Common: CommonColors;
|
|
14
|
+
Dark: ColorTokens;
|
|
15
|
+
Gray: ColorTokens;
|
|
16
|
+
Green: ColorTokens;
|
|
17
|
+
Light: ColorTokens;
|
|
18
|
+
Magenta: ColorTokens;
|
|
19
|
+
Orange: ColorTokens;
|
|
20
|
+
Purple: ColorTokens;
|
|
21
|
+
Red: ColorTokens;
|
|
22
|
+
Turquoise: ColorTokens;
|
|
23
|
+
Yellow: ColorTokens;
|
|
24
|
+
};
|
|
25
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type Tokens = "120" | "110" | "100" | "90" | "80" | "70" | "60" | "50" | "40" | "30" | "20" | "10";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tokens } from "./Tokens";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { IconSizes } from "./iconSizes";
|
|
2
|
+
export * from "./palette";
|
|
3
|
+
export { Borders } from "./spacing";
|
|
4
|
+
export { Padding } from "./spacing";
|
|
5
|
+
export { Shape } from "./spacing";
|
|
6
|
+
export { Spacing } from "./spacing";
|
|
7
|
+
export * from "../styles";
|
|
8
|
+
export { Theme } from "./theme";
|
|
9
|
+
export { ThemeConstants } from "./theme";
|
|
10
|
+
export { ThemeOptions } from "./theme";
|
|
11
|
+
export * from "../themes";
|
|
12
|
+
export { Tokens } from "./tokens";
|
|
13
|
+
export * from "./typography";
|
|
@@ -0,0 +1,16 @@
|
|
|
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, "palette") or {} do
|
|
5
|
+
exports[_k] = _v
|
|
6
|
+
end
|
|
7
|
+
for _k, _v in TS.import(script, script.Parent, "styles") or {} do
|
|
8
|
+
exports[_k] = _v
|
|
9
|
+
end
|
|
10
|
+
for _k, _v in TS.import(script, script.Parent, "themes") or {} do
|
|
11
|
+
exports[_k] = _v
|
|
12
|
+
end
|
|
13
|
+
for _k, _v in TS.import(script, script, "typography") or {} do
|
|
14
|
+
exports[_k] = _v
|
|
15
|
+
end
|
|
16
|
+
return exports
|