@citygross/components 0.8.38 → 0.8.40

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

@@ -5,6 +5,10 @@ export declare type TItem = {
     description?: string;
     secondaryDescription?: React.ReactNode;
 };
+export declare enum EListItemAlignment {
+    CENTER = "center",
+    TOP = "flex-start"
+}
 export declare type TListItem = {
     item?: TItem;
     loading?: boolean;
@@ -15,5 +19,7 @@ export declare type TListItem = {
     smallSkeleton?: boolean;
     isSmall?: boolean;
     usedInSearch?: boolean;
+    alignment?: EListItemAlignment;
+    textColor?: string;
 };
-export declare function ListItem({ item, loading, isSmall, fallBackImage, imageAutoHeight, boldHeader, smallSkeleton, children, usedInSearch }: TListItem): JSX.Element;
+export declare function ListItem({ item, loading, isSmall, fallBackImage, imageAutoHeight, boldHeader, smallSkeleton, children, alignment, textColor, usedInSearch }: TListItem): JSX.Element;

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

@@ -1,10 +1,12 @@
+import { EListItemAlignment } from './ListItem';
 export declare type TListItem = {
     usedInSearch?: boolean;
+    alignment?: EListItemAlignment;
 };
 export declare const ItemInformationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TListItem, never>;
 export declare const ListItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ListLeft: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TListItem, never>;
-export declare const ListRight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ListRight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<TListItem, "alignment">, never>;
 export declare type TListImageContainer = {
     isSmall?: boolean;
 };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type TPill = {
+    active?: boolean;
+    amount?: number;
+    onClick: () => void;
+    text: string;
+};
+export declare const Pill: React.FunctionComponent<TPill>;

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

@@ -0,0 +1,7 @@
+import { TPill } from './Pill';
+declare type TActive = Pick<TPill, 'active'>;
+export declare const PillComponent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TActive, never>;
+export declare const PillContent: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const Amount: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -50,7 +50,7 @@ require('../IconToolTip/IconToolTip.styles.js');
 var Spacer = require('../Spacer/Spacer.js');
 require('../InfoTextBlock/InfoTextBlock.styles.js');
 require('../LayoutBox/LayoutBox.styles.js');
-require('../ListItem/ListItem.styles.js');
+require('../ListItem/ListItem.js');
 require('../ListItemWithRadio/ListItemWithRadio.styles.js');
 require('../Links/Link.js');
 require('react-dom');

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

@@ -14,21 +14,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Skeleton__default = /*#__PURE__*/_interopDefaultLegacy(Skeleton);
 
+exports.EListItemAlignment = void 0;
+(function (EListItemAlignment) {
+    EListItemAlignment["CENTER"] = "center";
+    EListItemAlignment["TOP"] = "flex-start";
+})(exports.EListItemAlignment || (exports.EListItemAlignment = {}));
 function ListItem(_a) {
-    var _b;
-    var item = _a.item, loading = _a.loading, isSmall = _a.isSmall, fallBackImage = _a.fallBackImage, imageAutoHeight = _a.imageAutoHeight, boldHeader = _a.boldHeader, smallSkeleton = _a.smallSkeleton, children = _a.children, usedInSearch = _a.usedInSearch;
+    var _b, _c;
+    var item = _a.item, loading = _a.loading, isSmall = _a.isSmall, fallBackImage = _a.fallBackImage, imageAutoHeight = _a.imageAutoHeight, boldHeader = _a.boldHeader, smallSkeleton = _a.smallSkeleton, children = _a.children, _d = _a.alignment, alignment = _d === void 0 ? exports.EListItemAlignment.CENTER : _d, textColor = _a.textColor, usedInSearch = _a.usedInSearch;
     return (React__default["default"].createElement(ListItem_styles.ListItemContainer, null,
-        React__default["default"].createElement(ListItem_styles.ListLeft, { usedInSearch: usedInSearch },
+        React__default["default"].createElement(ListItem_styles.ListLeft, { usedInSearch: usedInSearch, alignment: alignment },
             React__default["default"].createElement(ListItem_styles.ListImageContainer, { isSmall: isSmall },
                 React__default["default"].createElement(ListItem_styles.ListImage, { autoHeight: imageAutoHeight, src: (item === null || item === void 0 ? void 0 : item.image) || fallBackImage || fallback_grocery, alt: item === null || item === void 0 ? void 0 : item.name, isSmall: isSmall })),
-            React__default["default"].createElement(ListItem_styles.ItemInformationContainer, { usedInSearch: usedInSearch },
-                React__default["default"].createElement(typography.BodyText, { fontWeight: boldHeader ? 'semiBold' : 'regular', size: isSmall
+            React__default["default"].createElement(ListItem_styles.ItemInformationContainer, { usedInSearch: usedInSearch, alignment: alignment },
+                React__default["default"].createElement(typography.BodyText, { fontWeight: boldHeader ? 'semiBold' : 'regular', color: textColor || ((_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.darkest), size: isSmall
                         ? typography.TextTypes.TextSize.EXTRASMALL
                         : typography.TextTypes.TextSize.REGULAR }, (item === null || item === void 0 ? void 0 : item.name) || React__default["default"].createElement(Skeleton__default["default"], { width: smallSkeleton ? 150 : 250 })),
                 loading ? (React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL },
-                    React__default["default"].createElement(Skeleton__default["default"], { width: smallSkeleton ? 150 : 250 }))) : (item === null || item === void 0 ? void 0 : item.description) ? (React__default["default"].createElement(typography.BodyText, { size: isSmall ? typography.TextTypes.TextSize.TINY : typography.TextTypes.TextSize.SMALL, color: (_b = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _b === void 0 ? void 0 : _b.dark }, item === null || item === void 0 ? void 0 : item.description)) : null,
+                    React__default["default"].createElement(Skeleton__default["default"], { width: smallSkeleton ? 150 : 250 }))) : (item === null || item === void 0 ? void 0 : item.description) ? (React__default["default"].createElement(typography.BodyText, { size: isSmall ? typography.TextTypes.TextSize.TINY : typography.TextTypes.TextSize.SMALL, color: textColor || ((_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.dark) }, item === null || item === void 0 ? void 0 : item.description)) : null,
                 (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, { alignment: alignment }, 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/components/ListItem/ListItem.styles.js

@@ -4,15 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
 var styled = require('styled-components');
+var ListItem = require('./ListItem.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var ItemInformationContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: ", "px;\n"])), function (props) { var _a; return (props.usedInSearch ? 0 : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs); });
+var ItemInformationContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: ", "px;\n"])), function (props) {
+    var _a;
+    return props.usedInSearch || props.alignment === ListItem.EListItemAlignment.TOP
+        ? 0
+        : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs;
+});
 var ListItemContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  p {\n    padding: 1px 0px;\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  p {\n    padding: 1px 0px;\n  }\n"])));
-var ListLeft = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: ", ";\n  gap: ", "px;\n  @media (min-width: ", "px) {\n    gap: ", "px;\n  }\n"], ["\n  display: flex;\n  align-items: ", ";\n  gap: ", "px;\n  @media (min-width: ", "px) {\n    gap: ", "px;\n  }\n"])), function (props) { return (props.usedInSearch ? 'inherit' : 'center'); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listItemFlexGap; });
-var ListRight = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  justify-content: space-between;\n  text-align: right;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  justify-content: space-between;\n  text-align: right;\n"])));
+var ListLeft = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: ", ";\n  gap: ", "px;\n  @media (min-width: ", "px) {\n    gap: ", "px;\n  }\n"], ["\n  display: flex;\n  align-items: ", ";\n  gap: ", "px;\n  @media (min-width: ", "px) {\n    gap: ", "px;\n  }\n"])), function (props) {
+    return props.usedInSearch || props.alignment === ListItem.EListItemAlignment.TOP
+        ? 'inherit'
+        : 'center';
+}, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listItemFlexGap; });
+var ListRight = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: ", ";\n  justify-content: space-between;\n  text-align: right;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: ", ";\n  justify-content: space-between;\n  text-align: right;\n"])), function (props) {
+    return props.alignment === ListItem.EListItemAlignment.TOP ? 'flex-start' : 'center';
+});
 var ListImageContainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n"])), function (props) {
     var _a, _b;
     return (props === null || props === void 0 ? void 0 : props.isSmall)

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

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

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

@@ -50,7 +50,7 @@ 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('../ListItem/ListItem.js');
 require('../ListItemWithRadio/ListItemWithRadio.styles.js');
 require('../Links/Link.js');
 require('react-dom');

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

@@ -139,6 +139,10 @@ exports.HighlightBox = HighlightBox.HighlightBox;
 exports.IconToolTip = IconToolTip.IconToolTip;
 exports.InfoWithButtonBlock = InfoTextBlock.InfoWithButtonBlock;
 exports.LayoutBox = LayoutBox.LayoutBox;
+Object.defineProperty(exports, 'EListItemAlignment', {
+	enumerable: true,
+	get: function () { return ListItem.EListItemAlignment; }
+});
 exports.ListItem = ListItem.ListItem;
 exports.ListItemWithRadio = ListItemWithRadio.ListItemWithRadio;
 Object.defineProperty(exports, 'ELinkVariant', {

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

@@ -18740,6 +18740,104 @@ var formatDateToLocale = function (date, withYear) {
     return (_b = (_a = moment(new Date(date))) === null || _a === void 0 ? void 0 : _a.format("dddd D MMMM ".concat(withYear ? 'YYYY' : ''))) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase();
 };
 
+var sv = {exports: {}};
+
+sv.exports;
+
+(function (module, exports) {
+(function (global, factory) {
+	   typeof commonjsRequire === 'function' ? factory(momentExports) :
+	   factory(global.moment);
+	}(commonjsGlobal, (function (moment) {
+	    //! moment.js locale configuration
+
+	    var sv = moment.defineLocale('sv', {
+	        months: 'januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december'.split(
+	            '_'
+	        ),
+	        monthsShort: 'jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec'.split('_'),
+	        weekdays: 'söndag_måndag_tisdag_onsdag_torsdag_fredag_lördag'.split('_'),
+	        weekdaysShort: 'sön_mån_tis_ons_tor_fre_lör'.split('_'),
+	        weekdaysMin: 'sö_må_ti_on_to_fr_lö'.split('_'),
+	        longDateFormat: {
+	            LT: 'HH:mm',
+	            LTS: 'HH:mm:ss',
+	            L: 'YYYY-MM-DD',
+	            LL: 'D MMMM YYYY',
+	            LLL: 'D MMMM YYYY [kl.] HH:mm',
+	            LLLL: 'dddd D MMMM YYYY [kl.] HH:mm',
+	            lll: 'D MMM YYYY HH:mm',
+	            llll: 'ddd D MMM YYYY HH:mm',
+	        },
+	        calendar: {
+	            sameDay: '[Idag] LT',
+	            nextDay: '[Imorgon] LT',
+	            lastDay: '[Igår] LT',
+	            nextWeek: '[På] dddd LT',
+	            lastWeek: '[I] dddd[s] LT',
+	            sameElse: 'L',
+	        },
+	        relativeTime: {
+	            future: 'om %s',
+	            past: 'för %s sedan',
+	            s: 'några sekunder',
+	            ss: '%d sekunder',
+	            m: 'en minut',
+	            mm: '%d minuter',
+	            h: 'en timme',
+	            hh: '%d timmar',
+	            d: 'en dag',
+	            dd: '%d dagar',
+	            M: 'en månad',
+	            MM: '%d månader',
+	            y: 'ett år',
+	            yy: '%d år',
+	        },
+	        dayOfMonthOrdinalParse: /\d{1,2}(\:e|\:a)/,
+	        ordinal: function (number) {
+	            var b = number % 10,
+	                output =
+	                    ~~((number % 100) / 10) === 1
+	                        ? ':e'
+	                        : b === 1
+	                        ? ':a'
+	                        : b === 2
+	                        ? ':a'
+	                        : b === 3
+	                        ? ':e'
+	                        : ':e';
+	            return number + output;
+	        },
+	        week: {
+	            dow: 1, // Monday is the first day of the week.
+	            doy: 4, // The week that contains Jan 4th is the first week of the year.
+	        },
+	    });
+
+	    return sv;
+
+	}))); 
+} (sv, sv.exports));
+
+sv.exports;
+
+moment.locale('sv');
+function getDateInfo(dateStr) {
+    var date = moment(dateStr);
+    return {
+        day: {
+            name: date.format('dddd'),
+            number: date.format('DD')
+        },
+        isTomorrow: date.isSame(moment().add(1, 'day'), 'day'),
+        month: {
+            name: date.format('MMMM'),
+            number: date.format('MM')
+        },
+        year: date.format('YYYY')
+    };
+}
+
 index.__exports.capitalizeFirstLetter = capitalizeFirstLetter;
 index.__exports.comparisonTypes = comparisonTypes;
 index.__exports.emailRegex = emailRegex;
@@ -18750,6 +18848,7 @@ index.__exports.formatPrice = formatPrice;
 index.__exports.formatPriceWithDecimalsReduced = formatPriceWithDecimalsReduced;
 index.__exports.formatPriceWithNoZero = formatPriceWithNoZero;
 index.__exports.getCountryFromLanguageCode = getCountryFromLanguageCode;
+index.__exports.getDateInfo = getDateInfo;
 index.__exports.languageCodeToCountryMap = languageCodeToCountryMap;
 index.__exports.makeCateringPortionsString = makeCateringPortionsString;
 index.__exports.moment = moment;