@ck-ui/component-library 2.0.3 → 2.0.5

package/dist/components/Tag/index.js

@@ -1,15 +1,15 @@
-import { jsx as d } from "react/jsx-runtime";
-import '../../assets/index-t78owPAF.css';const g = "_small_1xdr6_16", o = "_medium_1xdr6_21", m = "_large_1xdr6_26", u = "_neutral_1xdr6_32", x = "_danger_1xdr6_39", i = "_success_1xdr6_46", f = "_info_1xdr6_53", k = "_warning_1xdr6_60", r = {
-  "ckcl-tag": "_ckcl-tag_1xdr6_1",
-  "x-small": "_x-small_1xdr6_11",
-  small: g,
-  medium: o,
-  large: m,
-  neutral: u,
-  danger: x,
-  success: i,
-  info: f,
-  warning: k
+import { jsx as g } from "react/jsx-runtime";
+import '../../assets/index-DhtWNfIJ.css';const o = "_small_1teae_16", m = "_medium_1teae_21", u = "_large_1teae_26", i = "_neutral_1teae_32", d = "_danger_1teae_39", f = "_success_1teae_46", k = "_info_1teae_53", x = "_warning_1teae_60", a = {
+  "ckcl-tag": "_ckcl-tag_1teae_1",
+  "x-small": "_x-small_1teae_11",
+  small: o,
+  medium: m,
+  large: u,
+  neutral: i,
+  danger: d,
+  success: f,
+  info: k,
+  warning: x
 }, N = {
   NEUTRAL: "neutral",
   DANGER: "danger",
@@ -18,19 +18,19 @@ import '../../assets/index-t78owPAF.css';const g = "_small_1xdr6_16", o = "_medi
   WARNING: "warning"
 };
 function $({
-  variation: n,
-  children: e,
-  className: a = "",
-  size: l = "medium",
+  variation: s,
+  children: n,
+  className: l = "",
+  size: t = "medium",
   ...c
 }) {
-  const t = N[n] || n || "neutral", _ = (s) => s === "x-small" ? "ckcl-body-xs-reg" : s === "small" ? "ckcl-body-sm-reg" : s === "medium" || s === "large" ? "ckcl-body-lg-reg" : "";
-  return /* @__PURE__ */ d(
+  const r = N[s] || s || "neutral", _ = (e) => e === "x-small" ? "ckcl-body-xs-reg" : e === "small" ? "ckcl-body-sm-reg" : e === "medium" || e === "large" ? "ckcl-body-lg-reg" : "";
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: `${a} ${r["ckcl-tag"]} ${r[t]} ${r[l]} ${_(l)}`,
+      className: `${l} ${a["ckcl-tag"]} ${a[r]} ${a[t]} ${_(t)}`,
       ...c,
-      children: e
+      children: n
     }
   );
 }

package/dist/components/TextArea/index.js

@@ -1,47 +1,47 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import * as _ from "react";
 import { useState as d, useRef as F, useEffect as k } from "react";
-import '../../assets/index-BOXxnraF.css';const I = "_label_16th2_15", Z = "_mandatory_16th2_23", A = "_counter_16th2_32", P = "_focused_16th2_74", W = "_error_16th2_78", q = "_disabled_16th2_109", e = {
-  "ckds-text-area-wrapper": "_ckds-text-area-wrapper_16th2_1",
-  "top-section": "_top-section_16th2_9",
+import '../../assets/index-Bcdauu8Y.css';const I = "_label_65gie_15", Z = "_mandatory_65gie_23", A = "_counter_65gie_32", P = "_focused_65gie_74", W = "_error_65gie_78", q = "_disabled_65gie_109", e = {
+  "ckds-text-area-wrapper": "_ckds-text-area-wrapper_65gie_1",
+  "top-section": "_top-section_65gie_9",
   label: I,
   mandatory: Z,
   counter: A,
-  "text-area-container": "_text-area-container_16th2_40",
-  "text-area": "_text-area_16th2_40",
+  "text-area-container": "_text-area-container_65gie_40",
+  "text-area": "_text-area_65gie_40",
   focused: P,
   error: W,
-  "read-only": "_read-only_16th2_82",
-  "no-resize": "_no-resize_16th2_86",
-  "resize-icon": "_resize-icon_16th2_90",
-  "helper-text": "_helper-text_16th2_95",
-  "error-text": "_error-text_16th2_102",
+  "read-only": "_read-only_65gie_82",
+  "no-resize": "_no-resize_65gie_86",
+  "resize-icon": "_resize-icon_65gie_90",
+  "helper-text": "_helper-text_65gie_95",
+  "error-text": "_error-text_65gie_102",
   disabled: q
 }, D = (r) => /* @__PURE__ */ _.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ _.createElement("path", { d: "M9.33333 10.5001L10.5 9.33345L9.33333 10.5001ZM6.41667 10.5001L10.5 6.41678L6.41667 10.5001ZM3.5 10.5L10.5 3.5L3.5 10.5Z", fill: "#737373" }), /* @__PURE__ */ _.createElement("path", { d: "M9.33333 10.5001L10.5 9.33345M6.41667 10.5001L10.5 6.41678M3.5 10.5L10.5 3.5", stroke: "#737373", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" })), J = ({
   name: r,
-  label: h,
+  label: f,
   value: n = "",
   placeholder: v = "",
-  onChange: f,
+  onChange: g,
   onBlur: p,
-  error: l,
+  error: i,
   helperText: a,
   disabled: s = !1,
   readOnly: u = !1,
-  maxLength: x = 100,
+  maxLength: h = 100,
   rows: z = 4,
-  resize: m = !1,
+  resize: x = !1,
   showCounter: M = !0,
   className: R = "",
   mandatory: E = !1
 }) => {
-  const [S, $] = d(!1), [j, g] = d(n.length), i = F(null), [w, B] = d({
+  const [S, m] = d(!1), [j, $] = d(n.length), l = F(null), [w, B] = d({
     left: 0,
     top: 0
   });
   k(() => {
-    if (!i.current) return;
-    const t = i.current, b = () => {
+    if (!l.current) return;
+    const t = l.current, b = () => {
       const N = t.getBoundingClientRect();
       B({
         left: N.width - 20,
@@ -54,19 +54,19 @@ import '../../assets/index-BOXxnraF.css';const I = "_label_16th2_15", Z = "_mand
     });
     return L.observe(t), () => L.disconnect();
   }, []), k(() => {
-    g(n.length);
+    $(n.length);
   }, [n]);
   const C = (t) => {
-    g(t.target.value.length), f && f(t);
-  }, y = !!l;
+    $(t.target.value.length), g && g(t);
+  }, y = !!i;
   return /* @__PURE__ */ c("div", { className: `${e["ckds-text-area-wrapper"]} ${R}`, children: [
     /* @__PURE__ */ c("div", { className: e["top-section"], children: [
-      h && /* @__PURE__ */ o(
+      f && /* @__PURE__ */ o(
         "label",
         {
           htmlFor: r,
           className: `${e.label} ${E ? e?.mandatory : ""} ${s ? e.disabled : ""} `,
-          children: h
+          children: f
         }
       ),
       M && /* @__PURE__ */ c(
@@ -76,7 +76,7 @@ import '../../assets/index-BOXxnraF.css';const I = "_label_16th2_15", Z = "_mand
           children: [
             j,
             "/",
-            x
+            h
           ]
         }
       )
@@ -85,19 +85,19 @@ import '../../assets/index-BOXxnraF.css';const I = "_label_16th2_15", Z = "_mand
       /* @__PURE__ */ o(
         "textarea",
         {
-          ref: i,
+          ref: l,
           id: r,
           name: r,
           value: n,
           placeholder: v,
           rows: z,
-          maxLength: x,
+          maxLength: h,
           disabled: s,
           readOnly: u,
           onChange: C,
-          onFocus: () => $(!0),
+          onFocus: () => m(!0),
           onBlur: (t) => {
-            $(!1), p && p(t);
+            m(!1), p && p(t);
           },
           className: `
           ${e["text-area"]}
@@ -105,11 +105,11 @@ import '../../assets/index-BOXxnraF.css';const I = "_label_16th2_15", Z = "_mand
           ${y ? e.error : ""}
           ${s ? e.disabled : ""}
           ${u ? e["read-only"] : ""}
-          ${!m && e["no-resize"]}
+          ${!x && e["no-resize"]}
         `
         }
       ),
-      m && /* @__PURE__ */ o(
+      x && /* @__PURE__ */ o(
         D,
         {
           className: e["resize-icon"],
@@ -120,7 +120,7 @@ import '../../assets/index-BOXxnraF.css';const I = "_label_16th2_15", Z = "_mand
         }
       )
     ] }),
-    l && /* @__PURE__ */ o("span", { className: ` ${y ? e["error-text"] : ""}`, children: l }),
+    i && /* @__PURE__ */ o("span", { className: ` ${y ? e["error-text"] : ""}`, children: i }),
     a && (typeof a == "string" ? /* @__PURE__ */ o(
       "span",
       {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextField/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,wBAAgB,SAAS,CAAC,EACxB,IAAa,EACb,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACtB,SAAS,EACT,UAAe,EACf,MAAM,EACN,UAAU,EACV,WAAgB,EAChB,SAAgB,EAChB,OAAO,EACP,aAAa,EACb,QAAgB,EAChB,aAAkB,EAClB,WAAgB,EAChB,YAAmB,EACnB,OAAO,EACP,SAAgB,EAChB,MAAM,EACN,eAAoB,EACpB,kBAAuB,EACvB,gBAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,gBAAgB,EAChB,SAAiB,EACjB,UAAU,EACV,QAAgB,EAChB,SAAiB,EACjB,OAAO,EACP,IAAe,GAChB,EAAE,cAAc,2CAwLhB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextField/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,wBAAgB,SAAS,CAAC,EACxB,IAAa,EACb,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACtB,SAAS,EACT,UAAe,EACf,MAAM,EACN,UAAU,EACV,WAAgB,EAChB,SAAgB,EAChB,OAAO,EACP,aAAa,EACb,QAAgB,EAChB,aAAkB,EAClB,WAAgB,EAChB,YAAmB,EACnB,OAAO,EACP,SAAgB,EAChB,MAAM,EACN,eAAoB,EACpB,kBAAuB,EACvB,gBAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,gBAAgB,EAChB,SAAiB,EACjB,UAAU,EACV,QAAgB,EAChB,SAAiB,EACjB,OAAO,EACP,IAAe,GAChB,EAAE,cAAc,2CA8JhB;AAED,eAAe,SAAS,CAAC"}