@hexure/ui 1.13.99 → 1.14.0

package/dist/cjs/types/components/Checkbox/Checkbox.d.ts

@@ -20,6 +20,7 @@ export interface CheckboxProps extends AccessibleProps {
     isInvalidRedBackground?: boolean;
     isWarningError?: boolean;
     dataSectionName?: string;
+    isLabelBold?: boolean;
 }
 declare const Checkbox: FC<CheckboxProps>;
 export default Checkbox;

package/dist/cjs/types/components/Radio/Radio.d.ts

@@ -20,6 +20,7 @@ export interface RadioProps extends AccessibleProps {
     dataItemid?: string;
     isInvalidRedBackground?: boolean;
     isWarningError?: boolean;
+    isLabelBold?: boolean;
 }
 declare const Radio: FC<RadioProps>;
 export default Radio;

package/dist/esm/index.js

@@ -2695,7 +2695,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;
@@ -2738,7 +2737,7 @@ const Tooltip = ({ children, position = 'right-top', width = '240px', trigger, d
     const [show_content, toggleContent] = 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) */
@@ -3650,19 +3649,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));
 };
@@ -6035,18 +6034,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)));
 };