ublo-lib 1.31.15 → 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 +1186 -0
- package/es/common/components/editable-map/icons/index.js +1 -0
- 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
|
@@ -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
|
}
|