@ck-ui/component-library 2.0.3 → 2.0.4

package/dist/components/Button/index.js

@@ -1,33 +1,33 @@
 import { jsx as n } from "react/jsx-runtime";
-import '../../assets/index-B6Mg98vm.css';const o = "_small_1kakb_18", k = "_medium_1kakb_23", u = "_large_1kakb_28", b = "_primary_1kakb_34", i = "_secondary_1kakb_50", y = "_tertiary_1kakb_67", a = {
-  "ckcl-button": "_ckcl-button_1kakb_1",
-  "x-small": "_x-small_1kakb_13",
+import '../../assets/index-BIccl6ps.css';const o = "_small_18898_18", u = "_medium_18898_23", i = "_large_18898_28", y = "_primary_18898_34", d = "_secondary_18898_50", b = "_tertiary_18898_67", r = {
+  "ckcl-button": "_ckcl-button_18898_1",
+  "x-small": "_x-small_18898_13",
   small: o,
-  medium: k,
-  large: u,
-  primary: b,
-  secondary: i,
-  tertiary: y
+  medium: u,
+  large: i,
+  primary: y,
+  secondary: d,
+  tertiary: b
 };
-function p({
-  children: m,
-  className: l = "",
-  variant: e = "primary",
-  size: r = "medium",
-  isSubmit: s,
+function x({
+  children: l,
+  className: e = "",
+  variant: s = "primary",
+  size: m = "medium",
+  isSubmit: a,
   ..._
 }) {
   const c = (t) => t === "x-small" ? "ckcl-body-xs-med" : t === "small" || t === "medium" || t === "large" ? "ckcl-body-sm-med" : "";
   return /* @__PURE__ */ n(
     "button",
     {
-      className: `${l} ${a["ckcl-button"]} ${a[e]} ${a[r]} ${c(r)}`,
-      type: s ? "submit" : "button",
+      className: `${e} ${r["ckcl-button"]} ${r[s]} ${r[m]} ${c(m)}`,
+      type: a ? "submit" : "button",
       ..._,
-      children: m
+      children: l
     }
   );
 }
 export {
-  p as Button
+  x as Button
 };

package/dist/components/CKBadge/_types/ckBadge.types.d.ts

@@ -0,0 +1,15 @@
+export declare enum BadgeVariant {
+    FILLED = "filled",
+    UNFILLED = "unfilled"
+}
+export interface CKBadgeProps {
+    /** Numeric count to display. If omitted, renders a dot badge. */
+    count?: number;
+    /** Maximum count to display. Values above this show as "{max}+". Defaults to 99. */
+    max?: number;
+    /** Visual variant for dot badge (no count). Defaults to "filled". */
+    variant?: BadgeVariant;
+    /** Additional class name to override colors (background-color, color, border-color) */
+    className?: string;
+}
+//# sourceMappingURL=ckBadge.types.d.ts.map

package/dist/components/CKBadge/_types/ckBadge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ckBadge.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/CKBadge/_types/ckBadge.types.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/CKBadge/_types/ckBadge.types.js

@@ -0,0 +1,4 @@
+var L = /* @__PURE__ */ ((l) => (l.FILLED = "filled", l.UNFILLED = "unfilled", l))(L || {});
+export {
+  L as BadgeVariant
+};

package/dist/components/CKBadge/index.d.ts

@@ -0,0 +1,6 @@
+import { CKBadgeProps } from './_types/ckBadge.types';
+export declare function CKBadge({ count, max, variant, className, }: CKBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CKBadge {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CKBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKBadge/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,GAAQ,EACR,OAA6B,EAC7B,SAAS,GACV,EAAE,YAAY,2CAiDd;yBAtDe,OAAO"}

package/dist/components/CKBadge/index.js

@@ -0,0 +1,54 @@
+import { jsx as d } from "react/jsx-runtime";
+import { mergeClasses as t } from "../../utils/mergeClasses.js";
+import { BadgeVariant as o } from "./_types/ckBadge.types.js";
+import '../../assets/index-DZaWJ3P3.css';const u = "_overflow_11ska_35", e = {
+  "ckds-badge": "_ckds-badge_11ska_1",
+  "ckds-badge-default": "_ckds-badge-default_11ska_15",
+  "single-digit": "_single-digit_11ska_21",
+  "multi-digit": "_multi-digit_11ska_28",
+  overflow: u,
+  "ckds-badge-dot": "_ckds-badge-dot_11ska_41",
+  "filled-default": "_filled-default_11ska_48",
+  "unfilled-default": "_unfilled-default_11ska_53"
+};
+function c({
+  count: a,
+  max: l = 99,
+  variant: f = o.FILLED,
+  className: i
+}) {
+  if (a == null) {
+    const _ = f === o.FILLED ? e["filled-default"] : e["unfilled-default"];
+    return /* @__PURE__ */ d(
+      "span",
+      {
+        className: t(
+          e["ckds-badge-dot"],
+          _,
+          i
+        ),
+        role: "status",
+        "aria-label": "notification indicator"
+      }
+    );
+  }
+  const s = a > l ? `${l}+` : String(a), r = a > l, g = s.length === 1, n = r ? e.overflow : g ? e["single-digit"] : e["multi-digit"];
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: t(
+        e["ckds-badge"],
+        e["ckds-badge-default"],
+        n,
+        i
+      ),
+      role: "status",
+      "aria-label": `${a} notifications`,
+      children: s
+    }
+  );
+}
+c.displayName = "CKBadge";
+export {
+  c as CKBadge
+};

package/dist/components/CKButton/_helper/ComboLayout.js

@@ -1,5 +1,5 @@
 import { jsxs as m, Fragment as d, jsx as s } from "react/jsx-runtime";
-import { I as c } from "../../../IconSlot-DvUwY6Do.js";
+import { I as c } from "../../../IconSlot-lz-E7RIY.js";
 import { mergeClasses as h } from "../../../utils/mergeClasses.js";
 function j({
   leftIcon: o,

package/dist/components/CKButton/_helper/IconSlot.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { I as m } from "../../../IconSlot-DvUwY6Do.js";
+import { I as m } from "../../../IconSlot-lz-E7RIY.js";
 export {
   m as IconSlot
 };

package/dist/components/CKButton/_helper/StandardLayout.js

@@ -1,5 +1,5 @@
 import { jsxs as d, Fragment as m, jsx as o } from "react/jsx-runtime";
-import { I as t } from "../../../IconSlot-DvUwY6Do.js";
+import { I as t } from "../../../IconSlot-lz-E7RIY.js";
 function s({
   leftIcon: i,
   rightIcon: c,

package/dist/components/CKButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import { s as o } from "../../IconSlot-DvUwY6Do.js";
+import { s as o } from "../../IconSlot-lz-E7RIY.js";
 import { StandardLayout as g } from "./_helper/StandardLayout.js";
 import { ComboLayout as E } from "./_helper/ComboLayout.js";
 import { mergeClasses as k } from "../../utils/mergeClasses.js";

package/dist/components/CKCheckbox/index.js

@@ -1,34 +1,34 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { useRef as p, useLayoutEffect as m } from "react";
-import { LG as _ } from "../../constants.js";
-import { mergeClasses as x } from "../../utils/mergeClasses.js";
-import '../../assets/index-rrYSS2rl.css';const c = {
-  "ckds-checkbox-wrapper": "_ckds-checkbox-wrapper_2erx7_1",
-  "ckds-checkbox": "_ckds-checkbox_2erx7_1",
-  "ckds-checkbox-sm": "_ckds-checkbox-sm_2erx7_63",
-  "ckds-checkbox-md": "_ckds-checkbox-md_2erx7_67",
-  "ckds-checkbox-tick": "_ckds-checkbox-tick_2erx7_72",
-  "ckds-checkbox-indeterminate": "_ckds-checkbox-indeterminate_2erx7_99"
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useRef as b, useLayoutEffect as p } from "react";
+import { LG as m } from "../../constants.js";
+import { mergeClasses as t } from "../../utils/mergeClasses.js";
+import '../../assets/index-t1PYEt2I.css';const c = {
+  "ckds-checkbox-wrapper": "_ckds-checkbox-wrapper_f5zzf_1",
+  "ckds-checkbox": "_ckds-checkbox_f5zzf_1",
+  "ckds-checkbox-sm": "_ckds-checkbox-sm_f5zzf_63",
+  "ckds-checkbox-md": "_ckds-checkbox-md_f5zzf_67",
+  "ckds-checkbox-tick": "_ckds-checkbox-tick_f5zzf_72",
+  "ckds-checkbox-indeterminate": "_ckds-checkbox-indeterminate_f5zzf_99"
 };
-function w({
+function g({
   checked: o,
   indeterminate: s = !1,
-  onChange: t,
-  wrapperClassName: d = "",
-  classname: h = "",
-  disabled: a = !1,
-  size: i = _,
-  ...n
+  onChange: d,
+  wrapperClassName: h = "",
+  classname: f = "",
+  disabled: x = !1,
+  size: a = m,
+  ...i
 }) {
-  const k = p(null);
-  return m(() => {
+  const k = b(null);
+  return p(() => {
     k.current && (k.current.indeterminate = s, k.current.checked = !!o);
-  }, [s, o]), /* @__PURE__ */ b(
+  }, [s, o]), /* @__PURE__ */ n(
     "label",
     {
-      className: x(
+      className: t(
         c["ckds-checkbox-wrapper"],
-        c[d]
+        c[h]
       ),
       children: [
         /* @__PURE__ */ e(
@@ -38,21 +38,21 @@ function w({
             type: "checkbox",
             checked: o,
             onChange: (r) => {
-              t?.(r.target.checked);
+              d?.(r.target.checked);
             },
             onClick: (r) => r.stopPropagation(),
-            disabled: a,
-            ...n
+            disabled: x,
+            ...i
           }
         ),
         /* @__PURE__ */ e(
           "span",
           {
-            className: x(
+            className: t(
               c["ckds-checkbox"],
-              c[`ckds-checkbox-${i}`],
+              c[`ckds-checkbox-${a}`],
               s && c["ckds-checkbox-indeterminate"],
-              h
+              f
             ),
             children: s ? /* @__PURE__ */ e("svg", { className: c["ckds-checkbox-tick"], viewBox: "0 0 16 16", children: /* @__PURE__ */ e("path", { d: "M4 8H12" }) }) : /* @__PURE__ */ e("svg", { className: c["ckds-checkbox-tick"], viewBox: "0 0 16 16", children: /* @__PURE__ */ e("path", { d: "M4 8.5L7 11.5L12 5.5" }) })
           }
@@ -62,5 +62,5 @@ function w({
   );
 }
 export {
-  w as CKCheckbox
+  g as CKCheckbox
 };

package/dist/components/CKTag/index.js

@@ -1,50 +1,50 @@
-import { jsx as d } from "react/jsx-runtime";
-import { ROUNDED as m, MEDIUM as o, SOLID as u, SMALL as g, LARGE as p } from "../../constants.js";
-import { mergeClasses as k } from "../../utils/mergeClasses.js";
-import { statusClassMap as C } from "./_types/type.js";
-import '../../assets/index-Bo4Tx8px.css';const D = "_small_9itnf_13", L = "_soft_9itnf_13", M = "_outline_9itnf_17", w = "_solid_9itnf_21", E = "_medium_9itnf_25", S = "_large_9itnf_37", x = "_rounded_9itnf_63", y = "_pill_9itnf_67", A = "_neutral_9itnf_72", I = "_success_9itnf_89", N = "_danger_9itnf_106", O = "_info_9itnf_123", R = "_warning_9itnf_140", n = {
-  "ckds-tag": "_ckds-tag_9itnf_1",
-  small: D,
-  soft: L,
-  outline: M,
-  solid: w,
-  medium: E,
-  large: S,
-  rounded: x,
-  pill: y,
-  neutral: A,
-  success: I,
-  danger: N,
-  info: O,
-  warning: R
+import { jsx as m } from "react/jsx-runtime";
+import { ROUNDED as u, MEDIUM as _, SOLID as k, SMALL as g, LARGE as f } from "../../constants.js";
+import { mergeClasses as z } from "../../utils/mergeClasses.js";
+import { statusClassMap as p } from "./_types/type.js";
+import '../../assets/index-Cj3VbHpe.css';const C = "_small_9llzk_13", D = "_soft_9llzk_13", L = "_outline_9llzk_17", M = "_solid_9llzk_21", w = "_medium_9llzk_25", E = "_large_9llzk_37", S = "_rounded_9llzk_63", x = "_pill_9llzk_67", y = "_neutral_9llzk_72", A = "_success_9llzk_89", I = "_danger_9llzk_106", N = "_info_9llzk_123", O = "_warning_9llzk_140", l = {
+  "ckds-tag": "_ckds-tag_9llzk_1",
+  small: C,
+  soft: D,
+  outline: L,
+  solid: M,
+  medium: w,
+  large: E,
+  rounded: S,
+  pill: x,
+  neutral: y,
+  success: A,
+  danger: I,
+  info: N,
+  warning: O
 };
-function K({
-  variation: s,
-  children: i,
+function G({
+  variation: n,
+  children: o,
   classname: e = "",
-  size: _ = o,
-  fill: l = u,
-  shape: r = m,
-  ...c
+  size: t = _,
+  fill: r = k,
+  shape: c = u,
+  ...a
 }) {
-  const a = C[s] || s || "neutral", f = (t) => t === g ? "ckcl-cap-med" : t === o || t === p ? "ckds-body-sm-med" : "";
-  return /* @__PURE__ */ d(
+  const d = p[n] || n || "neutral", i = (s) => s === g ? "ckcl-cap-med" : s === _ || s === f ? "ckds-body-sm-med" : "";
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: k(
-        n["ckds-tag"],
-        n[a],
-        n[l],
-        n[_],
-        f(_),
-        n[r],
+      className: z(
+        l["ckds-tag"],
+        l[d],
+        l[r],
+        l[t],
+        i(t),
+        l[c],
         e
       ),
-      ...c,
-      children: i
+      ...a,
+      children: o
     }
   );
 }
 export {
-  K as CKTag
+  G as CKTag
 };

package/dist/components/CardBox/index.js

@@ -1,30 +1,30 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { SIZE as x } from "../MetricCards/Constant/constant.js";
-import '../../assets/index-BZgvXFWW.css';const i = "_shadow_t7x6j_14", l = "_footer_t7x6j_45", r = {
-  "metric-card-wrapper": "_metric-card-wrapper_t7x6j_1",
-  shadow: i,
-  "ckds-cardbox": "_ckds-cardbox_t7x6j_18",
-  "box-bg": "_box-bg_t7x6j_22",
-  "size-regular": "_size-regular_t7x6j_38",
-  "size-large": "_size-large_t7x6j_41",
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { SIZE as i } from "../MetricCards/Constant/constant.js";
+import '../../assets/index-BFoXf6nS.css';const t = "_shadow_d9m0a_14", l = "_footer_d9m0a_45", r = {
+  "metric-card-wrapper": "_metric-card-wrapper_d9m0a_1",
+  shadow: t,
+  "ckds-cardbox": "_ckds-cardbox_d9m0a_18",
+  "box-bg": "_box-bg_d9m0a_22",
+  "size-regular": "_size-regular_d9m0a_38",
+  "size-large": "_size-large_d9m0a_41",
   footer: l
-}, j = ({
-  children: o,
-  cardFooter: s,
-  size: a = x.REGULAR,
-  className: t = "",
+}, p = ({
+  children: e,
+  cardFooter: a,
+  size: o = i.REGULAR,
+  className: d = "",
   boxBg: _ = !1,
   shadow: c = !1
-}) => /* @__PURE__ */ d("div", { className: `${r["metric-card-wrapper"]} ${c ? r.shadow : ""} ${t}`, children: [
-  /* @__PURE__ */ e(
+}) => /* @__PURE__ */ m("div", { className: `${r["metric-card-wrapper"]} ${c ? r.shadow : ""} ${d}`, children: [
+  /* @__PURE__ */ s(
     "div",
     {
-      className: `${r["ckds-cardbox"]} ${r[`size-${a}`]} ${_ ? r["box-bg"] : ""}`,
-      children: o
+      className: `${r["ckds-cardbox"]} ${r[`size-${o}`]} ${_ ? r["box-bg"] : ""}`,
+      children: e
     }
   ),
-  s && /* @__PURE__ */ e("div", { className: r.footer, children: s })
+  a && /* @__PURE__ */ s("div", { className: r.footer, children: a })
 ] });
 export {
-  j as CardBox
+  p as CardBox
 };

package/dist/components/Checkbox/index.js

@@ -1,29 +1,29 @@
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import '../../assets/index-DRigR6XT.css';const e = {
-  "ckcl-checkbox-wrapper": "_ckcl-checkbox-wrapper_19qa8_1",
-  "ckcl-checkbox": "_ckcl-checkbox_19qa8_1"
+import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import '../../assets/index-DWMUQAdQ.css';const e = {
+  "ckcl-checkbox-wrapper": "_ckcl-checkbox-wrapper_nq250_1",
+  "ckcl-checkbox": "_ckcl-checkbox_nq250_1"
 };
-function x({
+function a({
   checked: k,
   onChange: l,
   className: o = "",
-  disabled: a = !1,
-  ...r
+  disabled: r = !1,
+  ...s
 }) {
-  return /* @__PURE__ */ s("label", { className: `${e["ckcl-checkbox-wrapper"]} ${o}`, children: [
+  return /* @__PURE__ */ p("label", { className: `${e["ckcl-checkbox-wrapper"]} ${o}`, children: [
     /* @__PURE__ */ c(
       "input",
       {
         type: "checkbox",
         checked: k,
         onChange: l,
-        disabled: a,
-        ...r
+        disabled: r,
+        ...s
       }
     ),
     /* @__PURE__ */ c("span", { className: e["ckcl-checkbox"] })
   ] });
 }
 export {
-  x as Checkbox
+  a as Checkbox
 };

package/dist/components/CostComparatorTable/_helpers/CostCell.js

@@ -1,6 +1,6 @@
 import { jsx as N } from "react/jsx-runtime";
 import "react";
-import { s as d } from "../../../styles.module-BXby6f8d.js";
+import { s as d } from "../../../styles.module-BhZ_Dm1P.js";
 import { mergeClasses as g } from "../../../utils/mergeClasses.js";
 import { pickPrecision as V } from "../_utils/costComparator.utils.js";
 function O({

package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { CKCheckbox as h } from "../../CKCheckbox/index.js";
-import { s as e } from "../../../styles.module-BXby6f8d.js";
+import { s as e } from "../../../styles.module-BhZ_Dm1P.js";
 function l({ label: c, checked: r, disabled: a, onToggle: o }) {
   return /* @__PURE__ */ d("span", { className: `${e["ckds-header-checkbox"]} ${a ? e["ckds-disabled"] : ""}`, children: [
     /* @__PURE__ */ s(

package/dist/components/CostComparatorTable/index.js

@@ -5,7 +5,7 @@ import { Toggle as Q } from "../Toggle/index.js";
 import { CostCell as U } from "./_helpers/CostCell.js";
 import { HeaderCheckbox as W } from "./_helpers/HeaderCheckbox.js";
 import { sortSelectedHeaders as X } from "./_utils/costComparator.utils.js";
-import { s as r } from "../../styles.module-BXby6f8d.js";
+import { s as r } from "../../styles.module-BhZ_Dm1P.js";
 import { mergeClasses as Y } from "../../utils/mergeClasses.js";
 function le({
   data: b,

package/dist/components/DateRangePicker/Calendar/CalendarGrid.js

@@ -3,8 +3,8 @@ import "react";
 import "../constants.js";
 import "../_utils/util.js";
 import "./calendarGrid.util.js";
-import { C as e } from "../../../CalendarGrid-DzsGX04L.js";
-import "../../../ScrollDropdown-B6iVjMy_.js";
+import { C as e } from "../../../CalendarGrid-Cu-E76sM.js";
+import "../../../ScrollDropdown-gfB7tdTr.js";
 export {
   e as CalendarGrid
 };

package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { S as t } from "../../../ScrollDropdown-B6iVjMy_.js";
+import { S as t } from "../../../ScrollDropdown-gfB7tdTr.js";
 export {
   t as ScrollDropdown
 };

package/dist/components/DateRangePicker/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAYlG,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,oBAAoB,EAErB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AA0B9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAopB1D,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAwBf,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,oBAAoB,EAErB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AA8B9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAizB1D,CAAC"}