karsten-design-system 1.1.66 → 1.1.68

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.
package/dist/index.js CHANGED
@@ -699,7 +699,7 @@ function Modal({ title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fec
699
699
  width: '24px',
700
700
  height: '24px',
701
701
  cursor: 'pointer',
702
- }, children: jsx("i", { className: "pi pi-times cursor-pointer" }) })] })] }), jsx("div", { className: `flex-1 overflow-y-auto text-primary ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6", children: [onClose && (jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal" }))] })] }) }));
702
+ }, children: jsx("i", { className: "pi pi-times cursor-pointer" }) })] })] }), jsx("div", { className: `flex-1 overflow-y-auto text-primary ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6", children: [onClose && (jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal", type: "button" }))] })] }) }));
703
703
  }
704
704
 
705
705
  function MultiSelect(props) {
@@ -4464,7 +4464,7 @@ function Tabs({ tabs, activeIndex = 0, onTabChange, className, }) {
4464
4464
  };
4465
4465
  return (jsxs("div", { className: clsx('w-full', className), children: [jsx("div", { className: "flex border-b border-gray-300", children: tabs.map((tab, index) => {
4466
4466
  const isActive = index === currentIndex;
4467
- return (jsx("button", { onClick: () => setIndex(index), disabled: tab.disabled, className: clsx('px-4 py-2 -mb-[1px] border-b-2 text-md transition-all duration-200 hover:bg-stoneBackground cursor-pointer text-base text-primary', tab.disabled ? 'disabled:text-stoneDark' : '', isActive
4467
+ return (jsx("button", { type: "button", onClick: () => setIndex(index), disabled: tab.disabled, className: clsx('px-4 py-2 -mb-[1px] border-b-2 text-md transition-all duration-200 hover:bg-stoneBackground cursor-pointer text-base text-primary', tab.disabled ? 'disabled:text-stoneDark' : '', isActive
4468
4468
  ? 'border-primary font-semibold'
4469
4469
  : 'border-transparent hover:text-primary hover:border-grayDark font-normal', !isActive && !tab.disabled && 'hover:font-semibold'), children: tab.label }, index));
4470
4470
  }) }), jsx("div", { className: "py-1 px-3", children: tabs.map((tab, index) => (jsx("div", { className: clsx(index !== currentIndex && 'hidden'), children: tab.content }, index))) })] }));