@citygross/components 0.16.1 → 0.16.2

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 (8) hide show
  1. package/build/@types/components/ListItem/ListItem.styles.d.ts +1 -0
  2. package/build/cjs/components/src/components/ListItem/ListItem.js +1 -1
  3. package/build/cjs/components/src/components/ListItem/ListItem.styles.js +3 -1
  4. package/build/cjs/components/src/components/ListItem/ListItem.styles.js.map +1 -1
  5. package/build/es/components/src/components/ListItem/ListItem.js +2 -2
  6. package/build/es/components/src/components/ListItem/ListItem.styles.js +3 -2
  7. package/build/es/components/src/components/ListItem/ListItem.styles.js.map +1 -1
  8. package/package.json +2 -2
package/build/@types/components/ListItem/ListItem.styles.d.ts CHANGED
@@ -16,3 +16,4 @@ export declare type TListImage = {
16
16
  };
17
17
  export declare const ListImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, TListImage, never>;
18
18
  export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
19
+ export declare const VisuallyHiddenLegend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {}, never>;
package/build/cjs/components/src/components/ListItem/ListItem.js CHANGED
@@ -68,7 +68,7 @@ var ListItem = function (_a) {
68
68
  showPriceStripe && (React__default["default"].createElement(PriceStripe.PriceStripe, { size: PriceTag_types.EPriceSize.SMALL, variant: PriceTag_types.EPriceVariant.PRIO })),
69
69
  React__default["default"].createElement(ProductHeader.ProductHeader, { location: ProductHeader.EProductHeader.LIST_ITEM, subtitle: item === null || item === void 0 ? void 0 : item.subtitle, title: item === null || item === void 0 ? void 0 : item.name }),
70
70
  checkboxes && checkboxes.length > 0 && (React__default["default"].createElement(Fieldset.Fieldset, null,
71
- checkboxLegendLabel && (React__default["default"].createElement("legend", null, checkboxLegendLabel)),
71
+ checkboxLegendLabel && (React__default["default"].createElement(ListItem_styles.VisuallyHiddenLegend, null, checkboxLegendLabel)),
72
72
  React__default["default"].createElement(ListItem_styles.CheckboxContainer, null, checkboxes.map(function (checkbox, index) {
73
73
  var ariaLabel = checkboxContext
74
74
  ? "".concat(checkbox.label, ". ").concat(checkboxContext)
package/build/cjs/components/src/components/ListItem/ListItem.styles.js CHANGED
@@ -38,7 +38,8 @@ var ListImage = styled__default["default"].img(templateObject_6 || (templateObje
38
38
  : (_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.listImageMaxHeight, "px");
39
39
  });
40
40
  var CheckboxContainer = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n row-gap: ", "px;\n margin-top: ", "px;\n flex-wrap: wrap;\n column-gap: ", "px;\n"], ["\n display: flex;\n row-gap: ", "px;\n margin-top: ", "px;\n flex-wrap: wrap;\n column-gap: ", "px;\n"])), 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.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; });
41
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
41
+ var VisuallyHiddenLegend = styled__default["default"].legend(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n position: absolute;\n width: 0;\n height: 0;\n overflow: hidden;\n clip-path: inset(50%);\n"], ["\n position: absolute;\n width: 0;\n height: 0;\n overflow: hidden;\n clip-path: inset(50%);\n"])));
42
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
42
43
 
43
44
  exports.CheckboxContainer = CheckboxContainer;
44
45
  exports.ItemInformationContainer = ItemInformationContainer;
@@ -47,4 +48,5 @@ exports.ListImageContainer = ListImageContainer;
47
48
  exports.ListItemContainer = ListItemContainer;
48
49
  exports.ListLeft = ListLeft;
49
50
  exports.ListRight = ListRight;
51
+ exports.VisuallyHiddenLegend = VisuallyHiddenLegend;
50
52
  //# sourceMappingURL=ListItem.styles.js.map
package/build/cjs/components/src/components/ListItem/ListItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/ListItem/ListItem.js CHANGED
@@ -5,7 +5,7 @@ import { Fieldset } from '../Fieldset/Fieldset.js';
5
5
  import { Checkbox } from '../FormElements/Checkbox/Checkbox.js';
6
6
  import { PriceStripe } from '../PriceStripe/PriceStripe.js';
7
7
  import { ProductHeader, EProductHeader } from '../ProductHeader/ProductHeader.js';
8
- import { ListItemContainer, ListLeft, ListImageContainer, ListImage, ItemInformationContainer, CheckboxContainer, ListRight } from './ListItem.styles.js';
8
+ import { ListItemContainer, ListLeft, ListImageContainer, ListImage, ItemInformationContainer, VisuallyHiddenLegend, CheckboxContainer, ListRight } from './ListItem.styles.js';
9
9
  import { EPriceSize, EPriceVariant } from '../PriceTag/PriceTag.types.js';
10
10
 
11
11
  var EListItemAlignment;
@@ -59,7 +59,7 @@ var ListItem = function (_a) {
59
59
  showPriceStripe && (React.createElement(PriceStripe, { size: EPriceSize.SMALL, variant: EPriceVariant.PRIO })),
60
60
  React.createElement(ProductHeader, { location: EProductHeader.LIST_ITEM, subtitle: item === null || item === void 0 ? void 0 : item.subtitle, title: item === null || item === void 0 ? void 0 : item.name }),
61
61
  checkboxes && checkboxes.length > 0 && (React.createElement(Fieldset, null,
62
- checkboxLegendLabel && (React.createElement("legend", null, checkboxLegendLabel)),
62
+ checkboxLegendLabel && (React.createElement(VisuallyHiddenLegend, null, checkboxLegendLabel)),
63
63
  React.createElement(CheckboxContainer, null, checkboxes.map(function (checkbox, index) {
64
64
  var ariaLabel = checkboxContext
65
65
  ? "".concat(checkbox.label, ". ").concat(checkboxContext)
package/build/es/components/src/components/ListItem/ListItem.styles.js CHANGED
@@ -30,7 +30,8 @@ var ListImage = styled.img(templateObject_6 || (templateObject_6 = __makeTemplat
30
30
  : (_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.listImageMaxHeight, "px");
31
31
  });
32
32
  var CheckboxContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n row-gap: ", "px;\n margin-top: ", "px;\n flex-wrap: wrap;\n column-gap: ", "px;\n"], ["\n display: flex;\n row-gap: ", "px;\n margin-top: ", "px;\n flex-wrap: wrap;\n column-gap: ", "px;\n"])), 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.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; });
33
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
33
+ var VisuallyHiddenLegend = styled.legend(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n width: 0;\n height: 0;\n overflow: hidden;\n clip-path: inset(50%);\n"], ["\n position: absolute;\n width: 0;\n height: 0;\n overflow: hidden;\n clip-path: inset(50%);\n"])));
34
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
34
35
 
35
- export { CheckboxContainer, ItemInformationContainer, ListImage, ListImageContainer, ListItemContainer, ListLeft, ListRight };
36
+ export { CheckboxContainer, ItemInformationContainer, ListImage, ListImageContainer, ListItemContainer, ListLeft, ListRight, VisuallyHiddenLegend };
36
37
  //# sourceMappingURL=ListItem.styles.js.map
package/build/es/components/src/components/ListItem/ListItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.16.1",
3
+ "version": "0.16.2",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -75,5 +75,5 @@
75
75
  "react-slick": "^0.30.1",
76
76
  "slick-carousel": "^1.8.1"
77
77
  },
78
- "gitHead": "d518d03e9a2303db91c7a32178307644657f20fe"
78
+ "gitHead": "45d97b1512b43b7b7ee38d87ff5e1e53567113be"
79
79
  }