myshell-react-lib 0.2.42 → 0.2.44

package/dist/index.d.cts

@@ -877,7 +877,7 @@ interface PopoverContentExs {
     /**
      * 消息类型
      */
-    variant?: 'default' | 'message';
+    variant?: 'default' | 'message' | 'primary';
     /**
      * 气泡方向
      */
@@ -1076,10 +1076,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

@@ -877,7 +877,7 @@ interface PopoverContentExs {
     /**
      * 消息类型
      */
-    variant?: 'default' | 'message';
+    variant?: 'default' | 'message' | 'primary';
     /**
      * 气泡方向
      */
@@ -1076,10 +1076,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

@@ -9770,14 +9770,14 @@ var PopoverContent = React15.forwardRef(function(_param, ref) {
             arrowPadding: arrowPadding,
             side: side,
             forceMount: true,
-            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none 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 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Utilities-Modal border-Colors-Border-Opaque text-Colors-Text-Default" : "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
+            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none 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 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Utilities-Modal border-Colors-Border-Opaque text-Colors-Text-Default" : "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : variant === "primary" ? "bg-Colors-Utility-Purple-40 text-Colors-Text-Static-White" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
         }, props), {
             children: [
                 children,
                 showArrow && /* @__PURE__ */ jsx18(PopoverPrimitive.Arrow, {
                     width: 16,
                     height: 6,
-                    className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-Secondary-Alt)]" : "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
+                    className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-Secondary-Alt)]" : "fill-cc-Tooltip-bg-default" : variant === "primary" ? "fill-Colors-Utility-Purple-40" : "fill-Colors-Utility-Lake-Blue-50")
                 })
             ]
         }))
@@ -10514,7 +10514,7 @@ var DropdownMenuSubTrigger = React21.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs16(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex cursor-default select-none items-center rounded-sm px-3 py-2 outline-none focus:bg-Colors-Background-Neutral-Primary-Default data-[state=open]:bg-Colors-Background-Neutral-Primary-Default", inset && "pl-8", className)
+        className: cn("flex cursor-pointer select-none items-center rounded-sm px-3 py-2 outline-none focus:bg-Colors-Background-Neutral-Secondary-Hover data-[state=open]:bg-Colors-Background-Neutral-Secondary-Active", inset && "pl-8", className)
     }, props), {
         children: [
             children,
@@ -10543,7 +10543,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-Colors-Background-Normal-Primary-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-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal 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)
     }, props));
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
@@ -10554,7 +10554,7 @@ var DropdownMenuItem = React21.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Item, _object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1 outline-none transition-colors focus:bg-Colors-Background-Neutral-Primary-Default data-[disabled]:pointer-events-none data-[disabled]:opacity-30", inset && "pl-8", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1 outline-none transition-colors focus:bg-Colors-Background-Neutral-Secondary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-30", inset && "pl-8", className)
     }, props));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
@@ -10566,7 +10566,7 @@ var DropdownMenuCheckboxItem = React21.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs16(DropdownMenuPrimitive.CheckboxItem, _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-30", className),
+        className: cn("relative flex cursor-pointer select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-Colors-Background-Neutral-Secondary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-30", className),
         checked: checked
     }, props), {
         children: [
@@ -13611,7 +13611,7 @@ var SelectContent = React42.forwardRef(function(_param, ref) {
     ]);
     var Content13 = /* @__PURE__ */ jsx54(SelectPrimitive.Content, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm bg-Colors-Background-Utilities-Modal 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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+        className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-Colors-Background-Utilities-Modal 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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
         position: position
     }, props), {
         children: /* @__PURE__ */ jsx54(SelectPrimitive.Viewport, {
@@ -13672,7 +13672,7 @@ var SelectItem = React42.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs36(SelectPrimitive.Item, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex justify-between w-full cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none text-base", "hover:bg-Colors-Background-Normal-Primary-Hover focus:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:opacity-30 data-[disabled]:cursor-not-allowed space-x-1.5", critical ? "text-Colors-Text-Critical-Default" : "focus:text-Colors-Text-Default", className)
+        className: cn("relative flex justify-between w-full cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none text-base", "hover:bg-Colors-Background-Neutral-Secondary-Hover focus:bg-Colors-Background-Neutral-Secondary-Hover data-[disabled]:opacity-30 data-[disabled]:cursor-not-allowed space-x-1.5", critical ? "text-Colors-Text-Critical-Default" : "focus:text-Colors-Text-Default", className)
     }, props), {
         children: [
             /* @__PURE__ */ jsxs36("span", {