@citygross/components 0.13.17 → 0.13.19

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.
Files changed (9) hide show
  1. package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js +1 -1
  2. package/build/cjs/components/src/components/FormElements/Input/Input.js +1 -1
  3. package/build/cjs/components/src/components/FormElements/Radio/Radio.js +1 -1
  4. package/build/cjs/components/src/components/FormElements/Select/Select.js +1 -1
  5. package/build/es/components/src/components/FormElements/Checkbox/Checkbox.js +1 -1
  6. package/build/es/components/src/components/FormElements/Input/Input.js +1 -1
  7. package/build/es/components/src/components/FormElements/Radio/Radio.js +1 -1
  8. package/build/es/components/src/components/FormElements/Select/Select.js +1 -1
  9. package/package.json +3 -3
package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js CHANGED
@@ -19,7 +19,7 @@ var Checkbox = function (_a) {
19
19
  var checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = _tslib.__rest(_a, ["checked", "disabled", "hideLabel", "label"]);
20
20
  var _b = formElement.getColorAttributes(checked, disabled), iconColor = _b.iconColor, labelColor = _b.labelColor, attributes = _tslib.__rest(_b, ["iconColor", "labelColor"]);
21
21
  return (React__default["default"].createElement(FormElement_styles.OptionInputWrapper, { as: "label", disabled: disabled },
22
- React__default["default"].createElement(FormElement_styles.HiddenInput, _tslib.__assign({ type: "checkbox" }, props)),
22
+ React__default["default"].createElement(FormElement_styles.HiddenInput, _tslib.__assign({ checked: checked, disabled: disabled, type: "checkbox" }, props)),
23
23
  React__default["default"].createElement(Checkbox_styles.CheckboxContainer, { attributes: attributes },
24
24
  React__default["default"].createElement(Checkbox_styles.IconContainer, null,
25
25
  React__default["default"].createElement(icons.Icons.CheckMark, { color: iconColor }))),
package/build/cjs/components/src/components/FormElements/Input/Input.js CHANGED
@@ -27,7 +27,7 @@ var Input = React__default["default"].forwardRef(function (_a, ref) {
27
27
  React__default["default"].createElement(Input_styles.InputWrapper, null,
28
28
  React__default["default"].createElement(Input_styles.InputContainer, { fullWidth: fullWidth },
29
29
  elementLeft && (React__default["default"].createElement(Input_styles.AbsoluteContainer, null, elementLeft)),
30
- React__default["default"].createElement(Input_styles.InputElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, paddingLeft: paddingLeft, ref: ref, sizeAttributes: sizeAttributes }, props)),
30
+ React__default["default"].createElement(Input_styles.InputElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, paddingLeft: paddingLeft, ref: ref, sizeAttributes: sizeAttributes, id: id }, props)),
31
31
  elementRight && (React__default["default"].createElement(Input_styles.AbsoluteContainer, { right: true }, elementRight))),
32
32
  unit && React__default["default"].createElement(typography.BodyText, { color: (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.darkest }, unit)),
33
33
  error && errorLabel && (React__default["default"].createElement(FormElement_styles.ErrorLabel, { id: errorId }, errorLabel))));
package/build/cjs/components/src/components/FormElements/Radio/Radio.js CHANGED
@@ -19,7 +19,7 @@ var Radio = function (_a) {
19
19
  var borderSize = formElement.getBorderSize(checked, disabled);
20
20
  var _b = formElement.getColorAttributes(checked, disabled, true), labelColor = _b.labelColor, attributes = _tslib.__rest(_b, ["labelColor"]);
21
21
  return (React__default["default"].createElement(FormElement_styles.OptionInputWrapper, { as: "label", disabled: disabled },
22
- React__default["default"].createElement(FormElement_styles.HiddenInput, _tslib.__assign({ type: "radio" }, props)),
22
+ React__default["default"].createElement(FormElement_styles.HiddenInput, _tslib.__assign({ type: "radio", checked: checked, disabled: disabled }, props)),
23
23
  React__default["default"].createElement(Radio_styles.RadioContainer, { attributes: attributes, borderSize: borderSize, checked: checked, disabled: disabled }),
24
24
  showLabel ? (React__default["default"].createElement(typography.BodyText, { color: labelColor, size: typography.TextTypes.TextSize.SMALL }, label)) : (React__default["default"].createElement(ScreenReader.ScreenReader, { string: label }))));
25
25
  };
package/build/cjs/components/src/components/FormElements/Select/Select.js CHANGED
@@ -23,7 +23,7 @@ var Select = function (_a) {
23
23
  label,
24
24
  required ? ' *' : '')),
25
25
  React__default["default"].createElement(Select_styles.SelectContainer, null,
26
- React__default["default"].createElement(Select_styles.SelectElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes }, props), children),
26
+ React__default["default"].createElement(Select_styles.SelectElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes, id: id, required: required }, props), children),
27
27
  React__default["default"].createElement(Select_styles.SelectIcon, { "aria-hidden": "true" }, isOpen ? (React__default["default"].createElement(icons.Icons.ChevronUp, { height: iconSize, width: iconSize })) : (React__default["default"].createElement(icons.Icons.ChevronDown, { height: iconSize, width: iconSize })))),
28
28
  error && errorLabel && (React__default["default"].createElement(FormElement_styles.ErrorLabel, { id: errorId }, errorLabel))));
29
29
  };
package/build/es/components/src/components/FormElements/Checkbox/Checkbox.js CHANGED
@@ -11,7 +11,7 @@ var Checkbox = function (_a) {
11
11
  var checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = __rest(_a, ["checked", "disabled", "hideLabel", "label"]);
12
12
  var _b = getColorAttributes(checked, disabled), iconColor = _b.iconColor, labelColor = _b.labelColor, attributes = __rest(_b, ["iconColor", "labelColor"]);
13
13
  return (React.createElement(OptionInputWrapper, { as: "label", disabled: disabled },
14
- React.createElement(HiddenInput, __assign({ type: "checkbox" }, props)),
14
+ React.createElement(HiddenInput, __assign({ checked: checked, disabled: disabled, type: "checkbox" }, props)),
15
15
  React.createElement(CheckboxContainer, { attributes: attributes },
16
16
  React.createElement(IconContainer, null,
17
17
  React.createElement(Icons.CheckMark, { color: iconColor }))),
package/build/es/components/src/components/FormElements/Input/Input.js CHANGED
@@ -19,7 +19,7 @@ var Input = React.forwardRef(function (_a, ref) {
19
19
  React.createElement(InputWrapper, null,
20
20
  React.createElement(InputContainer, { fullWidth: fullWidth },
21
21
  elementLeft && (React.createElement(AbsoluteContainer, null, elementLeft)),
22
- React.createElement(InputElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, paddingLeft: paddingLeft, ref: ref, sizeAttributes: sizeAttributes }, props)),
22
+ React.createElement(InputElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, paddingLeft: paddingLeft, ref: ref, sizeAttributes: sizeAttributes, id: id }, props)),
23
23
  elementRight && (React.createElement(AbsoluteContainer, { right: true }, elementRight))),
24
24
  unit && React.createElement(BodyText, { color: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest }, unit)),
25
25
  error && errorLabel && (React.createElement(ErrorLabel, { id: errorId }, errorLabel))));
package/build/es/components/src/components/FormElements/Radio/Radio.js CHANGED
@@ -11,7 +11,7 @@ var Radio = function (_a) {
11
11
  var borderSize = getBorderSize(checked, disabled);
12
12
  var _b = getColorAttributes(checked, disabled, true), labelColor = _b.labelColor, attributes = __rest(_b, ["labelColor"]);
13
13
  return (React.createElement(OptionInputWrapper, { as: "label", disabled: disabled },
14
- React.createElement(HiddenInput, __assign({ type: "radio" }, props)),
14
+ React.createElement(HiddenInput, __assign({ type: "radio", checked: checked, disabled: disabled }, props)),
15
15
  React.createElement(RadioContainer, { attributes: attributes, borderSize: borderSize, checked: checked, disabled: disabled }),
16
16
  showLabel ? (React.createElement(BodyText, { color: labelColor, size: TextTypes.TextSize.SMALL }, label)) : (React.createElement(ScreenReader, { string: label }))));
17
17
  };
package/build/es/components/src/components/FormElements/Select/Select.js CHANGED
@@ -15,7 +15,7 @@ var Select = function (_a) {
15
15
  label,
16
16
  required ? ' *' : '')),
17
17
  React.createElement(SelectContainer, null,
18
- React.createElement(SelectElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes }, props), children),
18
+ React.createElement(SelectElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes, id: id, required: required }, props), children),
19
19
  React.createElement(SelectIcon, { "aria-hidden": "true" }, isOpen ? (React.createElement(Icons.ChevronUp, { height: iconSize, width: iconSize })) : (React.createElement(Icons.ChevronDown, { height: iconSize, width: iconSize })))),
20
20
  error && errorLabel && (React.createElement(ErrorLabel, { id: errorId }, errorLabel))));
21
21
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.13.17",
3
+ "version": "0.13.19",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -65,7 +65,7 @@
65
65
  },
66
66
  "dependencies": {
67
67
  "@citygross/design-tokens": "^0.2.80",
68
- "@citygross/icons": "^0.3.1",
68
+ "@citygross/icons": "^0.3.2",
69
69
  "@citygross/react-use-bg-wizard": "^0.0.8",
70
70
  "@citygross/typography": "^0.0.116",
71
71
  "@citygross/utils": "^0.0.44",
@@ -75,5 +75,5 @@
75
75
  "react-slick": "^0.30.1",
76
76
  "slick-carousel": "^1.8.1"
77
77
  },
78
- "gitHead": "88620124f147f7b2f0b15279613f3c12b579b69d"
78
+ "gitHead": "90b890a0fd785bd46de3bdbb15523d6f7d782c4f"
79
79
  }