@citygross/components 0.16.18 → 0.16.20

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 (7) hide show
  1. package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js +1 -1
  2. package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js +2 -2
  3. package/build/cjs/components/src/helpers/form-element.js +1 -1
  4. package/build/es/components/src/components/CartSummary/CartSummary.styles.js +1 -1
  5. package/build/es/components/src/components/FormElements/Checkbox/Checkbox.js +2 -2
  6. package/build/es/components/src/helpers/form-element.js +1 -1
  7. package/package.json +2 -2
package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js CHANGED
@@ -17,7 +17,7 @@ var CartLine = styled__default["default"].div(templateObject_5 || (templateObjec
17
17
  var AmountWrapper = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
18
18
  var LabelWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
19
19
  var CartSummaryTitle = styled__default["default"].div(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; });
20
- var QuantitySpan = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
20
+ var QuantitySpan = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight) === null || _b === void 0 ? void 0 : _b.regular; });
21
21
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
22
22
 
23
23
  exports.AmountWrapper = AmountWrapper;
package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js CHANGED
@@ -18,11 +18,11 @@ var Checkbox = function (_a) {
18
18
  var alignItems = _a.alignItems, checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = _tslib.__rest(_a, ["alignItems", "checked", "disabled", "hideLabel", "label"]);
19
19
  var _b = formElement.getColorAttributes(checked, disabled), iconColor = _b.iconColor, labelColor = _b.labelColor, attributes = _tslib.__rest(_b, ["iconColor", "labelColor"]);
20
20
  return (React__default["default"].createElement(FormElement_styles.OptionInputWrapper, { alignItems: alignItems, as: "label", disabled: disabled },
21
- React__default["default"].createElement(Checkbox_styles.CheckboxInput, _tslib.__assign({ "aria-label": label, checked: checked, disabled: disabled, type: "checkbox" }, props)),
21
+ React__default["default"].createElement(Checkbox_styles.CheckboxInput, _tslib.__assign({ "aria-label": hideLabel ? label : undefined, checked: checked, disabled: disabled, type: "checkbox" }, props)),
22
22
  React__default["default"].createElement(Checkbox_styles.CheckboxContainer, { "aria-hidden": "true", attributes: attributes, alignItems: alignItems },
23
23
  React__default["default"].createElement(Checkbox_styles.IconContainer, null,
24
24
  React__default["default"].createElement(icons.Icons.CheckMark, { color: iconColor }))),
25
- !hideLabel && (React__default["default"].createElement(typography.BodyText, { "aria-hidden": "true", color: labelColor }, label))));
25
+ !hideLabel && React__default["default"].createElement(typography.BodyText, { color: labelColor }, label)));
26
26
  };
27
27
 
28
28
  exports.Checkbox = Checkbox;
package/build/cjs/components/src/helpers/form-element.js CHANGED
@@ -17,7 +17,7 @@ var getColorAttributes = function (checked, disabled, isRadio) {
17
17
  if (!checked) {
18
18
  if (!disabled) {
19
19
  return {
20
- backgroundColor: (_a = designTokens.theme.palette) === null || _a === void 0 ? void 0 : _a.transparent,
20
+ backgroundColor: (_a = designTokens.theme.palette) === null || _a === void 0 ? void 0 : _a.white,
21
21
  borderColor: (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder,
22
22
  hoverBackgroundColor: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.lightest,
23
23
  iconColor: (_d = designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.transparent,
package/build/es/components/src/components/CartSummary/CartSummary.styles.js CHANGED
@@ -9,7 +9,7 @@ var CartLine = styled.div(templateObject_5 || (templateObject_5 = __makeTemplate
9
9
  var AmountWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
10
10
  var LabelWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
11
11
  var CartSummaryTitle = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n padding: ", "px 0\n ", "px;\n margin: 0 ", "px;\n display: flex;\n gap: ", "px;\n border-bottom: 1px solid ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; });
12
- var QuantitySpan = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
12
+ var QuantitySpan = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n font-size: ", "px;\n display: inline-block;\n margin-left: ", "px;\n font-weight: ", ";\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.s1; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight) === null || _b === void 0 ? void 0 : _b.regular; });
13
13
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
14
14
 
15
15
  export { AmountWrapper, CartLine, CartPaymentContainer, CartSummaryContainer, CartSummaryContent, CartSummaryTitle, ChargesContainer, LabelWrapper, QuantitySpan };
package/build/es/components/src/components/FormElements/Checkbox/Checkbox.js CHANGED
@@ -10,11 +10,11 @@ var Checkbox = function (_a) {
10
10
  var alignItems = _a.alignItems, checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = __rest(_a, ["alignItems", "checked", "disabled", "hideLabel", "label"]);
11
11
  var _b = getColorAttributes(checked, disabled), iconColor = _b.iconColor, labelColor = _b.labelColor, attributes = __rest(_b, ["iconColor", "labelColor"]);
12
12
  return (React.createElement(OptionInputWrapper, { alignItems: alignItems, as: "label", disabled: disabled },
13
- React.createElement(CheckboxInput, __assign({ "aria-label": label, checked: checked, disabled: disabled, type: "checkbox" }, props)),
13
+ React.createElement(CheckboxInput, __assign({ "aria-label": hideLabel ? label : undefined, checked: checked, disabled: disabled, type: "checkbox" }, props)),
14
14
  React.createElement(CheckboxContainer, { "aria-hidden": "true", attributes: attributes, alignItems: alignItems },
15
15
  React.createElement(IconContainer, null,
16
16
  React.createElement(Icons.CheckMark, { color: iconColor }))),
17
- !hideLabel && (React.createElement(BodyText, { "aria-hidden": "true", color: labelColor }, label))));
17
+ !hideLabel && React.createElement(BodyText, { color: labelColor }, label)));
18
18
  };
19
19
 
20
20
  export { Checkbox };
package/build/es/components/src/helpers/form-element.js CHANGED
@@ -13,7 +13,7 @@ var getColorAttributes = function (checked, disabled, isRadio) {
13
13
  if (!checked) {
14
14
  if (!disabled) {
15
15
  return {
16
- backgroundColor: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.transparent,
16
+ backgroundColor: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.white,
17
17
  borderColor: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder,
18
18
  hoverBackgroundColor: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.lightest,
19
19
  iconColor: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.transparent,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.16.18",
3
+ "version": "0.16.20",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
74
74
  "react-slick": "^0.30.1",
75
75
  "slick-carousel": "^1.8.1"
76
76
  },
77
- "gitHead": "2f6089643fd967ddea961d93024d5e085f9549b5"
77
+ "gitHead": "3ebe5619a1886ef2172947653608ac74f964564b"
78
78
  }