spoko-design-system 1.10.0 → 1.11.1

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/CHANGELOG.md +12 -0
  2. package/package.json +2 -1
  3. package/src/components/Product/ProductEngine.astro +1 -8
  4. package/src/pages/components/product-engine.mdx +14 -14
  5. package/src/scripts/tooltips.ts +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## [1.11.1](https://github.com/polo-blue/sds/compare/v1.11.0...v1.11.1) (2025-10-30)
2
+
3
+ ### Bug Fixes
4
+
5
+ * **ProductEngine:** remove manual quote escaping causing double-encoding ([dfa196d](https://github.com/polo-blue/sds/commit/dfa196d812cd40e1b476bd28d814d2b158449d3c))
6
+
7
+ ## [1.11.0](https://github.com/polo-blue/sds/compare/v1.10.0...v1.11.0) (2025-10-30)
8
+
9
+ ### Features
10
+
11
+ * **tooltips:** export scripts and bundle CSS with tooltips ([57bdcf8](https://github.com/polo-blue/sds/commit/57bdcf8750bc763c9a7fb2f928aecfaa17cf4a34))
12
+
1
13
  ## [1.10.0](https://github.com/polo-blue/sds/compare/v1.9.3...v1.10.0) (2025-10-30)
2
14
 
3
15
  ### Features
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "spoko-design-system",
3
- "version": "1.10.0",
3
+ "version": "1.11.1",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "main": "./index.ts",
@@ -12,6 +12,7 @@
12
12
  "require": "./index.ts"
13
13
  },
14
14
  "./styles/*": "./src/styles/*",
15
+ "./scripts/*": "./src/scripts/*",
15
16
  "./icons": "./icon.config.ts",
16
17
  "./icon-collections": "./icon.collections.ts",
17
18
  "./uno-config": "./uno-config/index.ts"
package/src/components/Product/ProductEngine.astro CHANGED
@@ -19,16 +19,9 @@ const { engine, showComma = false, translations = {} } = Astro.props;
19
19
 
20
20
  // Generate tooltip content for data attribute
21
21
  const tooltipContent = getEngineTooltipContent(engine, translations);
22
-
23
- // Escape quotes for HTML attribute
24
- const tooltipContentEscaped = tooltipContent.replace(/"/g, '"');
25
22
  ---
26
23
 
27
- <span
28
- class="engine-code"
29
- class:list={[`engine-code-${engine.code}`]}
30
- data-tippy-content={tooltipContentEscaped}
31
- >
24
+ <span class="engine-code" class:list={[`engine-code-${engine.code}`]} data-tippy-content={tooltipContent}>
32
25
  {engine.code}{showComma && ','}
33
26
  </span>
34
27
 
package/src/pages/components/product-engine.mdx CHANGED
@@ -47,7 +47,7 @@ import { ProductEngine } from 'spoko-design-system'
47
47
  serie: { value: "EA189", label: "Seria silnika" },
48
48
  power: { kw: 55, ps: 75, ps_label: "KM", label: "Moc" },
49
49
  displacement: { value: 1598, label: "Pojemność" },
50
- euro: { value: 5, label: "Norma Euro" }
50
+ euro: { value: 5, label: "Norma" }
51
51
  }} />
52
52
  <ProductEngine engine={{
53
53
  code: "CAYB",
@@ -55,7 +55,7 @@ import { ProductEngine } from 'spoko-design-system'
55
55
  serie: { value: "EA189", label: "Seria silnika" },
56
56
  power: { kw: 66, ps: 90, ps_label: "KM", label: "Moc" },
57
57
  displacement: { value: 1598, label: "Pojemność" },
58
- euro: { value: 5, label: "Norma Euro" }
58
+ euro: { value: 5, label: "Norma" }
59
59
  }} />
60
60
  </div>
61
61
  </div>
@@ -95,7 +95,7 @@ Engine codes for special editions are automatically color-coded:
95
95
  name: "1.4 TSI",
96
96
  power: { kw: 132, ps: 180, ps_label: "KM", label: "Moc" },
97
97
  displacement: { value: 1390, label: "Pojemność" },
98
- euro: { value: 5, label: "Norma Euro" }
98
+ euro: { value: 5, label: "Norma " }
99
99
  }} />
100
100
  </div>
101
101
  <div class="flex flex-col gap-1">
@@ -105,7 +105,7 @@ Engine codes for special editions are automatically color-coded:
105
105
  name: "1.6 TDI",
106
106
  power: { kw: 165, ps: 220, ps_label: "KM", label: "Moc" },
107
107
  displacement: { value: 1598, label: "Pojemność" },
108
- euro: { value: 6, label: "Norma Euro" }
108
+ euro: { value: 6, label: "Norma " }
109
109
  }} />
110
110
  </div>
111
111
  <div class="flex flex-col gap-1">
@@ -115,7 +115,7 @@ Engine codes for special editions are automatically color-coded:
115
115
  name: "1.0 TSI",
116
116
  power: { kw: 70, ps: 95, ps_label: "KM", label: "Moc" },
117
117
  displacement: { value: 999, label: "Pojemność" },
118
- euro: { value: 6, label: "Norma Euro" }
118
+ euro: { value: 6, label: "Norma " }
119
119
  }} />
120
120
  </div>
121
121
  </div>
@@ -128,7 +128,7 @@ Engine codes for special editions are automatically color-coded:
128
128
  name: '1.4 TSI',
129
129
  power: { kw: 132, ps: 180, ps_label: 'KM', label: 'Moc' },
130
130
  displacement: { value: 1390, label: 'Pojemność' },
131
- euro: { value: 5, label: 'Norma Euro' }
131
+ euro: { value: 5, label: 'Norma ' }
132
132
  }} />
133
133
 
134
134
  <!-- WRC Engine - Blue -->
@@ -137,7 +137,7 @@ Engine codes for special editions are automatically color-coded:
137
137
  name: '1.6 TDI',
138
138
  power: { kw: 165, ps: 220, ps_label: 'KM', label: 'Moc' },
139
139
  displacement: { value: 1598, label: 'Pojemność' },
140
- euro: { value: 6, label: 'Norma Euro' }
140
+ euro: { value: 6, label: 'Norma ' }
141
141
  }} />
142
142
  ```
143
143
 
@@ -163,7 +163,7 @@ import { ProductEngines } from 'spoko-design-system'
163
163
  serie: { value: "EA189", label: "Seria silnika" },
164
164
  power: { kw: 55, ps: 75, ps_label: "KM", label: "Moc" },
165
165
  displacement: { value: 1598, label: "Pojemność" },
166
- euro: { value: 5, label: "Norma Euro" }
166
+ euro: { value: 5, label: "Norma " }
167
167
  },
168
168
  {
169
169
  id: 14,
@@ -172,7 +172,7 @@ import { ProductEngines } from 'spoko-design-system'
172
172
  serie: { value: "EA189", label: "Seria silnika" },
173
173
  power: { kw: 66, ps: 90, ps_label: "KM", label: "Moc" },
174
174
  displacement: { value: 1598, label: "Pojemność" },
175
- euro: { value: 5, label: "Norma Euro" }
175
+ euro: { value: 5, label: "Norma " }
176
176
  },
177
177
  {
178
178
  id: 15,
@@ -181,7 +181,7 @@ import { ProductEngines } from 'spoko-design-system'
181
181
  serie: { value: "EA189", label: "Seria silnika" },
182
182
  power: { kw: 77, ps: 105, ps_label: "KM", label: "Moc" },
183
183
  displacement: { value: 1598, label: "Pojemność" },
184
- euro: { value: 5, label: "Norma Euro" }
184
+ euro: { value: 5, label: "Norma " }
185
185
  },
186
186
  ]} />
187
187
  </div>
@@ -200,7 +200,7 @@ import { ProductEngines } from 'spoko-design-system';
200
200
  serie: { value: 'EA189', label: 'Seria silnika' },
201
201
  power: { kw: 55, ps: 75, ps_label: 'KM', label: 'Moc' },
202
202
  displacement: { value: 1598, label: 'Pojemność' },
203
- euro: { value: 5, label: 'Norma Euro' }
203
+ euro: { value: 5, label: 'Norma ' }
204
204
  },
205
205
  {
206
206
  id: 14,
@@ -209,7 +209,7 @@ import { ProductEngines } from 'spoko-design-system';
209
209
  serie: { value: 'EA189', label: 'Seria silnika' },
210
210
  power: { kw: 66, ps: 90, ps_label: 'KM', label: 'Moc' },
211
211
  displacement: { value: 1598, label: 'Pojemność' },
212
- euro: { value: 5, label: 'Norma Euro' }
212
+ euro: { value: 5, label: 'Norma ' }
213
213
  }
214
214
  ]} />
215
215
  ```
@@ -271,7 +271,7 @@ When using data from the API, pass the `part_engines` array directly. The compon
271
271
  "euro": {
272
272
  "value": 5,
273
273
  "formatted": "Norma Euro 5",
274
- "label": "Norma Euro"
274
+ "label": "Norma "
275
275
  }
276
276
  },
277
277
  {
@@ -313,7 +313,7 @@ When using data from the API, pass the `part_engines` array directly. The compon
313
313
  "euro": {
314
314
  "value": 5,
315
315
  "formatted": "Norma Euro 5",
316
- "label": "Norma Euro"
316
+ "label": "Norma "
317
317
  }
318
318
  }
319
319
  ]
package/src/scripts/tooltips.ts CHANGED
@@ -8,6 +8,8 @@
8
8
  */
9
9
 
10
10
  import { delegate } from 'tippy.js';
11
+ import 'tippy.js/dist/tippy.css';
12
+ import '../styles/tippy-theme.css';
11
13
 
12
14
  /**
13
15
  * Initialize tooltips with delegation pattern