@ck-ui/component-library 1.0.0 → 1.0.1

package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js

@@ -1,69 +1,71 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { CKCheckbox as c } from "../../../CKCheckbox/index.js";
+import { CKCheckbox as d } from "../../../CKCheckbox/index.js";
 import { Typography as l } from "../../../Typography/index.js";
-import { RadioGroup as t } from "../../../RadioGroup/index.js";
+import { RadioGroup as c } from "../../../RadioGroup/index.js";
 function h({ draftConfig: a, setDraftConfig: r }) {
   return /* @__PURE__ */ i("div", { className: "ckds-column-config-panel", children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i("label", { className: "ckds-column-config-label", children: [
       /* @__PURE__ */ e(
-        c,
+        d,
         {
           checked: a.wrapText,
           onChange: (n) => r((o) => ({
             ...o,
             wrapText: n
-          }))
+          })),
+          size: "md"
         }
       ),
-      /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+      /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "4px", marginTop: "-1px" }, children: [
         /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Wrap Text" }),
-        /* @__PURE__ */ e(l, { variant: "caption", color: "secondary", children: "Show full content in cells instead of truncating" })
+        /* @__PURE__ */ e(l, { color: "secondary", variant: "body-xs", children: "Show full content in cells instead of truncating" })
       ] })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { marginTop: "16px" }, children: /* @__PURE__ */ i("label", { className: "ckds-column-config-label", children: [
       /* @__PURE__ */ e(
-        c,
+        d,
         {
           checked: a.stripedRows,
           onChange: (n) => r((o) => ({
             ...o,
             stripedRows: n
-          }))
+          })),
+          size: "md"
         }
       ),
-      /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+      /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "4px", marginTop: "-1px" }, children: [
         /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Zebra Striping" }),
-        /* @__PURE__ */ e(l, { variant: "caption", color: "secondary", children: "Alternate row colors for easier reading" })
+        /* @__PURE__ */ e(l, { variant: "body-xs", color: "secondary", children: "Alternate row colors for easier reading" })
       ] })
     ] }) }),
     /* @__PURE__ */ e("div", { className: "ckds-column-config-divider" }),
     /* @__PURE__ */ i("div", { style: { marginTop: "16px" }, children: [
       /* @__PURE__ */ i("div", { style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e(l, { variant: "body-sm", color: "secondary", children: "Pin Start Column" }),
-        /* @__PURE__ */ e(l, { variant: "caption", weight: "medium", children: "Keep columns fixed when scrolling" })
+        /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Pin Start Column" }),
+        /* @__PURE__ */ e(l, { variant: "body-xs", color: "secondary", children: "Keep columns fixed when scrolling" })
       ] }),
       /* @__PURE__ */ e("div", { style: { marginTop: "8px" }, children: /* @__PURE__ */ e(
-        t,
+        c,
         {
           name: "stickyStart",
           value: a.stickyStart,
           onChange: (n) => r((o) => ({ ...o, stickyStart: n })),
-          size: "small",
           options: [
             { label: "None", value: "none" },
             { label: "First Column", value: "first" },
             { label: "First Two Columns", value: "firstTwo" }
-          ]
+          ],
+          gap: "8px"
         }
       ) })
     ] }),
     /* @__PURE__ */ i("div", { style: { marginTop: "16px" }, children: [
       /* @__PURE__ */ i("div", { style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e(l, { variant: "body-sm", color: "secondary", children: "Pin End Column" }),
-        /* @__PURE__ */ e(l, { variant: "caption", weight: "medium", children: "Keep the last column fixed while scrolling" })
+        /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Pin End Column" }),
+        /* @__PURE__ */ e(l, { variant: "body-xs", color: "secondary", children: "Keep the last column fixed while scrolling" })
       ] }),
       /* @__PURE__ */ e("div", { style: { marginTop: "8px" }, children: /* @__PURE__ */ e(
-        t,
+        c,
         {
           name: "stickyEnd",
           value: a.stickyEnd,
@@ -72,7 +74,8 @@ function h({ draftConfig: a, setDraftConfig: r }) {
           options: [
             { label: "None", value: "none" },
             { label: "Last Column", value: "last" }
-          ]
+          ],
+          gap: "8px"
         }
       ) })
     ] })

package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,0BAA0B,CAAC;AAC3F,OAAO,eAAe,CAAC;AAgEvB,iBAAS,aAAa,CAAC,KAAK,EAAE,EAC5B,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,eAAe,GAChB,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAiG3B;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,0BAA0B,CAAC;AAC3F,OAAO,eAAe,CAAC;AAkEvB,iBAAS,aAAa,CAAC,KAAK,EAAE,EAC5B,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,eAAe,GAChB,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAoG3B;AAED,eAAe,aAAa,CAAC"}