@hyphen/hyphen-components 4.10.0 → 4.10.1
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/css/index.css +1 -1
- package/dist/hyphen-components.cjs.development.js +8 -5
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +8 -5
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FormLabel/FormLabel.module.scss +4 -0
- package/src/components/FormLabel/FormLabel.tsx +2 -1
- package/src/components/Toggle/Toggle.tsx +2 -1
|
@@ -1098,7 +1098,7 @@ var InputValidationMessage = function InputValidationMessage(_ref) {
|
|
|
1098
1098
|
}, children);
|
|
1099
1099
|
};
|
|
1100
1100
|
|
|
1101
|
-
var styles$p = {"label":"FormLabel-module_label__qTUB9","radio-input-label":"FormLabel-module_radio-input-label__IpAiN","disabled":"FormLabel-module_disabled__83oiH"};
|
|
1101
|
+
var styles$p = {"label":"FormLabel-module_label__qTUB9","radio-input-label":"FormLabel-module_radio-input-label__IpAiN","disabled":"FormLabel-module_disabled__83oiH","sm":"FormLabel-module_sm__6PwRr"};
|
|
1102
1102
|
|
|
1103
1103
|
var styles$o = {"help-text":"HelpText-module_help-text__8WodW"};
|
|
1104
1104
|
|
|
@@ -1114,7 +1114,7 @@ var HelpText = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1114
1114
|
}, children);
|
|
1115
1115
|
});
|
|
1116
1116
|
|
|
1117
|
-
var _excluded$B = ["children", "inputId", "className", "display", "helpText", "isDisabled", "isFieldRequired", "isRadioInputLabel", "requiredIndicator", "margin", "padding"];
|
|
1117
|
+
var _excluded$B = ["children", "inputId", "className", "display", "helpText", "isDisabled", "isFieldRequired", "isRadioInputLabel", "requiredIndicator", "margin", "padding", "size"];
|
|
1118
1118
|
var FormLabel = function FormLabel(_ref) {
|
|
1119
1119
|
var _classNames;
|
|
1120
1120
|
var children = _ref.children,
|
|
@@ -1136,8 +1136,10 @@ var FormLabel = function FormLabel(_ref) {
|
|
|
1136
1136
|
margin = _ref$margin === void 0 ? '0' : _ref$margin,
|
|
1137
1137
|
_ref$padding = _ref.padding,
|
|
1138
1138
|
padding = _ref$padding === void 0 ? '0' : _ref$padding,
|
|
1139
|
+
_ref$size = _ref.size,
|
|
1140
|
+
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
1139
1141
|
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$B);
|
|
1140
|
-
var labelClasses = classNames('hyphen-components__variables__form-control', styles$p.label, className, (_classNames = {}, _classNames[styles$p.
|
|
1142
|
+
var labelClasses = classNames('hyphen-components__variables__form-control', styles$p.label, className, (_classNames = {}, _classNames[styles$p.sm] = size === 'sm', _classNames[styles$p.disabled] = isDisabled, _classNames[styles$p['radio-input-label']] = isRadioInputLabel, _classNames));
|
|
1141
1143
|
return React__default.createElement(Box, _extends({
|
|
1142
1144
|
as: "label",
|
|
1143
1145
|
id: inputId + "Label",
|
|
@@ -3364,10 +3366,11 @@ var Toggle = function Toggle(_ref) {
|
|
|
3364
3366
|
isDisabled: isDisabled,
|
|
3365
3367
|
display: 'flex',
|
|
3366
3368
|
direction: 'row',
|
|
3367
|
-
childGap: '
|
|
3369
|
+
childGap: 'sm',
|
|
3368
3370
|
alignItems: helpText ? 'flex-start' : 'center',
|
|
3369
3371
|
isFieldRequired: isRequired,
|
|
3370
|
-
requiredIndicator: requiredIndicator
|
|
3372
|
+
requiredIndicator: requiredIndicator,
|
|
3373
|
+
size: size
|
|
3371
3374
|
};
|
|
3372
3375
|
return React__default.createElement(Box, {
|
|
3373
3376
|
className: className
|