fuse-importer 0.25.6 → 0.25.7

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.
Files changed (53) hide show
  1. package/lib/esm/Importer/ImporterWithContext.js +9 -6
  2. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js +2 -3
  3. package/lib/esm/Importer/Matcher/HeaderMatcher/index.js +6 -6
  4. package/lib/esm/Importer/Matcher/index.js +3 -19
  5. package/lib/esm/Importer/Review/ReviewWithContext.js +4 -8
  6. package/lib/esm/Importer/Stepper/StepIndex.js +2 -2
  7. package/lib/esm/Importer/Stepper/index.js +21 -12
  8. package/lib/esm/Importer/Uploader/DragAndDropImporter/DragAndDropImporter.styles.d.ts +3 -0
  9. package/lib/esm/Importer/Uploader/DragAndDropImporter/DragAndDropImporter.styles.js +11 -0
  10. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js +2 -2
  11. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/ImporterSectionHeader.styles.d.ts +7 -0
  12. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/ImporterSectionHeader.styles.js +11 -0
  13. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/index.d.ts +7 -0
  14. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/index.js +44 -0
  15. package/lib/esm/Importer/Uploader/DragAndDropImporter/index.js +7 -45
  16. package/lib/esm/Importer/Uploader/HeaderButtons.js +4 -7
  17. package/lib/esm/Importer/Uploader/HeadersPreview.js +9 -1
  18. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider.d.ts +1 -0
  19. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider.js +9 -1
  20. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetData.js +2 -2
  21. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowCheckboxes.js +5 -11
  22. package/lib/esm/Importer/common/Spreadsheet/components/ValidationProgress.js +1 -1
  23. package/lib/esm/Importer/common/Spreadsheet/styles.d.ts +1 -1
  24. package/lib/esm/Importer/common/Spreadsheet/styles.js +1 -1
  25. package/lib/esm/Importer/data/index.js +7 -1
  26. package/lib/esm/common/Table/TableActions/DeleteSelectedRows.d.ts +0 -1
  27. package/lib/esm/common/Table/TableActions/DeleteSelectedRows.js +2 -2
  28. package/lib/esm/common/Table/TableActions/ExportData.d.ts +3 -0
  29. package/lib/esm/common/Table/TableActions/ExportData.js +21 -0
  30. package/lib/esm/common/Table/TableActions/SearchRows.js +2 -2
  31. package/lib/esm/common/Table/TableActions/TableActions.d.ts +1 -3
  32. package/lib/esm/common/Table/TableActions/TableActions.js +3 -16
  33. package/lib/esm/common/Table/TableActions/TableActions.styles.d.ts +5 -0
  34. package/lib/esm/common/Table/TableActions/TableActions.styles.js +17 -0
  35. package/lib/esm/common/Table/TableActions/icons.d.ts +1 -0
  36. package/lib/esm/common/Table/TableActions/icons.js +1 -0
  37. package/lib/esm/common/Table/TableView/TableCells.js +2 -2
  38. package/lib/esm/common/Table/TableView/TableHeaders.d.ts +6 -2
  39. package/lib/esm/common/Table/TableView/TableHeaders.js +11 -8
  40. package/lib/esm/common/Table/TableView/TableRow.d.ts +2 -1
  41. package/lib/esm/common/Table/TableView/TableRow.js +4 -4
  42. package/lib/esm/common/Table/TableView/common.d.ts +5 -1
  43. package/lib/esm/common/Table/TableView/common.js +11 -4
  44. package/lib/esm/common/Table/TableView/index.d.ts +4 -1
  45. package/lib/esm/common/Table/TableView/index.js +20 -9
  46. package/lib/esm/common/Table/index.js +1 -1
  47. package/lib/esm/common/buttons.js +21 -14
  48. package/lib/esm/common/icons/index.d.ts +1 -1
  49. package/lib/esm/common/icons/index.js +4 -1
  50. package/lib/esm/locales/en.js +2 -2
  51. package/lib/esm/styled/theme/textStyles.js +2 -2
  52. package/lib/main.js +2 -2
  53. package/package.json +1 -1
@@ -53,30 +53,37 @@ var getSvgStrokeColorForActiveState = function (props) {
53
53
  var getSvgStrokeColorForDisabledState = function (props) {
54
54
  return get(props, "svgDisabledStrokeColorOverride", get(props.theme, "colors.black"));
55
55
  };
56
+ var withoutBrandingCSS = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: underline;\n"], ["\n text-decoration: underline;\n"])));
57
+ var withBrandingCSS = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n :hover {\n background: transparent;\n text-decoration: underline;\n }\n"], ["\n :hover {\n background: transparent;\n text-decoration: underline;\n }\n"])));
56
58
  var styles = {
57
- primary: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n\n border: solid 4px ", ";\n box-sizing: border-box;\n\n :hover {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n :active {\n background: ", ";\n border: 4px solid ", ";\n }\n :focus {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n ", "\n "], ["\n color: ", ";\n background: ", ";\n\n border: solid 4px ", ";\n box-sizing: border-box;\n\n :hover {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n :active {\n background: ", ";\n border: 4px solid ", ";\n }\n :focus {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n ", "\n "])), function (props) { return props.theme.colors.white; }, getBgColor, getBgColor, getBgColor, getBgColor, getBgColor, getBorderColor, getBgColor, getBgColor, function (props) {
58
- return props.isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", " !important;\n opacity: 0.4;\n box-shadow: none !important;\n border: none !important;\n cursor: not-allowed !important;\n "], ["\n background: ", " !important;\n opacity: 0.4;\n box-shadow: none !important;\n border: none !important;\n cursor: not-allowed !important;\n "])), getBgColor);
59
+ primary: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n\n border: solid 4px ", ";\n box-sizing: border-box;\n\n :hover {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n :active {\n background: ", ";\n border: 4px solid ", ";\n }\n :focus {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n ", "\n "], ["\n color: ", ";\n background: ", ";\n\n border: solid 4px ", ";\n box-sizing: border-box;\n\n :hover {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n :active {\n background: ", ";\n border: 4px solid ", ";\n }\n :focus {\n background: ", ";\n /* a3 at the end adds 0.64 opacity */\n box-shadow: 0px 0px 8px ", "a3;\n }\n ", "\n "])), function (props) { return props.theme.colors.white; }, getBgColor, getBgColor, getBgColor, getBgColor, getBgColor, getBorderColor, getBgColor, getBgColor, function (props) {
60
+ return props.isDisabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: ", " !important;\n opacity: 0.4;\n box-shadow: none !important;\n border: none !important;\n cursor: not-allowed !important;\n "], ["\n background: ", " !important;\n opacity: 0.4;\n box-shadow: none !important;\n border: none !important;\n cursor: not-allowed !important;\n "])), getBgColor);
59
61
  }),
60
- secondary: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: ", ";\n box-sizing: border-box;\n border: solid 1px ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n :active {\n border: 2px solid ", ";\n background: ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n }\n :focus {\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n }\n ", "\n "], ["\n background: ", ";\n box-sizing: border-box;\n border: solid 1px ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n :active {\n border: 2px solid ", ";\n background: ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n }\n :focus {\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n }\n ", "\n "])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, getSvgFillColorForNormalState, getSvgStrokeColorForNormalState, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, getSvgFillColorForActiveState, getSvgStrokeColorForActiveState, function (props) {
61
- return props.isDisabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 2px solid ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n "], ["\n border: 2px solid ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n "])), function (props) { return props.theme.colors.gray390; }, function (props) { return props.theme.colors.gray390; }, getSvgFillColorForDisabledState, getSvgStrokeColorForDisabledState);
62
+ secondary: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: ", ";\n box-sizing: border-box;\n border: solid 1px ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n :active {\n border: 1px solid ", ";\n background: ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n }\n :focus {\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n }\n ", "\n "], ["\n background: ", ";\n box-sizing: border-box;\n border: solid 1px ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n :active {\n border: 1px solid ", ";\n background: ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n }\n :focus {\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n }\n ", "\n "])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, getSvgFillColorForNormalState, getSvgStrokeColorForNormalState, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, getSvgFillColorForActiveState, getSvgStrokeColorForActiveState, function (props) {
63
+ return props.isDisabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: 2px solid ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n "], ["\n border: 2px solid ", ";\n color: ", ";\n & > svg {\n & > path {\n fill: ", ";\n stroke: ", ";\n }\n }\n "])), function (props) { return props.theme.colors.gray390; }, function (props) { return props.theme.colors.gray390; }, getSvgFillColorForDisabledState, getSvgStrokeColorForDisabledState);
62
64
  }),
63
- tertiary: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n :hover {\n background: ", ";\n }\n :active {\n background: ", ";\n color: ", ";\n }\n ", "\n "], ["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n :hover {\n background: ", ";\n }\n :active {\n background: ", ";\n color: ", ";\n }\n ", "\n "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
64
- return props.isDisabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (props) { return props.theme.colors.gray300; });
65
- }),
66
- link: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n text-decoration: underline;\n :hover {\n background: ", ";\n }\n :active {\n background: ", ";\n color: ", ";\n }\n ", "\n "], ["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n text-decoration: underline;\n :hover {\n background: ", ";\n }\n :active {\n background: ", ";\n color: ", ";\n }\n ", "\n "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
65
+ tertiary: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n :hover {\n background: ", ";\n }\n :active {\n background: ", ";\n color: ", ";\n }\n ", "\n "], ["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n :hover {\n background: ", ";\n }\n :active {\n background: ", ";\n color: ", ";\n }\n ", "\n "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
67
66
  return props.isDisabled && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (props) { return props.theme.colors.gray300; });
68
67
  }),
68
+ link: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n\n :hover {\n background: ", ";\n }\n\n ", "\n\n ", "\n\n :active {\n background: ", ";\n color: ", ";\n }\n "], ["\n background: transparent;\n border: solid 1px transparent;\n color: ", ";\n\n :hover {\n background: ", ";\n }\n\n ", "\n\n ", "\n\n :active {\n background: ", ";\n color: ", ";\n }\n "])), function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white50; }, function (props) {
69
+ return props.isDisabled && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (props) { return props.theme.colors.gray300; });
70
+ }, function (_a) {
71
+ var theme = _a.theme;
72
+ return theme.colors.black === "black"
73
+ ? withoutBrandingCSS
74
+ : withBrandingCSS;
75
+ }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }),
69
76
  };
70
- var commonButtonStyle = css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding: 12px 24px;\n height: 48px;\n width: fit-content;\n\n ", "\n\n border: solid 1px black;\n border-radius: 24px;\n\n font-family: DM Sans;\n\n :focus {\n outline: none;\n }\n :hover {\n cursor: pointer;\n }\n\n ", "\n ", ";\n\n ", ";\n"], ["\n padding: 12px 24px;\n height: 48px;\n width: fit-content;\n\n ", "\n\n border: solid 1px black;\n border-radius: 24px;\n\n font-family: DM Sans;\n\n :focus {\n outline: none;\n }\n :hover {\n cursor: pointer;\n }\n\n ", "\n ", ";\n\n ", ";\n"])), function (props) {
71
- return props.isSmall && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 36px;\n padding: 6px 20px;\n "], ["\n height: 36px;\n padding: 6px 20px;\n "])));
77
+ var commonButtonStyle = css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n padding: 12px 24px;\n user-select: none;\n width: fit-content;\n\n ", "\n\n border: solid 1px black;\n border-radius: 4px;\n\n font-family: DM Sans;\n\n :focus {\n outline: none;\n }\n :hover {\n cursor: pointer;\n }\n\n ", "\n ", ";\n\n ", ";\n"], ["\n padding: 12px 24px;\n user-select: none;\n width: fit-content;\n\n ", "\n\n border: solid 1px black;\n border-radius: 4px;\n\n font-family: DM Sans;\n\n :focus {\n outline: none;\n }\n :hover {\n cursor: pointer;\n }\n\n ", "\n ", ";\n\n ", ";\n"])), function (props) {
78
+ return props.isSmall && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding: 6px 20px;\n "], ["\n padding: 6px 20px;\n "])));
72
79
  }, function (props) {
73
- return props.isDisabled && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
80
+ return props.isDisabled && css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
74
81
  }, function (props) {
75
82
  var c = props.theme.css;
76
83
  return [c.centered, c.buttonText];
77
84
  }, function (props) { return styles[props.variant || "primary"]; });
78
- export var ButtonWrapper = styled(Div)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), commonButtonStyle);
79
- export var ButtonElementWrapper = styled(HTMLButton)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), commonButtonStyle);
85
+ export var ButtonWrapper = styled(Div)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), commonButtonStyle);
86
+ export var ButtonElementWrapper = styled(HTMLButton)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), commonButtonStyle);
80
87
  export var Button = function (_a) {
81
88
  var _b = _a.onClick, onClick = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, _e = _a.isSmall, isSmall = _e === void 0 ? false : _e, children = _a.children, _f = _a.isButtonElement, isButtonElement = _f === void 0 ? false : _f, props = __rest(_a, ["onClick", "isDisabled", "variant", "isSmall", "children", "isButtonElement"]);
82
89
  return (_jsx(_Fragment, { children: isButtonElement ? (_jsx(ButtonElementWrapper, __assign({ isSmall: isSmall, isDisabled: isDisabled, disabled: isDisabled, variant: variant, type: "submit" }, props, { children: children }))) : (_jsx(ButtonWrapper, __assign({ role: "button", w: "fit-content", p: 12, isSmall: isSmall, onClick: isDisabled ? null : onClick, onKeyDown: function (_a) {
@@ -87,4 +94,4 @@ export var Button = function (_a) {
87
94
  }
88
95
  }, tabIndex: 0 }, __assign({ variant: variant, isDisabled: isDisabled, onClick: onClick, disabled: isDisabled }, props), { children: _jsx(_Fragment, { children: children }) }))) }));
89
96
  };
90
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
97
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
@@ -4,7 +4,7 @@ export declare const checkIcon: JSX.Element;
4
4
  export declare const greenCheckIcon: JSX.Element;
5
5
  export declare const redXIcon: JSX.Element;
6
6
  export declare const defaultCheckIcon: JSX.Element;
7
- export declare const whiteCheckIcon: JSX.Element;
7
+ export declare const WhiteCheckIcon: () => JSX.Element;
8
8
  export declare const chevronLeftIcon: JSX.Element;
9
9
  export declare const ChevronRightIcon: () => JSX.Element;
10
10
  export declare const weatherStarsIcon: JSX.Element;
@@ -17,7 +17,10 @@ export var checkIcon = (_jsx("svg", __assign({ width: "12", height: "10", viewBo
17
17
  export var greenCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#00D085" }) })));
18
18
  export var redXIcon = (_jsxs("svg", __assign({ width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "9.49967", cy: "8.99992", r: "7.79167", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M7.375 6.875L11.625 11.125", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M7.375 11.125L11.625 6.875", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
19
19
  export var defaultCheckIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M9 11.9497L11.1213 14.071L15.364 9.82839", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })));
20
- export var whiteCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#0EBEBE" }) })));
20
+ export var WhiteCheckIcon = function () {
21
+ var theme = useTheme();
22
+ return (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: theme.colors.blue500 }) })));
23
+ };
21
24
  export var chevronLeftIcon = (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "14", viewBox: "0 0 8 14", fill: "none" }, { children: _jsx("path", { d: "M6.22266 1.75L1.00028 6.97238L6.22266 12.1948", stroke: "#000000", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
22
25
  export var ChevronRightIcon = function () {
23
26
  var theme = useTheme();
@@ -13,8 +13,8 @@ export default {
13
13
  headers_preview: {
14
14
  title: "Verify Your Column Headers",
15
15
  description: "File must contain column headers to proceed.",
16
- cancel: "No, Re-upload file",
17
- continue: "Yes, Continue",
16
+ cancel: "Re-upload file",
17
+ continue: "Continue",
18
18
  },
19
19
  error: {
20
20
  title: "Something’s wrong",
@@ -5,9 +5,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
5
5
  import { css } from "../themeType";
6
6
  export var textStyles = {
7
7
  h1: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: DM Serif Display;\n font-weight: 400;\n font-style: normal;\n font-size: 48px;\n line-height: 72px;\n "], ["\n font-family: DM Serif Display;\n font-weight: 400;\n font-style: normal;\n font-size: 48px;\n line-height: 72px;\n "]))),
8
- h2: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-family: DM Serif Text;\n font-weight: 400;\n font-style: normal;\n font-size: 40px;\n line-height: 56px;\n "], ["\n font-family: DM Serif Text;\n font-weight: 400;\n font-style: normal;\n font-size: 40px;\n line-height: 56px;\n "]))),
8
+ h2: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 28px;\n line-height: 36px;\n "], ["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 28px;\n line-height: 36px;\n "]))),
9
9
  h3: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 40px;\n line-height: 48px;\n "], ["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 40px;\n line-height: 48px;\n "]))),
10
- h4: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: DM Serif Text;\n font-weight: 400;\n font-style: normal;\n font-size: 32px;\n line-height: 48px;\n "], ["\n font-family: DM Serif Text;\n font-weight: 400;\n font-style: normal;\n font-size: 32px;\n line-height: 48px;\n "]))),
10
+ h4: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: DM Sans;\n font-weight: 400;\n font-style: normal;\n font-size: 32px;\n line-height: 48px;\n "], ["\n font-family: DM Sans;\n font-weight: 400;\n font-style: normal;\n font-size: 32px;\n line-height: 48px;\n "]))),
11
11
  h5: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 24px;\n line-height: 36px;\n "], ["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 24px;\n line-height: 36px;\n "]))),
12
12
  h6: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 20px;\n line-height: 32px;\n "], ["\n font-family: DM Sans;\n font-weight: 700;\n font-style: normal;\n font-size: 20px;\n line-height: 32px;\n "]))),
13
13
  subtitle: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-family: DM Sans;\n font-weight: 500;\n font-style: normal;\n font-size: 18px;\n line-height: 24px;\n "], ["\n font-family: DM Sans;\n font-weight: 500;\n font-style: normal;\n font-size: 18px;\n line-height: 24px;\n "]))),