@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
package/out/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./theme";
2
- export * from "./ui";
1
+ export * from "./theme/index";
2
+ export * from "./ui/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, "theme") or {} do
@@ -1,9 +1,9 @@
1
- /// <reference types="roact" />
2
1
  import Roact from "@rbxts/roact";
3
- import { Theme } from "../interfaces/theme";
2
+ import { Theme } from "../interfaces/theme/index";
3
+ import { CustomizedProps } from "../types/index";
4
4
  export interface ThemeProviderProps {
5
5
  theme?: Theme;
6
6
  }
7
- declare function ThemeProvider(props: Roact.PropsWithChildren<ThemeProviderProps>): Roact.Element;
7
+ declare function ThemeProvider(props: CustomizedProps<Instance, ThemeProviderProps>): Roact.Element;
8
8
  declare const _default: typeof ThemeProvider;
9
9
  export default _default;
@@ -1,35 +1,19 @@
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 markPureComponent = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src).markPureComponent
4
4
  local StoreProvider = TS.import(script, TS.getModule(script, "@rbxts", "roact-rodux-hooked").src).StoreProvider
5
- local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
5
+ local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
6
6
  local themeStore = TS.import(script, script.Parent, "ThemeStore").themeStore
7
7
  local ThemeWrapper = TS.import(script, script.Parent, "ThemeWrapper").default
8
8
  local function ThemeProvider(props)
9
9
  local _binding = props
10
10
  local theme = _binding.theme
11
- local children = _binding[Roact.Children]
12
- local _attributes = {
11
+ local children = _binding.children
12
+ return Roact.jsx(StoreProvider, {
13
13
  store = themeStore,
14
- }
15
- local _children = {}
16
- local _length = #_children
17
- local _attributes_1 = {
14
+ }, Roact.jsx(ThemeWrapper, {
18
15
  theme = theme,
19
- }
20
- local _children_1 = {}
21
- local _length_1 = #_children_1
22
- if children then
23
- for _k, _v in children do
24
- if type(_k) == "number" then
25
- _children_1[_length_1 + _k] = _v
26
- else
27
- _children_1[_k] = _v
28
- end
29
- end
30
- end
31
- _children[_length + 1] = Roact.createElement(ThemeWrapper, _attributes_1, _children_1)
32
- return Roact.createElement(StoreProvider, _attributes, _children)
16
+ }, children))
33
17
  end
34
18
  local default = markPureComponent(ThemeProvider)
35
19
  return {
@@ -1,5 +1,4 @@
1
- /// <reference types="rodux" />
2
- import { Theme } from "../interfaces/theme";
1
+ import { Theme } from "../interfaces/theme/index";
3
2
  import { Store } from "@rbxts/rodux";
4
3
  export type ThemeState = {
5
4
  theme: Theme;
@@ -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 _rodux = TS.import(script, TS.getModule(script, "@rbxts", "rodux").src)
4
4
  local createReducer = _rodux.createReducer
@@ -1,9 +1,9 @@
1
- /// <reference types="roact" />
2
1
  import Roact from "@rbxts/roact";
3
- import { Theme } from "../interfaces/theme";
2
+ import { Theme } from "../interfaces/theme/index";
3
+ import { CustomizedProps } from "../types/index";
4
4
  export interface ThemeWrapperProps {
5
5
  theme?: Theme;
6
6
  }
7
- declare function ThemeWrapper(props: Roact.PropsWithChildren<ThemeWrapperProps>): Roact.Element;
7
+ declare function ThemeWrapper(props: CustomizedProps<Instance, ThemeWrapperProps>): Roact.Element;
8
8
  declare const _default: typeof ThemeWrapper;
9
9
  export default _default;
@@ -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 _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
4
4
  local markPureComponent = _roact_hooked.markPureComponent
@@ -7,13 +7,13 @@ local useRef = _roact_hooked.useRef
7
7
  local _roact_rodux_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-rodux-hooked").src)
8
8
  local useDispatch = _roact_rodux_hooked.useDispatch
9
9
  local useSelector = _roact_rodux_hooked.useSelector
10
- local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
10
+ local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
11
11
  local selectTheme = TS.import(script, script.Parent, "ThemeStore").selectTheme
12
12
  local DefaultTheme = TS.import(script, script.Parent.Parent, "themes").default
13
13
  local function ThemeWrapper(props)
14
14
  local _binding = props
15
15
  local theme = _binding.theme
16
- local children = _binding[Roact.Children]
16
+ local children = _binding.children
17
17
  local dispatch = useDispatch()
18
18
  local ref = useRef()
19
19
  local currentTheme = useSelector(selectTheme)
@@ -24,27 +24,13 @@ local function ThemeWrapper(props)
24
24
  newTheme = theme or DefaultTheme,
25
25
  })
26
26
  end, { theme })
27
- local _attributes = {
27
+ return Roact.jsx("frame", {
28
+ Key = `ThemeWrapper-{currentTheme.type}`,
28
29
  BackgroundTransparency = 1,
29
30
  Size = UDim2.new(1, 0, 1, 0),
30
31
  ZIndex = 500000,
31
- [Roact.Ref] = ref,
32
- }
33
- local _children = {}
34
- local _length = #_children
35
- local _child = currentTheme and children
36
- if _child then
37
- for _k, _v in _child do
38
- if type(_k) == "number" then
39
- _children[_length + _k] = _v
40
- else
41
- _children[_k] = _v
42
- end
43
- end
44
- end
45
- return Roact.createFragment({
46
- ["ThemeWrapper-" .. currentTheme.type] = Roact.createElement("Frame", _attributes, _children),
47
- })
32
+ Ref = ref,
33
+ }, currentTheme and children)
48
34
  end
49
35
  local default = markPureComponent(ThemeWrapper)
50
36
  return {
@@ -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.ThemeProvider = TS.import(script, script, "ThemeProvider").default
@@ -1,4 +1,4 @@
1
- import { IconSizes } from "../interfaces";
1
+ import { IconSizes } from "../interfaces/index";
2
2
  export declare const SPACING_BASE = 12;
3
3
  export declare const PADDING_BASE = 4;
4
4
  export declare const BORDER_RADIUS = 4;
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local SPACING_BASE = 12
3
3
  local PADDING_BASE = 4
4
4
  -- align with UIBlox design
@@ -1,5 +1,5 @@
1
- import { Colors } from "../interfaces/palette/colors";
2
- import { Borders } from "../interfaces/spacing";
1
+ import { Colors } from "../interfaces/palette/colors/index";
2
+ import { Borders } from "../interfaces/spacing/index";
3
3
  export declare const DARK_THEME_COLORS: Colors;
4
4
  export declare const LIGHT_THEME_COLORS: Colors;
5
5
  export declare const DEFAULT_BORDERS: Borders;
@@ -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 _colors = TS.import(script, script.Parent.Parent, "interfaces", "palette", "colors")
4
4
  local Blue = _colors.Blue
@@ -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, "NumberConstants") or {} do
@@ -1,20 +1,20 @@
1
1
  export { default as Theme } from "./interfaces/theme/Theme";
2
- export { ThemeProvider } from "./components";
3
- export { themeStore } from "./components";
4
- export { ThemeState } from "./components";
5
- export * from "./components";
6
- export * from "./constants";
7
- export * from "./interfaces";
8
- export * from "./styles";
9
- export * from "./themes";
10
- export { default as DefaultTheme } from "./themes";
2
+ export { ThemeProvider } from "./components/index";
3
+ export { themeStore } from "./components/index";
4
+ export { ThemeState } from "./components/index";
5
+ export * from "./components/index";
6
+ export * from "./constants/index";
7
+ export * from "./interfaces/index";
8
+ export * from "./styles/index";
9
+ export * from "./themes/index";
10
+ export { default as DefaultTheme } from "./themes/index";
11
11
  export { default as DarkTheme } from "./themes/DarkTheme";
12
12
  export { default as LightTheme } from "./themes/LightTheme";
13
- export { CommonProps } from "./types";
14
- export { BaseDefaultProps } from "./types";
15
- export { BaseCustomizedProps } from "./types";
16
- export { DefaultProps } from "./types";
17
- export { CustomizedProps } from "./types";
18
- export { CustomizedRef } from "./types";
19
- export { CustomizedForwardRefComponent } from "./types";
20
- export * from "./utilites";
13
+ export { CommonProps } from "./types/index";
14
+ export { BaseDefaultProps } from "./types/index";
15
+ export { BaseCustomizedProps } from "./types/index";
16
+ export { DefaultProps } from "./types/index";
17
+ export { CustomizedProps } from "./types/index";
18
+ export { CustomizedRef } from "./types/index";
19
+ export { CustomizedForwardRefComponent } from "./types/index";
20
+ export * from "./utilites/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.ThemeProvider = TS.import(script, script, "components").ThemeProvider
@@ -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,13 +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";
1
+ export { IconSizes } from "./iconSizes/index";
2
+ export * from "./palette/index";
3
+ export { Borders } from "./spacing/index";
4
+ export { Padding } from "./spacing/index";
5
+ export { Shape } from "./spacing/index";
6
+ export { Spacing } from "./spacing/index";
7
+ export * from "../styles/index";
8
+ export { Theme } from "./theme/index";
9
+ export { ThemeConstants } from "./theme/index";
10
+ export { ThemeOptions } from "./theme/index";
11
+ export * from "../themes/index";
12
+ export { Tokens } from "./tokens/index";
13
+ export * from "./typography/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, "palette") or {} do
@@ -1,4 +1,3 @@
1
- /// <reference types="@rbxts/types" />
2
1
  export default interface Palette {
3
2
  primary: {
4
3
  main: Color3;
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,5 +1,4 @@
1
- /// <reference types="@rbxts/types" />
2
- import { Tokens } from "../../..";
1
+ import { Tokens } from "../../../index";
3
2
  export type ColorTokens = {
4
3
  [key in Tokens]: Color3;
5
4
  };
@@ -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,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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Blue = {
@@ -1,4 +1,3 @@
1
- /// <reference types="@rbxts/types" />
2
1
  export default interface Colors {
3
2
  backgroundDefault: Color3;
4
3
  backgroundContrast: Color3;
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,4 +1,3 @@
1
- /// <reference types="@rbxts/types" />
2
1
  export interface CommonColors {
3
2
  Black: Color3;
4
3
  White: Color3;
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local Common = {
3
3
  Black = Color3.fromRGB(18, 18, 18),
4
4
  White = Color3.fromRGB(255, 255, 255),
@@ -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 Gray = TS.import(script, script.Parent, "Gray").default
4
4
  -- Designer defines this with gray value but still mark different color name,
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Gray = {
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Green = {
@@ -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 Gray = TS.import(script, script.Parent, "Gray").default
4
4
  local Light = Gray
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Magenta = {
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Orange = {
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Purple = {
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Red = {
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Turquoise = {
@@ -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 Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
4
4
  local Yellow = {
@@ -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.Blue = TS.import(script, script, "Blue").default
@@ -1,3 +1,3 @@
1
- export * from "./colors";
2
- export { ColorTokens } from "./colorTokens";
1
+ export * from "./colors/index";
2
+ export { ColorTokens } from "./colorTokens/index";
3
3
  export { default as Palette } from "./Palette";
@@ -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, "colors") or {} do
@@ -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
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,6 +1,6 @@
1
- import { Palette } from "../palette";
2
- import { Padding, Shape, Spacing } from "../spacing";
3
- import { ThemeTypography } from "../typography";
1
+ import { Palette } from "../palette/index";
2
+ import { Padding, Shape, Spacing } from "../spacing/index";
3
+ import { ThemeTypography } from "../typography/index";
4
4
  import ThemeOptions from "./ThemeOptions";
5
5
  interface Theme {
6
6
  type: string;
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,8 +1,8 @@
1
- import { Borders } from "../spacing";
2
- import { IconSizes } from "../iconSizes";
3
- import { ColorTokens } from "../palette/colorTokens";
1
+ import { Borders } from "../spacing/index";
2
+ import { IconSizes } from "../iconSizes/index";
3
+ import { ColorTokens } from "../palette/colorTokens/index";
4
4
  import { CommonColors } from "../palette/colors/Common";
5
- import { Colors } from "../palette/colors";
5
+ import { Colors } from "../palette/colors/index";
6
6
  export default interface ThemeConstants {
7
7
  contentWidth: number;
8
8
  iconSizes: IconSizes;
@@ -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
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local allFontFamilies = {
3
3
  default = Enum.Font.SourceSans,
4
4
  bold = Enum.Font.SourceSansBold,
@@ -1,5 +1,3 @@
1
- /// <reference types="@rbxts/compiler-types" />
2
- /// <reference types="@rbxts/types" />
3
1
  export type FontFamilyVariant = "default" | "bold" | "semibold" | "light" | "italics";
4
2
  export interface FontFamilyOptions extends Partial<Record<FontFamilyVariant, Required<Enum.Font>>> {
5
3
  }
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,4 +1,3 @@
1
- /// <reference types="@rbxts/compiler-types" />
2
1
  export type FontSizeVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body" | "caption" | "button" | "overline";
3
2
  export interface FontSizeOptions extends Partial<Record<FontSizeVariant, Required<number>>> {
4
3
  }
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local baseFontSize = 16
3
3
  local allFontSizes = {
4
4
  h1 = baseFontSize * 2,
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TypographyWeights = {
3
3
  title = 800,
4
4
  heading = 500,
@@ -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, "FontSizes") or {} do
@@ -1,5 +1,5 @@
1
- export { ClassNameMap } from "./types";
2
- export { WriteableStyle } from "./types";
3
- export { createStyles } from "./utilities";
4
- export { makeStyles } from "./utilities";
5
- export { classNames } from "./utilities";
1
+ export { ClassNameMap } from "./types/index";
2
+ export { WriteableStyle } from "./types/index";
3
+ export { createStyles } from "./utilities/index";
4
+ export { makeStyles } from "./utilities/index";
5
+ export { classNames } from "./utilities/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.createStyles = TS.import(script, script, "utilities").createStyles
@@ -1,3 +1 @@
1
- /// <reference types="@rbxts/types" />
2
- /// <reference types="@rbxts/compiler-types" />
3
1
  export type WriteableStyle<T extends Instance> = Partial<WritableInstanceProperties<T>>;
@@ -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,4 +1,2 @@
1
- /// <reference types="@rbxts/types" />
2
- /// <reference types="@rbxts/compiler-types" />
3
1
  import { WriteableStyle } from "./WriteableStyle";
4
2
  export type ClassNameMap<ClassKey extends string = string, T extends Instance = Instance> = Record<ClassKey, Partial<WriteableStyle<T>>>;
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil