aristid-ds 13.0.0-a482bfb → 13.0.0-b2fece3

package/CHANGELOG.md

@@ -4,6 +4,9 @@
 
 ### ✨ Features
 
+-   **IdCard**:
+    -   remove use of `Typography.Text` compoent (@evoiron)
+    -   add `disableTooltip` property to disable tooltip on title and description (@evoiron)
 -   **⚠️ Breaking change - Upload**:
     -   Remove the following properties: (@philippechevieux)
         -   `listType`
@@ -23,6 +26,9 @@
 
 ### 🐛 Bug Fixes
 
+-   **Tag:**
+    -   Hide `closeIcon` for tags in a group if handleCloseTag is not provided (@philippechevieux)
+    -   Remove tooltip for other tags in TagGroup (@NicoSourimant)
 -   **DatePicker/RangePicker**
     -   Fix color of prefix icon when component is `disabled`, in `warning` or `error` status (@philippechevieux)
 

package/dist/Kit/App/index.js

@@ -2,20 +2,20 @@ import "../../assets/index28.css";
 import { jsx as n, jsxs as f, Fragment as h } from "react/jsx-runtime";
 import { useState as u, useLayoutEffect as L, useRef as S, useEffect as P } from "react";
 import { ConfigProvider as C } from "antd";
-import { I as b } from "../../chunks/SnackBarProvider.nqDzpFo3.js";
+import { K as b } from "../../chunks/SnackBarProvider.T-xLQpTN.js";
 import { toCssVariables as g, uuid as y } from "../../utils/functions/index.js";
 import a from "lodash/merge";
 import { Style as m } from "react-style-tag";
 import { K as E } from "../../chunks/useKitTheme.KSAU-Pdv.js";
 import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
-import { antdThemeConfig as I } from "../../theme/utils/tokens-mapper/index.js";
+import { antdThemeConfig as T } from "../../theme/utils/tokens-mapper/index.js";
 import { frFR as d } from "../../translation/fr-FR/index.js";
-import { enUS as T } from "../../translation/en-US/index.js";
-import { K as $, u as j } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as k } from "../../translation/utils/index.js";
-import { d as x } from "../../chunks/notification-provider.9msrEKBe.js";
+import { enUS as $ } from "../../translation/en-US/index.js";
+import { K as j, u as k } from "../../chunks/useKitLocale.96CdK3og.js";
+import { mapKitLocaleToAntdLocale as x } from "../../translation/utils/index.js";
+import { d as A } from "../../chunks/notification-provider.9msrEKBe.js";
 import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
-const A = "aristid-ds-global", F = (t, e) => {
+const F = "aristid-ds-global", I = (t, e) => {
   const o = g(t);
   return `
         .${e} {
@@ -27,11 +27,11 @@ const A = "aristid-ds-global", F = (t, e) => {
   return L(() => {
     const s = g(l, "--general");
     i(s);
-  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: A, hasSourceMap: !1, children: `
+  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: F, hasSourceMap: !1, children: `
                             :root {
                                 ${Object.keys(r).map((s) => `${s}: ${r[s]}`).join(";")}
                             }
-                        ` }), e && n(m, { hasSourceMap: !1, children: F(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
+                        ` }), e && n(m, { hasSourceMap: !1, children: I(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
 }, _ = (t, e) => {
   var o;
   const r = S(t || "ds-" + y().substring(0, 8)), i = a(l.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
@@ -42,7 +42,7 @@ const A = "aristid-ds-global", F = (t, e) => {
   };
 }, M = ({ children: t }) => {
   const e = N();
-  return n($.Provider, { value: e, children: t });
+  return n(j.Provider, { value: e, children: t });
 }, N = () => {
   const [t, e] = u(d);
   return { locale: t, setKitLocale: (r) => {
@@ -50,18 +50,18 @@ const A = "aristid-ds-global", F = (t, e) => {
       const i = a(d, r);
       e(i);
     } else {
-      const i = a(T, r);
+      const i = a($, r);
       e(i);
     }
   } };
 }, te = ({ children: t, locale: e, customTheme: o, id: r }) => n(R, { customTheme: o, id: r, children: n(M, { children: n(O, { locale: e, children: t }) }) }), O = ({ children: t, locale: e }) => {
-  const { locale: o, setKitLocale: r } = j();
+  const { locale: o, setKitLocale: r } = k();
   return P(() => {
     e !== void 0 && r(e);
-  }, [e, r]), n(C, { theme: I, locale: k(e), renderEmpty: () => {
+  }, [e, r]), n(C, { theme: T, locale: x(e), renderEmpty: () => {
     var i;
     return n(p, { className: "default-render", image: p.ASSET_LIST, description: (i = o.Empty) === null || i === void 0 ? void 0 : i.noData });
-  }, children: f(x, { children: [n(b, {}), t] }) });
+  }, children: f(A, { children: [n(b, {}), t] }) });
 };
 export {
   te as KitApp

package/dist/Kit/DataDisplay/Empty/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index51.css";
+import "../../../assets/index50.css";
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { Empty as p } from "antd";
 import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/Error/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index50.css";
+import "../../../assets/index49.css";
 import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { Suspense as v } from "react";
 import { Empty as d } from "antd";

package/dist/Kit/DataDisplay/IdCard/index.js

@@ -1,22 +1,34 @@
-import "../../../assets/index2.css";
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import "../../../assets/index23.css";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import n from "classnames";
-import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitTypography as m } from "../../General/Typography/index.js";
-import { K as y } from "../../../chunks/Avatar.N2w2jq_C.js";
-const g = {
-  "kit-id-card": "_kit-id-card_mmcks_2"
-}, k = (o, i, t) => {
-  const s = n("kit-id-card-title", {
-    "kit-id-card-title-large": i === "large"
+import { t as D } from "../../../chunks/styles.module.shsViPAW.js";
+import { u as v } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { K as N } from "../../../chunks/Avatar.N2w2jq_C.js";
+import { KitTooltip as y } from "../Tooltip/index.js";
+const _ = {
+  "kit-id-card": "_kit-id-card_1go5o_2"
+}, m = 0.8, h = [
+  D["kit-typography-text"],
+  "ant-typography",
+  "ant-typography-text",
+  "ant-typography-ellipsis",
+  "ant-typography-ellipsis-single-line"
+], T = (a, i, r, o) => {
+  const s = n("kit-id-card-title", ...h, "kit-typography-fontSize5", "ant-typography-bold", {
+    "kit-id-card-title-large": i === "large",
+    "ant-typography-disabled": r
   });
-  return r(m.Text, { className: s, size: "fontSize5", weight: "bold", ellipsis: { tooltip: !0 }, disabled: t, children: o });
-}, D = (o, i, t) => {
-  const s = i === "medium" ? "fontSize7" : "fontSize5";
-  return r(m.Text, { size: s, ellipsis: { tooltip: !0 }, disabled: t, className: "kit-id-card-decription", children: o });
-}, K = ({ className: o, title: i, description: t, avatarProps: s, size: c = "medium", disabled: e = !1, ...p }) => {
-  const { appId: u } = x(), h = n(u, g["kit-id-card"], o), f = s !== void 0, d = i !== void 0, a = t !== void 0, v = d || a;
-  return l("div", { className: `${h} id-card-grid`, ...p, children: [f && r("div", { className: "card-avatar", children: r(y, { ...s, disabled: e }) }), v && l("div", { className: "card-info", children: [d && k(i, c, e), a && D(t, c, e)] })] });
+  return t("span", { className: s, children: t(y, { title: o ? "" : a, mouseEnterDelay: m, children: t("span", { children: a }) }) });
+}, E = (a, i, r, o) => {
+  const s = n("kit-id-card-description", ...h, "ant-typography-regular", {
+    "kit-typography-fontSize5": i !== "medium",
+    "kit-typography-fontSize7": i === "medium",
+    "ant-typography-disabled": r
+  });
+  return t("span", { className: s, children: t(y, { title: o ? "" : a, mouseEnterDelay: m, children: t("span", { children: a }) }) });
+}, K = ({ className: a, title: i, description: r, avatarProps: o, size: s = "medium", disabled: e = !1, disableTooltip: p = !1, ...g }) => {
+  const { appId: u } = v(), f = n(u, _["kit-id-card"], a), k = o !== void 0, l = i !== void 0, d = r !== void 0, x = l || d;
+  return c("div", { className: `${f} id-card-grid`, ...g, children: [k && t("div", { className: "card-avatar", children: t(N, { ...o, disabled: e }) }), x && c("div", { className: "card-info", children: [l && T(i, s, e, p), d && E(r, s, e, p)] })] });
 };
 K.displayName = "KitIdCard";
 export {

package/dist/Kit/DataDisplay/IdCard/types.d.ts

@@ -7,4 +7,5 @@ export interface IKitIdCard extends KitHTMLAttributes<HTMLDivElement> {
     title?: string;
     description?: string;
     disabled?: boolean;
+    disableTooltip?: boolean;
 }

package/dist/Kit/DataDisplay/Image/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index3.css";
+import "../../../assets/index2.css";
 import { jsxs as k, jsx as r } from "react/jsx-runtime";
 import { Image as a } from "antd";
 import d from "classnames";

package/dist/Kit/DataDisplay/ItemList/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index4.css";
+import "../../../assets/index3.css";
 import { jsxs as v, jsx as t, Fragment as C } from "react/jsx-runtime";
 import { forwardRef as J, useState as M } from "react";
 import { KitCheckbox as O } from "../../DataEntry/Checkbox/index.js";

package/dist/Kit/DataDisplay/Tabs/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index5.css";
+import "../../../assets/index4.css";
 import { jsxs as n, Fragment as j, jsx as l } from "react/jsx-runtime";
 import { useState as B } from "react";
 import { u as D } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/Tag/index.js

@@ -1,6 +1,6 @@
 import "../../../assets/index37.css";
-import { jsx as i, Fragment as C, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as D, useState as W, useRef as N, useLayoutEffect as E } from "react";
+import { jsx as t, Fragment as q, jsxs as $ } from "react/jsx-runtime";
+import { forwardRef as D, useState as C, useRef as x, useLayoutEffect as E } from "react";
 import O from "classnames";
 import { Tag as F } from "antd";
 import { u as z } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -15,60 +15,60 @@ const I = {
   "kit-tag-group": "_kit-tag-group_6ocqb_111",
   "kit-tag-group-measure": "_kit-tag-group-measure_6ocqb_117",
   "kit-tag-group-container": "_kit-tag-group-container_6ocqb_124"
-}, b = D(({ className: t, closeIcon: s, type: u = "neutral", disabled: e, onClick: c, idCardProps: r, ...d }, a) => {
-  const { appId: p } = z(), h = O(p, I["kit-tag"], t, {
-    [`kit-tag-${u}`]: u,
-    "kit-tag-disabled": e,
-    "kit-tag-clickable": c
+}, h = D(({ className: r, closeIcon: s, type: c = "neutral", disabled: i, disableTooltip: a = !1, onClick: p, idCardProps: o, ...d }, u) => {
+  const { appId: b } = z(), _ = O(b, I["kit-tag"], r, {
+    [`kit-tag-${c}`]: c,
+    "kit-tag-disabled": i,
+    "kit-tag-clickable": p
   });
-  return i(F, { tabIndex: e ? -1 : 0, ref: a, ...d, className: h, closeIcon: s ?? i(L, { icon: M }), onClick: c, closable: !!d.onClose, children: i(R, { disabled: e, avatarProps: r != null && r.avatarProps ? { ...r == null ? void 0 : r.avatarProps, size: "small" } : void 0, description: r == null ? void 0 : r.description }) });
-}), X = ({ tags: t, containerRef: s, measureRef: u, handleCloseTag: e }) => {
-  var c;
-  const [r, d] = W([]), [a, p] = W(0), [h, $] = W(i(C, {})), v = N(null), { locale: _ } = P();
+  return t(F, { tabIndex: i ? -1 : 0, ref: u, ...d, className: _, closeIcon: s ?? t(L, { icon: M }), onClick: p, closable: !!d.onClose, children: t(R, { disabled: i, disableTooltip: a, avatarProps: o != null && o.avatarProps ? { ...o == null ? void 0 : o.avatarProps, size: "small" } : void 0, description: o == null ? void 0 : o.description }) });
+}), X = ({ tags: r, containerRef: s, measureRef: c, handleCloseTag: i }) => {
+  var a;
+  const [p, o] = C([]), [d, u] = C(0), [b, _] = C(t(q, {})), v = x(null), { locale: k } = P();
   return E(() => {
-    const T = () => {
-      var k, y, o;
-      const n = s.current, f = u.current;
-      if (!n || !f)
+    const K = () => {
+      var T, g, e;
+      const l = s.current, f = c.current;
+      if (!l || !f)
         return;
-      $(x(C, { children: [t.map((l, g) => i(b, { type: l == null ? void 0 : l.type, disabled: l == null ? void 0 : l.disabled, idCardProps: l.idCardProps, onClose: () => {
-        e == null || e(g);
-      } }, g)), i(b, { idCardProps: { description: `+${a} ${(k = _.General) === null || k === void 0 ? void 0 : k.others}` } })] }));
-      const j = n == null ? void 0 : n.clientWidth, w = Array.from(f.children), A = (y = w[w.length - 1]) === null || y === void 0 ? void 0 : y.clientWidth;
-      let q = 0, G = 0;
-      for (let l = 0; l < w.length - 1; l++) {
-        const g = ((o = w[l]) === null || o === void 0 ? void 0 : o.clientWidth) + 8;
-        if (q + g + 8 + (l < t.length - 1 ? A : 0) <= j)
-          q += g, G++;
+      _($(q, { children: [r.map((n, y) => t(h, { type: n == null ? void 0 : n.type, disabled: n == null ? void 0 : n.disabled, idCardProps: n.idCardProps, onClose: () => {
+        i == null || i(y);
+      } }, y)), t(h, { idCardProps: { description: `+${d} ${(T = k.General) === null || T === void 0 ? void 0 : T.others}` } })] }));
+      const j = l == null ? void 0 : l.clientWidth, G = Array.from(f.children), A = (g = G[G.length - 1]) === null || g === void 0 ? void 0 : g.clientWidth;
+      let N = 0, W = 0;
+      for (let n = 0; n < G.length - 1; n++) {
+        const y = ((e = G[n]) === null || e === void 0 ? void 0 : e.clientWidth) + 8;
+        if (N + y + 8 + (n < r.length - 1 ? A : 0) <= j)
+          N += y, W++;
         else
           break;
       }
-      G < t.length ? (d(t.slice(0, G)), p(t.length - G)) : (d(t), p(0));
+      W < r.length ? (o(r.slice(0, W)), u(r.length - W)) : (o(r), u(0));
     };
     let m;
-    const K = () => {
-      clearTimeout(m), m = setTimeout(T, 100);
+    const w = () => {
+      clearTimeout(m), m = setTimeout(K, 100);
     };
-    return T(), v.current = new ResizeObserver(K), s.current && v.current.observe(s.current), () => {
+    return K(), v.current = new ResizeObserver(w), s.current && v.current.observe(s.current), () => {
       v.current && v.current.disconnect(), clearTimeout(m);
     };
-  }, [s, e, a, (c = _.General) === null || c === void 0 ? void 0 : c.others, u, t]), {
-    measureTags: h,
-    visibleTags: r,
-    hiddenCount: a
+  }, [s, i, d, (a = k.General) === null || a === void 0 ? void 0 : a.others, c, r]), {
+    measureTags: b,
+    visibleTags: p,
+    hiddenCount: d
   };
-}, B = ({ tags: t, style: s, className: u, handleCloseTag: e, othersTagType: c = "neutral", othersTagDisabled: r }) => {
-  var d;
-  const a = N(null), p = N(null), { locale: h } = P(), { appId: $ } = z(), [v, _] = W(!1), { measureTags: T, visibleTags: m, hiddenCount: K } = X({ tags: t, containerRef: a, measureRef: p, handleCloseTag: e }), k = () => t.slice(m.length).map((o, n) => {
+}, B = ({ tags: r, style: s, className: c, handleCloseTag: i, othersTagType: a = "neutral", othersTagDisabled: p }) => {
+  var o;
+  const d = x(null), u = x(null), { locale: b } = P(), { appId: _ } = z(), [v, k] = C(!1), { measureTags: K, visibleTags: m, hiddenCount: w } = X({ tags: r, containerRef: d, measureRef: u, handleCloseTag: i }), T = () => r.slice(m.length).map((e, l) => {
     var f;
-    return i("div", { children: (f = o.idCardProps) === null || f === void 0 ? void 0 : f.description }, n);
-  }), y = O($, I["kit-tag-group"], u);
-  return x("div", { className: I["kit-tag-group-container"], children: [x("div", { ref: a, style: s, className: y, children: [m.map((o, n) => i(b, { type: o == null ? void 0 : o.type, disabled: o == null ? void 0 : o.disabled, idCardProps: o.idCardProps, onClose: () => {
-    e == null || e(n);
-  } }, n)), K > 0 && i(H, { overlay: k(), children: i(b, { type: c, disabled: r, idCardProps: { description: `+${K} ${(d = h.General) === null || d === void 0 ? void 0 : d.others}` }, onClick: () => _(!0) }) }), i(V, { isOpen: v, close: () => _(!1), showCloseIcon: !0, title: "Tags", appElement: document.body, children: i("div", { style: { display: "flex", flexWrap: "wrap", rowGap: "8px" }, children: t.map((o, n) => i(b, { id: `tag-${n}`, type: o == null ? void 0 : o.type, disabled: o == null ? void 0 : o.disabled, idCardProps: o.idCardProps, onClose: () => {
-    e == null || e(n);
-  } }, n)) }) })] }), i("div", { ref: p, className: I["kit-tag-group-measure"], "aria-hidden": "true", children: T })] });
-}, J = B, S = b;
+    return t("div", { children: (f = e.idCardProps) === null || f === void 0 ? void 0 : f.description }, l);
+  }), g = O(_, I["kit-tag-group"], c);
+  return $("div", { className: I["kit-tag-group-container"], children: [$("div", { ref: d, style: s, className: g, children: [m.map((e, l) => t(h, { type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: i ? () => {
+    i(l);
+  } : void 0 }, l)), w > 0 && t(H, { overlay: T(), children: t(h, { type: a, disabled: p, disableTooltip: !0, idCardProps: { description: `+${w} ${(o = b.General) === null || o === void 0 ? void 0 : o.others}` }, onClick: () => k(!0) }) }), t(V, { isOpen: v, close: () => k(!1), showCloseIcon: !0, title: "Tags", appElement: document.body, children: t("div", { style: { display: "flex", flexWrap: "wrap", rowGap: "8px" }, children: r.map((e, l) => t(h, { id: `tag-${l}`, type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: i ? () => {
+    i(l);
+  } : void 0 }, l)) }) })] }), t("div", { ref: u, className: I["kit-tag-group-measure"], "aria-hidden": "true", children: K })] });
+}, J = B, S = h;
 S.displayName = "KitTag";
 S.Group = J;
 export {

package/dist/Kit/DataDisplay/Tag/types.d.ts

@@ -20,6 +20,7 @@ export interface IKitTag
     };
     type?: KitTagType;
     disabled?: boolean;
+    disableTooltip?: boolean;
     onClose?: TagProps['onClose'];
     onClick?: TagProps['onClick'];
 }

package/dist/Kit/DataDisplay/Tree/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index6.css";
+import "../../../assets/index5.css";
 import { jsx as o } from "react/jsx-runtime";
 import { Tree as c } from "antd";
 import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataEntry/AutoComplete/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index11.css";
+import "../../../assets/index10.css";
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as x, useState as y } from "react";
 import { AutoComplete as F } from "antd";

package/dist/Kit/DataEntry/Filter/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index13.css";
+import "../../../assets/index12.css";
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import N from "classnames";

package/dist/Kit/DataEntry/InputNumber/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index7.css";
+import "../../../assets/index6.css";
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as k, useState as x } from "react";
 import { InputNumber as _ } from "antd";

package/dist/Kit/DataEntry/Rate/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index8.css";
+import "../../../assets/index7.css";
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as k, useMemo as v } from "react";
 import { Rate as x } from "antd";

package/dist/Kit/DataEntry/RichText/EditorContentCharacterCount/index.js

@@ -1,4 +1,4 @@
-import "../../../../assets/index22.css";
+import "../../../../assets/index21.css";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import h from "classnames";
 import { u as s } from "../../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataEntry/RichText/MenuBar/FontSizeSelect/index.js

@@ -1,4 +1,4 @@
-import "../../../../../assets/index23.css";
+import "../../../../../assets/index22.css";
 import { jsx as i, Fragment as z, jsxs as _ } from "react/jsx-runtime";
 import { KitTypography as m } from "../../../../General/Typography/index.js";
 import { KitDropDown as w } from "../../../../Navigation/DropDown/index.js";

package/dist/Kit/DataEntry/RichText/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index9.css";
+import "../../../assets/index8.css";
 import { jsxs as E, jsx as u } from "react/jsx-runtime";
 import { forwardRef as Q, useRef as V, useState as _, useEffect as f } from "react";
 import { K as X } from "../../../chunks/InputWrapper.l5p7rU3g.js";

package/dist/Kit/DataEntry/Slider/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index12.css";
+import "../../../assets/index11.css";
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import { Slider as d } from "antd";
 import f from "classnames";

package/dist/Kit/DataEntry/Switch/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index10.css";
+import "../../../assets/index9.css";
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { Switch as m } from "antd";

package/dist/Kit/Feedback/Loader/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index14.css";
+import "../../../assets/index13.css";
 import { jsx as d } from "react/jsx-runtime";
 import i from "classnames";
 import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Feedback/SnackBar/index.js

@@ -1,33 +1,33 @@
 import "../../../assets/index32.css";
-import { I as _ } from "../../../chunks/SnackBarProvider.nqDzpFo3.js";
-import { jsxs as m, jsx as a, Fragment as x } from "react/jsx-runtime";
+import { K as _ } from "../../../chunks/SnackBarProvider.T-xLQpTN.js";
+import { jsxs as m, jsx as s, Fragment as x } from "react/jsx-runtime";
 import { toast as v } from "react-hot-toast";
 import { u as A } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
 import { faXmark as C, faEllipsisV as D } from "@fortawesome/free-solid-svg-icons";
 import k from "classnames";
 import p from "../../General/DynamicActions/index.js";
-import { KitDivider as I } from "../../Layout/Divider/index.js";
-import { KitButton as T } from "../../General/Button/index.js";
-import { KitTypography as g } from "../../General/Typography/index.js";
-const w = {
+import { KitDivider as T } from "../../Layout/Divider/index.js";
+import { KitButton as g } from "../../General/Button/index.js";
+import { KitTypography as w } from "../../General/Typography/index.js";
+const j = {
   "kit-snackbar": "_kit-snackbar_1bxje_2"
-}, j = (i) => a(T, { type: "tertiary", size: "m", icon: i.icon, onClick: i.onClick, className: i.className, disabled: i.disabled, children: i.label }, i.key), E = ({ message: i, actions: s, closable: t, onClose: n, actionsInDropDown: b, className: u, style: f }) => {
-  var r;
-  const { appId: h } = A(), y = s && s.length > 0, l = t !== void 0, N = k(h, w["kit-snackbar"], u), B = () => {
-    c(), n == null || n();
-  }, K = (r = s == null ? void 0 : s.map((o, S) => {
+}, E = (i) => s(g, { type: "tertiary", size: "m", icon: i.icon, onClick: i.onClick, className: i.className, disabled: i.disabled, children: i.label }, i.key), F = ({ message: i, actions: t, closable: a, onClose: r, actionsInDropDown: b, className: u, style: f }) => {
+  var n;
+  const { appId: h } = A(), y = t && t.length > 0, l = a !== void 0, N = k(h, j["kit-snackbar"], u), B = () => {
+    c(), r == null || r();
+  }, K = (n = t == null ? void 0 : t.map((o, S) => {
     var e;
     return {
       ...o,
       key: (e = o.key) !== null && e !== void 0 ? e : S,
       className: k(o.className, "kit-snackbar-action")
     };
-  })) !== null && r !== void 0 ? r : [];
-  return m("div", { style: { ...f }, className: N, children: [l && a("div", { className: "kit-snackbar-close", children: a("div", { className: "kit-snackbar-close-button", onClick: B, children: a(d, { icon: C }) }) }), a("div", { className: "kit-snackbar-message", children: a(g.Text, { className: "kit-snackbar-title", children: i }) }), y && m(x, { children: [(i || l) && a(I, { type: "vertical", noMargin: !0, className: "kit-snackbar-divider" }), a("div", { className: "kit-snackbar-actions", children: a(p, { actions: K, actionsInDropdown: !!b, disabled: !1, actionRenderer: j, ellipsisButton: a(p.EllipsisButton, { type: "tertiary", size: "m", className: "kit-snackbar-action", icon: a(d, { icon: D }) }), threshold: 3 }) })] })] });
-}, F = E, z = 4e3, P = ({ duration: i = z, snackbarId: s = null, ...t }) => (c(), v(a(F, { ...t }), {
+  })) !== null && n !== void 0 ? n : [];
+  return m("div", { style: { ...f }, className: N, children: [l && s("div", { className: "kit-snackbar-close", children: s("div", { className: "kit-snackbar-close-button", onClick: B, children: s(d, { icon: C }) }) }), s("div", { className: "kit-snackbar-message", children: s(w.Text, { className: "kit-snackbar-title", children: i }) }), y && m(x, { children: [(i || l) && s(T, { type: "vertical", noMargin: !0, className: "kit-snackbar-divider" }), s("div", { className: "kit-snackbar-actions", children: s(p, { actions: K, actionsInDropdown: !!b, disabled: !1, actionRenderer: E, ellipsisButton: s(p.EllipsisButton, { type: "tertiary", size: "m", className: "kit-snackbar-action", icon: s(d, { icon: D }) }), threshold: 3 }) })] })] });
+}, I = F, z = 4e3, P = ({ duration: i = z, snackbarId: t = null, ...a }) => (c(), v(s(I, { ...a }), {
   duration: i === 0 ? 1 / 0 : i,
-  id: s ?? void 0
+  id: t ?? void 0
 })), c = (i) => {
   v.dismiss(i);
 }, Q = P, W = c, Y = _;

package/dist/Kit/General/Icon/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index15.css";
+import "../../../assets/index14.css";
 import { jsx as C } from "react/jsx-runtime";
 import { useMemo as g } from "react";
 import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/General/Typography/index.js

@@ -1,16 +1,16 @@
-import "../../../assets/index49.css";
-import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as m } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as y, useMemo as m } from "react";
 import K from "antd/es/typography/Base";
-import s from "classnames";
-import { isValidColor as _, getColor as L } from "../../../utils/functions/index.js";
-import { u as g } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { Typography as k } from "antd";
-const d = (t = "regular") => s({
-  "ant-typography-regular": t === u.regular,
-  "ant-typography-medium": t === u.medium,
-  "ant-typography-bold": t === u.bold
-}), T = (t) => s({ [`kit-typography-${t}`]: t }), u = {
+import c from "classnames";
+import { isValidColor as L, getColor as C } from "../../../utils/functions/index.js";
+import { u as h } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { t as u } from "../../../chunks/styles.module.shsViPAW.js";
+import { Typography as p } from "antd";
+const k = (t = "regular") => c({
+  "ant-typography-regular": t === d.regular,
+  "ant-typography-medium": t === d.medium,
+  "ant-typography-bold": t === d.bold
+}), T = (t) => c({ [`kit-typography-${t}`]: t }), d = {
   regular: "regular",
   medium: "medium",
   bold: "bold"
@@ -19,8 +19,8 @@ const d = (t = "regular") => s({
   h2: "h2",
   h3: "h3",
   h4: "h4"
-}, C = (t) => ["primary", "grey", "black", "black60", "white"].includes(t), h = (t) => {
-  if (!t || !(_(t) || C(t)))
+}, P = (t) => ["primary", "grey", "black", "black60", "white"].includes(t), g = (t) => {
+  if (!t || !(L(t) || P(t)))
     return null;
   let e = "";
   switch (t) {
@@ -31,43 +31,39 @@ const d = (t = "regular") => s({
       e = "var(--general-colors-neutral-white)";
       break;
     default:
-      e = L(t);
+      e = C(t);
       break;
   }
   return {
     "--kit-typography-color": e
   };
-}, p = {
-  "kit-typography-link": "_kit-typography-link_1gi19_2",
-  "kit-typography-paragraph": "_kit-typography-paragraph_1gi19_17",
-  "kit-typography-text": "_kit-typography-text_1gi19_35"
-}, N = c(({ level: t = x.h1, ...e }, r) => {
-  const { appId: a } = g(), o = x[t], l = K, i = m(() => ({ ...e.style, ...h(e.color) }), [e.color, e.style]), n = s(a, p["kit-typography-title"], e.className);
-  return y(l, { ref: r, ...e, component: o, className: n, style: i });
+}, f = y(({ level: t = x.h1, ...e }, l) => {
+  const { appId: a } = h(), o = x[t], r = K, n = m(() => ({ ...e.style, ...g(e.color) }), [e.color, e.style]), s = c(a, u["kit-typography-title"], e.className);
+  return i(r, { ref: l, ...e, component: o, className: s, style: n });
 });
-N.displayName = "KitTitle";
-const P = N, b = c(({ size: t = "medium", weight: e, className: r, ...a }, o) => {
-  const { appId: l } = g(), i = s(l, p["kit-typography-text"], T(t), d(e), r), n = m(() => ({ ...a.style, ...h(a.color) }), [a.color, a.style]);
-  return y(k.Text, { ...a, ref: o, className: i, style: n });
+f.displayName = "KitTitle";
+const S = f, N = y(({ size: t = "medium", weight: e, className: l, ...a }, o) => {
+  const { appId: r } = h(), n = c(r, u["kit-typography-text"], T(t), k(e), l), s = m(() => ({ ...a.style, ...g(a.color) }), [a.color, a.style]);
+  return i(p.Text, { ...a, ref: o, className: n, style: s });
 });
-b.displayName = "KitText";
-const E = b, f = c(({ size: t = "medium", weight: e, className: r, ...a }, o) => {
-  const { appId: l } = g(), i = s(l, p["kit-typography-link"], T(t), d(e), r), n = m(() => ({ ...a.style, ...h(a.color) }), [a.color, a.style]);
-  return y(k.Link, { ...a, ref: o, className: i, style: n });
+N.displayName = "KitText";
+const E = N, b = y(({ size: t = "medium", weight: e, className: l, ...a }, o) => {
+  const { appId: r } = h(), n = c(r, u["kit-typography-link"], T(t), k(e), l), s = m(() => ({ ...a.style, ...g(a.color) }), [a.color, a.style]);
+  return i(p.Link, { ...a, ref: o, className: n, style: s });
 });
-f.displayName = "KitLink";
-const S = f, I = c(({ size: t = "medium", weight: e, className: r, ...a }, o) => {
-  const { appId: l } = g(), i = s(l, p["kit-typography-paragraph"], T(t), d(e), r), n = m(() => ({ ...a.style, ...h(a.color) }), [a.color, a.style]);
-  return y(k.Paragraph, { ...a, ref: o, className: i, style: n });
+b.displayName = "KitLink";
+const V = b, I = y(({ size: t = "medium", weight: e, className: l, ...a }, o) => {
+  const { appId: r } = h(), n = c(r, u["kit-typography-paragraph"], T(t), k(e), l), s = m(() => ({ ...a.style, ...g(a.color) }), [a.color, a.style]);
+  return i(p.Paragraph, { ...a, ref: o, className: n, style: s });
 });
 I.displayName = "KitParagraph";
-const V = I, w = {
-  Title: P,
+const w = I, v = {
+  Title: S,
   Text: E,
-  Link: S,
-  Paragraph: V
+  Link: V,
+  Paragraph: w
 };
-w.displayName = "KitTypography";
+v.displayName = "KitTypography";
 export {
-  w as KitTypography
+  v as KitTypography
 };

package/dist/Kit/Layout/Divider/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index16.css";
+import "../../../assets/index15.css";
 import { jsx as m } from "react/jsx-runtime";
 import { Divider as s } from "antd";
 import { u as d } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Layout/Section/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index17.css";
+import "../../../assets/index16.css";
 import { jsx as n } from "react/jsx-runtime";
 import { isValidColor as c, getColor as s } from "../../../utils/functions/index.js";
 import l from "classnames";

package/dist/Kit/Navigation/Breadcrumb/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index18.css";
+import "../../../assets/index17.css";
 import { jsx as o, jsxs as s, Fragment as a } from "react/jsx-runtime";
 import { useMemo as c } from "react";
 import { Breadcrumb as d } from "antd";

package/dist/Kit/Navigation/PageHeader/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index19.css";
+import "../../../assets/index18.css";
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { cloneElement as s, useMemo as f } from "react";
 import { KitTypography as g } from "../../General/Typography/index.js";

package/dist/Kit/Navigation/Pagination/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index21.css";
+import "../../../assets/index20.css";
 import { jsx as s } from "react/jsx-runtime";
 import { Pagination as p } from "antd";
 import { u as c } from "../../../chunks/useKitTheme.KSAU-Pdv.js";