@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.
Files changed (227) hide show
  1. package/out/index.d.ts +2 -2
  2. package/out/{init.lua → init.luau} +1 -1
  3. package/out/theme/components/ThemeProvider.d.ts +3 -3
  4. package/out/theme/components/{ThemeProvider.lua → ThemeProvider.luau} +6 -22
  5. package/out/theme/components/ThemeStore.d.ts +1 -2
  6. package/out/theme/components/{ThemeStore.lua → ThemeStore.luau} +1 -1
  7. package/out/theme/components/ThemeWrapper.d.ts +3 -3
  8. package/out/theme/components/{ThemeWrapper.lua → ThemeWrapper.luau} +7 -21
  9. package/out/theme/components/{init.lua → init.luau} +1 -1
  10. package/out/theme/constants/NumberConstants.d.ts +1 -1
  11. package/out/theme/constants/{NumberConstants.lua → NumberConstants.luau} +1 -1
  12. package/out/theme/constants/ThemeConstants.d.ts +2 -2
  13. package/out/theme/constants/{ThemeConstants.lua → ThemeConstants.luau} +1 -1
  14. package/out/theme/constants/{init.lua → init.luau} +1 -1
  15. package/out/theme/index.d.ts +17 -17
  16. package/out/theme/{init.lua → init.luau} +1 -1
  17. package/out/theme/interfaces/iconSizes/IconSizes.luau +2 -0
  18. package/out/theme/interfaces/iconSizes/init.luau +2 -0
  19. package/out/theme/interfaces/index.d.ts +13 -13
  20. package/out/theme/interfaces/{init.lua → init.luau} +1 -1
  21. package/out/theme/interfaces/palette/Palette.d.ts +0 -1
  22. package/out/theme/interfaces/palette/Palette.luau +2 -0
  23. package/out/theme/interfaces/palette/colorTokens/ColorTokens.d.ts +1 -2
  24. package/out/theme/interfaces/palette/colorTokens/ColorTokens.luau +2 -0
  25. package/out/theme/interfaces/palette/colorTokens/init.luau +2 -0
  26. package/out/theme/interfaces/palette/colors/{Blue.lua → Blue.luau} +1 -1
  27. package/out/theme/interfaces/palette/colors/Colors.d.ts +0 -1
  28. package/out/theme/interfaces/palette/colors/Colors.luau +2 -0
  29. package/out/theme/interfaces/palette/colors/Common.d.ts +0 -1
  30. package/out/theme/interfaces/palette/colors/{Common.lua → Common.luau} +1 -1
  31. package/out/theme/interfaces/palette/colors/{Dark.lua → Dark.luau} +1 -1
  32. package/out/theme/interfaces/palette/colors/{Gray.lua → Gray.luau} +1 -1
  33. package/out/theme/interfaces/palette/colors/{Green.lua → Green.luau} +1 -1
  34. package/out/theme/interfaces/palette/colors/{Light.lua → Light.luau} +1 -1
  35. package/out/theme/interfaces/palette/colors/{Magenta.lua → Magenta.luau} +1 -1
  36. package/out/theme/interfaces/palette/colors/{Orange.lua → Orange.luau} +1 -1
  37. package/out/theme/interfaces/palette/colors/{Purple.lua → Purple.luau} +1 -1
  38. package/out/theme/interfaces/palette/colors/{Red.lua → Red.luau} +1 -1
  39. package/out/theme/interfaces/palette/colors/{Turquoise.lua → Turquoise.luau} +1 -1
  40. package/out/theme/interfaces/palette/colors/{Yellow.lua → Yellow.luau} +1 -1
  41. package/out/theme/interfaces/palette/colors/{init.lua → init.luau} +1 -1
  42. package/out/theme/interfaces/palette/index.d.ts +2 -2
  43. package/out/theme/interfaces/palette/{init.lua → init.luau} +1 -1
  44. package/out/theme/interfaces/spacing/Borders.luau +2 -0
  45. package/out/theme/interfaces/spacing/Padding.luau +2 -0
  46. package/out/theme/interfaces/spacing/Shape.luau +2 -0
  47. package/out/theme/interfaces/spacing/Spacing.luau +2 -0
  48. package/out/theme/interfaces/spacing/init.luau +2 -0
  49. package/out/theme/interfaces/theme/Theme.d.ts +3 -3
  50. package/out/theme/interfaces/theme/Theme.luau +2 -0
  51. package/out/theme/interfaces/theme/ThemeConstants.d.ts +4 -4
  52. package/out/theme/interfaces/theme/ThemeConstants.luau +2 -0
  53. package/out/theme/interfaces/theme/ThemeOptions.luau +2 -0
  54. package/out/theme/interfaces/theme/init.luau +2 -0
  55. package/out/theme/interfaces/tokens/Tokens.luau +2 -0
  56. package/out/theme/interfaces/tokens/init.luau +2 -0
  57. package/out/theme/interfaces/typography/{FontFamilies.lua → FontFamilies.luau} +1 -1
  58. package/out/theme/interfaces/typography/FontFamilyOptions.d.ts +0 -2
  59. package/out/theme/interfaces/typography/FontFamilyOptions.luau +2 -0
  60. package/out/theme/interfaces/typography/FontSizeOptions.d.ts +0 -1
  61. package/out/theme/interfaces/typography/FontSizeOptions.luau +2 -0
  62. package/out/theme/interfaces/typography/{FontSizes.lua → FontSizes.luau} +1 -1
  63. package/out/theme/interfaces/typography/ThemeTypography.luau +2 -0
  64. package/out/theme/interfaces/typography/{Variants.lua → Variants.luau} +1 -1
  65. package/out/theme/interfaces/typography/{init.lua → init.luau} +1 -1
  66. package/out/theme/styles/index.d.ts +5 -5
  67. package/out/theme/styles/{init.lua → init.luau} +1 -1
  68. package/out/theme/styles/types/WriteableStyle.d.ts +0 -2
  69. package/out/theme/styles/types/WriteableStyle.luau +2 -0
  70. package/out/theme/styles/types/init.luau +2 -0
  71. package/out/theme/styles/types/styles.d.ts +0 -2
  72. package/out/theme/styles/types/styles.luau +2 -0
  73. package/out/theme/styles/utilities/classNames.d.ts +2 -3
  74. package/out/theme/styles/utilities/classNames.luau +33 -0
  75. package/out/theme/styles/utilities/{createStyles.lua → createStyles.luau} +1 -1
  76. package/out/theme/styles/utilities/{init.lua → init.luau} +1 -1
  77. package/out/theme/styles/utilities/makeStyles.d.ts +1 -1
  78. package/out/theme/styles/utilities/{makeStyles.lua → makeStyles.luau} +1 -1
  79. package/out/theme/themes/DarkTheme.d.ts +1 -1
  80. package/out/theme/themes/{DarkTheme.lua → DarkTheme.luau} +1 -1
  81. package/out/theme/themes/LightTheme.d.ts +1 -1
  82. package/out/theme/themes/{LightTheme.lua → LightTheme.luau} +1 -1
  83. package/out/theme/themes/{init.lua → init.luau} +1 -1
  84. package/out/theme/types/init.luau +2 -0
  85. package/out/theme/types/types.d.ts +5 -8
  86. package/out/theme/types/{types.lua → types.luau} +1 -1
  87. package/out/theme/utilites/{Color3FromHex.lua → Color3FromHex.luau} +2 -2
  88. package/out/theme/utilites/{init.lua → init.luau} +1 -1
  89. package/out/ui/constants/{ImageConstants.lua → ImageConstants.luau} +1 -1
  90. package/out/ui/constants/{LayoutConstants.lua → LayoutConstants.luau} +1 -1
  91. package/out/ui/constants/{init.lua → init.luau} +1 -1
  92. package/out/ui/enums/Directions.luau +12 -0
  93. package/out/ui/enums/Icons.luau +44 -0
  94. package/out/ui/enums/Orientations.luau +8 -0
  95. package/out/ui/enums/{init.lua → init.luau} +1 -1
  96. package/out/ui/index.d.ts +34 -34
  97. package/out/ui/{init.lua → init.luau} +1 -1
  98. package/out/ui/packages/button/components/Button.d.ts +3 -5
  99. package/out/ui/packages/button/components/{Button.lua → Button.luau} +64 -85
  100. package/out/ui/packages/button/components/Button.styles.d.ts +1 -1
  101. package/out/ui/packages/button/components/{Button.styles.lua → Button.styles.luau} +1 -1
  102. package/out/ui/packages/button/index.d.ts +3 -3
  103. package/out/ui/packages/button/{init.lua → init.luau} +1 -1
  104. package/out/ui/packages/button/types/ButtonColor.luau +2 -0
  105. package/out/ui/packages/button/types/ButtonSize.luau +2 -0
  106. package/out/ui/packages/button/types/ButtonVariant.luau +2 -0
  107. package/out/ui/packages/button/types/init.luau +2 -0
  108. package/out/ui/packages/divider/components/Divider.d.ts +2 -6
  109. package/out/ui/packages/divider/components/{Divider.lua → Divider.luau} +7 -7
  110. package/out/ui/packages/divider/components/Divider.styles.d.ts +1 -1
  111. package/out/ui/packages/divider/components/{Divider.styles.lua → Divider.styles.luau} +1 -1
  112. package/out/ui/packages/divider/{init.lua → init.luau} +1 -1
  113. package/out/ui/packages/icon/components/Icon.d.ts +2 -5
  114. package/out/ui/packages/icon/components/{Icon.lua → Icon.luau} +6 -6
  115. package/out/ui/packages/icon/components/Icon.styles.d.ts +1 -1
  116. package/out/ui/packages/icon/components/{Icon.styles.lua → Icon.styles.luau} +1 -1
  117. package/out/ui/packages/icon/{init.lua → init.luau} +1 -1
  118. package/out/ui/packages/iconButton/components/IconButton.d.ts +2 -5
  119. package/out/ui/packages/iconButton/components/{IconButton.lua → IconButton.luau} +19 -17
  120. package/out/ui/packages/iconButton/components/IconButton.styles.d.ts +1 -1
  121. package/out/ui/packages/iconButton/components/{IconButton.styles.lua → IconButton.styles.luau} +1 -1
  122. package/out/ui/packages/iconButton/{init.lua → init.luau} +1 -1
  123. package/out/ui/packages/index.d.ts +11 -11
  124. package/out/ui/packages/{init.lua → init.luau} +1 -1
  125. package/out/ui/packages/input/components/Input.d.ts +2 -6
  126. package/out/ui/packages/input/components/{Input.lua → Input.luau} +42 -57
  127. package/out/ui/packages/input/components/Input.styles.d.ts +1 -1
  128. package/out/ui/packages/input/components/{Input.styles.lua → Input.styles.luau} +1 -1
  129. package/out/ui/packages/input/index.d.ts +3 -3
  130. package/out/ui/packages/input/{init.lua → init.luau} +1 -1
  131. package/out/ui/packages/input/types/InputColor.luau +2 -0
  132. package/out/ui/packages/input/types/InputMargin.luau +2 -0
  133. package/out/ui/packages/input/types/InputVariant.luau +2 -0
  134. package/out/ui/packages/input/types/init.luau +2 -0
  135. package/out/ui/packages/progressBar/components/ProgressBar.d.ts +1 -3
  136. package/out/ui/packages/progressBar/components/ProgressBar.luau +66 -0
  137. package/out/ui/packages/progressBar/components/ProgressBar.styles.d.ts +1 -1
  138. package/out/ui/packages/progressBar/components/{ProgressBar.styles.lua → ProgressBar.styles.luau} +1 -1
  139. package/out/ui/packages/progressBar/{init.lua → init.luau} +1 -1
  140. package/out/ui/packages/shadow/components/Shadow.d.ts +0 -1
  141. package/out/ui/packages/shadow/components/{Shadow.lua → Shadow.luau} +16 -21
  142. package/out/ui/packages/shadow/components/Shadow.styles.d.ts +1 -1
  143. package/out/ui/packages/shadow/components/{Shadow.styles.lua → Shadow.styles.luau} +1 -1
  144. package/out/ui/packages/shadow/{init.lua → init.luau} +1 -1
  145. package/out/ui/packages/sidebar/components/Sidebar.d.ts +1 -3
  146. package/out/ui/packages/sidebar/components/Sidebar.luau +34 -0
  147. package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts +1 -1
  148. package/out/ui/packages/sidebar/components/{Sidebar.styles.lua → Sidebar.styles.luau} +1 -1
  149. package/out/ui/packages/sidebar/index.d.ts +1 -1
  150. package/out/ui/packages/sidebar/{init.lua → init.luau} +1 -1
  151. package/out/ui/packages/sidebar/types/SidebarType.luau +2 -0
  152. package/out/ui/packages/sidebar/types/init.luau +2 -0
  153. package/out/ui/packages/toast/components/Toast.d.ts +0 -1
  154. package/out/ui/packages/toast/components/{Toast.lua → Toast.luau} +24 -22
  155. package/out/ui/packages/toast/components/Toast.styles.d.ts +1 -1
  156. package/out/ui/packages/toast/components/{Toast.styles.lua → Toast.styles.luau} +1 -1
  157. package/out/ui/packages/toast/enums/ToastVariants.luau +11 -0
  158. package/out/ui/packages/toast/{init.lua → init.luau} +1 -1
  159. package/out/ui/packages/toast/interfaces/ToastEvent.luau +2 -0
  160. package/out/ui/packages/treeView/components/TreeView.d.ts +2 -4
  161. package/out/ui/packages/treeView/components/{TreeView.lua → TreeView.luau} +120 -137
  162. package/out/ui/packages/treeView/components/TreeView.styles.d.ts +1 -1
  163. package/out/ui/packages/treeView/components/{TreeView.styles.lua → TreeView.styles.luau} +1 -1
  164. package/out/ui/packages/treeView/{init.lua → init.luau} +1 -1
  165. package/out/ui/packages/treeView/interfaces/Branch.luau +2 -0
  166. package/out/ui/packages/treeView/interfaces/Leaf.luau +2 -0
  167. package/out/ui/packages/treeView/interfaces/Tree.luau +2 -0
  168. package/out/ui/packages/typography/components/Typography.d.ts +2 -4
  169. package/out/ui/packages/typography/components/{Typography.lua → Typography.luau} +8 -19
  170. package/out/ui/packages/typography/components/Typography.styles.d.ts +1 -1
  171. package/out/ui/packages/typography/components/{Typography.styles.lua → Typography.styles.luau} +1 -1
  172. package/out/ui/packages/typography/index.d.ts +3 -3
  173. package/out/ui/packages/typography/{init.lua → init.luau} +1 -1
  174. package/out/ui/packages/typography/types/TypographyAlignment.luau +2 -0
  175. package/out/ui/packages/typography/types/TypographyColor.luau +2 -0
  176. package/out/ui/packages/typography/types/TypographyDisplay.luau +2 -0
  177. package/out/ui/packages/typography/types/init.luau +2 -0
  178. package/package.json +16 -19
  179. package/out/theme/interfaces/iconSizes/IconSizes.lua +0 -2
  180. package/out/theme/interfaces/iconSizes/init.lua +0 -2
  181. package/out/theme/interfaces/palette/Palette.lua +0 -2
  182. package/out/theme/interfaces/palette/colorTokens/ColorTokens.lua +0 -2
  183. package/out/theme/interfaces/palette/colorTokens/init.lua +0 -2
  184. package/out/theme/interfaces/palette/colors/Colors.lua +0 -2
  185. package/out/theme/interfaces/spacing/Borders.lua +0 -2
  186. package/out/theme/interfaces/spacing/Padding.lua +0 -2
  187. package/out/theme/interfaces/spacing/Shape.lua +0 -2
  188. package/out/theme/interfaces/spacing/Spacing.lua +0 -2
  189. package/out/theme/interfaces/spacing/init.lua +0 -2
  190. package/out/theme/interfaces/theme/Theme.lua +0 -2
  191. package/out/theme/interfaces/theme/ThemeConstants.lua +0 -2
  192. package/out/theme/interfaces/theme/ThemeOptions.lua +0 -2
  193. package/out/theme/interfaces/theme/init.lua +0 -2
  194. package/out/theme/interfaces/tokens/Tokens.lua +0 -2
  195. package/out/theme/interfaces/tokens/init.lua +0 -2
  196. package/out/theme/interfaces/typography/FontFamilyOptions.lua +0 -2
  197. package/out/theme/interfaces/typography/FontSizeOptions.lua +0 -2
  198. package/out/theme/interfaces/typography/ThemeTypography.lua +0 -2
  199. package/out/theme/styles/types/WriteableStyle.lua +0 -2
  200. package/out/theme/styles/types/init.lua +0 -2
  201. package/out/theme/styles/types/styles.lua +0 -2
  202. package/out/theme/styles/utilities/classNames.lua +0 -31
  203. package/out/theme/types/init.lua +0 -2
  204. package/out/ui/enums/Directions.lua +0 -23
  205. package/out/ui/enums/Icons.lua +0 -87
  206. package/out/ui/enums/Orientations.lua +0 -15
  207. package/out/ui/packages/button/types/ButtonColor.lua +0 -2
  208. package/out/ui/packages/button/types/ButtonSize.lua +0 -2
  209. package/out/ui/packages/button/types/ButtonVariant.lua +0 -2
  210. package/out/ui/packages/button/types/init.lua +0 -2
  211. package/out/ui/packages/input/types/InputColor.lua +0 -2
  212. package/out/ui/packages/input/types/InputMargin.lua +0 -2
  213. package/out/ui/packages/input/types/InputVariant.lua +0 -2
  214. package/out/ui/packages/input/types/init.lua +0 -2
  215. package/out/ui/packages/progressBar/components/ProgressBar.lua +0 -76
  216. package/out/ui/packages/sidebar/components/Sidebar.lua +0 -46
  217. package/out/ui/packages/sidebar/types/SidebarType.lua +0 -2
  218. package/out/ui/packages/sidebar/types/init.lua +0 -2
  219. package/out/ui/packages/toast/enums/ToastVariants.lua +0 -20
  220. package/out/ui/packages/toast/interfaces/ToastEvent.lua +0 -2
  221. package/out/ui/packages/treeView/interfaces/Branch.lua +0 -2
  222. package/out/ui/packages/treeView/interfaces/Leaf.lua +0 -2
  223. package/out/ui/packages/treeView/interfaces/Tree.lua +0 -2
  224. package/out/ui/packages/typography/types/TypographyAlignment.lua +0 -2
  225. package/out/ui/packages/typography/types/TypographyColor.lua +0 -2
  226. package/out/ui/packages/typography/types/TypographyDisplay.lua +0 -2
  227. package/out/ui/packages/typography/types/init.lua +0 -2
@@ -1,25 +1,25 @@
1
- -- Compiled with roblox-ts v2.2.0
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.createFragment({
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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.Divider = TS.import(script, script, "components", "Divider").default
@@ -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 v2.2.0
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.createFragment({
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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.Icon = TS.import(script, script, "components", "Icon").default
@@ -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 v2.2.0
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[Roact.Event.MouseButton1Click] = function()
31
- if onClick then
32
- onClick()
33
- end
34
- end
35
- _attributes[Roact.Event.MouseEnter] = function()
36
- setHovering(true)
37
- end
38
- _attributes[Roact.Event.MouseLeave] = function()
39
- setHovering(false)
40
- end
41
- return Roact.createFragment({
42
- IconButton = Roact.createElement("ImageButton", _attributes),
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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.IconButton = TS.import(script, script, "components", "IconButton").default
@@ -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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  for _k, _v in TS.import(script, script, "divider") or {} do
@@ -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 v2.2.0
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 _children = {}
63
- local _length = #_children
64
- local _attributes_1 = {}
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 _children_1 = {}
69
- local _length_1 = #_children_1
70
- local _attributes_2 = {}
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[Roact.Event.ReturnPressedFromOnScreenKeyboard] = function(rbx)
86
- if onEnterPressed then
87
- local text = rbx.Text
88
- onEnterPressed(text)
89
- end
90
- end
91
- _attributes_2[Roact.Event.Focused] = onFocus
92
- _attributes_2[Roact.Event.FocusLost] = function(rbx)
93
- if onTextChanged then
94
- local text = rbx.Text
95
- onTextChanged(text)
96
- end
97
- if onBlur then
98
- onBlur()
99
- end
100
- end
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
- for _k, _v in stroke do
105
- _attributes_3[_k] = _v
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
- for _k, _v in corner do
119
- _attributes_3[_k] = _v
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
- _children_1.Field = Roact.createElement("TextBox", _attributes_2, _children_2)
127
- _children_1[_length_1 + 1] = Roact.createElement(Divider, {
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.createFragment({
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
- _children.Margin = Roact.createElement("Frame", _attributes_1, _children_1)
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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
@@ -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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.Input = TS.import(script, script, "components", "Input").default
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.ProgressBar = TS.import(script, script, "components", "ProgressBar").default
@@ -1,4 +1,3 @@
1
- /// <reference types="roact" />
2
1
  import Roact from "@rbxts/roact";
3
2
  declare function Shadow(): Roact.Element;
4
3
  declare const _default: typeof Shadow;
@@ -1,6 +1,6 @@
1
- -- Compiled with roblox-ts v2.2.0
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[Roact.Event.AncestryChanged] = function(rbx, parent)
51
- if parent:IsA("GuiObject") and rbx.Parent == parent then
52
- setParent(parent)
53
- end
54
- end
55
- local _children = {}
56
- local _length = #_children
57
- local _child = cornerRadius ~= nil and Roact.createFragment({
58
- Corner = Roact.createElement("UICorner", {
59
- CornerRadius = cornerRadius,
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,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.Shadow = TS.import(script, script, "components", "Shadow").default
@@ -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";