opus-toolkit-components 1.2.6 → 1.2.7

package/lib/opus-components.main.js

@@ -801,7 +801,8 @@ const Accordion = _ref => {
     index,
     isPreview,
     onExitPreview = () => {},
-    children,
+    content,
+    preview,
     isPill = false,
     pillText,
     pillStatus,
@@ -859,9 +860,9 @@ const Accordion = _ref => {
     className: "w-4 h-4 text-[--color-text-strong] transition-transform transform ".concat(isActive ? 'rotate-180' : 'rotate-0')
   }))))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-body rounded-b-lg text-[--color-text-weak] bg-[--color-accordion-body] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
-  }, children.content), isPreview && activeIndex !== index && /*#__PURE__*/external_react_default().createElement("div", {
+  }, content), isPreview && activeIndex !== index && /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-body rounded-b-lg bg-[--color-accordion-body] text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
-  }, children.preview));
+  }, preview));
 };
 /* harmony default export */ const Accordions_Accordion = (Accordion);
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
@@ -3737,11 +3738,11 @@ function Button(_ref) {
   } = _ref;
   // Define styles for button ranks
   const rankStyles = {
-    primary: 'bg-[--color-primary-btn] hover:bg-[--color-primary-btn-hover] text-[--color-primary-btn-txt]',
+    primary: 'bg-[--color-primary-btn] hover:bg-[--color-primary-btn-hover] text-[--color-primary-btn-txt] border-solid border-2 border-[--color-primary-btn] hover:border-[--color-primary-btn-hover]',
     secondary: 'bg-transparent border-2 border-[--color-primary-btn] hover:border-[--color-secondary-btn-hover] hover:text-[--color-secondary-btn-hover] text-[--color-primary-btn]',
     tertiary: 'bg-transparent underline text-[--color-text-strong]',
     outline: 'bg-[--color-input-bg] border-solid border-2 border-[--color-outline-btn] hover:border-[--color-outline-btn-hover] text-[--color-text-strong]',
-    destructive: 'bg-[--color-destructive-btn] hover:bg-[--color-destructive-btn-hover] text-[--color-destructive-btn-txt]'
+    destructive: 'bg-[--color-destructive-btn] hover:bg-[--color-destructive-btn-hover] text-[--color-destructive-btn-txt] border-solid border-2 border-[--color-destructive-btn] hover:border-[--color-destructive-btn-hover]'
   };
 
   // Disabled styles for button
@@ -3922,7 +3923,6 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     value: value,
     title: title,
     tabIndex: tabIndex,
-    "aria-label": title,
     required: required,
     disabled: disabled,
     "data-cy": getDataCy({
@@ -4081,7 +4081,6 @@ function DatePicker(_ref) {
     ref: inputRef,
     value: selectedDate,
     title: title,
-    "aria-label": title,
     onChange: handleDateChange,
     required: required,
     disabled: disabled,
@@ -4173,7 +4172,6 @@ const RadioButton = _ref => {
       type: "radio",
       tabIndex: tabIndex,
       title: title,
-      "aria-label": title,
       name: name,
       value: option.value,
       checked: selectedValue === option.value,
@@ -4213,6 +4211,7 @@ function Checkbox(_ref) {
     dataCy
   } = _ref;
   const id = "checkbox-".concat(name);
+  const errorId = "".concat(id, "-error");
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex flex-col mb-4"
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -4228,12 +4227,19 @@ function Checkbox(_ref) {
       name,
       dataCy
     }),
-    className: "mr-2 rounded-sm ".concat(disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer')
+    "aria-invalid": !isValid,
+    "aria-describedby": !isValid && errorMessage ? errorId : undefined,
+    "aria-disabled": disabled,
+    style: {
+      accentColor: 'var(--color-primary-btn)'
+    },
+    className: "\n            mr-2 \n            rounded-sm\n            ".concat(disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer')
   }), /*#__PURE__*/external_react_default().createElement(Text, {
     variant: "label",
     as: "label",
     htmlFor: id
   }, label)), !isValid && errorMessage && /*#__PURE__*/external_react_default().createElement(Text, {
+    id: errorId,
     variant: "small",
     as: "span",
     className: "text-[--color-util-red] mt-1"
@@ -12865,7 +12871,6 @@ function Dropdown(_ref) {
       id: name,
       name: name,
       title: title,
-      "aria-label": title,
       "aria-invalid": !isValid,
       "aria-describedby": !isValid ? "".concat(name, "-error") : undefined,
       tabIndex: tabIndex,