@citygross/components 0.7.243 → 0.7.245
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/@types/components/AlertBox/AlertBox.d.ts +2 -1
- package/build/@types/components/AlertBox/AlertBox.styles.d.ts +1 -0
- package/build/@types/components/CartCard/CartCard.d.ts +16 -0
- package/build/@types/components/CartCard/CartCard.styles.d.ts +10 -0
- package/build/@types/components/CartCardLabel/CartCardLabel.d.ts +6 -0
- package/build/@types/components/CartCardLabel/CartCardLabel.styles.d.ts +5 -0
- package/build/@types/index.d.ts +1 -1
- package/build/cjs/components/src/components/AddressBlock/AddressBlock.js +1 -1
- package/build/cjs/components/src/components/AlertBox/AlertBox.js +2 -2
- package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js +1 -1
- package/build/cjs/components/src/components/{RecipeLabel/RecipeLabel.js → CartCardLabel/CartCardLabel.js} +5 -5
- package/build/cjs/components/src/components/CartCardLabel/CartCardLabel.js.map +1 -0
- package/build/cjs/components/src/components/CartCardLabel/CartCardLabel.styles.js +20 -0
- package/build/cjs/components/src/components/CartCardLabel/CartCardLabel.styles.js.map +1 -0
- package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +1 -1
- package/build/cjs/components/src/index.js +2 -2
- package/build/es/components/src/components/AddressBlock/AddressBlock.js +1 -1
- package/build/es/components/src/components/AlertBox/AlertBox.js +2 -2
- package/build/es/components/src/components/AlertBox/AlertBox.styles.js +1 -1
- package/build/es/components/src/components/CartCardLabel/CartCardLabel.js +10 -0
- package/build/es/components/src/components/CartCardLabel/CartCardLabel.js.map +1 -0
- package/build/es/components/src/components/CartCardLabel/CartCardLabel.styles.js +12 -0
- package/build/es/components/src/components/CartCardLabel/CartCardLabel.styles.js.map +1 -0
- package/build/es/components/src/components/WarningLabel/WarningLabel.js +1 -1
- package/build/es/components/src/index.js +1 -1
- package/package.json +2 -2
- package/build/@types/components/RecipeLabel/RecipeLabel.d.ts +0 -6
- package/build/@types/components/RecipeLabel/RecipeLabel.styles.d.ts +0 -5
- package/build/cjs/components/src/components/RecipeLabel/RecipeLabel.js.map +0 -1
- package/build/cjs/components/src/components/RecipeLabel/RecipeLabel.styles.js +0 -20
- package/build/cjs/components/src/components/RecipeLabel/RecipeLabel.styles.js.map +0 -1
- package/build/es/components/src/components/RecipeLabel/RecipeLabel.js +0 -10
- package/build/es/components/src/components/RecipeLabel/RecipeLabel.js.map +0 -1
- package/build/es/components/src/components/RecipeLabel/RecipeLabel.styles.js +0 -12
- package/build/es/components/src/components/RecipeLabel/RecipeLabel.styles.js.map +0 -1
|
@@ -8,5 +8,6 @@ export declare type TAlertBox = {
|
|
|
8
8
|
withArrow?: boolean;
|
|
9
9
|
arrowPlacement?: 'left' | 'right';
|
|
10
10
|
arrowSpacing?: number;
|
|
11
|
+
padding?: number;
|
|
11
12
|
};
|
|
12
|
-
export declare function AlertBox({ background, borderColor, icon, iconMinWidth, withArrow, arrowSpacing, arrowPlacement, children }: TAlertBox): JSX.Element;
|
|
13
|
+
export declare function AlertBox({ background, borderColor, icon, iconMinWidth, withArrow, arrowSpacing, arrowPlacement, padding, children }: TAlertBox): JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type TCartCard = {
|
|
3
|
+
markings?: React.ReactNode;
|
|
4
|
+
title: string;
|
|
5
|
+
description?: React.ReactNode;
|
|
6
|
+
showDelete?: boolean;
|
|
7
|
+
maxReachedWarning?: string;
|
|
8
|
+
maxValue?: number;
|
|
9
|
+
setValue?: (value: number) => void;
|
|
10
|
+
value?: number;
|
|
11
|
+
price: string;
|
|
12
|
+
image: string;
|
|
13
|
+
onDelete?: () => void;
|
|
14
|
+
quanitytSelector?: React.ReactNode;
|
|
15
|
+
};
|
|
16
|
+
export declare const CartCard: ({ markings, title, description, showDelete, maxReachedWarning, value, price, image, onDelete, maxValue, quanitytSelector }: TCartCard) => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const CartCardImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const CartCardContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const CartCardInfo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const CartCardInnerTop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const CartCardInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const CartCardPriceContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const CartCardDelete: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const PriceContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const MaxWarning: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
export declare const MarkingsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
package/build/@types/index.d.ts
CHANGED
|
@@ -76,4 +76,4 @@ export * from './components/MaxHeightText/MaxHeightText';
|
|
|
76
76
|
export * from './components/ToolTipDialog/ToolTipDialog';
|
|
77
77
|
export * from './components/CartSubTotal/CartSubTotal';
|
|
78
78
|
export * from './components/CgButton/CgButton';
|
|
79
|
-
export * from './components/
|
|
79
|
+
export * from './components/CartCardLabel/CartCardLabel';
|
|
@@ -92,7 +92,7 @@ require('../MaxHeightText/styles.js');
|
|
|
92
92
|
require('../ToolTipDialog/ToolTipDialog.styles.js');
|
|
93
93
|
require('../CartSubTotal/CartSubTotal.js');
|
|
94
94
|
require('../CgButton/CgButton.js');
|
|
95
|
-
require('../
|
|
95
|
+
require('../CartCardLabel/CartCardLabel.styles.js');
|
|
96
96
|
|
|
97
97
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
98
98
|
|
|
@@ -13,10 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
13
13
|
|
|
14
14
|
function AlertBox(_a) {
|
|
15
15
|
var _b, _c;
|
|
16
|
-
var _d = _a.background, background = _d === void 0 ? (_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, children = _a.children;
|
|
16
|
+
var _d = _a.background, background = _d === void 0 ? (_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, _g = _a.padding, padding = _g === void 0 ? 16 : _g, children = _a.children;
|
|
17
17
|
return (React__default["default"].createElement("div", null,
|
|
18
18
|
withArrow && (React__default["default"].createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
|
|
19
|
-
React__default["default"].createElement(AlertBox_styles.AlertBox, { background: background, borderColor: borderColor },
|
|
19
|
+
React__default["default"].createElement(AlertBox_styles.AlertBox, { background: background, borderColor: borderColor, padding: padding },
|
|
20
20
|
icon && (React__default["default"].createElement(AlertBox_styles.IconContainer, { minWidth: iconMinWidth }, icon)),
|
|
21
21
|
children)));
|
|
22
22
|
}
|
|
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
|
-
var AlertBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) {
|
|
12
|
+
var AlertBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) { return props.padding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
13
13
|
var IconContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"], ["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"])), function (props) { var _a; return props.minWidth || ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md); });
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var CartCardLabel_styles = require('./CartCardLabel.styles.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
9
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var CartCardLabel = function (_a) {
|
|
13
13
|
var background = _a.background, label = _a.label;
|
|
14
|
-
return (React__default["default"].createElement(
|
|
14
|
+
return (React__default["default"].createElement(CartCardLabel_styles.CartCardLabel, { background: background }, label));
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
exports.
|
|
18
|
-
//# sourceMappingURL=
|
|
17
|
+
exports.CartCardLabel = CartCardLabel;
|
|
18
|
+
//# sourceMappingURL=CartCardLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartCardLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _tslib = require('../../../../_virtual/_tslib.js');
|
|
6
|
+
var styled = require('styled-components');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
+
|
|
12
|
+
var CartCardLabel = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: 1px ", "px;\n border-radius: ", "px;\n ", "\n font-size: 11px;\n display: inline-block;\n"], ["\n padding: 1px ", "px;\n border-radius: ", "px;\n ", "\n font-size: 11px;\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.xxxs; }, function (props) {
|
|
13
|
+
var _a;
|
|
14
|
+
return (props === null || props === void 0 ? void 0 : props.background) &&
|
|
15
|
+
"\n background: ".concat(props.background, ";\n color: ").concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white, ";");
|
|
16
|
+
});
|
|
17
|
+
var templateObject_1;
|
|
18
|
+
|
|
19
|
+
exports.CartCardLabel = CartCardLabel;
|
|
20
|
+
//# sourceMappingURL=CartCardLabel.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartCardLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -92,7 +92,7 @@ require('../MaxHeightText/styles.js');
|
|
|
92
92
|
require('../ToolTipDialog/ToolTipDialog.styles.js');
|
|
93
93
|
require('../CartSubTotal/CartSubTotal.js');
|
|
94
94
|
require('../CgButton/CgButton.js');
|
|
95
|
-
require('../
|
|
95
|
+
require('../CartCardLabel/CartCardLabel.styles.js');
|
|
96
96
|
|
|
97
97
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
98
98
|
|
|
@@ -83,7 +83,7 @@ var MaxHeightText = require('./components/MaxHeightText/MaxHeightText.js');
|
|
|
83
83
|
var ToolTipDialog = require('./components/ToolTipDialog/ToolTipDialog.js');
|
|
84
84
|
var CartSubTotal = require('./components/CartSubTotal/CartSubTotal.js');
|
|
85
85
|
var CgButton = require('./components/CgButton/CgButton.js');
|
|
86
|
-
var
|
|
86
|
+
var CartCardLabel = require('./components/CartCardLabel/CartCardLabel.js');
|
|
87
87
|
|
|
88
88
|
|
|
89
89
|
|
|
@@ -211,5 +211,5 @@ Object.defineProperty(exports, 'ECgButtonSize', {
|
|
|
211
211
|
enumerable: true,
|
|
212
212
|
get: function () { return CgButton.ECgButtonSize; }
|
|
213
213
|
});
|
|
214
|
-
exports.
|
|
214
|
+
exports.CartCardLabel = CartCardLabel.CartCardLabel;
|
|
215
215
|
//# sourceMappingURL=index.js.map
|
|
@@ -88,7 +88,7 @@ import '../MaxHeightText/styles.js';
|
|
|
88
88
|
import '../ToolTipDialog/ToolTipDialog.styles.js';
|
|
89
89
|
import '../CartSubTotal/CartSubTotal.js';
|
|
90
90
|
import '../CgButton/CgButton.js';
|
|
91
|
-
import '../
|
|
91
|
+
import '../CartCardLabel/CartCardLabel.styles.js';
|
|
92
92
|
|
|
93
93
|
function AddressBlock(_a) {
|
|
94
94
|
var _b = _a.deliverOption, deliverOption = _b === void 0 ? 'Address' : _b, icon = _a.icon, storeName = _a.storeName, customerName = _a.customerName, street = _a.street, zipCode = _a.zipCode, city = _a.city, doorCode = _a.doorCode, floor = _a.floor, deliveryInstructions = _a.deliveryInstructions, xsSpacing = _a.xsSpacing, lgSpacing = _a.lgSpacing;
|
|
@@ -5,10 +5,10 @@ import { AlertBox as AlertBox$1, IconContainer } from './AlertBox.styles.js';
|
|
|
5
5
|
|
|
6
6
|
function AlertBox(_a) {
|
|
7
7
|
var _b, _c;
|
|
8
|
-
var _d = _a.background, background = _d === void 0 ? (_b = theme_1.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = theme_1.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, children = _a.children;
|
|
8
|
+
var _d = _a.background, background = _d === void 0 ? (_b = theme_1.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = theme_1.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, _g = _a.padding, padding = _g === void 0 ? 16 : _g, children = _a.children;
|
|
9
9
|
return (React.createElement("div", null,
|
|
10
10
|
withArrow && (React.createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
|
|
11
|
-
React.createElement(AlertBox$1, { background: background, borderColor: borderColor },
|
|
11
|
+
React.createElement(AlertBox$1, { background: background, borderColor: borderColor, padding: padding },
|
|
12
12
|
icon && (React.createElement(IconContainer, { minWidth: iconMinWidth }, icon)),
|
|
13
13
|
children)));
|
|
14
14
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
|
|
4
|
-
var AlertBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) {
|
|
4
|
+
var AlertBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) { return props.padding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
5
5
|
var IconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"], ["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"])), function (props) { var _a; return props.minWidth || ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md); });
|
|
6
6
|
var templateObject_1, templateObject_2;
|
|
7
7
|
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CartCardLabel as CartCardLabel$1 } from './CartCardLabel.styles.js';
|
|
3
|
+
|
|
4
|
+
var CartCardLabel = function (_a) {
|
|
5
|
+
var background = _a.background, label = _a.label;
|
|
6
|
+
return (React.createElement(CartCardLabel$1, { background: background }, label));
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { CartCardLabel };
|
|
10
|
+
//# sourceMappingURL=CartCardLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartCardLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
var CartCardLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 1px ", "px;\n border-radius: ", "px;\n ", "\n font-size: 11px;\n display: inline-block;\n"], ["\n padding: 1px ", "px;\n border-radius: ", "px;\n ", "\n font-size: 11px;\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.xxxs; }, function (props) {
|
|
5
|
+
var _a;
|
|
6
|
+
return (props === null || props === void 0 ? void 0 : props.background) &&
|
|
7
|
+
"\n background: ".concat(props.background, ";\n color: ").concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white, ";");
|
|
8
|
+
});
|
|
9
|
+
var templateObject_1;
|
|
10
|
+
|
|
11
|
+
export { CartCardLabel };
|
|
12
|
+
//# sourceMappingURL=CartCardLabel.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartCardLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -88,7 +88,7 @@ import '../MaxHeightText/styles.js';
|
|
|
88
88
|
import '../ToolTipDialog/ToolTipDialog.styles.js';
|
|
89
89
|
import '../CartSubTotal/CartSubTotal.js';
|
|
90
90
|
import '../CgButton/CgButton.js';
|
|
91
|
-
import '../
|
|
91
|
+
import '../CartCardLabel/CartCardLabel.styles.js';
|
|
92
92
|
|
|
93
93
|
function WarningLabel(_a) {
|
|
94
94
|
var children = _a.children, background = _a.background, toolTip = _a.toolTip;
|
|
@@ -79,5 +79,5 @@ export { MaxHeightText } from './components/MaxHeightText/MaxHeightText.js';
|
|
|
79
79
|
export { ToolTipDialog } from './components/ToolTipDialog/ToolTipDialog.js';
|
|
80
80
|
export { CartSubTotal, ECartSubTotalTypes } from './components/CartSubTotal/CartSubTotal.js';
|
|
81
81
|
export { CgButton, EButtonVariant, ECgButtonSize } from './components/CgButton/CgButton.js';
|
|
82
|
-
export {
|
|
82
|
+
export { CartCardLabel } from './components/CartCardLabel/CartCardLabel.js';
|
|
83
83
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.245",
|
|
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": "8206040a0275542fde284e4c10bdf89568be6ab8"
|
|
80
80
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RecipeLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _tslib = require('../../../../_virtual/_tslib.js');
|
|
6
|
-
var styled = require('styled-components');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
-
|
|
12
|
-
var RecipeLabel = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: 1px ", "px;\n border-radius: ", "px;\n ", "\n"], ["\n padding: 1px ", "px;\n border-radius: ", "px;\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.xxxs; }, function (props) {
|
|
13
|
-
var _a;
|
|
14
|
-
return (props === null || props === void 0 ? void 0 : props.background) &&
|
|
15
|
-
"\n background: ".concat(props.background, ";\n color: ").concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white, ";");
|
|
16
|
-
});
|
|
17
|
-
var templateObject_1;
|
|
18
|
-
|
|
19
|
-
exports.RecipeLabel = RecipeLabel;
|
|
20
|
-
//# sourceMappingURL=RecipeLabel.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RecipeLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { RecipeLabel as RecipeLabel$1 } from './RecipeLabel.styles.js';
|
|
3
|
-
|
|
4
|
-
var RecipeLabel = function (_a) {
|
|
5
|
-
var background = _a.background, label = _a.label;
|
|
6
|
-
return (React.createElement(RecipeLabel$1, { background: background }, label));
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export { RecipeLabel };
|
|
10
|
-
//# sourceMappingURL=RecipeLabel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RecipeLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
|
|
4
|
-
var RecipeLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 1px ", "px;\n border-radius: ", "px;\n ", "\n"], ["\n padding: 1px ", "px;\n border-radius: ", "px;\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.xxxs; }, function (props) {
|
|
5
|
-
var _a;
|
|
6
|
-
return (props === null || props === void 0 ? void 0 : props.background) &&
|
|
7
|
-
"\n background: ".concat(props.background, ";\n color: ").concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white, ";");
|
|
8
|
-
});
|
|
9
|
-
var templateObject_1;
|
|
10
|
-
|
|
11
|
-
export { RecipeLabel };
|
|
12
|
-
//# sourceMappingURL=RecipeLabel.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RecipeLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|