myshell-react-lib 0.2.40 → 0.2.42

package/dist/index.cjs

@@ -9819,14 +9819,14 @@ var SIZE_CLASSES = {
 var COLOR_THEMES = {
     default: {
         primary: "bg-cc-Button-Primary-bg-default text-cc-Button-Primary-fg-default hover:bg-cc-Button-Primary-bg-hover active:bg-cc-Button-Primary-bg-active disabled:bg-cc-Button-Primary-bg-disabled disabled:text-cc-Button-Primary-fg-alt",
-        secondary: "border-cc-Button-Secondary-border-default text-cc-Button-Secondary-fg-default bg-cc-Button-Secondary-bg-default hover:bg-cc-Button-Secondary-bg-hover active:bg-cc-Button-Secondary-bg-active disabled:text-cc-Button-Secondary-fg-alt  disabled:border-cc-Button-Secondary-border-disabled",
-        tertiary: "text-cc-Button-Tertiary-fg-default  bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt ",
+        secondary: "border-cc-Button-Secondary-border-default text-cc-Button-Secondary-fg-default bg-cc-Button-Secondary-bg-default hover:bg-cc-Button-Secondary-bg-hover active:bg-cc-Button-Secondary-bg-active disabled:text-cc-Button-Secondary-fg-alt disabled:hover:bg-cc-Button-Secondary-bg-disabled disabled:border-cc-Button-Secondary-border-disabled",
+        tertiary: "text-cc-Button-Tertiary-fg-default bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt disabled:hover:bg-cc-Button-Tertiary-bg-default",
         link: "rounded-none font-normal underline-offset-4 underline text-cc-Link-Button-Secondary-fg-default hover:text-cc-Link-Button-Secondary-fg-hover active:text-cc-Link-Button-Secondary-fg-active disabled:text-cc-Link-Button-Secondary-fg-disabled",
-        plain: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-cc-Focus-Rings-Brand-default active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt "
+        plain: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-cc-Focus-Rings-Brand-default active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt disabled:hover:bg-transparent"
     },
     brand: {
         primary: "text-cc-Button-Brand-fg-default bg-cc-Button-Brand-bg-default hover:bg-cc-Button-Brand-bg-hover active:bg-cc-Button-Brand-bg-active disabled:bg-cc-Button-Brand-bg-disabled shadow-none hover:shadow-button-brand focus:shadow-cc-Focus-Rings-Brand-default disabled:text-cc-Button-Brand-fg-alt",
-        plain: "text-cc-Button-Plain-Brand-fg-default bg-cc-Button-Plain-Brand-bg-default hover:bg-cc-Button-Plain-Brand-bg-hover active:bg-cc-Button-Plain-Brand-bg-active disabled:text-cc-Button-Plain-Brand-fg-alt",
+        plain: "text-cc-Button-Plain-Brand-fg-default bg-cc-Button-Plain-Brand-bg-default hover:bg-cc-Button-Plain-Brand-bg-hover active:bg-cc-Button-Plain-Brand-bg-active disabled:text-cc-Button-Plain-Brand-fg-alt disabled:hover:bg-transparent",
         link: "rounded-none font-normal underline-offset-4 underline text-cc-Link-Button-Primary-fg-default hover:text-cc-Link-Button-Primary-fg-hover active:text-cc-Link-Button-Primary-fg-active disabled:text-cc-Link-Button-Primary-fg-disabled"
     },
     error: {
@@ -9838,11 +9838,11 @@ var VARIANT_BASE = {
     primary: "",
     secondary: "border shadow-none",
     tertiary: "",
-    static: "border 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",
+    static: "border 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",
     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",
-    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"
+    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"
 };
 var SPECIAL_LAYOUTS = {
     link: "h-fit w-fit min-w-auto px-0.5 py-0.5",
@@ -10769,8 +10769,8 @@ 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",
-    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",
-    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"
+    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"
 };
 var COLOR_STYLES = {
     default: "",
@@ -10798,7 +10798,7 @@ var COMPOUND_VARIANTS = [
     {
         variant: "secondary",
         color: "default",
-        className: "border-cc-Button-Secondary-border-default text-cc-Button-Secondary-fg-default bg-cc-Button-Secondary-bg-default hover:bg-cc-Button-Secondary-bg-hover active:bg-cc-Button-Secondary-bg-active disabled:text-cc-Button-Secondary-fg-alt  disabled:border-cc-Button-Secondary-border-disabled disabled:text-cc-Button-Secondary-fg-alt disabled:bg-cc-Button-Secondary-bg-default"
+        className: "border-cc-Button-Secondary-border-default text-cc-Button-Secondary-fg-default bg-cc-Button-Secondary-bg-default hover:bg-cc-Button-Secondary-bg-hover active:bg-cc-Button-Secondary-bg-active disabled:text-cc-Button-Secondary-fg-alt  disabled:border-cc-Button-Secondary-border-disabled disabled:text-cc-Button-Secondary-fg-alt disabled:bg-cc-Button-Secondary-bg-default disabled:hover:bg-cc-Button-Secondary-bg-disabled"
     },
     {
         variant: "secondary",
@@ -10808,12 +10808,12 @@ var COMPOUND_VARIANTS = [
     {
         variant: "tertiary",
         color: "default",
-        className: "border-cc-Button-Tertiary-border-default text-cc-Button-Tertiary-fg-default  bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt"
+        className: "border-cc-Button-Tertiary-border-default text-cc-Button-Tertiary-fg-default bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt disabled:hover:bg-cc-Button-Tertiary-bg-default"
     },
     {
         variant: "plain",
         color: "default",
-        className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt"
+        className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt disabled:hover:bg-transparent"
     },
     {
         variant: "plain",
@@ -13624,6 +13624,10 @@ var Modal = function(_param) {
         onOpenAutoFocus: function(e) {
             !autoFocus && e.preventDefault();
         },
+        onPointerDownOutside: function(e) {
+            return e.preventDefault();
+        },
+        tabIndex: void 0,
         children: [
             isNotification ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, {
                 children: [