ublo-lib 1.31.16 → 1.31.17
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/common/components/editable-map/editable-map.module.css +7 -7
- package/es/common/components/editable-map/icons/esf-pralognan.js +20 -20
- package/es/common/components/editable-map/marker-list.js +3 -3
- package/es/common/components/editable-map/marker-list.module.css +19 -18
- package/es/common/components/editable-map/slopes-toggle.module.css +1 -1
- package/package.json +1 -1
|
@@ -112,9 +112,9 @@
|
|
|
112
112
|
left: 1px;
|
|
113
113
|
width: calc(100% - 2px);
|
|
114
114
|
height: calc(100% - 2px);
|
|
115
|
-
background-color: var(--ds-grey-
|
|
115
|
+
background-color: var(--ds-grey-000, #fff);
|
|
116
116
|
border-radius: 50%;
|
|
117
|
-
opacity: 0.
|
|
117
|
+
opacity: 0.85;
|
|
118
118
|
pointer-events: none;
|
|
119
119
|
filter: drop-shadow(var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12)));
|
|
120
120
|
transition: transform 160ms
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
|
|
141
141
|
.map :global(.leaflet-tooltip) {
|
|
142
142
|
padding: 10px 16px;
|
|
143
|
-
font-size:
|
|
143
|
+
font-size: 16px;
|
|
144
144
|
font-weight: 700;
|
|
145
145
|
font-family: inherit;
|
|
146
146
|
text-shadow: -1px 0px 1px white, 0px -1px 1px white, 1px 0px 1px white,
|
|
@@ -190,14 +190,14 @@
|
|
|
190
190
|
|
|
191
191
|
.map:global(.leaflet-touch .leaflet-control-layers a:first-child),
|
|
192
192
|
.map:global(.leaflet-touch .leaflet-bar a:first-child) {
|
|
193
|
-
border-top-left-radius: var(--ds-radius-200,
|
|
194
|
-
border-top-right-radius: var(--ds-radius-200,
|
|
193
|
+
border-top-left-radius: var(--ds-radius-200, 10px);
|
|
194
|
+
border-top-right-radius: var(--ds-radius-200, 10px);
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
.map:global(.leaflet-touch .leaflet-control-layers a:last-child),
|
|
198
198
|
.map:global(.leaflet-touch .leaflet-bar a:last-child) {
|
|
199
|
-
border-bottom-left-radius: var(--ds-radius-200,
|
|
200
|
-
border-bottom-right-radius: var(--ds-radius-200,
|
|
199
|
+
border-bottom-left-radius: var(--ds-radius-200, 10px);
|
|
200
|
+
border-bottom-right-radius: var(--ds-radius-200, 10px);
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
.map:global(.leaflet-touch .leaflet-control-layers a span),
|
|
@@ -259,8 +259,8 @@ export function IglooRed(props) {
|
|
|
259
259
|
d: "M0 12a12 12 0 1 1 24 0 12 12 0 0 1-24 0ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
|
|
260
260
|
fill: "#fff"
|
|
261
261
|
}), _jsx("path", {
|
|
262
|
-
|
|
263
|
-
|
|
262
|
+
d: "M12 9a5 5 0 0 0-5 5v.9h2.9v.1H14V15H17v-1a5 5 0 0 0-5-5Zm2.7 4a3.7 3.7 0 0 0-.2-.8H16c.2.2.2.5.3.8h-1.7Zm-1.7.7-.1-.5.5-.3.2.8H13Zm-2.7 0c0-.3.1-.6.3-.8l.4.3-.1.5h-.6Zm-.4.7h-1a6.8 6.8 0 0 1 0-1h1v1Zm4.9-4h-1.2a5.2 5.2 0 0 0-.2-.6h.4l1 .7Zm-.3 1 .1.3h-2a2 2 0 0 0-.4 0v-.8h2l.3.5ZM10 13h-.3l.2-.5v-.3h.6l-.5.8Zm1.7-.9v.6a1 1 0 0 0-.3.2l-.5-.4c.2-.2.5-.4.8-.4Zm-.6-2.3h1.7a5.4 5.4 0 0 1 .3.7h-2.2a3 3 0 0 1 .2-.7Zm1.5 3a1 1 0 0 0-.4 0V12c.3 0 .6.2.9.4l-.5.4Zm-2-3a4.3 4.3 0 0 0-.2.7H9.2l1-.7h.4ZM9.7 11h2v.7l-.3.1H9.3a3 3 0 0 1 .4-.8Zm-.2 1.3-.1.2-.1.6H7.6c0-.3.1-.6.3-.8h1.6Zm3.9 0h.5l.2.4v.4H14c0-.3-.3-.6-.5-.8Zm2.5-.5H15a3.2 3.2 0 0 0-.3-.8h.5l.6.8Zm-7.2-.8H9a4 4 0 0 0-.3.8h-.7l.6-.8Zm-1.2 3v-.4h1a18.2 18.2 0 0 0 0 .8h-1V14Zm2.8.3h.6v.3h-.6v-.3Zm2.8.3v-.3h.5v.3H13Zm1-1h.9a15.4 15.4 0 0 1 0 .8h-1v-.8Zm1.4.9a8 8 0 0 0 0-1h1v1h-1Z",
|
|
263
|
+
fill: "#fff"
|
|
264
264
|
})]
|
|
265
265
|
}, "15");
|
|
266
266
|
}
|
|
@@ -276,15 +276,15 @@ export function CompassRed(props) {
|
|
|
276
276
|
d: "M0 12a12 12 0 1 1 24 0 12 12 0 0 1-24 0ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
|
|
277
277
|
fill: "#fff"
|
|
278
278
|
}), _jsx("path", {
|
|
279
|
-
fill: "#fff",
|
|
280
279
|
fillRule: "evenodd",
|
|
281
|
-
|
|
282
|
-
|
|
280
|
+
clipRule: "evenodd",
|
|
281
|
+
d: "M11.7 8.1c-2.4 0-4.3 3-3.4 5.3.7 1.9 3 3 5 2.3 1.8-.6 3-2.7 2.5-4.5a3.9 3.9 0 0 0-4-3ZM17 12a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z",
|
|
282
|
+
fill: "#fff"
|
|
283
283
|
}), _jsx("path", {
|
|
284
|
-
fill: "#fff",
|
|
285
284
|
fillRule: "evenodd",
|
|
286
|
-
|
|
287
|
-
|
|
285
|
+
clipRule: "evenodd",
|
|
286
|
+
d: "m12.8 12.8 1.7-3.3-3.3 1.7-1.7 3.3 3.3-1.7Zm-.5-.1-1-1-1 2 2-1Z",
|
|
287
|
+
fill: "#fff"
|
|
288
288
|
})]
|
|
289
289
|
}, "16");
|
|
290
290
|
}
|
|
@@ -300,8 +300,8 @@ export function StarsRed(props) {
|
|
|
300
300
|
d: "M0 12a12 12 0 1 1 24 0 12 12 0 0 1-24 0ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
|
|
301
301
|
fill: "#fff"
|
|
302
302
|
}), _jsx("path", {
|
|
303
|
-
|
|
304
|
-
|
|
303
|
+
d: "M8.6 10.3v.5c-.2.8-.4 1-1.4 1.1L7 12l.4.1c.8.2 1 .3 1.1 1.2.1.5.2.5.3-.1 0-.5.2-.7.4-.9l.7-.2c.5 0 .6-.2.1-.2-.7-.1-1-.2-1-.5l-.2-.9-.2-.2ZM14.1 7l-.1.6c-.2 1-.3 1.2-.5 1.5-.3.3-.7.4-1.6.6l-.6.1v.1l.7.2c1.5.2 1.8.5 2 2 0 .6 0 .6.2.6l.2-.5c.2-1.7.4-2 2-2.1l.6-.2c0-.2-.1-.2-.6-.3-1-.1-1.4-.3-1.6-.6-.2-.3-.3-.6-.4-1.3 0-.6-.1-.7-.2-.7H14Zm-1.9 6.1v.2l-.2 1c-.2.4-.5.5-1.3.6-.3 0-.4 0-.4.2l.5.1c1 .2 1.2.4 1.4 1.4v.4c.2 0 .2 0 .2-.4.2-1 .4-1.2 1.3-1.4h.4l.1-.1-.2-.1c-1.2-.2-1.4-.4-1.5-1.4-.1-.4-.2-.6-.3-.5Z",
|
|
304
|
+
fill: "#fff"
|
|
305
305
|
})]
|
|
306
306
|
}, "17");
|
|
307
307
|
}
|
|
@@ -989,8 +989,8 @@ export function IglooGrey(props) {
|
|
|
989
989
|
d: "M0 12a12 12 0 1 1 24 0 12 12 0 0 1-24 0ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
|
|
990
990
|
fill: "#fff"
|
|
991
991
|
}), _jsx("path", {
|
|
992
|
-
|
|
993
|
-
|
|
992
|
+
d: "M12 9a5 5 0 0 0-5 5v.9h2.9v.1H14V15H17v-1a5 5 0 0 0-5-5Zm2.7 4a3.7 3.7 0 0 0-.2-.8H16c.2.2.2.5.3.8h-1.7Zm-1.7.7-.1-.5.5-.3.2.8H13Zm-2.7 0c0-.3.1-.6.3-.8l.4.3-.1.5h-.6Zm-.4.7h-1a6.8 6.8 0 0 1 0-1h1v1Zm4.9-4h-1.2a5.2 5.2 0 0 0-.2-.6h.4l1 .7Zm-.3 1 .1.3h-2a2 2 0 0 0-.4 0v-.8h2l.3.5ZM10 13h-.3l.2-.5v-.3h.6l-.5.8Zm1.7-.9v.6a1 1 0 0 0-.3.2l-.5-.4c.2-.2.5-.4.8-.4Zm-.6-2.3h1.7a5.4 5.4 0 0 1 .3.7h-2.2a3 3 0 0 1 .2-.7Zm1.5 3a1 1 0 0 0-.4 0V12c.3 0 .6.2.9.4l-.5.4Zm-2-3a4.3 4.3 0 0 0-.2.7H9.2l1-.7h.4ZM9.7 11h2v.7l-.3.1H9.3a3 3 0 0 1 .4-.8Zm-.2 1.3-.1.2-.1.6H7.6c0-.3.1-.6.3-.8h1.6Zm3.9 0h.5l.2.4v.4H14c0-.3-.3-.6-.5-.8Zm2.5-.5H15a3.2 3.2 0 0 0-.3-.8h.5l.6.8Zm-7.2-.8H9a4 4 0 0 0-.3.8h-.7l.6-.8Zm-1.2 3v-.4h1a18.2 18.2 0 0 0 0 .8h-1V14Zm2.8.3h.6v.3h-.6v-.3Zm2.8.3v-.3h.5v.3H13Zm1-1h.9a15.4 15.4 0 0 1 0 .8h-1v-.8Zm1.4.9a8 8 0 0 0 0-1h1v1h-1Z",
|
|
993
|
+
fill: "#000"
|
|
994
994
|
})]
|
|
995
995
|
}, "40");
|
|
996
996
|
}
|
|
@@ -1006,15 +1006,15 @@ export function CompassGrey(props) {
|
|
|
1006
1006
|
d: "M0 12a12 12 0 1 1 24 0 12 12 0 0 1-24 0ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
|
|
1007
1007
|
fill: "#fff"
|
|
1008
1008
|
}), _jsx("path", {
|
|
1009
|
-
fill: "#000",
|
|
1010
1009
|
fillRule: "evenodd",
|
|
1011
|
-
|
|
1012
|
-
|
|
1010
|
+
clipRule: "evenodd",
|
|
1011
|
+
d: "M11.7 8.1c-2.4 0-4.3 3-3.4 5.3.7 1.9 3 3 5 2.3 1.8-.6 3-2.7 2.5-4.5a3.9 3.9 0 0 0-4-3ZM17 12a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z",
|
|
1012
|
+
fill: "#000"
|
|
1013
1013
|
}), _jsx("path", {
|
|
1014
|
-
fill: "#000",
|
|
1015
1014
|
fillRule: "evenodd",
|
|
1016
|
-
|
|
1017
|
-
|
|
1015
|
+
clipRule: "evenodd",
|
|
1016
|
+
d: "m12.8 12.8 1.7-3.3-3.3 1.7-1.7 3.3 3.3-1.7Zm-.5-.1-1-1-1 2 2-1Z",
|
|
1017
|
+
fill: "#000"
|
|
1018
1018
|
})]
|
|
1019
1019
|
}, "41");
|
|
1020
1020
|
}
|
|
@@ -1030,8 +1030,8 @@ export function StarsGrey(props) {
|
|
|
1030
1030
|
d: "M0 12a12 12 0 1 1 24 0 12 12 0 0 1-24 0ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z",
|
|
1031
1031
|
fill: "#fff"
|
|
1032
1032
|
}), _jsx("path", {
|
|
1033
|
-
|
|
1034
|
-
|
|
1033
|
+
d: "M8.6 10.3v.5c-.2.8-.4 1-1.4 1.1L7 12l.4.1c.8.2 1 .3 1.1 1.2.1.5.2.5.3-.1 0-.5.2-.7.4-.9l.7-.2c.5 0 .6-.2.1-.2-.7-.1-1-.2-1-.5l-.2-.9-.2-.2ZM14.1 7l-.1.6c-.2 1-.3 1.2-.5 1.5-.3.3-.7.4-1.6.6l-.6.1v.1l.7.2c1.5.2 1.8.5 2 2 0 .6 0 .6.2.6l.2-.5c.2-1.7.4-2 2-2.1l.6-.2c0-.2-.1-.2-.6-.3-1-.1-1.4-.3-1.6-.6-.2-.3-.3-.6-.4-1.3 0-.6-.1-.7-.2-.7H14Zm-1.9 6.1v.2l-.2 1c-.2.4-.5.5-1.3.6-.3 0-.4 0-.4.2l.5.1c1 .2 1.2.4 1.4 1.4v.4c.2 0 .2 0 .2-.4.2-1 .4-1.2 1.3-1.4h.4l.1-.1-.2-.1c-1.2-.2-1.4-.4-1.5-1.4-.1-.4-.2-.6-.3-.5Z",
|
|
1034
|
+
fill: "#000"
|
|
1035
1035
|
})]
|
|
1036
1036
|
}, "42");
|
|
1037
1037
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as L from "leaflet";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
import css from "./marker-list.module.css";
|
|
5
4
|
import Button from "dt-design-system/es/button";
|
|
6
5
|
import * as DTIcons from "dt-design-system/es/icons";
|
|
7
|
-
import * as Icons from "./icons";
|
|
8
6
|
import useWindowSizes from "../../hooks/use-window-sizes";
|
|
7
|
+
import * as Icons from "./icons";
|
|
8
|
+
import css from "./marker-list.module.css";
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
11
|
export default function MarkerList({
|
|
@@ -28,7 +28,7 @@ export default function MarkerList({
|
|
|
28
28
|
const {
|
|
29
29
|
width
|
|
30
30
|
} = useWindowSizes();
|
|
31
|
-
const ToggleIcon = opened ? DTIcons.ChevronRight : DTIcons.
|
|
31
|
+
const ToggleIcon = opened ? DTIcons.ChevronRight : DTIcons.Menu;
|
|
32
32
|
React.useEffect(() => {
|
|
33
33
|
setOpened(width > 992);
|
|
34
34
|
}, [width]);
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
.list {
|
|
2
2
|
position: absolute;
|
|
3
|
-
top:
|
|
4
|
-
right:
|
|
3
|
+
top: 0;
|
|
4
|
+
right: 0;
|
|
5
5
|
max-width: 250px;
|
|
6
|
-
height:
|
|
6
|
+
height: 100%;
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
gap: 4px;
|
|
10
|
-
border-
|
|
11
|
-
|
|
10
|
+
border-left: 1px solid var(--ds-grey-200, #ededed);
|
|
11
|
+
border-radius: 0 var(--ds-radius-100, 6px) var(--ds-radius-100, 6px) 0;
|
|
12
|
+
backdrop-filter: brightness(110%) contrast(90%)
|
|
13
|
+
blur(calc(var(--ds-blur, 5px) * 3));
|
|
12
14
|
transition: background-color 160ms
|
|
13
15
|
var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
|
|
14
16
|
}
|
|
@@ -20,18 +22,9 @@
|
|
|
20
22
|
left: 0;
|
|
21
23
|
width: 100%;
|
|
22
24
|
height: 100%;
|
|
23
|
-
background-color: var(--ds-grey-100, #
|
|
25
|
+
background-color: var(--ds-grey-100, #f8f8f8);
|
|
24
26
|
border-radius: inherit;
|
|
25
|
-
opacity: 0.
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.listOpened {
|
|
29
|
-
padding: 2px;
|
|
30
|
-
backdrop-filter: brightness(110%) contrast(90%) blur(var(--ds-blur, 5px));
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.listOpened:hover {
|
|
34
|
-
opacity: 1;
|
|
27
|
+
opacity: 0.75;
|
|
35
28
|
}
|
|
36
29
|
|
|
37
30
|
button.toggle {
|
|
@@ -87,9 +80,11 @@ button.toggle:hover {
|
|
|
87
80
|
color: inherit;
|
|
88
81
|
font-size: 14px;
|
|
89
82
|
text-align: left;
|
|
90
|
-
border-radius: var(--ds-radius-
|
|
83
|
+
border-radius: var(--ds-radius-200, 10px);
|
|
91
84
|
cursor: pointer;
|
|
92
85
|
user-select: none;
|
|
86
|
+
transition: background-color 160ms
|
|
87
|
+
var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
|
|
93
88
|
}
|
|
94
89
|
|
|
95
90
|
.listIsInDialog .button:first-of-type {
|
|
@@ -97,7 +92,7 @@ button.toggle:hover {
|
|
|
97
92
|
}
|
|
98
93
|
|
|
99
94
|
.button:is(:hover, :focus) {
|
|
100
|
-
background-color: var(--ds-grey-
|
|
95
|
+
background-color: var(--ds-grey-100, #f8f8f8);
|
|
101
96
|
}
|
|
102
97
|
|
|
103
98
|
.buttonImportant {
|
|
@@ -110,4 +105,10 @@ button.toggle:hover {
|
|
|
110
105
|
height: 32px;
|
|
111
106
|
filter: drop-shadow(var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12)));
|
|
112
107
|
fill: var(--ds-secondary, var(--ds-blue-400, #4177f6));
|
|
108
|
+
transition: transform 160ms
|
|
109
|
+
var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.button:is(:hover, :focus) .icon {
|
|
113
|
+
transform: scale(1.08);
|
|
113
114
|
}
|