@mvf/external-components 3.11.3 → 3.11.5
Sign up to get free protection for your applications and to get access to all the features.
- package/Components/Atoms/AnimationWrapper/makeAnimationWrapperStyling.d.ts +1 -1
- package/Components/Atoms/Button/makeButtonStyling.d.ts +1 -1
- package/Components/Atoms/CardButton/makeCardButtonStyling.d.ts +2 -2
- package/Components/Atoms/CircularProgress/makeCircularProgressStyling.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/makeErrorMessageStyles.d.ts +1 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.d.ts +1 -1
- package/Components/Atoms/IconButton/makeIconButtonStyling.d.ts +1 -1
- package/Components/Atoms/InfoPanel/makeInfoPanelStyling.d.ts +5 -5
- package/Components/Atoms/Input/makeInputStyles.d.ts +4 -4
- package/Components/Atoms/InputLabel/makeInputLabelStyles.d.ts +1 -1
- package/Components/Atoms/Link/makeLinkStyling.d.ts +1 -1
- package/Components/Atoms/LoadingIndicator/makeLinearProgressStyling.d.ts +1 -1
- package/Components/Atoms/Modal/makeModalStylings.d.ts +3 -3
- package/Components/Atoms/ProgressBar/makeProgressBarStyling.d.ts +3 -3
- package/Components/Atoms/Text/makeTextStyling.d.ts +1 -1
- package/Components/Atoms/Text/makeTextStyling.js +11 -7
- package/Components/Atoms/Text/makeTextStyling.js.map +1 -1
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.d.ts +10 -10
- package/Components/Molecules/DatePicker/makeDatePickerStyling.d.ts +3 -3
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.d.ts +3 -3
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +5 -5
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +4 -4
- package/Components/Molecules/NavBar/makeNavBarStyles.d.ts +4 -4
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.d.ts +1 -1
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.d.ts +7 -7
- package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.d.ts +3 -3
- package/Components/Molecules/SupplierCard/ISupplierCardProps.d.ts +1 -1
- package/Components/Molecules/SupplierCard/SupplierCard.js +3 -2
- package/Components/Molecules/SupplierCard/SupplierCard.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.d.ts +1 -0
- package/Components/Molecules/SupplierCard/SupplierCardStory.js +2 -2
- package/Components/Molecules/SupplierCard/SupplierCardStory.js.map +1 -1
- package/Components/Molecules/SupplierCard/defaultProps.d.ts +0 -1
- package/Components/Molecules/SupplierCard/defaultProps.js +0 -1
- package/Components/Molecules/SupplierCard/defaultProps.js.map +1 -1
- package/Components/Molecules/SupplierCard/makeSupplierCardStyling.d.ts +20 -13
- package/Components/Molecules/SupplierCard/makeSupplierCardStyling.js +46 -30
- package/Components/Molecules/SupplierCard/makeSupplierCardStyling.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.d.ts +2 -2
- package/Components/Organisms/ListLayout/makeListLayoutStyling.d.ts +2 -2
- package/Components/Organisms/TileLayout/makeTileLayoutStyling.d.ts +3 -3
- package/package.json +1 -1
|
@@ -2,5 +2,5 @@ declare const makeAnimationWrapperStyling: ({ effect, delay, animationTime, }: {
|
|
|
2
2
|
effect?: string | undefined;
|
|
3
3
|
delay?: number | undefined;
|
|
4
4
|
animationTime?: number | undefined;
|
|
5
|
-
}) => import("@emotion/
|
|
5
|
+
}) => import("@emotion/utils").SerializedStyles;
|
|
6
6
|
export default makeAnimationWrapperStyling;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@emotion/react';
|
|
2
|
-
declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean) => import("@emotion/
|
|
2
|
+
declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean) => import("@emotion/utils").SerializedStyles;
|
|
3
3
|
export default makeButtonStyling;
|
|
@@ -3,9 +3,9 @@ interface ICardStylingProps {
|
|
|
3
3
|
selected: boolean;
|
|
4
4
|
outlined?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const makeCardButtonStyling: ({ isError, selected, outlined, }: ICardStylingProps) => import("@emotion/
|
|
6
|
+
declare const makeCardButtonStyling: ({ isError, selected, outlined, }: ICardStylingProps) => import("@emotion/utils").SerializedStyles;
|
|
7
7
|
interface ICardStylingOverlayProps {
|
|
8
8
|
selected: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/
|
|
10
|
+
export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/utils").SerializedStyles;
|
|
11
11
|
export default makeCardButtonStyling;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITheme } from '../../../Themes/themes';
|
|
2
|
-
declare const makeCircularProgressStyling: (theme: ITheme) => import("@emotion/
|
|
2
|
+
declare const makeCircularProgressStyling: (theme: ITheme) => import("@emotion/utils").SerializedStyles;
|
|
3
3
|
export default makeCircularProgressStyling;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITheme } from '../../../Themes/themes';
|
|
2
|
-
declare const makeErrorMessageStyles: (theme: ITheme) => import("@emotion/
|
|
2
|
+
declare const makeErrorMessageStyles: (theme: ITheme) => import("@emotion/utils").SerializedStyles;
|
|
3
3
|
export default makeErrorMessageStyles;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const makeFormControlStyles: () => import("@emotion/
|
|
1
|
+
declare const makeFormControlStyles: () => import("@emotion/utils").SerializedStyles;
|
|
2
2
|
export default makeFormControlStyles;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const makeIconButtonStyling: () => import("@emotion/
|
|
1
|
+
export declare const makeIconButtonStyling: () => import("@emotion/utils").SerializedStyles;
|
|
2
2
|
export default makeIconButtonStyling;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
declare const makeInfoPanelStyling: () => {
|
|
2
|
-
panel: import("@emotion/
|
|
3
|
-
iconBox: import("@emotion/
|
|
4
|
-
textBox: import("@emotion/
|
|
5
|
-
title: import("@emotion/
|
|
6
|
-
children: import("@emotion/
|
|
2
|
+
panel: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
iconBox: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
textBox: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
title: import("@emotion/utils").SerializedStyles;
|
|
6
|
+
children: import("@emotion/utils").SerializedStyles;
|
|
7
7
|
};
|
|
8
8
|
export default makeInfoPanelStyling;
|
|
@@ -6,9 +6,9 @@ interface IInputStyleProps {
|
|
|
6
6
|
error: boolean;
|
|
7
7
|
}
|
|
8
8
|
declare const makeInputStyles: ({ isAnswered, isOtherOption, isSafari, isAutoFilledActive, error, }: IInputStyleProps) => {
|
|
9
|
-
input: import("@emotion/
|
|
10
|
-
validationIcon: import("@emotion/
|
|
11
|
-
adornmentEnd: import("@emotion/
|
|
12
|
-
adornmentStart: import("@emotion/
|
|
9
|
+
input: import("@emotion/utils").SerializedStyles;
|
|
10
|
+
validationIcon: import("@emotion/utils").SerializedStyles;
|
|
11
|
+
adornmentEnd: import("@emotion/utils").SerializedStyles;
|
|
12
|
+
adornmentStart: import("@emotion/utils").SerializedStyles;
|
|
13
13
|
};
|
|
14
14
|
export default makeInputStyles;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
interface IInputStyleProps {
|
|
2
2
|
isAnswered?: boolean;
|
|
3
3
|
}
|
|
4
|
-
declare const makeInputLabelStyles: ({ isAnswered }: IInputStyleProps) => import("@emotion/
|
|
4
|
+
declare const makeInputLabelStyles: ({ isAnswered }: IInputStyleProps) => import("@emotion/utils").SerializedStyles;
|
|
5
5
|
export default makeInputLabelStyles;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
interface ILinkStylingProps {
|
|
2
2
|
variant?: 'button' | 'footer' | 'text';
|
|
3
3
|
}
|
|
4
|
-
declare const makeLinkStyling: ({ variant }: ILinkStylingProps) => import("@emotion/
|
|
4
|
+
declare const makeLinkStyling: ({ variant }: ILinkStylingProps) => import("@emotion/utils").SerializedStyles;
|
|
5
5
|
export default makeLinkStyling;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const makeLinearProgressStyling: () => import("@emotion/
|
|
1
|
+
declare const makeLinearProgressStyling: () => import("@emotion/utils").SerializedStyles;
|
|
2
2
|
export default makeLinearProgressStyling;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const makeModalStylings: () => {
|
|
2
|
-
box: import("@emotion/
|
|
3
|
-
close: import("@emotion/
|
|
4
|
-
text: import("@emotion/
|
|
2
|
+
box: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
close: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
text: import("@emotion/utils").SerializedStyles;
|
|
5
5
|
};
|
|
6
6
|
export default makeModalStylings;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ITheme } from '../../../Themes/themes';
|
|
2
2
|
declare const makeProgressBarStyling: (theme: ITheme, useLightText: boolean) => {
|
|
3
|
-
container: import("@emotion/
|
|
4
|
-
progressBar: import("@emotion/
|
|
5
|
-
text: import("@emotion/
|
|
3
|
+
container: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
progressBar: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
text: import("@emotion/utils").SerializedStyles;
|
|
6
6
|
};
|
|
7
7
|
export default makeProgressBarStyling;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
interface IStyleProps {
|
|
2
2
|
variant: 'header' | 'summary' | 'note' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList' | 'tickedList';
|
|
3
3
|
}
|
|
4
|
-
declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/
|
|
4
|
+
declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/utils").SerializedStyles;
|
|
5
5
|
export default makeTextStyling;
|
|
@@ -28,9 +28,9 @@ var getTickIconSvg = function (color) {
|
|
|
28
28
|
return "url(data:image/svg+xml;base64,".concat(tickIconSvgBase64, ")");
|
|
29
29
|
};
|
|
30
30
|
var makeTextStyling = function (_a) {
|
|
31
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
31
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
32
32
|
var variant = _a.variant;
|
|
33
|
-
var
|
|
33
|
+
var _o = (0, react_1.useTheme)(), mvf = _o.mvf, breakpoints = _o.breakpoints;
|
|
34
34
|
var lineHeight = mvf.lineHeight, palette = mvf.palette, fontSize = mvf.fontSize, typography = mvf.typography, spacing = mvf.spacing;
|
|
35
35
|
var weight = typography.weight;
|
|
36
36
|
return (0, react_1.css)(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: typography.fontFamily, letterSpacing: 'inherit' }, (variant === 'footer' && (_b = {
|
|
@@ -223,11 +223,15 @@ var makeTextStyling = function (_a) {
|
|
|
223
223
|
_l.background = "".concat(getTickIconSvg(palette.component.answerSelectedColor), " no-repeat left 3px"),
|
|
224
224
|
_l.backgroundSize = '20px 20px',
|
|
225
225
|
_l),
|
|
226
|
-
'& ul': {
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
226
|
+
'& ul': (_m = {
|
|
227
|
+
margin: '0 auto',
|
|
228
|
+
width: 'fit-content'
|
|
229
|
+
},
|
|
230
|
+
_m[breakpoints.up('tabletSmall')] = {
|
|
231
|
+
width: '100%',
|
|
232
|
+
},
|
|
233
|
+
_m.padding = 0,
|
|
234
|
+
_m),
|
|
231
235
|
})));
|
|
232
236
|
};
|
|
233
237
|
exports.default = makeTextStyling;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeTextStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/makeTextStyling.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"makeTextStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/makeTextStyling.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/
|
|
1
|
+
export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/utils").SerializedStyles;
|
|
2
2
|
declare const makeCheckBoxStyling: () => {
|
|
3
|
-
checkbox: import("@emotion/
|
|
4
|
-
checkboxContainerRight: import("@emotion/
|
|
5
|
-
grid: import("@emotion/
|
|
6
|
-
centerIcon: import("@emotion/
|
|
7
|
-
leftIcon: import("@emotion/
|
|
8
|
-
imgDiv: import("@emotion/
|
|
9
|
-
innerGrid: import("@emotion/
|
|
10
|
-
textGrid: import("@emotion/
|
|
11
|
-
otherInput: import("@emotion/
|
|
3
|
+
checkbox: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
checkboxContainerRight: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
grid: import("@emotion/utils").SerializedStyles;
|
|
6
|
+
centerIcon: import("@emotion/utils").SerializedStyles;
|
|
7
|
+
leftIcon: import("@emotion/utils").SerializedStyles;
|
|
8
|
+
imgDiv: import("@emotion/utils").SerializedStyles;
|
|
9
|
+
innerGrid: import("@emotion/utils").SerializedStyles;
|
|
10
|
+
textGrid: import("@emotion/utils").SerializedStyles;
|
|
11
|
+
otherInput: import("@emotion/utils").SerializedStyles;
|
|
12
12
|
};
|
|
13
13
|
export default makeCheckBoxStyling;
|
|
@@ -3,8 +3,8 @@ interface ITextFieldStyleProps {
|
|
|
3
3
|
isError: boolean;
|
|
4
4
|
}
|
|
5
5
|
declare const makeDatePickerStyling: ({ isValid, isError }: ITextFieldStyleProps) => {
|
|
6
|
-
datePickerContainer: import("@emotion/
|
|
7
|
-
inputAdornmentEnd: import("@emotion/
|
|
8
|
-
globalStyles: import("@emotion/
|
|
6
|
+
datePickerContainer: import("@emotion/utils").SerializedStyles;
|
|
7
|
+
inputAdornmentEnd: import("@emotion/utils").SerializedStyles;
|
|
8
|
+
globalStyles: import("@emotion/utils").SerializedStyles;
|
|
9
9
|
};
|
|
10
10
|
export default makeDatePickerStyling;
|
|
@@ -4,8 +4,8 @@ interface IDropDownSelectStyleProps {
|
|
|
4
4
|
isError: boolean;
|
|
5
5
|
}
|
|
6
6
|
declare const useDropDownSelectStyles: ({ isIconPresent, isDisabled, isError, }: IDropDownSelectStyleProps) => {
|
|
7
|
-
listItems: import("@emotion/
|
|
8
|
-
formControl: import("@emotion/
|
|
9
|
-
label: import("@emotion/
|
|
7
|
+
listItems: import("@emotion/utils").SerializedStyles;
|
|
8
|
+
formControl: import("@emotion/utils").SerializedStyles;
|
|
9
|
+
label: import("@emotion/utils").SerializedStyles;
|
|
10
10
|
};
|
|
11
11
|
export default useDropDownSelectStyles;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare const makeIconTileCheckBoxStyling: ({ showText }: {
|
|
2
2
|
showText: boolean;
|
|
3
3
|
}) => {
|
|
4
|
-
container: import("@emotion/
|
|
5
|
-
icon: import("@emotion/
|
|
6
|
-
checkbox: import("@emotion/
|
|
7
|
-
otherInput: import("@emotion/
|
|
8
|
-
imgDiv: import("@emotion/
|
|
4
|
+
container: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
icon: import("@emotion/utils").SerializedStyles;
|
|
6
|
+
checkbox: import("@emotion/utils").SerializedStyles;
|
|
7
|
+
otherInput: import("@emotion/utils").SerializedStyles;
|
|
8
|
+
imgDiv: import("@emotion/utils").SerializedStyles;
|
|
9
9
|
};
|
|
10
10
|
export default makeIconTileCheckBoxStyling;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare const makeIconTileRadioButtonStyling: () => {
|
|
2
|
-
container: import("@emotion/
|
|
3
|
-
icon: import("@emotion/
|
|
4
|
-
otherInput: import("@emotion/
|
|
5
|
-
imgDiv: import("@emotion/
|
|
2
|
+
container: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
icon: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
otherInput: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
imgDiv: import("@emotion/utils").SerializedStyles;
|
|
6
6
|
};
|
|
7
7
|
export default makeIconTileRadioButtonStyling;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare const makeNavBarStyles: () => {
|
|
2
|
-
container: import("@emotion/
|
|
3
|
-
space: import("@emotion/
|
|
4
|
-
continueButton: import("@emotion/
|
|
5
|
-
backButton: import("@emotion/
|
|
2
|
+
container: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
space: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
continueButton: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
backButton: import("@emotion/utils").SerializedStyles;
|
|
6
6
|
};
|
|
7
7
|
export default makeNavBarStyles;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
interface IMakeFormControlPhoneNumberStylingProps {
|
|
2
2
|
isAnswered: boolean;
|
|
3
3
|
}
|
|
4
|
-
declare const makeFormControlPhoneNumberStyling: ({ isAnswered, }: IMakeFormControlPhoneNumberStylingProps) => import("@emotion/
|
|
4
|
+
declare const makeFormControlPhoneNumberStyling: ({ isAnswered, }: IMakeFormControlPhoneNumberStylingProps) => import("@emotion/utils").SerializedStyles;
|
|
5
5
|
export default makeFormControlPhoneNumberStyling;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare const makeRadioButtonStyling: () => {
|
|
2
|
-
radio: import("@emotion/
|
|
3
|
-
grid: import("@emotion/
|
|
4
|
-
icon: import("@emotion/
|
|
5
|
-
imgDiv: import("@emotion/
|
|
6
|
-
innerGrid: import("@emotion/
|
|
7
|
-
textGrid: import("@emotion/
|
|
8
|
-
otherInput: import("@emotion/
|
|
2
|
+
radio: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
grid: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
icon: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
imgDiv: import("@emotion/utils").SerializedStyles;
|
|
6
|
+
innerGrid: import("@emotion/utils").SerializedStyles;
|
|
7
|
+
textGrid: import("@emotion/utils").SerializedStyles;
|
|
8
|
+
otherInput: import("@emotion/utils").SerializedStyles;
|
|
9
9
|
};
|
|
10
10
|
export default makeRadioButtonStyling;
|
|
@@ -5,8 +5,8 @@ interface IScrollContainerStyleProps {
|
|
|
5
5
|
export declare const SCROLL_BUFFER_HEIGHT = 17;
|
|
6
6
|
export declare const SCROLL_PADDING_HEIGHT: number;
|
|
7
7
|
declare const makeScrollContainerStyling: ({ scrollBufferOffset, scrollBufferOpacity, }: IScrollContainerStyleProps) => {
|
|
8
|
-
scrollBox: import("@emotion/
|
|
9
|
-
scrollPadding: import("@emotion/
|
|
10
|
-
scrollBuffer: import("@emotion/
|
|
8
|
+
scrollBox: import("@emotion/utils").SerializedStyles;
|
|
9
|
+
scrollPadding: import("@emotion/utils").SerializedStyles;
|
|
10
|
+
scrollBuffer: import("@emotion/utils").SerializedStyles;
|
|
11
11
|
};
|
|
12
12
|
export default makeScrollContainerStyling;
|
|
@@ -13,7 +13,7 @@ interface ISupplierCardProps {
|
|
|
13
13
|
id: string;
|
|
14
14
|
includeCta: boolean;
|
|
15
15
|
invertCtaColors: boolean;
|
|
16
|
-
onClick
|
|
16
|
+
onClick?: (item: ISupplierCardCallbackParams) => void;
|
|
17
17
|
onClickCta: () => void;
|
|
18
18
|
selected: boolean;
|
|
19
19
|
includeCheckbox: boolean;
|
|
@@ -25,9 +25,10 @@ var Text_1 = __importDefault(require("../../Atoms/Text/Text"));
|
|
|
25
25
|
var InsetCheckbox_1 = __importDefault(require("../../Atoms/InsetCheckbox/InsetCheckbox"));
|
|
26
26
|
var SupplierCard = function (_a) {
|
|
27
27
|
var SupplierLogo = _a.SupplierLogo, supplierName = _a.supplierName, badgeText = _a.badgeText, children = _a.children, CtaIcon = _a.CtaIcon, ctaText = _a.ctaText, dataTestId = _a.dataTestId, id = _a.id, includeCheckbox = _a.includeCheckbox, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors, onClick = _a.onClick, onClickCta = _a.onClickCta, selected = _a.selected;
|
|
28
|
-
var
|
|
28
|
+
var isClickable = typeof onClick === 'function';
|
|
29
|
+
var styles = (0, makeSupplierCardStyling_1.default)({ isClickable: isClickable });
|
|
29
30
|
var ctaBoxInUse = Boolean(includeCta || ctaText);
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, __assign({ onClick: function () { return onClick({ id: id, selected: selected }); }, "data-testid": dataTestId, selected: !!selected }, { children: [includeCheckbox && includeCta === false && ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.topRightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-topRightCheckbox") : undefined })), badgeText && ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.badge }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.badgeText, "data-testid": dataTestId ? "".concat(dataTestId, "-badge") : undefined }, { children: badgeText })) }))), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, direction: "row", alignItems: "center", css: styles.cardContainer }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, tabletSmall: 3 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center", direction: "column", css: styles.logoGridContainer }, { children: [SupplierLogo && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, css: styles.logoGridItem }, { children: SupplierLogo }))), supplierName && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ id: "".concat(id, "-supplierName"), css: styles.supplierName, "data-testid": dataTestId ? "".concat(dataTestId, "-supplierName") : undefined }, { children: supplierName })) })))] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 6 : 8 }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true, direction: "column", justifyContent: "center", css: styles.textGridItem }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ id: "".concat(id, "-mainText"), align: "left", variant: "tickedList", "data-testid": dataTestId ? "".concat(dataTestId, "-mainText") : undefined }, { children: children })) })) })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 3 : 0 }, { children: includeCta ? ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.buttonContainer }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { label: ctaText || '', onClick: onClickCta, selected: includeCheckbox ? selected : undefined, Icon: CtaIcon, invertColors: invertCtaColors, dataTestId: dataTestId ? "".concat(dataTestId, "-cta") : undefined }) }))) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center" }, { children: [includeCheckbox && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.rightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-rightCheckbox") : undefined }) }))), ctaText && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.rightText, "data-testid": dataTestId ? "".concat(dataTestId, "-rightText") : undefined }, { children: ctaText })) })))] }))) }))] }))] })));
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ css: styles.container }, { children: (0, jsx_runtime_1.jsxs)(CardButton_1.default, __assign({ onClick: isClickable ? function () { return onClick({ id: id, selected: selected }); } : undefined, "data-testid": dataTestId, selected: !!selected }, { children: [includeCheckbox && includeCta === false && ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.topRightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-topRightCheckbox") : undefined })), badgeText && ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.badge }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.badgeText, "data-testid": dataTestId ? "".concat(dataTestId, "-badge") : undefined }, { children: badgeText })) }))), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, direction: "row", alignItems: "center", css: styles.cardContainer }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, tabletSmall: 3 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center", direction: "column", css: styles.logoGridContainer }, { children: [SupplierLogo && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, css: styles.logoGridItem }, { children: SupplierLogo }))), supplierName && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ id: "".concat(id, "-supplierName"), css: styles.supplierName, "data-testid": dataTestId ? "".concat(dataTestId, "-supplierName") : undefined }, { children: supplierName })) })))] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 6 : 8 }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true, direction: "column", justifyContent: "center", css: styles.textGridItem }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ id: "".concat(id, "-mainText"), align: "left", variant: "tickedList", "data-testid": dataTestId ? "".concat(dataTestId, "-mainText") : undefined }, { children: children })) })) })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 3 : 0 }, { children: includeCta ? ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.buttonContainer }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { label: ctaText || '', onClick: onClickCta, selected: includeCheckbox ? selected : undefined, Icon: CtaIcon, invertColors: invertCtaColors, dataTestId: dataTestId ? "".concat(dataTestId, "-cta") : undefined }) }))) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center" }, { children: [includeCheckbox && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.rightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-rightCheckbox") : undefined }) }))), ctaText && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.rightText, "data-testid": dataTestId ? "".concat(dataTestId, "-rightText") : undefined }, { children: ctaText })) })))] }))) }))] }))] })) })));
|
|
31
32
|
};
|
|
32
33
|
SupplierCard.defaultProps = defaultProps_1.default;
|
|
33
34
|
exports.default = SupplierCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,qEAA+C;AAE/C,iFAA2D;AAE3D,gEAA0C;AAC1C,0CAAsD;AACtD,sFAAgE;AAChE,+DAAyC;AACzC,0FAAoE;AAMpE,IAAM,YAAY,GAAqB,UAAC,EAevC;QAdC,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,EAAE,QAAA,EACF,eAAe,qBAAA,EACf,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA;IAER,IAAM,MAAM,GAAG,IAAA,iCAAuB,
|
|
1
|
+
{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ var icons = {
|
|
|
26
26
|
phone: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, {}),
|
|
27
27
|
};
|
|
28
28
|
var SupplierCardStory = function (_a) {
|
|
29
|
-
var badgeText = _a.badgeText, includeCheckbox = _a.includeCheckbox, selected = _a.selected, supplierLogoName = _a.supplierLogoName, supplierNameText = _a.supplierNameText, bulletOneText = _a.bulletOneText, bulletTwoText = _a.bulletTwoText, bulletThreeText = _a.bulletThreeText, ctaIcon = _a.ctaIcon, ctaText = _a.ctaText, id = _a.id, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors;
|
|
29
|
+
var badgeText = _a.badgeText, includeCheckbox = _a.includeCheckbox, selected = _a.selected, supplierLogoName = _a.supplierLogoName, supplierNameText = _a.supplierNameText, bulletOneText = _a.bulletOneText, bulletTwoText = _a.bulletTwoText, bulletThreeText = _a.bulletThreeText, ctaIcon = _a.ctaIcon, ctaText = _a.ctaText, id = _a.id, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors, disableClick = _a.disableClick;
|
|
30
30
|
var _b = (0, react_1.useState)(selected), currentlySelected = _b[0], setCurrentlySelected = _b[1];
|
|
31
31
|
var handleClickCard = function (eventProps) {
|
|
32
32
|
(0, addon_actions_1.action)('Clicked Card')(eventProps);
|
|
@@ -42,7 +42,7 @@ var SupplierCardStory = function (_a) {
|
|
|
42
42
|
(0, react_1.useEffect)(function () {
|
|
43
43
|
setCurrentlySelected(selected);
|
|
44
44
|
}, [selected]);
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 668 } }, { children: (0, jsx_runtime_1.jsx)(SupplierCard_1.default, __assign({ badgeText: badgeText, SupplierLogo: SupplierLogo, supplierName: supplierNameText, CtaIcon: icons[ctaIcon], ctaText: ctaText, id: id, includeCta: includeCta, invertCtaColors: invertCtaColors, onClick: handleClickCard, onClickCta: handleClickCta, selected: currentlySelected, includeCheckbox: includeCheckbox }, { children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: bulletList } }) })) })));
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 668 } }, { children: (0, jsx_runtime_1.jsx)(SupplierCard_1.default, __assign({ badgeText: badgeText, SupplierLogo: SupplierLogo, supplierName: supplierNameText, CtaIcon: icons[ctaIcon], ctaText: ctaText, id: id, includeCta: includeCta, invertCtaColors: invertCtaColors, onClick: !disableClick ? handleClickCard : undefined, onClickCta: handleClickCta, selected: currentlySelected, includeCheckbox: includeCheckbox }, { children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: bulletList } }) })) })));
|
|
46
46
|
};
|
|
47
47
|
exports.default = SupplierCardStory;
|
|
48
48
|
//# sourceMappingURL=SupplierCardStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupplierCardStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCardStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,gEAA0C;AAE1C,+BAA4C;AAC5C,sDAAmD;AACnD,8FAAwE;AAExE,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;
|
|
1
|
+
{"version":3,"file":"SupplierCardStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCardStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,gEAA0C;AAE1C,+BAA4C;AAC5C,sDAAmD;AACnD,8FAAwE;AAExE,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAmBF,IAAM,iBAAiB,GAA0B,UAAC,EAejD;QAdC,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,OAAO,aAAA,EACP,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEN,IAAA,KAA4C,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAA7D,iBAAiB,QAAA,EAAE,oBAAoB,QAAsB,CAAC;IAErE,IAAM,eAAe,GAAG,UAAC,UAAuC;QAC9D,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,eAAe,EAAE;YACnB,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC;IACF,IAAM,cAAc,GAAG;QACrB,IAAA,sBAAM,EAAC,aAAa,CAAC,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,gCAET,aAAa,8BACb,aAAa,8BACb,eAAe,yBAExB,CAAC;IAEF,IAAM,YAAY,GAChB,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,CAC5B,gCACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAE,uBAAa,CAAC,gBAAgB,CAAC,EACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC3C,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAA,iBAAS,EAAC;QACR,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAC3B,uBAAC,sBAAY,aACX,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACpD,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,iBAAiB,EAC3B,eAAe,EAAE,eAAe,gBAEhC,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI,IAC5C,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,KAAK;IACtB,
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,KAAK;IACtB,UAAU,EAAE,cAAa,CAAC;IAC1B,eAAe,EAAE,KAAK;IACtB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
interface ISupplierCardStyleProps {
|
|
2
|
+
isClickable: boolean;
|
|
3
|
+
}
|
|
4
|
+
declare const makeSupplierCardStyling: ({ isClickable }: ISupplierCardStyleProps) => {
|
|
5
|
+
container: {
|
|
6
|
+
cursor?: string | undefined;
|
|
7
|
+
pointerEvents?: import("csstype").Property.PointerEvents | undefined;
|
|
8
|
+
};
|
|
9
|
+
badge: import("@emotion/utils").SerializedStyles;
|
|
10
|
+
badgeText: import("@emotion/utils").SerializedStyles;
|
|
11
|
+
supplierName: import("@emotion/utils").SerializedStyles;
|
|
12
|
+
supplierNameText: import("@emotion/utils").SerializedStyles;
|
|
13
|
+
buttonContainer: import("@emotion/utils").SerializedStyles;
|
|
14
|
+
cardContainer: import("@emotion/utils").SerializedStyles;
|
|
15
|
+
logoGridContainer: import("@emotion/utils").SerializedStyles;
|
|
16
|
+
logoGridItem: import("@emotion/utils").SerializedStyles;
|
|
17
|
+
rightCheckbox: import("@emotion/utils").SerializedStyles;
|
|
18
|
+
rightText: import("@emotion/utils").SerializedStyles;
|
|
19
|
+
textGridItem: import("@emotion/utils").SerializedStyles;
|
|
20
|
+
topRightCheckbox: import("@emotion/utils").SerializedStyles;
|
|
14
21
|
};
|
|
15
22
|
export default makeSupplierCardStyling;
|
|
@@ -1,14 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
14
|
var react_1 = require("@emotion/react");
|
|
4
15
|
var material_1 = require("@mui/material");
|
|
5
|
-
var makeSupplierCardStyling = function () {
|
|
6
|
-
var
|
|
7
|
-
var
|
|
16
|
+
var makeSupplierCardStyling = function (_a) {
|
|
17
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18
|
+
var isClickable = _a.isClickable;
|
|
19
|
+
var _l = (0, react_1.useTheme)(), breakpoints = _l.breakpoints, mvf = _l.mvf;
|
|
8
20
|
var fontSize = mvf.fontSize, typography = mvf.typography, palette = mvf.palette, filters = mvf.filters, border = mvf.border;
|
|
9
21
|
var weight = typography.weight;
|
|
10
22
|
return {
|
|
11
|
-
|
|
23
|
+
container: __assign({}, (!isClickable && {
|
|
24
|
+
cursor: 'default',
|
|
25
|
+
pointerEvents: 'none',
|
|
26
|
+
})),
|
|
27
|
+
badge: (0, react_1.css)((_b = {
|
|
12
28
|
position: 'absolute',
|
|
13
29
|
top: 0,
|
|
14
30
|
left: 0,
|
|
@@ -16,21 +32,21 @@ var makeSupplierCardStyling = function () {
|
|
|
16
32
|
padding: '1px 14px',
|
|
17
33
|
borderTopLeftRadius: border.radius
|
|
18
34
|
},
|
|
19
|
-
|
|
35
|
+
_b[breakpoints.up('tabletSmall')] = {
|
|
20
36
|
padding: '5px 16px 3px 16px',
|
|
21
37
|
},
|
|
22
|
-
|
|
23
|
-
badgeText: (0, react_1.css)((
|
|
38
|
+
_b)),
|
|
39
|
+
badgeText: (0, react_1.css)((_c = {
|
|
24
40
|
fontFamily: typography.fontFamily,
|
|
25
41
|
letterSpacing: 'inherit',
|
|
26
42
|
color: palette.text.continueButtonTextColor,
|
|
27
43
|
fontSize: fontSize.mini,
|
|
28
44
|
fontWeight: weight.thick
|
|
29
45
|
},
|
|
30
|
-
|
|
46
|
+
_c[breakpoints.up('tabletSmall')] = {
|
|
31
47
|
fontSize: fontSize.small,
|
|
32
48
|
},
|
|
33
|
-
|
|
49
|
+
_c)),
|
|
34
50
|
supplierName: (0, react_1.css)({
|
|
35
51
|
color: palette.text.primaryTextColor,
|
|
36
52
|
}),
|
|
@@ -41,27 +57,27 @@ var makeSupplierCardStyling = function () {
|
|
|
41
57
|
fontSize: fontSize.medium,
|
|
42
58
|
fontWeight: weight.thick,
|
|
43
59
|
}),
|
|
44
|
-
buttonContainer: (0, react_1.css)((
|
|
60
|
+
buttonContainer: (0, react_1.css)((_d = {
|
|
45
61
|
maxWidth: 230,
|
|
46
62
|
height: 44,
|
|
47
63
|
margin: '10px auto',
|
|
48
64
|
paddingLeft: 10,
|
|
49
65
|
paddingRight: 10
|
|
50
66
|
},
|
|
51
|
-
|
|
67
|
+
_d[breakpoints.up('tabletSmall')] = {
|
|
52
68
|
height: 55,
|
|
53
69
|
},
|
|
54
|
-
|
|
55
|
-
cardContainer: (0, react_1.css)((
|
|
70
|
+
_d)),
|
|
71
|
+
cardContainer: (0, react_1.css)((_e = {
|
|
56
72
|
minHeight: 260,
|
|
57
73
|
paddingTop: 10,
|
|
58
74
|
paddingBottom: 10
|
|
59
75
|
},
|
|
60
|
-
|
|
76
|
+
_e[breakpoints.up('tabletSmall')] = {
|
|
61
77
|
minHeight: 150,
|
|
62
78
|
},
|
|
63
|
-
|
|
64
|
-
logoGridContainer: (0, react_1.css)((
|
|
79
|
+
_e)),
|
|
80
|
+
logoGridContainer: (0, react_1.css)((_f = {
|
|
65
81
|
height: '100%',
|
|
66
82
|
margin: 'auto',
|
|
67
83
|
paddingBottom: 10,
|
|
@@ -70,26 +86,26 @@ var makeSupplierCardStyling = function () {
|
|
|
70
86
|
borderBottomColor: (0, material_1.lighten)(palette.component.answerUnselectedColor, filters.lighten.medium),
|
|
71
87
|
borderBottomWidth: border.width.thin
|
|
72
88
|
},
|
|
73
|
-
|
|
89
|
+
_f[breakpoints.up('tabletSmall')] = {
|
|
74
90
|
borderBottom: 'none',
|
|
75
91
|
padding: 0,
|
|
76
92
|
minHeight: 120,
|
|
77
93
|
},
|
|
78
|
-
|
|
94
|
+
_f)),
|
|
79
95
|
logoGridItem: (0, react_1.css)({
|
|
80
96
|
width: 100,
|
|
81
97
|
maxHeight: 50,
|
|
82
98
|
}),
|
|
83
|
-
rightCheckbox: (0, react_1.css)((
|
|
99
|
+
rightCheckbox: (0, react_1.css)((_g = {
|
|
84
100
|
display: 'none'
|
|
85
101
|
},
|
|
86
|
-
|
|
102
|
+
_g[breakpoints.up('tabletSmall')] = {
|
|
87
103
|
display: 'block',
|
|
88
104
|
margin: 0,
|
|
89
105
|
padding: 0,
|
|
90
106
|
},
|
|
91
|
-
|
|
92
|
-
rightText: (0, react_1.css)((
|
|
107
|
+
_g)),
|
|
108
|
+
rightText: (0, react_1.css)((_h = {
|
|
93
109
|
fontFamily: typography.fontFamily,
|
|
94
110
|
letterSpacing: 'inherit',
|
|
95
111
|
color: palette.component.answerSelectedColor,
|
|
@@ -97,18 +113,18 @@ var makeSupplierCardStyling = function () {
|
|
|
97
113
|
fontWeight: weight.thick,
|
|
98
114
|
textAlign: 'center'
|
|
99
115
|
},
|
|
100
|
-
|
|
116
|
+
_h[breakpoints.up('tabletSmall')] = {
|
|
101
117
|
fontSize: fontSize.medium,
|
|
102
118
|
},
|
|
103
|
-
|
|
104
|
-
textGridItem: (0, react_1.css)((
|
|
119
|
+
_h)),
|
|
120
|
+
textGridItem: (0, react_1.css)((_j = {
|
|
105
121
|
width: '100%',
|
|
106
122
|
height: '100%',
|
|
107
123
|
margin: '10px auto',
|
|
108
124
|
paddingLeft: 10,
|
|
109
125
|
paddingRight: 10
|
|
110
126
|
},
|
|
111
|
-
|
|
127
|
+
_j[breakpoints.up('tabletSmall')] = {
|
|
112
128
|
paddingLeft: 10,
|
|
113
129
|
paddingRight: 5,
|
|
114
130
|
borderLeft: 'solid',
|
|
@@ -116,8 +132,8 @@ var makeSupplierCardStyling = function () {
|
|
|
116
132
|
borderLeftWidth: border.width.thin,
|
|
117
133
|
minHeight: 120,
|
|
118
134
|
},
|
|
119
|
-
|
|
120
|
-
topRightCheckbox: (0, react_1.css)((
|
|
135
|
+
_j)),
|
|
136
|
+
topRightCheckbox: (0, react_1.css)((_k = {
|
|
121
137
|
position: 'absolute',
|
|
122
138
|
top: 0,
|
|
123
139
|
right: 0,
|
|
@@ -125,10 +141,10 @@ var makeSupplierCardStyling = function () {
|
|
|
125
141
|
padding: 0,
|
|
126
142
|
display: 'block'
|
|
127
143
|
},
|
|
128
|
-
|
|
144
|
+
_k[breakpoints.up('tabletSmall')] = {
|
|
129
145
|
display: 'none',
|
|
130
146
|
},
|
|
131
|
-
|
|
147
|
+
_k)),
|
|
132
148
|
};
|
|
133
149
|
};
|
|
134
150
|
exports.default = makeSupplierCardStyling;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeSupplierCardStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/makeSupplierCardStyling.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"makeSupplierCardStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/makeSupplierCardStyling.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare const makeThankYouBannerStyling: () => {
|
|
2
|
-
brandLogo: import("@emotion/
|
|
3
|
-
thankYouBanner: import("@emotion/
|
|
2
|
+
brandLogo: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
thankYouBanner: import("@emotion/utils").SerializedStyles;
|
|
4
4
|
};
|
|
5
5
|
export default makeThankYouBannerStyling;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare const makeListLayoutStyling: () => {
|
|
2
|
-
container: import("@emotion/
|
|
3
|
-
item: import("@emotion/
|
|
2
|
+
container: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
item: import("@emotion/utils").SerializedStyles;
|
|
4
4
|
};
|
|
5
5
|
export default makeListLayoutStyling;
|
|
@@ -2,8 +2,8 @@ interface ITileLayoutStyleProps {
|
|
|
2
2
|
tileCount: number;
|
|
3
3
|
}
|
|
4
4
|
declare const makeTileLayoutStyling: ({ tileCount }: ITileLayoutStyleProps) => {
|
|
5
|
-
root: import("@emotion/
|
|
6
|
-
tileContainer: import("@emotion/
|
|
7
|
-
imgDiv: import("@emotion/
|
|
5
|
+
root: import("@emotion/utils").SerializedStyles;
|
|
6
|
+
tileContainer: import("@emotion/utils").SerializedStyles;
|
|
7
|
+
imgDiv: import("@emotion/utils").SerializedStyles;
|
|
8
8
|
};
|
|
9
9
|
export default makeTileLayoutStyling;
|