@nrbx/topbar-components 1.1.6 → 1.1.8

package/out/components/icon.d.ts

@@ -19,6 +19,8 @@ export interface IconProps extends React.PropsWithChildren {
     textColor?: StateDependent<Color3>;
     /** Transparency of the icon image. Animated on state change. */
     imageTransparency?: StateDependent<number>;
+    /** Transparency of the label text. Animated on state change. */
+    textTransparency?: StateDependent<number>;
     /** Layout order used for horizontal sorting in docks. */
     layoutOrder?: StateDependent<number>;
     /** Text displayed next to or instead of the image. */

package/out/components/icon.luau

@@ -33,7 +33,7 @@ local Notification = TS.import(script, script.Parent, "notification").Notificati
 	 * both states, or `{ deselected: T; selected: T }` to animate between them.
 	 
 ]]
-local ANIMATEABLE = { "backgroundColor", "backgroundTransparency", "imageColor", "imageTransparency" }
+local ANIMATEABLE = { "backgroundColor", "backgroundTransparency", "imageColor", "imageTransparency", "textTransparency" }
 --* Icon select/deselect state. 
 --[[
 	*
@@ -260,7 +260,7 @@ local function Icon(componentProps)
 		Size = UDim2.new(1, 0, 0, iconSize.Y),
 		Active = not props.static,
 		Selectable = not props.static,
-		AutoButtonColor = false,
+		AutoButtonColor = not props.static,
 		Text = "",
 		BackgroundTransparency = animatedProps.backgroundTransparency,
 		BackgroundColor3 = animatedProps.backgroundColor,
@@ -340,6 +340,7 @@ local function Icon(componentProps)
 		TextXAlignment = stateful(props.textAlignment, currentState),
 		RichText = stateful(props.richText, currentState),
 		BackgroundTransparency = 1,
+		TextTransparency = animatedProps.textTransparency,
 		Text = currentText,
 	}, React.createElement("uistroke", {
 		Thickness = stateful(props.strokeThickness, currentState),

package/out/hooks/use-animateable-props.luau

@@ -10,6 +10,7 @@ local springs = TS.import(script, script.Parent.Parent, "utilities", "springs").
 local function useAnimateableProps(state, props, ...)
 	local keys = { ... }
 	local previousProps = usePrevious(props)
+	local previousState = usePrevious(state)
 	local motionBindings = {}
 	local motionControls = {}
 	for _, key in keys do
@@ -21,13 +22,13 @@ local function useAnimateableProps(state, props, ...)
 		for i = 0, #keys - 1 do
 			local key = keys[i + 1]
 			local value = stateful(props[key], state)
-			local previousValue = if previousProps then stateful(previousProps[key], state) else nil
+			local previousValue = if previousProps and previousState ~= nil then stateful(previousProps[key], previousState) else nil
 			if value == previousValue then
 				continue
 			end
 			motionControls[i + 1]:spring(value, springs.responsive)
 		end
-	end, { props })
+	end, { props, state })
 	-- ▼ ReadonlyArray.map ▼
 	local _newValue = table.create(#keys)
 	local _callback = function(key, i)

package/out/style.luau

@@ -44,6 +44,7 @@ local DefaultStylesheet = {
 		playSound = defaultPlaySound,
 		imageId = "",
 		imageTransparency = 0,
+		textTransparency = 0,
 		layoutOrder = 0,
 		text = "",
 		defaultState = "deselected",
@@ -54,7 +55,7 @@ local DefaultStylesheet = {
 		toggleKey = Enum.KeyCode.Unknown,
 		notificationCount = 0,
 		iconWidth = 0,
-		contentPaddingX = 2,
+		contentPaddingX = 10,
 		contentPaddingY = 2,
 		imageToTextSpacing = 6,
 		selected = noop,
@@ -105,7 +106,7 @@ local DefaultStylesheet = {
 		imageToTextSpacing = 6,
 		iconHorizontalPadding = 6,
 		iconVerticalPadding = 6,
-		contentPaddingX = 2,
+		contentPaddingX = 10,
 		contentPaddingY = 2,
 		textMeasurementWidth = 99999,
 		minLabelWidthPadding = 12,
@@ -131,12 +132,12 @@ local DefaultStylesheet = {
 		hoverLift = 2,
 	},
 	notification = {
-		backgroundColor = Color3.new(1, 0.2, 0.2),
-		backgroundTransparency = 0.1,
-		textColor = Color3.new(1, 1, 1),
+		backgroundColor = Color3.new(1, 1, 1),
+		backgroundTransparency = 0,
+		textColor = Color3.fromRGB(57, 60, 65),
 		textSize = 13,
 		fontFace = Font.new("rbxasset://fonts/families/GothamSSm.json", Enum.FontWeight.Bold, Enum.FontStyle.Normal),
-		position = UDim2.new(1, -12, 0, -1),
+		position = UDim2.fromScale(1, 0),
 		size = UDim2.new(0, 20, 0, 20),
 		cornerRadius = UDim.new(1, 0),
 		borderColor = Color3.new(1, 1, 1),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrbx/topbar-components",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "main": "out/init.luau",
   "scripts": {
     "build": "rbxtsc",