myshell-react-lib 0.2.2 → 0.2.4

package/dist/index.cjs

@@ -5484,7 +5484,7 @@ var VARIANT_BASE = {
     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",
-    solid: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Solid-bg-default border border-cc-Button-Solid-border-default hover:bg-cc-Button-Solid-bg-hover hover:border-cc-Button-Solid-border-alt active:bg-cc-Button-Solid-bg-active disabled:text-cc-Button-Solid-fg-alt"
+    ghost: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt"
 };
 var SPECIAL_LAYOUTS = {
     link: "h-fit w-fit min-w-auto px-0.5 py-0.5",
@@ -5582,17 +5582,17 @@ var buttonVariants = (0, import_class_variance_authority4.cva)(BASE_BUTTON, {
             className: SIZE_CLASSES.sm.withPadding
         },
         {
-            variant: "solid",
+            variant: "ghost",
             size: "lg",
             className: SIZE_CLASSES.lg.withPadding
         },
         {
-            variant: "solid",
+            variant: "ghost",
             size: "md",
             className: SIZE_CLASSES.md.withPadding
         },
         {
-            variant: "solid",
+            variant: "ghost",
             size: "sm",
             className: SIZE_CLASSES.sm.withPadding
         },
@@ -5701,7 +5701,7 @@ var iconVariants2 = (0, import_class_variance_authority4.cva)("relative shrink-0
             link: "font-normal",
             plain: "font-medium",
             static: "",
-            solid: "",
+            ghost: "",
             opacity: ""
         },
         size: {
@@ -6397,7 +6397,7 @@ var VARIANT_STYLES = {
     tertiary: "shadow-none",
     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",
-    solid: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Solid-bg-default border border-cc-Button-Solid-border-default hover:bg-cc-Button-Solid-bg-hover hover:border-cc-Button-Solid-border-alt active:bg-cc-Button-Solid-bg-active disabled:text-cc-Button-Solid-fg-alt",
+    ghost: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt",
     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"
 };
 var COLOR_STYLES = {
@@ -11727,9 +11727,9 @@ var SelectTrigger = React33.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
         className: cn("flex h-7 md:h-10 w-full items-center justify-between rounded-sm border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default text-Colors-Text-Default text-sm p-3 focus:shadow-cc-Focus-Rings-Brand-default placeholder:text-Colors-Text-Subtlest focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-30 [&>span]:line-clamp-1 [&>.select-chevron]:aria-expanded:rotate-180 space-x-1.5", isButtonVariant && buttonVariants({
-            variant: "solid",
+            variant: "ghost",
             size: "lg"
-        }), isButtonVariant && "w-auto min-w-max inline-flex", className)
+        }), isButtonVariant && "w-auto min-w-max inline-flex px-4", className)
     }, props), {
         children: [
             children,