@citygross/components 0.7.53 → 0.7.54

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 (11) hide show
  1. package/build/@types/components/WarningLabel/WarningLabel.d.ts +2 -1
  2. package/build/@types/components/WarningLabel/WarningLabel.styles.d.ts +4 -2
  3. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +69 -2
  4. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  5. package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js +5 -2
  6. package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js.map +1 -1
  7. package/build/es/components/src/components/WarningLabel/WarningLabel.js +70 -3
  8. package/build/es/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  9. package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js +5 -2
  10. package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js.map +1 -1
  11. package/package.json +2 -2
package/build/@types/components/WarningLabel/WarningLabel.d.ts CHANGED
@@ -2,5 +2,6 @@ import React from 'react';
2
2
  export declare type TWarningLabel = {
3
3
  children: React.ReactNode;
4
4
  background: string;
5
+ toolTip?: React.ReactNode;
5
6
  };
6
- export declare function WarningLabel({ children, background }: TWarningLabel): JSX.Element;
7
+ export declare function WarningLabel({ children, background, toolTip }: TWarningLabel): JSX.Element;
package/build/@types/components/WarningLabel/WarningLabel.styles.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- export declare type TSlotReservationIndicator = {
1
+ /// <reference types="react" />
2
+ export declare type TWarningIndicator = {
2
3
  background?: string;
4
+ toolTip?: React.ReactNode;
3
5
  };
4
- export declare const SlotReservationIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TSlotReservationIndicator, never>;
6
+ export declare const WarningIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TWarningIndicator, never>;
package/build/cjs/components/src/components/WarningLabel/WarningLabel.js CHANGED
@@ -3,6 +3,71 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ require('@citygross/typography');
7
+ require('../AddressBlock/AddressBlock.styles.js');
8
+ require('../../../../design-tokens/build/index.js');
9
+ require('../AlertBox/AlertBox.styles.js');
10
+ require('../Button/Button.js');
11
+ require('@citygross/utils');
12
+ require('@citygross/design-tokens');
13
+ require('@citygross/icons');
14
+ require('../Logo/Logo.styles.js');
15
+ require('../Header/Header.styles.js');
16
+ require('../HeaderLink/HeaderLink.styles.js');
17
+ require('../BackgroundImage/BackgroundImage.styles.js');
18
+ require('../Badge/Badge.styles.js');
19
+ require('../Box/Box.styles.js');
20
+ require('../Button/Button.styles.js');
21
+ require('../BackButton/BackButton.styles.js');
22
+ require('react-loading-skeleton');
23
+ require('../CartItemSummary/CartItemSummary.styles.js');
24
+ require('../Divider/Divider.styles.js');
25
+ require('../CartSummary/CartSummary.styles.js');
26
+ require('../CustomerInfoBlock/CustomerInfoBlock.styles.js');
27
+ require('../Collapsable/Collapsable.styles.js');
28
+ require('../DeliverySlotItem/DeliverySlotItem.styles.js');
29
+ require('../Slider/Slider.styles.js');
30
+ require('../DeliveryTimeBlock/DeliveryTimeBlock.styles.js');
31
+ require('../Menu/Menu.styles.js');
32
+ require('../DateBox/DateBox.styles.js');
33
+ require('../DotIndicator/DotIndicator.styles.js');
34
+ require('../Form/Form.styles.js');
35
+ require('../FormControl/FormControl.js');
36
+ require('../FormElements/Checkbox/Checkbox.styles.js');
37
+ require('../FormElements/Input/Input.styles.js');
38
+ require('../FormElements/Radio/Radio.styles.js');
39
+ require('../FormElements/Switch/Switch.styles.js');
40
+ require('../FormGroup/FormGroup.styles.js');
41
+ require('../GridContainer/GridContainer.styles.js');
42
+ require('../HighlightBox/HighlightBox.styles.js');
43
+ require('../IconToolTip/IconToolTip.styles.js');
44
+ require('../Spacer/Spacer.styles.js');
45
+ require('../InfoTextBlock/InfoTextBlock.styles.js');
46
+ require('../LayoutBox/LayoutBox.styles.js');
47
+ require('../ListItem/ListItem.styles.js');
48
+ require('../ListItemWithRadio/ListItemWithRadio.styles.js');
49
+ require('../Links/Link.js');
50
+ require('react-dom');
51
+ require('../Modal/Modal.styles.js');
52
+ require('../RadioBox/RadioBoxItem.styles.js');
53
+ require('../RadioBox/RadioBoxList.styles.js');
54
+ require('../RadioGroup/RadioGroup.styles.js');
55
+ require('../RadioListItem/RadioListItem.styles.js');
56
+ require('../RippleContainer/RippleContainer.styles.js');
57
+ require('../Select/Select.styles.js');
58
+ require('../Spinner/Spinner.styles.js');
59
+ require('../Stepper/Stepper.styles.js');
60
+ var ToolTip = require('../ToolTip/ToolTip.js');
61
+ require('../StepperMobile/StepperMobile.styles.js');
62
+ require('../FormElements/TextArea/TextArea.styles.js');
63
+ require('../Table/Table.styles.js');
64
+ require('../Timeline/Timeline.styles.js');
65
+ require('../QuantitySelector/QuantitySelector.styles.js');
66
+ require('../Pagination/Pagination.styles.js');
67
+ require('../../containers/PageContainer/PageContainer.styles.js');
68
+ require('../../../../utils/build/index.js');
69
+ require('../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js');
70
+ require('../UnorderedList/UnorderedList.styles.js');
6
71
  var WarningLabel_styles = require('./WarningLabel.styles.js');
7
72
 
8
73
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,8 +75,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
75
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
76
 
12
77
  function WarningLabel(_a) {
13
- var children = _a.children, background = _a.background;
14
- return (React__default['default'].createElement(WarningLabel_styles.SlotReservationIndicator, { background: background }, children));
78
+ var children = _a.children, background = _a.background, toolTip = _a.toolTip;
79
+ return (React__default['default'].createElement(WarningLabel_styles.WarningIndicator, { background: background, toolTip: toolTip },
80
+ toolTip && React__default['default'].createElement(ToolTip.ToolTip, null, toolTip),
81
+ children));
15
82
  }
16
83
 
17
84
  exports.WarningLabel = WarningLabel;
package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js CHANGED
@@ -9,8 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var SlotReservationIndicator = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\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; });
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 display: inline-block;\n position: relative;\n ", ";\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n position: relative;\n ", ";\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) {
13
+ return props.toolTip &&
14
+ "\n > {\n &:first-child {\n display: none;\n }\n }\n\n &:hover {\n > {\n &:first-child {\n display: block;\n }\n }\n }\n ";
15
+ });
13
16
  var templateObject_1;
14
17
 
15
- exports.SlotReservationIndicator = SlotReservationIndicator;
18
+ exports.WarningIndicator = WarningIndicator;
16
19
  //# 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/WarningLabel/WarningLabel.js CHANGED
@@ -1,9 +1,76 @@
1
1
  import React from 'react';
2
- import { SlotReservationIndicator } from './WarningLabel.styles.js';
2
+ import '@citygross/typography';
3
+ import '../AddressBlock/AddressBlock.styles.js';
4
+ import '../../../../design-tokens/build/index.js';
5
+ import '../AlertBox/AlertBox.styles.js';
6
+ import '../Button/Button.js';
7
+ import '@citygross/utils';
8
+ import '@citygross/design-tokens';
9
+ import '@citygross/icons';
10
+ import '../Logo/Logo.styles.js';
11
+ import '../Header/Header.styles.js';
12
+ import '../HeaderLink/HeaderLink.styles.js';
13
+ import '../BackgroundImage/BackgroundImage.styles.js';
14
+ import '../Badge/Badge.styles.js';
15
+ import '../Box/Box.styles.js';
16
+ import '../Button/Button.styles.js';
17
+ import '../BackButton/BackButton.styles.js';
18
+ import 'react-loading-skeleton';
19
+ import '../CartItemSummary/CartItemSummary.styles.js';
20
+ import '../Divider/Divider.styles.js';
21
+ import '../CartSummary/CartSummary.styles.js';
22
+ import '../CustomerInfoBlock/CustomerInfoBlock.styles.js';
23
+ import '../Collapsable/Collapsable.styles.js';
24
+ import '../DeliverySlotItem/DeliverySlotItem.styles.js';
25
+ import '../Slider/Slider.styles.js';
26
+ import '../DeliveryTimeBlock/DeliveryTimeBlock.styles.js';
27
+ import '../Menu/Menu.styles.js';
28
+ import '../DateBox/DateBox.styles.js';
29
+ import '../DotIndicator/DotIndicator.styles.js';
30
+ import '../Form/Form.styles.js';
31
+ import '../FormControl/FormControl.js';
32
+ import '../FormElements/Checkbox/Checkbox.styles.js';
33
+ import '../FormElements/Input/Input.styles.js';
34
+ import '../FormElements/Radio/Radio.styles.js';
35
+ import '../FormElements/Switch/Switch.styles.js';
36
+ import '../FormGroup/FormGroup.styles.js';
37
+ import '../GridContainer/GridContainer.styles.js';
38
+ import '../HighlightBox/HighlightBox.styles.js';
39
+ import '../IconToolTip/IconToolTip.styles.js';
40
+ import '../Spacer/Spacer.styles.js';
41
+ import '../InfoTextBlock/InfoTextBlock.styles.js';
42
+ import '../LayoutBox/LayoutBox.styles.js';
43
+ import '../ListItem/ListItem.styles.js';
44
+ import '../ListItemWithRadio/ListItemWithRadio.styles.js';
45
+ import '../Links/Link.js';
46
+ import 'react-dom';
47
+ import '../Modal/Modal.styles.js';
48
+ import '../RadioBox/RadioBoxItem.styles.js';
49
+ import '../RadioBox/RadioBoxList.styles.js';
50
+ import '../RadioGroup/RadioGroup.styles.js';
51
+ import '../RadioListItem/RadioListItem.styles.js';
52
+ import '../RippleContainer/RippleContainer.styles.js';
53
+ import '../Select/Select.styles.js';
54
+ import '../Spinner/Spinner.styles.js';
55
+ import '../Stepper/Stepper.styles.js';
56
+ import { ToolTip } from '../ToolTip/ToolTip.js';
57
+ import '../StepperMobile/StepperMobile.styles.js';
58
+ import '../FormElements/TextArea/TextArea.styles.js';
59
+ import '../Table/Table.styles.js';
60
+ import '../Timeline/Timeline.styles.js';
61
+ import '../QuantitySelector/QuantitySelector.styles.js';
62
+ import '../Pagination/Pagination.styles.js';
63
+ import '../../containers/PageContainer/PageContainer.styles.js';
64
+ import '../../../../utils/build/index.js';
65
+ import '../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js';
66
+ import '../UnorderedList/UnorderedList.styles.js';
67
+ import { WarningIndicator } from './WarningLabel.styles.js';
3
68
 
4
69
  function WarningLabel(_a) {
5
- var children = _a.children, background = _a.background;
6
- return (React.createElement(SlotReservationIndicator, { background: background }, children));
70
+ var children = _a.children, background = _a.background, toolTip = _a.toolTip;
71
+ return (React.createElement(WarningIndicator, { background: background, toolTip: toolTip },
72
+ toolTip && React.createElement(ToolTip, null, toolTip),
73
+ children));
7
74
  }
8
75
 
9
76
  export { WarningLabel };
package/build/es/components/src/components/WarningLabel/WarningLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js CHANGED
@@ -1,8 +1,11 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
3
 
4
- var SlotReservationIndicator = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\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; });
4
+ var WarningIndicator = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n position: relative;\n ", ";\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n display: inline-block;\n position: relative;\n ", ";\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) {
5
+ return props.toolTip &&
6
+ "\n > {\n &:first-child {\n display: none;\n }\n }\n\n &:hover {\n > {\n &:first-child {\n display: block;\n }\n }\n }\n ";
7
+ });
5
8
  var templateObject_1;
6
9
 
7
- export { SlotReservationIndicator };
10
+ export { WarningIndicator };
8
11
  //# 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.7.53",
3
+ "version": "0.7.54",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
71
71
  "moment": "^2.29.1",
72
72
  "react-loading-skeleton": "^2.2.0"
73
73
  },
74
- "gitHead": "05f6ba824fc04a95a5410e8352208903ef61dd86"
74
+ "gitHead": "d9b56c5dbdefab620ee1a8984faa2f775f2ca9b6"
75
75
  }