myshell-react-lib 0.3.6 → 0.3.9

package/dist/index.cjs

@@ -10794,7 +10794,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"
 };
@@ -11472,7 +11472,7 @@ var DropdownMenuSubContent = React21.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(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));
@@ -11512,7 +11512,7 @@ var DropdownMenuContent = React21.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(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));
@@ -11561,7 +11561,7 @@ var DropdownMenuRadioItem = React21.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(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__ */ (0, import_jsx_runtime27.jsx)("span", {
@@ -11594,7 +11594,7 @@ var DropdownMenuSeparator = React21.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(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;
@@ -12352,7 +12352,7 @@ var ContextMenuSeparator = React27.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(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;
@@ -14684,7 +14684,7 @@ var SelectSeparator = React42.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(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;
@@ -15728,7 +15728,7 @@ var tabListVariants = (0, import_class_variance_authority18.cva)("w-full relativ
         },
         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: {