@citygross/components 0.17.3 → 0.17.5
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.
- package/build/cjs/components/src/components/AddressBlock/AddressBlock.js +0 -1
- package/build/cjs/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
- package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js +1 -1
- package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js +1 -1
- package/build/cjs/components/src/containers/TwoColumnsContainer/TwoColumnsPageContainer.js +2 -2
- package/build/es/components/src/components/AddressBlock/AddressBlock.js +0 -1
- package/build/es/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
- package/build/es/components/src/components/CartSummary/CartSummary.styles.js +1 -1
- package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js +1 -1
- package/build/es/components/src/containers/TwoColumnsContainer/TwoColumnsPageContainer.js +2 -2
- package/package.json +2 -2
- package/build/cjs/_virtual/index2.js +0 -8
- package/build/cjs/_virtual/index2.js.map +0 -1
- package/build/cjs/utils/build/index.js +0 -641
- package/build/cjs/utils/build/index.js.map +0 -1
- package/build/es/_virtual/index2.js +0 -4
- package/build/es/_virtual/index2.js.map +0 -1
- package/build/es/utils/build/index.js +0 -631
- package/build/es/utils/build/index.js.map +0 -1
|
@@ -111,7 +111,6 @@ require('../UnorderedList/UnorderedList.styles.js');
|
|
|
111
111
|
require('../WarningLabel/WarningLabel.styles.js');
|
|
112
112
|
require('../ZipCodeInput/ZipCodeInput.styles.js');
|
|
113
113
|
require('../../containers/PageContainer/PageContainer.styles.js');
|
|
114
|
-
require('../../../../utils/build/index.js');
|
|
115
114
|
require('../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js');
|
|
116
115
|
|
|
117
116
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -16,7 +16,7 @@ var CartSummaryContent = styled__default["default"].div(templateObject_3 || (tem
|
|
|
16
16
|
var ChargesContainer = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
|
|
17
17
|
var CartLine = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"])), function (props) { return props.cancelled && 'line-through'; });
|
|
18
18
|
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; });
|
|
19
|
-
var LabelWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items:
|
|
19
|
+
var LabelWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
|
|
20
20
|
var ChargeTooltipInfo = styled__default["default"].div(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"], ["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"])), designTokens.constants.cartSummaryTooltipWidth, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, designTokens.constants.cartSummaryTooltipWidthMobile);
|
|
21
21
|
var CartSummaryTitle = styled__default["default"].div(templateObject_9 || (templateObject_9 = _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; });
|
|
22
22
|
var QuantitySpan = styled__default["default"].span(templateObject_10 || (templateObject_10 = _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; });
|
|
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
|
-
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:
|
|
13
|
+
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
14
|
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
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
16
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _tslib = require('../../../../_virtual/_tslib.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
+
var utils = require('@citygross/utils');
|
|
7
8
|
var index = require('../../../../design-tokens/build/index.js');
|
|
8
|
-
var index$1 = require('../../../../utils/build/index.js');
|
|
9
9
|
var Collapsable = require('../../components/Collapsable/Collapsable.js');
|
|
10
10
|
var TwoColumnsPageContainer_styles = require('./TwoColumnsPageContainer.styles.js');
|
|
11
11
|
|
|
@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
16
16
|
var TwoColumnsPageContainer = function (_a) {
|
|
17
17
|
var _b, _c;
|
|
18
18
|
var _d = _a.rightColumnWidth, rightColumnWidth = _d === void 0 ? 30 : _d, leftColumn = _a.leftColumn, rightColumn = _a.rightColumn, containerBackground = _a.containerBackground, rightColumnCollapsebleHeader = _a.rightColumnCollapsebleHeader, hideRightColumnBefore = _a.hideRightColumnBefore, _e = _a.breakpoint, breakpoint = _e === void 0 ? (_b = index.theme.breakpoints) === null || _b === void 0 ? void 0 : _b.xl : _e, _f = _a.noCollapsable, noCollapsable = _f === void 0 ? false : _f, props = _tslib.__rest(_a, ["rightColumnWidth", "leftColumn", "rightColumn", "containerBackground", "rightColumnCollapsebleHeader", "hideRightColumnBefore", "breakpoint", "noCollapsable"]);
|
|
19
|
-
var width =
|
|
19
|
+
var width = utils.useWindowSize().width;
|
|
20
20
|
return (React__default["default"].createElement(TwoColumnsPageContainer_styles.Container, _tslib.__assign({ background: containerBackground }, props),
|
|
21
21
|
React__default["default"].createElement(TwoColumnsPageContainer_styles.ColumnWraper, { noCollapsable: noCollapsable },
|
|
22
22
|
React__default["default"].createElement(TwoColumnsPageContainer_styles.LeftColumn, null, leftColumn),
|
|
@@ -107,7 +107,6 @@ import '../UnorderedList/UnorderedList.styles.js';
|
|
|
107
107
|
import '../WarningLabel/WarningLabel.styles.js';
|
|
108
108
|
import '../ZipCodeInput/ZipCodeInput.styles.js';
|
|
109
109
|
import '../../containers/PageContainer/PageContainer.styles.js';
|
|
110
|
-
import '../../../../utils/build/index.js';
|
|
111
110
|
import '../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js';
|
|
112
111
|
|
|
113
112
|
function AddressBlock(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,7 +8,7 @@ var CartSummaryContent = styled.div(templateObject_3 || (templateObject_3 = __ma
|
|
|
8
8
|
var ChargesContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
|
|
9
9
|
var CartLine = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n text-decoration: ", ";\n"])), function (props) { return props.cancelled && 'line-through'; });
|
|
10
10
|
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; });
|
|
11
|
-
var LabelWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items:
|
|
11
|
+
var LabelWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"], ["\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n position: relative;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
|
|
12
12
|
var ChargeTooltipInfo = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"], ["\n flex: 1;\n line-height: normal;\n overflow-wrap: break-word;\n white-space: pre-line;\n width: ", "px;\n word-break: break-word;\n\n @media (max-width: ", "px) {\n width: ", "px;\n }\n"])), constants.cartSummaryTooltipWidth, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, constants.cartSummaryTooltipWidthMobile);
|
|
13
13
|
var CartSummaryTitle = styled.div(templateObject_9 || (templateObject_9 = __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; });
|
|
14
14
|
var QuantitySpan = styled.span(templateObject_10 || (templateObject_10 = __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; });
|
|
@@ -2,7 +2,7 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
|
2
2
|
import { BodyText } from '@citygross/typography';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
|
|
5
|
-
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:
|
|
5
|
+
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
6
|
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
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
8
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../../../_virtual/_tslib.js';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { useWindowSize } from '@citygross/utils';
|
|
3
4
|
import { theme as theme_1 } from '../../../../design-tokens/build/index.js';
|
|
4
|
-
import { useWindowSize as useWindowSize_1 } from '../../../../utils/build/index.js';
|
|
5
5
|
import { Collapsable } from '../../components/Collapsable/Collapsable.js';
|
|
6
6
|
import { Container, ColumnWraper, LeftColumn, RightColumn } from './TwoColumnsPageContainer.styles.js';
|
|
7
7
|
|
|
8
8
|
var TwoColumnsPageContainer = function (_a) {
|
|
9
9
|
var _b, _c;
|
|
10
10
|
var _d = _a.rightColumnWidth, rightColumnWidth = _d === void 0 ? 30 : _d, leftColumn = _a.leftColumn, rightColumn = _a.rightColumn, containerBackground = _a.containerBackground, rightColumnCollapsebleHeader = _a.rightColumnCollapsebleHeader, hideRightColumnBefore = _a.hideRightColumnBefore, _e = _a.breakpoint, breakpoint = _e === void 0 ? (_b = theme_1.breakpoints) === null || _b === void 0 ? void 0 : _b.xl : _e, _f = _a.noCollapsable, noCollapsable = _f === void 0 ? false : _f, props = __rest(_a, ["rightColumnWidth", "leftColumn", "rightColumn", "containerBackground", "rightColumnCollapsebleHeader", "hideRightColumnBefore", "breakpoint", "noCollapsable"]);
|
|
11
|
-
var width =
|
|
11
|
+
var width = useWindowSize().width;
|
|
12
12
|
return (React.createElement(Container, __assign({ background: containerBackground }, props),
|
|
13
13
|
React.createElement(ColumnWraper, { noCollapsable: noCollapsable },
|
|
14
14
|
React.createElement(LeftColumn, null, leftColumn),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.5",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"react-slick": "^0.30.1",
|
|
77
77
|
"slick-carousel": "^1.8.1"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "640f83db48fb90a7384d62a89f398a1b68d02f4a"
|
|
80
80
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|