myshell-react-lib 0.2.2 → 0.2.4

package/dist/index.d.cts

@@ -132,11 +132,11 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "solid" | "plain" | null | undefined;
+    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "ghost" | "plain" | null | undefined;
     color?: "default" | "brand" | "error" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ButtonBaseProps = VariantProps<typeof buttonVariants>;
 type VariantColorMap$1 = {
     primary: 'default' | 'brand' | 'error';
@@ -145,7 +145,7 @@ type VariantColorMap$1 = {
     link: 'default';
     plain: 'default' | 'brand';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type ButtonProps$1<V extends VariantType$1 = VariantType$1> = Omit<ButtonBaseProps, 'color'> & {
@@ -403,7 +403,7 @@ declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
 } & React$1.RefAttributes<HTMLSpanElement>>;
 type IconComponent = React$1.ForwardRefExoticComponent<IconProps>;
 
-type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ColorType = 'default' | 'brand' | 'error' | 'gray';
 type SizeType = 'xs' | 'sm' | 'md' | 'lg';
 declare const iconButtonVariants: (props?: ({
@@ -419,7 +419,7 @@ type VariantColorMap = {
     tertiary: 'default';
     plain: 'default' | 'error' | 'gray';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type IconButtonProps<V extends VariantType = VariantType> = Omit<IconButtonBaseProps, 'color'> & {

package/dist/index.d.ts

@@ -132,11 +132,11 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "solid" | "plain" | null | undefined;
+    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "ghost" | "plain" | null | undefined;
     color?: "default" | "brand" | "error" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ButtonBaseProps = VariantProps<typeof buttonVariants>;
 type VariantColorMap$1 = {
     primary: 'default' | 'brand' | 'error';
@@ -145,7 +145,7 @@ type VariantColorMap$1 = {
     link: 'default';
     plain: 'default' | 'brand';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type ButtonProps$1<V extends VariantType$1 = VariantType$1> = Omit<ButtonBaseProps, 'color'> & {
@@ -403,7 +403,7 @@ declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
 } & React$1.RefAttributes<HTMLSpanElement>>;
 type IconComponent = React$1.ForwardRefExoticComponent<IconProps>;
 
-type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ColorType = 'default' | 'brand' | 'error' | 'gray';
 type SizeType = 'xs' | 'sm' | 'md' | 'lg';
 declare const iconButtonVariants: (props?: ({
@@ -419,7 +419,7 @@ type VariantColorMap = {
     tertiary: 'default';
     plain: 'default' | 'error' | 'gray';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type IconButtonProps<V extends VariantType = VariantType> = Omit<IconButtonBaseProps, 'color'> & {

package/dist/index.js

@@ -4740,7 +4740,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",
@@ -4838,17 +4838,17 @@ var buttonVariants = cva4(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
         },
@@ -4957,7 +4957,7 @@ var iconVariants2 = cva4("relative shrink-0 text-inherit inline-flex items-cente
             link: "font-normal",
             plain: "font-medium",
             static: "",
-            solid: "",
+            ghost: "",
             opacity: ""
         },
         size: {
@@ -5653,7 +5653,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 = {
@@ -10983,9 +10983,9 @@ var SelectTrigger = React33.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ jsxs27(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,