@swr-data-lab/components 2.8.0 → 2.10.0

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.
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">import FormLabel from '../FormLabel/FormLabel.svelte';
2
- let { label, options, size = 'default', value = $bindable(null) } = $props();
2
+ let { label, options, size = 'default', value = $bindable(null), onchange } = $props();
3
3
  const groupId = $props.id();
4
4
  const groupName = 'select-' + groupId;
5
5
  function optionToID(o) {
@@ -15,7 +15,14 @@ function optionToID(o) {
15
15
  <label for={optionToID(o)}>
16
16
  {o}
17
17
  </label>
18
- <input id={optionToID(o)} name={groupName} value={o} type="radio" bind:group={value} />
18
+ <input
19
+ id={optionToID(o)}
20
+ name={groupName}
21
+ value={o}
22
+ type="radio"
23
+ bind:group={value}
24
+ {onchange}
25
+ />
19
26
  </li>
20
27
  {/each}
21
28
  </ul>
@@ -12,9 +12,13 @@ interface SwitcherProps {
12
12
  */
13
13
  size?: 'default' | 'small';
14
14
  /**
15
- * The currently-selected option
15
+ * The currently-selected option (bindable)
16
16
  */
17
17
  value: string | null;
18
+ /**
19
+ * Fired when the selected value changes (Prefer `value` if possible)
20
+ */
21
+ onchange?: (e: Event) => void;
18
22
  }
19
23
  declare const Switcher: import("svelte").Component<SwitcherProps, {}, "value">;
20
24
  type Switcher = ReturnType<typeof Switcher>;
@@ -12,10 +12,10 @@ export default function SpriteImage({ x, y, width, height, data }) {
12
12
  return (
13
13
  <div
14
14
  style={{
15
+ backgroundSize: `auto`,
15
16
  backgroundImage: `url(${img})`,
16
17
  width: `${width}px`,
17
18
  height: `${height}px`,
18
- backgroundSize: `${w}px auto`,
19
19
  backgroundPosition: `${-x}px ${-y}px`
20
20
  }}
21
21
  ></div>
@@ -12,16 +12,16 @@ export default function makeAdmin() {
12
12
  ['!=', 'coastline', true]
13
13
  ],
14
14
  paint: {
15
- 'line-color': tokens.background,
15
+ 'line-color': '#ffffff',
16
16
  'line-blur': 1,
17
17
  'line-width': {
18
18
  stops: [
19
19
  [2, 0],
20
- [3, 2],
21
- [10, 8]
20
+ [3, 6],
21
+ [10, 7]
22
22
  ]
23
23
  },
24
- 'line-opacity': 0.75
24
+ 'line-opacity': 0.95
25
25
  }
26
26
  },
27
27
  {
@@ -55,13 +55,13 @@ export default function makeAdmin() {
55
55
  ['!=', 'coastline', true]
56
56
  ],
57
57
  paint: {
58
- 'line-color': tokens.background,
58
+ 'line-color': 'white',
59
59
  'line-blur': 1,
60
60
  'line-width': {
61
61
  stops: [
62
62
  [7, 0],
63
- [8, 2],
64
- [10, 4]
63
+ [8, 5],
64
+ [10, 6]
65
65
  ]
66
66
  },
67
67
  'line-opacity': 0.75
@@ -79,15 +79,15 @@ export default function makeAdmin() {
79
79
  paint: {
80
80
  'line-color': {
81
81
  stops: [
82
- [7, '#dedede'],
83
- [10, '#161616']
82
+ [7, '#a5a5a5'],
83
+ [10, '#3f3b39']
84
84
  ]
85
85
  },
86
86
  'line-width': {
87
87
  stops: [
88
88
  [2, 0],
89
89
  [5, 1],
90
- [8, 1],
90
+ [7, 1.5],
91
91
  [12, 3]
92
92
  ]
93
93
  }
@@ -124,7 +124,7 @@ export default function makeAdmin() {
124
124
  ['!=', 'coastline', true]
125
125
  ],
126
126
  paint: {
127
- 'line-color': 'hsl(37, 34%, 79%)',
127
+ 'line-color': 'hsl(37, 10%, 75%)',
128
128
  'line-width': {
129
129
  stops: [
130
130
  [7, 1],
@@ -134,7 +134,7 @@ export default function makeAdmin() {
134
134
  'line-opacity': {
135
135
  stops: [
136
136
  [7, 0],
137
- [8, 1]
137
+ [7.5, 1]
138
138
  ]
139
139
  }
140
140
  }
@@ -21,8 +21,8 @@ export default function makeBuildings() {
21
21
  'fill-color': tokens.building,
22
22
  'fill-opacity': {
23
23
  stops: [
24
- [14, 0],
25
- [15, 1]
24
+ [15, 0],
25
+ [16, 1]
26
26
  ]
27
27
  }
28
28
  }
@@ -6,7 +6,12 @@ export default function makeLanduse() {
6
6
  id: 'background',
7
7
  type: 'background',
8
8
  paint: {
9
- 'background-color': tokens.background
9
+ 'background-color': {
10
+ stops: [
11
+ [8, tokens.background],
12
+ [10, 'white']
13
+ ]
14
+ }
10
15
  }
11
16
  },
12
17
  {
@@ -100,26 +105,14 @@ export default function makeLanduse() {
100
105
  }
101
106
  }
102
107
  },
103
- {
104
- id: 'land-burial',
105
- type: 'fill',
106
- 'source-layer': 'land',
107
- filter: ['all', ['in', 'kind', 'cemetery', 'grave_yard']],
108
- paint: {
109
- 'fill-color': tokens.grass,
110
- 'fill-opacity': {
111
- stops: [
112
- [12, 0],
113
- [13, 1]
114
- ]
115
- }
116
- }
117
- },
118
108
  {
119
109
  id: 'land-leisure',
120
110
  type: 'fill',
121
111
  'source-layer': 'land',
122
- filter: ['all', ['in', 'kind', 'miniature_golf', 'playground', 'golf_course']],
112
+ filter: [
113
+ 'all',
114
+ ['in', 'kind', 'cemetery', 'grave_yard', 'miniature_golf', 'playground', 'golf_course']
115
+ ],
123
116
  paint: {
124
117
  'fill-color': tokens.grass_dark
125
118
  }
@@ -152,22 +145,10 @@ export default function makeLanduse() {
152
145
  id: 'land-grass',
153
146
  type: 'fill',
154
147
  'source-layer': 'land',
155
- filter: ['all', ['in', 'kind', 'grass', 'grassland', 'meadow', 'wet_meadow']],
156
- paint: {
157
- 'fill-color': tokens.grass,
158
- 'fill-opacity': {
159
- stops: [
160
- [11, 0],
161
- [12, 1]
162
- ]
163
- }
164
- }
165
- },
166
- {
167
- id: 'land-vegetation',
168
- type: 'fill',
169
- 'source-layer': 'land',
170
- filter: ['all', ['in', 'kind', 'heath', 'scrub']],
148
+ filter: [
149
+ 'all',
150
+ ['in', 'kind', 'heath', 'scrub', 'grass', 'grassland', 'meadow', 'wet_meadow']
151
+ ],
171
152
  paint: {
172
153
  'fill-color': tokens.grass,
173
154
  'fill-opacity': {
@@ -300,7 +281,7 @@ export default function makeLanduse() {
300
281
  'source-layer': 'water_polygons',
301
282
  filter: ['==', 'kind', 'water'],
302
283
  paint: {
303
- 'fill-color': tokens.water_ocean,
284
+ 'fill-color': tokens.water,
304
285
  'fill-opacity': {
305
286
  stops: [
306
287
  [3, 0],
@@ -402,91 +383,11 @@ export default function makeLanduse() {
402
383
  }
403
384
  },
404
385
  {
405
- id: 'site-dangerarea',
406
- type: 'fill',
407
- 'source-layer': 'sites',
408
- filter: ['in', 'kind', 'danger_area'],
409
- paint: {
410
- 'fill-color': 'hsl(0,0%,50%)',
411
- 'fill-outline-color': 'hsl(0,0%,50%)',
412
- 'fill-opacity': 0.3
413
- }
414
- },
415
- {
416
- id: 'site-university',
417
- type: 'fill',
418
- 'source-layer': 'sites',
419
- filter: ['in', 'kind', 'university'],
420
- paint: {
421
- 'fill-color': 'hsl(60,0%,75%)',
422
- 'fill-opacity': 0.1
423
- }
424
- },
425
- {
426
- id: 'site-college',
427
- type: 'fill',
428
- 'source-layer': 'sites',
429
- filter: ['in', 'kind', 'college'],
430
- paint: {
431
- 'fill-color': 'hsl(60,0%,75%)',
432
- 'fill-opacity': 0.1
433
- }
434
- },
435
- {
436
- id: 'site-school',
386
+ id: 'site-any',
437
387
  type: 'fill',
438
388
  'source-layer': 'sites',
439
- filter: ['in', 'kind', 'school'],
440
389
  paint: {
441
- 'fill-color': 'hsl(60,0%,75%)',
442
- 'fill-opacity': 0.1
443
- }
444
- },
445
- {
446
- id: 'site-hospital',
447
- type: 'fill',
448
- 'source-layer': 'sites',
449
- filter: ['in', 'kind', 'hospital'],
450
- paint: {
451
- 'fill-color': 'hsl(0,0%,70%)',
452
- 'fill-opacity': 0.1
453
- }
454
- },
455
- {
456
- id: 'site-prison',
457
- type: 'fill',
458
- 'source-layer': 'sites',
459
- filter: ['in', 'kind', 'prison'],
460
- paint: {
461
- 'fill-color': 'hsl(305,0%,97%)',
462
- 'fill-opacity': 0.1
463
- }
464
- },
465
- {
466
- id: 'site-parking',
467
- type: 'fill',
468
- 'source-layer': 'sites',
469
- filter: ['in', 'kind', 'parking'],
470
- paint: {
471
- 'fill-color': 'hsl(24,0%,95%)'
472
- }
473
- },
474
- {
475
- id: 'site-bicycleparking',
476
- type: 'fill',
477
- 'source-layer': 'sites',
478
- filter: ['in', 'kind', 'bicycle_parking'],
479
- paint: {
480
- 'fill-color': 'hsl(24,0%,95%)'
481
- }
482
- },
483
- {
484
- id: 'site-construction',
485
- type: 'fill',
486
- 'source-layer': 'sites',
487
- filter: ['in', 'kind', 'construction'],
488
- paint: {
489
- 'fill-color': 'hsl(0,0%,66%)',
390
+ 'fill-color': tokens.street_tertiary,
490
391
  'fill-opacity': 0.1
491
392
  }
492
393
  }
@@ -2,28 +2,7 @@ import tokens from '../tokens';
2
2
  // Hand-authored list of place labes we want to show at low zoom levels
3
3
  // Ideally majorCities would include Frankfurt and Leipzig, but they're not
4
4
  // state capitals so they're not available in the versatiles data until z6
5
- const majorCities = [
6
- 'Berlin',
7
- 'Stuttgart',
8
- 'München',
9
- 'Frankfurt',
10
- 'Hamburg',
11
- 'Mainz'
12
- ];
13
- const majorCountries = [
14
- 'Deutschland',
15
- 'Dänemark',
16
- 'Frankreich',
17
- 'Niederlande',
18
- 'Belgien',
19
- 'Schweiz',
20
- 'Polen',
21
- 'Österreich',
22
- 'Tschechien',
23
- 'Slowakei',
24
- 'Italien',
25
- 'Ungarn'
26
- ];
5
+ const majorCities = ['Berlin', 'Stuttgart', 'München', 'Frankfurt', 'Hamburg', 'Mainz'];
27
6
  // For smaller cities we use the population field to derive our hierarchy,
28
7
  // though that's limited by the fact that versatiles hard-codes population
29
8
  // values for "city" and anything below.
@@ -137,30 +116,30 @@ export default function makePlaceLabels() {
137
116
  layout: {
138
117
  'text-size': {
139
118
  stops: [
140
- [7, 14],
119
+ [7, 16],
141
120
  [15, 20]
142
121
  ]
143
122
  }
144
123
  },
145
124
  paint: {
146
- 'text-color': tokens.label_primary
125
+ 'text-color': tokens.label_secondary
147
126
  }
148
127
  },
149
128
  {
150
129
  id: 'label-place-major-city',
151
130
  filter: ['in', 'name_de', ...majorCities],
152
- minzoom: 5,
131
+ minzoom: 5.5,
153
132
  maxzoom: 12,
154
133
  layout: {
155
134
  'text-size': {
156
135
  stops: [
157
- [7, 13],
158
- [15, 21]
136
+ [7, 14],
137
+ [15, 25]
159
138
  ]
160
139
  }
161
140
  },
162
141
  paint: {
163
- 'text-color': tokens.label_secondary
142
+ 'text-color': tokens.label_tertiary
164
143
  }
165
144
  }
166
145
  ].map((el) => {
@@ -171,7 +150,7 @@ export default function makePlaceLabels() {
171
150
  'source-layer': 'place_labels',
172
151
  layout: {
173
152
  'text-font': tokens.sans_regular,
174
- 'text-letter-spacing': 0.05,
153
+ 'text-letter-spacing': 0.01,
175
154
  'text-field': '{name_de}',
176
155
  ...el.layout
177
156
  },
@@ -187,25 +166,28 @@ export default function makePlaceLabels() {
187
166
  const boundaryLabels = [
188
167
  {
189
168
  id: 'label-boundary-country',
190
- filter: ['all', ['==', 'admin_level', 2], ['in', 'name_de', ...majorCountries]],
169
+ filter: [
170
+ 'all',
171
+ ['==', 'admin_level', 2],
172
+ ['!in', 'name_de', 'Jersey', 'Guernsey', 'Insel Man']
173
+ ],
191
174
  minzoom: 4,
192
175
  maxzoom: 8,
193
176
  layout: {
194
177
  'text-field': '{name_de}',
195
- 'text-letter-spacing': 0.085,
178
+ 'text-letter-spacing': 0.02,
196
179
  'text-font': tokens.sans_regular,
197
- 'text-transform': 'uppercase',
198
180
  'text-size': {
199
181
  stops: [
200
- [4, 11],
182
+ [4, 13],
201
183
  [7, 18]
202
184
  ]
203
185
  }
204
186
  },
205
187
  paint: {
206
188
  'text-color': tokens.label_tertiary,
207
- 'text-halo-color': tokens.background,
208
- 'text-halo-width': 2.5,
189
+ 'text-halo-color': 'white',
190
+ 'text-halo-width': 2,
209
191
  'text-halo-blur': 0.5
210
192
  }
211
193
  }
@@ -22,8 +22,8 @@ const motorway = {
22
22
  },
23
23
  line_opacity: {
24
24
  stops: [
25
- [6, 0],
26
- [7, 0.8],
25
+ [4, 0],
26
+ [5, 0.8],
27
27
  [11, 0.8],
28
28
  [12, 1]
29
29
  ]
@@ -1,4 +1,10 @@
1
1
  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M7 14C5.4375 12.3333 4.07031 10.3972 3.24219 9.09167C2.41406 7.78611 2 6.57778 2 5.46667C2 3.8 2.5026 2.47222 3.50781 1.48333C4.51302 0.494445 5.67708 0 7 0C8.32292 0 9.48698 0.494445 10.4922 1.48333C11.4974 2.47222 12 3.8 12 5.46667C12 6.57778 11.5859 7.78611 10.7578 9.09167C9.92969 10.3972 8.5625 12.3333 7 14Z" fill="black" />
3
- <path d="M9.55533 5.13956C9.55533 6.55083 8.41127 7.69489 7 7.69489C5.58873 7.69489 4.44467 6.55083 4.44467 5.13956C4.44467 3.72829 5.58873 2.58423 7 2.58423C8.41127 2.58423 9.55533 3.72829 9.55533 5.13956Z" fill="white" />
4
- </svg>
2
+ <path d="M6.99999 0.275375C8.27359 0.275375 9.39445 0.750074 10.3672 1.70702C11.3333 2.65753 11.8213 3.93683 11.8213 5.55858C11.8212 6.6263 11.4234 7.79835 10.6123 9.07713C9.81212 10.3386 8.49995 12.1951 6.99999 13.8135C5.50004 12.1951 4.18787 10.3386 3.38769 9.07713C2.57662 7.79835 2.17877 6.6263 2.17871 5.55858C2.17871 3.93683 2.6667 2.65753 3.63281 1.70702C4.60554 0.750076 5.7264 0.275377 6.99999 0.275375Z" fill="url(#paint0_linear_1_3)" stroke="white" stroke-width="0.25"/>
3
+ <path d="M9.45946 5.06014C9.45946 6.41846 8.35832 7.5196 7 7.5196C5.64168 7.5196 4.54054 6.41846 4.54054 5.06014C4.54054 3.70182 5.64168 2.60069 7 2.60069C8.35832 2.60069 9.45946 3.70182 9.45946 5.06014Z" fill="white"/>
4
+ <defs>
5
+ <linearGradient id="paint0_linear_1_3" x1="2.55202" y1="1.59197" x2="7" y2="13.7232" gradientUnits="userSpaceOnUse">
6
+ <stop offset="0.271562" stop-color="#1F103C"/>
7
+ <stop offset="0.729899" stop-color="#150C28"/>
8
+ </linearGradient>
9
+ </defs>
10
+ </svg>
@@ -1,171 +1 @@
1
- {
2
- "airport-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 0 },
3
- "alcohol-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 28 },
4
- "alpine-hut-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 56 },
5
- "archaeological-site-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 84 },
6
- "atm-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 112 },
7
- "bakery-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 140 },
8
- "bank-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 168 },
9
- "bar-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 196 },
10
- "basic-hut-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 0, "y": 224 },
11
- "beauty-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 0 },
12
- "bench-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 28 },
13
- "beverages-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 56 },
14
- "bicycle-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 84 },
15
- "biergarten-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 112 },
16
- "bollard-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 420, "y": 196 },
17
- "bollard-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 140 },
18
- "books-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 168 },
19
- "buddhist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 196 },
20
- "bus-station-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 28, "y": 224 },
21
- "bus-stop-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 420, "y": 216 },
22
- "bus-stop-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 0 },
23
- "butcher-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 28 },
24
- "cafe-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 56 },
25
- "camping-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 84 },
26
- "car-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 112 },
27
- "car-parts-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 140 },
28
- "caravan-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 168 },
29
- "castle-defensive-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 196 },
30
- "castle-fortress-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 56, "y": 224 },
31
- "castle-manor-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 0 },
32
- "castle-palace-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 28 },
33
- "castle-stately-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 56 },
34
- "cattle-grid-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 420, "y": 236 },
35
- "cattle-grid-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 84 },
36
- "cemetery-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 112 },
37
- "charging-station-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 140 },
38
- "chemist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 168 },
39
- "christian-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 196 },
40
- "christian-orthodox-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 84, "y": 224 },
41
- "cinema-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 0 },
42
- "city-gate-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 28 },
43
- "clock-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 56 },
44
- "clothes-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 84 },
45
- "computer-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 112 },
46
- "confectionery-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 140 },
47
- "convenience-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 168 },
48
- "copyshop-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 196 },
49
- "courthouse-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 440, "y": 196 },
50
- "courthouse-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 112, "y": 224 },
51
- "dentist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 0 },
52
- "doctor-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 28 },
53
- "doityourself-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 56 },
54
- "drinking-water-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 84 },
55
- "electronics-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 112 },
56
- "elevator-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 140 },
57
- "embassy-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 448, "y": 168 },
58
- "embassy-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 168 },
59
- "emergency-phone-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 196 },
60
- "entrance-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 440, "y": 216 },
61
- "entrance-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 140, "y": 224 },
62
- "exit-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 440, "y": 236 },
63
- "exit-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 0 },
64
- "fast-food-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 28 },
65
- "ferry-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 56 },
66
- "fire-station-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 84 },
67
- "florist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 112 },
68
- "ford-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 140 },
69
- "fort-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 168 },
70
- "fountain-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 196 },
71
- "fuel-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 168, "y": 224 },
72
- "furniture-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 0 },
73
- "garden-centre-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 28 },
74
- "gate-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 460, "y": 188 },
75
- "gate-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 56 },
76
- "gift-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 84 },
77
- "government-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 112 },
78
- "greengrocer-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 140 },
79
- "guidepost-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 168 },
80
- "hairdresser-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 196 },
81
- "heliport-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 196, "y": 224 },
82
- "hifi-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 0 },
83
- "hinduist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 28 },
84
- "hospital-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 56 },
85
- "hostel-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 84 },
86
- "hotel-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 112 },
87
- "hunting-stand-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 140 },
88
- "ice-cream-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 168 },
89
- "information-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 196 },
90
- "jewellery-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 224, "y": 224 },
91
- "jewish-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 0 },
92
- "kiosk-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 28 },
93
- "laundry-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 56 },
94
- "library-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 84 },
95
- "lift-gate-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 468, "y": 168 },
96
- "lift-gate-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 112 },
97
- "lighthouse-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 140 },
98
- "luggage-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 168 },
99
- "mast-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 196 },
100
- "mast-communications-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 252, "y": 224 },
101
- "memorial-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 488, "y": 168 },
102
- "memorial-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 0 },
103
- "metro-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 0 },
104
- "mobile-phone-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 0 },
105
- "monument-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 0 },
106
- "motel-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 0 },
107
- "museum-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 420, "y": 0 },
108
- "muslim-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 448, "y": 0 },
109
- "news-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 476, "y": 0 },
110
- "nightclub-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 28 },
111
- "optician-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 56 },
112
- "parking-bicycle-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 84 },
113
- "parking-car-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 112 },
114
- "parking-garage-car-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 140 },
115
- "peak-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 480, "y": 188 },
116
- "peak-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 168 },
117
- "pet-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 196 },
118
- "pharmacy-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 280, "y": 224 },
119
- "photo-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 28 },
120
- "pin-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 28 },
121
- "place-of-worship-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 28 },
122
- "playground-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 28 },
123
- "police-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 420, "y": 28 },
124
- "post-office-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 460, "y": 208 },
125
- "post-office-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 448, "y": 28 },
126
- "power-wind-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 476, "y": 28 },
127
- "prison-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 56 },
128
- "pub-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 84 },
129
- "railway-halt-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 112 },
130
- "railway-station-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 140 },
131
- "recycling-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 168 },
132
- "rental-bicycle-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 196 },
133
- "rental-car-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 308, "y": 224 },
134
- "repair-bicycle-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 56 },
135
- "repair-car-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 56 },
136
- "restaurant-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 56 },
137
- "saddle-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 460, "y": 228 },
138
- "saddle-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 420, "y": 56 },
139
- "shared-car-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 448, "y": 56 },
140
- "shelter-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 476, "y": 56 },
141
- "shintoist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 84 },
142
- "shoes-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 112 },
143
- "sikhist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 140 },
144
- "spring-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 168 },
145
- "stationery-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 196 },
146
- "steps-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 480, "y": 208 },
147
- "steps-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 336, "y": 224 },
148
- "supermarket-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 84 },
149
- "swimming-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 84 },
150
- "table-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 420, "y": 84 },
151
- "taoist-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 448, "y": 84 },
152
- "taxi-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 476, "y": 84 },
153
- "telephone-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 112 },
154
- "theatre-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 140 },
155
- "toilets-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 168 },
156
- "town-hall-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 196 },
157
- "toys-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 364, "y": 224 },
158
- "tram-stop-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 112 },
159
- "tree-coniferous-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 420, "y": 112 },
160
- "tree-deciduous-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 448, "y": 112 },
161
- "tree-unspecified-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 476, "y": 112 },
162
- "veterinary-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 140 },
163
- "viewpoint-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 168 },
164
- "waste-basket-10": { "height": 20, "pixelRatio": 2, "width": 20, "x": 480, "y": 228 },
165
- "waste-basket-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 196 },
166
- "watchtower-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 392, "y": 224 },
167
- "water-tower-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 420, "y": 140 },
168
- "waterfall-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 448, "y": 140 },
169
- "wilderness-hut-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 476, "y": 140 },
170
- "windmill-14": { "height": 28, "pixelRatio": 2, "width": 28, "x": 420, "y": 168 }
171
- }
1
+ {"airport-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":0},"alcohol-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":28},"alpine-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":56},"archaeological-site-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":84},"atm-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":112},"bakery-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":140},"bank-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":168},"bar-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":196},"basic-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":224},"beauty-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":0},"bench-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":28},"beverages-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":56},"bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":84},"biergarten-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":112},"bollard-10":{"height":20,"pixelRatio":2,"width":20,"x":420,"y":196},"bollard-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":140},"books-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":168},"buddhist-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":196},"bus-station-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":224},"bus-stop-10":{"height":20,"pixelRatio":2,"width":20,"x":420,"y":216},"bus-stop-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":0},"butcher-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":28},"cafe-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":56},"camping-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":84},"car-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":112},"car-parts-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":140},"caravan-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":168},"castle-defensive-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":196},"castle-fortress-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":224},"castle-manor-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":0},"castle-palace-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":28},"castle-stately-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":56},"cattle-grid-10":{"height":20,"pixelRatio":2,"width":20,"x":420,"y":236},"cattle-grid-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":84},"cemetery-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":112},"charging-station-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":140},"chemist-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":168},"christian-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":196},"christian-orthodox-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":224},"cinema-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":0},"city-gate-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":28},"clock-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":56},"clothes-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":84},"computer-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":112},"confectionery-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":140},"convenience-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":168},"copyshop-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":196},"courthouse-10":{"height":20,"pixelRatio":2,"width":20,"x":440,"y":196},"courthouse-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":224},"dentist-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":0},"doctor-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":28},"doityourself-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":56},"drinking-water-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":84},"electronics-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":112},"elevator-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":140},"embassy-10":{"height":20,"pixelRatio":2,"width":20,"x":448,"y":168},"embassy-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":168},"emergency-phone-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":196},"entrance-10":{"height":20,"pixelRatio":2,"width":20,"x":440,"y":216},"entrance-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":224},"exit-10":{"height":20,"pixelRatio":2,"width":20,"x":440,"y":236},"exit-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":0},"fast-food-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":28},"ferry-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":56},"fire-station-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":84},"florist-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":112},"ford-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":140},"fort-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":168},"fountain-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":196},"fuel-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":224},"furniture-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":0},"garden-centre-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":28},"gate-10":{"height":20,"pixelRatio":2,"width":20,"x":460,"y":188},"gate-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":56},"gift-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":84},"government-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":112},"greengrocer-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":140},"guidepost-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":168},"hairdresser-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":196},"heliport-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":224},"hifi-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":0},"hinduist-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":28},"hospital-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":56},"hostel-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":84},"hotel-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":112},"hunting-stand-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":140},"ice-cream-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":168},"information-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":196},"jewellery-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":224},"jewish-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":0},"kiosk-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":28},"laundry-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":56},"library-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":84},"lift-gate-10":{"height":20,"pixelRatio":2,"width":20,"x":468,"y":168},"lift-gate-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":112},"lighthouse-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":140},"luggage-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":168},"mast-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":196},"mast-communications-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":224},"memorial-10":{"height":20,"pixelRatio":2,"width":20,"x":488,"y":168},"memorial-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":0},"metro-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":0},"mobile-phone-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":0},"monument-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":0},"motel-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":0},"museum-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":0},"muslim-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":0},"news-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":0},"nightclub-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":28},"optician-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":56},"parking-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":84},"parking-car-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":112},"parking-garage-car-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":140},"peak-10":{"height":20,"pixelRatio":2,"width":20,"x":480,"y":188},"peak-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":168},"pet-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":196},"pharmacy-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":224},"photo-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":28},"pin-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":28},"place-of-worship-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":28},"playground-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":28},"police-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":28},"post-office-10":{"height":20,"pixelRatio":2,"width":20,"x":460,"y":208},"post-office-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":28},"power-wind-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":28},"prison-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":56},"pub-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":84},"railway-halt-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":112},"railway-station-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":140},"recycling-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":168},"rental-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":196},"rental-car-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":224},"repair-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":56},"repair-car-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":56},"restaurant-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":56},"saddle-10":{"height":20,"pixelRatio":2,"width":20,"x":460,"y":228},"saddle-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":56},"shared-car-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":56},"shelter-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":56},"shintoist-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":84},"shoes-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":112},"sikhist-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":140},"spring-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":168},"stationery-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":196},"steps-10":{"height":20,"pixelRatio":2,"width":20,"x":480,"y":208},"steps-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":224},"supermarket-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":84},"swimming-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":84},"table-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":84},"taoist-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":84},"taxi-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":84},"telephone-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":112},"theatre-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":140},"toilets-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":168},"town-hall-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":196},"toys-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":224},"tram-stop-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":112},"tree-coniferous-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":112},"tree-deciduous-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":112},"tree-unspecified-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":112},"veterinary-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":140},"viewpoint-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":168},"waste-basket-10":{"height":20,"pixelRatio":2,"width":20,"x":480,"y":228},"waste-basket-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":196},"watchtower-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":224},"water-tower-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":140},"waterfall-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":140},"wilderness-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":140},"windmill-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":168}}
@@ -2,22 +2,22 @@ const tokens = {
2
2
  sans_regular: ['SWR Sans Regular'],
3
3
  sans_medium: ['SWR Sans Medium'],
4
4
  sans_bold: ['SWR Sans Bold'],
5
- background: 'hsl(0, 0%, 100%)',
6
- water: 'hsl(210, 41%, 89%)',
5
+ background: 'hsl(24, 29%, 98.5%)',
6
+ water: 'hsl(210, 71%, 83%)',
7
7
  water_light: 'hsl(210, 41%, 90%)',
8
- water_ocean: 'hsl(210, 25%, 96%)',
8
+ water_ocean: 'hsl(209, 57%, 84%)',
9
9
  marsh: 'hsl(200, 14%, 97%)',
10
- grass: 'hsl(140, 17%, 97%)',
11
- grass_dark: 'hsl(148, 32%, 95%)',
12
- street_primary: 'hsl(0, 0%, 96%)',
13
- street_primary_case: 'hsl(240, 1%, 79%)',
10
+ grass: 'hsl(133, 36%, 95%)',
11
+ grass_dark: 'hsl(127, 49%, 93%)',
12
+ street_primary: 'hsl(0, 4%, 95%)',
13
+ street_primary_case: 'hsl(240, 1%, 84%)',
14
14
  street_secondary: 'hsl(0, 0%, 95%)',
15
15
  street_secondary_case: 'hsl(0, 0%, 75%)',
16
16
  street_tertiary: 'hsl(0, 0%, 95%)',
17
17
  street_tertiary_case: 'hsl(0, 0%, 70%)',
18
18
  label_primary: 'hsl(240, 10%, 2%)',
19
- label_secondary: 'hsl(240, 2%, 15%)',
20
- label_tertiary: 'hsl(240, 2%, 40%)',
19
+ label_secondary: 'hsl(0, 0%, 18%)',
20
+ label_tertiary: 'hsl(60, 1%, 50%)',
21
21
  building: '#f3f2f1'
22
22
  };
23
23
  export default tokens;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@swr-data-lab/components",
3
3
  "description": "SWR Data Lab component library",
4
- "version": "2.8.0",
4
+ "version": "2.10.0",
5
5
  "author": "SWR Data Lab",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
@@ -66,7 +66,7 @@
66
66
  "svelte-check": "^4.0.0",
67
67
  "svelte-preprocess": "^6.0.3",
68
68
  "typescript": "^5.9.2",
69
- "vite": "^6.0.0",
69
+ "vite": "^6.3.6",
70
70
  "vitest": "^3.1.1",
71
71
  "wait-on": "^8.0.1"
72
72
  },