@superdispatch/ui 0.24.5 → 0.24.6
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/dist-node/index.js +16 -3
- package/dist-node/index.js.map +1 -1
- package/dist-src/snackbar/SnackbarContent.js +17 -3
- package/dist-web/index.js +16 -3
- package/dist-web/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,20 +7,32 @@ import { CheckCircle, Close, Error } from '@material-ui/icons';
|
|
|
7
7
|
import { makeStyles } from '@material-ui/styles';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import { forwardRef } from 'react';
|
|
10
|
+
import styled from 'styled-components';
|
|
10
11
|
import { Color } from "../theme/Color.js";
|
|
11
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
13
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
14
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
+
var PaddedContent = /*#__PURE__*/styled.span.withConfig({
|
|
16
|
+
displayName: "SnackbarContent__PaddedContent",
|
|
17
|
+
componentId: "SD__sc-1jca4d5-0"
|
|
18
|
+
})(["padding:2px 0 0;"]);
|
|
14
19
|
var useStyles = /*#__PURE__*/makeStyles(theme => ({
|
|
15
20
|
root: {
|
|
16
21
|
color: Color.White,
|
|
17
|
-
backgroundColor: Color.Dark500
|
|
22
|
+
backgroundColor: Color.Dark500,
|
|
23
|
+
alignItems: 'flex-start',
|
|
24
|
+
padding: '10px 16px',
|
|
25
|
+
[theme.breakpoints.up('md')]: {
|
|
26
|
+
width: 'auto',
|
|
27
|
+
maxWidth: '512px',
|
|
28
|
+
minWidth: '432px'
|
|
29
|
+
}
|
|
18
30
|
},
|
|
19
31
|
action: {
|
|
20
32
|
paddingLeft: theme.spacing(1)
|
|
21
33
|
},
|
|
22
34
|
message: {
|
|
23
|
-
alignItems: '
|
|
35
|
+
alignItems: 'flex-start',
|
|
24
36
|
[theme.breakpoints.down('xs')]: {
|
|
25
37
|
fontSize: theme.spacing(2)
|
|
26
38
|
}
|
|
@@ -80,7 +92,9 @@ export var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
80
92
|
message: /*#__PURE__*/_jsxs(_Fragment, {
|
|
81
93
|
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
|
82
94
|
className: icon
|
|
83
|
-
}),
|
|
95
|
+
}), /*#__PURE__*/_jsx(PaddedContent, {
|
|
96
|
+
children: children
|
|
97
|
+
})]
|
|
84
98
|
}),
|
|
85
99
|
action: !action && !onClose ? null : /*#__PURE__*/_jsxs(Grid, {
|
|
86
100
|
container: true,
|
package/dist-web/index.js
CHANGED
|
@@ -2023,16 +2023,27 @@ function useMinBreakpoint(minBreakpoint) {
|
|
|
2023
2023
|
|
|
2024
2024
|
var _excluded$m = ["action", "children", "onClose", "className", "classes", "variant"],
|
|
2025
2025
|
_excluded2$4 = ["icon", "closeButton", "variantError", "variantSuccess"];
|
|
2026
|
+
var PaddedContent = /*#__PURE__*/styled.span.withConfig({
|
|
2027
|
+
displayName: "SnackbarContent__PaddedContent",
|
|
2028
|
+
componentId: "SD__sc-1jca4d5-0"
|
|
2029
|
+
})(["padding:2px 0 0;"]);
|
|
2026
2030
|
var useStyles$b = /*#__PURE__*/makeStyles(theme => ({
|
|
2027
2031
|
root: {
|
|
2028
2032
|
color: Color.White,
|
|
2029
|
-
backgroundColor: Color.Dark500
|
|
2033
|
+
backgroundColor: Color.Dark500,
|
|
2034
|
+
alignItems: 'flex-start',
|
|
2035
|
+
padding: '10px 16px',
|
|
2036
|
+
[theme.breakpoints.up('md')]: {
|
|
2037
|
+
width: 'auto',
|
|
2038
|
+
maxWidth: '512px',
|
|
2039
|
+
minWidth: '432px'
|
|
2040
|
+
}
|
|
2030
2041
|
},
|
|
2031
2042
|
action: {
|
|
2032
2043
|
paddingLeft: theme.spacing(1)
|
|
2033
2044
|
},
|
|
2034
2045
|
message: {
|
|
2035
|
-
alignItems: '
|
|
2046
|
+
alignItems: 'flex-start',
|
|
2036
2047
|
[theme.breakpoints.down('xs')]: {
|
|
2037
2048
|
fontSize: theme.spacing(2)
|
|
2038
2049
|
}
|
|
@@ -2092,7 +2103,9 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
2092
2103
|
message: /*#__PURE__*/jsxs(Fragment, {
|
|
2093
2104
|
children: [Icon && /*#__PURE__*/jsx(Icon, {
|
|
2094
2105
|
className: icon
|
|
2095
|
-
}),
|
|
2106
|
+
}), /*#__PURE__*/jsx(PaddedContent, {
|
|
2107
|
+
children: children
|
|
2108
|
+
})]
|
|
2096
2109
|
}),
|
|
2097
2110
|
action: !action && !onClose ? null : /*#__PURE__*/jsxs(Grid, {
|
|
2098
2111
|
container: true,
|