@swr-data-lab/components 1.12.4 → 1.12.5

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/maplibre/Maplibre.mdx +1 -1
  3. package/src/maplibre/Tooltip/Tooltip.svelte +21 -14
package/package.json CHANGED
@@ -67,7 +67,7 @@
67
67
  "svelte": "./src/index.js"
68
68
  }
69
69
  },
70
- "version": "1.12.4",
70
+ "version": "1.12.5",
71
71
  "overrides": {
72
72
  "storybook": "$storybook"
73
73
  }
package/src/maplibre/Maplibre.mdx CHANGED
@@ -9,7 +9,7 @@ import * as MapStyleStories from './MapStyle/SWRDataLabLight.stories.svelte';
9
9
 
10
10
  Lightweight svelte components and basemaps for rendering custom slippy maps using the [versatiles](https://docs.versatiles.org/) stack.
11
11
 
12
- Based on [prior work](https://github.com/SWRdata/frontend_svelte_p012_spritpreise/blob/main/src/lib/components/Map/Map.svelte) from [Jakob Bauer](https://github.com/AgricolaJKB), [dimfield](https://github.com/dimfeld/svelte-maplibre) and [MIRUNE](https://github.com/MIERUNE/svelte-maplibre-gl).
12
+ Based on [prior work](https://github.com/SWRdata/frontend_svelte_p012_spritpreise/blob/main/src/lib/components/Map/Map.svelte) from [Michael Kreil](https://github.com/MichaelKreil), [Jakob Bauer](https://github.com/AgricolaJKB), [dimfield](https://github.com/dimfeld/svelte-maplibre) and [MIRUNE](https://github.com/MIERUNE/svelte-maplibre-gl).
13
13
 
14
14
  <Story of={MapStyleStories.Default} />
15
15
 
package/src/maplibre/Tooltip/Tooltip.svelte CHANGED
@@ -104,13 +104,16 @@
104
104
  .maplibregl-popup-anchor-left {
105
105
  flex-direction: row;
106
106
  }
107
+
107
108
  .maplibregl-popup-anchor-right {
108
109
  flex-direction: row-reverse;
109
110
  }
111
+
110
112
  .maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
111
113
  transform: translateY(50%) rotate(45deg);
112
114
  align-self: center;
113
115
  }
116
+
114
117
  .maplibregl-popup-anchor-top .maplibregl-popup-tip {
115
118
  transform: translateY(-50%) rotate(-135deg);
116
119
  align-self: center;
@@ -120,52 +123,56 @@
120
123
  transform: translateX(-50%) rotate(135deg);
121
124
  align-self: center;
122
125
  }
126
+
123
127
  .maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
124
128
  transform: translateY(1em) translateX(-50%) rotate(135deg);
125
129
  }
130
+
126
131
  .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
127
132
  transform: translateY(-1em) translateX(-50%) rotate(135deg);
128
133
  }
134
+
129
135
  .maplibregl-popup-anchor-right .maplibregl-popup-tip {
130
136
  transform: translateX(50%) rotate(-45deg);
131
137
  align-self: center;
132
138
  }
139
+
133
140
  .maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
134
141
  transform: translateX(-1em) translateY(-50%) rotate(-135deg);
135
142
  align-self: flex-end;
136
143
  }
144
+
137
145
  .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
138
146
  transform: translateX(-1em) translateY(50%) rotate(45deg);
139
147
  align-self: flex-end;
140
148
  }
141
149
 
142
150
  .maplibregl-popup-close-button {
143
- background-color: transparent;
144
- border: 0;
145
- cursor: pointer;
146
151
  position: absolute;
147
- top: 0.45em;
148
- right: 0.45em;
152
+ top: 0.5em;
153
+ right: 0.5em;
154
+ cursor: pointer;
155
+ border-radius: 2px;
149
156
  display: flex;
150
- border-radius: var(--br-small);
151
157
  justify-content: center;
152
158
  align-items: center;
153
- padding-bottom: 0.1em;
154
- border: 1px solid var(--violet-dark-5);
155
- font-size: 1.2rem;
156
- width: 1em;
157
- height: 1em;
159
+ padding-bottom: 0.15em;
160
+ font-size: 1.25rem;
161
+ width: 1.1em;
162
+ height: 1.1em;
158
163
  z-index: 100;
164
+ background: white;
165
+ border: 1px solid var(--gray-dark-5);
159
166
  }
160
167
 
161
168
  .maplibregl-popup-close-button:hover,
162
169
  .maplibregl-popup-close-button:focus {
163
- background: rgb(245, 245, 245);
170
+ background: var(--gray-light-5);
164
171
  }
165
172
 
166
173
  .maplibregl-popup-tip {
167
- width: 0.6rem;
168
- height: 0.6rem;
174
+ width: 0.65rem;
175
+ height: 0.65rem;
169
176
  background: white;
170
177
  position: absolute;
171
178
  border-right: 1px solid rgba(0, 0, 0, 0.75);