opus-toolkit-components 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3794,25 +3794,26 @@ function Button(_ref) {
3794
3794
  className: iconClassNames
3795
3795
  }));
3796
3796
  }
3797
+ ;// ./node_modules/clsx/dist/clsx.mjs
3798
+ 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);
3797
3799
  ;// ./src/components/Cards/Card.js
3798
3800
 
3801
+
3799
3802
  function Card(_ref) {
3800
3803
  let {
3801
- mode = 'light',
3804
+ intent,
3805
+ // optional: 'info' | 'success' | 'error'
3802
3806
  className = '',
3803
3807
  children
3804
3808
  } = _ref;
3805
- const cardClasses = `
3806
- p-5
3807
- bg-[--color-primary-bg]
3808
- text-[--color-text-weak]
3809
- rounded-lg
3810
- shadow-lg
3811
- border-solid
3812
- border-2
3813
- border-[--color-stroke]
3814
- ${className}
3815
- `;
3809
+ // Theme override
3810
+ const intentClasses = {
3811
+ info: 'bg-[--color-util-blue-200] text-[--color-text-strong]',
3812
+ success: 'bg-[--color-util-green-200] text-[--color-text-strong]',
3813
+ error: 'bg-[--color-util-red-200] text-[--color-text-strong]',
3814
+ brand: 'bg-[--color-primary-btn] text-[--color-white]'
3815
+ };
3816
+ 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);
3816
3817
  return /*#__PURE__*/external_react_default().createElement("div", {
3817
3818
  className: cardClasses
3818
3819
  }, children);
@@ -12932,4 +12933,4 @@ function Loader(_ref) {
12932
12933
  /******/ })()
12933
12934
  ;
12934
12935
  });
12935
- //# sourceMappingURL=main.f38c49804e7248368b68.js.map
12936
+ //# sourceMappingURL=main.6432a0ae6e1f549c10c8.js.map