@swr-data-lab/components 1.12.3 → 1.12.4

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/maplibre/GeocoderControl/GeocoderControl.svelte +7 -3
  3. package/src/maplibre/Map/Map.svelte +12 -8
  4. package/src/maplibre/MapStyle/components/Landuse.ts +1 -1
  5. package/src/maplibre/Tooltip/Tooltip.svelte +2 -1
package/package.json CHANGED
@@ -67,7 +67,7 @@
67
67
  "svelte": "./src/index.js"
68
68
  }
69
69
  },
70
- "version": "1.12.3",
70
+ "version": "1.12.4",
71
71
  "overrides": {
72
72
  "storybook": "$storybook"
73
73
  }
package/src/maplibre/GeocoderControl/GeocoderControl.svelte CHANGED
@@ -68,7 +68,7 @@
68
68
  font-size: var(--fs-small-1);
69
69
  border-radius: var(--br-small);
70
70
  border: 1px solid rgba(0, 0, 0, 0.75);
71
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
71
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.075);
72
72
  }
73
73
 
74
74
  .maplibre-gl-geocoder--error {
@@ -85,7 +85,7 @@
85
85
  background-color: transparent;
86
86
  color: var(--gray-dark-5);
87
87
  border: 0;
88
- height: 2em;
88
+ height: 1.85em;
89
89
  padding: 0 1.85em;
90
90
  padding-top: 0.1em;
91
91
  text-overflow: ellipsis;
@@ -93,8 +93,12 @@
93
93
  overflow: hidden;
94
94
  }
95
95
 
96
+ .maplibregl-ctrl-geocoder--input::placeholder {
97
+ opacity: 1;
98
+ color: var(--gray-dark-2);
99
+ }
96
100
  .maplibregl-ctrl-geocoder--input:focus {
97
- color: rgba(0, 0, 0, 0.75);
101
+ color: var(--gray-dark-5);
98
102
  outline: 0;
99
103
  }
100
104
 
package/src/maplibre/Map/Map.svelte CHANGED
@@ -106,9 +106,10 @@
106
106
  {/if}
107
107
  {/if}
108
108
  {#if showDebug}
109
- <div class="debug">
110
- {JSON.stringify({ ...center, zoom, allowZoom, allowRotation })}
111
- </div>
109
+ <pre class="debug">
110
+ {Object.entries({ ...center, zoom, allowZoom, allowRotation })
111
+ .map(([key, val]) => `${key}: ${val}`)
112
+ .join('\n')}</pre>
112
113
  {/if}
113
114
  </div>
114
115
 
@@ -122,9 +123,10 @@
122
123
  position: absolute;
123
124
  top: 0;
124
125
  right: 0;
125
- background: black;
126
+ background: rgba(0, 0, 0, 0.9);
126
127
  color: white;
127
128
  z-index: 1000;
129
+ padding: 2px;
128
130
  font-family: monospace;
129
131
  }
130
132
  :global {
@@ -210,9 +212,11 @@
210
212
  }
211
213
 
212
214
  .maplibregl-ctrl-group {
213
- background: #fff;
215
+ background: white;
216
+ border: 1px solid rgba(0, 0, 0, 0.75);
217
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.075);
214
218
  border-radius: var(--br-small);
215
- border: 1px solid var(--violet-dark-5);
219
+ overflow: hidden;
216
220
  }
217
221
 
218
222
  .maplibregl-ctrl-group button {
@@ -244,11 +248,11 @@
244
248
  }
245
249
 
246
250
  .maplibregl-ctrl button:disabled .maplibregl-ctrl-icon {
247
- opacity: 0.25;
251
+ opacity: 0.5;
248
252
  }
249
253
 
250
254
  .maplibregl-ctrl button:not(:disabled):hover {
251
- background-color: rgb(0 0 0/5%);
255
+ background-color: var(--gray-light-5);
252
256
  }
253
257
 
254
258
  .maplibregl-ctrl-group button:focus:focus-visible {
package/src/maplibre/MapStyle/components/Landuse.ts CHANGED
@@ -15,7 +15,7 @@ export default function makeLanduse(): any {
15
15
  type: 'fill',
16
16
  'source-layer': 'ocean',
17
17
  paint: {
18
- 'fill-color': 'hsl(219, 56%, 93%)'
18
+ 'fill-color': 'hsl(220, 30%, 96%)'
19
19
  }
20
20
  },
21
21
  {
package/src/maplibre/Tooltip/Tooltip.svelte CHANGED
@@ -70,9 +70,10 @@
70
70
  <style>
71
71
  .container {
72
72
  background: white;
73
- padding: 0.65em;
73
+ padding: 0.75em;
74
74
  border-radius: 2px;
75
75
  border: 1px solid rgba(0, 0, 0, 0.75);
76
+ border-radius: var(--br-small);
76
77
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
77
78
  pointer-events: none;
78
79
  }