@nattstack/ui 0.0.82 → 0.0.84

package/dist/components/index.d.ts

@@ -25,18 +25,16 @@ declare const button: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/button-link/button-link.d.ts
-type ButtonLinkProps<ComponentType extends ElementType = "a"> = ButtonLinkHrefProps<ComponentType> & ButtonLinkInternalProps<ComponentType> & Omit<ComponentProps<ComponentType>, "children" | "href" | keyof ButtonLinkInternalProps<ComponentType>>;
-type ButtonLinkHrefProps<ComponentType extends ElementType> = ComponentProps<ComponentType> extends {
-  href: infer Href;
-} ? {
-  href: Href | string;
-} : ComponentProps<ComponentType> extends {
-  href?: infer Href;
-} ? {
-  href?: Href | string;
-} : unknown;
-interface ButtonLinkInternalProps<ComponentType extends ElementType> extends Pick<ButtonProps, "iconEnd" | "iconStart" | "isFullWidth" | "isRounded" | "label" | "size" | "variant"> {
+type ButtonLinkProps<ComponentType extends ElementType = "a"> = ButtonLinkInternalProps<ComponentType> & Omit<ComponentProps<ComponentType>, "children" | keyof ButtonLinkInternalProps>;
+interface ButtonLinkInternalProps<ComponentType extends ElementType = "a"> {
   as?: ComponentType;
+  iconEnd?: ReactNode;
+  iconStart?: ReactNode;
+  isFullWidth?: VariantProps<typeof button>["isFullWidth"];
+  isRounded?: VariantProps<typeof button>["isRounded"];
+  label?: number | number[] | string | string[];
+  size?: VariantProps<typeof button>["size"];
+  variant?: VariantProps<typeof button>["variant"];
 }
 declare function ButtonLink<ComponentType extends ElementType = "a">(props: ButtonLinkProps<ComponentType>): JSX.Element;
 //#endregion

package/dist/components/index.js

@@ -58,7 +58,7 @@ function Button(props) {
 		children: [
 			isLoading && /* @__PURE__ */ jsx(ButtonSpinner, {}),
 			iconStart,
-			/* @__PURE__ */ jsx("span", { children: label }),
+			label !== "" && /* @__PURE__ */ jsx("span", { children: label }),
 			iconEnd
 		]
 	});
@@ -90,10 +90,10 @@ const button = cva(button_module_default.base, { variants: {
 //#endregion
 //#region src/components/button-link/button-link.tsx
 function ButtonLink(props) {
-	const { as = "a", className: customClassName = "", iconEnd = "", iconStart = "", isFullWidth = false, isRounded = false, label = "", size = 40, variant = "primary", ...rest } = props;
-	return /* @__PURE__ */ jsxs(as, {
+	const { as: Component = "a", className = "", iconStart = "", iconEnd = "", isFullWidth = false, isRounded = false, label = "", size = 40, variant = "primary", ...rest } = props;
+	return /* @__PURE__ */ jsxs(Component, {
 		className: button({
-			className: customClassName,
+			className,
 			isFullWidth,
 			isRounded,
 			size,
@@ -102,7 +102,7 @@ function ButtonLink(props) {
 		...rest,
 		children: [
 			iconStart,
-			/* @__PURE__ */ jsx("span", { children: label }),
+			label !== "" && /* @__PURE__ */ jsx("span", { children: label }),
 			iconEnd
 		]
 	});

package/dist/components/style.css

@@ -128,6 +128,7 @@
 
   .button-module_loading_4nLWdW > :not([data-slot="button-spinner"]) {
     color: #0000;
+    text-shadow: none;
   }
 
   .button-module_rounded_base_4nLWdW.button-module_size_32_4nLWdW {
@@ -250,6 +251,16 @@
     --color-mixed: #fff;
   }
 
+  .button-module_variant_primary_4nLWdW > * {
+    filter: drop-shadow(0 1px 1px #00000040);
+    transition-duration: inherit;
+    transition-property: filter;
+  }
+
+  .button-module_variant_primary_4nLWdW:hover:not(:disabled) > * {
+    filter: none;
+  }
+
   .button-module_variant_secondary_4nLWdW {
     --color-text: #000;
     background-color: var(--color-bg-shell-outer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.82",
+  "version": "0.0.84",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",