opus-toolkit-components 1.0.4 → 1.0.6

package/lib/{main.f38c49804e7248368b68.js → main.2fb96df509e9f2c76c56.js}

@@ -839,21 +839,25 @@ const Accordion = _ref => {
     className: "accordion-item rounded-lg",
     key: index
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "accordion-header flex justify-between items-center py-2 px-4 cursor-pointer",
+    className: "accordion-header flex justify-between items-center cursor-pointer",
     onClick: toggle
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center gap-2 justify-between cursor-pointer"
+  }, /*#__PURE__*/external_react_default().createElement("h2", {
+    className: "my-2 mx-4 text-h4 text-[--color-text-strong]"
+  }, title)), /*#__PURE__*/external_react_default().createElement("div", {
+    className: "flex items-center gap-4"
   }, isPill ? /*#__PURE__*/external_react_default().createElement(Pills_Pill, {
     text: pillText,
     status: pillStatus,
     icon: pillIcon
-  }) : null, /*#__PURE__*/external_react_default().createElement("h2", {
-    className: "text-h4 text-[--color-text-strong]"
-  }, title)), isPreview ? /*#__PURE__*/external_react_default().createElement(esm_PencilSquareIcon, {
+  }) : null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "border-0 border-l-2 border-solid border-[--color-stroke] p-4"
+  }, isPreview ? /*#__PURE__*/external_react_default().createElement(esm_PencilSquareIcon, {
     className: "w-5 h-5 text-[--color-text-strong]"
   }) : /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
     className: `w-4 h-4 text-[--color-text-strong] transition-transform transform ${isActive ? "rotate-180" : "rotate-0"}`
-  }))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
+  }))))), 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.content), isPreview && activeIndex !== index && /*#__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"
@@ -3794,25 +3798,26 @@ function Button(_ref) {
     className: iconClassNames
   }));
 }
+;// ./node_modules/clsx/dist/clsx.mjs
+function clsx_r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=clsx_r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=clsx_r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const dist_clsx = (clsx);
 ;// ./src/components/Cards/Card.js
 
+
 function Card(_ref) {
   let {
-    mode = 'light',
+    intent,
+    // optional: 'info' | 'success' | 'error'
     className = '',
     children
   } = _ref;
-  const cardClasses = `
-        p-5 
-        bg-[--color-primary-bg] 
-        text-[--color-text-weak] 
-        rounded-lg 
-        shadow-lg 
-        border-solid 
-        border-2 
-        border-[--color-stroke] 
-        ${className}
-    `;
+  // Theme override
+  const intentClasses = {
+    info: 'bg-[--color-util-blue-200] text-[--color-text-strong]',
+    success: 'bg-[--color-util-green-200] text-[--color-text-strong]',
+    error: 'bg-[--color-util-red-200] text-[--color-text-strong]',
+    brand: 'bg-[--color-primary-btn] text-[--color-white]'
+  };
+  const cardClasses = dist_clsx('p-5', 'rounded-lg', 'shadow-lg', 'border-2 border-solid border-[--color-stroke]', 'bg-[--color-primary-bg]', 'text-[--color-text-weak]', intent && intentClasses[intent], className);
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: cardClasses
   }, children);
@@ -12932,4 +12937,4 @@ function Loader(_ref) {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.f38c49804e7248368b68.js.map
+//# sourceMappingURL=main.2fb96df509e9f2c76c56.js.map