umwd-components 0.1.201 → 0.1.202

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 (4) hide show
  1. package/dist/cjs/components/FluidBackground.js +2 -3
  2. package/dist/esm/components/FluidBackground.js +2 -3
  3. package/package.json +1 -1
  4. package/src/components/FluidBackground.tsx +3 -3
package/dist/cjs/components/FluidBackground.js CHANGED
@@ -22,7 +22,6 @@ function FluidBackground() {
22
22
  const [minSize, setMinSize] = React.useState(0);
23
23
  const [maxSize, setMaxSize] = React.useState(0);
24
24
  const theme = material.useTheme();
25
- const darkMode = Boolean(theme.palette.mode === "dark");
26
25
  let transitionInterval = null;
27
26
  const handleMove = (x, y) => {
28
27
  setObjectX(x);
@@ -138,7 +137,7 @@ function FluidBackground() {
138
137
  display: "Block",
139
138
  width: "100%",
140
139
  height: "100%",
141
- background: darkMode ? "#2d2d2d" : "#fafafa",
140
+ background: theme.palette.mode === "dark" ? "#2d2d2d" : "#fafafa",
142
141
  zIndex: -1
143
142
  }
144
143
  }), /*#__PURE__*/React.createElement("svg", {
@@ -250,7 +249,7 @@ function FluidBackground() {
250
249
  }, "SKILLS AND EXPERTISE TO BRING YOUR VISION TO LIFE.")))), /*#__PURE__*/React.createElement("rect", {
251
250
  width: "100%",
252
251
  height: "100%",
253
- fill: darkMode ? "#222" : "#fff",
252
+ fill: theme.palette.mode === "dark" ? "#222" : "#fff",
254
253
  mask: "url(#mask)"
255
254
  })));
256
255
  }
package/dist/esm/components/FluidBackground.js CHANGED
@@ -18,7 +18,6 @@ function FluidBackground() {
18
18
  const [minSize, setMinSize] = useState(0);
19
19
  const [maxSize, setMaxSize] = useState(0);
20
20
  const theme = useTheme();
21
- const darkMode = Boolean(theme.palette.mode === "dark");
22
21
  let transitionInterval = null;
23
22
  const handleMove = (x, y) => {
24
23
  setObjectX(x);
@@ -134,7 +133,7 @@ function FluidBackground() {
134
133
  display: "Block",
135
134
  width: "100%",
136
135
  height: "100%",
137
- background: darkMode ? "#2d2d2d" : "#fafafa",
136
+ background: theme.palette.mode === "dark" ? "#2d2d2d" : "#fafafa",
138
137
  zIndex: -1
139
138
  }
140
139
  }), /*#__PURE__*/React__default.createElement("svg", {
@@ -246,7 +245,7 @@ function FluidBackground() {
246
245
  }, "SKILLS AND EXPERTISE TO BRING YOUR VISION TO LIFE.")))), /*#__PURE__*/React__default.createElement("rect", {
247
246
  width: "100%",
248
247
  height: "100%",
249
- fill: darkMode ? "#222" : "#fff",
248
+ fill: theme.palette.mode === "dark" ? "#222" : "#fff",
250
249
  mask: "url(#mask)"
251
250
  })));
252
251
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.201",
3
+ "version": "0.1.202",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/FluidBackground.tsx CHANGED
@@ -13,7 +13,7 @@ function FluidBackground() {
13
13
  const [minSize, setMinSize] = useState(0);
14
14
  const [maxSize, setMaxSize] = useState(0);
15
15
  const theme = useTheme();
16
- const darkMode = Boolean(theme.palette.mode === "dark");
16
+
17
17
  let transitionInterval: NodeJS.Timeout | null = null;
18
18
 
19
19
  const handleMove = (x: number, y: number) => {
@@ -149,7 +149,7 @@ function FluidBackground() {
149
149
  display: "Block",
150
150
  width: "100%",
151
151
  height: "100%",
152
- background: darkMode ? "#2d2d2d" : "#fafafa",
152
+ background: theme.palette.mode === "dark" ? "#2d2d2d" : "#fafafa",
153
153
  zIndex: -1,
154
154
  }}
155
155
  />
@@ -263,7 +263,7 @@ function FluidBackground() {
263
263
  <rect
264
264
  width={"100%"}
265
265
  height={"100%"}
266
- fill={darkMode ? "#222" : "#fff"}
266
+ fill={theme.palette.mode === "dark" ? "#222" : "#fff"}
267
267
  mask="url(#mask)"
268
268
  ></rect>
269
269
  </svg>