@eclass/ui-kit 1.32.0 → 1.33.0

package/dist/eclass-ui-kit.es.js

@@ -37560,33 +37560,37 @@ _ee.displayName = "BtnSecondary";
 function Dee({
   children: t,
   iconStatus: r = "multimedia",
-  rightIcon: i,
-  withoutColor: l = !1,
-  m: f = "0",
-  type: h = "button",
-  tabIndex: p,
-  id: g,
-  onClick: y
+  iconCustom: i,
+  rightIcon: l,
+  withoutColor: f = !1,
+  m: h = "0",
+  type: p = "button",
+  tabIndex: g,
+  id: y,
+  onClick: S
 }) {
-  const S = _e("colors-neutral-gray"), C = _e("colors-main-deepSkyBlue"), E = _e("colors-neutral-white"), k = l ? _e("colors-main-blueGrey") : C, _ = {
-    ahead: /* @__PURE__ */ O.jsx(pk, { color: k }),
-    answer: /* @__PURE__ */ O.jsx(kk, { color: k }),
-    back: /* @__PURE__ */ O.jsx(hk, { color: k }),
-    delete: /* @__PURE__ */ O.jsx(Tk, { color: k }),
-    download: /* @__PURE__ */ O.jsx(dk, { color: k }),
-    edit: /* @__PURE__ */ O.jsx(wk, { color: k }),
-    more: /* @__PURE__ */ O.jsx(Ek, { color: k }),
-    multimedia: /* @__PURE__ */ O.jsx(vk, { color: k }),
-    password: /* @__PURE__ */ O.jsx(Ck, { color: k }),
-    record: /* @__PURE__ */ O.jsx(sk, { color: k }),
+  const C = _e("colors-neutral-gray"), E = _e("colors-main-deepSkyBlue"), k = _e("colors-neutral-white"), _ = f ? _e("colors-main-blueGrey") : E, A = {
+    ahead: /* @__PURE__ */ O.jsx(pk, { color: _ }),
+    answer: /* @__PURE__ */ O.jsx(kk, { color: _ }),
+    back: /* @__PURE__ */ O.jsx(hk, { color: _ }),
+    delete: /* @__PURE__ */ O.jsx(Tk, { color: _ }),
+    download: /* @__PURE__ */ O.jsx(dk, { color: _ }),
+    edit: /* @__PURE__ */ O.jsx(wk, { color: _ }),
+    more: /* @__PURE__ */ O.jsx(Ek, { color: _ }),
+    multimedia: /* @__PURE__ */ O.jsx(vk, { color: _ }),
+    password: /* @__PURE__ */ O.jsx(Ck, { color: _ }),
+    record: /* @__PURE__ */ O.jsx(sk, { color: _ }),
     noIcon: /* @__PURE__ */ O.jsx(O.Fragment, {})
-  }, A = _[r] ?? _.multimedia, P = i ? A : void 0, j = i ? void 0 : A;
+  };
+  let P = A[r] ?? A.multimedia;
+  i && (P = i);
+  const j = l ? P : void 0, G = l ? void 0 : P;
   return /* @__PURE__ */ O.jsx(
     kS,
     {
-      id: g,
-      type: h,
-      tabIndex: p,
+      id: y,
+      type: p,
+      tabIndex: g,
       height: "24px",
       background: "transparent",
       fontFamily: "Roboto",
@@ -37600,16 +37604,16 @@ function Dee({
       paddingBottom: _e("space-xxs"),
       paddingLeft: _e("space-xs"),
       paddingRight: _e("space-xs"),
-      color: S,
-      rightIcon: P,
-      leftIcon: j,
-      m: f,
-      onClick: y,
+      color: C,
+      rightIcon: j,
+      leftIcon: G,
+      m: h,
+      onClick: S,
       _hover: {
-        color: `${C}`
+        color: `${E}`
       },
       _focusVisible: {
-        boxShadow: `inset 0 0 0 2px ${C}, inset 0 0 0 4px ${E}`
+        boxShadow: `inset 0 0 0 2px ${E}, inset 0 0 0 4px ${k}`
       },
       _focus: {
         boxShadow: "none"
@@ -37620,12 +37624,12 @@ function Dee({
       sx: {
         "&:hover": {
           "svg path": {
-            fill: `${C}`
+            fill: `${E}`
           },
           "@media (hover: none)": {
-            color: `${S}`,
+            color: `${C}`,
             "svg path": {
-              fill: k
+              fill: _
             }
           }
         }