umwd-components 0.1.49 → 0.1.50

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 (5) hide show
  1. package/dist/cjs/components/WebsitePlaceholder.js +3 -1
  2. package/dist/esm/components/WebsitePlaceholder.js +3 -1
  3. package/package.json +1 -1
  4. package/src/components/WebsitePlaceholder.js +3 -1
  5. package/src/stories/WebsitePlaceholder.stories.js +19 -4
package/dist/cjs/components/WebsitePlaceholder.js CHANGED
@@ -63,6 +63,7 @@ function WebsitePlaceholder({
63
63
  alignItems: "center",
64
64
  backgroundColor: theme.palette.primary.main,
65
65
  backgroundImage: `url(${theme.palette.mode === "light" ? lmBackgroundUrl : dmBackgroundUrl})`,
66
+ backgroundSize: "cover",
66
67
  height: "100vh",
67
68
  maxHeight: "100vh",
68
69
  width: "100vw",
@@ -95,7 +96,8 @@ WebsitePlaceholder.propTypes = {
95
96
  width: PropTypes.string,
96
97
  height: PropTypes.string
97
98
  }),
98
- backgroundColor: PropTypes.string
99
+ lmBackgroundUrl: PropTypes.string,
100
+ dmBackgroundUrl: PropTypes.string
99
101
  };
100
102
 
101
103
  exports.default = WebsitePlaceholder;
package/dist/esm/components/WebsitePlaceholder.js CHANGED
@@ -59,6 +59,7 @@ function WebsitePlaceholder({
59
59
  alignItems: "center",
60
60
  backgroundColor: theme.palette.primary.main,
61
61
  backgroundImage: `url(${theme.palette.mode === "light" ? lmBackgroundUrl : dmBackgroundUrl})`,
62
+ backgroundSize: "cover",
62
63
  height: "100vh",
63
64
  maxHeight: "100vh",
64
65
  width: "100vw",
@@ -91,7 +92,8 @@ WebsitePlaceholder.propTypes = {
91
92
  width: PropTypes.string,
92
93
  height: PropTypes.string
93
94
  }),
94
- backgroundColor: PropTypes.string
95
+ lmBackgroundUrl: PropTypes.string,
96
+ dmBackgroundUrl: PropTypes.string
95
97
  };
96
98
 
97
99
  export { WebsitePlaceholder as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.49",
3
+ "version": "0.1.50",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/WebsitePlaceholder.js CHANGED
@@ -68,6 +68,7 @@ function WebsitePlaceholder({
68
68
  backgroundImage: `url(${
69
69
  theme.palette.mode === "light" ? lmBackgroundUrl : dmBackgroundUrl
70
70
  })`,
71
+ backgroundSize: "cover",
71
72
  height: "100vh",
72
73
  maxHeight: "100vh",
73
74
  width: "100vw",
@@ -112,7 +113,8 @@ WebsitePlaceholder.propTypes = {
112
113
  width: PropTypes.string,
113
114
  height: PropTypes.string,
114
115
  }),
115
- backgroundColor: PropTypes.string,
116
+ lmBackgroundUrl: PropTypes.string,
117
+ dmBackgroundUrl: PropTypes.string,
116
118
  };
117
119
 
118
120
  export default WebsitePlaceholder;
package/src/stories/WebsitePlaceholder.stories.js CHANGED
@@ -7,10 +7,23 @@ export default {
7
7
  component: WebsitePlaceholder,
8
8
  };
9
9
 
10
- const Template = ({ title, announcement, logo, ...args }) => {
10
+ const Template = ({
11
+ title,
12
+ announcement,
13
+ logo,
14
+ lmBackgroundUrl,
15
+ dmBackgroundUrl,
16
+ ...args
17
+ }) => {
11
18
  return (
12
19
  <>
13
- <WebsitePlaceholder title={title} announcement={announcement} logo={logo}>
20
+ <WebsitePlaceholder
21
+ title={title}
22
+ announcement={announcement}
23
+ logo={logo}
24
+ lmBackgroundUrl={lmBackgroundUrl}
25
+ dmBackgroundUrl={dmBackgroundUrl}
26
+ >
14
27
  <Box sx={{ height: "300px" }}>
15
28
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
16
29
  eiusmod tempor incididunt ut labore et dolore magna aliqua. Convallis
@@ -149,7 +162,8 @@ HelloWorld.args = {
149
162
  alt: "Hello World",
150
163
  },
151
164
  announcement: "Coming Soon!",
152
- backgroundColor: "lightgrey",
165
+ lmBackgroundUrl: "https://via.placeholder.com/1920x1080",
166
+ dmBackgroundUrl: "https://via.placeholder.com/1920x1080",
153
167
  };
154
168
 
155
169
  HelloMars.args = {
@@ -159,5 +173,6 @@ HelloMars.args = {
159
173
  alt: "Hello Mars",
160
174
  },
161
175
  announcement: "In cinama's this summer!",
162
- backgroundColor: "slategrey",
176
+ lmBackgroundUrl: "https://via.placeholder.com/1920x1080",
177
+ dmBackgroundUrl: "https://via.placeholder.com/1920x1080",
163
178
  };