@citygross/components 0.7.52 → 0.7.56

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

@@ -1,5 +1,6 @@
 import { TSummaryItem } from '../CartSummary/CartSummary';
 export declare type TCartItemSummary = {
     product: TSummaryItem;
+    withParenthesis?: boolean;
 };
-export declare function CartItemSummary({ product }: TCartItemSummary): JSX.Element;
+export declare function CartItemSummary({ product, withParenthesis }: TCartItemSummary): JSX.Element;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export declare type THeader = {
-    logoImage: JSX.Element;
+    logoImage?: JSX.Element;
     logOut?: () => void;
     logOutLabel?: string;
     children?: ReactNode;

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

@@ -1,4 +1,4 @@
 export declare type TLogo = {
-    logoImage: JSX.Element;
+    logoImage?: JSX.Element;
 };
 export declare function Logo({ logoImage }: TLogo): JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type TWarningLabel = {
+    children: React.ReactNode;
+    background: string;
+    toolTip?: React.ReactNode;
+};
+export declare function WarningLabel({ children, background, toolTip }: TWarningLabel): JSX.Element;

package/build/@types/components/WarningLabel/WarningLabel.stories.d.ts

@@ -0,0 +1,18 @@
+import { Story } from '@storybook/react';
+import { WarningLabel, TWarningLabel } from './WarningLabel';
+declare const _default: {
+    component: typeof WarningLabel;
+    title: string;
+    argTypes: {
+        background: {
+            options: string[];
+            mapping: import("@citygross/design-tokens").Palette | never[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<TWarningLabel>;
+export declare const withIcon: Story<TWarningLabel>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type TWarningIndicator = {
+    background?: string;
+    toolTip?: React.ReactNode;
+};
+export declare const WarningIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TWarningIndicator, never>;

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

@@ -55,3 +55,4 @@ export * from './components/Pagination/Pagination';
 export * from './containers/PageContainer/PageContainer';
 export * from './containers/TwoColumnsContainer/TwoColumnsPageContainer';
 export * from './components/UnorderedList';
+export * from './components/WarningLabel/WarningLabel';

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

@@ -14,17 +14,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Skeleton__default = /*#__PURE__*/_interopDefaultLegacy(Skeleton);
 
 function CartItemSummary(_a) {
-    var product = _a.product;
+    var product = _a.product, withParenthesis = _a.withParenthesis;
     return (React__default['default'].createElement(CartItemSummary_styles.CartItemSummaryWrapper, null,
         product &&
             (product.amount === 0 || product.amount) &&
             (product === null || product === void 0 ? void 0 : product.cancelledQuantity) !== 0 &&
             (product === null || product === void 0 ? void 0 : product.cancelledQuantity) && (React__default['default'].createElement(CartItemSummary_styles.CancelledWrapper, null,
             React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL, lineThrough: true }, (product === null || product === void 0 ? void 0 : product.cancelledQuantity) ? (product.cancelledQuantity + " st") : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))),
-            React__default['default'].createElement(CartItemSummary_styles.AmountText, { lineThrough: true }, product ? (utils.formatPrice(product.cancelledAmount)) : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))))),
+            React__default['default'].createElement(CartItemSummary_styles.AmountText, { lineThrough: true, fontWeight: withParenthesis ? 'regular' : 'semiBold' }, product ? (utils.formatPrice(product.cancelledAmount, withParenthesis)) : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))))),
         React__default['default'].createElement(CartItemSummary_styles.ItemInformationContainer, null,
             React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL }, (product === null || product === void 0 ? void 0 : product.quantity) || (product === null || product === void 0 ? void 0 : product.quantity) === 0 ? (product.quantity + " st") : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))),
-            React__default['default'].createElement(CartItemSummary_styles.AmountText, null, product ? utils.formatPrice(product.amount) : React__default['default'].createElement(Skeleton__default['default'], { width: 100 })))));
+            React__default['default'].createElement(CartItemSummary_styles.AmountText, { fontWeight: withParenthesis ? 'regular' : 'semiBold' }, product ? (utils.formatPrice(product.amount, withParenthesis)) : (React__default['default'].createElement(Skeleton__default['default'], { width: 100 }))))));
 }
 
 exports.CartItemSummary = CartItemSummary;

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

@@ -21,10 +21,10 @@ function Header(_a) {
     var device = utils.useDetectDevice();
     return (React__default['default'].createElement(Header_styles.Wrapper, null,
         topLinkLabel && topLinkHref && (React__default['default'].createElement(HeaderLink.HeaderLink, { linkHref: topLinkHref, icon: React__default['default'].createElement(Icon.Icons.ChevronLeft, { width: 20, height: 20, color: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.white }), linkLabel: topLinkLabel })),
-        React__default['default'].createElement(Header_styles.HeaderWrapper, null,
+        (logoImage || logOutLabel) && (React__default['default'].createElement(Header_styles.HeaderWrapper, null,
             React__default['default'].createElement(Header_styles.HeaderContainer, { maxWidth: lowerContainerMaxWidth },
-                React__default['default'].createElement(Logo.Logo, { logoImage: logoImage }),
-                logOut && (React__default['default'].createElement(Button.Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel)))),
+                logoImage && React__default['default'].createElement(Logo.Logo, { logoImage: logoImage }),
+                logOut && (React__default['default'].createElement(Button.Button, { onClick: function () { return logOut && logOut(); }, color: 'white', size: device.isMobile ? 'medium' : 'large' }, logOutLabel))))),
         children && React__default['default'].createElement(Header_styles.MenuContainer, null, children)));
 }
 

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Logo = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  width: 163px;\n  height: 62px;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  width: 163px;\n  height: 62px;\n"])));
+var Logo = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n"])));
 var templateObject_1;
 
 exports.Logo = Logo;

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

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('@citygross/typography');
+require('../AddressBlock/AddressBlock.styles.js');
+require('../../../../design-tokens/build/index.js');
+require('../AlertBox/AlertBox.styles.js');
+require('../Button/Button.js');
+require('@citygross/utils');
+require('@citygross/design-tokens');
+require('@citygross/icons');
+require('../Logo/Logo.styles.js');
+require('../Header/Header.styles.js');
+require('../HeaderLink/HeaderLink.styles.js');
+require('../BackgroundImage/BackgroundImage.styles.js');
+require('../Badge/Badge.styles.js');
+require('../Box/Box.styles.js');
+require('../Button/Button.styles.js');
+require('../BackButton/BackButton.styles.js');
+require('react-loading-skeleton');
+require('../CartItemSummary/CartItemSummary.styles.js');
+require('../Divider/Divider.styles.js');
+require('../CartSummary/CartSummary.styles.js');
+require('../CustomerInfoBlock/CustomerInfoBlock.styles.js');
+require('../Collapsable/Collapsable.styles.js');
+require('../DeliverySlotItem/DeliverySlotItem.styles.js');
+require('../Slider/Slider.styles.js');
+require('../DeliveryTimeBlock/DeliveryTimeBlock.styles.js');
+require('../Menu/Menu.styles.js');
+require('../DateBox/DateBox.styles.js');
+require('../DotIndicator/DotIndicator.styles.js');
+require('../Form/Form.styles.js');
+require('../FormControl/FormControl.js');
+require('../FormElements/Checkbox/Checkbox.styles.js');
+require('../FormElements/Input/Input.styles.js');
+require('../FormElements/Radio/Radio.styles.js');
+require('../FormElements/Switch/Switch.styles.js');
+require('../FormGroup/FormGroup.styles.js');
+require('../GridContainer/GridContainer.styles.js');
+require('../HighlightBox/HighlightBox.styles.js');
+require('../IconToolTip/IconToolTip.styles.js');
+require('../Spacer/Spacer.styles.js');
+require('../InfoTextBlock/InfoTextBlock.styles.js');
+require('../LayoutBox/LayoutBox.styles.js');
+require('../ListItem/ListItem.styles.js');
+require('../ListItemWithRadio/ListItemWithRadio.styles.js');
+require('../Links/Link.js');
+require('react-dom');
+require('../Modal/Modal.styles.js');
+require('../RadioBox/RadioBoxItem.styles.js');
+require('../RadioBox/RadioBoxList.styles.js');
+require('../RadioGroup/RadioGroup.styles.js');
+require('../RadioListItem/RadioListItem.styles.js');
+require('../RippleContainer/RippleContainer.styles.js');
+require('../Select/Select.styles.js');
+require('../Spinner/Spinner.styles.js');
+require('../Stepper/Stepper.styles.js');
+var ToolTip = require('../ToolTip/ToolTip.js');
+require('../StepperMobile/StepperMobile.styles.js');
+require('../FormElements/TextArea/TextArea.styles.js');
+require('../Table/Table.styles.js');
+require('../Timeline/Timeline.styles.js');
+require('../QuantitySelector/QuantitySelector.styles.js');
+require('../Pagination/Pagination.styles.js');
+require('../../containers/PageContainer/PageContainer.styles.js');
+require('../../../../utils/build/index.js');
+require('../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js');
+require('../UnorderedList/UnorderedList.styles.js');
+var WarningLabel_styles = require('./WarningLabel.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function WarningLabel(_a) {
+    var children = _a.children, background = _a.background, toolTip = _a.toolTip;
+    return (React__default['default'].createElement(WarningLabel_styles.WarningIndicator, { background: background, toolTip: toolTip },
+        toolTip && React__default['default'].createElement(ToolTip.ToolTip, null, toolTip),
+        children));
+}
+
+exports.WarningLabel = WarningLabel;
+//# sourceMappingURL=WarningLabel.js.map

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

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

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

@@ -0,0 +1,19 @@
+'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 WarningIndicator = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  display: inline-block;\n  position: relative;\n  ", ";\n"], ["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  display: inline-block;\n  position: relative;\n  ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; }, function (props) {
+    return props.toolTip &&
+        "\n    > {\n      &:first-child {\n        display: none;\n      }\n    }\n\n    &:hover {\n      > {\n        &:first-child {\n          display: block;\n        }\n      }\n    }\n        ";
+});
+var templateObject_1;
+
+exports.WarningIndicator = WarningIndicator;
+//# sourceMappingURL=WarningLabel.styles.js.map

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

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

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

@@ -60,6 +60,7 @@ var Pagination = require('./components/Pagination/Pagination.js');
 var PageContainer = require('./containers/PageContainer/PageContainer.js');
 var TwoColumnsPageContainer = require('./containers/TwoColumnsContainer/TwoColumnsPageContainer.js');
 var UnorderedList_styles = require('./components/UnorderedList/UnorderedList.styles.js');
+var WarningLabel = require('./components/WarningLabel/WarningLabel.js');
 
 
 
@@ -156,4 +157,5 @@ exports.PageContainer = PageContainer.PageContainer;
 exports.TwoColumnsPageContainer = TwoColumnsPageContainer.TwoColumnsPageContainer;
 exports.UnorderedList = UnorderedList_styles.UnorderedList;
 exports.UnorderedListItem = UnorderedList_styles.UnorderedListItem;
+exports.WarningLabel = WarningLabel.WarningLabel;
 //# sourceMappingURL=index.js.map

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

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

package/build/cjs/utils/build/index.js

@@ -18,12 +18,14 @@ function _interopDefaultLegacy$1 (e) { return e && typeof e === 'object' && 'def
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy$1(React);
 
-var formatPrice = function (price) {
+var formatPrice = function (price, withParenthesis) {
     if (price === null || price === undefined) {
         return;
     }
-    var formattedPrice = (Math.round(price * 100) / 100).toFixed(2);
-    return formattedPrice.replace('.', ',') + "  kr";
+    var formattedPrice = (Math.round(price * 100) / 100)
+        .toFixed(2)
+        .replace('.', ',');
+    return (withParenthesis ? "(" + formattedPrice + ")" : formattedPrice) + " kr";
 };
 
 var capitalizeFirstLetter = function (string) {