@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.
- package/README.md +0 -6
- package/package.json +9 -9
- package/ui/Blocks/ImageList/ImageList.js +1 -1
- package/ui/Blocks/ImageList/components/AddPhoto/index.js +1 -1
- package/ui/Blocks/ImageList/components/ImageElement/index.js +1 -1
- package/ui/Blocks/LightBox/LightBox.js +3 -3
- package/ui/Blocks/LightBox/styles.d.ts +0 -1
- package/ui/Blocks/LightBox/styles.js +2 -3
- package/ui/Blocks/LightBox/types.d.ts +0 -3
- package/ui/Blocks/Modal/Modal.js +5 -6
- package/ui/Blocks/Modal/stories/Modal.stories.d.ts +5 -8
- package/ui/Blocks/Modal/stories/Modal.stories.js +18 -36
- package/ui/Blocks/Modal/styles.d.ts +6 -6
- package/ui/Blocks/Modal/styles.js +26 -53
- package/ui/Blocks/Modal/types.d.ts +5 -4
- package/ui/Blocks/Modal/utils.d.ts +2 -1
- package/ui/Blocks/Modal/utils.js +4 -0
- package/ui/Elements/Icon/icons/Expeditions.js +1 -1
- package/ui/Elements/Icon/icons/MenuItems.js +1 -1
- package/ui/Elements/Icon/icons/Return.js +1 -1
- package/ui/Elements/Icon/icons/index.d.ts +0 -12
- package/ui/Elements/Icon/icons/index.js +0 -12
- package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts +1 -1
- package/ui/Elements/Tag/index.d.ts +0 -1
- package/ui/ThemeProvider/themes/default.d.ts +1 -0
- package/ui/ThemeProvider/themes/default.js +2 -1
- package/ui/ThemeProvider/themes/index.d.ts +6 -1
- package/ui/ThemeProvider/themes/mailwise.d.ts +5 -1
- package/ui/ThemeProvider/themes/mailwise.js +10 -6
- package/ui/index.es.js +4096 -4270
- package/ui/index.umd.js +227 -239
- package/ui/Blocks/ImageList/stories/ImageList.stories.d.ts +0 -13
- package/ui/Blocks/ImageList/stories/ImageList.stories.js +0 -41
- package/ui/Blocks/LightBox/stories/LightBox.stories.d.ts +0 -11
- package/ui/Blocks/LightBox/stories/LightBox.stories.js +0 -20
- package/ui/Elements/Icon/icons/Cancel.d.ts +0 -3
- package/ui/Elements/Icon/icons/Cancel.js +0 -13
- package/ui/Elements/Icon/icons/CheckedBox.d.ts +0 -3
- package/ui/Elements/Icon/icons/CheckedBox.js +0 -13
- package/ui/Elements/Icon/icons/Consolidation.d.ts +0 -3
- package/ui/Elements/Icon/icons/Consolidation.js +0 -13
- package/ui/Elements/Icon/icons/Dispatch.d.ts +0 -3
- package/ui/Elements/Icon/icons/Dispatch.js +0 -13
- package/ui/Elements/Icon/icons/EmptyRack.d.ts +0 -3
- package/ui/Elements/Icon/icons/EmptyRack.js +0 -2
- package/ui/Elements/Icon/icons/Gift.d.ts +0 -3
- package/ui/Elements/Icon/icons/Gift.js +0 -13
- package/ui/Elements/Icon/icons/Info.d.ts +0 -3
- package/ui/Elements/Icon/icons/Info.js +0 -13
- package/ui/Elements/Icon/icons/Location.d.ts +0 -3
- package/ui/Elements/Icon/icons/Location.js +0 -13
- package/ui/Elements/Icon/icons/MakePhoto.d.ts +0 -3
- package/ui/Elements/Icon/icons/MakePhoto.js +0 -13
- package/ui/Elements/Icon/icons/Print.d.ts +0 -3
- package/ui/Elements/Icon/icons/Print.js +0 -13
- package/ui/Elements/Icon/icons/TwoBoxes.d.ts +0 -3
- package/ui/Elements/Icon/icons/TwoBoxes.js +0 -13
- package/ui/Elements/Icon/icons/TwoCheckedBoxes.d.ts +0 -3
- 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: '
|
|
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
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
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: '
|
|
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',
|