spoko-design-system 0.6.7 → 0.6.9

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 +290 -289
  17. package/index.ts +66 -66
  18. package/package.json +5 -5
  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 +41 -41
  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 +64 -64
  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 +133 -133
  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,290 +1,291 @@
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
-
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
+ "codesandbox",
208
+ "qr-code",
209
+ "scan-qr-code"
210
+ ],
211
+
212
+ "simple-icons": [
213
+ "ebay",
214
+ "allegro",
215
+ "volkswagen",
216
+ "audi",
217
+ "skoda",
218
+ "seat",
219
+ "whatsapp",
220
+ "x",
221
+ "facebook",
222
+ "messenger",
223
+ "instagram",
224
+ "telegram",
225
+ "carrd"
226
+ ],
227
+
228
+ "icon-park-outline": [
229
+ "shopping-bag",
230
+ "comment",
231
+ "comments",
232
+ "tag-one"
233
+ ],
234
+
235
+ flowbite: [
236
+ "arrow-left-outline",
237
+ "arrow-right-outline",
238
+ "angle-left-outline",
239
+ "angle-right-outline",
240
+ "chevron-left-outline",
241
+ "chevron-right-outline",
242
+ "map-location-outline",
243
+ "map-pin-alt-solid",
244
+ "x-outline",
245
+ "messages-outline",
246
+ "arrow-down-to-bracket-outline",
247
+ "check-outline",
248
+ "plus-outline",
249
+ "edit-outline",
250
+ ],
251
+
252
+ ph: [
253
+ 'images-light',
254
+ 'image-square-thin',
255
+ 'cat-thin',
256
+ 'copy-simple-light',
257
+ 'engine-bold',
258
+ ],
259
+
260
+ ic: [
261
+ 'sharp-photo-library'
262
+ ],
263
+
264
+ 'material-symbols-light': [
265
+ 'broken-image-outline'
266
+ ],
267
+
268
+ et: [
269
+ 'documents'
270
+ ],
271
+
272
+ 'system-uicons': [
273
+ 'document-justified'
274
+ ]
275
+ }
276
+ };
277
+
278
+ // Helpers
279
+ export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
280
+ return iconConfig.include[collection]?.includes(iconName) ?? false;
281
+ }
282
+
283
+ export function getIncludedIcons(collection: IconCollectionName): string[] {
284
+ return iconConfig.include[collection] || [];
285
+ }
286
+
287
+ export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
288
+ return iconConfig.include;
289
+ }
290
+
290
291
  export default iconConfig;