@seeqdev/qomponents 0.0.37 → 0.0.38

package/dist/index.esm.js

@@ -4500,7 +4500,7 @@ const activeBorderStyles = [
     'dark:hover:tw-border-sq-color-dark-dark',
 ].join(' ');
 const bgStyles = ['tw-bg-sq-white', 'dark:tw-bg-sq-dark-background'].join(' ');
-const disabledClasses$1 = ['disabled:tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
+const disabledClasses$1 = ['tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (React.createElement($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, { ref: ref, align: align, sideOffset: sideOffset, ...props, asChild: true })));
 const ToolbarButton = ({ isSmall = false, label, icon, secondIcon, forceSmallIcon = false, tooltipText, id, popoverContent, extraClassNames, testId, tooltipTestId, tooltipOptions, isActive = false, isHtmlTooltip = true, disabled = false, onClick, onHide, }) => {
     let tooltipData = undefined;
@@ -4519,8 +4519,8 @@ const ToolbarButton = ({ isSmall = false, label, icon, secondIcon, forceSmallIco
         }
     };
     return (React.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { defaultOpen: false, onOpenChange: onOpenChange },
-        React.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id, className: "tw-border-none", asChild: true },
-            React.createElement("button", { ...tooltipData, className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-items-center ${isSmall ? 'tw-py-[1px] tw-px-[5px]' : 'tw-px-2 tw-py-[3px]'} ${disabled ? disabledClasses$1 : isActive ? activeBorderStyles : triggerBorderStyles} ${extraClassNames || ''}`, "data-testid": testId, disabled: disabled, onClick: (e) => {
+        React.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id, className: "tw-border-none ", disabled: disabled },
+            React.createElement("div", { ...tooltipData, className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-items-center ${isSmall ? 'tw-py-[1px] tw-px-[5px]' : 'tw-px-2 tw-py-[3px]'} ${disabled ? disabledClasses$1 : isActive ? activeBorderStyles : triggerBorderStyles} ${extraClassNames || ''}`, "data-testid": testId, onClick: (e) => {
                     onClick && onClick(e);
                 } },
                 React.createElement("span", { className: "tw-nowrap" },