opus-toolkit-components 0.6.6 → 0.6.8

package/lib/{main.824df0449a5aae477ded.js → main.f37f23b50e28b868a025.js}

@@ -633,7 +633,7 @@ const Accordion = _ref => {
     }
   }, [activeIndex]);
   return /*#__PURE__*/external_react_default().createElement("div", {
-    className: "accordion rounded-md bg-[--color-primary-bg] border border-[--color-stroke] drop-shadow-raised w-full"
+    className: "accordion rounded-md bg-[--color-primary-bg] border border-[--color-stroke] w-full"
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-item rounded-lg",
     key: index
@@ -646,8 +646,10 @@ const Accordion = _ref => {
     }
   }, /*#__PURE__*/external_react_default().createElement("h2", {
     className: "text-1xl text-[--color-text-strong]"
-  }, title), /*#__PURE__*/external_react_default().createElement("div", null, isActive ? "-" : "+"))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
-    className: "accordion-body border-0 border border-t-2 border-solid border-greyLight100 p-3"
+  }, title), /*#__PURE__*/external_react_default().createElement("div", {
+    className: "text-[--color-text-strong]"
+  }, isActive ? "-" : "+"))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion-body text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
   }, children));
 };
 /* harmony default export */ const Accordions_Accordion = (Accordion);
@@ -3554,7 +3556,7 @@ function Card(_ref) {
     className: cardClasses
   }, children);
 }
-;// ./src/components/Forms/Inputs/Input.js
+;// ./src/components/Forms/Inputs/Input.jsx
 function Input_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function Input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Input_ownKeys(Object(t), !0).forEach(function (r) { Input_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Input_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Input_defineProperty(e, r, t) { return (r = Input_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -3721,7 +3723,7 @@ function DatePicker(_ref) {
     className: "relative flex flex-col mb-4"
   }, /*#__PURE__*/external_react_default().createElement("label", {
     htmlFor: name,
-    className: "text-[--color-text-weak]"
+    className: "text-[--color-text-weak] mb-1"
   }, label, required && /*#__PURE__*/external_react_default().createElement("span", {
     className: "text-utilRed1000 ml-1"
   }, "*")), /*#__PURE__*/external_react_default().createElement("input", {
@@ -3739,10 +3741,10 @@ function DatePicker(_ref) {
   }), /*#__PURE__*/external_react_default().createElement("button", {
     type: "button",
     onClick: handleIconClick,
-    className: "absolute top-1/2 right-3 transform",
+    className: "absolute top-1/2 mt-1 right-3 transform",
     "aria-label": "Open date picker"
   }, /*#__PURE__*/external_react_default().createElement(esm_CalendarIcon, {
-    className: "w-5 h-5 text-[--color-text-weak]"
+    className: "w-5 h-5 text-[--color-text-weak] hover:text-[--color-primary-btn-hover] transition"
   })), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
     className: "text-utilRed1000 text-sm"
   }, errorMessage));
@@ -3862,7 +3864,7 @@ function Table(_ref) {
   return /*#__PURE__*/external_react_default().createElement("table", {
     className: "w-full table-auto text-left border-collapse ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("thead", null, /*#__PURE__*/external_react_default().createElement("tr", {
-    className: "bg-greyBaseDark900 ".concat(headRowClassName)
+    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)
@@ -12139,7 +12141,7 @@ function Dropdown(_ref) {
     const newSelectedItem = items.find(item => item.value === value) || null;
     setSelectedItem(newSelectedItem);
   }, [value, items]);
-  const inputClasses = "inline-flex w-full justify-between items-center rounded-md bg-white text-md font-normal border p-2 text-greyLight700 ".concat(isValid ? 'border-greyLight500' : 'border-utilRed1000', " ").concat(className);
+  const inputClasses = "inline-flex w-full justify-between items-center rounded-md bg-[--color-input-bg] text-md font-normal border p-2 text-[--color-text-weak] ".concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " ").concat(className);
   const handleSelect = item => {
     setSelectedItem(item);
     const event = {
@@ -12158,7 +12160,7 @@ function Dropdown(_ref) {
     "aria-label": title,
     tabindex: tabIndex
   }, /*#__PURE__*/external_react_default().createElement("label", {
-    className: "flex items-center"
+    className: "flex items-center text-[--color-text-weak] mb-1"
   }, label, required && /*#__PURE__*/external_react_default().createElement("span", {
     className: "ml-1 text-utilRed1000"
   }, "*"), " "), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(It, {
@@ -12167,13 +12169,13 @@ function Dropdown(_ref) {
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center gap-2"
   }, Icon && /*#__PURE__*/external_react_default().createElement(Icon, {
-    className: "h-5 w-5 text-greyLight700"
+    className: "h-5 w-5 text-[--color-text-weak]"
   }), " ", /*#__PURE__*/external_react_default().createElement("span", null, selectedItem ? selectedItem.label : placeholder)), /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
     "aria-hidden": "true",
-    className: "-mr-1 h-5 w-5 text-greyLight700 transition-transform duration-200 ".concat(isOpen ? 'rotate-180' : 'rotate-0')
+    className: "-mr-1 h-5 w-5 text-[--color-text-weak] transition-transform duration-200 ".concat(isOpen ? 'rotate-180' : 'rotate-0')
   }))), /*#__PURE__*/external_react_default().createElement(gt, {
     transition: true,
-    className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 transition focus:outline-none max-h-48 overflow-y-auto",
+    className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-[--color-primary-bg] shadow-lg ring-1 ring-black ring-opacity-5 transition focus:outline-none max-h-48 overflow-y-auto",
     onClick: () => setIsOpen(false)
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "py-1"
@@ -12186,7 +12188,7 @@ function Dropdown(_ref) {
     return /*#__PURE__*/external_react_default().createElement("button", {
       type: "button",
       onClick: () => handleSelect(item),
-      className: "block w-full px-4 py-2 text-left text-sm text-greyLight700 ".concat(active ? 'bg-greyLight100 text-greyLight700' : '', " hover:bg-greyLight100")
+      className: "block w-full px-4 py-2 text-left text-sm text-[--color-text-weak] ".concat(active ? 'bg-[--color-input-bg] text-[--color-text-weak]' : '', " hover:bg-[--color-input-bg]")
     }, item.label);
   })))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
     className: "text-utilRed1000 text-sm"
@@ -12341,4 +12343,4 @@ function Loader(_ref) {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.824df0449a5aae477ded.js.map
+//# sourceMappingURL=main.f37f23b50e28b868a025.js.map