@hexure/ui 1.13.69 → 1.13.70
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/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -3568,7 +3568,7 @@ const Input$2 = styled.input `
|
|
|
3568
3568
|
width: 0;
|
|
3569
3569
|
&:checked + span {
|
|
3570
3570
|
background-color: ${Colors.PRIMARY.Hex};
|
|
3571
|
-
border-color: ${Colors.PRIMARY.Hex};
|
|
3571
|
+
border-color: ${props => (props.$invalid ? Colors.RED.Hex : Colors.PRIMARY.Hex)};
|
|
3572
3572
|
}
|
|
3573
3573
|
&:checked:disabled + span {
|
|
3574
3574
|
background-color: ${Colors.MEDIUM_GRAY.Hex};
|
|
@@ -3644,7 +3644,7 @@ const Checkbox = (_a) => {
|
|
|
3644
3644
|
var { children, color, disabled, checked, onChange, invalid, tooltip, tabIndex, dataItemid, isInvalidRedBackground = false, isWarningError = false } = _a, accessibleProps = __rest(_a, ["children", "color", "disabled", "checked", "onChange", "invalid", "tooltip", "tabIndex", "dataItemid", "isInvalidRedBackground", "isWarningError"]);
|
|
3645
3645
|
const baseId = dataItemid || 'checkbox';
|
|
3646
3646
|
return (React.createElement(Wrapper$b, Object.assign({ "$disabled": disabled }, accessibleProps, { "data-itemid": `${baseId}-wrapper` }),
|
|
3647
|
-
React.createElement(Input$2, { checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'checkbox' }),
|
|
3647
|
+
React.createElement(Input$2, { "$invalid": invalid, checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'checkbox' }),
|
|
3648
3648
|
React.createElement(Check$1, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "data-itemid": `${baseId}-check` }),
|
|
3649
3649
|
children ? (React.createElement(Label$3, { color: color, "data-itemid": `${baseId}-label` },
|
|
3650
3650
|
children,
|
|
@@ -5953,7 +5953,7 @@ const Input = styled.input `
|
|
|
5953
5953
|
height: 0;
|
|
5954
5954
|
width: 0;
|
|
5955
5955
|
&:checked + span {
|
|
5956
|
-
border-color: ${Colors.PRIMARY.Hex};
|
|
5956
|
+
border-color: ${props => (props.$invalid ? Colors.RED.Hex : Colors.PRIMARY.Hex)};
|
|
5957
5957
|
}
|
|
5958
5958
|
&:checked + span:after {
|
|
5959
5959
|
background-color: ${Colors.PRIMARY.Hex};
|
|
@@ -6027,7 +6027,7 @@ const Radio = (_a) => {
|
|
|
6027
6027
|
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"]);
|
|
6028
6028
|
const baseId = dataItemid || 'radio';
|
|
6029
6029
|
return (React.createElement(Wrapper$2, Object.assign({}, accessibleProps, { "data-itemid": `${baseId}-wrapper` }),
|
|
6030
|
-
React.createElement(Input, { checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'radio', value: value }),
|
|
6030
|
+
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 }),
|
|
6031
6031
|
React.createElement(Check, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "data-itemid": `${baseId}-check` }),
|
|
6032
6032
|
React.createElement(Label, { "data-itemid": `${baseId}-label` },
|
|
6033
6033
|
children,
|