opus-toolkit-components 1.3.8 → 1.4.0

package/lib/opus-components.main.js

@@ -251,7 +251,7 @@ exports.useSyncExternalStoreWithSelector = function (
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `input[type=date]::-webkit-calendar-picker-indicator{display:none}`, "",{"version":3,"sources":["webpack://./src/components/Forms/Datepickers/datepicker.scss"],"names":[],"mappings":"AAAA,oDACI,YAAA","sourcesContent":["input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n    display: none;\r\n}"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}@-moz-document url-prefix(){.datepicker-icon-button{display:none}input[type=date]{padding-right:.75rem}}`, "",{"version":3,"sources":["webpack://./src/components/Forms/Datepickers/datepicker.scss"],"names":[],"mappings":"AACA,oDACE,YAAA,CACA,uBAAA,CAGF,4BACE,wBACE,YAAA,CAED,iBACC,oBAAA,CAAA","sourcesContent":["/* Chrome, Edge, Safari */\r\ninput[type='date']::-webkit-calendar-picker-indicator {\r\n  display: none;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n@-moz-document url-prefix() {\r\n  .datepicker-icon-button {\r\n    display: none;\r\n  }\r\n   input[type='date'] {\r\n    padding-right: 0.75rem; // reset padding so text goes to the end\r\n  }\r\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -901,7 +901,8 @@ const Accordion = _ref => {
     className: "accordion-item",
     key: index
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "\n            accordion-header\n            flex \n            justify-between \n            items-center \n            bg-[--color-accordion-header]\n            rounded-t-lg\n             ".concat(isActive || isPreview ? '' : 'rounded-b-lg', "\n          ")
+    onClick: !isPreview && !isLocked ? toggle : null,
+    className: "\n            accordion-header\n            flex \n            justify-between \n            items-center \n            bg-[--color-accordion-header]\n            rounded-t-lg\n            ".concat(isActive || isPreview ? '' : 'rounded-b-lg', "\n            hover: ").concat(!isLocked ? 'cursor-pointer' : null, " \n          ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center gap-2 justify-between"
   }, /*#__PURE__*/external_react_default().createElement(Text, {
@@ -3898,7 +3899,7 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     // New disabled prop
     dataCy
   } = _ref;
-  const inputClasses = "".concat(className, " flex items-center rounded-md bg-[--color-input-bg] border ").concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " text-md font-normal text-[--color-text-weak] ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '');
+  const inputClasses = "".concat(className, " flex items-center rounded-md bg-[--color-input-bg] border ").concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " text-md font-normal text-[--color-text-strong] ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '');
   const iconClasses = "h-5 w-5 ".concat(isAnimated ? 'transition-transform duration-200 group-focus-within:scale-125' : '', " text-[--color-text-weak]");
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex flex-col mb-4"
@@ -4095,11 +4096,11 @@ function DatePicker(_ref) {
     }),
     "aria-invalid": !isValid,
     "aria-describedby": !isValid ? "".concat(name, "-error") : undefined,
-    className: "w-full py-2 px-3 pr-10 rounded-md bg-[--color-input-bg] border ".concat(isValid ? 'border-[--color-stroke]' : 'border-[--color-util-red]', " text-md font-normal text-[--color-text-weak] ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '', " ").concat(className)
+    className: "w-full py-2 px-3 pr-10 rounded-md bg-[--color-input-bg] border ".concat(isValid ? 'border-[--color-stroke]' : 'border-[--color-util-red]', " text-md font-normal text-[--color-text-strong] ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '', " ").concat(className)
   }), /*#__PURE__*/external_react_default().createElement("button", {
     type: "button",
     onClick: handleIconClick,
-    className: "absolute top-1/2 mt-1 right-3 transform",
+    className: "absolute top-1/2 mt-1 right-3 transform datepicker-icon-button",
     "aria-label": "Open date picker",
     disabled: disabled
   }, /*#__PURE__*/external_react_default().createElement(esm_CalendarIcon, {
@@ -4188,7 +4189,6 @@ const RadioButton = _ref => {
         value: option.value,
         dataCy
       }),
-      "aria-invalid": !isValid,
       "aria-describedby": !isValid ? "".concat(name, "-error") : undefined
     }), option.label);
   })), !isValid && /*#__PURE__*/external_react_default().createElement(Text, {
@@ -12886,7 +12886,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-[--color-input-bg] text-md font-normal border p-2 text-[--color-text-weak] ".concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '');
+  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-strong] ".concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '');
   const handleSelect = item => {
     if (disabled) return;
     setSelectedItem(item);
@@ -12932,9 +12932,9 @@ function Dropdown(_ref) {
       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(solid_esm_ChevronDownIcon, {
       "aria-hidden": "true",
-      className: "-mr-1 h-5 w-5 text-[--color-text-weak] transition-transform duration-200 ".concat(open ? 'rotate-180' : 'rotate-0')
+      className: "ml-1 mr-1 h-5 w-5 text-[--color-text-strong] bg-[--color-input-bg] transition-transform duration-200 ".concat(open ? 'rotate-180' : 'rotate-0')
     })), !disabled && /*#__PURE__*/external_react_default().createElement(Et, {
-      className: "\r absolute \r right-0 \r z-10 \r mt-2 \r w-56 \r origin-top-right \r rounded-md \r bg-[--color-primary-bg] \r shadow-lg \r ring-1 \r ring-[--color-stroke] \r ring-opacity-1 \r focus:outline-none \r max-h-48 \r overflow-y-auto\r "
+      className: " absolute  right-0  z-10  mt-2  w-56  origin-top-right  rounded-md  bg-[--color-primary-bg]  shadow-lg  ring-1  ring-[--color-stroke]  ring-opacity-1  focus:outline-none  max-h-48  overflow-y-auto "
     }, /*#__PURE__*/external_react_default().createElement("div", {
       className: "py-1"
     }, items.map((item, index) => /*#__PURE__*/external_react_default().createElement(gt, {
@@ -12946,7 +12946,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-[--color-text-weak] ".concat(active ? 'bg-[--color-input-bg]' : '')
+        className: "block w-full px-4 py-2 text-left text-sm text-[--color-text-strong] ".concat(active ? 'bg-[--color-input-bg]' : '')
       }, item.label);
     })))));
   }), !isValid && /*#__PURE__*/external_react_default().createElement(Text, {