@hexure/ui 1.14.3 → 1.14.5

package/dist/cjs/index.js

@@ -2756,6 +2756,7 @@ const Tooltip = ({ children, position = 'right-top', width = '240px', trigger, d
             z-index: 9999; /* Ensure tooltip is above other elements */
             position: absolute; /* Ensure z-index works */
             word-break: break-word; /* Prevents overflow of long words */
+            opacity: 1;
         }
           
       `),
@@ -4017,7 +4018,7 @@ const Drawer = (_a) => {
                     title ? (React.createElement(Heading, { dataItemid: `${baseId}-title`, type: 'secondary' }, title)) : null,
                     description ? (React.createElement(Copy, { color: 'GRAY', "data-itemid": `${baseId}-description` }, description)) : null),
                 React.createElement(Close$1, { "data-itemid": `${baseId}-close`, onClick: onClose },
-                    React.createElement(Button, { dataItemid: `${baseId}-close-button`, dataSectionName: 'drawer-close-icon-button', format: 'secondary', icon: js.mdiClose, small: true }))),
+                    React.createElement(Button, { dataItemid: `${baseId}-close-button`, dataSectionName: 'drawer-close-icon-button', format: 'secondary', icon: js.mdiClose, small: true, title: 'Close' }))),
             React.createElement(ContentWrapper$1, { "data-itemid": `${baseId}-content-wrapper` }, children),
             primaryButton || secondaryButton || tertiaryButton ? (React.createElement(ButtonBar$1, { "data-itemid": `${baseId}-button-bar` },
                 React.createElement(Copy, { "data-itemid": `${baseId}-button-bar-notes`, type: 'small' }, bottomNotes),
@@ -4106,7 +4107,7 @@ const Field = (_a) => {
                 label,
                 required ? React.createElement(Required, { "data-itemid": `${baseId}-required` }, "*") : null,
                 tooltip ? React.createElement(Tooltip, Object.assign({}, tooltip)) : null)) : null,
-            action ? (React.createElement(Action, { "data-itemid": `${baseId}-action`, onClick: action.onClick }, action.label)) : null),
+            action ? (React.createElement(Action, { "data-itemid": `${baseId}-action`, onClick: action.onClick, title: action === null || action === void 0 ? void 0 : action.title }, action.label)) : null),
         description ? (React.createElement(Description, { "data-itemid": `${baseId}-description` }, description)) : null,
         React.createElement("div", { "data-itemid": `${baseId}-children` }, children),
         React.createElement(Validation, { className: 'field-validation-wrapper', "data-itemid": `${baseId}-validation${validationText ? '' : '-empty'}`, title: validationText }, validationText && isNewMessageType
@@ -6137,7 +6138,7 @@ const Table = (_a) => {
         hideHeaders ? null : (React.createElement("thead", { "data-itemid": `${baseId}-thead` },
             React.createElement("tr", { "data-itemid": `${baseId}-header-row` }, columns.map((column, i) => {
                 const columnId = `${baseId}-column-${i}`;
-                return (React.createElement(Header, { "$isSortable": column.isSortable, "$width": column.width, "data-itemid": `${columnId}-header`, key: i, onClick: onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange.bind(null, column.id) },
+                return (React.createElement(Header, { "$isSortable": column.isSortable, "$width": column.width, "data-itemid": `${columnId}-header`, key: i, onClick: onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange.bind(null, column.id), title: column === null || column === void 0 ? void 0 : column.title },
                     column.label,
                     column.isSortable && sortBy === column.id ? (React.createElement(IconWrapper, { "data-itemid": `${columnId}-icon-wrapper` },
                         React.createElement(StyledIcon$1, { "data-itemid": `${columnId}-icon`, path: sortDirection === 'asc' ? js.mdiChevronUp : js.mdiChevronDown, size: '20px' }))) : null));
@@ -6206,7 +6207,7 @@ const Tabs = (_a) => {
     return (React.createElement(Wrapper$1, Object.assign({}, accessibleProps, { "data-itemid": `${baseId}-wrapper` }), tabs.map((_a, i) => {
         var { isActive, label, badgeCount, errorBadge, onClick } = _a, accessibleProps = __rest(_a, ["isActive", "label", "badgeCount", "errorBadge", "onClick"]);
         const tabId = `${baseId}-tab-${i}`;
-        return (React.createElement(Tab, Object.assign({ "$isActive": isActive || false, key: i, onClick: isActive ? undefined : onClick }, accessibleProps, { "data-itemid": `${tabId}-tab` }),
+        return (React.createElement(Tab, Object.assign({ "$isActive": isActive || false, key: i, onClick: isActive ? undefined : onClick }, accessibleProps, { "data-itemid": `${tabId}-tab`, title: accessibleProps === null || accessibleProps === void 0 ? void 0 : accessibleProps.title }),
             badgeCount ? (React.createElement(Badge, { "$isError": errorBadge || false, "data-itemid": `${tabId}-badge` }, badgeCount)) : null,
             label));
     })));
@@ -6279,7 +6280,7 @@ const ZeroState = (_a) => {
         React.createElement(Wrapper, { "data-itemid": `${baseId}-wrapper` },
             React.createElement(Heading, { children: title, dataItemid: `${baseId}-heading`, type: 'tertiary' }),
             description && (React.createElement(Copy, { align: 'center', children: description, color: 'GRAY', "data-itemid": `${baseId}-description`, type: 'default' }))),
-        action && (React.createElement(Button, { children: action.children, dataItemid: `${baseId}-button`, disabled: action.disabled, format: action.format, icon: action.icon, onClick: action.onClick }))));
+        action && (React.createElement(Button, { children: action.children, dataItemid: `${baseId}-button`, disabled: action.disabled, format: action.format, icon: action.icon, onClick: action.onClick, title: action === null || action === void 0 ? void 0 : action.title }))));
 };
 
 exports.Accordion = Accordion;