@mailstep/design-system 0.4.4 → 0.4.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 (59) hide show
  1. package/README.md +0 -6
  2. package/package.json +9 -9
  3. package/ui/Blocks/ImageList/ImageList.js +1 -1
  4. package/ui/Blocks/ImageList/components/AddPhoto/index.js +1 -1
  5. package/ui/Blocks/ImageList/components/ImageElement/index.js +1 -1
  6. package/ui/Blocks/LightBox/LightBox.js +3 -3
  7. package/ui/Blocks/LightBox/styles.d.ts +0 -1
  8. package/ui/Blocks/LightBox/styles.js +2 -3
  9. package/ui/Blocks/LightBox/types.d.ts +0 -3
  10. package/ui/Blocks/Modal/Modal.js +5 -6
  11. package/ui/Blocks/Modal/stories/Modal.stories.d.ts +5 -8
  12. package/ui/Blocks/Modal/stories/Modal.stories.js +18 -36
  13. package/ui/Blocks/Modal/styles.d.ts +6 -6
  14. package/ui/Blocks/Modal/styles.js +26 -53
  15. package/ui/Blocks/Modal/types.d.ts +5 -4
  16. package/ui/Blocks/Modal/utils.d.ts +2 -1
  17. package/ui/Blocks/Modal/utils.js +4 -0
  18. package/ui/Elements/Icon/icons/Expeditions.js +1 -1
  19. package/ui/Elements/Icon/icons/MenuItems.js +1 -1
  20. package/ui/Elements/Icon/icons/Return.js +1 -1
  21. package/ui/Elements/Icon/icons/index.d.ts +0 -12
  22. package/ui/Elements/Icon/icons/index.js +0 -12
  23. package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts +1 -1
  24. package/ui/Elements/Tag/index.d.ts +0 -1
  25. package/ui/ThemeProvider/themes/default.d.ts +1 -0
  26. package/ui/ThemeProvider/themes/default.js +2 -1
  27. package/ui/ThemeProvider/themes/index.d.ts +6 -1
  28. package/ui/ThemeProvider/themes/mailwise.d.ts +5 -1
  29. package/ui/ThemeProvider/themes/mailwise.js +10 -6
  30. package/ui/index.es.js +4096 -4270
  31. package/ui/index.umd.js +227 -239
  32. package/ui/Blocks/ImageList/stories/ImageList.stories.d.ts +0 -13
  33. package/ui/Blocks/ImageList/stories/ImageList.stories.js +0 -41
  34. package/ui/Blocks/LightBox/stories/LightBox.stories.d.ts +0 -11
  35. package/ui/Blocks/LightBox/stories/LightBox.stories.js +0 -20
  36. package/ui/Elements/Icon/icons/Cancel.d.ts +0 -3
  37. package/ui/Elements/Icon/icons/Cancel.js +0 -13
  38. package/ui/Elements/Icon/icons/CheckedBox.d.ts +0 -3
  39. package/ui/Elements/Icon/icons/CheckedBox.js +0 -13
  40. package/ui/Elements/Icon/icons/Consolidation.d.ts +0 -3
  41. package/ui/Elements/Icon/icons/Consolidation.js +0 -13
  42. package/ui/Elements/Icon/icons/Dispatch.d.ts +0 -3
  43. package/ui/Elements/Icon/icons/Dispatch.js +0 -13
  44. package/ui/Elements/Icon/icons/EmptyRack.d.ts +0 -3
  45. package/ui/Elements/Icon/icons/EmptyRack.js +0 -2
  46. package/ui/Elements/Icon/icons/Gift.d.ts +0 -3
  47. package/ui/Elements/Icon/icons/Gift.js +0 -13
  48. package/ui/Elements/Icon/icons/Info.d.ts +0 -3
  49. package/ui/Elements/Icon/icons/Info.js +0 -13
  50. package/ui/Elements/Icon/icons/Location.d.ts +0 -3
  51. package/ui/Elements/Icon/icons/Location.js +0 -13
  52. package/ui/Elements/Icon/icons/MakePhoto.d.ts +0 -3
  53. package/ui/Elements/Icon/icons/MakePhoto.js +0 -13
  54. package/ui/Elements/Icon/icons/Print.d.ts +0 -3
  55. package/ui/Elements/Icon/icons/Print.js +0 -13
  56. package/ui/Elements/Icon/icons/TwoBoxes.d.ts +0 -3
  57. package/ui/Elements/Icon/icons/TwoBoxes.js +0 -13
  58. package/ui/Elements/Icon/icons/TwoCheckedBoxes.d.ts +0 -3
  59. package/ui/Elements/Icon/icons/TwoCheckedBoxes.js +0 -2
@@ -128,12 +128,13 @@ var defaultTheme = {
128
128
  cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
129
129
  smooth: '0px 4px 25px 0px #0000001a',
130
130
  // redesign:
131
- dialogShadow: '0px 4px 23px 0px rgba(0, 0, 0, 0.08)',
131
+ dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',
132
132
  tooltipShadow: '0px 1px 4px 0 #B1B8C3',
133
133
  headerShadow: '1px 2px 3px #00000029',
134
134
  headerShadowB: '1px 1px 3px #00000029',
135
135
  headerShadowNotifications: '1px 1px 2px #00000029',
136
136
  cornerDialogShadow: '1px 1px 3px 1px #00000029',
137
+ gridShadow: '0px 1px 4px 0px rgba(0, 0, 0, 0.12)',
137
138
  },
138
139
  space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240],
139
140
  transitions: {
@@ -133,6 +133,7 @@ declare const themes: {
133
133
  headerShadowB: string;
134
134
  headerShadowNotifications: string;
135
135
  cornerDialogShadow: string;
136
+ gridShadow: string;
136
137
  };
137
138
  space: number[];
138
139
  transitions: {
@@ -280,11 +281,15 @@ declare const themes: {
280
281
  thick: string;
281
282
  };
282
283
  radii: {
284
+ none: string;
283
285
  sm: string;
286
+ default: string;
284
287
  md: string;
285
- ml: string;
286
288
  lg: string;
287
289
  xl: string;
290
+ '2xl': string;
291
+ '3xl': string;
292
+ full: string;
288
293
  };
289
294
  shadows: {
290
295
  boxShadow: string;
@@ -136,11 +136,15 @@ declare const defaultTheme: {
136
136
  thick: string;
137
137
  };
138
138
  radii: {
139
+ none: string;
139
140
  sm: string;
141
+ default: string;
140
142
  md: string;
141
- ml: string;
142
143
  lg: string;
143
144
  xl: string;
145
+ '2xl': string;
146
+ '3xl': string;
147
+ full: string;
144
148
  };
145
149
  shadows: {
146
150
  boxShadow: string;
@@ -140,11 +140,15 @@ var defaultTheme = {
140
140
  thick: '10px solid',
141
141
  },
142
142
  radii: {
143
- sm: '2px',
144
- md: '4px',
145
- ml: '6px',
146
- lg: '8px',
147
- xl: '16px',
143
+ none: '2px',
144
+ sm: '5px',
145
+ default: '10px',
146
+ md: '20px',
147
+ lg: '20px',
148
+ xl: '20px',
149
+ '2xl': '20px',
150
+ '3xl': '20px',
151
+ full: '20px',
148
152
  },
149
153
  shadows: {
150
154
  boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',
@@ -155,7 +159,7 @@ var defaultTheme = {
155
159
  cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
156
160
  smooth: '0px 4px 25px 0px #0000001a',
157
161
  // redesign:
158
- dialogShadow: '0px 4px 23px 0px rgba(0, 0, 0, 0.08)',
162
+ dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',
159
163
  tooltipShadow: '0px 1px 4px 0 #B1B8C3',
160
164
  headerShadow: '1px 2px 3px #00000029',
161
165
  headerShadowB: '1px 1px 3px #00000029',