@epam/ai-dial-ui-kit 0.15.0-dev.4 → 0.15.0-dev.42

package/dist/components/DropdownIcon/DropdownIcon.js

@@ -1,44 +1,45 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { IconChevronDown as O } from "@tabler/icons-react";
 import { useState as j } from "react";
-import { DialDropdown as w } from "../Dropdown/Dropdown.js";
+import { DialDropdown as L } from "../Dropdown/Dropdown.js";
 import { DialIcon as m } from "../Icon/Icon.js";
-import { DIAL_ICON_SIZE as E } from "../../constants/icon.js";
+import { DIAL_ICON_SIZE as _ } from "../../constants/icon.js";
+import { DIAL_KIT_CLASS as p } from "../../constants/public-class-names.js";
 import { ElementSize as r } from "../../types/size.js";
 import { mergeClasses as o } from "../../utils/merge-classes.js";
 const F = ({
-  icon: p,
+  icon: f,
   ariaLabel: b,
   size: n = r.Standard,
   disabled: a = !1,
-  className: f,
-  buttonClassName: u,
-  iconClassName: x,
-  caretIcon: h = /* @__PURE__ */ e(O, { size: E.SM }),
+  className: u,
+  buttonClassName: x,
+  iconClassName: h,
+  caretIcon: y = /* @__PURE__ */ e(O, { size: _.SM }),
   showCaret: t = !0,
-  placement: y = "bottom-start",
-  matchReferenceWidth: g = !1,
+  placement: g = "bottom-start",
+  matchReferenceWidth: S = !1,
   open: v,
-  onOpenChange: S,
+  onOpenChange: I,
   defaultOpen: s = !1,
   ...z
 }) => {
-  const i = n === r.Small, [D, C] = j(s), l = v ?? D, I = i ? "w-8 px-0" : "w-10 px-0", N = {
+  const i = n === r.Small, [C, D] = j(s), l = v ?? C, w = i ? "w-8 px-0" : "w-10 px-0", N = {
     [r.Small]: "size-5",
     [r.Standard]: "size-6",
     [r.Large]: "size-7"
   };
   return /* @__PURE__ */ e(
-    w,
+    L,
     {
       ...z,
       disabled: a,
-      placement: y,
-      matchReferenceWidth: g,
-      className: f,
+      placement: g,
+      matchReferenceWidth: S,
+      className: u,
       open: l,
       onOpenChange: (c) => {
-        C(c), S?.(c);
+        D(c), I?.(c);
       },
       defaultOpen: s,
       children: /* @__PURE__ */ d(
@@ -52,35 +53,45 @@ const F = ({
             "enabled:hover:bg-accent-primary-alpha enabled:active:bg-controls-accent-primary-alpha-active",
             "focus-visible:border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:text-controls-secondary-disable disabled:opacity-75",
             i ? "h-8 px-2" : "h-10 px-2",
-            t ? void 0 : I,
-            u
+            t ? void 0 : w,
+            x
           ),
           children: [
             /* @__PURE__ */ e(
               m,
               {
-                icon: p,
+                icon: f,
                 className: o(
                   "flex items-center justify-center text-inherit",
                   N[n],
                   t && "-mr-2",
-                  x
+                  h,
+                  p.dropdownIcon
                 )
               }
             ),
-            t && /* @__PURE__ */ d("div", { className: "relative z-10 inline-grid size-5 shrink-0 place-items-center", children: [
-              /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-full bg-layer-2" }),
-              /* @__PURE__ */ e(
-                m,
-                {
-                  icon: h,
-                  className: o(
-                    "relative flex items-center justify-center text-secondary transition-transform group-hover:text-primary group-disabled:text-controls-secondary-disable",
-                    l && "rotate-180"
+            t && /* @__PURE__ */ d(
+              "div",
+              {
+                className: o(
+                  "relative z-10 inline-grid size-5 shrink-0 place-items-center",
+                  p.dropdownIconCaret
+                ),
+                children: [
+                  /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-full bg-layer-2" }),
+                  /* @__PURE__ */ e(
+                    m,
+                    {
+                      icon: y,
+                      className: o(
+                        "relative flex items-center justify-center text-secondary transition-transform group-hover:text-primary group-disabled:text-controls-secondary-disable",
+                        l && "rotate-180"
+                      )
+                    }
                   )
-                }
-              )
-            ] })
+                ]
+              }
+            )
           ]
         }
       )