@swr-data-lab/components 2.31.1 → 2.31.2

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.
@@ -2,6 +2,7 @@
2
2
  import GridInspector from './GridInspector.svelte';
3
3
  import Copy from '../Copy/Copy.svelte';
4
4
  import DesignTokens from '../DesignTokens/DesignTokens.svelte';
5
+ import { text } from '@sveltejs/kit';
5
6
  let { showHeader = true, showNav = true, showArticleHeader = true, showPlayer = true, eyebrow = 'Wärmewende in Ihrer Gemeinde', title = 'Baden-Württemberg heizt noch größtenteils fossil', intro = 'Fast drei Viertel der privaten Heizungen in Baden-Württemberg liefen 2022 noch mit Öl und Gas. In Neubauten werden inzwischen überwiegend Wärmepumpen eingebaut, doch es gibt regionale Unterschiede.', showBreadcrumbs = true, showGrid = false, paragraphsAbove = 0, paragraphsBelow = 0, children } = $props();
6
7
  const date = new Date();
7
8
  let articleEl = $state();
@@ -73,27 +74,31 @@ let articleEl = $state();
73
74
  {/if}
74
75
  <div class="article-body">
75
76
  {#if paragraphsAbove > 0}
76
- {#each { length: paragraphsAbove }}
77
- <Copy as="p">
78
- Das SWR Data Lab hat Kaufpreise, Fahrzeugdaten und Betriebskosten von über 5.500
79
- Neuwagenmodellen von 2024 bis April 2025 aus dem ADAC-Autokatalog untersucht. Die
80
- Analyse zeigt, wie teuer ein Elektroauto, Diesel oder Benziner der unteren
81
- Mittelklasse beim Kauf und Betrieb über viele Jahre im Mittel ist.
82
- </Copy>
83
- {/each}
77
+ <div class="article-text above">
78
+ {#each { length: paragraphsAbove }}
79
+ <Copy as="p">
80
+ Das SWR Data Lab hat Kaufpreise, Fahrzeugdaten und Betriebskosten von über 5.500
81
+ Neuwagenmodellen von 2024 bis April 2025 aus dem ADAC-Autokatalog untersucht. Die
82
+ Analyse zeigt, wie teuer ein Elektroauto, Diesel oder Benziner der unteren
83
+ Mittelklasse beim Kauf und Betrieb über viele Jahre im Mittel ist.
84
+ </Copy>
85
+ {/each}
86
+ </div>
84
87
  {/if}
85
88
  <div class="embed">
86
89
  {@render children?.()}
87
90
  </div>
88
91
  {#if paragraphsBelow > 0}
89
- {#each { length: paragraphsBelow }}
90
- <Copy as="p">
91
- Das SWR Data Lab hat Kaufpreise, Fahrzeugdaten und Betriebskosten von über 5.500
92
- Neuwagenmodellen von 2024 bis April 2025 aus dem ADAC-Autokatalog untersucht. Die
93
- Analyse zeigt, wie teuer ein Elektroauto, Diesel oder Benziner der unteren
94
- Mittelklasse beim Kauf und Betrieb über viele Jahre im Mittel ist.
95
- </Copy>
96
- {/each}
92
+ <div class="article-text below">
93
+ {#each { length: paragraphsBelow }}
94
+ <Copy as="p">
95
+ Das SWR Data Lab hat Kaufpreise, Fahrzeugdaten und Betriebskosten von über 5.500
96
+ Neuwagenmodellen von 2024 bis April 2025 aus dem ADAC-Autokatalog untersucht. Die
97
+ Analyse zeigt, wie teuer ein Elektroauto, Diesel oder Benziner der unteren
98
+ Mittelklasse beim Kauf und Betrieb über viele Jahre im Mittel ist.
99
+ </Copy>
100
+ {/each}
101
+ </div>
97
102
  {/if}
98
103
  </div>
99
104
  </article>
@@ -259,22 +264,31 @@ header {
259
264
  .article-body {
260
265
  display: contents;
261
266
  }
262
- .article-body :global(p) {
263
- margin-bottom: 1.5em;
267
+
268
+ .article-text {
264
269
  grid-column: 1/13;
270
+ display: flex;
271
+ flex-flow: column;
272
+ gap: 1em;
273
+ }
274
+ .article-text.above {
275
+ margin-bottom: 1.5em;
276
+ }
277
+ .article-text.below {
278
+ margin-top: 1.5em;
265
279
  }
266
280
  @media (min-width: 640px) {
267
- .article-body :global(p) {
281
+ .article-text {
268
282
  grid-column: 2/12;
269
283
  }
270
284
  }
271
285
  @media (min-width: 1024px) {
272
- .article-body :global(p) {
286
+ .article-text {
273
287
  grid-column: 3/11;
274
288
  }
275
289
  }
276
290
  @media (min-width: 1440px) {
277
- .article-body :global(p) {
291
+ .article-text {
278
292
  grid-column: 4/10;
279
293
  }
280
294
  }
package/package.json CHANGED
@@ -1,99 +1,99 @@
1
1
  {
2
- "name": "@swr-data-lab/components",
3
- "description": "SWR Data Lab component library",
4
- "version": "2.31.1",
5
- "author": "SWR Data Lab",
6
- "license": "UNLICENSED",
7
- "type": "module",
8
- "publishConfig": {
9
- "access": "public"
10
- },
11
- "repository": {
12
- "url": "https://github.com/SWRdata/components"
13
- },
14
- "scripts": {
15
- "dev": "vite dev",
16
- "build": "vite build",
17
- "preview": "vite preview",
18
- "package": "svelte-kit sync && svelte-package -i src && publint",
19
- "prepublishOnly": "npm run package",
20
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
21
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
22
- "storybook": "storybook dev -p 6006",
23
- "start": "storybook dev -p 6006",
24
- "sync": "svelte-kit sync",
25
- "build-storybook": "storybook build --disable-telemetry",
26
- "test-storybook": "vitest run --project=storybook",
27
- "test-storybook:ci": "concurrently -k -s first -n \"Storybook,Test\" -c \"magenta,blue\" \"npm run build-storybook --quiet && npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && npm run test-storybook\"",
28
- "semantic-release": "semantic-release"
29
- },
30
- "peerDependencies": {
31
- "svelte": ">=5.0.0"
32
- },
33
- "dependencies": {
34
- "@maplibre/maplibre-gl-geocoder": "1.9.1",
35
- "@maplibre/maplibre-gl-inspect": "1.7.1",
36
- "maplibre-gl": "5.7.0",
37
- "svelte-select": "5.8.3"
38
- },
39
- "devDependencies": {
40
- "@semantic-release/changelog": "6.0.3",
41
- "@semantic-release/git": "10.0.1",
42
- "@semantic-release/npm": "13.1.1",
43
- "@storybook/addon-docs": "10.0.2",
44
- "@storybook/addon-links": "10.0.2",
45
- "@storybook/addon-svelte-csf": "^5.0.10",
46
- "@storybook/addon-vitest": "10.0.2",
47
- "@storybook/sveltekit": "10.0.2",
48
- "@storybook/test-runner": "^0.24.1",
49
- "@sveltejs/adapter-auto": "7.0.0",
50
- "@sveltejs/enhanced-img": "0.8.4",
51
- "@sveltejs/kit": "2.48.4",
52
- "@sveltejs/package": "2.5.4",
53
- "@sveltejs/vite-plugin-svelte": "6.2.1",
54
- "@types/geojson": "7946.0.16",
55
- "@versatiles/style": "5.7.0",
56
- "@vitest/browser": "4.0.6",
57
- "@vitest/coverage-v8": "4.0.6",
58
- "@vueless/storybook-dark-mode": "9.0.8",
59
- "concurrently": "9.2.1",
60
- "http-server": "14.1.1",
61
- "mdx-mermaid": "2.0.3",
62
- "playwright": "1.56.1",
63
- "publint": "0.3.12",
64
- "sass": "1.93.2",
65
- "sass-embedded": "1.93.2",
66
- "semantic-release": "25.0.1",
67
- "storybook": "10.0.2",
68
- "svelte": "5.33.6",
69
- "svelte-check": "4.3.2",
70
- "svelte-preprocess": "6.0.3",
71
- "typescript": "5.9.2",
72
- "vite": "7.1.11",
73
- "vitest": "4.0.6",
74
- "@vitest/browser-playwright": "4.0.6",
75
- "wait-on": "8.0.3"
76
- },
77
- "overrides": {
78
- "storybook": "$storybook"
79
- },
80
- "release": {
81
- "plugins": [
82
- "@semantic-release/commit-analyzer",
83
- "@semantic-release/release-notes-generator",
84
- "@semantic-release/npm"
85
- ]
86
- },
87
- "files": [
88
- "dist/"
89
- ],
90
- "sideEffects": [
91
- "**/*.css"
92
- ],
93
- "exports": {
94
- ".": {
95
- "types": "./dist/index.d.ts",
96
- "svelte": "./dist/index.js"
97
- }
98
- }
2
+ "name": "@swr-data-lab/components",
3
+ "description": "SWR Data Lab component library",
4
+ "version": "2.31.2",
5
+ "author": "SWR Data Lab",
6
+ "license": "UNLICENSED",
7
+ "type": "module",
8
+ "publishConfig": {
9
+ "access": "public"
10
+ },
11
+ "repository": {
12
+ "url": "https://github.com/SWRdata/components"
13
+ },
14
+ "scripts": {
15
+ "dev": "vite dev",
16
+ "build": "vite build",
17
+ "preview": "vite preview",
18
+ "package": "svelte-kit sync && svelte-package -i src && publint",
19
+ "prepublishOnly": "npm run package",
20
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
21
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
22
+ "storybook": "storybook dev -p 6006",
23
+ "start": "storybook dev -p 6006",
24
+ "sync": "svelte-kit sync",
25
+ "build-storybook": "storybook build --disable-telemetry",
26
+ "test-storybook": "vitest run --project=storybook",
27
+ "test-storybook:ci": "concurrently -k -s first -n \"Storybook,Test\" -c \"magenta,blue\" \"npm run build-storybook --quiet && npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && npm run test-storybook\"",
28
+ "semantic-release": "semantic-release"
29
+ },
30
+ "peerDependencies": {
31
+ "svelte": ">=5.0.0"
32
+ },
33
+ "dependencies": {
34
+ "@maplibre/maplibre-gl-geocoder": "1.9.1",
35
+ "@maplibre/maplibre-gl-inspect": "1.7.1",
36
+ "maplibre-gl": "5.7.0",
37
+ "svelte-select": "5.8.3"
38
+ },
39
+ "devDependencies": {
40
+ "@semantic-release/changelog": "6.0.3",
41
+ "@semantic-release/git": "10.0.1",
42
+ "@semantic-release/npm": "13.1.1",
43
+ "@storybook/addon-docs": "10.0.4",
44
+ "@storybook/addon-links": "10.0.4",
45
+ "@storybook/addon-svelte-csf": "^5.0.10",
46
+ "@storybook/addon-vitest": "10.0.4",
47
+ "@storybook/sveltekit": "10.0.4",
48
+ "@storybook/test-runner": "^0.24.1",
49
+ "@sveltejs/adapter-auto": "7.0.0",
50
+ "@sveltejs/enhanced-img": "0.8.4",
51
+ "@sveltejs/kit": "2.48.4",
52
+ "@sveltejs/package": "2.5.4",
53
+ "@sveltejs/vite-plugin-svelte": "6.2.1",
54
+ "@types/geojson": "7946.0.16",
55
+ "@versatiles/style": "5.7.0",
56
+ "@vitest/browser": "4.0.6",
57
+ "@vitest/coverage-v8": "4.0.6",
58
+ "@vueless/storybook-dark-mode": "9.0.8",
59
+ "concurrently": "9.2.1",
60
+ "http-server": "14.1.1",
61
+ "mdx-mermaid": "2.0.3",
62
+ "playwright": "1.56.1",
63
+ "publint": "0.3.12",
64
+ "sass": "1.93.2",
65
+ "sass-embedded": "1.93.2",
66
+ "semantic-release": "25.0.1",
67
+ "storybook": "10.0.4",
68
+ "svelte": "5.33.6",
69
+ "svelte-check": "4.3.2",
70
+ "svelte-preprocess": "6.0.3",
71
+ "typescript": "5.9.2",
72
+ "vite": "7.1.11",
73
+ "vitest": "4.0.6",
74
+ "@vitest/browser-playwright": "4.0.6",
75
+ "wait-on": "8.0.3"
76
+ },
77
+ "overrides": {
78
+ "storybook": "$storybook"
79
+ },
80
+ "release": {
81
+ "plugins": [
82
+ "@semantic-release/commit-analyzer",
83
+ "@semantic-release/release-notes-generator",
84
+ "@semantic-release/npm"
85
+ ]
86
+ },
87
+ "files": [
88
+ "dist/"
89
+ ],
90
+ "sideEffects": [
91
+ "**/*.css"
92
+ ],
93
+ "exports": {
94
+ ".": {
95
+ "types": "./dist/index.d.ts",
96
+ "svelte": "./dist/index.js"
97
+ }
98
+ }
99
99
  }