myshell-react-lib 0.3.6 → 0.3.9

package/dist/index.d.cts

@@ -1084,10 +1084,10 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
     contentClassName?: string;
-    variant?: 'input' | 'button';
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
+    variant?: "input" | "button";
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
     noPortal?: boolean;
-    side?: SelectPrimitive.SelectContentProps['side'];
+    side?: SelectPrimitive.SelectContentProps["side"];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -1084,10 +1084,10 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
     contentClassName?: string;
-    variant?: 'input' | 'button';
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
+    variant?: "input" | "button";
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | null | undefined;
     noPortal?: boolean;
-    side?: SelectPrimitive.SelectContentProps['side'];
+    side?: SelectPrimitive.SelectContentProps["side"];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -9996,7 +9996,7 @@ var VARIANT_STYLES = {
     secondary: "border shadow-none",
     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",
+    opacity: "backdrop-blur-2xl text-Colors-Text-Static-White bg-cc-Button-Opacity-bg-default border border-cc-Button-Opacity-border shadow-none hover:bg-cc-Button-Opacity-bg-hover focus:shadow-cc-Focus-Rings-Brand-default active:bg-cc-Button-Opacity-bg-active disabled:bg-Colors-Beta-White-60 disabled:text-Colors-Beta-White-80",
     ghost: "shadow-none text-Colors-Text-Default 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 disabled:hover:bg-cc-Button-Ghost-bg-default",
     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 disabled:hover:bg-cc-Button-Static-bg-default"
 };
@@ -10674,7 +10674,7 @@ var DropdownMenuSubContent = React21.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.SubContent, _object_spread({
         ref: ref,
         sideOffset: sideOffset,
-        className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-cc-Dropdown-bg-default p-2 text-Colors-Text-Default shadow-modal-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+        className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-cc-Dropdown-border bg-cc-Dropdown-bg-default p-2 text-Colors-Text-Default shadow-modal-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
         onMouseEnter: hoverContext ? handleMouseEnter : onMouseEnter,
         onMouseLeave: hoverContext ? handleMouseLeave : onMouseLeave
     }, props));
@@ -10714,7 +10714,7 @@ var DropdownMenuContent = React21.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Content, _object_spread({
         ref: ref,
         sideOffset: sideOffset,
-        className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Opaque bg-cc-Dropdown-bg-default p-1 text-Colors-Text-Default shadow-modal-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+        className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-sm border border-cc-Dropdown-border bg-cc-Dropdown-bg-default p-1 text-Colors-Text-Default shadow-modal-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
         onMouseEnter: hoverContext ? handleMouseEnter : onMouseEnter,
         onMouseLeave: hoverContext ? handleMouseLeave : onMouseLeave
     }, props));
@@ -10763,7 +10763,7 @@ var DropdownMenuRadioItem = React21.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs16(DropdownMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-cc-Dropdown-bg-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
     }, props), {
         children: [
             /* @__PURE__ */ jsx27("span", {
@@ -10796,7 +10796,7 @@ var DropdownMenuSeparator = React21.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Separator, _object_spread({
         ref: ref,
-        className: cn("my-1 h-px bg-[var(--Colors-Border-Default)]", className)
+        className: cn("my-1 h-px bg-[var(--Colors-Border-Alt)]", className)
     }, props));
 });
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
@@ -11554,7 +11554,7 @@ var ContextMenuSeparator = React27.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx33(ContextMenuPrimitive.Separator, _object_spread({
         ref: ref,
-        className: cn("my-1 h-px bg-[var(--Colors-Border-Default)]", className)
+        className: cn("my-1 h-px bg-[var(--Colors-Border-Alt)]", className)
     }, props));
 });
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
@@ -13886,7 +13886,7 @@ var SelectSeparator = React42.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx54(SelectPrimitive.Separator, _object_spread({
         ref: ref,
-        className: cn("mx-1.5 my-1 h-px bg-[var(--Colors-Border-Default)]", className)
+        className: cn("mx-1.5 my-1 h-px bg-[var(--Colors-Border-Alt)]", className)
     }, props));
 });
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
@@ -14930,7 +14930,7 @@ var tabListVariants = cva18("w-full relative inline-flex items-center overflow-h
         },
         variant: {
             button: "justify-center bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
-            underline: 'justify-start space-x-6 rounded-none relative before:absolute before:content-[""] before:bottom-0 before:left-0 before:right-0 before:h-[1px] before:bg-[var(--Colors-Border-Default)]',
+            underline: 'justify-start space-x-6 rounded-none relative before:absolute before:content-[""] before:bottom-0 before:left-0 before:right-0 before:h-[1px] before:bg-[var(--Colors-Border-Alt)]',
             icon: "justify-center bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
         },
         rounded: {