@mailstep/design-system 0.8.16-beta.7 → 0.8.18-beta.1

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 (55) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/CommonGrid/CommonGridContainer.js +9 -3
  3. package/ui/Blocks/CommonGrid/HoC/withReduxActions.js +1 -0
  4. package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.d.ts +3 -0
  5. package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js +16 -8
  6. package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.d.ts +2 -1
  7. package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.js +30 -10
  8. package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.d.ts +1 -0
  9. package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.js +17 -5
  10. package/ui/Blocks/CommonGrid/components/Filters/TextRange/TextRange.js +1 -1
  11. package/ui/Blocks/CommonGrid/components/GridInfo/index.js +3 -1
  12. package/ui/Blocks/CommonGrid/components/MobileFilterModal.d.ts +20 -0
  13. package/ui/Blocks/CommonGrid/components/MobileFilterModal.js +69 -0
  14. package/ui/Blocks/CommonGrid/components/MobileOverlayWrapper.d.ts +1 -0
  15. package/ui/Blocks/CommonGrid/components/MobileOverlayWrapper.js +7 -0
  16. package/ui/Blocks/CommonGrid/components/MobileSortModal.d.ts +13 -0
  17. package/ui/Blocks/CommonGrid/components/MobileSortModal.js +34 -0
  18. package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.d.ts +1 -1
  19. package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.js +2 -2
  20. package/ui/Blocks/CommonGrid/components/Table.js +1 -1
  21. package/ui/Blocks/CommonGrid/store/index.d.ts +4 -6
  22. package/ui/Blocks/CommonGrid/store/index.js +9 -2
  23. package/ui/Blocks/CommonGrid/storybook/stories/complexWithPaginationAndRedux.stories.d.ts +30 -0
  24. package/ui/Blocks/CommonGrid/storybook/stories/complexWithPaginationAndRedux.stories.js +59 -9
  25. package/ui/Blocks/CommonGrid/storybook/utils/columnDefinition.d.ts +2 -0
  26. package/ui/Blocks/CommonGrid/storybook/utils/columnDefinition.js +19 -9
  27. package/ui/Blocks/CommonGrid/styles.d.ts +1 -0
  28. package/ui/Blocks/CommonGrid/styles.js +6 -3
  29. package/ui/Blocks/CommonGrid/types.d.ts +1 -0
  30. package/ui/Blocks/CommonGrid/utils/index.d.ts +2 -0
  31. package/ui/Blocks/CommonGrid/utils/index.js +10 -0
  32. package/ui/Blocks/Header/hooks/useChangeLanguage.js +0 -1
  33. package/ui/Blocks/Modal/styles.js +1 -1
  34. package/ui/Elements/DropdownMenu/components/MenuItem.js +1 -1
  35. package/ui/Elements/Icon/icons/Filter.d.ts +4 -0
  36. package/ui/Elements/Icon/icons/Filter.js +13 -0
  37. package/ui/Elements/Icon/icons/FlagHU.js +1 -1
  38. package/ui/Elements/Icon/icons/Sort.d.ts +4 -0
  39. package/ui/Elements/Icon/icons/Sort.js +13 -0
  40. package/ui/Elements/Icon/icons/index.d.ts +2 -0
  41. package/ui/Elements/Icon/icons/index.js +2 -0
  42. package/ui/Elements/Select/components/CountMultiValue.js +1 -1
  43. package/ui/Elements/Select/themes/selectStyles.js +1 -1
  44. package/ui/Forms/Checkbox/styles.js +1 -1
  45. package/ui/Forms/Input/styles.js +1 -1
  46. package/ui/ThemeProvider/themes/index.d.ts +1 -151
  47. package/ui/ThemeProvider/themes/index.js +3 -3
  48. package/ui/ThemeProvider/themes/light.d.ts +4 -0
  49. package/ui/ThemeProvider/themes/light.js +7 -0
  50. package/ui/ThemeProvider/types.d.ts +1 -1
  51. package/ui/index.es.js +16093 -15588
  52. package/ui/index.umd.js +507 -470
  53. package/ui/utils/translations.js +1 -1
  54. package/ui/ThemeProvider/themes/dark.d.ts +0 -152
  55. package/ui/ThemeProvider/themes/dark.js +0 -14
@@ -2,5 +2,5 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
2
2
  import { Trans } from '@lingui/react';
3
3
  /** catalog for lungui to track translations - DO NOT REMOVE */
4
4
  export var Translations = function () {
5
- return (_jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.filterCell.time", message: "Time" }), _jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." }), _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), _jsx(Trans, { id: "dataGrid.buttonGridConfig", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.title", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.buttonReset", message: "Reset all" }), _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }), _jsx(Trans, { id: "manageColumn.title", message: "Manage column" }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset" }), _jsx(Trans, { id: "dataGrid.sortingTerminatedAppeal", message: "Too many results, please set a filter" }), _jsx(Trans, { id: "dataGrid.sortingTerminated", message: "Too many results, sorting cannot be used" }), _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "form.buttonImport", message: "Import" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }), ",", _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }), ",", _jsx(Trans, { id: "datagrid.filterCell.selectAllLabel", message: "select all" }), _jsx(Trans, { id: "datagrid.filterCell.optionsSelectedLabel", message: '{count} options' }), ",", _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" }), ",", _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" }), ",", _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }), ",", _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.all", message: "All" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.yes", message: "Yes" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.no", message: "No" }), _jsx(Trans, { id: "dataGrid.checkedRowsCount", message: "Selected {checkedRowsCount} items" }), ",", _jsx(Trans, { id: "dataGrid.filterCell", message: "Type to filter" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.from", message: "From" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.to", message: "To" }), ",", _jsx(Trans, { id: "manageColumn.searchPlaceholder", message: "Find column..." }), ",", _jsx(Trans, { id: "dataGrid.comparator.equals", message: "Equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notEquals", message: "Not equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThan", message: "Less than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThanOrEquals", message: "Less than or equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThan", message: "Greater than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThanOrEquals", message: "Greater than or equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.contains", message: "Contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notContains", message: "Not contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.startsWith", message: "Starts with'" }), ",", _jsx(Trans, { id: "dataGrid.comparator.endsWith", message: "Ends with" }), ",", _jsx(Trans, { id: "select.noOptions", message: "no options" }), ",", _jsx(Trans, { id: "components.dropdown.loading", message: "Loading..." }), ",", _jsx(Trans, { id: "components.dropdown.placeholder", message: "Select..." }), ",", _jsx(Trans, { id: "components.dropdown.notReact", message: "Select related values first..." }), ",", _jsx(Trans, { id: "components.dropdown.writeMoreChars", message: "Write at least ${asyncLoadMinChars} characters." }), ",", _jsx(Trans, { id: "components.dropdown.noOptions", message: "No options" }), ",", _jsx(Trans, { id: "components.dropdown.newOption", message: "new value" }), ",", _jsx(Trans, { id: "form.general.min2Chars", message: "Minimal length is 2 characters." }), ",", _jsx(Trans, { id: "controlButtons.searchPlaceholder", message: "Search ${translatedValue} ..." }), ",", _jsx(Trans, { id: "dataGrid.everyToday", message: "Every today" }), ",", _jsx(Trans, { id: "dataGrid.everyYesterday", message: "Every yesterday" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.from", message: "from" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.to", message: "to" }), ",", _jsx(Trans, { id: "dataGrid.timepicker.at", message: "at" }), ",", _jsx(Trans, { id: "dataGrid.repeat", message: "Repeat" }), ",", _jsx(Trans, { id: "dataGrid.noRepeat", message: "No repeat" }), ",", _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), _jsx(Trans, { id: "dataGrid.presetName.title", message: "Preset name" }), _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), _jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), _jsx(Trans, { id: "dataGrid.noPresets.title", message: "No presets available" }), _jsx(Trans, { id: "dataGrid.exportPreset.title", message: "Export presets" }), _jsx(Trans, { id: "dataGrid.importPreset.title", message: "Import presets" }), _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }), _jsx(Trans, { id: "dataGrid.importPresets.gridNameNotSame", message: "Grid name in file is not the same as current grid." }), _jsx(Trans, { id: "dataGrid.importPresets.error", message: "Error with importing files." }), _jsx(Trans, { id: "card.entrustLogisticsEshopProfessionals", message: "Entrust the logistics of your e-shop to professionals." }), _jsx(Trans, { id: "form.heading.support", message: "Support:" }), _jsx(Trans, { id: "requiredField", message: "Required field" }), _jsx(Trans, { id: "form.login.label", message: "Login" }), _jsx(Trans, { id: "form.password.label", message: "Password" }), _jsx(Trans, { id: "form.distributionCenter.label", message: "Distribution center" }), _jsx(Trans, { id: "form.buttonSignIn", message: "Sign in" }), _jsx(Trans, { id: "footer.collapse", message: "Collapse" }), _jsx(Trans, { id: "step", message: "Step" }), _jsx(Trans, { id: "logout", message: "Logout" })] }));
5
+ return (_jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.filterCell.time", message: "Time" }), _jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." }), _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), _jsx(Trans, { id: "dataGrid.buttonGridConfig", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.title", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.buttonReset", message: "Reset all" }), _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }), _jsx(Trans, { id: "manageColumn.title", message: "Manage column" }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset" }), _jsx(Trans, { id: "dataGrid.sortingTerminatedAppeal", message: "Too many results please set a filter" }), _jsx(Trans, { id: "dataGrid.sortingTerminated", message: "Too many results sorting cannot be used" }), _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), _jsx(Trans, { id: "form.buttonImport", message: "Import" }), _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }), _jsx(Trans, { id: "datagrid.filterCell.selectAllLabel", message: "select all" }), _jsx(Trans, { id: "datagrid.filterCell.optionsSelectedLabel", message: '{count} options' }), _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" }), _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" }), _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }), _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" }), _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.all", message: "All" }), _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.yes", message: "Yes" }), _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.no", message: "No" }), _jsx(Trans, { id: "dataGrid.checkedRowsCount", message: "Selected {checkedRowsCount} items" }), _jsx(Trans, { id: "dataGrid.filterCell", message: "Type to filter" }), _jsx(Trans, { id: "dataGrid.filterCell.from", message: "From" }), _jsx(Trans, { id: "dataGrid.filterCell.to", message: "To" }), _jsx(Trans, { id: "manageColumn.searchPlaceholder", message: "Find column..." }), _jsx(Trans, { id: "dataGrid.comparator.equals", message: "Equals" }), _jsx(Trans, { id: "dataGrid.comparator.notEquals", message: "Not equal" }), _jsx(Trans, { id: "dataGrid.comparator.lessThan", message: "Less than" }), _jsx(Trans, { id: "dataGrid.comparator.lessThanOrEquals", message: "Less than or equals" }), _jsx(Trans, { id: "dataGrid.comparator.greaterThan", message: "Greater than" }), _jsx(Trans, { id: "dataGrid.comparator.greaterThanOrEquals", message: "Greater than or equal" }), _jsx(Trans, { id: "dataGrid.comparator.contains", message: "Contains" }), _jsx(Trans, { id: "dataGrid.comparator.notContains", message: "Not contains" }), _jsx(Trans, { id: "dataGrid.comparator.startsWith", message: "Starts with'" }), _jsx(Trans, { id: "dataGrid.comparator.endsWith", message: "Ends with" }), _jsx(Trans, { id: "select.noOptions", message: "no options" }), _jsx(Trans, { id: "components.dropdown.loading", message: "Loading..." }), _jsx(Trans, { id: "components.dropdown.placeholder", message: "Select..." }), _jsx(Trans, { id: "components.dropdown.notReact", message: "Select related values first..." }), _jsx(Trans, { id: "components.dropdown.writeMoreChars", message: "Write at least ${asyncLoadMinChars} characters." }), _jsx(Trans, { id: "components.dropdown.noOptions", message: "No options" }), _jsx(Trans, { id: "components.dropdown.newOption", message: "new value" }), _jsx(Trans, { id: "form.general.min2Chars", message: "Minimal length is 2 characters." }), _jsx(Trans, { id: "controlButtons.searchPlaceholder", message: "Search ${translatedValue} ..." }), _jsx(Trans, { id: "dataGrid.everyToday", message: "Every today" }), _jsx(Trans, { id: "dataGrid.everyYesterday", message: "Every yesterday" }), _jsx(Trans, { id: "dataGrid.timepicker.from", message: "from" }), _jsx(Trans, { id: "dataGrid.timepicker.to", message: "to" }), _jsx(Trans, { id: "dataGrid.timepicker.at", message: "at" }), _jsx(Trans, { id: "dataGrid.repeat", message: "Repeat" }), _jsx(Trans, { id: "dataGrid.noRepeat", message: "No repeat" }), _jsx(Trans, { id: "dataGrid.filter", message: "Filter" }), _jsx(Trans, { id: "dataGrid.sort", message: "Sort" }), _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), _jsx(Trans, { id: "dataGrid.presetName.title", message: "Preset name" }), _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), _jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), _jsx(Trans, { id: "dataGrid.noPresets.title", message: "No presets available" }), _jsx(Trans, { id: "dataGrid.exportPreset.title", message: "Export presets" }), _jsx(Trans, { id: "dataGrid.importPreset.title", message: "Import presets" }), _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }), _jsx(Trans, { id: "dataGrid.importPresets.gridNameNotSame", message: "Grid name in file is not the same as current grid." }), _jsx(Trans, { id: "dataGrid.importPresets.error", message: "Error with importing files." }), _jsx(Trans, { id: "card.entrustLogisticsEshopProfessionals", message: "Entrust the logistics of your e-shop to professionals." }), _jsx(Trans, { id: "form.heading.support", message: "Support:" }), _jsx(Trans, { id: "requiredField", message: "Required field" }), _jsx(Trans, { id: "form.login.label", message: "Login" }), _jsx(Trans, { id: "form.password.label", message: "Password" }), _jsx(Trans, { id: "form.distributionCenter.label", message: "Distribution center" }), _jsx(Trans, { id: "form.buttonSignIn", message: "Sign in" }), _jsx(Trans, { id: "footer.collapse", message: "Collapse" }), _jsx(Trans, { id: "step", message: "Step" }), _jsx(Trans, { id: "logout", message: "Logout" })] }));
6
6
  };
@@ -1,152 +0,0 @@
1
- declare const darkTheme: {
2
- colors: {
3
- bgLightGray: string;
4
- bgLightGray1: string;
5
- lightGray1: string;
6
- lightGray2: string;
7
- lightGray3: string;
8
- lightGray4: string;
9
- lightGray5: string;
10
- lightGray6: string;
11
- lightGray7: string;
12
- neutral20: string;
13
- neutral300: string;
14
- neutral500: string;
15
- gray: string;
16
- gray1: string;
17
- gray2: string;
18
- gray3: string;
19
- gray4: string;
20
- gray5: string;
21
- blue1: string;
22
- blue2: string;
23
- blue3: string;
24
- blue4: string;
25
- textPrimary: string;
26
- textTertiary: string;
27
- typoPrimary: string;
28
- blue10: string;
29
- blue20: string;
30
- blue30: string;
31
- blue40: string;
32
- blue50: string;
33
- blue60: string;
34
- blue70: string;
35
- blue80: string;
36
- blue90: string;
37
- teal20: string;
38
- teal40: string;
39
- teal50: string;
40
- teal60: string;
41
- teal70: string;
42
- teal80: string;
43
- teal90: string;
44
- green10: string;
45
- green20: string;
46
- green30: string;
47
- green50: string;
48
- green60: string;
49
- green70: string;
50
- green80: string;
51
- green90: string;
52
- green: string;
53
- successColor: string;
54
- darkGreen: string;
55
- orange20: string;
56
- orange30: string;
57
- orange50: string;
58
- orange60: string;
59
- orange80: string;
60
- yellow10: string;
61
- yellow20: string;
62
- yellow60: string;
63
- yellow70: string;
64
- yellow1: string;
65
- yellow2: string;
66
- red10: string;
67
- red20: string;
68
- red30: string;
69
- red50: string;
70
- red70: string;
71
- red1: string;
72
- red2: string;
73
- red3: string;
74
- red60: string;
75
- red80: string;
76
- dangerColor: string;
77
- purple20: string;
78
- purple40: string;
79
- purple50: string;
80
- purple60: string;
81
- purple80: string;
82
- purple90: string;
83
- magenta10: string;
84
- magenta20: string;
85
- magenta30: string;
86
- magenta40: string;
87
- magenta50: string;
88
- magenta60: string;
89
- magenta70: string;
90
- magenta80: string;
91
- magenta90: string;
92
- white: string;
93
- };
94
- shadows: {
95
- boxShadow: string;
96
- dropShadow: string;
97
- inputFocusBoxShadow: string;
98
- dropdownMenuShadow: string;
99
- tooltipBoxShadow: string;
100
- cardShadow: string;
101
- smooth: string;
102
- dialogShadow: string;
103
- headerShadow: string;
104
- headerShadowB: string;
105
- headerShadowNotifications: string;
106
- cornerDialogShadow: string;
107
- gridShadow: string;
108
- tooltipShadow: string;
109
- };
110
- breakpoints: string[];
111
- fonts: {
112
- primary: string;
113
- heading: string;
114
- };
115
- fontLinks: string[];
116
- fontSizes: string[];
117
- lineHeights: number[];
118
- fontWeights: {
119
- light: number;
120
- normal: number;
121
- medium: number;
122
- semiBold: number;
123
- bold: number;
124
- };
125
- letterSpacings: {
126
- default: null;
127
- sm: string;
128
- md: string;
129
- lg: string;
130
- };
131
- borders: {
132
- slim: string;
133
- mediumSlim: string;
134
- medium: string;
135
- mediumThick: string;
136
- thick: string;
137
- };
138
- radii: {
139
- sm: string;
140
- md: string;
141
- ml: string;
142
- lg: string;
143
- xl: string;
144
- };
145
- space: number[];
146
- transitions: {
147
- simpleLong: string;
148
- inputTransition: string;
149
- };
150
- zIndices: number[];
151
- };
152
- export default darkTheme;
@@ -1,14 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import defaultTheme from './default';
13
- var darkTheme = __assign(__assign({}, defaultTheme), { colors: __assign(__assign({}, defaultTheme.colors), { bgLightGray: '#131A27', bgLightGray1: '#1E2A3A', lightGray1: '#1A2435', lightGray2: '#162030', lightGray3: '#2E3A4A', lightGray4: '#3A4656', lightGray5: '#4A5666', lightGray6: '#2E3A4A', lightGray7: '#253040', neutral20: '#1E2A3A', neutral300: '#9AABBF', neutral500: '#B0C0D4', gray: '#7A8A9A', gray1: '#8A9AAA', gray2: '#6A7A8A', gray3: '#9AACBA', gray4: '#B0C4D8', gray5: '#8A9CB0', blue1: '#D0E0F0', blue2: '#C0D4E8', blue3: '#E0ECF8', blue4: '#F0F6FC', textPrimary: '#E8ECF2', textTertiary: '#8A9AB0', typoPrimary: '#D0E0F0', blue10: '#0D1A2A', blue20: '#122440', blue30: '#1A3050', blue40: '#6FADFF', blue50: '#4A9AFF', blue60: '#3A8AFF', blue70: '#5A9AFF', blue80: '#6AA8FF', blue90: '#8ABAE8', teal20: '#0A1E24', teal40: '#1A3A40', teal50: '#1aa1a7', teal60: '#00B1D0', teal70: '#1aa1da', teal80: '#2AB0C0', teal90: '#3AC0D0', green10: '#0A1A10', green20: '#102A18', green30: '#1A3A22', green50: '#81dd91', green60: '#2AB860', green70: '#3AC870', green80: '#4AD880', green90: '#2AC880', green: '#13CE62', successColor: '#2AB858', darkGreen: '#2AB860', orange20: '#1A1408', orange30: '#2A2010', orange50: '#ff9f43', orange60: '#FFA820', orange80: '#D08020', yellow10: '#1A1A08', yellow20: '#2A2810', yellow60: '#FFE600', yellow70: '#FFD702', yellow1: '#FFD702', yellow2: '#F2E871', red10: '#1A0A08', red20: '#2A1410', red30: '#3A1E18', red50: '#ff7c7b', red70: '#E84040', red1: '#E84040', red2: '#F05040', red3: '#C83030', red60: '#E84040', red80: '#D03030', dangerColor: '#F04838', purple20: '#14102A', purple40: '#2A8AC0', purple50: '#6A90D0', purple60: '#8A78E0', purple80: '#6A5AC0', purple90: '#4A6AB0', magenta10: '#1A0A14', magenta20: '#2A1420', magenta30: '#3A1E30', magenta40: '#FFAFD2', magenta50: '#FF7EB6', magenta60: '#EE5396', magenta70: '#D12771', magenta80: '#9F1853', magenta90: '#7B1340' }), shadows: __assign(__assign({}, defaultTheme.shadows), { boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.3)', dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.3)', inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.4)', dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.3)', tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.3)', cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.4)', smooth: '0px 4px 25px 0px rgba(0, 0, 0, 0.3)', dialogShadow: '0px 4px 23px 0px rgba(0, 0, 0, 0.25)', headerShadow: '1px 2px 3px rgba(0, 0, 0, 0.4)', headerShadowB: '1px 1px 3px rgba(0, 0, 0, 0.4)', headerShadowNotifications: '1px 1px 2px rgba(0, 0, 0, 0.4)', cornerDialogShadow: '1px 1px 3px 1px rgba(0, 0, 0, 0.4)', gridShadow: '0px 1px 4px 0px rgba(0, 0, 0, 0.3)', tooltipShadow: '0px 2px 20px 0px rgba(0, 0, 0, 0.3)' }) });
14
- export default darkTheme;