@citygross/components 0.8.39 → 0.8.41

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

@@ -22,5 +22,6 @@ export declare type TCgButton = {
     onClick?: () => void;
     fullWidth?: boolean;
     buttonRef?: React.Ref<HTMLButtonElement>;
+    round?: boolean;
 };
-export declare const CgButton: ({ size, variant, icon, flexReverse, disabled, onClick, children, loading, fullWidth, buttonRef }: TCgButton) => JSX.Element;
+export declare const CgButton: ({ size, variant, icon, flexReverse, disabled, onClick, children, loading, fullWidth, buttonRef, round }: TCgButton) => JSX.Element;

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

@@ -8,6 +8,7 @@ export declare type TCgButtonStyleProps = {
     loading?: boolean;
     isIconOnly?: boolean;
     fullWidth?: boolean;
+    round?: boolean;
 };
 export declare const CgButtonContainer: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, TCgButtonStyleProps, never>;
 export declare const CgButtonContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<TCgButtonStyleProps, "flexReverse" | "size" | "loading">, never>;

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/CgButton/CgButton.js

@@ -25,8 +25,8 @@ exports.EButtonVariant = void 0;
     EButtonVariant[EButtonVariant["ghost"] = 4] = "ghost";
 })(exports.EButtonVariant || (exports.EButtonVariant = {}));
 var CgButton = function (_a) {
-    var size = _a.size, variant = _a.variant, icon = _a.icon, flexReverse = _a.flexReverse, disabled = _a.disabled, onClick = _a.onClick, children = _a.children, loading = _a.loading, fullWidth = _a.fullWidth, buttonRef = _a.buttonRef;
-    return (React__default["default"].createElement(CgButton_styles.CgButtonContainer, { ref: buttonRef, size: size, variant: variant, isIconOnly: !children, flexReverse: flexReverse, disabled: disabled || loading, fullWidth: fullWidth, loading: loading, onKeyDown: function (event) {
+    var size = _a.size, variant = _a.variant, icon = _a.icon, flexReverse = _a.flexReverse, disabled = _a.disabled, onClick = _a.onClick, children = _a.children, loading = _a.loading, fullWidth = _a.fullWidth, buttonRef = _a.buttonRef, round = _a.round;
+    return (React__default["default"].createElement(CgButton_styles.CgButtonContainer, { ref: buttonRef, round: round, size: size, variant: variant, isIconOnly: !children, flexReverse: flexReverse, disabled: disabled || loading, fullWidth: fullWidth, loading: loading, onKeyDown: function (event) {
             if (event.key === 'Enter') {
                 onClick && onClick();
             }

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

@@ -46,12 +46,12 @@ var buttonShadow = function (size, variant) {
             return 'inset 0px -2px 0px rgba(0, 0, 0, 0.15)';
     }
 };
-var CgButtonContainer = styled__default["default"].button(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  border-radius: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  outline: none;\n  border: none;\n  position: relative;\n  ", "\n  ", "\n  &:disabled {\n    cursor: default;\n  }\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    box-shadow: ", ";\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n  }\n\n  ", "\n  ", "\n"], ["\n  border-radius: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  outline: none;\n  border: none;\n  position: relative;\n  ", "\n  ", "\n  &:disabled {\n    cursor: default;\n  }\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    box-shadow: ", ";\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n  }\n\n  ", "\n  ", "\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) {
+var CgButtonContainer = styled__default["default"].button(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  border-radius: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  outline: none;\n  border: none;\n  position: relative;\n  ", "\n  ", "\n  &:disabled {\n    cursor: default;\n  }\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    box-shadow: ", ";\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n  }\n\n  ", "\n  ", "\n"], ["\n  border-radius: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  outline: none;\n  border: none;\n  position: relative;\n  ", "\n  ", "\n  &:disabled {\n    cursor: default;\n  }\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    box-shadow: ", ";\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n  }\n\n  ", "\n  ", "\n"])), function (props) { var _a; return props.round ? '100' : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) {
     var _a;
     return props.isIconOnly
         ? "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px")
         : buttonPadding(props.size, props.theme.spacings);
-}, function (props) { return (props === null || props === void 0 ? void 0 : props.fullWidth) && "width: 100%;"; }, global_styles.focusVisible, function (props) { return buttonShadow(props.size, props.variant); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) {
+}, function (props) { return (props === null || props === void 0 ? void 0 : props.fullWidth) && "width: 100%;"; }, global_styles.focusVisible, function (props) { return buttonShadow(props.size, props.variant); }, function (props) { var _a; return props.round ? '100' : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) {
     switch (props.variant) {
         case CgButton.EButtonVariant.primary:
             return CgPrimary;

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;