@hexure/ui 1.13.98 → 1.14.0

package/dist/cjs/index.js

@@ -2697,7 +2697,6 @@ const Wrapper$h = styled.div(props => ({
     height: props.$height || '16px',
 }));
 const StyledAnchor = styled.a ``;
-const StyledDiv = styled.div ``;
 const StyledIcon$6 = styled(Icon) `
   width: 16px;
   height: 16px;
@@ -2740,7 +2739,7 @@ const Tooltip = ({ children, position = 'right-top', width = '240px', trigger, d
     const [show_content, toggleContent] = React.useState(false);
     const baseId = dataItemid || `tooltip-${Math.random().toString(36).slice(2, 9)}`;
     if (auto) {
-        return (React.createElement(StyledDiv, { "data-itemid": `${baseId}-wrapper` },
+        return (React.createElement(Wrapper$h, { "data-itemid": `${baseId}-wrapper` },
             React.createElement("style", null, ` 
        .custom-tooltip-arrow { 
           box-shadow: 1px 1px 0 0 #0193D7; /* top border for arrow (matches border) */
@@ -3192,10 +3191,10 @@ const Remove$1 = styled.div `
   align-items: center;
 `;
 const Tag = (_a) => {
-    var { children, color = 'PRIMARY', removable, onClick, dataItemid, rotate } = _a, accessibleProps = __rest(_a, ["children", "color", "removable", "onClick", "dataItemid", "rotate"]);
+    var { children, color = 'PRIMARY', removable, onClick, dataItemid, rotate, dataSectionName } = _a, accessibleProps = __rest(_a, ["children", "color", "removable", "onClick", "dataItemid", "rotate", "dataSectionName"]);
     const baseId = dataItemid || 'tag';
     return (React.createElement(Wrapper$e, Object.assign({ "$color": color, "$removable": removable, "$rotate": rotate, onClick: onClick }, accessibleProps, { "data-itemid": `${baseId}-wrapper` }),
-        React.createElement(Content$2, { "data-itemid": `${baseId}-content` },
+        React.createElement(Content$2, { "data-itemid": `${baseId}-content`, "data-section-name": dataSectionName },
             React.createElement(Label$4, { "$color": color, "data-itemid": `${baseId}-label` }, children),
             removable ? (React.createElement(Remove$1, { "data-itemid": `${baseId}-remove` },
                 React.createElement(Icon, { color: color === 'SUBTLE_GRAY' ? '#000000' : '#ffffff', "data-itemid": `${baseId}-icon`, path: js.mdiClose, size: '15px' }))) : null)));
@@ -3652,19 +3651,19 @@ const Check$1 = styled.span `
 const Label$3 = styled.span `
   font-family: ${FontStyles.DEFAULT};
   font-size: ${FontSizes.DEFAULT};
-  font-weight: 400;
+  font-weight: ${props => (props.$isLabelBold ? 'bold' : '400')};
   line-height: 1.6em;
   color: ${props => props.color || Colors.BLACK.Hex};
   margin-left: 6px;
   box-sizing: border-box;
 `;
 const Checkbox = (_a) => {
-    var { children, color, disabled, checked, onChange, invalid, tooltip, tabIndex, dataItemid, isInvalidRedBackground = false, isWarningError = false, dataSectionName } = _a, accessibleProps = __rest(_a, ["children", "color", "disabled", "checked", "onChange", "invalid", "tooltip", "tabIndex", "dataItemid", "isInvalidRedBackground", "isWarningError", "dataSectionName"]);
+    var { children, color, disabled, checked, onChange, invalid, tooltip, tabIndex, dataItemid, isInvalidRedBackground = false, isWarningError = false, dataSectionName, isLabelBold = false } = _a, accessibleProps = __rest(_a, ["children", "color", "disabled", "checked", "onChange", "invalid", "tooltip", "tabIndex", "dataItemid", "isInvalidRedBackground", "isWarningError", "dataSectionName", "isLabelBold"]);
     const baseId = dataItemid || 'checkbox';
     return (React.createElement(Wrapper$b, Object.assign({ "$disabled": disabled }, accessibleProps, { "data-itemid": `${baseId}-wrapper` }),
         React.createElement(Input$2, { "$invalid": invalid, checked: checked, "data-itemid": `${baseId}-input`, "data-section-name": dataSectionName, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'checkbox' }),
         React.createElement(Check$1, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "data-itemid": `${baseId}-check` }),
-        children ? (React.createElement(Label$3, { color: color, "data-itemid": `${baseId}-label` },
+        children ? (React.createElement(Label$3, { "$isLabelBold": isLabelBold, color: color, "data-itemid": `${baseId}-label` },
             children,
             tooltip ? React.createElement(Tooltip, Object.assign({}, tooltip)) : null)) : null));
 };
@@ -6037,18 +6036,18 @@ const Check = styled.span `
 const Label = styled.span `
   font-family: ${FontStyles.DEFAULT};
   font-size: ${FontSizes.DEFAULT};
-  font-weight: 400;
+  font-weight: ${props => (props.$isLabelBold ? 'bold' : '400')};
   color: ${Colors.BLACK.Hex};
   line-height: 1.6em;
   margin-left: 6px;
 `;
 const Radio = (_a) => {
-    var { children, disabled, checked, onChange, value, invalid, tooltip, tabIndex, dataItemid, isInvalidRedBackground = false, isWarningError = false } = _a, accessibleProps = __rest(_a, ["children", "disabled", "checked", "onChange", "value", "invalid", "tooltip", "tabIndex", "dataItemid", "isInvalidRedBackground", "isWarningError"]);
+    var { children, disabled, checked, onChange, value, invalid, tooltip, tabIndex, dataItemid, isInvalidRedBackground = false, isWarningError = false, isLabelBold = false } = _a, accessibleProps = __rest(_a, ["children", "disabled", "checked", "onChange", "value", "invalid", "tooltip", "tabIndex", "dataItemid", "isInvalidRedBackground", "isWarningError", "isLabelBold"]);
     const baseId = dataItemid || 'radio';
     return (React.createElement(Wrapper$2, Object.assign({}, accessibleProps, { "data-itemid": `${baseId}-wrapper` }),
         React.createElement(Input, { "$invalid": invalid, checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'radio', value: value }),
         React.createElement(Check, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "data-itemid": `${baseId}-check` }),
-        React.createElement(Label, { "data-itemid": `${baseId}-label` },
+        React.createElement(Label, { "$isLabelBold": isLabelBold, "data-itemid": `${baseId}-label` },
             children,
             tooltip ? React.createElement(Tooltip, Object.assign({}, tooltip)) : null)));
 };