opus-toolkit-components 0.7.1 → 0.7.3

package/lib/{main.9756d83ef5ec8bb54c1e.js → main.6710a9addb593f916cf3.js}

@@ -588,6 +588,7 @@ __webpack_require__.d(__webpack_exports__, {
   Accordion: () => (/* reexport */ Accordions_Accordion),
   Button: () => (/* reexport */ Button),
   Card: () => (/* reexport */ Card),
+  Checkbox: () => (/* reexport */ Checkbox),
   DatePicker: () => (/* reexport */ DatePicker),
   Dropdown: () => (/* reexport */ Dropdown),
   Input: () => (/* reexport */ Inputs_Input),
@@ -3569,14 +3570,14 @@ function Button(_ref) {
   // Define styles for button ranks
   const rankStyles = {
     primary: 'bg-[--color-primary-btn] hover:bg-[--color-primary-btn-hover] text-greyBaseLight',
-    secondary: 'bg-greyBaseDark900 hover:bg-brandPink700 text-greyBaseLight',
-    outline: 'bg-greyLight50 border-solid border-2 border-[--color-outline-btn] hover:border-[--color-outline-btn-hover] text-[--color-text-strong]',
+    secondary: 'bg-transparent hover:bg-brandPink700 text-greyBaseLight',
+    outline: 'bg-[--color-input-bg] border-solid border-2 border-[--color-outline-btn] hover:border-[--color-outline-btn-hover] text-[--color-text-strong]',
     neutral: 'bg-greyLight50 hover:bg-greyLight100 text-greyLight700',
     destructive: 'bg-utilRed1000 hover:bg-utilRed800 text-greyBaseLight'
   };
 
   // Disabled styles for button
-  const disabledStyles = 'bg-greyLight100 text-greyLight500 cursor-not-allowed';
+  const disabledStyles = 'bg-[--color-input-bg] text-[--color-text-weak] cursor-not-allowed';
 
   // Icon animation style (if applicable)
   const iconClassNames = "inline-block \n    transition-transform \n    ease-in-out \n    duration-200\n    h-5 w-5\n    ".concat(iconPosition === 'right' ? 'ml-2' : 'mr-2', "\n    ").concat(isIconAnimated && !isSaving ? 'group-hover:translate-x-1' : '', "\n    ").concat(isSaving ? 'animate-spin' : '', " // Add spinning animation\n  ");
@@ -3873,6 +3874,33 @@ const RadioButton = _ref => {
 };
 RadioButton.displayName = 'RadioButton';
 /* harmony default export */ const Radios_RadioButton = (RadioButton);
+;// ./src/components/Forms/Checkbox/Checkbox.jsx
+
+function Checkbox(_ref) {
+  let {
+    label,
+    name,
+    onChange,
+    value = false,
+    isValid = true,
+    errorMessage = "",
+    disabled = false
+  } = _ref;
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: "flex flex-col mb-4"
+  }, /*#__PURE__*/external_react_default().createElement("label", {
+    className: "flex items-center text-[--color-text-weak]"
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    type: "checkbox",
+    name: name,
+    checked: value,
+    onChange: onChange,
+    disabled: disabled,
+    className: "mr-2 cursor-pointer"
+  }), label), !isValid && errorMessage && /*#__PURE__*/external_react_default().createElement("span", {
+    className: "text-rose-500 text-sm mt-1"
+  }, errorMessage));
+}
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Tables/table.scss
 var table = __webpack_require__(705);
 ;// ./src/components/Tables/table.scss
@@ -3924,13 +3952,13 @@ function Table(_ref) {
     className: "bg-[--color-table-head-bg] ".concat(headRowClassName)
   }, data.map(column => /*#__PURE__*/external_react_default().createElement("th", {
     key: column.key,
-    className: "border-b border-gray-300 py-2 px-4 text-sm font-normal text-greyDark1000 ".concat(headCellClassName)
+    className: "border-b border-[--color-stroke] py-2 px-4 text-sm font-normal text-[--color-text-strong] ".concat(headCellClassName)
   }, column.header)))), /*#__PURE__*/external_react_default().createElement("tbody", null, rows.map((row, index) => /*#__PURE__*/external_react_default().createElement("tr", {
     key: rowKeyExtractor(row, index),
-    className: "".concat(index % 2 === 0 ? "bg-greyLight100" : "bg-greyLight50", " hover:bg-greyLight500 ").concat(rowClassName)
+    className: "".concat(index % 2 === 0 ? "bg-[--color-table-row-bg-even]" : "bg-[--color-table-row-bg-odd]", " hover:bg-[--color-table-row-bg-hover] ").concat(rowClassName)
   }, data.map(column => /*#__PURE__*/external_react_default().createElement("td", {
     key: column.key,
-    className: "p-4 text-sm text-greyLight700 ".concat(cellClassName)
+    className: "p-4 text-sm text-[--color-text-weak] ".concat(cellClassName)
   }, column.render ? column.render(row) : row[column.key]))))));
 }
 ;// ./node_modules/@react-aria/utils/dist/platform.mjs
@@ -12396,8 +12424,9 @@ function Loader(_ref) {
 
 
 
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.9756d83ef5ec8bb54c1e.js.map
+//# sourceMappingURL=main.6710a9addb593f916cf3.js.map