spoko-design-system 0.6.4 → 0.6.6

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 (170) hide show
  1. package/.astro/data-store.json +1 -1
  2. package/.astro/settings.json +4 -4
  3. package/.github/dependabot.yml +11 -11
  4. package/.github/todo.yml +3 -3
  5. package/.github/workflows/deploy.yml +39 -39
  6. package/.stackblitzrc +5 -5
  7. package/.vscode/extensions.json +5 -5
  8. package/.vscode/launch.json +11 -11
  9. package/.vscode/settings.json +5 -5
  10. package/LICENSE +21 -21
  11. package/README.md +114 -114
  12. package/astro-i18next.config.mjs +17 -17
  13. package/astro-i18next.config.ts +10 -10
  14. package/astro.config.mjs +86 -86
  15. package/dev-dist/sw.js +91 -91
  16. package/dev-dist/workbox-c676b6d3.js +3391 -3391
  17. package/icon.config.ts +289 -279
  18. package/index.ts +66 -66
  19. package/package.json +25 -25
  20. package/public/fonts/lg.svg +53 -53
  21. package/public/fonts/vwhead-bold-demo.html +549 -549
  22. package/public/fonts/vwhead-regular-demo.html +549 -549
  23. package/public/fonts/vwtext-bold-demo.html +549 -549
  24. package/public/fonts/vwtext-regular-demo.html +549 -549
  25. package/public/github.svg +3 -3
  26. package/public/grid_dot.svg +4 -4
  27. package/public/linkedin.svg +44 -44
  28. package/public/locales/en/translation.json +8 -8
  29. package/public/locales/pl/translation.json +8 -8
  30. package/public/make-scrollable-code-focusable.js +3 -3
  31. package/public/pagefind.yml +3 -3
  32. package/public/polo.blue.svg +29 -29
  33. package/public/spoko.space.svg +71 -71
  34. package/public/twitter.svg +46 -46
  35. package/renovate.json +6 -6
  36. package/sandbox.config.json +11 -11
  37. package/src/MyComponent.astro +8 -8
  38. package/src/components/Badge.vue +19 -19
  39. package/src/components/Badges.vue +21 -21
  40. package/src/components/Breadcrumbs.vue +107 -107
  41. package/src/components/Button.vue +101 -101
  42. package/src/components/ButtonCopy.astro +183 -183
  43. package/src/components/ButtonCopy.vue +36 -36
  44. package/src/components/Card.astro +27 -27
  45. package/src/components/Carousel.astro +26 -26
  46. package/src/components/Category/CategoriesCarousel.astro +101 -101
  47. package/src/components/Category/CategoryDetails.astro +169 -169
  48. package/src/components/Category/CategoryLink.vue +28 -28
  49. package/src/components/Category/CategorySidebarToggler.vue +9 -9
  50. package/src/components/Category/CategoryTile.astro +38 -38
  51. package/src/components/Category/CategoryViewToggler.astro +89 -89
  52. package/src/components/Category/SubCategoryLink.vue +19 -19
  53. package/src/components/Copyright.astro +12 -12
  54. package/src/components/Date.astro +7 -7
  55. package/src/components/Faq.astro +33 -33
  56. package/src/components/FaqItem.astro +80 -80
  57. package/src/components/FeaturesList.vue +41 -41
  58. package/src/components/FuckRussia.vue +62 -62
  59. package/src/components/HandDrive.astro +29 -29
  60. package/src/components/Header/Header.astro +210 -210
  61. package/src/components/Header/SkipToContent.astro +1 -1
  62. package/src/components/Headline.vue +48 -48
  63. package/src/components/Image.astro +30 -30
  64. package/src/components/LeftSidebar.astro +53 -53
  65. package/src/components/MainColors.vue +22 -22
  66. package/src/components/MainInput.vue +15 -15
  67. package/src/components/Modal.astro +27 -27
  68. package/src/components/PageContent.astro +5 -5
  69. package/src/components/PartNumber.vue +27 -27
  70. package/src/components/Post/PostCategories.astro +37 -37
  71. package/src/components/Post/PostCategories.vue +39 -39
  72. package/src/components/PostHeader.astro +103 -103
  73. package/src/components/PrCode.vue +141 -141
  74. package/src/components/Product/ProductButton.vue +18 -18
  75. package/src/components/Product/ProductCarousel.astro +35 -35
  76. package/src/components/Product/ProductCodes.vue +174 -174
  77. package/src/components/Product/ProductEngineType.vue +42 -42
  78. package/src/components/Product/ProductImage.astro +40 -40
  79. package/src/components/Product/ProductLink.astro +101 -101
  80. package/src/components/Product/ProductLink.vue +59 -59
  81. package/src/components/Product/ProductLinkInfo.astro +37 -37
  82. package/src/components/Product/ProductNumber.astro +60 -60
  83. package/src/components/ProductCarousel.astro +38 -38
  84. package/src/components/ProductCodes.vue +39 -39
  85. package/src/components/ProductDetailName.vue +52 -52
  86. package/src/components/ProductDetailsList.vue +65 -65
  87. package/src/components/ProductTile.astro +48 -48
  88. package/src/components/Quote.vue +23 -23
  89. package/src/components/ReloadPrompt.astro +50 -50
  90. package/src/components/SlimBanner.vue +72 -72
  91. package/src/components/Table.vue +32 -32
  92. package/src/components/TableOfContents.astro +15 -15
  93. package/src/components/Translations.vue +23 -23
  94. package/src/components/flags/FlagPL.vue +3 -3
  95. package/src/components/flags/FlagUA.vue +2 -2
  96. package/src/components/layout/Container.astro +7 -7
  97. package/src/components/layout/Header.astro +80 -80
  98. package/src/config.ts +56 -56
  99. package/src/design.config.ts +98 -98
  100. package/src/env.d.ts +6 -6
  101. package/src/layouts/Layout.astro +61 -61
  102. package/src/layouts/MainLayout.astro +81 -81
  103. package/src/layouts/partials/FooterCommon.astro +4 -4
  104. package/src/layouts/partials/HeadCommon.astro +44 -44
  105. package/src/layouts/partials/HeadSEO.astro +41 -41
  106. package/src/pages/components/badges.mdx +57 -57
  107. package/src/pages/components/breadcrumbs.mdx +139 -139
  108. package/src/pages/components/buttons.mdx +360 -360
  109. package/src/pages/components/card.mdx +294 -294
  110. package/src/pages/components/carousel.mdx +62 -62
  111. package/src/pages/components/copyright.mdx +42 -42
  112. package/src/pages/components/details-list.mdx +115 -115
  113. package/src/pages/components/features-list.mdx +37 -37
  114. package/src/pages/components/flags.mdx +49 -49
  115. package/src/pages/components/fuck-russia.mdx +39 -39
  116. package/src/pages/components/hand-drive.mdx +38 -38
  117. package/src/pages/components/headline.mdx +152 -152
  118. package/src/pages/components/icons.astro +135 -135
  119. package/src/pages/components/image.mdx +513 -513
  120. package/src/pages/components/input.mdx +367 -367
  121. package/src/pages/components/jumbotron.mdx +359 -359
  122. package/src/pages/components/modal.mdx +64 -64
  123. package/src/pages/components/post-header.mdx +60 -60
  124. package/src/pages/components/pr-code.mdx +65 -65
  125. package/src/pages/components/product-number.mdx +58 -58
  126. package/src/pages/components/product-tile.mdx +51 -51
  127. package/src/pages/components/quote.mdx +33 -33
  128. package/src/pages/components/slimbanner.mdx +35 -35
  129. package/src/pages/components/table.mdx +108 -108
  130. package/src/pages/core/colors.mdx +10 -10
  131. package/src/pages/core/grid.mdx +89 -89
  132. package/src/pages/core/introduction.mdx +77 -77
  133. package/src/pages/core/shadows.astro +20 -20
  134. package/src/pages/core/typography.astro +49 -49
  135. package/src/pages/index.astro +133 -130
  136. package/src/pages/patterns/introduction.mdx +60 -60
  137. package/src/pwa.ts +12 -12
  138. package/src/styles/_variables.scss +70 -70
  139. package/src/styles/base/base.css +184 -184
  140. package/src/styles/base/grid.css +92 -92
  141. package/src/styles/base/typography.css +70 -70
  142. package/src/styles/content.css +73 -73
  143. package/src/styles/main.css +7 -7
  144. package/src/types/Product.ts +31 -31
  145. package/src/types/astro.d.ts +3 -3
  146. package/src/utils/product/getPriceFormatted.ts +15 -15
  147. package/src/utils/product/getProductChecklist.ts +17 -17
  148. package/src/utils/product/useFormatProductNumber.ts +41 -41
  149. package/src/utils/seo/getShorterDescription.ts +14 -14
  150. package/src/utils/text/formatDate.ts +5 -5
  151. package/src/utils/text/formatLocaleNumber.ts +6 -6
  152. package/src/utils/text/formatPad.ts +12 -12
  153. package/src/utils/text/getNumberFormatted.ts +33 -33
  154. package/src/utils/text/getTranslatedLink.ts +5 -5
  155. package/src/utils/text.ts +19 -19
  156. package/tailwind.config.cjs +8 -8
  157. package/tsconfig.json +28 -28
  158. package/uno-config/index.ts +232 -232
  159. package/uno-config/theme/breakpoints.ts +9 -9
  160. package/uno-config/theme/colors.ts +64 -64
  161. package/uno-config/theme/dimensions.ts +17 -17
  162. package/uno-config/theme/effects.ts +14 -14
  163. package/uno-config/theme/grid.ts +10 -10
  164. package/uno-config/theme/index.ts +28 -28
  165. package/uno-config/theme/shortcuts/buttons.ts +53 -53
  166. package/uno-config/theme/shortcuts/components.ts +92 -92
  167. package/uno-config/theme/shortcuts/index.ts +20 -20
  168. package/uno-config/theme/shortcuts/layout.ts +64 -64
  169. package/uno-config/theme/typography.ts +29 -29
  170. package/uno.config.ts +2 -2
package/icon.config.ts CHANGED
@@ -1,280 +1,290 @@
1
- // icon.config.ts
2
-
3
- interface IconConfig {
4
- include: {
5
- [key: string]: string[];
6
- }
7
- }
8
-
9
- // Lista wszystkich wspieranych kolekcji
10
- export const iconCollections = [
11
- 'ant-design',
12
- 'bi',
13
- 'bx',
14
- 'carbon',
15
- 'circle-flags',
16
- 'ei',
17
- 'el',
18
- 'eos-icons',
19
- 'et',
20
- 'flowbite',
21
- 'fluent',
22
- 'fluent-emoji',
23
- 'ic',
24
- 'icon-park-outline',
25
- 'la',
26
- 'material-symbols-light',
27
- 'mdi',
28
- 'noto-v1',
29
- 'octicon',
30
- 'ph',
31
- 'simple-icons',
32
- 'system-uicons',
33
- 'uil'
34
- ] as const;
35
-
36
- export type IconCollectionName = typeof iconCollections[number];
37
-
38
- export const iconConfig: IconConfig = {
39
- include: {
40
- mdi: [
41
- // Social
42
- "npm",
43
- "github",
44
- "facebook",
45
- "instagram",
46
- "youtube",
47
-
48
- // Notes & Content
49
- "post-it-note-edit-outline",
50
-
51
- // Car related
52
- "car-hatchback",
53
- "car-door",
54
- "car-side",
55
- "car-windshield-outline",
56
- "car-light-alert",
57
- "car-tire-alert",
58
- "car-light-dimmed",
59
- "car-light-fog",
60
- "car-light-high",
61
- "car-parking-lights",
62
- "car-esp",
63
- "car-brake-abs",
64
- "car-horn",
65
- "engine-outline",
66
-
67
- // Climate & Temperature
68
- "fan",
69
- "fan-off",
70
- "air-conditioner",
71
- "coolant-temperature",
72
-
73
- // Alerts & Warnings
74
- "car-brake-alert",
75
- "car-traction-control",
76
-
77
- // Other
78
- "card-text-outline",
79
- "fuel",
80
- "oil",
81
- "hazard-lights",
82
- "credit-card-outline"
83
- ],
84
-
85
- "ant-design": [
86
- "menu-fold-outlined",
87
- "menu-unfold-outlined",
88
- "menu-outlined",
89
- "bars-outlined",
90
- "appstore-outlined",
91
- "cluster-outlined",
92
- "audit-outlined",
93
- "build-twotone",
94
- "home-outlined",
95
- "close-outlined"
96
- ],
97
-
98
- bi: [
99
- "credit-card",
100
- "emoji-smile",
101
- "envelope-open",
102
- "folder",
103
- "graph-up",
104
- "list-check",
105
- "list-task",
106
- "qr-code",
107
- "tag",
108
- "tags",
109
- "text-indent-left",
110
- "text-indent-right",
111
- "x"
112
- ],
113
-
114
- bx: [
115
- "arrow-back",
116
- "check",
117
- "detail",
118
- "file",
119
- "car",
120
- "credit-card",
121
- "barcode",
122
- "qr"
123
- ],
124
-
125
- carbon: [
126
- "language",
127
- "checkmark",
128
- "home",
129
- "dicom-overlay"
130
- ],
131
-
132
- el: [
133
- "star-empty",
134
- "star",
135
- "heart-empty",
136
- "heart",
137
- "map-marker",
138
- "fire",
139
- "quote-right",
140
- "qrcode",
141
- "car",
142
- "indent-left",
143
- "indent-right",
144
- "ok"
145
- ],
146
-
147
- 'eos-icons': [
148
- "three-dots-loading",
149
- "bubble-loading",
150
- "loading",
151
- "installing"
152
- ],
153
-
154
- fluent: [
155
- "share-android-24-regular",
156
- "checkmark-24-filled",
157
- "tag-24-regular",
158
- "tag-multiple-24-regular"
159
- ],
160
-
161
- "fluent-emoji": [
162
- "cookie",
163
- "construction",
164
- "warning",
165
- "wrench"
166
- ],
167
-
168
- la: [
169
- "arrow-right",
170
- "arrow-left",
171
- "car",
172
- "car-side"
173
- ],
174
-
175
- octicon: [
176
- "chevron-left-24",
177
- "x-24",
178
- "alert-24",
179
- "graph-24",
180
- "comment-24",
181
- "comment-discussion-24",
182
- "clock-24",
183
- "star-24",
184
- "star-fill-24",
185
- "file-media-24",
186
- "heart-24",
187
- "heart-fill-24",
188
- "project-roadmap-24",
189
- "location-24",
190
- "info-24",
191
- "mark-github-16"
192
- ],
193
-
194
- uil: [
195
- "map-marker",
196
- "envelope",
197
- "phone",
198
- "tag-alt"
199
- ],
200
-
201
- "simple-icons": [
202
- "ebay",
203
- "allegro",
204
- "volkswagen",
205
- "audi",
206
- "skoda",
207
- "seat",
208
- "whatsapp",
209
- "x",
210
- "facebook",
211
- "messenger",
212
- "instagram",
213
- "telegram",
214
- "carrd"
215
- ],
216
-
217
- "icon-park-outline": [
218
- "shopping-bag",
219
- "comment",
220
- "comments",
221
- "tag-one"
222
- ],
223
-
224
- flowbite: [
225
- "arrow-left-outline",
226
- "arrow-right-outline",
227
- "angle-left-outline",
228
- "angle-right-outline",
229
- "chevron-left-outline",
230
- "chevron-right-outline",
231
- "map-location-outline",
232
- "map-pin-alt-solid",
233
- "x-outline",
234
- "messages-outline",
235
- "arrow-down-to-bracket-outline",
236
- "check-outline",
237
- "plus-outline",
238
- "edit-outline",
239
- ],
240
-
241
- ph: [
242
- 'images-light',
243
- 'image-square-thin',
244
- 'cat-thin',
245
- 'copy-simple-light',
246
- 'engine-bold',
247
- ],
248
-
249
- ic: [
250
- 'sharp-photo-library'
251
- ],
252
-
253
- 'material-symbols-light': [
254
- 'broken-image-outline'
255
- ],
256
-
257
- et: [
258
- 'documents'
259
- ],
260
-
261
- 'system-uicons': [
262
- 'document-justified'
263
- ]
264
- }
265
- };
266
-
267
- // Helpers
268
- export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
269
- return iconConfig.include[collection]?.includes(iconName) ?? false;
270
- }
271
-
272
- export function getIncludedIcons(collection: IconCollectionName): string[] {
273
- return iconConfig.include[collection] || [];
274
- }
275
-
276
- export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
277
- return iconConfig.include;
278
- }
279
-
1
+ // icon.config.ts
2
+
3
+ interface IconConfig {
4
+ include: {
5
+ [key: string]: string[];
6
+ }
7
+ }
8
+
9
+ // Lista wszystkich wspieranych kolekcji
10
+ export const iconCollections = [
11
+ 'ant-design',
12
+ 'bi',
13
+ 'bx',
14
+ 'carbon',
15
+ 'circle-flags',
16
+ 'ei',
17
+ 'el',
18
+ 'eos-icons',
19
+ 'et',
20
+ 'flowbite',
21
+ 'fluent',
22
+ 'fluent-emoji',
23
+ 'ic',
24
+ 'icon-park-outline',
25
+ 'la',
26
+ 'material-symbols-light',
27
+ 'mdi',
28
+ 'noto-v1',
29
+ 'octicon',
30
+ 'ph',
31
+ 'simple-icons',
32
+ 'system-uicons',
33
+ 'uil',
34
+ 'lucide',
35
+ ] as const;
36
+
37
+ export type IconCollectionName = typeof iconCollections[number];
38
+
39
+ export const iconConfig: IconConfig = {
40
+ include: {
41
+ mdi: [
42
+ // Social
43
+ "npm",
44
+ "github",
45
+ "facebook",
46
+ "instagram",
47
+ "youtube",
48
+
49
+ // Notes & Content
50
+ "post-it-note-edit-outline",
51
+
52
+ // Car related
53
+ "car-hatchback",
54
+ "car-door",
55
+ "car-side",
56
+ "car-windshield-outline",
57
+ "car-light-alert",
58
+ "car-tire-alert",
59
+ "car-light-dimmed",
60
+ "car-light-fog",
61
+ "car-light-high",
62
+ "car-parking-lights",
63
+ "car-esp",
64
+ "car-brake-abs",
65
+ "car-horn",
66
+ "engine-outline",
67
+
68
+ // Climate & Temperature
69
+ "fan",
70
+ "fan-off",
71
+ "air-conditioner",
72
+ "coolant-temperature",
73
+
74
+ // Alerts & Warnings
75
+ "car-brake-alert",
76
+ "car-traction-control",
77
+
78
+ // Other
79
+ "card-text-outline",
80
+ "fuel",
81
+ "oil",
82
+ "hazard-lights",
83
+ "credit-card-outline"
84
+ ],
85
+
86
+ "ant-design": [
87
+ "menu-fold-outlined",
88
+ "menu-unfold-outlined",
89
+ "menu-outlined",
90
+ "bars-outlined",
91
+ "appstore-outlined",
92
+ "cluster-outlined",
93
+ "audit-outlined",
94
+ "build-twotone",
95
+ "home-outlined",
96
+ "close-outlined"
97
+ ],
98
+
99
+ bi: [
100
+ "credit-card",
101
+ "emoji-smile",
102
+ "envelope-open",
103
+ "folder",
104
+ "graph-up",
105
+ "list-check",
106
+ "list-task",
107
+ "qr-code",
108
+ "tag",
109
+ "tags",
110
+ "text-indent-left",
111
+ "text-indent-right",
112
+ "x"
113
+ ],
114
+
115
+ bx: [
116
+ "arrow-back",
117
+ "check",
118
+ "detail",
119
+ "file",
120
+ "car",
121
+ "credit-card",
122
+ "barcode",
123
+ "qr"
124
+ ],
125
+
126
+ carbon: [
127
+ "language",
128
+ "checkmark",
129
+ "home",
130
+ "dicom-overlay"
131
+ ],
132
+
133
+ el: [
134
+ "star-empty",
135
+ "star",
136
+ "heart-empty",
137
+ "heart",
138
+ "map-marker",
139
+ "fire",
140
+ "quote-right",
141
+ "qrcode",
142
+ "car",
143
+ "indent-left",
144
+ "indent-right",
145
+ "ok"
146
+ ],
147
+
148
+ 'eos-icons': [
149
+ "three-dots-loading",
150
+ "bubble-loading",
151
+ "loading",
152
+ "installing"
153
+ ],
154
+
155
+ fluent: [
156
+ "share-android-24-regular",
157
+ "checkmark-24-filled",
158
+ "tag-24-regular",
159
+ "tag-multiple-24-regular"
160
+ ],
161
+
162
+ "fluent-emoji": [
163
+ "cookie",
164
+ "construction",
165
+ "warning",
166
+ "wrench"
167
+ ],
168
+
169
+ la: [
170
+ "arrow-right",
171
+ "arrow-left",
172
+ "car",
173
+ "car-side"
174
+ ],
175
+
176
+ octicon: [
177
+ "chevron-left-24",
178
+ "x-24",
179
+ "alert-24",
180
+ "graph-24",
181
+ "comment-24",
182
+ "comment-discussion-24",
183
+ "clock-24",
184
+ "star-24",
185
+ "star-fill-24",
186
+ "file-media-24",
187
+ "heart-24",
188
+ "heart-fill-24",
189
+ "project-roadmap-24",
190
+ "location-24",
191
+ "info-24",
192
+ "mark-github-16"
193
+ ],
194
+
195
+ uil: [
196
+ "map-marker",
197
+ "envelope",
198
+ "phone",
199
+ "tag-alt"
200
+ ],
201
+
202
+ lucide: [
203
+ "info",
204
+ "car",
205
+ "car-front",
206
+ "book-text",
207
+ "qr-code",
208
+ "scan-qr-code"
209
+ ],
210
+
211
+ "simple-icons": [
212
+ "ebay",
213
+ "allegro",
214
+ "volkswagen",
215
+ "audi",
216
+ "skoda",
217
+ "seat",
218
+ "whatsapp",
219
+ "x",
220
+ "facebook",
221
+ "messenger",
222
+ "instagram",
223
+ "telegram",
224
+ "carrd"
225
+ ],
226
+
227
+ "icon-park-outline": [
228
+ "shopping-bag",
229
+ "comment",
230
+ "comments",
231
+ "tag-one"
232
+ ],
233
+
234
+ flowbite: [
235
+ "arrow-left-outline",
236
+ "arrow-right-outline",
237
+ "angle-left-outline",
238
+ "angle-right-outline",
239
+ "chevron-left-outline",
240
+ "chevron-right-outline",
241
+ "map-location-outline",
242
+ "map-pin-alt-solid",
243
+ "x-outline",
244
+ "messages-outline",
245
+ "arrow-down-to-bracket-outline",
246
+ "check-outline",
247
+ "plus-outline",
248
+ "edit-outline",
249
+ ],
250
+
251
+ ph: [
252
+ 'images-light',
253
+ 'image-square-thin',
254
+ 'cat-thin',
255
+ 'copy-simple-light',
256
+ 'engine-bold',
257
+ ],
258
+
259
+ ic: [
260
+ 'sharp-photo-library'
261
+ ],
262
+
263
+ 'material-symbols-light': [
264
+ 'broken-image-outline'
265
+ ],
266
+
267
+ et: [
268
+ 'documents'
269
+ ],
270
+
271
+ 'system-uicons': [
272
+ 'document-justified'
273
+ ]
274
+ }
275
+ };
276
+
277
+ // Helpers
278
+ export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
279
+ return iconConfig.include[collection]?.includes(iconName) ?? false;
280
+ }
281
+
282
+ export function getIncludedIcons(collection: IconCollectionName): string[] {
283
+ return iconConfig.include[collection] || [];
284
+ }
285
+
286
+ export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
287
+ return iconConfig.include;
288
+ }
289
+
280
290
  export default iconConfig;