feat: added UIGradient support, added gradients.story.tsx

README.md

@@ -55,9 +55,10 @@ Also see **[introduction](docs/1_Introduction.md)**
 
 - [X] UIAspectRatioConstraint
 - [X] UICorner
-- [ ] UIGradient
+- [X] UIGradient
 - [X] UIGridLayout [(see GridLayout)](src/components/GridLayout.tsx)
 - [X] UIListLayout [(see ListLayout)](src/components/ListLayout.tsx)
+- [ ] ~~UIFlexLayout~~ (in Roblox Studio Beta Features)
 - [X] UIPadding
 - [ ] UIPageLayout
 - [ ] UIScale

docs/2_Modifiers.md

@@ -45,7 +45,15 @@ Add roblox's properties to element
 ```tsx
 <Frame
 	noBackground // same as backgroundTransparency={1}
-	background={Color3 | string} // if its string, it will be converted from HEX color to Color3
+	background={Color3 | string} // if its string, it will be converted from HEX value to Color3
+
+	//
+	// Gradients: (NEW)
+	//  background={Array<Color3 | string> | Array<ColorSequenceKeypoint>}
+	//
+	// see example at /stories/src/tests/gradients.story.tsx
+	//
+
 	backgroundTransparency={number}
 >
 	...

package.json

@@ -23,23 +23,23 @@
   },
   "devDependencies": {
     "@rbxts/compiler-types": "2.2.0-types.0",
-    "@rbxts/types": "^1.0.754",
+    "@rbxts/types": "^1.0.763",
     "@semantic-release/git": "^10.0.1",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-roblox-ts": "^0.0.36",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-unused-imports": "^3.1.0",
     "roblox-ts": "2.3.0-dev-eb0ff9c",
-    "semantic-release": "^23.0.2",
-    "typescript": "^5.3.3"
+    "semantic-release": "^23.0.5",
+    "typescript": "^5.4.2"
   },
   "dependencies": {
     "@rbxts/object-utils": "^1.0.4",
-    "@rbxts/pretty-react-hooks": "^0.4.1",
-    "@rbxts/react": "^0.1.0",
-    "@rbxts/react-roblox": "^0.3.0",
+    "@rbxts/pretty-react-hooks": "^0.4.2",
+    "@rbxts/react": "^0.1.1",
+    "@rbxts/react-roblox": "^0.3.4",
     "@rbxts/ripple": "^0.7.1",
     "@rbxts/services": "^1.5.4"
   },