opus-toolkit-components 1.2.3 → 1.2.5

package/lib/opus-components.main.js

@@ -3737,11 +3737,11 @@ function Button(_ref) {
   } = _ref;
   // Define styles for button ranks
   const rankStyles = {
-    primary: 'bg-[--color-primary-btn] hover:bg-[--color-primary-btn-hover] text-greyBaseLight',
-    secondary: 'bg-transparent hover:bg-[--color-primary-btn-hover] text-greyBaseLight',
+    primary: 'bg-[--color-primary-btn] hover:bg-[--color-primary-btn-hover] text-[--color-primary-btn-txt]',
+    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]',
-    neutral: 'bg-greyLight50 hover:bg-greyLight100 text-greyLight700',
-    destructive: 'bg-utilRed1000 hover:bg-utilRed800 text-greyBaseLight'
+    destructive: 'bg-[--color-destructive-btn] hover:bg-[--color-destructive-btn-hover] text-[--color-destructive-btn-txt]'
   };
 
   // Disabled styles for button
@@ -3751,7 +3751,7 @@ function Button(_ref) {
   const iconClassNames = "inline-block \n    transition-transform \n    ease-in-out \n    duration-200\n    h-5 w-5\n    ".concat(iconPosition === 'right' ? 'ml-2' : 'mr-2', "\n    ").concat(isIconAnimated && !isSaving ? 'group-hover:translate-x-1' : '', "\n    ").concat(isSaving ? 'animate-spin' : '', " // Add spinning animation\n  ");
 
   // Main button class names
-  const classNames = " \n    ".concat(state === 'disabled' || isSaving ? disabledStyles : rankStyles[rank] || rankStyles.primary, "\n    group \n    transition \n    ease-in-out \n    duration-700 \n    rounded-lg \n    px-5 \n    py-2 \n    text-").concat(size, " \n    flex \n    items-center \n    justify-center \n    whitespace-nowrap // Prevents text wrapping\n    ").concat(isFullWidth ? 'w-full' : '', "\n    ").concat(className, "\n  ");
+  const classNames = " \n    ".concat(state === 'disabled' || isSaving ? disabledStyles : rankStyles[rank] || rankStyles.primary, "\n    group \n    transition \n    ease-in-out \n    duration-700 \n    rounded-lg\n    hover:shadow-lg\n    px-5 \n    py-2 \n    text-").concat(size, " \n    flex \n    items-center \n    justify-center \n    whitespace-nowrap // Prevents text wrapping\n    ").concat(isFullWidth ? 'w-full' : '', "\n    ").concat(className, "\n  ");
   return /*#__PURE__*/external_react_default().createElement("button", {
     type: type,
     title: title,
@@ -3789,9 +3789,9 @@ function Card(_ref) {
   // Theme override
   const intentClasses = {
     default: 'bg-[--color-primary-bg] text-[--color-text-weak]',
-    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]',
+    info: 'bg-[--color-util-blue-200] text-[--color-black] border-[--color-util-blue]',
+    success: 'bg-[--color-util-green-200] text-[--color-black] border-[--color-util-green]',
+    error: 'bg-[--color-util-red-200] text-[--color-text-black] border-[--color-util-red]',
     brand: 'bg-[--color-brand-primary] text-[--color-white]',
     brandSecondary: 'bg-[--color-brand-secondary] text-[--color-white]'
   };
@@ -6318,10 +6318,11 @@ const flip = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          var _overflowsData$;
           const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== floating_ui_utils_getSideAxis(nextPlacement) : false;
-          const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
-          if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {
+          if (!ignoreCrossAxisOverflow ||
+          // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every(d => d.overflows[0] > 0 && floating_ui_utils_getSideAxis(d.placement) === initialSideAxis)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -7662,7 +7663,10 @@ const floating_ui_dom_computePosition = (reference, floating, options) => {
 
 
 
-var index = typeof document !== 'undefined' ? external_react_.useLayoutEffect : external_react_.useEffect;
+var isClient = typeof document !== 'undefined';
+
+var noop = function noop() {};
+var index = isClient ? external_react_.useLayoutEffect : noop;
 
 // Fork of `fast-deep-equal` that only does the comparisons we need and compares
 // functions
@@ -12777,7 +12781,7 @@ function Dropdown(_ref) {
     className: "-mr-1 h-5 w-5 text-[--color-text-weak] transition-transform duration-200 ".concat(isOpen ? 'rotate-180' : 'rotate-0')
   }))), !disabled && /*#__PURE__*/external_react_default().createElement(Pt, {
     transition: true,
-    className: "\r absolute \r right-0 \r z-10 \r mt-2 \r w-56 \r origin-top-right \r rounded-md bg-[--color-primary-bg] \r shadow-lg \r ring-1 \r ring-[--color-stroke] \r ring-opacity-1 \r transition \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  transition  focus:outline-none  max-h-48  overflow-y-auto ",
     onClick: () => setIsOpen(false)
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "py-1"