@citygross/components 0.19.4 → 0.19.6

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/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/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/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.4",
+  "version": "0.19.6",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -71,10 +71,10 @@
     "@citygross/icons": "^0.3.6",
     "@citygross/react-use-bg-wizard": "^0.0.14",
     "@citygross/typography": "^0.0.130",
-    "@citygross/utils": "^0.1.1",
+    "@citygross/utils": "^0.1.2",
     "motion": "^12.34.3",
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "c2d5fd486edb25fdf69817a21e26c813fdab0c89"
+  "gitHead": "cd6ebba1870c2a4b11bc2b8be510b17f3b36fe93"
 }

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}