@citygross/components 0.7.132 → 0.7.134
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/Button/Button.d.ts +1 -1
- package/build/@types/components/Button/Button.styles.d.ts +2 -0
- package/build/@types/components/FormElements/Input/Input.d.ts +5 -1
- package/build/@types/components/FormElements/Input/Input.stories.d.ts +1 -0
- package/build/@types/components/FormElements/Input/Input.styles.d.ts +3 -0
- package/build/cjs/components/src/components/Button/Button.js +2 -2
- package/build/cjs/components/src/components/Button/Button.styles.js +34 -28
- package/build/cjs/components/src/components/Button/Button.styles.js.map +1 -1
- package/build/cjs/components/src/components/FormControl/FormControl.js +2 -2
- package/build/cjs/components/src/components/FormElements/Input/Input.js +4 -2
- package/build/cjs/components/src/components/FormElements/Input/Input.js.map +1 -1
- package/build/cjs/components/src/components/FormElements/Input/Input.styles.js +13 -5
- package/build/cjs/components/src/components/FormElements/Input/Input.styles.js.map +1 -1
- package/build/cjs/design-tokens/build/index.js +1 -0
- package/build/cjs/design-tokens/build/index.js.map +1 -1
- package/build/es/components/src/components/Button/Button.js +2 -2
- package/build/es/components/src/components/Button/Button.styles.js +34 -28
- package/build/es/components/src/components/Button/Button.styles.js.map +1 -1
- package/build/es/components/src/components/FormControl/FormControl.js +2 -2
- package/build/es/components/src/components/FormElements/Input/Input.js +5 -3
- package/build/es/components/src/components/FormElements/Input/Input.js.map +1 -1
- package/build/es/components/src/components/FormElements/Input/Input.styles.js +12 -6
- package/build/es/components/src/components/FormElements/Input/Input.styles.js.map +1 -1
- package/build/es/design-tokens/build/index.js +1 -0
- package/build/es/design-tokens/build/index.js.map +1 -1
- package/package.json +5 -5
|
@@ -23,4 +23,4 @@ export declare type TBaseButton = styles.TButton & {
|
|
|
23
23
|
color?: TButtonColor;
|
|
24
24
|
buttonBadge?: string;
|
|
25
25
|
};
|
|
26
|
-
export declare function Button({ center, color, fullWidth, flexReverse, icon, selected, isDisabled, loading, noWrap, onClick, size, xsSize, borderRadius, childGap, buttonBadge, children }: TBaseButton): JSX.Element;
|
|
26
|
+
export declare function Button({ center, color, fullWidth, flexReverse, icon, selected, isDisabled, loading, noWrap, onClick, size, xsSize, borderRadius, childGap, buttonBadge, noShadow, hoverBackground, children }: TBaseButton): JSX.Element;
|
|
@@ -12,6 +12,8 @@ export declare type TButton = {
|
|
|
12
12
|
borderRadius?: number;
|
|
13
13
|
childGap?: number;
|
|
14
14
|
onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
15
|
+
noShadow?: boolean;
|
|
16
|
+
hoverBackground?: string;
|
|
15
17
|
};
|
|
16
18
|
declare type TButtonSize = keyof typeof ButtonSize;
|
|
17
19
|
declare type TBasePrimaryButton = TButton & {
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import * as styles from './Input.styles';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare
|
|
3
|
+
export declare type TInput = styles.InputProps & {
|
|
4
|
+
icon?: JSX.Element;
|
|
5
|
+
iconOnClick?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function Input({ icon, iconOnClick, flexGrow, isValid, fontSize, inputSize, inputRef, ...props }: TInput & {
|
|
4
8
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
5
9
|
}): JSX.Element;
|
|
@@ -4,5 +4,8 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
4
4
|
flexGrow?: number;
|
|
5
5
|
fontSize?: number;
|
|
6
6
|
inputSize?: 'small' | 'medium';
|
|
7
|
+
iconExists?: boolean;
|
|
7
8
|
}
|
|
9
|
+
export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputProps, never>;
|
|
8
10
|
export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputProps, never>;
|
|
11
|
+
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -29,12 +29,12 @@ exports.ButtonColor = void 0;
|
|
|
29
29
|
})(exports.ButtonColor || (exports.ButtonColor = {}));
|
|
30
30
|
function Button(_a) {
|
|
31
31
|
var _b;
|
|
32
|
-
var _c = _a.center, center = _c === void 0 ? true : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, fullWidth = _a.fullWidth, flexReverse = _a.flexReverse, icon = _a.icon, selected = _a.selected, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 'large' : _e, xsSize = _a.xsSize, borderRadius = _a.borderRadius, _f = _a.childGap, childGap = _f === void 0 ? 4 : _f, buttonBadge = _a.buttonBadge, children = _a.children;
|
|
32
|
+
var _c = _a.center, center = _c === void 0 ? true : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, fullWidth = _a.fullWidth, flexReverse = _a.flexReverse, icon = _a.icon, selected = _a.selected, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 'large' : _e, xsSize = _a.xsSize, borderRadius = _a.borderRadius, _f = _a.childGap, childGap = _f === void 0 ? 4 : _f, buttonBadge = _a.buttonBadge, noShadow = _a.noShadow, hoverBackground = _a.hoverBackground, children = _a.children;
|
|
33
33
|
return (React__default["default"].createElement(Button_styles.BasePrimaryButton, { center: center, color: designTokens.theme && designTokens.theme.palette
|
|
34
34
|
? selected
|
|
35
35
|
? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white
|
|
36
36
|
: designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette[color]
|
|
37
|
-
: 'white', fullWidth: fullWidth, flexReverse: flexReverse, icon: icon, selected: selected, isDisabled: loading || isDisabled, loading: loading || null, noWrap: noWrap, size: size, xsSize: xsSize, onClick: function (e) { return onClick && onClick(e); }, borderRadius: borderRadius, childGap: childGap },
|
|
37
|
+
: 'white', fullWidth: fullWidth, flexReverse: flexReverse, icon: icon, selected: selected, isDisabled: loading || isDisabled, loading: loading || null, noWrap: noWrap, size: size, xsSize: xsSize, onClick: function (e) { return onClick && onClick(e); }, borderRadius: borderRadius, childGap: childGap, hoverBackground: hoverBackground, noShadow: noShadow },
|
|
38
38
|
loading && (React__default["default"].createElement(Button_styles.Loading, null,
|
|
39
39
|
React__default["default"].createElement(Button_styles.LoadingContainer, { xsSize: xsSize, size: size },
|
|
40
40
|
React__default["default"].createElement(Button_styles.LoadingSpinner, null)))),
|
|
@@ -62,7 +62,7 @@ var SpinnerSize = function (size) {
|
|
|
62
62
|
return '26px';
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
|
-
var BaseButton = styled__default["default"].button(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n /* reset */\n outline: none;\n border: none;\n\n backface-visibility: hidden;\n cursor: pointer;\n border-radius: ", "px;\n /* overflow: hidden; */\n pointer-events: ", ";\n -webkit-font-smoothing: antialiased;\n user-select: ", ";\n\n position: relative;\n\n /* typography */\n\n font-family: ", ";\n font-weight: ", ";\n text-align: ", ";\n white-space: ", ";\n\n /* colors */\n\n background: ", ";\n\n color: ", ";\n\n /* Width & Height */\n\n width: ", ";\n\n &::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n /* Hover Effect */\n\n &:hover {\n ::after {\n opacity:
|
|
65
|
+
var BaseButton = styled__default["default"].button(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n /* reset */\n outline: none;\n border: none;\n\n backface-visibility: hidden;\n cursor: pointer;\n border-radius: ", "px;\n /* overflow: hidden; */\n pointer-events: ", ";\n -webkit-font-smoothing: antialiased;\n user-select: ", ";\n\n position: relative;\n\n /* typography */\n\n font-family: ", ";\n font-weight: ", ";\n text-align: ", ";\n white-space: ", ";\n\n /* colors */\n\n background: ", ";\n\n color: ", ";\n\n /* Width & Height */\n\n width: ", ";\n\n &::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n /* Hover Effect */\n\n &:hover {\n ::after {\n opacity: ", ";\n }\n ", ";\n }\n &:active {\n ::before {\n opacity: ", ";\n }\n ::after {\n opacity: 0;\n }\n }\n /* Media Queries */\n\n @media (max-width: ", "px) {\n align-self: ", ";\n }\n"], ["\n /* reset */\n outline: none;\n border: none;\n\n backface-visibility: hidden;\n cursor: pointer;\n border-radius: ", "px;\n /* overflow: hidden; */\n pointer-events: ", ";\n -webkit-font-smoothing: antialiased;\n user-select: ", ";\n\n position: relative;\n\n /* typography */\n\n font-family: ", ";\n font-weight: ", ";\n text-align: ", ";\n white-space: ", ";\n\n /* colors */\n\n background: ", ";\n\n color: ", ";\n\n /* Width & Height */\n\n width: ", ";\n\n &::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n /* Hover Effect */\n\n &:hover {\n ::after {\n opacity: ", ";\n }\n ", ";\n }\n &:active {\n ::before {\n opacity: ", ";\n }\n ::after {\n opacity: 0;\n }\n }\n /* Media Queries */\n\n @media (max-width: ", "px) {\n align-self: ", ";\n }\n"])), function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.isDisabled && 'none'; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.type.primary; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.weight.medium; }, function (props) { return (props.center ? 'center' : 'initial'); }, function (props) { return (props.noWrap ? 'nowrap' : 'normal'); }, function (props) { var _a, _b; return props.isDisabled ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium : props.color; }, function (props) {
|
|
66
66
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
67
67
|
return props.color === ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.secondary) ||
|
|
68
68
|
props.color === ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.darkest) ||
|
|
@@ -71,45 +71,51 @@ var BaseButton = styled__default["default"].button(templateObject_1 || (template
|
|
|
71
71
|
props.isDisabled
|
|
72
72
|
? (_k = (_j = props === null || props === void 0 ? void 0 : props.theme) === null || _j === void 0 ? void 0 : _j.palette) === null || _k === void 0 ? void 0 : _k.white
|
|
73
73
|
: (_m = (_l = props === null || props === void 0 ? void 0 : props.theme) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0 ? void 0 : _m.darkest;
|
|
74
|
-
}, function (props) { return (props.fullWidth ? '100%' : 'auto'); }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonHover; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonActive; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) {
|
|
75
|
-
|
|
74
|
+
}, function (props) { return (props.fullWidth ? '100%' : 'auto'); }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonHover; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonActive; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { return ((props === null || props === void 0 ? void 0 : props.noShadow) ? 0 : 1); }, function (props) {
|
|
75
|
+
return !props.isDisabled &&
|
|
76
|
+
props.hoverBackground &&
|
|
77
|
+
"background: ".concat(props.hoverBackground);
|
|
78
|
+
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.noShadow) ? 0 : 1); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { return (props.center ? 'center' : 'initial'); });
|
|
79
|
+
var BasePrimaryButton = styled__default["default"](BaseButton)(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n /* TypoGraphy */\n\n font-size: ", ";\n line-height: ", ";\n\n /* shadow */\n ", ";\n\n /* Padding */\n\n padding: ", ";\n\n @media (min-width: ", "px) {\n font-size: ", ";\n\n padding: ", ";\n ", ";\n }\n"], ["\n /* TypoGraphy */\n\n font-size: ", ";\n line-height: ", ";\n\n /* shadow */\n ", ";\n\n /* Padding */\n\n padding: ", ";\n\n @media (min-width: ", "px) {\n font-size: ", ";\n\n padding: ", ";\n ", ";\n }\n"])), function (props) { return ButtonFontSize(props.xsSize || props.size); }, function (props) {
|
|
76
80
|
var _a, _b;
|
|
77
81
|
return props.size === 'small'
|
|
78
82
|
? "".concat((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2, "px")
|
|
79
83
|
: "".concat((_b = props.theme.typography) === null || _b === void 0 ? void 0 : _b.lineHeight.m1, "px");
|
|
80
84
|
}, function (props) {
|
|
81
85
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
82
|
-
return props.
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
(props.
|
|
87
|
-
props.color === ((
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
props.color === ((
|
|
93
|
-
|
|
94
|
-
|
|
86
|
+
return !(props === null || props === void 0 ? void 0 : props.noShadow) &&
|
|
87
|
+
"\n box-shadow: \n ".concat(props.selected
|
|
88
|
+
? "inset 0px 0px 0px 1px ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium, ",\n ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.boxShadow.buttonHover)
|
|
89
|
+
: props.xsSize ||
|
|
90
|
+
(props.size &&
|
|
91
|
+
(props.color === ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.primary) ||
|
|
92
|
+
props.color === ((_f = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0 ? void 0 : _f.secondary) ||
|
|
93
|
+
props.color === ((_h = (_g = props === null || props === void 0 ? void 0 : props.theme) === null || _g === void 0 ? void 0 : _g.palette) === null || _h === void 0 ? void 0 : _h.buttonGray) ||
|
|
94
|
+
props.color === ((_k = (_j = props === null || props === void 0 ? void 0 : props.theme) === null || _j === void 0 ? void 0 : _j.palette) === null || _k === void 0 ? void 0 : _k.brandPurple)))
|
|
95
|
+
? ButtonShadow(props.xsSize || props.size)
|
|
96
|
+
: props.color === ((_m = (_l = props === null || props === void 0 ? void 0 : props.theme) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0 ? void 0 : _m.white) ||
|
|
97
|
+
props.color === ((_p = (_o = props === null || props === void 0 ? void 0 : props.theme) === null || _o === void 0 ? void 0 : _o.palette) === null || _p === void 0 ? void 0 : _p.lightest)
|
|
98
|
+
? "inset 0px 0px 0px 1px ".concat((_q = props.theme.palette) === null || _q === void 0 ? void 0 : _q.medium)
|
|
99
|
+
: 'none', "\n ");
|
|
95
100
|
}, function (props) {
|
|
96
101
|
return ButtonPadding(props.xsSize || props.size, props.icon, props.flexReverse);
|
|
97
102
|
}, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return ButtonFontSize(props.size); }, function (props) {
|
|
98
103
|
return ButtonPadding(props.size, props.icon, props.flexReverse);
|
|
99
104
|
}, function (props) {
|
|
100
105
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
101
|
-
return props.
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
props.color === ((
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
props.color === ((
|
|
111
|
-
|
|
112
|
-
|
|
106
|
+
return !(props === null || props === void 0 ? void 0 : props.noShadow) &&
|
|
107
|
+
"\n box-shadow: \n ".concat(props.selected
|
|
108
|
+
? "inset 0px 0px 0px 1px ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium, ",\n ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.boxShadow.buttonHover)
|
|
109
|
+
: props.size &&
|
|
110
|
+
(props.color === ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.primary) ||
|
|
111
|
+
props.color === ((_f = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0 ? void 0 : _f.secondary) ||
|
|
112
|
+
props.color === ((_h = (_g = props === null || props === void 0 ? void 0 : props.theme) === null || _g === void 0 ? void 0 : _g.palette) === null || _h === void 0 ? void 0 : _h.buttonGray) ||
|
|
113
|
+
props.color === ((_k = (_j = props === null || props === void 0 ? void 0 : props.theme) === null || _j === void 0 ? void 0 : _j.palette) === null || _k === void 0 ? void 0 : _k.brandPurple))
|
|
114
|
+
? ButtonShadow(props.size)
|
|
115
|
+
: props.color === ((_m = (_l = props === null || props === void 0 ? void 0 : props.theme) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0 ? void 0 : _m.white) ||
|
|
116
|
+
props.color === ((_p = (_o = props === null || props === void 0 ? void 0 : props.theme) === null || _o === void 0 ? void 0 : _o.palette) === null || _p === void 0 ? void 0 : _p.lightest)
|
|
117
|
+
? "inset 0px 0px 0px 1px ".concat((_q = props.theme.palette) === null || _q === void 0 ? void 0 : _q.medium)
|
|
118
|
+
: 'none', "\n ");
|
|
113
119
|
});
|
|
114
120
|
var ButtonChildContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n width: 100%;\n gap: ", "px;\n align-items: center;\n justify-content: center;\n flex-wrap: ", ";\n"], ["\n display: flex;\n flex-direction: ", ";\n width: 100%;\n gap: ", "px;\n align-items: center;\n justify-content: center;\n flex-wrap: ", ";\n"])), function (props) { return (props.flexReverse ? 'row-reverse' : 'row'); }, function (props) {
|
|
115
121
|
var _a, _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -20,8 +20,8 @@ exports.TScreenWidth = void 0;
|
|
|
20
20
|
function FormControl(_a) {
|
|
21
21
|
var title = _a.title, children = _a.children, errorMessage = _a.errorMessage, _b = _a.isValid, isValid = _b === void 0 ? true : _b, screenWidth = _a.screenWidth;
|
|
22
22
|
return (React__default["default"].createElement(FormControl_styles.FormControlWrapper, null,
|
|
23
|
-
React__default["default"].createElement(FormControl_styles.FormControlElementWrapper, null,
|
|
24
|
-
React__default["default"].createElement(typography.H3, null, title)),
|
|
23
|
+
title && (React__default["default"].createElement(FormControl_styles.FormControlElementWrapper, null,
|
|
24
|
+
React__default["default"].createElement(typography.H3, null, title))),
|
|
25
25
|
React__default["default"].createElement(FormControl_styles.FormControlElementWrapper, { screenWidth: screenWidth }, children),
|
|
26
26
|
errorMessage && !isValid && errorMessage));
|
|
27
27
|
}
|
|
@@ -11,8 +11,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
13
13
|
function Input(_a) {
|
|
14
|
-
var flexGrow = _a.flexGrow, isValid = _a.isValid, fontSize = _a.fontSize, _b = _a.inputSize, inputSize = _b === void 0 ? 'medium' : _b, inputRef = _a.inputRef, props = _tslib.__rest(_a, ["flexGrow", "isValid", "fontSize", "inputSize", "inputRef"]);
|
|
15
|
-
return (React__default["default"].createElement(Input_styles.
|
|
14
|
+
var icon = _a.icon, iconOnClick = _a.iconOnClick, flexGrow = _a.flexGrow, isValid = _a.isValid, fontSize = _a.fontSize, _b = _a.inputSize, inputSize = _b === void 0 ? 'medium' : _b, inputRef = _a.inputRef, props = _tslib.__rest(_a, ["icon", "iconOnClick", "flexGrow", "isValid", "fontSize", "inputSize", "inputRef"]);
|
|
15
|
+
return icon ? (React__default["default"].createElement(Input_styles.InputWrapper, { flexGrow: flexGrow },
|
|
16
|
+
React__default["default"].createElement(Input_styles.Input, _tslib.__assign({ iconExists: Boolean(icon), flexGrow: flexGrow, fontSize: fontSize, isValid: isValid, inputSize: inputSize, ref: inputRef }, props)),
|
|
17
|
+
React__default["default"].createElement(Input_styles.IconWrapper, { onClick: iconOnClick }, icon))) : (React__default["default"].createElement(Input_styles.Input, _tslib.__assign({ flexGrow: flexGrow, fontSize: fontSize, isValid: isValid, inputSize: inputSize, ref: inputRef }, props)));
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
exports.Input = Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -9,13 +9,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
|
-
var
|
|
13
|
-
|
|
12
|
+
var InputWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n position: relative;\n display: inline-block;\n flex-grow: ", ";\n"], ["\n position: relative;\n display: inline-block;\n flex-grow: ", ";\n"])), function (props) { var _a; return (_a = props.flexGrow) !== null && _a !== void 0 ? _a : 1; });
|
|
13
|
+
var Input = styled__default["default"].input(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n", "\n border: 1px solid\n ", ";\n outline: none;\n padding: ", ";\n border-radius: 2px;\n background: ", ";\n color: ", ";\n flex-grow: ", ";\n font-size: ", "px;\n transition: ", ";\n\n &:focus,\n &:hover {\n border: 1px solid ", ";\n }\n\n &:focus {\n box-shadow: ", ";\n }\n\n ::placeholder {\n color: ", ";\n }\n"], ["\n", "\n border: 1px solid\n ", ";\n outline: none;\n padding: ", ";\n border-radius: 2px;\n background: ", ";\n color: ", ";\n flex-grow: ", ";\n font-size: ", "px;\n transition: ", ";\n\n &:focus,\n &:hover {\n border: 1px solid ", ";\n }\n\n &:focus {\n box-shadow: ", ";\n }\n\n ::placeholder {\n color: ", ";\n }\n"])), function (props) {
|
|
14
|
+
var _a;
|
|
15
|
+
return (props === null || props === void 0 ? void 0 : props.iconExists) &&
|
|
16
|
+
"\nwidth: 100%;\npadding-right: ".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.InputWithIconPaddingRight, "px;\n");
|
|
17
|
+
}, function (props) {
|
|
18
|
+
var _a, _b, _c, _d, _e, _f;
|
|
14
19
|
return props.disabled
|
|
15
20
|
? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
|
|
16
21
|
: (props === null || props === void 0 ? void 0 : props.isValid) === false
|
|
17
|
-
?
|
|
18
|
-
: (
|
|
22
|
+
? (_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.alertRed
|
|
23
|
+
: (_f = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0 ? void 0 : _f.dark;
|
|
19
24
|
}, function (props) {
|
|
20
25
|
var _a, _b, _c, _d;
|
|
21
26
|
return props.inputSize === 'small'
|
|
@@ -27,7 +32,10 @@ var Input = styled__default["default"].input(templateObject_1 || (templateObject
|
|
|
27
32
|
? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
|
|
28
33
|
: (_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.dark;
|
|
29
34
|
});
|
|
30
|
-
var
|
|
35
|
+
var IconWrapper = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n position: absolute;\n right: ", "px;\n top: 0;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n position: absolute;\n right: ", "px;\n top: 0;\n cursor: pointer;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
36
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
31
37
|
|
|
38
|
+
exports.IconWrapper = IconWrapper;
|
|
32
39
|
exports.Input = Input;
|
|
40
|
+
exports.InputWrapper = InputWrapper;
|
|
33
41
|
//# sourceMappingURL=Input.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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: 80,\n deliverySlotItemWidthDesktop: 120,\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 priceSplashHorizontalPadding: 10,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: 0,\n buttonBadgeRightPosition: -7,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\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 navMainLinkWidth: 105\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 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 none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xs: 8,\n xs2: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\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 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 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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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: 80,\n deliverySlotItemWidthDesktop: 120,\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 priceSplashHorizontalPadding: 10,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: 0,\n buttonBadgeRightPosition: -7,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\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: 50,\n navMainLinkWidth: 105\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 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 none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xs: 8,\n xs2: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\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 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 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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"}
|
|
@@ -21,12 +21,12 @@ var ButtonColor;
|
|
|
21
21
|
})(ButtonColor || (ButtonColor = {}));
|
|
22
22
|
function Button(_a) {
|
|
23
23
|
var _b;
|
|
24
|
-
var _c = _a.center, center = _c === void 0 ? true : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, fullWidth = _a.fullWidth, flexReverse = _a.flexReverse, icon = _a.icon, selected = _a.selected, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 'large' : _e, xsSize = _a.xsSize, borderRadius = _a.borderRadius, _f = _a.childGap, childGap = _f === void 0 ? 4 : _f, buttonBadge = _a.buttonBadge, children = _a.children;
|
|
24
|
+
var _c = _a.center, center = _c === void 0 ? true : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, fullWidth = _a.fullWidth, flexReverse = _a.flexReverse, icon = _a.icon, selected = _a.selected, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 'large' : _e, xsSize = _a.xsSize, borderRadius = _a.borderRadius, _f = _a.childGap, childGap = _f === void 0 ? 4 : _f, buttonBadge = _a.buttonBadge, noShadow = _a.noShadow, hoverBackground = _a.hoverBackground, children = _a.children;
|
|
25
25
|
return (React.createElement(BasePrimaryButton, { center: center, color: theme && theme.palette
|
|
26
26
|
? selected
|
|
27
27
|
? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.white
|
|
28
28
|
: theme === null || theme === void 0 ? void 0 : theme.palette[color]
|
|
29
|
-
: 'white', fullWidth: fullWidth, flexReverse: flexReverse, icon: icon, selected: selected, isDisabled: loading || isDisabled, loading: loading || null, noWrap: noWrap, size: size, xsSize: xsSize, onClick: function (e) { return onClick && onClick(e); }, borderRadius: borderRadius, childGap: childGap },
|
|
29
|
+
: 'white', fullWidth: fullWidth, flexReverse: flexReverse, icon: icon, selected: selected, isDisabled: loading || isDisabled, loading: loading || null, noWrap: noWrap, size: size, xsSize: xsSize, onClick: function (e) { return onClick && onClick(e); }, borderRadius: borderRadius, childGap: childGap, hoverBackground: hoverBackground, noShadow: noShadow },
|
|
30
30
|
loading && (React.createElement(Loading, null,
|
|
31
31
|
React.createElement(LoadingContainer, { xsSize: xsSize, size: size },
|
|
32
32
|
React.createElement(LoadingSpinner, null)))),
|
|
@@ -54,7 +54,7 @@ var SpinnerSize = function (size) {
|
|
|
54
54
|
return '26px';
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
|
-
var BaseButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* reset */\n outline: none;\n border: none;\n\n backface-visibility: hidden;\n cursor: pointer;\n border-radius: ", "px;\n /* overflow: hidden; */\n pointer-events: ", ";\n -webkit-font-smoothing: antialiased;\n user-select: ", ";\n\n position: relative;\n\n /* typography */\n\n font-family: ", ";\n font-weight: ", ";\n text-align: ", ";\n white-space: ", ";\n\n /* colors */\n\n background: ", ";\n\n color: ", ";\n\n /* Width & Height */\n\n width: ", ";\n\n &::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n /* Hover Effect */\n\n &:hover {\n ::after {\n opacity:
|
|
57
|
+
var BaseButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* reset */\n outline: none;\n border: none;\n\n backface-visibility: hidden;\n cursor: pointer;\n border-radius: ", "px;\n /* overflow: hidden; */\n pointer-events: ", ";\n -webkit-font-smoothing: antialiased;\n user-select: ", ";\n\n position: relative;\n\n /* typography */\n\n font-family: ", ";\n font-weight: ", ";\n text-align: ", ";\n white-space: ", ";\n\n /* colors */\n\n background: ", ";\n\n color: ", ";\n\n /* Width & Height */\n\n width: ", ";\n\n &::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n /* Hover Effect */\n\n &:hover {\n ::after {\n opacity: ", ";\n }\n ", ";\n }\n &:active {\n ::before {\n opacity: ", ";\n }\n ::after {\n opacity: 0;\n }\n }\n /* Media Queries */\n\n @media (max-width: ", "px) {\n align-self: ", ";\n }\n"], ["\n /* reset */\n outline: none;\n border: none;\n\n backface-visibility: hidden;\n cursor: pointer;\n border-radius: ", "px;\n /* overflow: hidden; */\n pointer-events: ", ";\n -webkit-font-smoothing: antialiased;\n user-select: ", ";\n\n position: relative;\n\n /* typography */\n\n font-family: ", ";\n font-weight: ", ";\n text-align: ", ";\n white-space: ", ";\n\n /* colors */\n\n background: ", ";\n\n color: ", ";\n\n /* Width & Height */\n\n width: ", ";\n\n &::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ", "px;\n top: 0;\n left: 0;\n box-shadow: ", ";\n opacity: 0;\n -webkit-transition: ", ";\n transition: ", ";\n }\n\n /* Hover Effect */\n\n &:hover {\n ::after {\n opacity: ", ";\n }\n ", ";\n }\n &:active {\n ::before {\n opacity: ", ";\n }\n ::after {\n opacity: 0;\n }\n }\n /* Media Queries */\n\n @media (max-width: ", "px) {\n align-self: ", ";\n }\n"])), function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.isDisabled && 'none'; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.type.primary; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.weight.medium; }, function (props) { return (props.center ? 'center' : 'initial'); }, function (props) { return (props.noWrap ? 'nowrap' : 'normal'); }, function (props) { var _a, _b; return props.isDisabled ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium : props.color; }, function (props) {
|
|
58
58
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
59
59
|
return props.color === ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.secondary) ||
|
|
60
60
|
props.color === ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.darkest) ||
|
|
@@ -63,45 +63,51 @@ var BaseButton = styled.button(templateObject_1 || (templateObject_1 = __makeTem
|
|
|
63
63
|
props.isDisabled
|
|
64
64
|
? (_k = (_j = props === null || props === void 0 ? void 0 : props.theme) === null || _j === void 0 ? void 0 : _j.palette) === null || _k === void 0 ? void 0 : _k.white
|
|
65
65
|
: (_m = (_l = props === null || props === void 0 ? void 0 : props.theme) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0 ? void 0 : _m.darkest;
|
|
66
|
-
}, function (props) { return (props.fullWidth ? '100%' : 'auto'); }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonHover; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonActive; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) {
|
|
67
|
-
|
|
66
|
+
}, function (props) { return (props.fullWidth ? '100%' : 'auto'); }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonHover; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonActive; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { var _a; return (_a = props.theme.animations) === null || _a === void 0 ? void 0 : _a.buttonTransition; }, function (props) { return ((props === null || props === void 0 ? void 0 : props.noShadow) ? 0 : 1); }, function (props) {
|
|
67
|
+
return !props.isDisabled &&
|
|
68
|
+
props.hoverBackground &&
|
|
69
|
+
"background: ".concat(props.hoverBackground);
|
|
70
|
+
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.noShadow) ? 0 : 1); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { return (props.center ? 'center' : 'initial'); });
|
|
71
|
+
var BasePrimaryButton = styled(BaseButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n /* TypoGraphy */\n\n font-size: ", ";\n line-height: ", ";\n\n /* shadow */\n ", ";\n\n /* Padding */\n\n padding: ", ";\n\n @media (min-width: ", "px) {\n font-size: ", ";\n\n padding: ", ";\n ", ";\n }\n"], ["\n /* TypoGraphy */\n\n font-size: ", ";\n line-height: ", ";\n\n /* shadow */\n ", ";\n\n /* Padding */\n\n padding: ", ";\n\n @media (min-width: ", "px) {\n font-size: ", ";\n\n padding: ", ";\n ", ";\n }\n"])), function (props) { return ButtonFontSize(props.xsSize || props.size); }, function (props) {
|
|
68
72
|
var _a, _b;
|
|
69
73
|
return props.size === 'small'
|
|
70
74
|
? "".concat((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2, "px")
|
|
71
75
|
: "".concat((_b = props.theme.typography) === null || _b === void 0 ? void 0 : _b.lineHeight.m1, "px");
|
|
72
76
|
}, function (props) {
|
|
73
77
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
74
|
-
return props.
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
(props.
|
|
79
|
-
props.color === ((
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
props.color === ((
|
|
85
|
-
|
|
86
|
-
|
|
78
|
+
return !(props === null || props === void 0 ? void 0 : props.noShadow) &&
|
|
79
|
+
"\n box-shadow: \n ".concat(props.selected
|
|
80
|
+
? "inset 0px 0px 0px 1px ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium, ",\n ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.boxShadow.buttonHover)
|
|
81
|
+
: props.xsSize ||
|
|
82
|
+
(props.size &&
|
|
83
|
+
(props.color === ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.primary) ||
|
|
84
|
+
props.color === ((_f = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0 ? void 0 : _f.secondary) ||
|
|
85
|
+
props.color === ((_h = (_g = props === null || props === void 0 ? void 0 : props.theme) === null || _g === void 0 ? void 0 : _g.palette) === null || _h === void 0 ? void 0 : _h.buttonGray) ||
|
|
86
|
+
props.color === ((_k = (_j = props === null || props === void 0 ? void 0 : props.theme) === null || _j === void 0 ? void 0 : _j.palette) === null || _k === void 0 ? void 0 : _k.brandPurple)))
|
|
87
|
+
? ButtonShadow(props.xsSize || props.size)
|
|
88
|
+
: props.color === ((_m = (_l = props === null || props === void 0 ? void 0 : props.theme) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0 ? void 0 : _m.white) ||
|
|
89
|
+
props.color === ((_p = (_o = props === null || props === void 0 ? void 0 : props.theme) === null || _o === void 0 ? void 0 : _o.palette) === null || _p === void 0 ? void 0 : _p.lightest)
|
|
90
|
+
? "inset 0px 0px 0px 1px ".concat((_q = props.theme.palette) === null || _q === void 0 ? void 0 : _q.medium)
|
|
91
|
+
: 'none', "\n ");
|
|
87
92
|
}, function (props) {
|
|
88
93
|
return ButtonPadding(props.xsSize || props.size, props.icon, props.flexReverse);
|
|
89
94
|
}, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return ButtonFontSize(props.size); }, function (props) {
|
|
90
95
|
return ButtonPadding(props.size, props.icon, props.flexReverse);
|
|
91
96
|
}, function (props) {
|
|
92
97
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
93
|
-
return props.
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
props.color === ((
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
props.color === ((
|
|
103
|
-
|
|
104
|
-
|
|
98
|
+
return !(props === null || props === void 0 ? void 0 : props.noShadow) &&
|
|
99
|
+
"\n box-shadow: \n ".concat(props.selected
|
|
100
|
+
? "inset 0px 0px 0px 1px ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium, ",\n ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.boxShadow.buttonHover)
|
|
101
|
+
: props.size &&
|
|
102
|
+
(props.color === ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.primary) ||
|
|
103
|
+
props.color === ((_f = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0 ? void 0 : _f.secondary) ||
|
|
104
|
+
props.color === ((_h = (_g = props === null || props === void 0 ? void 0 : props.theme) === null || _g === void 0 ? void 0 : _g.palette) === null || _h === void 0 ? void 0 : _h.buttonGray) ||
|
|
105
|
+
props.color === ((_k = (_j = props === null || props === void 0 ? void 0 : props.theme) === null || _j === void 0 ? void 0 : _j.palette) === null || _k === void 0 ? void 0 : _k.brandPurple))
|
|
106
|
+
? ButtonShadow(props.size)
|
|
107
|
+
: props.color === ((_m = (_l = props === null || props === void 0 ? void 0 : props.theme) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0 ? void 0 : _m.white) ||
|
|
108
|
+
props.color === ((_p = (_o = props === null || props === void 0 ? void 0 : props.theme) === null || _o === void 0 ? void 0 : _o.palette) === null || _p === void 0 ? void 0 : _p.lightest)
|
|
109
|
+
? "inset 0px 0px 0px 1px ".concat((_q = props.theme.palette) === null || _q === void 0 ? void 0 : _q.medium)
|
|
110
|
+
: 'none', "\n ");
|
|
105
111
|
});
|
|
106
112
|
var ButtonChildContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n width: 100%;\n gap: ", "px;\n align-items: center;\n justify-content: center;\n flex-wrap: ", ";\n"], ["\n display: flex;\n flex-direction: ", ";\n width: 100%;\n gap: ", "px;\n align-items: center;\n justify-content: center;\n flex-wrap: ", ";\n"])), function (props) { return (props.flexReverse ? 'row-reverse' : 'row'); }, function (props) {
|
|
107
113
|
var _a, _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -12,8 +12,8 @@ var TScreenWidth;
|
|
|
12
12
|
function FormControl(_a) {
|
|
13
13
|
var title = _a.title, children = _a.children, errorMessage = _a.errorMessage, _b = _a.isValid, isValid = _b === void 0 ? true : _b, screenWidth = _a.screenWidth;
|
|
14
14
|
return (React.createElement(FormControlWrapper, null,
|
|
15
|
-
React.createElement(FormControlElementWrapper, null,
|
|
16
|
-
React.createElement(H3, null, title)),
|
|
15
|
+
title && (React.createElement(FormControlElementWrapper, null,
|
|
16
|
+
React.createElement(H3, null, title))),
|
|
17
17
|
React.createElement(FormControlElementWrapper, { screenWidth: screenWidth }, children),
|
|
18
18
|
errorMessage && !isValid && errorMessage));
|
|
19
19
|
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../../../../_virtual/_tslib.js';
|
|
2
|
-
import { Input as Input$1 } from './Input.styles.js';
|
|
2
|
+
import { InputWrapper, Input as Input$1, IconWrapper } from './Input.styles.js';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
function Input(_a) {
|
|
6
|
-
var flexGrow = _a.flexGrow, isValid = _a.isValid, fontSize = _a.fontSize, _b = _a.inputSize, inputSize = _b === void 0 ? 'medium' : _b, inputRef = _a.inputRef, props = __rest(_a, ["flexGrow", "isValid", "fontSize", "inputSize", "inputRef"]);
|
|
7
|
-
return (React.createElement(
|
|
6
|
+
var icon = _a.icon, iconOnClick = _a.iconOnClick, flexGrow = _a.flexGrow, isValid = _a.isValid, fontSize = _a.fontSize, _b = _a.inputSize, inputSize = _b === void 0 ? 'medium' : _b, inputRef = _a.inputRef, props = __rest(_a, ["icon", "iconOnClick", "flexGrow", "isValid", "fontSize", "inputSize", "inputRef"]);
|
|
7
|
+
return icon ? (React.createElement(InputWrapper, { flexGrow: flexGrow },
|
|
8
|
+
React.createElement(Input$1, __assign({ iconExists: Boolean(icon), flexGrow: flexGrow, fontSize: fontSize, isValid: isValid, inputSize: inputSize, ref: inputRef }, props)),
|
|
9
|
+
React.createElement(IconWrapper, { onClick: iconOnClick }, icon))) : (React.createElement(Input$1, __assign({ flexGrow: flexGrow, fontSize: fontSize, isValid: isValid, inputSize: inputSize, ref: inputRef }, props)));
|
|
8
10
|
}
|
|
9
11
|
|
|
10
12
|
export { Input };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import { __makeTemplateObject } from '../../../../../_virtual/_tslib.js';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
|
|
4
|
+
var InputWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n flex-grow: ", ";\n"], ["\n position: relative;\n display: inline-block;\n flex-grow: ", ";\n"])), function (props) { var _a; return (_a = props.flexGrow) !== null && _a !== void 0 ? _a : 1; });
|
|
5
|
+
var Input = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n", "\n border: 1px solid\n ", ";\n outline: none;\n padding: ", ";\n border-radius: 2px;\n background: ", ";\n color: ", ";\n flex-grow: ", ";\n font-size: ", "px;\n transition: ", ";\n\n &:focus,\n &:hover {\n border: 1px solid ", ";\n }\n\n &:focus {\n box-shadow: ", ";\n }\n\n ::placeholder {\n color: ", ";\n }\n"], ["\n", "\n border: 1px solid\n ", ";\n outline: none;\n padding: ", ";\n border-radius: 2px;\n background: ", ";\n color: ", ";\n flex-grow: ", ";\n font-size: ", "px;\n transition: ", ";\n\n &:focus,\n &:hover {\n border: 1px solid ", ";\n }\n\n &:focus {\n box-shadow: ", ";\n }\n\n ::placeholder {\n color: ", ";\n }\n"])), function (props) {
|
|
6
|
+
var _a;
|
|
7
|
+
return (props === null || props === void 0 ? void 0 : props.iconExists) &&
|
|
8
|
+
"\nwidth: 100%;\npadding-right: ".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.InputWithIconPaddingRight, "px;\n");
|
|
9
|
+
}, function (props) {
|
|
10
|
+
var _a, _b, _c, _d, _e, _f;
|
|
6
11
|
return props.disabled
|
|
7
12
|
? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
|
|
8
13
|
: (props === null || props === void 0 ? void 0 : props.isValid) === false
|
|
9
|
-
?
|
|
10
|
-
: (
|
|
14
|
+
? (_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.alertRed
|
|
15
|
+
: (_f = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0 ? void 0 : _f.dark;
|
|
11
16
|
}, function (props) {
|
|
12
17
|
var _a, _b, _c, _d;
|
|
13
18
|
return props.inputSize === 'small'
|
|
@@ -19,7 +24,8 @@ var Input = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateO
|
|
|
19
24
|
? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
|
|
20
25
|
: (_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.dark;
|
|
21
26
|
});
|
|
22
|
-
var
|
|
27
|
+
var IconWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n position: absolute;\n right: ", "px;\n top: 0;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n position: absolute;\n right: ", "px;\n top: 0;\n cursor: pointer;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
28
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
23
29
|
|
|
24
|
-
export { Input };
|
|
30
|
+
export { IconWrapper, Input, InputWrapper };
|
|
25
31
|
//# sourceMappingURL=Input.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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: 80,\n deliverySlotItemWidthDesktop: 120,\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 priceSplashHorizontalPadding: 10,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: 0,\n buttonBadgeRightPosition: -7,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\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 navMainLinkWidth: 105\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 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 none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xs: 8,\n xs2: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\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 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 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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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: 80,\n deliverySlotItemWidthDesktop: 120,\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 priceSplashHorizontalPadding: 10,\n buttonWrapperMinWidth: 120,\n buttonChildGap: 12,\n buttonChildSmallGap: 8,\n buttonChildExtraSmallGap: 4,\n buttonBadgeTopPosition: 0,\n buttonBadgeRightPosition: -7,\n navHeaderHeight: 81,\n navHeaderHeightSmall: 64,\n searchModalZIndex: 900,\n searchBarHorizontalPadding: 12,\n headerBreakpoint: 991,\n zipCodeInputSize: 48,\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: 50,\n navMainLinkWidth: 105\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 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 none: 'none'\n};\n\nvar spacings = {\n xxxs: 2,\n xxs: 4,\n xs: 8,\n xs2: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\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 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 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.7.
|
|
3
|
+
"version": "0.7.134",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -62,14 +62,14 @@
|
|
|
62
62
|
"styled-components": "^5.2.1"
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
|
-
"@citygross/design-tokens": "^0.2.
|
|
66
|
-
"@citygross/icons": "^0.1.
|
|
65
|
+
"@citygross/design-tokens": "^0.2.36",
|
|
66
|
+
"@citygross/icons": "^0.1.8",
|
|
67
67
|
"@citygross/react-use-bg-wizard": "^0.0.8",
|
|
68
|
-
"@citygross/typography": "^0.0.
|
|
68
|
+
"@citygross/typography": "^0.0.66",
|
|
69
69
|
"@citygross/utils": "^0.0.22",
|
|
70
70
|
"framer-motion": "^4.1.17",
|
|
71
71
|
"moment": "^2.29.1",
|
|
72
72
|
"react-loading-skeleton": "^2.2.0"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "70f0690b6e0535f6a620070b331dab92f7e4c4eb"
|
|
75
75
|
}
|