@rbxts/uiblox 0.1.7 → 0.1.10

package/README.md

@@ -32,16 +32,16 @@ that aids UI/UX consistentency.
 
 How does it do this? Well, there are two main exports from this package:
 
-- @rbxts/uiblox -> theme
-  - An extensible Theme type + default Dark (default) and Light themes
-    - ... Light theme palette is a WIP
-  - makeStyles/createStyles utilities to serve up Instance-extended property
-    tables that can be applied to your Roact Components
-  - ThemeProvider which can wrap your application and uses Rodux to tell
-    sub-components which theme to style off of (via makeStyles)
-    - Uses Rodux
-- @rbxts/uiblox -> ui
-  - Packaged and reusable typed Roact components
+-   @rbxts/uiblox -> theme
+    -   An extensible Theme type + default Dark (default) and Light themes
+        -   ... Light theme palette is a WIP
+    -   makeStyles/createStyles utilities to serve up Instance-extended property
+        tables that can be applied to your Roact Components
+    -   ThemeProvider which can wrap your application and uses Rodux to tell
+        sub-components which theme to style off of (via makeStyles)
+        -   Uses Rodux
+-   @rbxts/uiblox -> ui
+    -   Packaged and reusable typed Roact components
 
 # How to use
 
@@ -71,13 +71,13 @@ is what we later pass to `Roact.mount()`.
 import Roact, { Component } from "@rbxts/roact";
 
 class App extends Component {
-  render() {
-    return (
-      <screengui IgnoreGuiInset ZIndexBehavior={Enum.ZIndexBehavior.Global}>
-        <AppLayout />
-      </screengui>
-    );
-  }
+	render() {
+		return (
+			<screengui IgnoreGuiInset ZIndexBehavior={Enum.ZIndexBehavior.Global}>
+				<AppLayout />
+			</screengui>
+		);
+	}
 }
 
 export default App;
@@ -100,19 +100,15 @@ import { DarkTheme, ThemeProvider } from "@rbxts/uiblox";
 import usePageLayoutStyles from "./PageLayout.styles";
 
 class AppLayout extends Component {
-  render() {
-    return (
-      <ThemeProvider theme={DarkTheme}>
-        <frame
-          Key={"AppLayout"}
-          Size={new UDim2(1, 0, 1, 0)}
-          BackgroundTransparency={1}
-        >
-          <MyComponent />
-        </frame>
-      </ThemeProvider>
-    );
-  }
+	render() {
+		return (
+			<ThemeProvider theme={DarkTheme}>
+				<frame Size={new UDim2(1, 0, 1, 0)} BackgroundTransparency={1}>
+					<MyComponent />
+				</frame>
+			</ThemeProvider>
+		);
+	}
 }
 
 export default AppLayout;
@@ -145,7 +141,7 @@ function MyComponent(props: MyComponentProps) {
   const { root, button } = useMyComponentStyles(props);
 
   return (
-    <frame Key="MyComponent" {...root}>
+    <frame {...root}>
       <Button
         variant="outlined"
         text={title}
@@ -249,12 +245,12 @@ new AppLoader().Mount();
 
 # Future work
 
-- More UI packages
-- Finish palette for LightTheme
+-   More UI packages
+-   Finish palette for LightTheme
 
 # See Also
 
-- [Storyblox](https://github.com/bjlarouche/storyblox) a UI component explorer for roblox-ts developers
-  - <img src=docs/storyblox-preview.png width=40%>
-  - Test it out here [Storyblox Pre-Release Experience](https://www.roblox.com/games/9159382473)
-  - Similar to [hoarcekat](https://github.com/Kampfkarren/hoarcekat) by Kampfkarren
+-   [Storyblox](https://github.com/bjlarouche/storyblox) a UI component explorer for roblox-ts developers
+    -   <img src=docs/storyblox-preview.png width=40%>
+    -   Test it out here [Storyblox Pre-Release Experience](https://www.roblox.com/games/9159382473)
+    -   Similar to [hoarcekat](https://github.com/Kampfkarren/hoarcekat) by Kampfkarren

package/out/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./theme";
-export * from "./ui";
+export * from "./theme/index";
+export * from "./ui/index";

package/out/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 for _k, _v in TS.import(script, script, "theme") or {} do

package/out/theme/components/ThemeProvider.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { Theme } from "../interfaces/theme";
+import { Theme } from "../interfaces/theme/index";
+import { CustomizedProps } from "../types/index";
 export interface ThemeProviderProps {
     theme?: Theme;
 }
-declare function ThemeProvider(props: Roact.PropsWithChildren<ThemeProviderProps>): Roact.Element;
+declare function ThemeProvider(props: CustomizedProps<Instance, ThemeProviderProps>): Roact.Element;
 declare const _default: typeof ThemeProvider;
 export default _default;

package/out/theme/components/{ThemeProvider.lua → ThemeProvider.luau}

@@ -1,35 +1,19 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local markPureComponent = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src).markPureComponent
 local StoreProvider = TS.import(script, TS.getModule(script, "@rbxts", "roact-rodux-hooked").src).StoreProvider
-local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
 local themeStore = TS.import(script, script.Parent, "ThemeStore").themeStore
 local ThemeWrapper = TS.import(script, script.Parent, "ThemeWrapper").default
 local function ThemeProvider(props)
 	local _binding = props
 	local theme = _binding.theme
-	local children = _binding[Roact.Children]
-	local _attributes = {
+	local children = _binding.children
+	return Roact.jsx(StoreProvider, {
 		store = themeStore,
-	}
-	local _children = {}
-	local _length = #_children
-	local _attributes_1 = {
+	}, Roact.jsx(ThemeWrapper, {
 		theme = theme,
-	}
-	local _children_1 = {}
-	local _length_1 = #_children_1
-	if children then
-		for _k, _v in children do
-			if type(_k) == "number" then
-				_children_1[_length_1 + _k] = _v
-			else
-				_children_1[_k] = _v
-			end
-		end
-	end
-	_children[_length + 1] = Roact.createElement(ThemeWrapper, _attributes_1, _children_1)
-	return Roact.createElement(StoreProvider, _attributes, _children)
+	}, children))
 end
 local default = markPureComponent(ThemeProvider)
 return {

package/out/theme/components/ThemeStore.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="rodux" />
-import { Theme } from "../interfaces/theme";
+import { Theme } from "../interfaces/theme/index";
 import { Store } from "@rbxts/rodux";
 export type ThemeState = {
     theme: Theme;

package/out/theme/components/{ThemeStore.lua → ThemeStore.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _rodux = TS.import(script, TS.getModule(script, "@rbxts", "rodux").src)
 local createReducer = _rodux.createReducer

package/out/theme/components/ThemeWrapper.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { Theme } from "../interfaces/theme";
+import { Theme } from "../interfaces/theme/index";
+import { CustomizedProps } from "../types/index";
 export interface ThemeWrapperProps {
     theme?: Theme;
 }
-declare function ThemeWrapper(props: Roact.PropsWithChildren<ThemeWrapperProps>): Roact.Element;
+declare function ThemeWrapper(props: CustomizedProps<Instance, ThemeWrapperProps>): Roact.Element;
 declare const _default: typeof ThemeWrapper;
 export default _default;

package/out/theme/components/{ThemeWrapper.lua → ThemeWrapper.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
 local markPureComponent = _roact_hooked.markPureComponent
@@ -7,13 +7,13 @@ local useRef = _roact_hooked.useRef
 local _roact_rodux_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-rodux-hooked").src)
 local useDispatch = _roact_rodux_hooked.useDispatch
 local useSelector = _roact_rodux_hooked.useSelector
-local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
 local selectTheme = TS.import(script, script.Parent, "ThemeStore").selectTheme
 local DefaultTheme = TS.import(script, script.Parent.Parent, "themes").default
 local function ThemeWrapper(props)
 	local _binding = props
 	local theme = _binding.theme
-	local children = _binding[Roact.Children]
+	local children = _binding.children
 	local dispatch = useDispatch()
 	local ref = useRef()
 	local currentTheme = useSelector(selectTheme)
@@ -24,27 +24,12 @@ local function ThemeWrapper(props)
 			newTheme = theme or DefaultTheme,
 		})
 	end, { theme })
-	local _attributes = {
+	return Roact.jsx("frame", {
 		BackgroundTransparency = 1,
 		Size = UDim2.new(1, 0, 1, 0),
 		ZIndex = 500000,
-		[Roact.Ref] = ref,
-	}
-	local _children = {}
-	local _length = #_children
-	local _child = currentTheme and children
-	if _child then
-		for _k, _v in _child do
-			if type(_k) == "number" then
-				_children[_length + _k] = _v
-			else
-				_children[_k] = _v
-			end
-		end
-	end
-	return Roact.createFragment({
-		["ThemeWrapper-" .. currentTheme.type] = Roact.createElement("Frame", _attributes, _children),
-	})
+		Ref = ref,
+	}, currentTheme and children)
 end
 local default = markPureComponent(ThemeWrapper)
 return {

package/out/theme/components/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.ThemeProvider = TS.import(script, script, "ThemeProvider").default

package/out/theme/constants/NumberConstants.d.ts

@@ -1,4 +1,4 @@
-import { IconSizes } from "../interfaces";
+import { IconSizes } from "../interfaces/index";
 export declare const SPACING_BASE = 12;
 export declare const PADDING_BASE = 4;
 export declare const BORDER_RADIUS = 4;

package/out/theme/constants/{NumberConstants.lua → NumberConstants.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local SPACING_BASE = 12
 local PADDING_BASE = 4
 -- align with UIBlox design

package/out/theme/constants/ThemeConstants.d.ts

@@ -1,5 +1,5 @@
-import { Colors } from "../interfaces/palette/colors";
-import { Borders } from "../interfaces/spacing";
+import { Colors } from "../interfaces/palette/colors/index";
+import { Borders } from "../interfaces/spacing/index";
 export declare const DARK_THEME_COLORS: Colors;
 export declare const LIGHT_THEME_COLORS: Colors;
 export declare const DEFAULT_BORDERS: Borders;

package/out/theme/constants/{ThemeConstants.lua → ThemeConstants.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _colors = TS.import(script, script.Parent.Parent, "interfaces", "palette", "colors")
 local Blue = _colors.Blue

package/out/theme/constants/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 for _k, _v in TS.import(script, script, "NumberConstants") or {} do

package/out/theme/index.d.ts

@@ -1,20 +1,20 @@
 export { default as Theme } from "./interfaces/theme/Theme";
-export { ThemeProvider } from "./components";
-export { themeStore } from "./components";
-export { ThemeState } from "./components";
-export * from "./components";
-export * from "./constants";
-export * from "./interfaces";
-export * from "./styles";
-export * from "./themes";
-export { default as DefaultTheme } from "./themes";
+export { ThemeProvider } from "./components/index";
+export { themeStore } from "./components/index";
+export { ThemeState } from "./components/index";
+export * from "./components/index";
+export * from "./constants/index";
+export * from "./interfaces/index";
+export * from "./styles/index";
+export * from "./themes/index";
+export { default as DefaultTheme } from "./themes/index";
 export { default as DarkTheme } from "./themes/DarkTheme";
 export { default as LightTheme } from "./themes/LightTheme";
-export { CommonProps } from "./types";
-export { BaseDefaultProps } from "./types";
-export { BaseCustomizedProps } from "./types";
-export { DefaultProps } from "./types";
-export { CustomizedProps } from "./types";
-export { CustomizedRef } from "./types";
-export { CustomizedForwardRefComponent } from "./types";
-export * from "./utilites";
+export { CommonProps } from "./types/index";
+export { BaseDefaultProps } from "./types/index";
+export { BaseCustomizedProps } from "./types/index";
+export { DefaultProps } from "./types/index";
+export { CustomizedProps } from "./types/index";
+export { CustomizedRef } from "./types/index";
+export { CustomizedForwardRefComponent } from "./types/index";
+export * from "./utilites/index";

package/out/theme/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.ThemeProvider = TS.import(script, script, "components").ThemeProvider

package/out/theme/interfaces/iconSizes/IconSizes.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/iconSizes/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/index.d.ts

@@ -1,13 +1,13 @@
-export { IconSizes } from "./iconSizes";
-export * from "./palette";
-export { Borders } from "./spacing";
-export { Padding } from "./spacing";
-export { Shape } from "./spacing";
-export { Spacing } from "./spacing";
-export * from "../styles";
-export { Theme } from "./theme";
-export { ThemeConstants } from "./theme";
-export { ThemeOptions } from "./theme";
-export * from "../themes";
-export { Tokens } from "./tokens";
-export * from "./typography";
+export { IconSizes } from "./iconSizes/index";
+export * from "./palette/index";
+export { Borders } from "./spacing/index";
+export { Padding } from "./spacing/index";
+export { Shape } from "./spacing/index";
+export { Spacing } from "./spacing/index";
+export * from "../styles/index";
+export { Theme } from "./theme/index";
+export { ThemeConstants } from "./theme/index";
+export { ThemeOptions } from "./theme/index";
+export * from "../themes/index";
+export { Tokens } from "./tokens/index";
+export * from "./typography/index";

package/out/theme/interfaces/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 for _k, _v in TS.import(script, script, "palette") or {} do

package/out/theme/interfaces/palette/Palette.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@rbxts/types" />
 export default interface Palette {
     primary: {
         main: Color3;

package/out/theme/interfaces/palette/Palette.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/palette/colorTokens/ColorTokens.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="@rbxts/types" />
-import { Tokens } from "../../..";
+import { Tokens } from "../../../index";
 export type ColorTokens = {
     [key in Tokens]: Color3;
 };

package/out/theme/interfaces/palette/colorTokens/ColorTokens.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/palette/colorTokens/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/palette/colors/{Blue.lua → Blue.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Blue = {

package/out/theme/interfaces/palette/colors/Colors.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@rbxts/types" />
 export default interface Colors {
     backgroundDefault: Color3;
     backgroundContrast: Color3;

package/out/theme/interfaces/palette/colors/Colors.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/palette/colors/Common.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@rbxts/types" />
 export interface CommonColors {
     Black: Color3;
     White: Color3;

package/out/theme/interfaces/palette/colors/{Common.lua → Common.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local Common = {
 	Black = Color3.fromRGB(18, 18, 18),
 	White = Color3.fromRGB(255, 255, 255),

package/out/theme/interfaces/palette/colors/{Dark.lua → Dark.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Gray = TS.import(script, script.Parent, "Gray").default
 -- Designer defines this with gray value but still mark different color name,

package/out/theme/interfaces/palette/colors/{Gray.lua → Gray.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Gray = {

package/out/theme/interfaces/palette/colors/{Green.lua → Green.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Green = {

package/out/theme/interfaces/palette/colors/{Light.lua → Light.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Gray = TS.import(script, script.Parent, "Gray").default
 local Light = Gray

package/out/theme/interfaces/palette/colors/{Magenta.lua → Magenta.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Magenta = {

package/out/theme/interfaces/palette/colors/{Orange.lua → Orange.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Orange = {

package/out/theme/interfaces/palette/colors/{Purple.lua → Purple.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Purple = {

package/out/theme/interfaces/palette/colors/{Red.lua → Red.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Red = {

package/out/theme/interfaces/palette/colors/{Turquoise.lua → Turquoise.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Turquoise = {

package/out/theme/interfaces/palette/colors/{Yellow.lua → Yellow.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local Color3FromHex = TS.import(script, script.Parent.Parent.Parent.Parent, "utilites").Color3FromHex
 local Yellow = {

package/out/theme/interfaces/palette/colors/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.Blue = TS.import(script, script, "Blue").default

package/out/theme/interfaces/palette/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./colors";
-export { ColorTokens } from "./colorTokens";
+export * from "./colors/index";
+export { ColorTokens } from "./colorTokens/index";
 export { default as Palette } from "./Palette";

package/out/theme/interfaces/palette/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 for _k, _v in TS.import(script, script, "colors") or {} do

package/out/theme/interfaces/spacing/Borders.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/spacing/Padding.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/spacing/Shape.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/spacing/Spacing.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/spacing/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/theme/Theme.d.ts

@@ -1,6 +1,6 @@
-import { Palette } from "../palette";
-import { Padding, Shape, Spacing } from "../spacing";
-import { ThemeTypography } from "../typography";
+import { Palette } from "../palette/index";
+import { Padding, Shape, Spacing } from "../spacing/index";
+import { ThemeTypography } from "../typography/index";
 import ThemeOptions from "./ThemeOptions";
 interface Theme {
     type: string;

package/out/theme/interfaces/theme/Theme.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/theme/ThemeConstants.d.ts

@@ -1,8 +1,8 @@
-import { Borders } from "../spacing";
-import { IconSizes } from "../iconSizes";
-import { ColorTokens } from "../palette/colorTokens";
+import { Borders } from "../spacing/index";
+import { IconSizes } from "../iconSizes/index";
+import { ColorTokens } from "../palette/colorTokens/index";
 import { CommonColors } from "../palette/colors/Common";
-import { Colors } from "../palette/colors";
+import { Colors } from "../palette/colors/index";
 export default interface ThemeConstants {
     contentWidth: number;
     iconSizes: IconSizes;

package/out/theme/interfaces/theme/ThemeConstants.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/theme/ThemeOptions.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/theme/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/tokens/Tokens.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/tokens/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/theme/interfaces/typography/{FontFamilies.lua → FontFamilies.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local allFontFamilies = {
 	default = Enum.Font.SourceSans,
 	bold = Enum.Font.SourceSansBold,