spoko-design-system 0.6.4 → 0.6.5

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 (169) hide show
  1. package/.astro/settings.json +4 -4
  2. package/.github/dependabot.yml +11 -11
  3. package/.github/todo.yml +3 -3
  4. package/.github/workflows/deploy.yml +39 -39
  5. package/.stackblitzrc +5 -5
  6. package/.vscode/extensions.json +5 -5
  7. package/.vscode/launch.json +11 -11
  8. package/.vscode/settings.json +5 -5
  9. package/LICENSE +21 -21
  10. package/README.md +114 -114
  11. package/astro-i18next.config.mjs +17 -17
  12. package/astro-i18next.config.ts +10 -10
  13. package/astro.config.mjs +86 -86
  14. package/dev-dist/sw.js +91 -91
  15. package/dev-dist/workbox-c676b6d3.js +3391 -3391
  16. package/icon.config.ts +279 -279
  17. package/index.ts +66 -66
  18. package/package.json +1 -1
  19. package/public/fonts/lg.svg +53 -53
  20. package/public/fonts/vwhead-bold-demo.html +549 -549
  21. package/public/fonts/vwhead-regular-demo.html +549 -549
  22. package/public/fonts/vwtext-bold-demo.html +549 -549
  23. package/public/fonts/vwtext-regular-demo.html +549 -549
  24. package/public/github.svg +3 -3
  25. package/public/grid_dot.svg +4 -4
  26. package/public/linkedin.svg +44 -44
  27. package/public/locales/en/translation.json +8 -8
  28. package/public/locales/pl/translation.json +8 -8
  29. package/public/make-scrollable-code-focusable.js +3 -3
  30. package/public/pagefind.yml +3 -3
  31. package/public/polo.blue.svg +29 -29
  32. package/public/spoko.space.svg +71 -71
  33. package/public/twitter.svg +46 -46
  34. package/renovate.json +6 -6
  35. package/sandbox.config.json +11 -11
  36. package/src/MyComponent.astro +8 -8
  37. package/src/components/Badge.vue +19 -19
  38. package/src/components/Badges.vue +21 -21
  39. package/src/components/Breadcrumbs.vue +107 -107
  40. package/src/components/Button.vue +101 -101
  41. package/src/components/ButtonCopy.astro +183 -183
  42. package/src/components/ButtonCopy.vue +36 -36
  43. package/src/components/Card.astro +27 -27
  44. package/src/components/Carousel.astro +26 -26
  45. package/src/components/Category/CategoriesCarousel.astro +101 -101
  46. package/src/components/Category/CategoryDetails.astro +169 -169
  47. package/src/components/Category/CategoryLink.vue +28 -28
  48. package/src/components/Category/CategorySidebarToggler.vue +9 -9
  49. package/src/components/Category/CategoryTile.astro +38 -38
  50. package/src/components/Category/CategoryViewToggler.astro +89 -89
  51. package/src/components/Category/SubCategoryLink.vue +19 -19
  52. package/src/components/Copyright.astro +12 -12
  53. package/src/components/Date.astro +7 -7
  54. package/src/components/Faq.astro +33 -33
  55. package/src/components/FaqItem.astro +80 -80
  56. package/src/components/FeaturesList.vue +41 -41
  57. package/src/components/FuckRussia.vue +62 -62
  58. package/src/components/HandDrive.astro +29 -29
  59. package/src/components/Header/Header.astro +210 -210
  60. package/src/components/Header/SkipToContent.astro +1 -1
  61. package/src/components/Headline.vue +48 -48
  62. package/src/components/Image.astro +30 -30
  63. package/src/components/LeftSidebar.astro +53 -53
  64. package/src/components/MainColors.vue +22 -22
  65. package/src/components/MainInput.vue +15 -15
  66. package/src/components/Modal.astro +27 -27
  67. package/src/components/PageContent.astro +5 -5
  68. package/src/components/PartNumber.vue +27 -27
  69. package/src/components/Post/PostCategories.astro +37 -37
  70. package/src/components/Post/PostCategories.vue +39 -39
  71. package/src/components/PostHeader.astro +103 -103
  72. package/src/components/PrCode.vue +141 -141
  73. package/src/components/Product/ProductButton.vue +18 -18
  74. package/src/components/Product/ProductCarousel.astro +35 -35
  75. package/src/components/Product/ProductCodes.vue +174 -174
  76. package/src/components/Product/ProductEngineType.vue +42 -42
  77. package/src/components/Product/ProductImage.astro +40 -40
  78. package/src/components/Product/ProductLink.astro +101 -101
  79. package/src/components/Product/ProductLink.vue +59 -59
  80. package/src/components/Product/ProductLinkInfo.astro +37 -37
  81. package/src/components/Product/ProductNumber.astro +60 -60
  82. package/src/components/ProductCarousel.astro +38 -38
  83. package/src/components/ProductCodes.vue +39 -39
  84. package/src/components/ProductDetailName.vue +52 -52
  85. package/src/components/ProductDetailsList.vue +65 -65
  86. package/src/components/ProductTile.astro +48 -48
  87. package/src/components/Quote.vue +23 -23
  88. package/src/components/ReloadPrompt.astro +50 -50
  89. package/src/components/SlimBanner.vue +72 -72
  90. package/src/components/Table.vue +32 -32
  91. package/src/components/TableOfContents.astro +15 -15
  92. package/src/components/Translations.vue +23 -23
  93. package/src/components/flags/FlagPL.vue +3 -3
  94. package/src/components/flags/FlagUA.vue +2 -2
  95. package/src/components/layout/Container.astro +7 -7
  96. package/src/components/layout/Header.astro +80 -80
  97. package/src/config.ts +56 -56
  98. package/src/design.config.ts +98 -98
  99. package/src/env.d.ts +6 -6
  100. package/src/layouts/Layout.astro +61 -61
  101. package/src/layouts/MainLayout.astro +81 -81
  102. package/src/layouts/partials/FooterCommon.astro +4 -4
  103. package/src/layouts/partials/HeadCommon.astro +44 -44
  104. package/src/layouts/partials/HeadSEO.astro +41 -41
  105. package/src/pages/components/badges.mdx +57 -57
  106. package/src/pages/components/breadcrumbs.mdx +139 -139
  107. package/src/pages/components/buttons.mdx +360 -360
  108. package/src/pages/components/card.mdx +294 -294
  109. package/src/pages/components/carousel.mdx +62 -62
  110. package/src/pages/components/copyright.mdx +42 -42
  111. package/src/pages/components/details-list.mdx +115 -115
  112. package/src/pages/components/features-list.mdx +37 -37
  113. package/src/pages/components/flags.mdx +49 -49
  114. package/src/pages/components/fuck-russia.mdx +39 -39
  115. package/src/pages/components/hand-drive.mdx +38 -38
  116. package/src/pages/components/headline.mdx +152 -152
  117. package/src/pages/components/icons.astro +135 -135
  118. package/src/pages/components/image.mdx +513 -513
  119. package/src/pages/components/input.mdx +367 -367
  120. package/src/pages/components/jumbotron.mdx +359 -359
  121. package/src/pages/components/modal.mdx +64 -64
  122. package/src/pages/components/post-header.mdx +60 -60
  123. package/src/pages/components/pr-code.mdx +65 -65
  124. package/src/pages/components/product-number.mdx +58 -58
  125. package/src/pages/components/product-tile.mdx +51 -51
  126. package/src/pages/components/quote.mdx +33 -33
  127. package/src/pages/components/slimbanner.mdx +35 -35
  128. package/src/pages/components/table.mdx +108 -108
  129. package/src/pages/core/colors.mdx +10 -10
  130. package/src/pages/core/grid.mdx +89 -89
  131. package/src/pages/core/introduction.mdx +77 -77
  132. package/src/pages/core/shadows.astro +20 -20
  133. package/src/pages/core/typography.astro +49 -49
  134. package/src/pages/index.astro +130 -130
  135. package/src/pages/patterns/introduction.mdx +60 -60
  136. package/src/pwa.ts +12 -12
  137. package/src/styles/_variables.scss +70 -70
  138. package/src/styles/base/base.css +184 -184
  139. package/src/styles/base/grid.css +92 -92
  140. package/src/styles/base/typography.css +70 -70
  141. package/src/styles/content.css +73 -73
  142. package/src/styles/main.css +7 -7
  143. package/src/types/Product.ts +31 -31
  144. package/src/types/astro.d.ts +3 -3
  145. package/src/utils/product/getPriceFormatted.ts +15 -15
  146. package/src/utils/product/getProductChecklist.ts +17 -17
  147. package/src/utils/product/useFormatProductNumber.ts +41 -41
  148. package/src/utils/seo/getShorterDescription.ts +14 -14
  149. package/src/utils/text/formatDate.ts +5 -5
  150. package/src/utils/text/formatLocaleNumber.ts +6 -6
  151. package/src/utils/text/formatPad.ts +12 -12
  152. package/src/utils/text/getNumberFormatted.ts +33 -33
  153. package/src/utils/text/getTranslatedLink.ts +5 -5
  154. package/src/utils/text.ts +19 -19
  155. package/tailwind.config.cjs +8 -8
  156. package/tsconfig.json +28 -28
  157. package/uno-config/index.ts +232 -232
  158. package/uno-config/theme/breakpoints.ts +9 -9
  159. package/uno-config/theme/colors.ts +64 -64
  160. package/uno-config/theme/dimensions.ts +17 -17
  161. package/uno-config/theme/effects.ts +14 -14
  162. package/uno-config/theme/grid.ts +10 -10
  163. package/uno-config/theme/index.ts +28 -28
  164. package/uno-config/theme/shortcuts/buttons.ts +53 -53
  165. package/uno-config/theme/shortcuts/components.ts +92 -92
  166. package/uno-config/theme/shortcuts/index.ts +20 -20
  167. package/uno-config/theme/shortcuts/layout.ts +64 -64
  168. package/uno-config/theme/typography.ts +29 -29
  169. package/uno.config.ts +2 -2
package/icon.config.ts CHANGED
@@ -1,280 +1,280 @@
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
+ ] 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
+
280
280
  export default iconConfig;