@nrbx/topbar-components 1.0.8 → 1.0.10

package/out/components/icon.d.ts

@@ -28,6 +28,8 @@ export interface IconProps extends React.PropsWithChildren {
     static?: boolean;
     /** When true, dulls the text and icon with a dimming overlay */
     disabled?: boolean;
+    /** Per-icon stylesheet overrides — merged above the global stylesheet but below explicit props */
+    style?: Partial<IconProps>;
     selected?: () => void;
     deselected?: () => void;
     hover?: () => void;

package/out/components/icon.luau

@@ -27,6 +27,7 @@ local ANIMATEABLE = { "backgroundColor", "backgroundTransparency", "imageColor",
 local function Icon(componentProps)
 	local _binding = componentProps
 	local children = _binding.children
+	local style = _binding.style
 	local inset = useGuiInset()
 	local location = useLocation()
 	local id = useId()
@@ -46,6 +47,9 @@ local function Icon(componentProps)
 	local animatedProps = useAnimateableProps(currentState, _object, unpack(ANIMATEABLE))
 	local _object_1 = table.clone(stylesheet.icon)
 	setmetatable(_object_1, nil)
+	for _k, _v in (style or {}) do
+		_object_1[_k] = _v
+	end
 	for _k, _v in componentProps do
 		_object_1[_k] = _v
 	end
@@ -122,12 +126,12 @@ local function Icon(componentProps)
 	if _condition == nil then
 		_condition = forceHeight
 		if _condition == nil then
-			_condition = inset.Height - 12
+			_condition = inset.Height - stylesheet.sizing.iconVerticalPadding * 2
 		end
 	end
 	local iconHeight = _condition
 	local imageSize = iconHeight - stylesheet.sizing.imagePadding * 2 + imageSizeOff
-	local minLabelWidth = if location.type == "dropdown" then location.desiredIconWidth - stylesheet.sizing.minLabelWidthPadding else inset.Height - stylesheet.sizing.labelPadding * 2
+	local minLabelWidth = if location.type == "dropdown" then location.desiredIconWidth - stylesheet.sizing.minLabelWidthPadding else inset.Height - stylesheet.sizing.iconHorizontalPadding * 2
 	local accumulatedLabelWidth = if currentImage ~= "" and currentImage then textBounds.X else math.max(textBounds.X, minLabelWidth)
 	local _exp = textBounds.X + stylesheet.sizing.labelPadding * 2
 	local _condition_1 = currentImage

package/out/style.d.ts

@@ -3,7 +3,7 @@ import type { DropdownProps } from './components/dropdown';
 import type { IconProps } from './components/icon';
 export declare function noop(): void;
 export interface Stylesheet {
-    icon: Required<IconProps>;
+    icon: Required<Omit<IconProps, 'style'>>;
     dropdown: Required<DropdownProps>;
     /**
      * Configure the top-level provider frame: padding, spacing, background, sizing.
@@ -44,6 +44,10 @@ export interface Stylesheet {
         labelPadding: number;
         /** Gap between the image and the text label (default 6) */
         imageToTextSpacing: number;
+        /** Horizontal padding within the icon button (default 6, used in icon size calculations) */
+        iconHorizontalPadding: number;
+        /** Vertical padding within the icon button (default 6, subtracted from inset height) */
+        iconVerticalPadding: number;
         /** Max width passed to GetTextBoundsParams (default 99999) */
         textMeasurementWidth: number;
         /** Extra padding subtracted from the min label width inside a dropdown (default 12) */

package/out/style.luau

@@ -95,6 +95,8 @@ local DefaultStylesheet = {
 		imagePadding = 6,
 		labelPadding = 6,
 		imageToTextSpacing = 6,
+		iconHorizontalPadding = 6,
+		iconVerticalPadding = 6,
 		textMeasurementWidth = 99999,
 		minLabelWidthPadding = 12,
 		buttonLabelHeightFraction = 0.8,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrbx/topbar-components",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "main": "out/init.lua",
   "scripts": {
     "build": "rbxtsc",