ublo-lib 1.21.14 → 1.21.16
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/es/lbm/components/lumiplan/icons/cloud.js +9 -4
- package/es/lbm/components/lumiplan/icons/cloud.module.css +0 -7
- package/es/lbm/components/lumiplan/icons/fog.js +8 -19
- package/es/lbm/components/lumiplan/icons/fog.module.css +1 -33
- package/es/lbm/components/lumiplan/icons/heavy-snow.js +35 -0
- package/es/lbm/components/lumiplan/icons/rainy-rainy.js +23 -0
- package/es/lbm/components/lumiplan/icons/rainy.js +5 -13
- package/es/lbm/components/lumiplan/icons/rainy.module.css +1 -32
- package/es/lbm/components/lumiplan/icons/snow-cover.js +1 -1
- package/es/lbm/components/lumiplan/icons/snow.js +11 -15
- package/es/lbm/components/lumiplan/icons/snow.module.css +1 -27
- package/es/lbm/components/lumiplan/icons/storm.js +5 -13
- package/es/lbm/components/lumiplan/icons/storm.module.css +1 -24
- package/es/lbm/components/lumiplan/icons/sun.js +5 -9
- package/es/lbm/components/lumiplan/icons/sun.module.css +0 -12
- package/es/lbm/components/lumiplan/icons/sunny.js +8 -11
- package/es/lbm/components/lumiplan/icons/variable-snow.js +32 -0
- package/es/lbm/components/lumiplan/icons/variable-storm.js +27 -0
- package/es/lbm/components/lumiplan/icons/variable.js +23 -0
- package/es/lbm/components/lumiplan/lumiplan.module.css +0 -4
- package/es/lbm/components/lumiplan/weather/snow-data.module.css +3 -3
- package/es/lbm/components/lumiplan/weather/weather-data.module.css +3 -3
- package/es/lbm/components/lumiplan/weather/weather-icon.d.ts.map +1 -1
- package/es/lbm/components/lumiplan/weather/weather-icon.js +11 -6
- package/package.json +1 -1
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import styles from "./cloud.module.css";
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
5
|
const CloudIcon = ({
|
|
5
6
|
width = 24,
|
|
6
7
|
height = 24
|
|
7
8
|
}) => {
|
|
8
|
-
return
|
|
9
|
+
return _jsxs("svg", {
|
|
9
10
|
className: styles.cloud,
|
|
10
11
|
height: height,
|
|
11
12
|
viewBox: "0 0 24 24",
|
|
12
13
|
width: width,
|
|
13
|
-
children: _jsx("path", {
|
|
14
|
-
d: "
|
|
15
|
-
|
|
14
|
+
children: [_jsx("path", {
|
|
15
|
+
d: "M15.78 17.26H5.51c-1.71 0-3.1-1.39-3.1-3.1a3.08 3.08 0 0 1 2.99-3.1c.18-2 1.86-3.57 3.91-3.57 1.47 0 2.83.84 3.49 2.14.33-.17.7-.26 1.08-.26 1.31 0 2.38 1.07 2.38 2.38v.05c1.31.22 2.28 1.34 2.28 2.71 0 1.51-1.23 2.75-2.75 2.75h-.01ZM5.51 11.79c-1.31 0-2.38 1.07-2.38 2.38 0 1.31 1.07 2.38 2.38 2.38h10.27c1.12 0 2.03-.91 2.03-2.03 0-1.12-.86-1.99-1.97-2.03-.11 0-.2-.05-.27-.13a.34.34 0 0 1-.07-.29 1.662 1.662 0 0 0-1.63-1.97c-.37 0-.72.12-1.01.35a.366.366 0 0 1-.56-.16 3.203 3.203 0 0 0-6.2 1.13c0 .11-.04.21-.12.28-.07.07-.17.1-.27.09h-.2Z",
|
|
16
|
+
fill: "#244C5A"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M19.95 14.52c-.08 0-.17-.03-.23-.08a.372.372 0 0 1-.13-.28v-.02c0-.2.16-.36.36-.36h.03c.52-.14.88-.61.88-1.15 0-.66-.54-1.2-1.2-1.2-.07 0-.15 0-.22.02a.381.381 0 0 1-.32-.09.365.365 0 0 1-.11-.31c.02-.15.03-.31.03-.46 0-1.73-1.41-3.13-3.13-3.13-.82 0-1.6.32-2.19.9-.14.14-.37.14-.51 0a.362.362 0 0 1 0-.51 3.82 3.82 0 0 1 2.7-1.1c2.13 0 3.85 1.73 3.85 3.85v.13c1.01.06 1.81.89 1.81 1.91 0 .93-.66 1.72-1.57 1.88h-.06.01Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
20
|
+
})]
|
|
16
21
|
});
|
|
17
22
|
};
|
|
18
23
|
export default CloudIcon;
|
|
@@ -11,26 +11,15 @@ const FogIcon = ({
|
|
|
11
11
|
height: height,
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
width: width,
|
|
14
|
-
children: [
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}), _jsx("path", {
|
|
18
|
-
d: "M23.5298 11.7442C23.4997 11.9058 23.4695 12.0676 23.4356 12.2488H23.2136C16.8542 12.2488 10.4948 12.2482 4.13554 12.2526C3.97469 12.2527 3.88538 12.2184 3.84255 12.0503C3.78288 11.8161 3.70015 11.5879 3.62109 11.3375C3.69902 11.3316 3.75672 11.3237 3.81451 11.3237C10.352 11.3232 16.8895 11.3232 23.4271 11.3234C23.4613 11.3234 23.4956 11.3254 23.5298 11.3265V11.7442V11.7442Z"
|
|
19
|
-
}), _jsx("path", {
|
|
20
|
-
d: "M11.1112 2.00977C11.5427 2.08045 11.9781 2.13297 12.4049 2.22624C13.0137 2.35932 13.5901 2.59 14.1311 2.92591H7.27963C7.27294 2.90708 7.26635 2.88817 7.25977 2.86925C7.65393 2.70737 8.03755 2.50614 8.4449 2.3933C8.99002 2.24205 9.55341 2.15932 10.109 2.04704C10.169 2.03499 10.2288 2.02219 10.2887 2.00977H11.1112V2.00977Z"
|
|
21
|
-
}), _jsx("path", {
|
|
22
|
-
d: "M4.36816 13.1953H23.2229C23.0772 13.5005 22.942 13.7888 22.7999 14.0737C22.787 14.0994 22.7309 14.1098 22.6935 14.1146C22.6395 14.1213 22.5842 14.1165 22.5294 14.1165C16.7683 14.1166 11.0072 14.1157 5.24628 14.1208C5.06219 14.121 4.94115 14.0729 4.84402 13.9123C4.70247 13.6781 4.54219 13.4555 4.36816 13.1953"
|
|
23
|
-
}), _jsx("path", {
|
|
24
|
-
d: "M22.7964 8.52027H3.43945C3.49602 8.23114 3.54722 7.95481 3.60792 7.68074C3.61489 7.64921 3.67174 7.6174 3.71079 7.60799C3.76265 7.59528 3.81969 7.60432 3.87446 7.60432C9.87616 7.60432 15.8779 7.60535 21.8795 7.59961C22.0648 7.59952 22.1898 7.65288 22.2914 7.80215C22.4491 8.03377 22.6135 8.26079 22.7964 8.52027"
|
|
25
|
-
}), _jsx("path", {
|
|
26
|
-
d: "M3.91406 6.6525C4.06456 6.3484 4.19604 6.07499 4.33703 5.80666C4.3567 5.76949 4.42126 5.74953 4.46898 5.73721C4.51406 5.72563 4.56432 5.73448 4.61223 5.73448C8.67453 5.73457 12.7368 5.71481 16.7987 5.75358C17.49 5.76008 18.1867 5.65909 18.8821 5.80017C19.6351 5.95302 20.3421 6.19857 21.038 6.6525L3.91406 6.65241V6.6525Z"
|
|
27
|
-
}), _jsx("path", {
|
|
28
|
-
d: "M22.1028 15.1122C21.7725 15.3877 21.444 15.6655 21.1093 15.9353C21.068 15.9687 20.9932 15.9683 20.9339 15.9683C16.3859 15.9697 11.838 15.9698 7.28997 15.9675C7.21834 15.9675 7.13439 15.9553 7.07689 15.9168C6.68357 15.6538 6.2958 15.3823 5.90625 15.1136C5.91406 15.0963 5.92169 15.0788 5.9295 15.0615H22.0594C22.0738 15.0785 22.0883 15.0953 22.1028 15.1122"
|
|
29
|
-
}), _jsx("path", {
|
|
30
|
-
d: "M16.3646 4.80359H5.04693C5.03366 4.78862 5.02029 4.77366 5.00684 4.75869C5.28825 4.4737 5.56712 4.18589 5.85455 3.9074C5.88966 3.87342 5.97164 3.88312 6.03187 3.88312C9.14858 3.88208 12.2654 3.88123 15.3822 3.88707C15.4789 3.88726 15.5985 3.93432 15.6681 4.00161C15.9193 4.24406 16.1538 4.50457 16.3948 4.75832C16.3846 4.77337 16.3746 4.78853 16.3646 4.80359Z"
|
|
31
|
-
})]
|
|
14
|
+
children: [_jsx("path", {
|
|
15
|
+
d: "M9.49 9.42H6.55a.38.38 0 1 1 0-.76h2.94c.58 0 1.06-.47 1.06-1.06v-.04a1.06 1.06 0 0 0-2.12 0 .38.38 0 1 1-.76 0c0-1 .82-1.82 1.82-1.82s1.82.82 1.82 1.82v.04c0 1-.82 1.82-1.82 1.82ZM14.19 9.42h-2.25a.38.38 0 1 1 0-.76h2.25c.35 0 .63-.28.63-.63a.63.63 0 0 0-.63-.63.63.63 0 0 0-.63.63.38.38 0 1 1-.76 0 1.39 1.39 0 1 1 2.78 0c0 .77-.62 1.39-1.39 1.39Z",
|
|
16
|
+
fill: "#244C5A"
|
|
32
17
|
}), _jsx("path", {
|
|
33
|
-
d: "
|
|
18
|
+
d: "M18.12 11.1H8.2a.38.38 0 1 1 0-.76h9.92a.78.78 0 1 0-.78-.78.38.38 0 1 1-.76 0 1.54 1.54 0 1 1 1.54 1.54ZM6.81 11.1H5.48a.38.38 0 1 1 0-.76h1.33a.38.38 0 1 1 0 .76ZM13.3 18.25c-1.23 0-2.23-1-2.23-2.23v-.38a.38.38 0 1 1 .76 0v.38a1.47 1.47 0 0 0 2.94 0v-.03c0-.81-.66-1.47-1.47-1.47H6.59a.38.38 0 1 1 0-.76h6.71c1.23 0 2.23 1 2.23 2.23v.03c0 1.23-1 2.23-2.23 2.23Z",
|
|
19
|
+
fill: "#244C5A"
|
|
20
|
+
}), _jsx("path", {
|
|
21
|
+
d: "M18.13 16.11a2 2 0 0 1-2-2v-.19a.38.38 0 1 1 .76 0v.19a1.24 1.24 0 1 0 2.48 0v-.03c0-.68-.55-1.24-1.24-1.24H9.52a.38.38 0 1 1 0-.76h8.61a2 2 0 0 1 2 2v.03a2 2 0 0 1-2 2ZM8.01 12.84H4.25a.38.38 0 1 1 0-.76h3.76a.38.38 0 1 1 0 .76Z",
|
|
22
|
+
fill: "#4EC3E0"
|
|
34
23
|
})]
|
|
35
24
|
});
|
|
36
25
|
};
|
|
@@ -1,34 +1,2 @@
|
|
|
1
|
-
.fog
|
|
2
|
-
fill: hsl(var(--secondary));
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.fog > g > path:nth-child(8) {
|
|
6
|
-
animation: fog-phasing 2560ms -640ms ease-in-out infinite;
|
|
7
|
-
}
|
|
8
|
-
.fog > g > path:nth-child(7) {
|
|
9
|
-
animation: fog-phasing 2560ms -320ms ease-in-out infinite;
|
|
10
|
-
}
|
|
11
|
-
.fog > g > path:nth-child(6) {
|
|
12
|
-
animation: fog-phasing 2560ms 0ms ease-in-out infinite;
|
|
13
|
-
}
|
|
14
|
-
.fog > g > path:nth-child(5) {
|
|
15
|
-
animation: fog-phasing 2560ms 320ms ease-in-out infinite;
|
|
16
|
-
}
|
|
17
|
-
.fog > g > path:nth-child(4) {
|
|
18
|
-
animation: fog-phasing 2560ms 640ms ease-in-out infinite;
|
|
19
|
-
}
|
|
20
|
-
.fog > g > path:nth-child(3) {
|
|
21
|
-
animation: fog-phasing 2560ms 960ms ease-in-out infinite;
|
|
22
|
-
}
|
|
23
|
-
.fog > g > path:nth-child(2) {
|
|
24
|
-
animation: fog-phasing 2560ms 1280ms ease-in-out infinite;
|
|
25
|
-
}
|
|
26
|
-
.fog > g > path:nth-child(1) {
|
|
27
|
-
animation: fog-phasing 2560ms 1600ms ease-in-out infinite;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@keyframes fog-phasing {
|
|
31
|
-
50% {
|
|
32
|
-
opacity: 0.2;
|
|
33
|
-
}
|
|
1
|
+
.fog {
|
|
34
2
|
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import styles from "./snow.module.css";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
const HeavySnowIcon = ({
|
|
6
|
+
width = 24,
|
|
7
|
+
height = 24
|
|
8
|
+
}) => {
|
|
9
|
+
return _jsxs("svg", {
|
|
10
|
+
className: styles.snow,
|
|
11
|
+
height: height,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
width: width,
|
|
14
|
+
children: [_jsx("path", {
|
|
15
|
+
d: "M8.18 21.15c-.2 0-.36-.16-.36-.36v-5.64c0-.2.16-.36.36-.36.2 0 .36.16.36.36v5.64c0 .2-.16.36-.36.36Z",
|
|
16
|
+
fill: "#4EC3E0"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M10.58 19.82c-.06 0-.13-.02-.19-.05L5.6 16.79a.368.368 0 0 1-.12-.5c.1-.17.33-.22.5-.12l4.79 2.98c.17.1.22.33.12.5-.07.11-.19.17-.31.17Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
20
|
+
}), _jsx("path", {
|
|
21
|
+
d: "M5.79 19.82c-.12 0-.24-.06-.31-.17a.37.37 0 0 1 .12-.5l4.79-2.98c.17-.1.39-.05.5.12.1.17.05.39-.12.5l-4.79 2.98a.32.32 0 0 1-.19.05ZM13.76 15.61c-.2 0-.36-.16-.36-.36v-4.88c0-.2.16-.36.36-.36.2 0 .36.16.36.36v4.88c0 .2-.16.36-.36.36Z",
|
|
22
|
+
fill: "#4EC3E0"
|
|
23
|
+
}), _jsx("path", {
|
|
24
|
+
d: "M15.83 14.46c-.06 0-.13-.02-.19-.05l-4.15-2.58a.368.368 0 0 1-.12-.5c.1-.17.33-.22.5-.12l4.15 2.58c.17.1.22.33.12.5-.07.11-.19.17-.31.17Z",
|
|
25
|
+
fill: "#4EC3E0"
|
|
26
|
+
}), _jsx("path", {
|
|
27
|
+
d: "M11.68 14.46c-.12 0-.24-.06-.31-.17a.37.37 0 0 1 .12-.5l4.15-2.58c.17-.1.39-.05.5.12.1.17.05.39-.12.5l-4.15 2.58a.32.32 0 0 1-.19.05Z",
|
|
28
|
+
fill: "#4EC3E0"
|
|
29
|
+
}), _jsx("path", {
|
|
30
|
+
d: "M17.62 13.2c-.2 0-.36-.16-.36-.36 0-.2.16-.36.36-.36.97 0 1.75-.79 1.75-1.75a1.758 1.758 0 0 0-2.08-1.72.381.381 0 0 1-.32-.09.398.398 0 0 1-.11-.31c.03-.21.05-.43.05-.64 0-2.42-1.97-4.39-4.39-4.39-1.93 0-3.61 1.24-4.19 3.08-.05.17-.23.28-.41.25a2.81 2.81 0 0 0-.5-.04c-1.55 0-2.82 1.26-2.82 2.82 0 1.56 1.26 2.82 2.82 2.82h2.3c.2 0 .36.16.36.36 0 .2-.16.36-.36.36h-2.3c-1.95 0-3.54-1.59-3.54-3.54s1.59-3.54 3.54-3.54c.1 0 .21 0 .31.01a5.084 5.084 0 0 1 4.78-3.29c2.82 0 5.11 2.29 5.11 5.11v.3c1.36 0 2.46 1.11 2.46 2.47s-1.11 2.47-2.47 2.47l.01-.02Z",
|
|
31
|
+
fill: "#244C5A"
|
|
32
|
+
})]
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
export default HeavySnowIcon;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import styles from "./rainy.module.css";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
const RainyRainyIcon = ({
|
|
6
|
+
width = 24,
|
|
7
|
+
height = 24
|
|
8
|
+
}) => {
|
|
9
|
+
return _jsxs("svg", {
|
|
10
|
+
className: styles.rainy,
|
|
11
|
+
height: height,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
width: width,
|
|
14
|
+
children: [_jsx("path", {
|
|
15
|
+
d: "M18.43 15.78c-.22 0-.39-.17-.39-.39s.17-.39.39-.39c1.22 0 2.21-.99 2.21-2.21s-.94-2.18-2.15-2.21a.401.401 0 0 1-.37-.47 1.81 1.81 0 0 0-2.89-1.77.4.4 0 0 1-.35.07.37.37 0 0 1-.26-.24 3.52 3.52 0 0 0-3.27-2.26c-1.93 0-3.5 1.57-3.5 3.5 0 .11-.04.22-.12.29-.08.08-.19.11-.3.11-.08 0-.15-.01-.22-.01-1.43 0-2.6 1.17-2.6 2.6 0 1.43 1.17 2.6 2.6 2.6.22 0 .39.17.39.39s-.17.39-.39.39c-1.86 0-3.38-1.52-3.38-3.38 0-1.86 1.45-3.31 3.26-3.38.2-2.18 2.03-3.89 4.26-3.89a4.3 4.3 0 0 1 3.81 2.33c.36-.18.76-.28 1.18-.28a2.59 2.59 0 0 1 2.59 2.59v.06c1.43.24 2.49 1.46 2.49 2.95 0 1.65-1.34 3-3 3h.01Z",
|
|
16
|
+
fill: "#244C5A"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M8.52 18.74s-.1 0-.15-.03a.39.39 0 0 1-.21-.51l.46-1.11a.39.39 0 1 1 .72.3l-.46 1.11a.39.39 0 0 1-.36.24Zm1.21-2.92s-.1 0-.15-.03a.39.39 0 0 1-.21-.51l.75-1.81a.39.39 0 0 1 .72.3l-.75 1.81a.39.39 0 0 1-.36.24ZM11.62 18.46s-.1 0-.15-.03a.39.39 0 0 1-.21-.51l.35-.84a.39.39 0 0 1 .72.3l-.35.84a.39.39 0 0 1-.36.24Zm1.1-2.65s-.1 0-.15-.03a.39.39 0 0 1-.21-.51l.75-1.81a.39.39 0 0 1 .72.3l-.75 1.81a.39.39 0 0 1-.36.24ZM14.62 18.46s-.1 0-.15-.03a.39.39 0 0 1-.21-.51l.35-.84a.39.39 0 0 1 .72.3l-.35.84a.39.39 0 0 1-.36.24Zm1.1-2.65s-.1 0-.15-.03a.39.39 0 0 1-.21-.51l.75-1.81a.39.39 0 0 1 .72.3l-.75 1.81a.39.39 0 0 1-.36.24Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
export default RainyRainyIcon;
|
|
@@ -12,19 +12,11 @@ const RainyIcon = ({
|
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
width: width,
|
|
14
14
|
children: [_jsx("path", {
|
|
15
|
-
d: "
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
d: "M16.9094 14.7443C16.9094 15.5485 16.9101 16.3524 16.9088 17.1564C16.9086 17.2863 16.9107 17.4175 16.8933 17.5456C16.852 17.8494 16.6921 17.9876 16.3944 17.9936C16.0831 17.9998 15.9312 17.8843 15.8707 17.5786C15.8489 17.4683 15.845 17.353 15.8449 17.24C15.8433 15.5749 15.8437 13.9101 15.844 12.245C15.844 12.172 15.8437 12.0988 15.8496 12.026C15.8811 11.6416 16.0414 11.4794 16.3846 11.4815C16.724 11.4835 16.8959 11.6513 16.9003 12.0401C16.9105 12.9414 16.9035 13.8429 16.9035 14.7443H16.9094V14.7443Z"
|
|
21
|
-
}), _jsx("path", {
|
|
22
|
-
d: "M7.28922 14.7454C7.28922 13.9333 7.28856 13.1211 7.28997 12.309C7.29016 12.1792 7.2879 12.0477 7.30729 11.9201C7.3535 11.6147 7.51124 11.4837 7.81317 11.4815C8.12319 11.4793 8.27011 11.5966 8.331 11.9047C8.34813 11.9916 8.35312 12.0822 8.35322 12.1709C8.35435 13.8846 8.35406 15.5984 8.35388 17.312C8.35388 17.3606 8.35265 17.4097 8.34851 17.4579C8.31566 17.8372 8.1502 18 7.80536 17.9937C7.47726 17.9875 7.30343 17.8211 7.299 17.4498C7.28828 16.5485 7.29552 15.647 7.29552 14.7454H7.28922V14.7454Z"
|
|
23
|
-
}), _jsx("path", {
|
|
24
|
-
d: "M13.7348 19.5282C13.7346 18.7079 13.7337 17.8875 13.7356 17.0673C13.7358 16.9378 13.7351 16.8057 13.7578 16.6792C13.8118 16.3785 13.9779 16.2491 14.2779 16.254C14.5679 16.2588 14.7232 16.3845 14.7765 16.6764C14.7982 16.7951 14.7986 16.9187 14.7987 17.04C14.7999 18.6889 14.7997 20.3376 14.7994 21.9864C14.7994 22.0676 14.7993 22.1491 14.7934 22.23C14.7668 22.5996 14.6064 22.7683 14.2807 22.773C13.938 22.7778 13.7526 22.6108 13.7442 22.2325C13.7287 21.5345 13.7366 20.8359 13.735 20.1373C13.7346 19.9342 13.7349 19.7312 13.7348 19.5282"
|
|
25
|
-
}), _jsx("path", {
|
|
26
|
-
d: "M9.45426 19.5208C9.45426 18.7087 9.4536 17.8964 9.45501 17.0843C9.4552 16.9545 9.45284 16.823 9.47223 16.6954C9.51844 16.39 9.67628 16.2591 9.97811 16.2569C10.2882 16.2547 10.4351 16.3719 10.4959 16.6801C10.5131 16.767 10.5181 16.8575 10.5181 16.9463C10.5194 18.66 10.519 20.3737 10.5187 22.0874C10.5187 22.136 10.5177 22.185 10.5135 22.2332C10.4807 22.6125 10.3152 22.7754 9.9704 22.769C9.6423 22.7627 9.46847 22.5965 9.46404 22.2251C9.45322 21.3239 9.46056 20.4223 9.46056 19.5208H9.45426V19.5208Z"
|
|
27
|
-
})]
|
|
15
|
+
d: "M18.07 16.55a.39.39 0 0 1-.39-.39c0-.21.18-.39.39-.39a2.2 2.2 0 0 0 2.2-2.2c0-1.21-.94-2.17-2.14-2.2a.38.38 0 0 1-.29-.15.41.41 0 0 1-.08-.32 1.805 1.805 0 0 0-1.77-2.13c-.4 0-.78.13-1.1.38a.4.4 0 0 1-.35.07.37.37 0 0 1-.26-.24 3.498 3.498 0 0 0-3.26-2.25c-1.92 0-3.49 1.56-3.49 3.49a.4.4 0 0 1-.13.3c-.08.07-.19.11-.3.1h-.22a2.59 2.59 0 0 0 0 5.18c.22 0 .39.18.39.39 0 .21-.18.39-.39.39-1.86 0-3.37-1.51-3.37-3.37s1.45-3.3 3.25-3.37a4.28 4.28 0 0 1 4.25-3.88c1.6 0 3.08.92 3.8 2.32a2.59 2.59 0 0 1 3.76 2.31v.06c1.42.24 2.48 1.46 2.48 2.95 0 1.65-1.34 2.99-2.99 2.99l.01-.04Z",
|
|
16
|
+
fill: "#244C5A"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M8.85 18.22c-.05 0-.11-.01-.16-.03-.2-.09-.29-.32-.2-.52l.81-1.82c.09-.2.32-.29.52-.2.2.09.29.32.2.52l-.81 1.82a.38.38 0 0 1-.36.23ZM11.83 18.22c-.05 0-.11-.01-.16-.03-.2-.09-.29-.32-.2-.52l.81-1.82c.09-.2.32-.29.52-.2.2.09.29.32.2.52l-.81 1.82a.38.38 0 0 1-.36.23ZM14.81 18.22c-.05 0-.11-.01-.16-.03a.392.392 0 0 1-.2-.52l.81-1.82c.09-.2.32-.29.52-.2.2.09.29.32.2.52l-.81 1.82a.38.38 0 0 1-.36.23Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
28
20
|
})]
|
|
29
21
|
});
|
|
30
22
|
};
|
|
@@ -1,33 +1,2 @@
|
|
|
1
|
-
.rainy
|
|
2
|
-
fill: hsl(var(--secondary));
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.rainy > g > path:nth-child(5) {
|
|
6
|
-
animation: rainy-translate 2560ms ease-in-out infinite;
|
|
7
|
-
}
|
|
8
|
-
.rainy > g > path:nth-child(4) {
|
|
9
|
-
animation: rainy-translate 2560ms 320ms ease-in-out infinite;
|
|
10
|
-
}
|
|
11
|
-
.rainy > g > path:nth-child(3) {
|
|
12
|
-
animation: rainy-translate 2560ms 640ms ease-in-out infinite;
|
|
13
|
-
}
|
|
14
|
-
.rainy > g > path:nth-child(2) {
|
|
15
|
-
animation: rainy-translate 2560ms 960ms ease-in-out infinite;
|
|
16
|
-
}
|
|
17
|
-
.rainy > g > path:nth-child(1) {
|
|
18
|
-
animation: rainy-translate 2560ms 1280ms ease-in-out infinite;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@keyframes rainy-translate {
|
|
22
|
-
0% {
|
|
23
|
-
opacity: 0;
|
|
24
|
-
transform: translateY(-5%);
|
|
25
|
-
}
|
|
26
|
-
50% {
|
|
27
|
-
opacity: 0.5;
|
|
28
|
-
}
|
|
29
|
-
100% {
|
|
30
|
-
opacity: 0;
|
|
31
|
-
transform: translateY(5%);
|
|
32
|
-
}
|
|
1
|
+
.rainy {
|
|
33
2
|
}
|
|
@@ -11,7 +11,7 @@ const SnowCoverIcon = ({
|
|
|
11
11
|
width: width,
|
|
12
12
|
className: className,
|
|
13
13
|
children: _jsx("path", {
|
|
14
|
-
d: "
|
|
14
|
+
d: "m18.719 13.29-3.064 1.055-1.236-.708V11.38l1.236-.709 3.064 1.055a.411.411 0 0 0 .527-.264.411.411 0 0 0-.264-.527l-2.372-.807 2.224-1.285a.426.426 0 0 0 .148-.577.426.426 0 0 0-.576-.148l-2.224 1.285.478-2.454a.415.415 0 0 0-.33-.495.415.415 0 0 0-.494.33l-.626 3.18-1.236.707-.939-.543-.016-.017-.956-.56V8.135l2.438-2.125a.404.404 0 0 0 .034-.593.404.404 0 0 0-.594-.033L12.063 7.03V4.428A.425.425 0 0 0 11.635 4a.425.425 0 0 0-.428.428v2.57l-1.878-1.63a.433.433 0 0 0-.593.032.433.433 0 0 0 .033.593l2.438 2.125v1.417l-.956.56-.955.56-1.235-.708-.626-3.18a.415.415 0 0 0-.495-.329.415.415 0 0 0-.329.494l.478 2.455-2.224-1.285a.426.426 0 0 0-.577.148.426.426 0 0 0 .149.577L6.66 10.11l-2.372.808c-.214.082-.346.313-.263.527.082.214.313.346.527.263l3.064-1.054 1.235.708v2.257h.017l-1.236.709-3.064-1.055a.411.411 0 0 0-.527.264.411.411 0 0 0 .264.527l2.372.807-2.224 1.285a.426.426 0 0 0-.148.576.426.426 0 0 0 .576.149l2.224-1.285-.477 2.454c-.05.231.098.445.329.495.23.049.445-.1.494-.33l.626-3.18 1.236-.707.971.56.956.56v1.416L8.802 18.99a.404.404 0 0 0-.033.593.404.404 0 0 0 .593.033l1.878-1.647v2.603c0 .23.181.428.428.428.23 0 .429-.181.429-.428v-2.57l1.877 1.647a.433.433 0 0 0 .593-.033.433.433 0 0 0-.033-.593l-2.47-2.141v-1.417l.955-.56.955-.56 1.236.708.626 3.18c.05.23.263.378.494.329a.415.415 0 0 0 .33-.494l-.478-2.455 2.224 1.285c.197.116.46.05.576-.148a.426.426 0 0 0-.148-.577L16.61 14.89l2.372-.808c.214-.082.346-.313.264-.527-.083-.214-.313-.346-.527-.263Zm-5.19-.79v1.12l-.955.56-.939.544-.972-.56-.955-.56V11.38l.955-.56.956-.56.955.56.017.016.939.544v1.12Z"
|
|
15
15
|
})
|
|
16
16
|
});
|
|
17
17
|
};
|
|
@@ -12,21 +12,17 @@ const SnowIcon = ({
|
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
width: width,
|
|
14
14
|
children: [_jsx("path", {
|
|
15
|
-
d: "
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
d: "M12.9542 21.6635C12.9557 22.2643 12.4842 22.7476 11.8944 22.75C11.3061 22.7524 10.8294 22.2694 10.8281 21.6696C10.827 21.0714 11.3027 20.583 11.8883 20.5811C12.4737 20.5792 12.9529 21.0658 12.9542 21.6635Z"
|
|
27
|
-
}), _jsx("path", {
|
|
28
|
-
d: "M17.2315 19.5036C17.2285 20.103 16.7509 20.5838 16.1623 20.5801C15.5762 20.5763 15.1028 20.0876 15.1055 19.4889C15.1081 18.8897 15.586 18.4111 16.1766 18.4161C16.77 18.421 17.2346 18.9001 17.2315 19.5036Z"
|
|
29
|
-
})]
|
|
15
|
+
d: "M12.22 18.14c-.18 0-.33-.15-.33-.33v-5.2c0-.18.15-.33.33-.33.18 0 .33.15.33.33v5.2c0 .18-.15.33-.33.33Z",
|
|
16
|
+
fill: "#4EC3E0"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M14.43 16.91c-.06 0-.12-.02-.17-.05l-4.41-2.74c-.16-.1-.2-.3-.11-.46.1-.16.3-.2.46-.11l4.41 2.74c.16.1.2.3.11.46-.06.1-.17.16-.28.16h-.01Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
20
|
+
}), _jsx("path", {
|
|
21
|
+
d: "M10.02 16.91c-.11 0-.22-.06-.28-.16a.33.33 0 0 1 .11-.46l4.41-2.74c.16-.1.36-.05.46.11.1.16.05.36-.11.46l-4.41 2.74c-.05.03-.12.05-.17.05h-.01Z",
|
|
22
|
+
fill: "#4EC3E0"
|
|
23
|
+
}), _jsx("path", {
|
|
24
|
+
d: "M17.18 15.4h-1.04c-.18 0-.33-.15-.33-.33 0-.18.15-.33.33-.33h1.04c.89 0 1.62-.72 1.62-1.62 0-.9-.72-1.62-1.62-1.62-.1 0-.2 0-.3.03a.314.314 0 0 1-.29-.09.348.348 0 0 1-.1-.29c.03-.2.04-.39.04-.59 0-2.23-1.81-4.04-4.04-4.04-1.78 0-3.33 1.14-3.86 2.83a.33.33 0 0 1-.37.23 2.608 2.608 0 0 0-3.06 2.56c0 1.43 1.17 2.6 2.6 2.6h.46c.18 0 .33.15.33.33 0 .18-.15.33-.33.33H7.8a3.26 3.26 0 1 1 .29-6.51 4.679 4.679 0 0 1 4.4-3.03c2.6 0 4.71 2.11 4.71 4.71v.27c1.25 0 2.27 1.03 2.27 2.28 0 1.25-1.02 2.28-2.28 2.28h-.01Z",
|
|
25
|
+
fill: "#244C5A"
|
|
30
26
|
})]
|
|
31
27
|
});
|
|
32
28
|
};
|
|
@@ -1,28 +1,2 @@
|
|
|
1
|
-
.snow
|
|
2
|
-
fill: hsl(var(--secondary));
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.snow > g > path:nth-child(6) {
|
|
6
|
-
animation: phasing-snow 2560ms ease-in-out infinite;
|
|
7
|
-
}
|
|
8
|
-
.snow > g > path:nth-child(5) {
|
|
9
|
-
animation: phasing-snow 2560ms 320ms ease-in-out infinite;
|
|
10
|
-
}
|
|
11
|
-
.snow > g > path:nth-child(4) {
|
|
12
|
-
animation: phasing-snow 2560ms 640ms ease-in-out infinite;
|
|
13
|
-
}
|
|
14
|
-
.snow > g > path:nth-child(3) {
|
|
15
|
-
animation: phasing-snow 2560ms 960ms ease-in-out infinite;
|
|
16
|
-
}
|
|
17
|
-
.snow > g > path:nth-child(2) {
|
|
18
|
-
animation: phasing-snow 2560ms 1280ms ease-in-out infinite;
|
|
19
|
-
}
|
|
20
|
-
.snow > g > path:nth-child(1) {
|
|
21
|
-
animation: phasing-snow 2560ms 1600ms ease-in-out infinite;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@keyframes phasing-snow {
|
|
25
|
-
50% {
|
|
26
|
-
opacity: 0.1;
|
|
27
|
-
}
|
|
1
|
+
.snow {
|
|
28
2
|
}
|
|
@@ -1,27 +1,19 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import styles from "./storm.module.css";
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
4
|
const StormIcon = ({
|
|
6
5
|
width = 24,
|
|
7
6
|
height = 24
|
|
8
7
|
}) => {
|
|
9
|
-
return
|
|
8
|
+
return _jsx("svg", {
|
|
10
9
|
className: styles.storm,
|
|
11
10
|
height: height,
|
|
12
11
|
viewBox: "0 0 24 24",
|
|
13
12
|
width: width,
|
|
14
|
-
children:
|
|
15
|
-
d: "
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
d: "M5.42578 20.6793L8.80799 17.9439L8.2366 16.6228L7.67199 15.3183H7.67651L7.68253 15.3214L8.23651 13.9587L8.79039 12.5889H6.53364L5.97976 13.9602L5.4382 15.285L5.42917 15.2896L5.43378 15.2999L5.42578 15.3183H5.44197L6.00065 16.623L6.56733 17.9451L6.55708 17.971L5.42578 20.6793Z"
|
|
19
|
-
}), _jsx("path", {
|
|
20
|
-
d: "M10.1074 22.8359L13.4896 20.1004L12.9182 18.7836L12.3536 17.4833H12.3582L12.3642 17.4822L12.9182 16.1215L13.472 14.7539H11.2153L10.6614 16.121L10.1198 17.4435L10.1107 17.4473L10.1154 17.4613L10.1074 17.4833H10.1236L10.6823 18.7838L11.249 20.1037L11.2387 20.1285L10.1074 22.8359Z"
|
|
21
|
-
}), _jsx("path", {
|
|
22
|
-
d: "M14.7979 20.6793L18.1802 17.9439L17.6087 16.6228L17.0441 15.3183H17.0487L17.0547 15.3214L17.6086 13.9587L18.1626 12.5889H15.9057L15.3518 13.9602L14.8103 15.285L14.8012 15.2896L14.8059 15.2999L14.7979 15.3183H14.814L15.3727 16.623L15.9395 17.9451L15.9292 17.971L14.7979 20.6793Z"
|
|
23
|
-
})]
|
|
24
|
-
})]
|
|
13
|
+
children: _jsx("path", {
|
|
14
|
+
d: "M8.65 20.19a.36.36 0 0 1-.33-.51l3.15-7.03H8.98c-.12 0-.23-.06-.3-.16a.345.345 0 0 1-.03-.34l3.52-8.12c.06-.13.19-.22.33-.22h5.15c.13 0 .25.07.32.19.06.12.06.26-.01.37l-3.37 5.29h3.07c.14 0 .27.08.33.21s.03.28-.06.39l-9.01 9.81c-.07.08-.17.12-.27.12Zm.88-8.26h2.5c.12 0 .24.06.3.16.07.1.08.23.03.34l-2.47 5.51 6.95-7.57h-2.91a.37.37 0 0 1-.32-.19.375.375 0 0 1 .01-.37l3.37-5.29h-4.26l-3.21 7.4.01.01Z",
|
|
15
|
+
fill: "#4EC3E0"
|
|
16
|
+
})
|
|
25
17
|
});
|
|
26
18
|
};
|
|
27
19
|
export default StormIcon;
|
|
@@ -1,25 +1,2 @@
|
|
|
1
|
-
.storm
|
|
2
|
-
fill: hsl(var(--secondary));
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.storm > g > path:nth-child(3) {
|
|
6
|
-
animation: flashing-storm 2560ms ease-in-out infinite;
|
|
7
|
-
}
|
|
8
|
-
.storm > g > path:nth-child(2) {
|
|
9
|
-
animation: flashing-storm 2560ms 320ms ease-in-out infinite;
|
|
10
|
-
}
|
|
11
|
-
.storm > g > path:nth-child(1) {
|
|
12
|
-
animation: flashing-storm 2560ms 640ms ease-in-out infinite;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@keyframes flashing-storm {
|
|
16
|
-
15%,
|
|
17
|
-
30%,
|
|
18
|
-
34% {
|
|
19
|
-
opacity: 1;
|
|
20
|
-
}
|
|
21
|
-
16%,
|
|
22
|
-
31% {
|
|
23
|
-
opacity: 0;
|
|
24
|
-
}
|
|
1
|
+
.storm {
|
|
25
2
|
}
|
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import styles from "./sun.module.css";
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
4
|
const SunIcon = ({
|
|
6
5
|
width = 24,
|
|
7
6
|
height = 24
|
|
8
7
|
}) => {
|
|
9
|
-
return
|
|
8
|
+
return _jsx("svg", {
|
|
10
9
|
className: styles.sun,
|
|
11
10
|
height: height,
|
|
12
11
|
viewBox: "0 0 24 24",
|
|
13
12
|
width: width,
|
|
14
|
-
children:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}), _jsx("path", {
|
|
19
|
-
d: "M11.87 8.01c2.15 0 3.93 1.8 3.93 3.99 0 2.19-1.78 4-3.93 3.98a3.97 3.97 0 0 1-3.92-4 3.97 3.97 0 0 1 3.92-3.97Zm-5.87 4a5.93 5.93 0 0 0 5.89 5.96A5.93 5.93 0 0 0 17.76 12c0-3.3-2.63-5.96-5.88-5.97-3.25 0-5.9 2.7-5.88 6v-.02Z"
|
|
20
|
-
})]
|
|
13
|
+
children: _jsx("path", {
|
|
14
|
+
d: "M12.01 15.93c-2.18 0-3.96-1.78-3.96-3.96a3.97 3.97 0 0 1 3.96-3.96 3.97 3.97 0 0 1 3.96 3.96 3.97 3.97 0 0 1-3.96 3.96Zm0-7.2a3.24 3.24 0 1 0 0 6.48 3.24 3.24 0 1 0 0-6.48ZM12.03 6.4c-.2 0-.36-.16-.36-.36V4.3c0-.2.16-.36.36-.36.2 0 .36.16.36.36v1.74c0 .2-.16.36-.36.36ZM15.56 7.56c-.07 0-.15-.02-.21-.07a.364.364 0 0 1-.08-.5l1.03-1.4c.12-.16.34-.19.5-.08.16.12.19.34.08.5l-1.03 1.4c-.07.1-.18.15-.29.15ZM17.72 10.58c-.15 0-.29-.1-.34-.25a.36.36 0 0 1 .24-.45l1.66-.52a.36.36 0 1 1 .21.69l-1.66.52s-.07.02-.11.02v-.01ZM19.32 14.86s-.08 0-.12-.02l-1.64-.56a.353.353 0 0 1-.22-.46c.06-.19.27-.29.46-.22l1.64.56c.19.06.29.27.22.46-.05.15-.19.24-.34.24ZM16.42 18.69a.37.37 0 0 1-.3-.15l-.99-1.43a.365.365 0 0 1 .09-.5c.16-.11.39-.07.5.09l.99 1.43c.11.16.07.39-.09.5a.36.36 0 0 1-.2.06ZM11.82 20.06c-.2 0-.36-.17-.35-.37l.05-1.74c0-.2.17-.36.37-.35.2 0 .36.17.35.37l-.05 1.74c0 .2-.17.35-.36.35h-.01ZM7.31 18.44c-.08 0-.15-.02-.22-.08a.345.345 0 0 1-.06-.5l1.07-1.37c.12-.16.35-.19.5-.06.16.12.19.35.06.5L7.59 18.3c-.07.09-.18.14-.28.14ZM4.62 14.47c-.16 0-.3-.1-.35-.26a.36.36 0 0 1 .25-.44l1.67-.48c.19-.05.39.06.44.25a.36.36 0 0 1-.25.44l-1.67.48s-.07.01-.1.01h.01ZM6.44 10.28s-.08 0-.13-.02l-1.63-.61a.355.355 0 0 1-.21-.46c.07-.19.28-.28.46-.21l1.63.61a.355.355 0 0 1-.13.69h.01ZM8.76 7.37c-.12 0-.23-.06-.3-.16l-.95-1.45a.365.365 0 0 1 .1-.5c.17-.11.39-.06.5.1l.95 1.45c.11.17.06.39-.1.5a.36.36 0 0 1-.2.06Z",
|
|
15
|
+
fill: "#4EC3E0"
|
|
16
|
+
})
|
|
21
17
|
});
|
|
22
18
|
};
|
|
23
19
|
export default SunIcon;
|
|
@@ -12,17 +12,14 @@ const SunnyIcon = ({
|
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
width: width,
|
|
14
14
|
children: [_jsx("path", {
|
|
15
|
-
d: "
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}), _jsx("path", {
|
|
24
|
-
d: "M12.1172 3.19741C12.117 2.89963 12.1099 2.60174 12.1186 2.30424C12.1325 1.82141 12.4934 1.4537 12.9528 1.44174C13.4271 1.42941 13.8175 1.75713 13.8364 2.24353C13.8613 2.8872 13.8608 3.53351 13.8349 4.17727C13.8161 4.64391 13.4161 4.98104 12.9644 4.97115C12.505 4.96118 12.135 4.59271 12.1194 4.11534C12.1093 3.80965 12.1175 3.50339 12.1172 3.19741Z"
|
|
25
|
-
})]
|
|
15
|
+
d: "M8.64 13.59c.59-2.62 1.94-4.05 4.04-4.29 2.15-.24 3.79.8 4.87 3.08 1.97.46 2.54.97 2.93 2.64.18.07.38.14.58.23.9.39 1.46 1.31 1.35 2.22-.12 1.02-.87 1.81-1.88 1.96-.22.03-.44.04-.66.04-3.28 0-6.55 0-9.83.01-.67 0-1.31-.09-1.9-.45a3.007 3.007 0 0 1-.24-4.97c.23-.18.49-.31.74-.47Zm8.39-.49c-.7-2.09-2.08-3.41-4.41-3.05-2.2.34-3.16 1.92-3.27 4.05-.22.09-.41.16-.58.24-.97.47-1.49 1.48-1.31 2.55.16.97.97 1.69 2.04 1.8.34.04.68.04 1.03.04h5.87c1.27 0 2.55.02 3.82-.02.83-.02 1.41-.59 1.48-1.35.07-.74-.43-1.38-1.25-1.57-.21-.05-.42-.08-.6-.12-.55-2.2-.73-2.36-2.81-2.58l-.01.01Zm-2.05 5.91c.5.35 1.23.35 1.7 0h-1.7Z",
|
|
16
|
+
fill: "#244C5A"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M7.17 13.88c-.15.18-.28.33-.42.51-.79-.39-1.27-1.05-1.52-1.86-.4-1.28.19-2.79 1.39-3.56.92-.6 2.89-.61 3.78.51-.16.13-.31.27-.49.42-.68-.5-1.4-.76-2.21-.58-.59.13-1.08.45-1.42.97-.81 1.21-.51 2.43.89 3.59ZM7.57 8.11c-.52-.7-.3-1.59-.58-2.42.24-.1.43-.17.6-.25.08.12.15.18.16.24.1.62.21 1.25.27 1.88.02.18-.13.37-.2.55h-.26.01ZM2.28 12.84c-.1-.19-.18-.35-.29-.55.82-.4 1.65-.34 2.52-.51l.2.72c-.86.12-1.62.22-2.42.34h-.01ZM5.26 9.62c-.87-.18-1.38-.91-2.06-1.32.01-.16 0-.27.04-.35.05-.1.15-.18.29-.32.57.43 1.13.85 1.68 1.28.21.17.2.19.06.72l-.01-.01ZM10.69 8.93c-.2-.16-.33-.26-.43-.34 0-.1 0-.16.02-.19.34-.47.68-.95 1.02-1.42.2-.28.44-.45.88-.2-.26.85-.89 1.43-1.49 2.14v.01ZM4.27 16.27c.57-.6.82-1.5 1.71-1.85.25.59.08.9-1.1 2.18a.71.71 0 0 1-.61-.33Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
20
|
+
}), _jsx("path", {
|
|
21
|
+
d: "M14.98 19.02h1.7c-.48.35-1.2.35-1.7 0Z",
|
|
22
|
+
fill: "#244C5A"
|
|
26
23
|
})]
|
|
27
24
|
});
|
|
28
25
|
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import styles from "./snow.module.css";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
const VariableSnowIcon = ({
|
|
6
|
+
width = 24,
|
|
7
|
+
height = 24
|
|
8
|
+
}) => {
|
|
9
|
+
return _jsxs("svg", {
|
|
10
|
+
className: styles.snow,
|
|
11
|
+
height: height,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
width: width,
|
|
14
|
+
children: [_jsx("path", {
|
|
15
|
+
d: "M6.86 10.76c-.17.11-.3.2-.46.31-.54-.5-.77-1.14-.78-1.86-.01-1.12.82-2.19 1.97-2.53.88-.26 2.46.2 2.92 1.32l-.5.22c-.43-.56-.94-.95-1.64-.99-.51-.03-.97.11-1.37.44-.94.78-.99 1.83-.14 3.1v-.01ZM8.56 6.22c-.25-.69.13-1.35.12-2.09.22-.02.38-.04.55-.05.04.12.08.18.07.23-.07.53-.13 1.05-.23 1.57-.03.15-.19.27-.29.4l-.21-.07-.01.01ZM3.17 8.76c-.04-.18-.07-.32-.1-.51.76-.13 1.41.12 2.14.19 0 .21 0 .38-.01.62-.72-.11-1.36-.21-2.03-.31v.01ZM6.34 6.88C5.68 6.52 5.45 5.82 5 5.33c.05-.13.06-.22.11-.27.07-.07.16-.1.31-.19.36.48.71.95 1.04 1.43.13.19.12.2-.13.59l.01-.01ZM10.87 7.62c-.13-.18-.2-.29-.26-.38.03-.08.03-.13.06-.15.38-.3.77-.6 1.16-.89.23-.17.46-.26.75.05-.41.62-1.05.94-1.71 1.37ZM3.95 11.99c.6-.34 1.02-1.01 1.81-1.08.06.54-.15.75-1.4 1.49a.603.603 0 0 1-.41-.41Z",
|
|
16
|
+
fill: "#244C5A"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M13.7 19.92c-.18 0-.33-.15-.33-.33v-5.2c0-.18.15-.33.33-.33.18 0 .33.15.33.33v5.2c0 .18-.15.33-.33.33Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
20
|
+
}), _jsx("path", {
|
|
21
|
+
d: "M15.9 18.69c-.06 0-.12-.02-.17-.05l-4.41-2.74c-.16-.1-.2-.3-.11-.46.1-.16.3-.2.46-.11l4.41 2.74c.16.1.2.3.11.46-.06.1-.17.16-.28.16h-.01Z",
|
|
22
|
+
fill: "#4EC3E0"
|
|
23
|
+
}), _jsx("path", {
|
|
24
|
+
d: "M11.49 18.69c-.11 0-.22-.06-.28-.16a.33.33 0 0 1 .11-.46l4.41-2.74c.16-.1.36-.05.46.11.1.16.05.36-.11.46l-4.41 2.74c-.05.03-.12.05-.17.05h-.01Z",
|
|
25
|
+
fill: "#4EC3E0"
|
|
26
|
+
}), _jsx("path", {
|
|
27
|
+
d: "M18.65 17.19h-1.04c-.18 0-.33-.15-.33-.33 0-.18.15-.33.33-.33h1.04c.89 0 1.62-.72 1.62-1.62 0-.9-.72-1.62-1.62-1.62-.1 0-.2 0-.3.03a.314.314 0 0 1-.29-.09.348.348 0 0 1-.1-.29c.03-.2.04-.39.04-.59 0-2.23-1.81-4.04-4.04-4.04-1.78 0-3.33 1.14-3.86 2.83a.33.33 0 0 1-.37.23 2.608 2.608 0 0 0-3.06 2.56c0 1.43 1.17 2.6 2.6 2.6h.46c.18 0 .33.15.33.33 0 .18-.15.33-.33.33h-.46a3.26 3.26 0 1 1 .29-6.51 4.679 4.679 0 0 1 4.4-3.03c2.6 0 4.71 2.11 4.71 4.71v.27c1.25 0 2.27 1.03 2.27 2.28 0 1.25-1.02 2.28-2.28 2.28h-.01Z",
|
|
28
|
+
fill: "#244C5A"
|
|
29
|
+
})]
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
export default VariableSnowIcon;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import styles from "./storm.module.css";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
const StormIcon = ({
|
|
6
|
+
width = 24,
|
|
7
|
+
height = 24
|
|
8
|
+
}) => {
|
|
9
|
+
return _jsxs("svg", {
|
|
10
|
+
className: styles.storm,
|
|
11
|
+
height: height,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
width: width,
|
|
14
|
+
children: [_jsx("path", {
|
|
15
|
+
d: "M9.21762 0.711914C9.76049 0.805091 10.3127 0.860338 10.8443 0.997749C13.0804 1.57591 14.8038 2.88311 16.0221 4.86768C16.1755 5.11737 16.3155 5.1649 16.5911 5.13008C18.3843 4.90382 19.9942 5.39116 21.3747 6.55831C23.0164 7.94608 23.7964 9.75455 23.7104 11.9272C23.6102 14.4649 21.9223 16.8001 19.5789 17.6761C19.5499 17.687 19.5186 17.6916 19.4657 17.7049C19.4585 17.6355 19.4468 17.5763 19.4466 17.5172C19.4454 16.8585 19.4491 16.1996 19.4431 15.5411C19.4418 15.4045 19.483 15.3258 19.5982 15.2468C21.0196 14.2709 21.7106 12.9052 21.55 11.1706C21.3985 9.5297 20.5401 8.32942 19.065 7.63869C17.7676 7.03144 16.4708 7.11483 15.2131 7.8034C15.1499 7.83803 15.0882 7.87521 15.0254 7.91069C15.0187 7.91446 15.01 7.91474 14.9867 7.92029C14.9398 7.75907 14.9002 7.59399 14.8442 7.43493C13.9445 4.87954 12.1898 3.32528 9.53724 2.95954C6.09828 2.48528 2.93837 4.90796 2.41442 8.3874C2.08152 10.5983 2.72999 12.5146 4.29894 14.095C4.41602 14.2128 4.47155 14.3238 4.46967 14.4938C4.46082 15.29 4.46571 16.0863 4.46571 16.948C4.13611 16.7187 3.83098 16.5317 3.55324 16.3095C1.60934 14.7528 0.484253 12.7315 0.231359 10.2204C0.224959 10.157 0.202465 10.0954 0.1875 10.033V8.8129C0.234088 8.5009 0.277006 8.18824 0.327924 7.8769C0.875406 4.53516 3.51823 1.69187 6.77075 0.959726C7.26016 0.849514 7.76134 0.793138 8.25696 0.711914H9.21762Z"
|
|
16
|
+
}), _jsxs("g", {
|
|
17
|
+
children: [_jsx("path", {
|
|
18
|
+
d: "M5.42578 20.6793L8.80799 17.9439L8.2366 16.6228L7.67199 15.3183H7.67651L7.68253 15.3214L8.23651 13.9587L8.79039 12.5889H6.53364L5.97976 13.9602L5.4382 15.285L5.42917 15.2896L5.43378 15.2999L5.42578 15.3183H5.44197L6.00065 16.623L6.56733 17.9451L6.55708 17.971L5.42578 20.6793Z"
|
|
19
|
+
}), _jsx("path", {
|
|
20
|
+
d: "M10.1074 22.8359L13.4896 20.1004L12.9182 18.7836L12.3536 17.4833H12.3582L12.3642 17.4822L12.9182 16.1215L13.472 14.7539H11.2153L10.6614 16.121L10.1198 17.4435L10.1107 17.4473L10.1154 17.4613L10.1074 17.4833H10.1236L10.6823 18.7838L11.249 20.1037L11.2387 20.1285L10.1074 22.8359Z"
|
|
21
|
+
}), _jsx("path", {
|
|
22
|
+
d: "M14.7979 20.6793L18.1802 17.9439L17.6087 16.6228L17.0441 15.3183H17.0487L17.0547 15.3214L17.6086 13.9587L18.1626 12.5889H15.9057L15.3518 13.9602L14.8103 15.285L14.8012 15.2896L14.8059 15.2999L14.7979 15.3183H14.814L15.3727 16.623L15.9395 17.9451L15.9292 17.971L14.7979 20.6793Z"
|
|
23
|
+
})]
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
export default StormIcon;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import styles from "./fog.module.css";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
const VariableIcon = ({
|
|
6
|
+
width = 24,
|
|
7
|
+
height = 24
|
|
8
|
+
}) => {
|
|
9
|
+
return _jsxs("svg", {
|
|
10
|
+
className: styles.fog,
|
|
11
|
+
height: height,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
width: width,
|
|
14
|
+
children: [_jsx("path", {
|
|
15
|
+
d: "M6.7 13.56a.29.29 0 0 1-.23-.1c-.61-.63-.95-1.46-.95-2.33a3.346 3.346 0 0 1 5.64-2.43c.13.12.14.33.01.46a.32.32 0 0 1-.46.01 2.696 2.696 0 0 0-4.54 1.96c0 .7.27 1.37.76 1.88.13.13.12.34 0 .46-.06.06-.15.09-.23.09ZM8.86 6.81c-.18 0-.33-.15-.33-.33V4.77c0-.18.15-.33.33-.33.18 0 .33.15.33.33v1.71c0 .18-.15.33-.33.33ZM12.15 8.17c-.08 0-.17-.03-.23-.1a.32.32 0 0 1 0-.46l1.21-1.21a.32.32 0 0 1 .46 0c.13.13.13.33 0 .46l-1.21 1.21c-.06.06-.15.1-.23.1ZM4.36 15.96c-.08 0-.17-.03-.23-.1a.32.32 0 0 1 0-.46l1.21-1.21a.32.32 0 0 1 .46 0c.13.13.13.33 0 .46l-1.21 1.21c-.06.06-.15.1-.23.1ZM4.21 11.46H2.5c-.18 0-.33-.15-.33-.33 0-.18.15-.33.33-.33h1.71c.18 0 .33.15.33.33 0 .18-.15.33-.33.33ZM5.57 8.17c-.08 0-.17-.03-.23-.1L4.13 6.86a.32.32 0 0 1 0-.46.32.32 0 0 1 .46 0L5.8 7.61c.13.13.13.33 0 .46-.06.06-.15.1-.23.1ZM19.32 18.53c-.18 0-.33-.15-.33-.33 0-.18.15-.33.33-.33 1.03 0 1.86-.83 1.86-1.86 0-1.03-.79-1.83-1.8-1.86-.1 0-.19-.05-.25-.12a.358.358 0 0 1-.07-.27c.02-.09.03-.19.03-.28a1.52 1.52 0 0 0-2.45-1.2c-.08.06-.19.08-.29.06-.1-.03-.18-.1-.22-.2a2.96 2.96 0 0 0-2.75-1.9c-1.62 0-2.94 1.32-2.94 2.94 0 .09-.04.18-.1.25-.07.06-.16.1-.25.09H9.9c-1.2 0-2.18.98-2.18 2.18 0 1.2.98 2.18 2.18 2.18.18 0 .33.15.33.33 0 .18-.15.33-.33.33-1.56 0-2.83-1.27-2.83-2.83s1.22-2.78 2.73-2.83a3.599 3.599 0 0 1 3.58-3.27c1.35 0 2.59.77 3.2 1.96.3-.16.64-.24.99-.24 1.2 0 2.17.98 2.17 2.17v.05c1.2.2 2.09 1.23 2.09 2.48 0 1.39-1.13 2.51-2.51 2.51v-.01Z",
|
|
16
|
+
fill: "#244C5A"
|
|
17
|
+
}), _jsx("path", {
|
|
18
|
+
d: "M11.47 19.55s-.09 0-.13-.03a.326.326 0 0 1-.17-.43l.68-1.53c.07-.17.27-.24.43-.17.17.07.24.27.17.43l-.68 1.53c-.05.12-.17.19-.3.19v.01ZM13.98 19.55s-.09 0-.13-.03a.326.326 0 0 1-.17-.43l.68-1.53c.07-.17.27-.24.43-.17.17.07.24.27.17.43l-.68 1.53c-.05.12-.17.19-.3.19v.01ZM16.49 19.55s-.09 0-.13-.03a.326.326 0 0 1-.17-.43l.68-1.53c.07-.17.27-.24.43-.17.17.07.24.27.17.43l-.68 1.53c-.05.12-.17.19-.3.19v.01Z",
|
|
19
|
+
fill: "#4EC3E0"
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
export default VariableIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"weather-icon.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"weather-icon.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-icon.tsx"],"names":[],"mappings":"AAeA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;CAgBxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,2CAGjD"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import CloudIcon from "../icons/cloud";
|
|
3
3
|
import FogIcon from "../icons/fog";
|
|
4
|
-
import RainIcon from "../icons/rain";
|
|
4
|
+
// import RainIcon from "../icons/rain";
|
|
5
|
+
import VariableIcon from "../icons/variable";
|
|
5
6
|
import RainyIcon from "../icons/rainy";
|
|
7
|
+
import RainyRainyIcon from "../icons/rainy-rainy";
|
|
6
8
|
import SnowIcon from "../icons/snow";
|
|
9
|
+
import VariableSnowIcon from "../icons/variable-snow";
|
|
10
|
+
import HeavySnowIcon from "../icons/heavy-snow";
|
|
7
11
|
import StormIcon from "../icons/storm";
|
|
12
|
+
import VariableStormIcon from "../icons/variable-storm";
|
|
8
13
|
import SunIcon from "../icons/sun";
|
|
9
14
|
import SunnyIcon from "../icons/sunny";
|
|
10
15
|
export const weatherIcons = {
|
|
@@ -15,14 +20,14 @@ export const weatherIcons = {
|
|
|
15
20
|
MOSTLY_CLOUDY_SOME_SUN: CloudIcon,
|
|
16
21
|
CLOUDY: CloudIcon,
|
|
17
22
|
CLOUDY_LIGHT_RAIN: RainyIcon,
|
|
18
|
-
MOSTLY_CLOUDY_LIGHT_RAIN:
|
|
19
|
-
CLOUDY_MODERATE_HEAVY_RAIN:
|
|
20
|
-
VARIABLE_SKY_LIGHT_SNOWFALL:
|
|
23
|
+
MOSTLY_CLOUDY_LIGHT_RAIN: VariableIcon,
|
|
24
|
+
CLOUDY_MODERATE_HEAVY_RAIN: RainyRainyIcon,
|
|
25
|
+
VARIABLE_SKY_LIGHT_SNOWFALL: VariableSnowIcon,
|
|
21
26
|
CLOUDY_LIGHT_SNOWFALL: SnowIcon,
|
|
22
|
-
CLOUDY_MODERATE_HEAVY_SNOWFALL:
|
|
27
|
+
CLOUDY_MODERATE_HEAVY_SNOWFALL: HeavySnowIcon,
|
|
23
28
|
FOG: FogIcon,
|
|
24
29
|
THUNDERSTORMS: StormIcon,
|
|
25
|
-
VARIABLE_SKY_SCATTERED_THUNDERSTORMS:
|
|
30
|
+
VARIABLE_SKY_SCATTERED_THUNDERSTORMS: VariableStormIcon,
|
|
26
31
|
};
|
|
27
32
|
export default function WeatherIcon({ sky }) {
|
|
28
33
|
const Icon = weatherIcons[sky] || weatherIcons.UNDEF;
|