@citygross/components 0.17.9 → 0.17.11

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 (14) hide show
  1. package/build/@types/components/CartItemSummary/CartItemSummary.styles.d.ts +1 -1
  2. package/build/@types/components/Chips/Chip.styles.d.ts +1 -1
  3. package/build/@types/components/RadioBox/RadioBoxList.styles.d.ts +1 -1
  4. package/build/@types/components/RadioListItem/RadioListItem.styles.d.ts +1 -1
  5. package/build/@types/components/WarningLabel/WarningLabel.styles.d.ts +0 -1
  6. package/build/cjs/components/src/components/AvailabilityLabel/AvailabilityLabel.js +1 -1
  7. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +1 -1
  8. package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js +1 -4
  9. package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js.map +1 -1
  10. package/build/es/components/src/components/AvailabilityLabel/AvailabilityLabel.js +1 -1
  11. package/build/es/components/src/components/WarningLabel/WarningLabel.js +3 -3
  12. package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js +2 -4
  13. package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js.map +1 -1
  14. package/package.json +3 -3
package/build/@types/components/CartItemSummary/CartItemSummary.styles.d.ts CHANGED
@@ -2,4 +2,4 @@
2
2
  export declare const CartItemSummaryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
3
  export declare const CancelledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
4
  export declare const ItemInformationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const AmountText: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const AmountText: import("styled-components").StyledComponent<({ as, children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/build/@types/components/Chips/Chip.styles.d.ts CHANGED
@@ -9,4 +9,4 @@ export declare type TChip = {
9
9
  };
10
10
  export declare const BaseChip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TChip, never>;
11
11
  export declare const ChipCheckbox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
12
- export declare const ChipLabel: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
12
+ export declare const ChipLabel: import("styled-components").StyledComponent<({ as, children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/build/@types/components/RadioBox/RadioBoxList.styles.d.ts CHANGED
@@ -3,4 +3,4 @@ import { TBaseRadioBox } from './RadioBoxItem.styles';
3
3
  export declare const BaseRadioBoxList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioBox, never>;
4
4
  export declare const RadioBoxListChildContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioBox, never>;
5
5
  export declare const DividerPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const RadioBoxListParagraph: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
6
+ export declare const RadioBoxListParagraph: import("styled-components").StyledComponent<({ as, children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/build/@types/components/RadioListItem/RadioListItem.styles.d.ts CHANGED
@@ -20,7 +20,7 @@ export declare const StyledH3: import("styled-components").StyledComponent<({ ch
20
20
  as: string;
21
21
  } & TBaseRadioItemInputWrapper, "as">;
22
22
  export declare const RadioRightWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
23
- export declare const DisableText: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, TWrapMobile, never>;
23
+ export declare const DisableText: import("styled-components").StyledComponent<({ as, children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, TWrapMobile, never>;
24
24
  export declare const RadioFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TWrapMobile, never>;
25
25
  export declare const SecondaryColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
26
26
  export declare const LabelContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
package/build/@types/components/WarningLabel/WarningLabel.styles.d.ts CHANGED
@@ -5,4 +5,3 @@ export declare type TWarningIndicator = {
5
5
  };
6
6
  export declare const WarningIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TWarningIndicator, never>;
7
7
  export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
- export declare const BodyTextStyled: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/build/cjs/components/src/components/AvailabilityLabel/AvailabilityLabel.js CHANGED
@@ -14,7 +14,7 @@ var AvailabilityLabel = function (_a) {
14
14
  var label = _a.label, _b = _a.textSize, textSize = _b === void 0 ? typography.TextTypes.TextSize.EXTRASMALL : _b;
15
15
  return (React__default["default"].createElement(AvailabilityLabel_styles.Root, null,
16
16
  React__default["default"].createElement(AvailabilityLabel_styles.Dot, null),
17
- React__default["default"].createElement(typography.BodyText, { size: textSize }, label)));
17
+ React__default["default"].createElement(typography.BodyText, { size: textSize, as: "span" }, label)));
18
18
  };
19
19
 
20
20
  exports.AvailabilityLabel = AvailabilityLabel;
package/build/cjs/components/src/components/WarningLabel/WarningLabel.js CHANGED
@@ -14,7 +14,7 @@ function WarningLabel(_a) {
14
14
  var text = _a.text, background = _a.background, icon = _a.icon;
15
15
  return (React__default["default"].createElement(WarningLabel_styles.WarningIndicator, { background: background },
16
16
  icon && React__default["default"].createElement(WarningLabel_styles.IconWrapper, null, icon),
17
- React__default["default"].createElement(WarningLabel_styles.BodyTextStyled, { size: typography.TextTypes.TextSize.TINY }, text)));
17
+ React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.TINY }, text)));
18
18
  }
19
19
 
20
20
  exports.WarningLabel = WarningLabel;
package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _tslib = require('../../../../_virtual/_tslib.js');
6
- var typography = require('@citygross/typography');
7
6
  var styled = require('styled-components');
8
7
 
9
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,10 +11,8 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
12
11
 
13
12
  var WarningIndicator = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
14
13
  var IconWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"])));
15
- var BodyTextStyled = styled__default["default"](typography.BodyText)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxxs; });
16
- var templateObject_1, templateObject_2, templateObject_3;
14
+ var templateObject_1, templateObject_2;
17
15
 
18
- exports.BodyTextStyled = BodyTextStyled;
19
16
  exports.IconWrapper = IconWrapper;
20
17
  exports.WarningIndicator = WarningIndicator;
21
18
  //# sourceMappingURL=WarningLabel.styles.js.map
package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/AvailabilityLabel/AvailabilityLabel.js CHANGED
@@ -6,7 +6,7 @@ var AvailabilityLabel = function (_a) {
6
6
  var label = _a.label, _b = _a.textSize, textSize = _b === void 0 ? TextTypes.TextSize.EXTRASMALL : _b;
7
7
  return (React.createElement(Root, null,
8
8
  React.createElement(Dot, null),
9
- React.createElement(BodyText, { size: textSize }, label)));
9
+ React.createElement(BodyText, { size: textSize, as: "span" }, label)));
10
10
  };
11
11
 
12
12
  export { AvailabilityLabel };
package/build/es/components/src/components/WarningLabel/WarningLabel.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import { TextTypes } from '@citygross/typography';
3
- import { WarningIndicator, IconWrapper, BodyTextStyled } from './WarningLabel.styles.js';
2
+ import { BodyText, TextTypes } from '@citygross/typography';
3
+ import { WarningIndicator, IconWrapper } from './WarningLabel.styles.js';
4
4
 
5
5
  function WarningLabel(_a) {
6
6
  var text = _a.text, background = _a.background, icon = _a.icon;
7
7
  return (React.createElement(WarningIndicator, { background: background },
8
8
  icon && React.createElement(IconWrapper, null, icon),
9
- React.createElement(BodyTextStyled, { size: TextTypes.TextSize.TINY }, text)));
9
+ React.createElement(BodyText, { size: TextTypes.TextSize.TINY }, text)));
10
10
  }
11
11
 
12
12
  export { WarningLabel };
package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js CHANGED
@@ -1,11 +1,9 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
- import { BodyText } from '@citygross/typography';
3
2
  import styled from 'styled-components';
4
3
 
5
4
  var WarningIndicator = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
6
5
  var IconWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"])));
7
- var BodyTextStyled = styled(BodyText)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxxs; });
8
- var templateObject_1, templateObject_2, templateObject_3;
6
+ var templateObject_1, templateObject_2;
9
7
 
10
- export { BodyTextStyled, IconWrapper, WarningIndicator };
8
+ export { IconWrapper, WarningIndicator };
11
9
  //# sourceMappingURL=WarningLabel.styles.js.map
package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.17.9",
3
+ "version": "0.17.11",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -70,11 +70,11 @@
70
70
  "@citygross/design-tokens": "^0.5.4",
71
71
  "@citygross/icons": "^0.3.5",
72
72
  "@citygross/react-use-bg-wizard": "^0.0.14",
73
- "@citygross/typography": "^0.0.126",
73
+ "@citygross/typography": "^0.0.127",
74
74
  "@citygross/utils": "^0.0.56",
75
75
  "motion": "^12.34.3",
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "638d4476a4220070aae5dc7177cf87ea177ad2cf"
79
+ "gitHead": "d1224ee4e015cf7efc3739beefc37e5f6132d63b"
80
80
  }