@nswds/app 1.111.1 → 1.112.1

package/dist/index.d.cts

@@ -76,6 +76,7 @@ declare const buttonVariants$2: (props?: ({
     variant?: "solid" | "soft" | "surface" | "outline" | "ghost" | null | undefined;
     color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | "danger" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    iconSize?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants$2> & {
     className?: string;

package/dist/index.d.ts

@@ -76,6 +76,7 @@ declare const buttonVariants$2: (props?: ({
     variant?: "solid" | "soft" | "surface" | "outline" | "ghost" | null | undefined;
     color?: "primary/grey" | "light" | "primary/white" | "white" | "grey" | "primary" | "secondary" | "tertiary" | "accent" | "danger" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    iconSize?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants$2> & {
     className?: string;

package/dist/index.js

@@ -4183,7 +4183,7 @@ var styles = {
     // Disabled
     "data-disabled:opacity-50 data-disabled:pointer-events-none",
     // Icon
-    "*:data-[slot=icon]:-mx-0.25 *:data-[slot=icon]:my-0.25 sm:*:data-[slot=icon]:my-0.5 *:data-[slot=icon]:size-6 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:self-center *:data-[slot=icon]:text-(--btn-icon) sm:*:data-[slot=icon]:size-5 forced-colors:[--btn-icon:ButtonText] forced-colors:data-hover:[--btn-icon:ButtonText]"
+    "*:data-[slot=icon]:-mx-0.25 *:data-[slot=icon]:my-0.25 sm:*:data-[slot=icon]:my-0.5 *:data-[slot=icon]:size-(--btn-icon-size) *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:self-center *:data-[slot=icon]:text-(--btn-icon) forced-colors:[--btn-icon:ButtonText] forced-colors:data-hover:[--btn-icon:ButtonText]"
   ],
   solid: [
     // Text color
@@ -4447,6 +4447,12 @@ var styles = {
     sm: "px-[calc(--spacing(4)-1px)] py-[calc(--spacing(3)-1px)] sm:px-[calc(--spacing(3.5)-1px)] sm:py-[calc(--spacing(2)-1px)]",
     lg: "px-[calc(--spacing(6)-1px)] py-[calc(--spacing(5)-1px)] sm:px-[calc(--spacing(5.5)-1px)] sm:py-[calc(--spacing(4)-1px)]",
     icon: "w-10 h-10 flex-none"
+  },
+  iconSize: {
+    default: "[--btn-icon-size:--spacing(6)] sm:[--btn-icon-size:--spacing(5)]",
+    sm: "[--btn-icon-size:--spacing(5)] sm:[--btn-icon-size:--spacing(4)]",
+    lg: "[--btn-icon-size:--spacing(7)] sm:[--btn-icon-size:--spacing(6)]",
+    xl: "[--btn-icon-size:--spacing(8)] sm:[--btn-icon-size:--spacing(7)]"
   }
 };
 var buttonVariants = cva(styles.base, {
@@ -4475,16 +4481,23 @@ var buttonVariants = cva(styles.base, {
       sm: styles.size.sm,
       lg: styles.size.lg,
       icon: styles.size.icon
+    },
+    iconSize: {
+      default: styles.iconSize.default,
+      sm: styles.iconSize.sm,
+      lg: styles.iconSize.lg,
+      xl: styles.iconSize.xl
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "primary",
-    size: "default"
+    size: "default",
+    iconSize: "default"
   }
 });
-var Button2 = forwardRef(function Button3({ className, variant, color: color2, size, children, ...props }, ref) {
-  const classes = cn(buttonVariants({ variant, color: color2, size }), className);
+var Button2 = forwardRef(function Button3({ className, variant, color: color2, size, iconSize, children, ...props }, ref) {
+  const classes = cn(buttonVariants({ variant, color: color2, size, iconSize }), className);
   return "href" in props ? /* @__PURE__ */ jsx(
     Link,
     {
@@ -18768,7 +18781,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.110.2"};
+  version: "1.111.1"};
 var SluggerContext = React5__default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";