design-zystem 1.0.358 → 1.0.359

package/dist/ui/index.d.mts

@@ -325,6 +325,7 @@ declare const buttonVariants: (props?: ({
     size?: "s" | "xs" | "m" | "l" | null | undefined;
     iconOnly?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
+    rounded?: boolean | null | undefined;
     elevated?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {

package/dist/ui/index.d.ts

@@ -325,6 +325,7 @@ declare const buttonVariants: (props?: ({
     size?: "s" | "xs" | "m" | "l" | null | undefined;
     iconOnly?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
+    rounded?: boolean | null | undefined;
     elevated?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {

package/dist/ui/index.js

@@ -1245,7 +1245,7 @@ var Spinner = ({ size = "m", color, className }) => /* @__PURE__ */ (0, import_j
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority7.cva)(
   cn(
-    "relative inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-[6px] border border-transparent font-bold font-sans outline-none",
+    "relative inline-flex select-none items-center justify-center gap-2 whitespace-nowrap border border-transparent font-bold font-sans outline-none",
     "transition-[filter,transform] duration-150",
     "hover:brightness-90 active:scale-[0.98] active:brightness-75",
     "disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:brightness-100 disabled:active:scale-100",
@@ -1270,6 +1270,10 @@ var buttonVariants = (0, import_class_variance_authority7.cva)(
         true: "w-full",
         false: ""
       },
+      rounded: {
+        true: "rounded-full",
+        false: "rounded-[6px]"
+      },
       /** Ombre portée d'un bouton qui flotte au-dessus du contenu, calibrée pour les petits diamètres. */
       elevated: {
         true: "shadow-[0_4px_3px_0_rgba(0,0,0,0.1),0_11px_7px_0_rgba(0,0,0,0.1)]",
@@ -1280,6 +1284,7 @@ var buttonVariants = (0, import_class_variance_authority7.cva)(
       size: "m",
       iconOnly: false,
       fullWidth: false,
+      rounded: false,
       elevated: false
     }
   }
@@ -1295,6 +1300,7 @@ var Button = (0, import_react10.forwardRef)(
       variant = "solid",
       size,
       fullWidth,
+      rounded,
       elevated,
       isLoading = false,
       disabled,
@@ -1308,6 +1314,7 @@ var Button = (0, import_react10.forwardRef)(
       "variant",
       "size",
       "fullWidth",
+      "rounded",
       "elevated",
       "isLoading",
       "disabled",
@@ -1322,7 +1329,7 @@ var Button = (0, import_react10.forwardRef)(
         disabled: disabled || isLoading,
         "aria-busy": isLoading || void 0,
         className: cn(
-          buttonVariants({ size, iconOnly, fullWidth, elevated }),
+          buttonVariants({ size, iconOnly, fullWidth, rounded, elevated }),
           THEME_VARIANT_CLASSES[variant][theme],
           className
         )

package/dist/ui/index.mjs

@@ -1058,7 +1058,7 @@ var Spinner = ({ size = "m", color, className }) => /* @__PURE__ */ jsx12(
 import { Fragment, jsx as jsx13, jsxs as jsxs2 } from "react/jsx-runtime";
 var buttonVariants = cva7(
   cn(
-    "relative inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-[6px] border border-transparent font-bold font-sans outline-none",
+    "relative inline-flex select-none items-center justify-center gap-2 whitespace-nowrap border border-transparent font-bold font-sans outline-none",
     "transition-[filter,transform] duration-150",
     "hover:brightness-90 active:scale-[0.98] active:brightness-75",
     "disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:brightness-100 disabled:active:scale-100",
@@ -1083,6 +1083,10 @@ var buttonVariants = cva7(
         true: "w-full",
         false: ""
       },
+      rounded: {
+        true: "rounded-full",
+        false: "rounded-[6px]"
+      },
       /** Ombre portée d'un bouton qui flotte au-dessus du contenu, calibrée pour les petits diamètres. */
       elevated: {
         true: "shadow-[0_4px_3px_0_rgba(0,0,0,0.1),0_11px_7px_0_rgba(0,0,0,0.1)]",
@@ -1093,6 +1097,7 @@ var buttonVariants = cva7(
       size: "m",
       iconOnly: false,
       fullWidth: false,
+      rounded: false,
       elevated: false
     }
   }
@@ -1108,6 +1113,7 @@ var Button = forwardRef10(
       variant = "solid",
       size,
       fullWidth,
+      rounded,
       elevated,
       isLoading = false,
       disabled,
@@ -1121,6 +1127,7 @@ var Button = forwardRef10(
       "variant",
       "size",
       "fullWidth",
+      "rounded",
       "elevated",
       "isLoading",
       "disabled",
@@ -1135,7 +1142,7 @@ var Button = forwardRef10(
         disabled: disabled || isLoading,
         "aria-busy": isLoading || void 0,
         className: cn(
-          buttonVariants({ size, iconOnly, fullWidth, elevated }),
+          buttonVariants({ size, iconOnly, fullWidth, rounded, elevated }),
           THEME_VARIANT_CLASSES[variant][theme],
           className
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.358",
+  "version": "1.0.359",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",