@hexure/ui 1.13.93 → 1.13.94

package/dist/cjs/index.js

@@ -2923,7 +2923,7 @@ const Button = (_a) => {
     };
     const format_styles = button_type_mapping[format];
     const baseId = dataItemid || 'button';
-    const button_view = (React.createElement(StyledButton, Object.assign({ "$bg_color": format_styles.background_color, "$border_color": format_styles.border_color, "$disabled": disabled || loading, "$format": format, "$hasChildren": !!has_children, "$iconPosition": iconPosition, "$margin": margin, "$small": small, disabled: disabled || loading, onClick: disabled || loading ? undefined : onClick, title: title, type: type || (isForm ? 'submit' : undefined) }, accessibleProps, { "data-itemid": `${baseId}-styled-button` }),
+    const button_view = (React.createElement(StyledButton, Object.assign({ "$bg_color": format_styles.background_color, "$border_color": format_styles.border_color, "$disabled": disabled || loading, "$format": format, "$hasChildren": !!has_children, "$iconPosition": iconPosition, "$margin": margin, "$small": small, disabled: disabled || loading, onClick: disabled || loading ? undefined : onClick, title: title, type: type || (isForm ? 'submit' : undefined) }, accessibleProps, { "data-itemid": `${baseId}-styled-button`, "data-section-name": 'drawer-close-icon-button' }),
         children ? (React.createElement(Label$5, { "$content_color": disabled || loading ? '#666666' : format_styles.content_color, "$small": small, "data-itemid": `${baseId}-label` }, children)) : null,
         icon && !badge ? (React.createElement(StyledIcon$5, { "$hasChildren": !!has_children, "data-itemid": `${baseId}-icon` },
             React.createElement(Icon, { color: (() => {
@@ -5682,6 +5682,7 @@ const CloseMsg = styled.span `
   line-height: 1em;
   color: ${Colors.MEDIUM_GRAY.Hex};
 `;
+const CloseIcon = styled.span ``;
 const ContentWrapper = styled.div `
   overflow-x: hidden;
   overflow-y: auto;
@@ -5722,7 +5723,8 @@ const Modal = (_a) => {
                 title ? (React.createElement(Heading, { "data-itemid": `${baseId}-title`, style: headerTitleStyle, type: 'secondary' }, title)) : null,
                 React.createElement(Close, { "data-itemid": `${baseId}-close`, onClick: onClose },
                     React.createElement(CloseMsg, { "data-itemid": `${baseId}-close-msg` }, "(Esc)"),
-                    React.createElement(Icon, { color: Colors.BLACK.Hex, "data-itemid": `${baseId}-close-icon`, path: js.mdiClose, size: '24px' }))),
+                    React.createElement(CloseIcon, { "data-itemid": `${baseId}-close-icon-wrapper` },
+                        React.createElement(Icon, { color: Colors.BLACK.Hex, "data-itemid": `${baseId}-close-icon`, path: js.mdiClose, size: '24px' })))),
             steps ? React.createElement(ProgressBar, { steps: steps }) : null,
             React.createElement(ContentWrapper, { "data-itemid": `${baseId}-content-wrapper` }, children),
             primaryButton || secondaryButton || tertiaryButton || quarternaryButton ? (React.createElement(ButtonBar, { "data-itemid": `${baseId}-button-bar` },
@@ -5887,7 +5889,7 @@ const PageHeader = ({ title = '', breadcrumbs, actions, buttonMenu, tag, dataIte
     return (React.createElement(Wrapper$4, { "data-itemid": `${baseId}-wrapper` },
         React.createElement(Info, { "data-itemid": `${baseId}-info` },
             React.createElement(Title, { "data-itemid": `${baseId}-title` },
-                React.createElement(Heading, { "data-itemid": `${baseId}-heading`, type: 'secondary' }, title),
+                React.createElement(Heading, { dataItemid: `${baseId}-heading`, type: 'secondary' }, title),
                 tag ? React.createElement(Tag, Object.assign({}, tag, { "data-itemid": `${baseId}-tag` })) : null),
             breadcrumbs ? (React.createElement(Breadcrumbs, { "data-itemid": `${baseId}-breadcrumbs` }, breadcrumbs.map((crumb, i) => {
                 const crumbId = `${baseId}-breadcrumb-${i}`;