@citygross/components 0.8.129 → 0.8.131
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/@types/components/CgButton/CgButton.types.d.ts +0 -1
- package/build/@types/components/Chips/Chip.styles.d.ts +1 -1
- package/build/@types/components/RadioBox/RadioBoxList.styles.d.ts +1 -1
- package/build/@types/components/RadioListItem/RadioListItem.styles.d.ts +1 -1
- package/build/@types/index.d.ts +1 -2
- package/build/cjs/components/src/components/CgButton/CgButton.styles.js +1 -2
- package/build/cjs/components/src/components/CgButton/CgButton.styles.js.map +1 -1
- package/build/cjs/components/src/components/CgButton/{CgReactRouterLink.js → ReactRouterLinkAsButton.js} +1 -1
- package/build/cjs/components/src/components/CgButton/ReactRouterLinkAsButton.js.map +1 -0
- package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js +7 -3
- package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js.map +1 -1
- package/build/cjs/components/src/helpers/price.js +1 -1
- package/build/cjs/components/src/index.js +2 -4
- package/build/cjs/components/src/index.js.map +1 -1
- package/build/cjs/design-tokens/build/index.js +3 -2
- package/build/cjs/design-tokens/build/index.js.map +1 -1
- package/build/es/components/src/components/CgButton/CgButton.styles.js +2 -2
- package/build/es/components/src/components/CgButton/{CgReactRouterLink.js → ReactRouterLinkAsButton.js} +1 -1
- package/build/es/components/src/components/CgButton/ReactRouterLinkAsButton.js.map +1 -0
- package/build/es/components/src/components/PriceTag/PriceTag.styles.js +7 -3
- package/build/es/components/src/components/PriceTag/PriceTag.styles.js.map +1 -1
- package/build/es/components/src/helpers/price.js +1 -1
- package/build/es/components/src/index.js +1 -2
- package/build/es/components/src/index.js.map +1 -1
- package/build/es/design-tokens/build/index.js +3 -2
- package/build/es/design-tokens/build/index.js.map +1 -1
- package/package.json +4 -4
- package/build/@types/components/CgButton/CgLinkAsButton.d.ts +0 -3
- package/build/cjs/components/src/components/CgButton/CgLinkAsButton.js +0 -22
- package/build/cjs/components/src/components/CgButton/CgLinkAsButton.js.map +0 -1
- package/build/cjs/components/src/components/CgButton/CgReactRouterLink.js.map +0 -1
- package/build/es/components/src/components/CgButton/CgLinkAsButton.js +0 -14
- package/build/es/components/src/components/CgButton/CgLinkAsButton.js.map +0 -1
- package/build/es/components/src/components/CgButton/CgReactRouterLink.js.map +0 -1
- /package/build/@types/components/CgButton/{CgReactRouterLink.d.ts → ReactRouterLinkAsButton.d.ts} +0 -0
|
@@ -23,7 +23,6 @@ export declare type TCgButtonRoot = {
|
|
|
23
23
|
variant?: EButtonVariant;
|
|
24
24
|
};
|
|
25
25
|
export declare type TCgButton = TCgButtonRoot & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
26
|
-
export declare type TCgLinkAsButton = TCgButtonRoot & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
27
26
|
export declare type TCgReactRouterLinkAsButton = TCgButtonRoot & LinkProps;
|
|
28
27
|
export declare type TCgButtonStyle = Omit<TCgButtonRoot, 'children' | 'loading' | 'variant'> & TButtonSizeAttributes & TButtonVariantAttributes;
|
|
29
28
|
export declare type TButtonSizeAttributes = {
|
|
@@ -12,7 +12,7 @@ export declare const ChipCheckbox: import("styled-components").StyledComponent<"
|
|
|
12
12
|
export declare const ChipLabel: import("styled-components").StyledComponent<({ children, color, fontWeight, id, lineThrough, size, textAlign, ...props }: {
|
|
13
13
|
children: import("react").ReactNode;
|
|
14
14
|
color?: string | undefined;
|
|
15
|
-
fontWeight?: "regular" | "medium" | "semiBold" | "bold" | undefined;
|
|
15
|
+
fontWeight?: "regular" | "medium" | "semiBold" | "bold" | "extraBold" | undefined;
|
|
16
16
|
id?: string | undefined;
|
|
17
17
|
lineThrough?: boolean | undefined;
|
|
18
18
|
size?: import("@citygross/typography/build/types/textTypes").TextSize | undefined;
|
|
@@ -6,7 +6,7 @@ export declare const DividerPadding: import("styled-components").StyledComponent
|
|
|
6
6
|
export declare const RadioBoxListParagraph: import("styled-components").StyledComponent<({ children, color, fontWeight, id, lineThrough, size, textAlign, ...props }: {
|
|
7
7
|
children: import("react").ReactNode;
|
|
8
8
|
color?: string | undefined;
|
|
9
|
-
fontWeight?: "regular" | "medium" | "semiBold" | "bold" | undefined;
|
|
9
|
+
fontWeight?: "regular" | "medium" | "semiBold" | "bold" | "extraBold" | undefined;
|
|
10
10
|
id?: string | undefined;
|
|
11
11
|
lineThrough?: boolean | undefined;
|
|
12
12
|
size?: import("@citygross/typography/build/types/textTypes").TextSize | undefined;
|
|
@@ -23,7 +23,7 @@ export declare const RadioRightWrapper: import("styled-components").StyledCompon
|
|
|
23
23
|
export declare const DisableText: import("styled-components").StyledComponent<({ children, color, fontWeight, id, lineThrough, size, textAlign, ...props }: {
|
|
24
24
|
children: import("react").ReactNode;
|
|
25
25
|
color?: string | undefined;
|
|
26
|
-
fontWeight?: "bold" | "regular" | "medium" | "semiBold" | undefined;
|
|
26
|
+
fontWeight?: "bold" | "regular" | "medium" | "semiBold" | "extraBold" | undefined;
|
|
27
27
|
id?: string | undefined;
|
|
28
28
|
lineThrough?: boolean | undefined;
|
|
29
29
|
size?: import("@citygross/typography/build/types/textTypes").TextSize | undefined;
|
package/build/@types/index.d.ts
CHANGED
|
@@ -12,8 +12,7 @@ export * from './components/CartItemSummary/CartItemSummary';
|
|
|
12
12
|
export * from './components/CartSubTotal/CartSubTotal';
|
|
13
13
|
export * from './components/CartSummary/CartSummary';
|
|
14
14
|
export * from './components/CgButton/CgButton';
|
|
15
|
-
export * from './components/CgButton/
|
|
16
|
-
export * from './components/CgButton/CgLinkAsButton';
|
|
15
|
+
export * from './components/CgButton/ReactRouterLinkAsButton';
|
|
17
16
|
export * from './components/CgButton/CgButton.types';
|
|
18
17
|
export * from './components/Chips/Chip';
|
|
19
18
|
export * from './components/Collapsable/Collapsable';
|
|
@@ -63,11 +63,10 @@ var Button = styled__default["default"].button(templateObject_2 || (templateObje
|
|
|
63
63
|
var backgroundDisabled = _a.backgroundDisabled;
|
|
64
64
|
return backgroundDisabled;
|
|
65
65
|
}, (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.placeholder);
|
|
66
|
-
|
|
66
|
+
styled__default["default"].a(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n ", "\n text-decoration: none;\n"], ["\n ", "\n text-decoration: none;\n"])), sharedButtonStyles);
|
|
67
67
|
var CgReactRouterLinkAsButton = styled__default["default"](reactRouterDom.Link)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n ", "\n text-decoration: none;\n"], ["\n ", "\n text-decoration: none;\n"])), sharedButtonStyles);
|
|
68
68
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
69
69
|
|
|
70
70
|
exports.Button = Button;
|
|
71
71
|
exports.CgReactRouterLinkAsButton = CgReactRouterLinkAsButton;
|
|
72
|
-
exports.LinkAsButton = LinkAsButton;
|
|
73
72
|
//# sourceMappingURL=CgButton.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactRouterLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -19,7 +19,7 @@ var PriceTagWrapper = styled__default["default"].div(templateObject_1 || (templa
|
|
|
19
19
|
}, function (_a) {
|
|
20
20
|
var _b;
|
|
21
21
|
var theme = _a.theme;
|
|
22
|
-
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.
|
|
22
|
+
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.extraBold;
|
|
23
23
|
});
|
|
24
24
|
var PriceStripeContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"], ["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceRotate; });
|
|
25
25
|
var PriceTagContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"])), function (_a) {
|
|
@@ -58,15 +58,19 @@ var PriceDecimals = styled__default["default"].span(templateObject_8 || (templat
|
|
|
58
58
|
var isSmall = _a.isSmall;
|
|
59
59
|
return (isSmall ? -11 : -14);
|
|
60
60
|
});
|
|
61
|
-
var PriceUnit = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
|
|
61
|
+
var PriceUnit = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n font-weight: ", ";\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n font-weight: ", ";\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
|
|
62
62
|
var fontSize = _a.fontSize;
|
|
63
63
|
return fontSize;
|
|
64
|
+
}, function (_a) {
|
|
65
|
+
var _b;
|
|
66
|
+
var theme = _a.theme;
|
|
67
|
+
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.bold;
|
|
64
68
|
}, function (_a) {
|
|
65
69
|
var isSmall = _a.isSmall;
|
|
66
70
|
return (isSmall ? 4 : 6);
|
|
67
71
|
}, function (_a) {
|
|
68
72
|
var pant = _a.pant;
|
|
69
|
-
return (pant ? 4 :
|
|
73
|
+
return (pant ? 4 : 7);
|
|
70
74
|
});
|
|
71
75
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
72
76
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -19,8 +19,7 @@ var CartItemSummary = require('./components/CartItemSummary/CartItemSummary.js')
|
|
|
19
19
|
var CartSubTotal = require('./components/CartSubTotal/CartSubTotal.js');
|
|
20
20
|
var CartSummary = require('./components/CartSummary/CartSummary.js');
|
|
21
21
|
var CgButton = require('./components/CgButton/CgButton.js');
|
|
22
|
-
var
|
|
23
|
-
var CgLinkAsButton = require('./components/CgButton/CgLinkAsButton.js');
|
|
22
|
+
var ReactRouterLinkAsButton = require('./components/CgButton/ReactRouterLinkAsButton.js');
|
|
24
23
|
var CgButton_types = require('./components/CgButton/CgButton.types.js');
|
|
25
24
|
var Chip = require('./components/Chips/Chip.js');
|
|
26
25
|
var Collapsable = require('./components/Collapsable/Collapsable.js');
|
|
@@ -130,8 +129,7 @@ Object.defineProperty(exports, 'ECartSubTotalTypes', {
|
|
|
130
129
|
});
|
|
131
130
|
exports.CartSummary = CartSummary.CartSummary;
|
|
132
131
|
exports.CgButton = CgButton.CgButton;
|
|
133
|
-
exports.CgReactRouterLinkAsButton =
|
|
134
|
-
exports.CgLinkAsButton = CgLinkAsButton.CgLinkAsButton;
|
|
132
|
+
exports.CgReactRouterLinkAsButton = ReactRouterLinkAsButton.CgReactRouterLinkAsButton;
|
|
135
133
|
Object.defineProperty(exports, 'EButtonSize', {
|
|
136
134
|
enumerable: true,
|
|
137
135
|
get: function () { return CgButton_types.EButtonSize; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -152,7 +152,7 @@ var palette = {
|
|
|
152
152
|
greenLight: '#F2FDF2',
|
|
153
153
|
greenMedium: '#BEE5BE',
|
|
154
154
|
redLight: '#FCE9E9',
|
|
155
|
-
priceTagRed: '#
|
|
155
|
+
priceTagRed: '#C80700',
|
|
156
156
|
// recipeTags
|
|
157
157
|
recipeVego: '#65DB69',
|
|
158
158
|
recipeLactose: '#8CCDF0',
|
|
@@ -225,7 +225,8 @@ var typography = {
|
|
|
225
225
|
regular: '400',
|
|
226
226
|
medium: '500',
|
|
227
227
|
semiBold: '600',
|
|
228
|
-
bold: '700'
|
|
228
|
+
bold: '700',
|
|
229
|
+
extraBold: '800'
|
|
229
230
|
},
|
|
230
231
|
size: {
|
|
231
232
|
// xs all from 0-10
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n deliverySlotItemHeight: 91,\n deliverySlotArrowOffset: 42,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n menuListItemIconSize: 16,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: -3,\n buttonBadgeRightPosition: -4,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeFontSize: 11,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipArrowBorderWidth: 5,\n searchListItemGridTemplateColumns: 25,\n MarkingWrapperGridGap: 2,\n InputWithIconPaddingRight: 45,\n navMainLinkWidth: 105,\n maxHeightFaderHeight: 50,\n paginationButtonWidth: 44,\n cartCardImageSize: 48,\n toolTipCloseSize: 20,\n couponContainerHeight: 43,\n couponButtonContainer: 102,\n couponContainerPadding: 10,\n selectButtonWidth: 169,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n priceTagRed: '#cd0700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":["build"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n deliverySlotItemHeight: 91,\n deliverySlotArrowOffset: 42,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n menuListItemIconSize: 16,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: -3,\n buttonBadgeRightPosition: -4,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeFontSize: 11,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipArrowBorderWidth: 5,\n searchListItemGridTemplateColumns: 25,\n MarkingWrapperGridGap: 2,\n InputWithIconPaddingRight: 45,\n navMainLinkWidth: 105,\n maxHeightFaderHeight: 50,\n paginationButtonWidth: 44,\n cartCardImageSize: 48,\n toolTipCloseSize: 20,\n couponContainerHeight: 43,\n couponButtonContainer: 102,\n couponContainerPadding: 10,\n selectButtonWidth: 169,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":["build"],"mappings":"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"}
|
|
@@ -55,9 +55,9 @@ var Button = styled.button(templateObject_2 || (templateObject_2 = __makeTemplat
|
|
|
55
55
|
var backgroundDisabled = _a.backgroundDisabled;
|
|
56
56
|
return backgroundDisabled;
|
|
57
57
|
}, (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.placeholder);
|
|
58
|
-
|
|
58
|
+
styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n text-decoration: none;\n"], ["\n ", "\n text-decoration: none;\n"])), sharedButtonStyles);
|
|
59
59
|
var CgReactRouterLinkAsButton = styled(Link)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n text-decoration: none;\n"], ["\n ", "\n text-decoration: none;\n"])), sharedButtonStyles);
|
|
60
60
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
61
61
|
|
|
62
|
-
export { Button, CgReactRouterLinkAsButton
|
|
62
|
+
export { Button, CgReactRouterLinkAsButton };
|
|
63
63
|
//# sourceMappingURL=CgButton.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactRouterLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -11,7 +11,7 @@ var PriceTagWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeT
|
|
|
11
11
|
}, function (_a) {
|
|
12
12
|
var _b;
|
|
13
13
|
var theme = _a.theme;
|
|
14
|
-
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.
|
|
14
|
+
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.extraBold;
|
|
15
15
|
});
|
|
16
16
|
var PriceStripeContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"], ["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceRotate; });
|
|
17
17
|
var PriceTagContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"])), function (_a) {
|
|
@@ -50,15 +50,19 @@ var PriceDecimals = styled.span(templateObject_8 || (templateObject_8 = __makeTe
|
|
|
50
50
|
var isSmall = _a.isSmall;
|
|
51
51
|
return (isSmall ? -11 : -14);
|
|
52
52
|
});
|
|
53
|
-
var PriceUnit = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
|
|
53
|
+
var PriceUnit = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", "px;\n font-weight: ", ";\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n font-weight: ", ";\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
|
|
54
54
|
var fontSize = _a.fontSize;
|
|
55
55
|
return fontSize;
|
|
56
|
+
}, function (_a) {
|
|
57
|
+
var _b;
|
|
58
|
+
var theme = _a.theme;
|
|
59
|
+
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.bold;
|
|
56
60
|
}, function (_a) {
|
|
57
61
|
var isSmall = _a.isSmall;
|
|
58
62
|
return (isSmall ? 4 : 6);
|
|
59
63
|
}, function (_a) {
|
|
60
64
|
var pant = _a.pant;
|
|
61
|
-
return (pant ? 4 :
|
|
65
|
+
return (pant ? 4 : 7);
|
|
62
66
|
});
|
|
63
67
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
64
68
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -15,8 +15,7 @@ export { CartItemSummary } from './components/CartItemSummary/CartItemSummary.js
|
|
|
15
15
|
export { CartSubTotal, ECartSubTotalTypes } from './components/CartSubTotal/CartSubTotal.js';
|
|
16
16
|
export { CartSummary } from './components/CartSummary/CartSummary.js';
|
|
17
17
|
export { CgButton } from './components/CgButton/CgButton.js';
|
|
18
|
-
export { CgReactRouterLinkAsButton } from './components/CgButton/
|
|
19
|
-
export { CgLinkAsButton } from './components/CgButton/CgLinkAsButton.js';
|
|
18
|
+
export { CgReactRouterLinkAsButton } from './components/CgButton/ReactRouterLinkAsButton.js';
|
|
20
19
|
export { EButtonSize, EButtonVariant } from './components/CgButton/CgButton.types.js';
|
|
21
20
|
export { Chip } from './components/Chips/Chip.js';
|
|
22
21
|
export { Collapsable } from './components/Collapsable/Collapsable.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -149,7 +149,7 @@ var palette = {
|
|
|
149
149
|
greenLight: '#F2FDF2',
|
|
150
150
|
greenMedium: '#BEE5BE',
|
|
151
151
|
redLight: '#FCE9E9',
|
|
152
|
-
priceTagRed: '#
|
|
152
|
+
priceTagRed: '#C80700',
|
|
153
153
|
// recipeTags
|
|
154
154
|
recipeVego: '#65DB69',
|
|
155
155
|
recipeLactose: '#8CCDF0',
|
|
@@ -222,7 +222,8 @@ var typography = {
|
|
|
222
222
|
regular: '400',
|
|
223
223
|
medium: '500',
|
|
224
224
|
semiBold: '600',
|
|
225
|
-
bold: '700'
|
|
225
|
+
bold: '700',
|
|
226
|
+
extraBold: '800'
|
|
226
227
|
},
|
|
227
228
|
size: {
|
|
228
229
|
// xs all from 0-10
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n deliverySlotItemHeight: 91,\n deliverySlotArrowOffset: 42,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n menuListItemIconSize: 16,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: -3,\n buttonBadgeRightPosition: -4,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeFontSize: 11,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipArrowBorderWidth: 5,\n searchListItemGridTemplateColumns: 25,\n MarkingWrapperGridGap: 2,\n InputWithIconPaddingRight: 45,\n navMainLinkWidth: 105,\n maxHeightFaderHeight: 50,\n paginationButtonWidth: 44,\n cartCardImageSize: 48,\n toolTipCloseSize: 20,\n couponContainerHeight: 43,\n couponButtonContainer: 102,\n couponContainerPadding: 10,\n selectButtonWidth: 169,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n priceTagRed: '#cd0700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n borderRadius: {\n extraSmall: 2,\n small: 5,\n default: 10,\n big: 20,\n rounded: 100,\n circle: '50%'\n },\n boxShadow: {\n small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)'\n },\n zIndex: {\n modal: 5,\n footer: 4,\n high: 3,\n middle: 2,\n low: 1\n },\n transition: {\n t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n inputTransition: 'box-shadow 250ms ease'\n }\n};\n\nvar breakpoints = {\n xxs: 360,\n xs: 480,\n sm: 576,\n md: 768,\n lg: 960,\n xl: 1060,\n xxl: 1280,\n xxxl: 1400\n};\n\nvar constants = {\n headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 130,\n deliverySlotItemWidthDesktop: 146,\n deliverySlotItemHeight: 91,\n deliverySlotArrowOffset: 42,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n menuListItemIconSize: 16,\n priceIndicatorRotate: 1,\n priceRotate: 2.5,\n priceSplashHorizontalPadding: 10,\n priceVariantBadgeSize: 48,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: -3,\n buttonBadgeRightPosition: -4,\n buttonBadgePadding: 6,\n buttonBadgePaddingSmall: 2,\n buttonBadgeFontSize: 11,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\n zipCodeInputSizeSmall: 40,\n tooltipMinWidth: 80,\n toolTipTop: 35,\n toolTipArrowMarginTop: -5,\n toolTipBackground: 'rgba(0,0,0,.7)',\n toolTipArrowBorderWidth: 5,\n searchListItemGridTemplateColumns: 25,\n MarkingWrapperGridGap: 2,\n InputWithIconPaddingRight: 45,\n navMainLinkWidth: 105,\n maxHeightFaderHeight: 50,\n paginationButtonWidth: 44,\n cartCardImageSize: 48,\n toolTipCloseSize: 20,\n couponContainerHeight: 43,\n couponButtonContainer: 102,\n couponContainerPadding: 10,\n selectButtonWidth: 169,\n quantitySelectorWidthLarge: 140,\n quantitySelectorWidthSmall: 123\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFDF43',\n secondary: '#0071B9',\n // brand colors\n brandYellow: '#FFDF43',\n brandBlue: '#0071B9',\n brandPurple: '#A71680',\n brandPrio: '#a80073',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueLighter: '#D3EDFD',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n priceTagRed: '#C80700',\n // recipeTags\n recipeVego: '#65DB69',\n recipeLactose: '#8CCDF0',\n recipeGluten: '#D5642A',\n // link same as alert blue\n link: '#0072BB',\n // black / white\n white: '#FFFFFF',\n black: '#000000',\n // grayscale\n lightest: '#F7F7F7',\n lighter: '#F1F1F1',\n light: '#E8E8E8',\n medium: '#DBDBDB',\n mediumDark: '#6C6C6C',\n dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n buttonGray: '#E5E4E5',\n disabledGray: '#B8B8B8',\n disabledDarkGray: '#5c5c5c',\n placeholder: '#8f8f8f',\n border: '#0069AE',\n boxShadow: '#E1E1E1',\n boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n // Alerts\n alertRed: '#E02721',\n alertBlue: '#0072BB',\n alertGreen: '#3F9A3C',\n // overlay\n darkOverlay: 'rgba(0, 0, 0, 0.6)',\n // transparent\n transparent: '#ffffff00',\n // hover\n brandBlueHover: '#005C99',\n brandYellowHover: '#F5D800',\n brandPrioHover: '#90136F',\n brandBlueActive: '#004D80',\n brandYellowActive: '#DBC100',\n brandPrioActive: '#7A105E',\n none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xxs2: 6,\n xs: 8,\n xs1: 10,\n xs2: 12,\n xs3: 14,\n sm: 16,\n sm2: 20,\n md: 24,\n lg: 32,\n xl: 40,\n xl2: 48,\n xxl: 56\n // More in figma, but talk with Johan to generalize it more.\n // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n type: {\n primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n display: '\"Dom Casual\"',\n code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n },\n weight: {\n regular: '400',\n medium: '500',\n semiBold: '600',\n bold: '700',\n extraBold: '800'\n },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\n s0: 11,\n s1: 12,\n s2: 13,\n s3: 15,\n s4: 18,\n // m all from 21-40\n m1: 24,\n m2: 30,\n // l all from 41 >\n l1: 41,\n code: 90\n },\n lineHeight: {\n // xs all from 0-15\n xs: 15,\n // s all from 16-20\n s1: 18,\n s2: 19,\n // m all from 21-40\n m1: 22,\n m2: 27,\n m3: 36,\n // l all from 41 >\n l1: 45\n }\n};\n\nvar animations = {\n tapScale: 0.9,\n hoverScale: 1.1,\n buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n return ({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n });\n};\nvar theme = createTheme({\n palette: palette,\n typography: typography,\n attributes: attributes,\n breakpoints: breakpoints,\n spacings: spacings,\n constants: constants,\n animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.131",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -65,10 +65,10 @@
|
|
|
65
65
|
"styled-components": "^5.2.1"
|
|
66
66
|
},
|
|
67
67
|
"dependencies": {
|
|
68
|
-
"@citygross/design-tokens": "^0.2.
|
|
68
|
+
"@citygross/design-tokens": "^0.2.76",
|
|
69
69
|
"@citygross/icons": "^0.1.13",
|
|
70
70
|
"@citygross/react-use-bg-wizard": "^0.0.8",
|
|
71
|
-
"@citygross/typography": "^0.0.
|
|
71
|
+
"@citygross/typography": "^0.0.109",
|
|
72
72
|
"@citygross/utils": "^0.0.42",
|
|
73
73
|
"framer-motion": "^4.1.17",
|
|
74
74
|
"moment": "^2.29.1",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"react-slick": "^0.30.1",
|
|
77
77
|
"slick-carousel": "^1.8.1"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "c738d1c9862462680d6adc3ae47b6bbe60f63b6f"
|
|
80
80
|
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _tslib = require('../../../../_virtual/_tslib.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var button = require('../../helpers/button.js');
|
|
8
|
-
var CgButton_types = require('./CgButton.types.js');
|
|
9
|
-
var CgButton_styles = require('./CgButton.styles.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
|
|
15
|
-
var CgLinkAsButton = function (_a) {
|
|
16
|
-
var children = _a.children, _b = _a.size, size = _b === void 0 ? CgButton_types.EButtonSize.medium : _b, _c = _a.variant, variant = _c === void 0 ? CgButton_types.EButtonVariant.primary : _c, props = _tslib.__rest(_a, ["children", "size", "variant"]);
|
|
17
|
-
var _d = button.getButtonAttributes(size, variant), sizeAttributes = _d.sizeAttributes, variantAttributes = _d.variantAttributes;
|
|
18
|
-
return (React__default["default"].createElement(CgButton_styles.LinkAsButton, _tslib.__assign({ backgroundColor: variantAttributes.backgroundColor, backgroundHover: variantAttributes.backgroundHover, backgroundDisabled: variantAttributes.backgroundDisabled, backgroundActive: variantAttributes.backgroundActive, border: variantAttributes.border, boxShadow: props.boxShadow, circle: props.circle, fontColor: variantAttributes.fontColor, fontSize: sizeAttributes.fontSize, height: sizeAttributes.height, fullWidth: props.fullWidth, paddingX: sizeAttributes.paddingX, paddingY: sizeAttributes.paddingY, rounded: props.rounded, size: size }, props), children));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
exports.CgLinkAsButton = CgLinkAsButton;
|
|
22
|
-
//# sourceMappingURL=CgLinkAsButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CgLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CgReactRouterLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __rest, __assign } from '../../../../_virtual/_tslib.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { getButtonAttributes } from '../../helpers/button.js';
|
|
4
|
-
import { EButtonSize, EButtonVariant } from './CgButton.types.js';
|
|
5
|
-
import { LinkAsButton } from './CgButton.styles.js';
|
|
6
|
-
|
|
7
|
-
var CgLinkAsButton = function (_a) {
|
|
8
|
-
var children = _a.children, _b = _a.size, size = _b === void 0 ? EButtonSize.medium : _b, _c = _a.variant, variant = _c === void 0 ? EButtonVariant.primary : _c, props = __rest(_a, ["children", "size", "variant"]);
|
|
9
|
-
var _d = getButtonAttributes(size, variant), sizeAttributes = _d.sizeAttributes, variantAttributes = _d.variantAttributes;
|
|
10
|
-
return (React.createElement(LinkAsButton, __assign({ backgroundColor: variantAttributes.backgroundColor, backgroundHover: variantAttributes.backgroundHover, backgroundDisabled: variantAttributes.backgroundDisabled, backgroundActive: variantAttributes.backgroundActive, border: variantAttributes.border, boxShadow: props.boxShadow, circle: props.circle, fontColor: variantAttributes.fontColor, fontSize: sizeAttributes.fontSize, height: sizeAttributes.height, fullWidth: props.fullWidth, paddingX: sizeAttributes.paddingX, paddingY: sizeAttributes.paddingY, rounded: props.rounded, size: size }, props), children));
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export { CgLinkAsButton };
|
|
14
|
-
//# sourceMappingURL=CgLinkAsButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CgLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CgReactRouterLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
/package/build/@types/components/CgButton/{CgReactRouterLink.d.ts → ReactRouterLinkAsButton.d.ts}
RENAMED
|
File without changes
|