@aivenio/aquarium 1.3.0 → 1.4.1

package/dist/atoms.mjs

@@ -2784,27 +2784,36 @@ var Checkbox = React9.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
     return /* @__PURE__ */ React9.createElement("span", {
-      className: tw("inline-flex justify-center items-center self-center")
+      className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
+        "hover:border-grey-50 peer-checked:border-navyBlue-100": !disabled,
+        "border-grey-5": disabled
+      })
     }, /* @__PURE__ */ React9.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "checkbox",
       name
     }, props), {
-      className: tw("opacity-0 peer w-0 h-0"),
+      className: classNames(
+        tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
+          "cursor-pointer checked:bg-navyBlue-100": !disabled,
+          "cursor-not-allowed bg-grey-0": disabled
+        })
+      ),
       readOnly,
       disabled
     })), /* @__PURE__ */ React9.createElement(Icon, {
       icon: indeterminate ? import_minus.default : import_tick.default,
       className: classNames(
         tw(
-          "rounded-sm border peer w-5 h-5 p-[3px] pointer-events-none cursor-pointer peer-disabled:cursor-not-allowed",
-          "border-grey-20 peer-focus:border-info-70 peer-disabled:border-grey-5 peer-checked:border-navyBlue-100",
-          "text-transparent peer-checked:[&>path]:stroke-2 peer-checked:text-white peer-checked:[&>path]:stroke-white"
+          "absolute top-0 right-0",
+          "pointer-events-none p-[2px] w-5 h-5",
+          "text-transparent [&>path]:stroke-transparent",
+          "rounded-sm border border-grey-20 peer-focus:border-info-70"
         ),
         {
-          "peer-checked:bg-navyBlue-100 peer-hover:border-grey-50": !disabled,
-          "peer-checked:bg-gray-0 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30": disabled
+          "peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100": !disabled,
+          "border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30": disabled
         }
       )
     }));
@@ -3301,33 +3310,26 @@ import React18 from "react";
 var RadioButton = React18.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
-    return /* @__PURE__ */ React18.createElement("span", {
-      className: classNames(tw("inline-flex justify-center items-center relative self-center"))
-    }, /* @__PURE__ */ React18.createElement("input", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React18.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "radio",
       name
     }, props), {
-      className: tw("opacity-0 peer/radio w-0 h-0"),
+      className: classNames(
+        tw(
+          "inline-flex justify-center items-center self-center appearance-none",
+          "w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
+          "outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset",
+          {
+            "hover:border-grey-50 checked:border-navyBlue-100": !disabled,
+            "cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
+          }
+        )
+      ),
       readOnly,
       disabled
-    })), /* @__PURE__ */ React18.createElement("span", {
-      className: tw(
-        "rounded-full w-5 h-5 p-[3px] border cursor-pointer",
-        "border-grey-20 peer-focus/radio:border-info-70",
-        "peer-checked/radio:[&>*]:block",
-        {
-          "peer-checked/radio:border-navyBlue-100 peer-hover/radio:border-grey-50": !disabled,
-          "border-grey-5 peer-checked/radio:[&>*]:opacity-40": disabled
-        }
-      )
-    }, /* @__PURE__ */ React18.createElement("span", {
-      style: { backgroundColor: "currentcolor" },
-      className: tw("w-3 h-3 rounded-full hidden bg-navyBlue-100 pointer-events-none", {
-        "peer-checked/radio:opacity-40": disabled
-      })
-    })));
+    }));
   }
 );
 
@@ -3503,34 +3505,116 @@ var Select = {
   Toggle
 };
 
-// src/common/Switch/Switch.tsx
+// src/common/Stepper/Stepper.tsx
 import React20 from "react";
-var Switch = React20.forwardRef(
+var import_tick4 = __toESM(require_tick());
+var Stepper = (_a) => {
+  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    className: classNames(className)
+  }));
+};
+var ConnectorContainer = (_a) => {
+  var _b = _a, {
+    className,
+    completed,
+    dense
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "completed",
+    "dense"
+  ]);
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    className: classNames(
+      tw("absolute w-full -left-1/2", {
+        "top-[3px] px-[14px]": Boolean(dense),
+        "top-[14px] px-[20px]": !dense
+      }),
+      className
+    )
+  }));
+};
+var Connector = (_a) => {
+  var _b = _a, { children, className, completed, dense } = _b, rest = __objRest(_b, ["children", "className", "completed", "dense"]);
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    className: classNames(
+      tw("w-full", {
+        "bg-grey-20": !completed,
+        "bg-success-70": Boolean(completed),
+        "h-[2px]": !dense,
+        "h-[3px]": Boolean(dense)
+      }),
+      className
+    )
+  }));
+};
+var Step = (_a) => {
+  var _b = _a, { className, state } = _b, rest = __objRest(_b, ["className", "state"]);
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    className: classNames(
+      tw("flex flex-col items-center text-grey-90 relative text-center", {
+        "text-grey-20": state === "inactive"
+      }),
+      className
+    )
+  }));
+};
+var getClassNames = (state) => tw("h-[32px] w-[32px] border-2", {
+  "border-grey-90 bg-white": state === "active",
+  "border-grey-20 bg-white": state === "inactive",
+  "text-white bg-success-70 border-success-70": state === "completed"
+});
+var getDenseClassNames = (state) => tw("h-[8px] w-[8px]", {
+  "bg-grey-90": state === "active",
+  "bg-grey-20": state === "inactive",
+  "text-success-70": state === "completed"
+});
+var Indicator = (_a) => {
+  var _b = _a, { children, className, state, dense } = _b, rest = __objRest(_b, ["children", "className", "state", "dense"]);
+  return /* @__PURE__ */ React20.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    className: classNames(
+      tw("rounded-full flex justify-center items-center mx-2 mb-3"),
+      dense ? getDenseClassNames(state) : getClassNames(state),
+      className
+    )
+  }), state === "completed" ? /* @__PURE__ */ React20.createElement(InlineIcon, {
+    icon: import_tick4.default
+  }) : dense ? null : children);
+};
+Step.Indicator = Indicator;
+Stepper.Step = Step;
+ConnectorContainer.Connector = Connector;
+Stepper.ConnectorContainer = ConnectorContainer;
+
+// src/common/Switch/Switch.tsx
+import React21 from "react";
+var Switch = React21.forwardRef(
   (_a, ref) => {
     var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
-    return /* @__PURE__ */ React20.createElement("span", {
+    return /* @__PURE__ */ React21.createElement("span", {
       className: tw("relative inline-flex justify-center items-center self-center group")
-    }, /* @__PURE__ */ React20.createElement("input", __spreadProps(__spreadValues({
+    }, /* @__PURE__ */ React21.createElement("input", __spreadProps(__spreadValues({
       id,
       ref,
       type: "checkbox",
       name
     }, props), {
-      className: tw("opacity-0 peer/switch w-0 h-0"),
+      className: classNames(
+        tw(
+          "appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300",
+          "outline-none focus:border border-info-70 bg-grey-20",
+          "cursor-pointer disabled:cursor-not-allowed",
+          {
+            "hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100": !disabled,
+            "bg-grey-5 checked:opacity-40": disabled
+          }
+        )
+      ),
       readOnly,
       disabled
-    })), /* @__PURE__ */ React20.createElement("span", {
+    })), /* @__PURE__ */ React21.createElement("span", {
       className: tw(
-        "rounded-full inline-block w-[34px] h-[20px] transition duration-300",
-        "peer-focus/switch:border border-info-70 bg-grey-20",
-        {
-          "group-hover:bg-grey-30 peer-checked/switch:bg-navyBlue-100": !disabled,
-          "bg-grey-5 peer-checked/switch:opacity-40": disabled
-        }
-      )
-    }), /* @__PURE__ */ React20.createElement("span", {
-      className: tw(
-        "rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
+        "pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
         "bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
         {
           "shadow-4dp": !disabled
@@ -3541,32 +3625,32 @@ var Switch = React20.forwardRef(
 );
 
 // src/common/Table/Table.tsx
-import React21 from "react";
+import React22 from "react";
 var import_chevronDown3 = __toESM(require_chevronDown());
 var import_chevronUp2 = __toESM(require_chevronUp());
-var HeadContext = React21.createContext(null);
+var HeadContext = React22.createContext(null);
 var tableClassNames = tw("w-full relative typography-default border-spacing-0");
 var Table = (_a) => {
   var _b = _a, { children, ariaLabel, className } = _b, rest = __objRest(_b, ["children", "ariaLabel", "className"]);
-  return /* @__PURE__ */ React21.createElement("table", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement("table", __spreadProps(__spreadValues({}, rest), {
     className: classNames(tableClassNames, className),
     "aria-label": ariaLabel
   }), children);
 };
 var TableHead = (_a) => {
   var _b = _a, { children, sticky } = _b, rest = __objRest(_b, ["children", "sticky"]);
-  return /* @__PURE__ */ React21.createElement("thead", __spreadValues({}, rest), /* @__PURE__ */ React21.createElement("tr", null, /* @__PURE__ */ React21.createElement(HeadContext.Provider, {
+  return /* @__PURE__ */ React22.createElement("thead", __spreadValues({}, rest), /* @__PURE__ */ React22.createElement("tr", null, /* @__PURE__ */ React22.createElement(HeadContext.Provider, {
     value: { children, sticky }
   }, children)));
 };
 var TableBody = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React21.createElement("tbody", __spreadValues({}, rest), children);
+  return /* @__PURE__ */ React22.createElement("tbody", __spreadValues({}, rest), children);
 };
 var rowClassNames = tw("children:border-grey-10 children:last:border-b-0 hover:bg-grey-0");
 var TableRow = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React21.createElement("tr", __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement("tr", __spreadProps(__spreadValues({}, rest), {
     className: classNames(rowClassNames, className)
   }), children);
 };
@@ -3578,29 +3662,29 @@ var getBodyCellClassNames = (table = true) => tw("text-grey-70 py-3", {
 var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
 var getHeadCellClassNames = (sticky = true) => {
   const common = tw("py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal");
-  return sticky ? classNames(common, tw("sticky top-0")) : common;
+  return sticky ? classNames(common, tw("sticky top-0 z-10")) : common;
 };
 var TableCell = (_a) => {
   var _b = _a, { children, className, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "align"]);
-  const headContext = React21.useContext(HeadContext);
-  return headContext ? /* @__PURE__ */ React21.createElement("th", __spreadProps(__spreadValues({}, rest), {
+  const headContext = React22.useContext(HeadContext);
+  return headContext ? /* @__PURE__ */ React22.createElement("th", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       cellClassNames,
       getHeadCellClassNames(headContext.sticky),
       getAlignClassNames(align),
       className
     )
-  }), children) : /* @__PURE__ */ React21.createElement("td", __spreadProps(__spreadValues({}, rest), {
+  }), children) : /* @__PURE__ */ React22.createElement("td", __spreadProps(__spreadValues({}, rest), {
     className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className)
   }), children);
 };
 var TableSelectCell = (_a) => {
   var _b = _a, { ariaLabel } = _b, props = __objRest(_b, ["ariaLabel"]);
-  return /* @__PURE__ */ React21.createElement(Table.Cell, {
+  return /* @__PURE__ */ React22.createElement(Table.Cell, {
     className: tw("leading-[0px]")
-  }, props.type === "radio" ? /* @__PURE__ */ React21.createElement(RadioButton, __spreadValues({
+  }, props.type === "radio" ? /* @__PURE__ */ React22.createElement(RadioButton, __spreadValues({
     "aria-label": ariaLabel
-  }, props)) : /* @__PURE__ */ React21.createElement(Checkbox, __spreadValues({
+  }, props)) : /* @__PURE__ */ React22.createElement(Checkbox, __spreadValues({
     "aria-label": ariaLabel
   }, props)));
 };
@@ -3610,39 +3694,39 @@ var getSortCellIconClassNames = (active) => {
 };
 var TableSortCell = (_a) => {
   var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
-  return /* @__PURE__ */ React21.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React22.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
     "aria-sort": direction
-  }), /* @__PURE__ */ React21.createElement("span", {
+  }), /* @__PURE__ */ React22.createElement("span", {
     className: getSortCellButtonClassNames(rest.align),
     role: "button",
     tabIndex: -1,
     onClick
-  }, children, /* @__PURE__ */ React21.createElement("div", {
+  }, children, /* @__PURE__ */ React22.createElement("div", {
     "data-sort-icons": true,
     className: tw("flex flex-col", {
       "invisible group-hover:visible": direction === "none"
     })
-  }, /* @__PURE__ */ React21.createElement(InlineIcon, {
+  }, /* @__PURE__ */ React22.createElement(InlineIcon, {
     icon: import_chevronUp2.default,
     className: getSortCellIconClassNames(direction === "descending")
-  }), /* @__PURE__ */ React21.createElement(InlineIcon, {
+  }), /* @__PURE__ */ React22.createElement(InlineIcon, {
     icon: import_chevronDown3.default,
     className: getSortCellIconClassNames(direction === "ascending")
   }))));
 };
-var Item3 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React21.createElement("div", {
+var Item3 = ({ image, imageAlt, imageSize = 35, title, caption }) => /* @__PURE__ */ React22.createElement("div", {
   className: tw("flex gap-4 items-center")
-}, image && /* @__PURE__ */ React21.createElement("img", {
+}, image && /* @__PURE__ */ React22.createElement("img", {
   src: image,
   alt: imageAlt,
   style: { width: imageSize, height: imageSize }
-}), /* @__PURE__ */ React21.createElement("div", null, title, caption && /* @__PURE__ */ React21.createElement(Typography2.Caption, null, caption)));
-Table.Head = React21.memo(TableHead);
-Table.Body = React21.memo(TableBody);
-Table.Row = React21.memo(TableRow);
-Table.Cell = React21.memo(TableCell);
-Table.SortCell = React21.memo(TableSortCell);
-Table.SelectCell = React21.memo(TableSelectCell);
+}), /* @__PURE__ */ React22.createElement("div", null, title, caption && /* @__PURE__ */ React22.createElement(Typography2.Caption, null, caption)));
+Table.Head = React22.memo(TableHead);
+Table.Body = React22.memo(TableBody);
+Table.Row = React22.memo(TableRow);
+Table.Cell = React22.memo(TableCell);
+Table.SortCell = React22.memo(TableSortCell);
+Table.SelectCell = React22.memo(TableSelectCell);
 export {
   Alert,
   Checkbox,
@@ -3656,6 +3740,7 @@ export {
   PopoverDialog,
   RadioButton,
   Select,
+  Stepper,
   Switch,
   Table,
   cellClassNames,

package/dist/src/common/Checkbox/Checkbox.js

@@ -16,13 +16,19 @@ import minus from '../../../src/icons/minus';
 import tick from '../../../src/icons/tick';
 export const Checkbox = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
-    return (React.createElement("span", { className: tw('inline-flex justify-center items-center self-center') },
-        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: tw('opacity-0 peer w-0 h-0'), readOnly: readOnly, disabled: disabled })),
-        React.createElement(Icon, { icon: indeterminate ? minus : tick, className: classNames(tw('rounded-sm border peer w-5 h-5 p-[3px] pointer-events-none cursor-pointer peer-disabled:cursor-not-allowed', 'border-grey-20 peer-focus:border-info-70 peer-disabled:border-grey-5 peer-checked:border-navyBlue-100', 'text-transparent peer-checked:[&>path]:stroke-2 peer-checked:text-white peer-checked:[&>path]:stroke-white'), 
+    return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center self-center relative'), {
+            'hover:border-grey-50 peer-checked:border-navyBlue-100': !disabled,
+            'border-grey-5': disabled,
+        }) },
+        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('peer appearance-none outline-none w-5 h-5', 'rounded-sm border border-transparent', {
+                'cursor-pointer checked:bg-navyBlue-100': !disabled,
+                'cursor-not-allowed bg-grey-0': disabled,
+            })), readOnly: readOnly, disabled: disabled })),
+        React.createElement(Icon, { icon: indeterminate ? minus : tick, className: classNames(tw('absolute top-0 right-0', 'pointer-events-none p-[2px] w-5 h-5', 'text-transparent [&>path]:stroke-transparent', 'rounded-sm border border-grey-20 peer-focus:border-info-70'), 
             // It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
             {
-                'peer-checked:bg-navyBlue-100 peer-hover:border-grey-50': !disabled,
-                'peer-checked:bg-gray-0 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
+                'peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100': !disabled,
+                'border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
             }) })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVlsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdEMsQ0FBQyxFQUEyRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXBHLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLGFBQWEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQXpGLG1FQUEyRixDQUFGO0lBQVksT0FBQSxDQUNwRyw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLHFEQUFxRCxDQUFDO1FBQ3hFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxFQUFFLENBQUMsd0JBQXdCLENBQUMsRUFDdkMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQ2xDLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSw0R0FBNEcsRUFDNUcsdUdBQXVHLEVBQ3ZHLDRHQUE0RyxDQUM3RztZQUNELDhHQUE4RztZQUM5RztnQkFDRSx3REFBd0QsRUFBRSxDQUFDLFFBQVE7Z0JBQ25FLHVGQUF1RixFQUFFLFFBQVE7YUFDbEcsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVlsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdEMsQ0FBQyxFQUEyRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXBHLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLGFBQWEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQXpGLG1FQUEyRixDQUFGO0lBQVksT0FBQSxDQUNwRyw4QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw4REFBOEQsQ0FBQyxFQUFFO1lBQ3hGLHVEQUF1RCxFQUFFLENBQUMsUUFBUTtZQUNsRSxlQUFlLEVBQUUsUUFBUTtTQUMxQixDQUFDO1FBRUYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJDQUEyQyxFQUFFLHNDQUFzQyxFQUFFO2dCQUN0Rix3Q0FBd0MsRUFBRSxDQUFDLFFBQVE7Z0JBQ25ELDhCQUE4QixFQUFFLFFBQVE7YUFDekMsQ0FBQyxDQUNILEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQ2xDLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSx3QkFBd0IsRUFDeEIscUNBQXFDLEVBQ3JDLDhDQUE4QyxFQUM5Qyw0REFBNEQsQ0FDN0Q7WUFDRCw4R0FBOEc7WUFDOUc7Z0JBQ0UsdUhBQXVILEVBQ3JILENBQUMsUUFBUTtnQkFDWCw4RUFBOEUsRUFBRSxRQUFRO2FBQ3pGLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9

package/dist/src/common/RadioButton/RadioButton.js

@@ -13,16 +13,9 @@ import React from 'react';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export const RadioButton = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
-    return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center relative self-center')) },
-        React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: tw('opacity-0 peer/radio w-0 h-0'), readOnly: readOnly, disabled: disabled })),
-        React.createElement("span", { className: tw('rounded-full w-5 h-5 p-[3px] border cursor-pointer', 'border-grey-20 peer-focus/radio:border-info-70', 'peer-checked/radio:[&>*]:block', 
-            // It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
-            {
-                'peer-checked/radio:border-navyBlue-100 peer-hover/radio:border-grey-50': !disabled,
-                'border-grey-5 peer-checked/radio:[&>*]:opacity-40': disabled,
-            }) },
-            React.createElement("span", { style: { backgroundColor: 'currentcolor' }, className: tw('w-3 h-3 rounded-full hidden bg-navyBlue-100 pointer-events-none', {
-                    'peer-checked/radio:opacity-40': disabled,
-                }) }))));
+    return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset', {
+            'hover:border-grey-50 checked:border-navyBlue-100': !disabled,
+            'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
+        })), readOnly: readOnly, disabled: disabled })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw4QkFBTSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw4REFBOEQsQ0FBQyxDQUFDO1FBQzdGLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsT0FBTyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxFQUFFLENBQUMsOEJBQThCLENBQUMsRUFDN0MsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFDRiw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUNYLG9EQUFvRCxFQUNwRCxnREFBZ0QsRUFDaEQsZ0NBQWdDO1lBQ2hDLDhHQUE4RztZQUM5RztnQkFDRSx3RUFBd0UsRUFBRSxDQUFDLFFBQVE7Z0JBQ25GLG1EQUFtRCxFQUFFLFFBQVE7YUFDOUQsQ0FDRjtZQUVELDhCQUNFLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsRUFDMUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpRUFBaUUsRUFBRTtvQkFDL0UsK0JBQStCLEVBQUUsUUFBUTtpQkFDMUMsQ0FBQyxHQUNGLENBQ0csQ0FDRixDQUNSLENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLE9BQU8sRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQ0EscUVBQXFFLEVBQ3JFLG1FQUFtRSxFQUNuRSxxRkFBcUYsRUFDckY7WUFDRSxrREFBa0QsRUFBRSxDQUFDLFFBQVE7WUFDN0Qsa0VBQWtFLEVBQUUsUUFBUTtTQUM3RSxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQixDQUNILENBQUE7Q0FBQSxDQUNGLENBQUMifQ==

package/dist/src/common/Stepper/Stepper.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+declare type DivProps = React.HTMLProps<HTMLDivElement>;
+declare type State = 'inactive' | 'active' | 'completed';
+declare type ComposedStepperProps = React.FC<DivProps> & {
+    Step: typeof Step;
+    ConnectorContainer: typeof ConnectorContainer;
+};
+export declare const Stepper: ComposedStepperProps;
+declare type ConnectorContainerProps = DivProps & {
+    completed?: boolean;
+    dense?: boolean;
+};
+declare const ConnectorContainer: React.FC<ConnectorContainerProps> & {
+    Connector: typeof Connector;
+};
+declare type ConnectorProps = DivProps & {
+    completed?: boolean;
+    dense?: boolean;
+};
+declare const Connector: React.FC<ConnectorProps>;
+declare type StepProps = DivProps & {
+    state: State;
+};
+declare const Step: React.FC<StepProps> & {
+    Indicator: typeof Indicator;
+};
+declare type IndicatorProps = DivProps & {
+    state: State;
+    dense?: boolean;
+    children: string | number;
+};
+declare const Indicator: React.FC<IndicatorProps>;
+export {};

package/dist/src/common/Stepper/Stepper.js

@@ -0,0 +1,60 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { InlineIcon } from '../../../src/components/Icon/Icon';
+import { classNames, tw } from '../../../src/utils/tailwind';
+import tick from '../../../src/icons/tick';
+export const Stepper = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(className) })));
+};
+const ConnectorContainer = (_a) => {
+    var { className, completed, dense } = _a, rest = __rest(_a, ["className", "completed", "dense"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('absolute w-full -left-1/2', {
+            'top-[3px] px-[14px]': Boolean(dense),
+            'top-[14px] px-[20px]': !dense,
+        }), className) })));
+};
+const Connector = (_a) => {
+    var { children, className, completed, dense } = _a, rest = __rest(_a, ["children", "className", "completed", "dense"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('w-full', {
+            'bg-grey-20': !completed,
+            'bg-success-70': Boolean(completed),
+            'h-[2px]': !dense,
+            'h-[3px]': Boolean(dense),
+        }), className) })));
+};
+const Step = (_a) => {
+    var { className, state } = _a, rest = __rest(_a, ["className", "state"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col items-center text-grey-90 relative text-center', {
+            'text-grey-20': state === 'inactive',
+        }), className) })));
+};
+const getClassNames = (state) => tw('h-[32px] w-[32px] border-2', {
+    'border-grey-90 bg-white': state === 'active',
+    'border-grey-20 bg-white': state === 'inactive',
+    'text-white bg-success-70 border-success-70': state === 'completed',
+});
+const getDenseClassNames = (state) => tw('h-[8px] w-[8px]', {
+    'bg-grey-90': state === 'active',
+    'bg-grey-20': state === 'inactive',
+    'text-success-70': state === 'completed',
+});
+const Indicator = (_a) => {
+    var { children, className, state, dense } = _a, rest = __rest(_a, ["children", "className", "state", "dense"]);
+    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('rounded-full flex justify-center items-center mx-2 mb-3'), dense ? getDenseClassNames(state) : getClassNames(state), className) }), state === 'completed' ? React.createElement(InlineIcon, { icon: tick }) : dense ? null : children));
+};
+Step.Indicator = Indicator;
+Stepper.Step = Step;
+ConnectorContainer.Connector = Connector;
+Stepper.ConnectorContainer = ConnectorContainer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vU3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVdsQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUN2RSw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUNwRCxDQUFBO0NBQUEsQ0FBQztBQU9GLE1BQU0sa0JBQWtCLEdBQXdFLENBQUMsRUFLaEcsRUFBRSxFQUFFO1FBTDRGLEVBQy9GLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxPQUVOLEVBREksSUFBSSxjQUp3RixtQ0FLaEcsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJCQUEyQixFQUFFO1lBQzlCLHFCQUFxQixFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7WUFDckMsc0JBQXNCLEVBQUUsQ0FBQyxLQUFLO1NBQy9CLENBQUMsRUFDRixTQUFTLENBQ1YsSUFDRCxDQUNILENBQUE7Q0FBQSxDQUFDO0FBT0YsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBa0QsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUFoRCwrQ0FBa0QsQ0FBRjtJQUFPLE9BQUEsQ0FDbEcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxRQUFRLEVBQUU7WUFDWCxZQUFZLEVBQUUsQ0FBQyxTQUFTO1lBQ3hCLGVBQWUsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQ25DLFNBQVMsRUFBRSxDQUFDLEtBQUs7WUFDakIsU0FBUyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7U0FDMUIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFNRixNQUFNLElBQUksR0FBMEQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDckcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyw4REFBOEQsRUFBRTtZQUNqRSxjQUFjLEVBQUUsS0FBSyxLQUFLLFVBQVU7U0FDckMsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFRRixNQUFNLGFBQWEsR0FBRyxDQUFDLEtBQVksRUFBRSxFQUFFLENBQ3JDLEVBQUUsQ0FBQyw0QkFBNEIsRUFBRTtJQUMvQix5QkFBeUIsRUFBRSxLQUFLLEtBQUssUUFBUTtJQUM3Qyx5QkFBeUIsRUFBRSxLQUFLLEtBQUssVUFBVTtJQUMvQyw0Q0FBNEMsRUFBRSxLQUFLLEtBQUssV0FBVztDQUNwRSxDQUFDLENBQUM7QUFFTCxNQUFNLGtCQUFrQixHQUFHLENBQUMsS0FBWSxFQUFFLEVBQUUsQ0FDMUMsRUFBRSxDQUFDLGlCQUFpQixFQUFFO0lBQ3BCLFlBQVksRUFBRSxLQUFLLEtBQUssUUFBUTtJQUNoQyxZQUFZLEVBQUUsS0FBSyxLQUFLLFVBQVU7SUFDbEMsaUJBQWlCLEVBQUUsS0FBSyxLQUFLLFdBQVc7Q0FDekMsQ0FBQyxDQUFDO0FBRUwsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBOEMsRUFBRSxFQUFFO1FBQWxELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUE1QywyQ0FBOEMsQ0FBRjtJQUFPLE9BQUEsQ0FDOUYsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx5REFBeUQsQ0FBQyxFQUM3RCxLQUFLLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQ3hELFNBQVMsQ0FDVixLQUVBLEtBQUssS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQ3pFLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztBQUMzQixPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUNwQixrQkFBa0IsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE9BQU8sQ0FBQyxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQyJ9

package/dist/src/common/Switch/Switch.js

@@ -10,19 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { tw } from '../../../src/utils/tailwind';
+import { classNames, tw } from '../../../src/utils/tailwind';
 export const Switch = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
     return (React.createElement("span", { className: tw('relative inline-flex justify-center items-center self-center group') },
-        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: tw('opacity-0 peer/switch w-0 h-0'), readOnly: readOnly, disabled: disabled })),
-        React.createElement("span", { className: tw('rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'peer-focus/switch:border border-info-70 bg-grey-20', 
-            // It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
-            {
-                'group-hover:bg-grey-30 peer-checked/switch:bg-navyBlue-100': !disabled,
-                'bg-grey-5 peer-checked/switch:opacity-40': disabled,
-            }) }),
-        React.createElement("span", { className: tw('rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
+        React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'outline-none focus:border border-info-70 bg-grey-20', 'cursor-pointer disabled:cursor-not-allowed', {
+                'hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100': !disabled,
+                'bg-grey-5 checked:opacity-40': disabled,
+            })), readOnly: readOnly, disabled: disabled })),
+        React.createElement("span", { className: tw('pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
                 'shadow-4dp': !disabled,
             }) })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsb0VBQW9FLENBQUM7UUFDdkYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxFQUM5QyxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUdGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gscUVBQXFFLEVBQ3JFLG9EQUFvRDtZQUNwRCw4R0FBOEc7WUFDOUc7Z0JBQ0UsNERBQTRELEVBQUUsQ0FBQyxRQUFRO2dCQUN2RSwwQ0FBMEMsRUFBRSxRQUFRO2FBQ3JELENBQ0YsR0FDRDtRQUVGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gsZ0hBQWdILEVBQ2hILDJFQUEyRSxFQUMzRTtnQkFDRSxZQUFZLEVBQUUsQ0FBQyxRQUFRO2FBQ3hCLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLG9FQUFvRSxDQUFDO1FBQ3ZGLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxpR0FBaUcsRUFDakcscURBQXFELEVBQ3JELDRDQUE0QyxFQUM1QztnQkFDRSx3RUFBd0UsRUFBRSxDQUFDLFFBQVE7Z0JBQ25GLDhCQUE4QixFQUFFLFFBQVE7YUFDekMsQ0FDRixDQUNGLEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRiw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUNYLG9JQUFvSSxFQUNwSSwyRUFBMkUsRUFDM0U7Z0JBQ0UsWUFBWSxFQUFFLENBQUMsUUFBUTthQUN4QixDQUNGLEdBQ0QsQ0FDRyxDQUNSLENBQUE7Q0FBQSxDQUNGLENBQUMifQ==

package/dist/src/common/Table/Table.js

@@ -47,7 +47,7 @@ export const getBodyCellClassNames = (table = true) => tw('text-grey-70 py-3', {
 export const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
 export const getHeadCellClassNames = (sticky = true) => {
     const common = tw('py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal');
-    return sticky ? classNames(common, tw('sticky top-0')) : common;
+    return sticky ? classNames(common, tw('sticky top-0 z-10')) : common;
 };
 const TableCell = (_a) => {
     var { children, className, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "align"]);
@@ -88,4 +88,4 @@ Table.Row = React.memo(TableRow);
 Table.Cell = React.memo(TableCell);
 Table.SortCell = React.memo(TableSortCell);
 Table.SelectCell = React.memo(TableSelectCell);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBRTlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFzQixRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RSxPQUFPLEVBQXlCLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBR3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUF1QzVDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQyxxREFBcUQsQ0FBQyxDQUFDO0FBRWxGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQTJDLEVBQUUsRUFBRTtRQUEvQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1QyxPQUFPLENBQ0wsK0NBQVcsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxnQkFBYyxTQUFTLEtBQ3RGLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFXLEVBQU4s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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBRTlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFzQixRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RSxPQUFPLEVBQXlCLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBR3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUF1QzVDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQyxxREFBcUQsQ0FBQyxDQUFDO0FBRWxGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQTJDLEVBQUUsRUFBRTtRQUEvQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1QyxPQUFPLENBQ0wsK0NBQVcsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxnQkFBYyxTQUFTLEtBQ3RGLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFXLEVBQU4s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

package/dist/src/common/index.d.ts

@@ -9,5 +9,6 @@ export * from './Popover/Popover';
 export * from './PopoverDialog/PopoverDialog';
 export * from './RadioButton/RadioButton';
 export * from './Select/Select';
+export * from './Stepper/Stepper';
 export * from './Switch/Switch';
 export * from './Table/Table';

package/dist/src/common/index.js

@@ -9,6 +9,7 @@ export * from './Popover/Popover';
 export * from './PopoverDialog/PopoverDialog';
 export * from './RadioButton/RadioButton';
 export * from './Select/Select';
+export * from './Stepper/Stepper';
 export * from './Switch/Switch';
 export * from './Table/Table';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUMifQ==