@citygross/components 0.19.5 → 0.19.7

package/build/@types/components/Label/Label.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TLabelFontWeight, TLabelSize } from './Label.styles';
+export declare type TLabel = {
+    background?: string;
+    color?: string;
+    fontWeight?: TLabelFontWeight;
+    label: string;
+    size?: TLabelSize;
+};
+export declare const Label: ({ background, color, fontWeight, label, size }: TLabel) => React.JSX.Element;

package/build/@types/components/Label/Label.styles.d.ts

@@ -0,0 +1,11 @@
+import type { Typography } from '@citygross/design-tokens';
+export declare type TLabelSize = 'small' | 'medium';
+export declare type TLabelFontWeight = keyof Typography['weight'];
+declare type TStyledLabel = {
+    $background?: string;
+    $color?: string;
+    $fontWeight?: TLabelFontWeight;
+    $size: TLabelSize;
+};
+export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TStyledLabel, never>;
+export {};

package/build/@types/components/ListItem/ListItem.d.ts

@@ -37,6 +37,7 @@ export declare type TListItem = {
     item?: TItem;
     isSmall?: boolean;
     loading?: boolean;
+    label?: string;
     showPriceStripe?: boolean;
     smallSkeleton?: boolean;
 };

package/build/@types/index.d.ts

@@ -9,7 +9,6 @@ export * from './components/Box/Box';
 export * from './components/Button';
 export * from './components/Button/Button';
 export * from './components/CartCard/CartCard';
-export * from './components/CartCardLabel/CartCardLabel';
 export * from './components/CartItemSummary/CartItemSummary';
 export * from './components/CartSubTotal/CartSubTotal';
 export * from './components/CartSummary/CartSummary';
@@ -48,6 +47,7 @@ export * from './components/IconText/IconText';
 export * from './components/IconToolTip/IconToolTip';
 export * from './components/InfoTextBlock/InfoTextBlock';
 export * from './components/LayoutBox/LayoutBox';
+export * from './components/Label/Label';
 export * from './components/Links/Link';
 export * from './components/ListItem/ListItem';
 export * from './components/ListItemWithRadio/ListItemWithRadio';

package/build/cjs/components/src/components/AddressBlock/AddressBlock.js

@@ -22,7 +22,6 @@ require('../Button/NavButton.js');
 require('../CgButton/CgButton.js');
 require('../CartCard/CartCard.styles.js');
 require('../CgButton/CgButton.types.js');
-require('../CartCardLabel/CartCardLabel.styles.js');
 require('react-loading-skeleton');
 require('@citygross/utils');
 require('../CartItemSummary/CartItemSummary.styles.js');
@@ -69,6 +68,7 @@ var Spacer = require('../Spacer/Spacer.js');
 require('../IconToolTip/IconToolTip.styles.js');
 require('../InfoTextBlock/InfoTextBlock.styles.js');
 require('../LayoutBox/LayoutBox.styles.js');
+require('../Label/Label.styles.js');
 require('../Links/Link.js');
 require('../ListItem/ListItem.js');
 require('../ListItemWithRadio/ListItemWithRadio.styles.js');

package/build/cjs/components/src/components/Label/Label.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Label_styles = require('./Label.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Label = function (_a) {
+    var background = _a.background, color = _a.color, fontWeight = _a.fontWeight, label = _a.label, _b = _a.size, size = _b === void 0 ? 'medium' : _b;
+    return (React__default["default"].createElement(Label_styles.Label, { "$background": background, "$color": color, "$fontWeight": fontWeight, "$size": size }, label));
+};
+
+exports.Label = Label;
+//# sourceMappingURL=Label.js.map

package/build/cjs/components/src/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/Label/Label.styles.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var labelSizeMap = {
+    small: 's0',
+    medium: 's3'
+};
+var labelLineHeightMap = {
+    small: 's1',
+    medium: 'm1'
+};
+var Label = styled__default["default"].span(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: inline-block;\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n"], ["\n  display: inline-block;\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n"])), function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
+}, function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall;
+}, function (_a) {
+    var _b;
+    var $background = _a.$background, theme = _a.theme;
+    return $background !== null && $background !== void 0 ? $background : (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lighter;
+}, function (_a) {
+    var _b;
+    var $color = _a.$color, theme = _a.theme;
+    return $color !== null && $color !== void 0 ? $color : (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.black;
+}, function (_a) {
+    var _b, _c;
+    var $size = _a.$size, theme = _a.theme;
+    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c[labelSizeMap[$size]];
+}, function (_a) {
+    var _b, _c;
+    var $fontWeight = _a.$fontWeight, theme = _a.theme;
+    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c[$fontWeight !== null && $fontWeight !== void 0 ? $fontWeight : 'regular'];
+}, function (_a) {
+    var _b, _c;
+    var $size = _a.$size, theme = _a.theme;
+    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.lineHeight) === null || _c === void 0 ? void 0 : _c[labelLineHeightMap[$size]];
+});
+var templateObject_1;
+
+exports.Label = Label;
+//# sourceMappingURL=Label.styles.js.map

package/build/cjs/components/src/components/Label/Label.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/ListItem/ListItem.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var Skeleton = require('react-loading-skeleton');
+var designTokens = require('@citygross/design-tokens');
+var AvailabilityLabel = require('../AvailabilityLabel/AvailabilityLabel.js');
 var Fieldset = require('../Fieldset/Fieldset.js');
 var Checkbox = require('../FormElements/Checkbox/Checkbox.js');
+var Label = require('../Label/Label.js');
 var PriceStripe = require('../PriceStripe/PriceStripe.js');
-var AvailabilityLabel = require('../AvailabilityLabel/AvailabilityLabel.js');
 var ProductHeader = require('../ProductHeader/ProductHeader.js');
 var ListItem_styles = require('./ListItem.styles.js');
 var PriceTag_types = require('../PriceTag/PriceTag.types.js');
@@ -23,8 +25,8 @@ exports.EListItemAlignment = void 0;
     EListItemAlignment["TOP"] = "flex-start";
 })(exports.EListItemAlignment || (exports.EListItemAlignment = {}));
 var ListItem = function (_a) {
-    var _b;
-    var _c = _a.alignment, alignment = _c === void 0 ? exports.EListItemAlignment.CENTER : _c, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.showPriceStripe, showPriceStripe = _e === void 0 ? false : _e, smallSkeleton = _a.smallSkeleton;
+    var _b, _c, _d;
+    var _e = _a.alignment, alignment = _e === void 0 ? exports.EListItemAlignment.CENTER : _e, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, label = _a.label, _f = _a.loading, loading = _f === void 0 ? false : _f, _g = _a.showPriceStripe, showPriceStripe = _g === void 0 ? false : _g, smallSkeleton = _a.smallSkeleton;
     return (React__default["default"].createElement(ListItem_styles.ListItemContainer, null,
         React__default["default"].createElement(ListItem_styles.ListLeft, { alignment: alignment },
             React__default["default"].createElement(ListItem_styles.ListImageContainer, { isSmall: isSmall },
@@ -54,9 +56,10 @@ var ListItem = function (_a) {
                                         checkbox.onChange(e.target.checked);
                                     }
                                 }, value: checkbox.value, alignItems: "flex-start" }));
-                        })))))),
+                        })))),
+                    label && (React__default["default"].createElement(Label.Label, { background: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.blueLighter, color: (_d = designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.disabledDarkGray, label: label })))),
                 (item === null || item === void 0 ? void 0 : item.secondaryDescription) && item.secondaryDescription)),
-        children && (React__default["default"].createElement(ListItem_styles.ListRight, null, children))));
+        children && React__default["default"].createElement(ListItem_styles.ListRight, null, children)));
 };
 
 exports.ListItem = ListItem;

package/build/cjs/components/src/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/index.js

@@ -16,7 +16,6 @@ var PaginationButton = require('./components/Button/PaginationButton.js');
 var SaveButton = require('./components/Button/SaveButton.js');
 var NavButton = require('./components/Button/NavButton.js');
 var CartCard = require('./components/CartCard/CartCard.js');
-var CartCardLabel = require('./components/CartCardLabel/CartCardLabel.js');
 var CartItemSummary = require('./components/CartItemSummary/CartItemSummary.js');
 var CartSubTotal = require('./components/CartSubTotal/CartSubTotal.js');
 var CartSummary = require('./components/CartSummary/CartSummary.js');
@@ -55,6 +54,7 @@ var IconText = require('./components/IconText/IconText.js');
 var IconToolTip = require('./components/IconToolTip/IconToolTip.js');
 var InfoTextBlock = require('./components/InfoTextBlock/InfoTextBlock.js');
 var LayoutBox = require('./components/LayoutBox/LayoutBox.js');
+var Label = require('./components/Label/Label.js');
 var Link = require('./components/Links/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var ListItemWithRadio = require('./components/ListItemWithRadio/ListItemWithRadio.js');
@@ -137,7 +137,6 @@ exports.PaginationButton = PaginationButton.PaginationButton;
 exports.SaveButton = SaveButton.SaveButton;
 exports.NavButton = NavButton.NavButton;
 exports.CartCard = CartCard.CartCard;
-exports.CartCardLabel = CartCardLabel.CartCardLabel;
 exports.CartItemSummary = CartItemSummary.CartItemSummary;
 exports.CartSubTotal = CartSubTotal.CartSubTotal;
 Object.defineProperty(exports, 'ECartSubTotalTypes', {
@@ -198,6 +197,7 @@ exports.IconText = IconText.IconText;
 exports.IconToolTip = IconToolTip.IconToolTip;
 exports.InfoWithButtonBlock = InfoTextBlock.InfoWithButtonBlock;
 exports.LayoutBox = LayoutBox.LayoutBox;
+exports.Label = Label.Label;
 Object.defineProperty(exports, 'ELinkVariant', {
 	enumerable: true,
 	get: function () { return Link.ELinkVariant; }

package/build/es/components/src/components/AddressBlock/AddressBlock.js

@@ -18,7 +18,6 @@ import '../Button/NavButton.js';
 import '../CgButton/CgButton.js';
 import '../CartCard/CartCard.styles.js';
 import '../CgButton/CgButton.types.js';
-import '../CartCardLabel/CartCardLabel.styles.js';
 import 'react-loading-skeleton';
 import '@citygross/utils';
 import '../CartItemSummary/CartItemSummary.styles.js';
@@ -65,6 +64,7 @@ import { Spacer } from '../Spacer/Spacer.js';
 import '../IconToolTip/IconToolTip.styles.js';
 import '../InfoTextBlock/InfoTextBlock.styles.js';
 import '../LayoutBox/LayoutBox.styles.js';
+import '../Label/Label.styles.js';
 import '../Links/Link.js';
 import '../ListItem/ListItem.js';
 import '../ListItemWithRadio/ListItemWithRadio.styles.js';

package/build/es/components/src/components/Label/Label.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Label as Label$1 } from './Label.styles.js';
+
+var Label = function (_a) {
+    var background = _a.background, color = _a.color, fontWeight = _a.fontWeight, label = _a.label, _b = _a.size, size = _b === void 0 ? 'medium' : _b;
+    return (React.createElement(Label$1, { "$background": background, "$color": color, "$fontWeight": fontWeight, "$size": size }, label));
+};
+
+export { Label };
+//# sourceMappingURL=Label.js.map

package/build/es/components/src/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/es/components/src/components/Label/Label.styles.js

@@ -0,0 +1,44 @@
+import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
+import styled from 'styled-components';
+
+var labelSizeMap = {
+    small: 's0',
+    medium: 's3'
+};
+var labelLineHeightMap = {
+    small: 's1',
+    medium: 'm1'
+};
+var Label = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n"], ["\n  display: inline-block;\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n"])), function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
+}, function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall;
+}, function (_a) {
+    var _b;
+    var $background = _a.$background, theme = _a.theme;
+    return $background !== null && $background !== void 0 ? $background : (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lighter;
+}, function (_a) {
+    var _b;
+    var $color = _a.$color, theme = _a.theme;
+    return $color !== null && $color !== void 0 ? $color : (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.black;
+}, function (_a) {
+    var _b, _c;
+    var $size = _a.$size, theme = _a.theme;
+    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c[labelSizeMap[$size]];
+}, function (_a) {
+    var _b, _c;
+    var $fontWeight = _a.$fontWeight, theme = _a.theme;
+    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c[$fontWeight !== null && $fontWeight !== void 0 ? $fontWeight : 'regular'];
+}, function (_a) {
+    var _b, _c;
+    var $size = _a.$size, theme = _a.theme;
+    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.lineHeight) === null || _c === void 0 ? void 0 : _c[labelLineHeightMap[$size]];
+});
+var templateObject_1;
+
+export { Label };
+//# sourceMappingURL=Label.styles.js.map

package/build/es/components/src/components/Label/Label.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/ListItem/ListItem.js

@@ -1,9 +1,11 @@
 import React, { Fragment } from 'react';
 import Skeleton from 'react-loading-skeleton';
+import { theme } from '@citygross/design-tokens';
+import { AvailabilityLabel } from '../AvailabilityLabel/AvailabilityLabel.js';
 import { Fieldset } from '../Fieldset/Fieldset.js';
 import { Checkbox } from '../FormElements/Checkbox/Checkbox.js';
+import { Label } from '../Label/Label.js';
 import { PriceStripe } from '../PriceStripe/PriceStripe.js';
-import { AvailabilityLabel } from '../AvailabilityLabel/AvailabilityLabel.js';
 import { ProductHeader, EProductHeader } from '../ProductHeader/ProductHeader.js';
 import { ListItemContainer, ListLeft, ListImageContainer, ListImage, ItemInformationContainer, VisuallyHiddenLegend, CheckboxContainer, ListRight } from './ListItem.styles.js';
 import { EPriceSize, EPriceVariant } from '../PriceTag/PriceTag.types.js';
@@ -14,8 +16,8 @@ var EListItemAlignment;
     EListItemAlignment["TOP"] = "flex-start";
 })(EListItemAlignment || (EListItemAlignment = {}));
 var ListItem = function (_a) {
-    var _b;
-    var _c = _a.alignment, alignment = _c === void 0 ? EListItemAlignment.CENTER : _c, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.showPriceStripe, showPriceStripe = _e === void 0 ? false : _e, smallSkeleton = _a.smallSkeleton;
+    var _b, _c, _d;
+    var _e = _a.alignment, alignment = _e === void 0 ? EListItemAlignment.CENTER : _e, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, label = _a.label, _f = _a.loading, loading = _f === void 0 ? false : _f, _g = _a.showPriceStripe, showPriceStripe = _g === void 0 ? false : _g, smallSkeleton = _a.smallSkeleton;
     return (React.createElement(ListItemContainer, null,
         React.createElement(ListLeft, { alignment: alignment },
             React.createElement(ListImageContainer, { isSmall: isSmall },
@@ -45,9 +47,10 @@ var ListItem = function (_a) {
                                         checkbox.onChange(e.target.checked);
                                     }
                                 }, value: checkbox.value, alignItems: "flex-start" }));
-                        })))))),
+                        })))),
+                    label && (React.createElement(Label, { background: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.blueLighter, color: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.disabledDarkGray, label: label })))),
                 (item === null || item === void 0 ? void 0 : item.secondaryDescription) && item.secondaryDescription)),
-        children && (React.createElement(ListRight, null, children))));
+        children && React.createElement(ListRight, null, children)));
 };
 
 export { EListItemAlignment, ListItem };

package/build/es/components/src/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/index.js

@@ -12,7 +12,6 @@ export { PaginationButton } from './components/Button/PaginationButton.js';
 export { SaveButton } from './components/Button/SaveButton.js';
 export { NavButton } from './components/Button/NavButton.js';
 export { CartCard } from './components/CartCard/CartCard.js';
-export { CartCardLabel } from './components/CartCardLabel/CartCardLabel.js';
 export { CartItemSummary } from './components/CartItemSummary/CartItemSummary.js';
 export { CartSubTotal, ECartSubTotalTypes } from './components/CartSubTotal/CartSubTotal.js';
 export { CartSummary } from './components/CartSummary/CartSummary.js';
@@ -51,6 +50,7 @@ export { IconText } from './components/IconText/IconText.js';
 export { IconToolTip } from './components/IconToolTip/IconToolTip.js';
 export { InfoWithButtonBlock } from './components/InfoTextBlock/InfoTextBlock.js';
 export { LayoutBox } from './components/LayoutBox/LayoutBox.js';
+export { Label } from './components/Label/Label.js';
 export { ELinkVariant, Link, LinkColors, LinkSize } from './components/Links/Link.js';
 export { EListItemAlignment, ListItem } from './components/ListItem/ListItem.js';
 export { ListItemWithRadio } from './components/ListItemWithRadio/ListItemWithRadio.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.19.5",
+  "version": "0.19.7",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "e9a26bf2514753e875a1ff1dac860095be736457"
+  "gitHead": "271816201612dcad31d394bb60132d361fcb83dd"
 }

package/build/@types/components/CartCardLabel/CartCardLabel.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare type TCartCardLabel = {
-    background?: string;
-    label: string;
-};
-export declare const CartCardLabel: ({ background, label }: TCartCardLabel) => React.JSX.Element;

package/build/@types/components/CartCardLabel/CartCardLabel.styles.d.ts

@@ -1,5 +0,0 @@
-declare type TCartCardLabel = {
-    background?: string;
-};
-export declare const CartCardLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TCartCardLabel, never>;
-export {};

package/build/cjs/components/src/components/CartCardLabel/CartCardLabel.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var CartCardLabel_styles = require('./CartCardLabel.styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var CartCardLabel = function (_a) {
-    var background = _a.background, label = _a.label;
-    return (React__default["default"].createElement(CartCardLabel_styles.CartCardLabel, { background: background }, label));
-};
-
-exports.CartCardLabel = CartCardLabel;
-//# sourceMappingURL=CartCardLabel.js.map

package/build/cjs/components/src/components/CartCardLabel/CartCardLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartCardLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/CartCardLabel/CartCardLabel.styles.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var CartCardLabel = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: 11px;\n  display: inline-block;\n  font-weight: ", ";\n"], ["\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: 11px;\n  display: inline-block;\n  font-weight: ", ";\n"])), function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs;
-}, function (_a) {
-    var _b;
-    var background = _a.background, theme = _a.theme;
-    return background !== null && background !== void 0 ? background : (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lighter;
-}, function (_a) {
-    var _b, _c;
-    var background = _a.background, theme = _a.theme;
-    return background ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white : (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.disabledDarkGray;
-}, function (_a) {
-    var _b, _c;
-    var theme = _a.theme;
-    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c.medium;
-});
-var templateObject_1;
-
-exports.CartCardLabel = CartCardLabel;
-//# sourceMappingURL=CartCardLabel.styles.js.map

package/build/cjs/components/src/components/CartCardLabel/CartCardLabel.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartCardLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/CartCardLabel/CartCardLabel.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { CartCardLabel as CartCardLabel$1 } from './CartCardLabel.styles.js';
-
-var CartCardLabel = function (_a) {
-    var background = _a.background, label = _a.label;
-    return (React.createElement(CartCardLabel$1, { background: background }, label));
-};
-
-export { CartCardLabel };
-//# sourceMappingURL=CartCardLabel.js.map

package/build/es/components/src/components/CartCardLabel/CartCardLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartCardLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/es/components/src/components/CartCardLabel/CartCardLabel.styles.js

@@ -1,28 +0,0 @@
-import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled from 'styled-components';
-
-var CartCardLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: 11px;\n  display: inline-block;\n  font-weight: ", ";\n"], ["\n  padding: 1px ", "px;\n  border-radius: ", "px;\n  background: ", ";\n  color: ", ";\n  font-size: 11px;\n  display: inline-block;\n  font-weight: ", ";\n"])), function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs;
-}, function (_a) {
-    var _b;
-    var background = _a.background, theme = _a.theme;
-    return background !== null && background !== void 0 ? background : (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lighter;
-}, function (_a) {
-    var _b, _c;
-    var background = _a.background, theme = _a.theme;
-    return background ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white : (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.disabledDarkGray;
-}, function (_a) {
-    var _b, _c;
-    var theme = _a.theme;
-    return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c.medium;
-});
-var templateObject_1;
-
-export { CartCardLabel };
-//# sourceMappingURL=CartCardLabel.styles.js.map

package/build/es/components/src/components/CartCardLabel/CartCardLabel.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartCardLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}