profinansy-ui-lib 4.0.96 → 4.0.97

package/dist/profinansy-ui-lib.es.js

@@ -8558,7 +8558,7 @@ const wr = (e) => {
       brandBackground: "#6553F5",
       brandBackgroundHover: "#4A35F3",
       brandText: "#FFFFFF",
-      secondaryBrandBackground: "#E0DDFD",
+      secondaryBrandBackground: "rgba(101, 83, 245, 0.12)",
       secondaryBrandBackgroundHover: "rgba(101, 83, 245, 0.22)",
       secondaryBrandText: "#4A35F3",
       whiteFixedBackground: "#FFFFFF",
@@ -8568,7 +8568,7 @@ const wr = (e) => {
       outlineBrandBackgroundHover: "rgba(101, 83, 245, 0.08)",
       outlineBrandText: "#6553F5",
       outlineBrandBorder: "#6553F5",
-      outlineBrandBorderHover: "#6553F5",
+      outlineBrandBorderHover: "#3821F2",
       systemBackground: "#EAE9F1",
       systemBackgroundHover: "#DFDEEA",
       systemText: "#464167",
@@ -8579,7 +8579,7 @@ const wr = (e) => {
       warningBackgroundHover: "#FFDFA8",
       warningText: "#E59000",
       criticalBackground: "#FFE2E0",
-      criticalBackgroundHover: "#FFC6C2",
+      criticalBackgroundHover: "#FFD7D4",
       criticalText: "#FF3B30",
       neutralBackground: "rgba(36, 36, 36, 0.50)",
       neutralBackgroundHover: "rgba(36, 36, 36, 0.70)",
@@ -8737,7 +8737,7 @@ const wr = (e) => {
       brandBackground: "#7B61FF",
       brandBackgroundHover: "#6142FF",
       brandText: "#FFFFFF",
-      secondaryBrandBackground: "#E5DFFF",
+      secondaryBrandBackground: "rgba(155, 142, 255, 0.12)",
       secondaryBrandBackgroundHover: "rgba(155, 142, 255, 0.22)",
       secondaryBrandText: "#6142FF",
       whiteFixedBackground: "#FFFFFF",
@@ -10913,17 +10913,17 @@ const xl = F.createContext(null), Qh = ({ content: e, ...t }) => {
     default: {
       color: e.interactiveButtons.secondaryBrandText,
       background: e.interactiveButtons.secondaryBrandBackground,
-      border: `1px solid ${e.interactiveButtons.secondaryBrandBackground}`
+      border: "1px solid transparent"
     },
     hover: {
       color: e.interactiveButtons.secondaryBrandText,
       background: e.interactiveButtons.secondaryBrandBackgroundHover,
-      border: `1px solid ${e.interactiveButtons.secondaryBrandBackgroundHover}`
+      border: "1px solid transparent"
     },
     active: {
       color: e.interactiveButtons.secondaryBrandText,
       background: e.interactiveButtons.secondaryBrandBackground,
-      border: `1px solid ${e.interactiveButtons.secondaryBrandBackground}`
+      border: "1px solid transparent"
     }
   },
   whiteFixed: {
@@ -11140,7 +11140,7 @@ const xl = F.createContext(null), Qh = ({ content: e, ...t }) => {
   transition: transform 0.3s ${Z.animation_1};
   & svg {
     width: 100%;
-    height: 100%;
+    /* height: 100%; */
   }
 `, su = g.span`
   width: ${(e) => e.$size === "S" ? "16px" : "18px"};
@@ -11152,7 +11152,7 @@ const xl = F.createContext(null), Qh = ({ content: e, ...t }) => {
   transition: transform 0.3s ${Z.animation_1};
   & svg {
     width: 100%;
-    height: 100%;
+    /* height: 100%; */
   }
 `, um = g.button`
   position: relative;