@rbxts/uiblox 0.1.14 → 0.1.15

package/README.md

@@ -36,12 +36,12 @@ How does it do this? Well, there are two main exports from this package:
     -   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
+        tables that can be applied to your React Components
+    -   ThemeProvider which can wrap your application and uses Reflex to tell
         sub-components which theme to style off of (via makeStyles)
-        -   Uses Rodux
+        -   Uses Reflex
 -   @rbxts/uiblox -> ui
-    -   Packaged and reusable typed Roact components
+    -   Packaged and reusable typed React components
 
 # How to use
 
@@ -65,10 +65,10 @@ You can house all of your components within shared.
 #### src/shared/ui/app/App.tsx
 
 The top-level class for our UI. Loads the actual ApplLayout into ScreenGui. This
-is what we later pass to `Roact.mount()`.
+is what we later pass to `React.mount()`.
 
 ```javascript
-import Roact, { Component } from "@rbxts/roact";
+import React, { Component } from "@rbxts/react";
 
 class App extends Component {
 	render() {
@@ -94,7 +94,7 @@ You can also choose to create your own theme with the `Theme` interface exported
 from `@rbxts/uiblox`.
 
 ```javascript
-import Roact, { Component } from "@rbxts/roact";
+import React, { Component } from "@rbxts/react";
 import { Storyblox } from "shared/ui/storyblox";
 import { DarkTheme, ThemeProvider } from "@rbxts/uiblox";
 import usePageLayoutStyles from "./PageLayout.styles";
@@ -205,7 +205,7 @@ Some sample logic for mounting app when player spawns (on client).
 Mount the App in the LocalPlayer's `PlayerGui`.
 
 ```javascript
-import Roact, { Tree } from "@rbxts/roact";
+import React, { Tree } from "@rbxts/react";
 import { Players } from "@rbxts/services";
 import { App } from "shared/ui/App";
 
@@ -216,13 +216,13 @@ class AppLoader {
 		const playerGui = Players.LocalPlayer.FindFirstChild("PlayerGui") as PlayerGui;
 
 		const appComponent = <App />;
-		this._tree = Roact.mount(appComponent, playerGui, "App");
+		this._tree = React.mount(appComponent, playerGui, "App");
 		print("App mounted");
 	}
 
 	Unmount() {
 		if (this._tree) {
-			Roact.unmount(this._tree);
+			React.unmount(this._tree);
 			print("App unmounted");
 		}
 	}

package/out/theme/styles/utilities/classNames.luau

@@ -22,9 +22,23 @@ local classNames = function(conditionalStyles, ...)
 		end
 		-- ▲ ReadonlyMap.forEach ▲
 	end
+	-- ▼ ReadonlyArray.forEach ▼
+	local _callback = function(value)
+		if value ~= 0 and value == value and value ~= "" and value then
+			local _object = table.clone(style)
+			setmetatable(_object, nil)
+			for _k, _v in value do
+				_object[_k] = _v
+			end
+			style = _object
+		end
+	end
+	for _k, _v in styles do
+		_callback(_v, _k - 1, styles)
+	end
+	-- ▲ ReadonlyArray.forEach ▲
 	local _object = table.clone(style)
 	setmetatable(_object, nil)
-	_object.styles = styles
 	return _object
 end
 local default = classNames

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.1.14",
+	"version": "0.1.15",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.lua",
 	"scripts": {