@toptal/picasso 41.4.1 → 41.4.2
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/Notification/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette: { red, green, yellow, common, text }, shadows, sizes: { borderRadius }, }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "close" | "notification" | "notificationShadow" | "roundedBorders" | "notificationRed" | "notificationGreen" | "notificationWhite" | "notificationYellow" | "contentYellow" | "iconWrapper" | "iconWrapperYellow" | "closeIcon">;
|
|
2
|
+
declare const _default: ({ palette: { red, green, yellow, common, text }, shadows, breakpoints: { down }, sizes: { borderRadius }, }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "close" | "notification" | "notificationShadow" | "roundedBorders" | "notificationRed" | "notificationGreen" | "notificationWhite" | "notificationYellow" | "contentYellow" | "iconWrapper" | "iconWrapperYellow" | "closeIcon">;
|
|
3
3
|
export default _default;
|
package/Notification/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
import { PicassoProvider } from '@toptal/picasso-provider';
|
|
2
|
+
import { breakpointsList as breakpoints, PicassoProvider, } from '@toptal/picasso-provider';
|
|
3
3
|
import { rem } from '@toptal/picasso-shared';
|
|
4
|
-
PicassoProvider.override(({ layout }) => ({
|
|
4
|
+
PicassoProvider.override(({ layout, breakpoints: { down } }) => ({
|
|
5
5
|
MuiSnackbarContent: {
|
|
6
6
|
message: {
|
|
7
7
|
display: 'flex',
|
|
@@ -10,13 +10,16 @@ PicassoProvider.override(({ layout }) => ({
|
|
|
10
10
|
width: '100%',
|
|
11
11
|
minWidth: 0,
|
|
12
12
|
margin: '0 auto',
|
|
13
|
+
[down(breakpoints.xl)]: {
|
|
14
|
+
maxWidth: 'unset',
|
|
15
|
+
},
|
|
13
16
|
'& > div': {
|
|
14
17
|
width: '100%',
|
|
15
18
|
},
|
|
16
19
|
},
|
|
17
20
|
},
|
|
18
21
|
}));
|
|
19
|
-
export default ({ palette: { red, green, yellow, common, text }, shadows, sizes: { borderRadius }, }) => createStyles({
|
|
22
|
+
export default ({ palette: { red, green, yellow, common, text }, shadows, breakpoints: { down }, sizes: { borderRadius }, }) => createStyles({
|
|
20
23
|
notification: {
|
|
21
24
|
alignItems: 'start',
|
|
22
25
|
borderRadius: 0,
|
|
@@ -46,6 +49,12 @@ export default ({ palette: { red, green, yellow, common, text }, shadows, sizes:
|
|
|
46
49
|
notificationYellow: {
|
|
47
50
|
background: yellow.lighter,
|
|
48
51
|
padding: `1.5em ${rem('130px')}`,
|
|
52
|
+
[down(breakpoints.lg)]: {
|
|
53
|
+
padding: '1.5em',
|
|
54
|
+
},
|
|
55
|
+
[down(breakpoints.sm)]: {
|
|
56
|
+
padding: '1.5em 1em',
|
|
57
|
+
},
|
|
49
58
|
},
|
|
50
59
|
// Content
|
|
51
60
|
content: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Notification/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Notification/styles.ts"],"names":[],"mappings":"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"}
|