myshell-react-lib 0.1.23 → 0.1.25

package/dist/index.cjs

@@ -5453,7 +5453,7 @@ var VARIANT_BASE = {
     primary: "",
     secondary: "border shadow-none",
     tertiary: "",
-    static: "text-cc-Button-Static-fg-default border-cc-Button-Static-border-default bg-cc-Button-Static-bg-default hover:bg-cc-Button-Static-bg-hover active:bg-cc-Button-Static-bg-active disabled:bg-cc-Button-Static-bg-disabled disabled:text-cc-Button-Static-fg-alt",
+    static: "border text-cc-Button-Static-fg-default border-cc-Button-Static-border-default bg-cc-Button-Static-bg-default hover:bg-cc-Button-Static-bg-hover active:bg-cc-Button-Static-bg-active disabled:bg-cc-Button-Static-bg-disabled disabled:text-cc-Button-Static-fg-alt",
     link: "",
     plain: "",
     opacity: "backdrop-blur-2xl text-Colors-Text-Static-White bg-Colors-Beta-White-30 border border-Colors-Beta-White-12 shadow-none hover:bg-Colors-Beta-White-40 focus:shadow-cc-Focus-Rings-Brand-default active:bg-Colors-Beta-White-50 disabled:bg-Colors-Beta-White-60 disabled:text-Colors-Beta-White-80",
@@ -5539,6 +5539,36 @@ var buttonVariants = (0, import_class_variance_authority4.cva)(BASE_BUTTON, {
             size: "sm",
             className: SIZE_CLASSES.sm.withPadding
         },
+        {
+            variant: "opacity",
+            size: "lg",
+            className: SIZE_CLASSES.lg.withPadding
+        },
+        {
+            variant: "opacity",
+            size: "md",
+            className: SIZE_CLASSES.md.withPadding
+        },
+        {
+            variant: "opacity",
+            size: "sm",
+            className: SIZE_CLASSES.sm.withPadding
+        },
+        {
+            variant: "solid",
+            size: "lg",
+            className: SIZE_CLASSES.lg.withPadding
+        },
+        {
+            variant: "solid",
+            size: "md",
+            className: SIZE_CLASSES.md.withPadding
+        },
+        {
+            variant: "solid",
+            size: "sm",
+            className: SIZE_CLASSES.sm.withPadding
+        },
         // 颜色主题变体
         {
             variant: "primary",
@@ -5679,7 +5709,7 @@ var iconVariants2 = (0, import_class_variance_authority4.cva)("relative shrink-0
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function createButtonWithVariant(props, ref) {
     var _props_className = props.className, className = _props_className === void 0 ? "" : _props_className, iconClassName = props.iconClassName, _props_variant = props.variant, variant = _props_variant === void 0 ? "primary" : _props_variant, // 设置默认值为primary
-    userProvidedColor = props.color, icon = props.icon, _props_iconDirection = props.iconDirection, iconDirection = _props_iconDirection === void 0 ? "left" : _props_iconDirection, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, _props_noStyle = props.noStyle, noStyle = _props_noStyle === void 0 ? false : _props_noStyle, _props_iconOutBox = props.iconOutBox, iconOutBox = _props_iconOutBox === void 0 ? false : _props_iconOutBox, _props_isBlock = props.isBlock, isBlock = _props_isBlock === void 0 ? false : _props_isBlock, disabled = props.disabled, children = props.children, autoFocus = props.autoFocus, asset = props.asset, _props_assetNumber = props.assetNumber, assetNumber = _props_assetNumber === void 0 ? 0 : _props_assetNumber, passProps = _object_without_properties(props, [
+    userProvidedColor = props.color, icon = props.icon, _props_iconDirection = props.iconDirection, iconDirection = _props_iconDirection === void 0 ? "left" : _props_iconDirection, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, _props_noStyle = props.noStyle, noStyle = _props_noStyle === void 0 ? false : _props_noStyle, _props_iconOutBox = props.iconOutBox, iconOutBox = _props_iconOutBox === void 0 ? false : _props_iconOutBox, _props_isBlock = props.isBlock, isBlock = _props_isBlock === void 0 ? false : _props_isBlock, disabled = props.disabled, children = props.children, autoFocus = props.autoFocus, asset = props.asset, _props_assetNumber = props.assetNumber, assetNumber = _props_assetNumber === void 0 ? 0 : _props_assetNumber, _props_roundedFull = props.roundedFull, roundedFull = _props_roundedFull === void 0 ? false : _props_roundedFull, passProps = _object_without_properties(props, [
         "className",
         "iconClassName",
         "variant",
@@ -5696,7 +5726,8 @@ function createButtonWithVariant(props, ref) {
         "children",
         "autoFocus",
         "asset",
-        "assetNumber"
+        "assetNumber",
+        "roundedFull"
     ]);
     var color = userProvidedColor || "default";
     var Comp = asChild ? import_react_slot.Slot : "button";
@@ -5705,9 +5736,8 @@ function createButtonWithVariant(props, ref) {
         className: noStyle ? className : cn(buttonVariants({
             variant: variant,
             color: color,
-            size: size,
-            className: className
-        }), disable && "!pointer-events-auto cursor-not-allowed", isBlock && "w-full"),
+            size: size
+        }), className, disable && "!pointer-events-auto cursor-not-allowed", isBlock && "w-full", roundedFull && variant !== "plain" && variant !== "link" && "rounded-full"),
         ref: ref,
         disabled: disable,
         autoFocus: autoFocus
@@ -6900,13 +6930,13 @@ var CheckIcon = function(param) {
         })
     });
 };
-var checkboxVariants = (0, import_class_variance_authority8.cva)("peer w-5 h-5 shrink-0 border-[1.5px] border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default hover:disabled:border-cc-Check-Box-border-disabled disabled:data-[state=checked]:border-cc-Check-Box-border-default focus-visible:border-cc-Check-Box-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:bg-cc-Check-Box-bg-disabled disabled:cursor-not-allowed data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:bg-cc-Check-Box-bg-disabled rounded-xxs overflow-hidden flex items-center justify-center text-current", {
+var checkboxVariants = (0, import_class_variance_authority8.cva)("peer w-5 h-5 shrink-0 border-[1.5px]  overflow-hidden flex items-center justify-center text-current focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default", {
     variants: {
         variant: {
-            checkbox: "rounded-xxs",
-            circle: "rounded-full",
-            radio: "rounded-full disabled:data-[state=checked]:border-none disabled:data-[state=checked]:bg-cc-Check-Box-border-disabled",
-            static: "rounded-full hover:border-none hover:disabled:border-none !bg-Colors-Beta-Black-12 border-Colors-Beta-White-100 hover:bg-Colors-Beta-Black-20 hover:!border-none hover:disabled:!border-none disabled:border-Colors-Beta-White-80 disabled:data-[state=checked]:border-none disabled:data-[state=checked]:text-cc-Colors-Beta-White-80 disabled:data-[state=checked]:backdrop-blur-2xl"
+            checkbox: "rounded-xxs border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default hover:disabled:border-cc-Check-Box-border-disabled disabled:data-[state=checked]:border-cc-Check-Box-border-default focus-visible:border-cc-Check-Box-border-default focus-visible:ring-offset-1 disabled:bg-cc-Check-Box-bg-disabled disabled:cursor-not-allowed data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:bg-cc-Check-Box-bg-disabled",
+            circle: "rounded-full border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover hover:disabled:border-cc-Check-Box-border-disabled data-[state=checked]:border-cc-Check-Box-bg-default hover:disabled:border-cc-Check-Box-border-disabled disabled:data-[state=checked]:border-cc-Check-Box-border-default focus-visible:border-cc-Check-Box-border-default focus-visible:ring-offset-1 disabled:bg-cc-Check-Box-bg-disabled disabled:cursor-not-allowed data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:bg-cc-Check-Box-bg-disabled",
+            radio: "rounded-full border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover hover:disabled:border-cc-Check-Box-border-disabled disabled:bg-cc-Check-Box-bg-disabled disabled:data-[state=checked]:border-cc-Check-Box-border-disabled  hover:data-[state=checked]:bg-cc-Check-Box-border-hovered data-[state=checked]:bg-cc-Check-Box-bg-default disabled:data-[state=checked]:bg-cc-Check-Box-border-disabled",
+            static: "rounded-full border-Colors-Beta-White-100 bg-Colors-Beta-Black-12 data-[state=checked]:bg-Colors-Beta-Black-100 border-Colors-Beta-White-100 hover:bg-Colors-Beta-Black-20 data-[state=checked]:border-none  disabled:border-Colors-Beta-White-80 disabled:data-[state=checked]:text-cc-Colors-Beta-White-80 disabled:data-[state=checked]:backdrop-blur-2xl"
         }
     },
     defaultVariants: {
@@ -6934,7 +6964,7 @@ var Checkbox = React13.forwardRef(function(_param, ref) {
                 }))
             }, props), {
                 children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckboxPrimitive.Indicator, {
-                    className: cn(variant === "radio" && "[&>div]:data-[disabled]:bg-cc-Check-Box-bg-disabled"),
+                    className: cn(variant === "radio" && "[&>div]:data-[disabled]:bg-cc-Check-Box-bg-disabled [&>div]:data-[state=checked]:bg-cc-Check-Box-bg-disabled", variant === "static" && "[&>div]:data-[disabled]:bg-cc-Check-Box-bg-disabled text-Colors-Beta-White-100 !border-none"),
                     children: variant === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
                         className: cn("w-2 h-2 rounded-full")
                     }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon, {