@situaction/traq-ui-ste 1.2.36 → 1.2.40

package/dist/components/tooltip/Tooltip.js

@@ -1,6 +1,6 @@
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
-import { useState as w, useRef as x, useCallback as L, useLayoutEffect as T } from "react";
-import { r as j } from "../../index-CxdrhfJv.mjs";
+import { jsxs as S, jsx as L } from "react/jsx-runtime";
+import { useState as w, useRef as x, useCallback as T, useLayoutEffect as c } from "react";
+import { createPortal as j } from "react-dom";
 import '../../styles/Tooltip.css';const I = "_tooltip_ymexm_30", y = {
   "tooltip-container": "_tooltip-container_ymexm_30",
   tooltip: I
@@ -9,11 +9,11 @@ import '../../styles/Tooltip.css';const I = "_tooltip_ymexm_30", y = {
   "xs-3": 10,
   xs: 14,
   "m-1": 18
-}, r = 8, N = ({ children: v, content: k, position: u = "top", gap: M = "xs-5", padding: _ = "xs-5" }) => {
-  const [l, g] = w(!1), [E, h] = w({ visibility: "hidden" }), n = x(null), d = x(null), o = W[M] ?? 6, f = L((t, e) => {
-    const a = window.innerWidth, m = window.innerHeight;
+}, l = 8, N = ({ children: v, content: k, position: g = "top", gap: M = "xs-5", padding: _ = "xs-5" }) => {
+  const [r, m] = w(!1), [C, h] = w({ visibility: "hidden" }), n = x(null), d = x(null), o = W[M] ?? 6, f = T((t, e) => {
+    const a = window.innerWidth, u = window.innerHeight;
     let s, i;
-    switch (u) {
+    switch (g) {
       case "top":
         s = t.top - e.height - o, i = t.left + t.width / 2 - e.width / 2;
         break;
@@ -41,42 +41,42 @@ import '../../styles/Tooltip.css';const I = "_tooltip_ymexm_30", y = {
       default:
         s = t.top - e.height - o, i = t.left + t.width / 2 - e.width / 2;
     }
-    return i = Math.max(r, Math.min(i, a - e.width - r)), s = Math.max(r, Math.min(s, m - e.height - r)), { position: "fixed", top: s, left: i, visibility: "visible" };
-  }, [u, o]);
-  T(() => {
+    return i = Math.max(l, Math.min(i, a - e.width - l)), s = Math.max(l, Math.min(s, u - e.height - l)), { position: "fixed", top: s, left: i, visibility: "visible" };
+  }, [g, o]);
+  c(() => {
     const t = [
       "--background-tooltip",
       "--general-border-window",
       "--general-text-icons",
       "--shadow-color-minimal"
     ];
-    if (l && n.current && d.current) {
+    if (r && n.current && d.current) {
       const e = getComputedStyle(n.current), a = t.reduce((i, b) => {
         const p = e.getPropertyValue(b).trim();
         return p && (i[b] = p), i;
-      }, {}), m = n.current.getBoundingClientRect(), s = d.current.getBoundingClientRect();
-      h({ ...f(m, s), ...a });
+      }, {}), u = n.current.getBoundingClientRect(), s = d.current.getBoundingClientRect();
+      h({ ...f(u, s), ...a });
     }
-  }, [l, f]);
-  const C = () => {
-    h({ visibility: "hidden" }), g(!0);
+  }, [r, f]);
+  const E = () => {
+    h({ visibility: "hidden" }), m(!0);
   }, V = [y.tooltip, "labelMedium", "fontWeight-600"].join(" "), P = { "--dynamic-padding": `var(--spacing-${_})` };
   return /* @__PURE__ */ S(
     "div",
     {
       ref: n,
       className: y["tooltip-container"],
-      onMouseEnter: C,
-      onMouseLeave: () => g(!1),
+      onMouseEnter: E,
+      onMouseLeave: () => m(!1),
       children: [
         v,
-        l && j.createPortal(
-          /* @__PURE__ */ c(
+        r && j(
+          /* @__PURE__ */ L(
             "div",
             {
               ref: d,
               className: V,
-              style: { ...P, ...E },
+              style: { ...P, ...C },
               children: k
             }
           ),

package/dist/styles/AccordionItem.css

@@ -1 +1 @@
-@charset "UTF-8";._accordionHeader_bor6q_7{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;gap:.375rem}._padding-s_bor6q_15{padding:var(--spacing-xs-4)}._padding-m_bor6q_19{padding:var(--spacing-xs-2)}._padding-l_bor6q_23{padding:var(--spacing-xs)}._padding-xl_bor6q_27{padding:var(--spacing-s)}._title_bor6q_31{flex-grow:1;text-align:left}._fullHeight_bor6q_36{height:100%}._block_bor6q_40{border:1px solid var(--general-border-window);box-shadow:0 4px 5px 0 var(--shadow-color-minimal);background:var(--background-primary);border-radius:.375rem}._tile_bor6q_48 ._accordionHeader_bor6q_7{border-radius:.375rem;background:var(--background-primary);margin-bottom:.375rem;border:1px solid var(--general-border-window)}._secondaryOpen_bor6q_56{background:var(--skeleton-step-empty-background)}
+@charset "UTF-8";._accordionHeader_10lt2_7{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;gap:.375rem}._padding-s_10lt2_15{padding:var(--spacing-xs-4)}._padding-m_10lt2_19{padding:var(--spacing-xs-2)}._padding-l_10lt2_23{padding:var(--spacing-xs)}._padding-xl_10lt2_27{padding:var(--spacing-s)}._title_10lt2_31{flex-grow:1;text-align:left}._fullHeight_10lt2_36{height:100%}._block_10lt2_40{border:1px solid var(--general-border-window);box-shadow:0 4px 5px 0 var(--shadow-color-minimal);background:var(--background-primary);border-radius:.375rem}._tile_10lt2_48 ._accordionHeader_10lt2_7{border-radius:.375rem;background:var(--background-primary);margin-bottom:.375rem;border:1px solid var(--general-border-window)}._secondaryOpen_10lt2_56{background:var(--skeleton-step-empty-background)}._ghost_10lt2_61 ._accordionHeader_10lt2_7{padding-left:0;padding-right:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.2.36",
+  "version": "1.2.40",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",