@ck-ui/component-library 2.0.2 → 2.0.4

package/dist/components/Typography/index.js

@@ -1,45 +1,45 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../assets/index-UphWJR2V.css';const t = "_caption_3a41f_9", n = "_h3_3a41f_29", y = "_h2_3a41f_34", f = "_h1_3a41f_39", m = "_regular_3a41f_47", i = "_medium_3a41f_51", p = "_semibold_3a41f_55", l = "_bold_3a41f_59", b = "_primary_3a41f_66", h = "_secondary_3a41f_70", u = "_disabled_3a41f_74", g = "_error_3a41f_78", $ = "_success_3a41f_82", _ = {
-  "ckds-typography": "_ckds-typography_3a41f_1",
-  caption: t,
-  "body-xs": "_body-xs_3a41f_14",
-  "body-sm": "_body-sm_3a41f_19",
-  "body-lg": "_body-lg_3a41f_24",
-  h3: n,
-  h2: y,
-  h1: f,
-  regular: m,
-  medium: i,
-  semibold: p,
-  bold: l,
+import { jsx as d } from "react/jsx-runtime";
+import '../../assets/index-D0X2hwMU.css';const e = "_caption_1l7nk_9", t = "_h3_1l7nk_29", a = "_h2_1l7nk_34", y = "_h1_1l7nk_39", k = "_regular_1l7nk_47", m = "_medium_1l7nk_51", i = "_semibold_1l7nk_55", p = "_bold_1l7nk_59", b = "_primary_1l7nk_66", h = "_secondary_1l7nk_70", u = "_disabled_1l7nk_74", g = "_error_1l7nk_78", $ = "_success_1l7nk_82", _ = {
+  "ckds-typography": "_ckds-typography_1l7nk_1",
+  caption: e,
+  "body-xs": "_body-xs_1l7nk_14",
+  "body-sm": "_body-sm_1l7nk_19",
+  "body-lg": "_body-lg_1l7nk_24",
+  h3: t,
+  h2: a,
+  h1: y,
+  regular: k,
+  medium: m,
+  semibold: i,
+  bold: p,
   primary: b,
   secondary: h,
   disabled: u,
   error: g,
   success: $
 };
-function k({
+function f({
   variant: s = "body-sm",
   weight: o = "regular",
-  color: a = "primary",
+  color: n = "primary",
   className: r = "",
-  children: c,
-  as: d = "p"
+  children: l,
+  as: c = "p"
 }) {
-  return /* @__PURE__ */ e(
-    d,
+  return /* @__PURE__ */ d(
+    c,
     {
       className: `
         ${_["ckds-typography"]}
         ${_[s]}
         ${_[o]}
-        ${_[a]}
+        ${_[n]}
         ${r}
       `,
-      children: c
+      children: l
     }
   );
 }
 export {
-  k as Typography
+  f as Typography
 };

package/dist/down-arrow-Con-s3fU.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (o) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M3.33419 5.67861L7.99744 10.3286L12.6606 5.67861", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  t as S
+};

package/dist/index-BAG5O9tQ.js

@@ -0,0 +1,97 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { useRef as h, useState as b, useCallback as c, useEffect as L } from "react";
+import { createPortal as $ } from "react-dom";
+import { Tooltip as g } from "./components/Tooltip/index.js";
+import { s as i } from "./styles.module-CRMuLY4A.js";
+import './assets/index-DoRanRth.css';const I = "_active_w76ss_68", R = "_open_w76ss_92", d = {
+  "sidebar-popup": "_sidebar-popup_w76ss_1",
+  "dropdown-outer": "_dropdown-outer_w76ss_31",
+  "dropdown-content-area": "_dropdown-content-area_w76ss_38",
+  "dropdown-child-item": "_dropdown-child-item_w76ss_48",
+  active: I,
+  "dropdown-child-label": "_dropdown-child-label_w76ss_73",
+  "dropdown-child-arrow": "_dropdown-child-arrow_w76ss_80",
+  open: R,
+  "sub-dropdown-container": "_sub-dropdown-container_w76ss_96",
+  "sub-dropdown-content": "_sub-dropdown-content_w76ss_112",
+  "sub-dropdown-child-item": "_sub-dropdown-child-item_w76ss_124",
+  "dropdown-portal": "_dropdown-portal_w76ss_165"
+};
+let o = null;
+function S({
+  tooltipLabel: v,
+  active: T,
+  icon: y,
+  onClick: p,
+  renderDropdown: n
+}) {
+  const a = h(null), [u, w] = b(!1), [_, E] = b({ top: 0, left: 0 }), r = h(null), e = c(() => {
+    r.current && (clearTimeout(r.current), r.current = null);
+  }, []), t = c(() => {
+    e(), w(!1), o?.close === t && (o = null);
+  }, [e]), m = c(() => {
+    e(), r.current = setTimeout(t, 150);
+  }, [t, e]), M = c(() => {
+    if (e(), o && o.close !== t && o.close(), o = { close: t, clearTimer: e }, a.current) {
+      const s = a.current.getBoundingClientRect();
+      E({ top: s.bottom, left: s.left });
+    }
+    w(!0);
+  }, [t, e]);
+  L(() => () => {
+    e(), o?.close === t && (o = null);
+  }, [t, e]);
+  const C = () => {
+    e(), M();
+  }, N = () => {
+    m();
+  }, P = () => {
+    e(), o && o.clearTimer && o.clearTimer(), o = { close: t, clearTimer: e };
+  }, x = () => {
+    m();
+  };
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: d["sidebar-popup"],
+      ref: a,
+      onMouseEnter: C,
+      onMouseLeave: N,
+      children: [
+        /* @__PURE__ */ l(g, { title: v, placement: "right", arrow: !0, children: /* @__PURE__ */ f(
+          "div",
+          {
+            className: `${i["sidebar-menu-item"]} ${T ? i.active : ""} ${u && n ? i.active : ""}`,
+            onClick: p,
+            role: "menuitem",
+            tabIndex: 0,
+            onKeyDown: (s) => {
+              (s.key === "Enter" || s.key === " ") && (s.preventDefault(), p?.());
+            },
+            children: [
+              y,
+              n && /* @__PURE__ */ l("span", { className: d["collapsed-dropdown-indicator"] })
+            ]
+          }
+        ) }),
+        u && n && $(
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: d["dropdown-portal"],
+              style: { top: _.top, left: _.left },
+              onMouseEnter: P,
+              onMouseLeave: x,
+              children: /* @__PURE__ */ l("div", { className: d["dropdown-outer"], children: n(t) })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+export {
+  S as C,
+  d as s
+};