spoko-design-system 0.4.3 → 0.4.4

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 +275 -273
  17. package/index.ts +63 -63
  18. package/package.json +17 -17
  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 +63 -63
  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 +23 -23
  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/CategoryLink.astro +18 -18
  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 +96 -96
  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/PostHeader.astro +103 -103
  71. package/src/components/PrCode.vue +141 -141
  72. package/src/components/Product/ProductButton.vue +18 -18
  73. package/src/components/Product/ProductCarousel.astro +35 -35
  74. package/src/components/Product/ProductCodes.vue +174 -174
  75. package/src/components/Product/ProductDetails.vue +1 -1
  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 +253 -253
  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 +45 -45
  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 +61 -61
  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 +41 -41
  165. package/uno-config/theme/shortcuts/components.ts +92 -92
  166. package/uno-config/theme/shortcuts/index.ts +18 -18
  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,274 +1,276 @@
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
-
47
- // Notes & Content
48
- "post-it-note-edit-outline",
49
-
50
- // Car related
51
- "car-hatchback",
52
- "car-door",
53
- "car-side",
54
- "car-windshield-outline",
55
- "car-light-alert",
56
- "car-tire-alert",
57
- "car-light-dimmed",
58
- "car-light-fog",
59
- "car-light-high",
60
- "car-parking-lights",
61
- "car-esp",
62
- "car-brake-abs",
63
- "car-horn",
64
- "engine-outline",
65
-
66
- // Climate & Temperature
67
- "fan",
68
- "fan-off",
69
- "air-conditioner",
70
- "coolant-temperature",
71
-
72
- // Alerts & Warnings
73
- "car-brake-alert",
74
- "car-traction-control",
75
-
76
- // Other
77
- "card-text-outline",
78
- "fuel",
79
- "oil",
80
- "hazard-lights",
81
- "credit-card-outline"
82
- ],
83
-
84
- "ant-design": [
85
- "menu-fold-outlined",
86
- "menu-unfold-outlined",
87
- "menu-outlined",
88
- "bars-outlined",
89
- "appstore-outlined",
90
- "cluster-outlined",
91
- "audit-outlined",
92
- "build-twotone",
93
- "home-outlined",
94
- "close-outlined"
95
- ],
96
-
97
- bi: [
98
- "envelope-open",
99
- "credit-card",
100
- "qr-code",
101
- "list-check",
102
- "list-task",
103
- "text-indent-left",
104
- "text-indent-right",
105
- "tag",
106
- "tags",
107
- "x",
108
- "graph-up"
109
- ],
110
-
111
- bx: [
112
- "arrow-back",
113
- "check",
114
- "detail",
115
- "file",
116
- "car",
117
- "credit-card",
118
- "barcode",
119
- "qr"
120
- ],
121
-
122
- carbon: [
123
- "language",
124
- "checkmark",
125
- "home",
126
- "dicom-overlay"
127
- ],
128
-
129
- el: [
130
- "star-empty",
131
- "star",
132
- "heart-empty",
133
- "heart",
134
- "map-marker",
135
- "fire",
136
- "quote-right",
137
- "qrcode",
138
- "car",
139
- "indent-left",
140
- "indent-right",
141
- "ok"
142
- ],
143
-
144
- 'eos-icons': [
145
- "three-dots-loading",
146
- "bubble-loading",
147
- "loading",
148
- "installing"
149
- ],
150
-
151
- fluent: [
152
- "share-android-24-regular",
153
- "checkmark-24-filled",
154
- "tag-24-regular",
155
- "tag-multiple-24-regular"
156
- ],
157
-
158
- "fluent-emoji": [
159
- "cookie",
160
- "construction",
161
- "warning",
162
- "wrench"
163
- ],
164
-
165
- la: [
166
- "arrow-right",
167
- "arrow-left",
168
- "car",
169
- "car-side"
170
- ],
171
-
172
- octicon: [
173
- "chevron-left-24",
174
- "x-24",
175
- "alert-24",
176
- "graph-24",
177
- "comment-24",
178
- "comment-discussion-24",
179
- "clock-24",
180
- "star-24",
181
- "star-fill-24",
182
- "file-media-24",
183
- "heart-24",
184
- "heart-fill-24",
185
- "project-roadmap-24",
186
- "location-24",
187
- "info-24",
188
- "mark-github-16"
189
- ],
190
-
191
- uil: [
192
- "map-marker",
193
- "envelope",
194
- "phone",
195
- "tag-alt"
196
- ],
197
-
198
- "simple-icons": [
199
- "ebay",
200
- "allegro",
201
- "volkswagen",
202
- "audi",
203
- "skoda",
204
- "seat",
205
- "whatsapp",
206
- "x",
207
- "facebook",
208
- "messenger",
209
- "instagram",
210
- "telegram",
211
- "carrd"
212
- ],
213
-
214
- "icon-park-outline": [
215
- "shopping-bag",
216
- "comment",
217
- "comments",
218
- "tag-one"
219
- ],
220
-
221
- flowbite: [
222
- "arrow-left-outline",
223
- "arrow-right-outline",
224
- "angle-left-outline",
225
- "angle-right-outline",
226
- "chevron-left-outline",
227
- "chevron-right-outline",
228
- "map-location-outline",
229
- "map-pin-alt-solid",
230
- "x-outline",
231
- "messages-outline",
232
- "arrow-down-to-bracket-outline",
233
- "check-outline"
234
- ],
235
-
236
- ph: [
237
- 'images-light',
238
- 'image-square-thin',
239
- 'cat-thin',
240
- 'copy-simple-light'
241
- ],
242
-
243
- ic: [
244
- 'sharp-photo-library'
245
- ],
246
-
247
- 'material-symbols-light': [
248
- 'broken-image-outline'
249
- ],
250
-
251
- et: [
252
- 'documents'
253
- ],
254
-
255
- 'system-uicons': [
256
- 'document-justified'
257
- ]
258
- }
259
- };
260
-
261
- // Helpers
262
- export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
263
- return iconConfig.include[collection]?.includes(iconName) ?? false;
264
- }
265
-
266
- export function getIncludedIcons(collection: IconCollectionName): string[] {
267
- return iconConfig.include[collection] || [];
268
- }
269
-
270
- export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
271
- return iconConfig.include;
272
- }
273
-
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
+ "envelope-open",
100
+ "credit-card",
101
+ "qr-code",
102
+ "list-check",
103
+ "list-task",
104
+ "text-indent-left",
105
+ "text-indent-right",
106
+ "tag",
107
+ "tags",
108
+ "x",
109
+ "graph-up"
110
+ ],
111
+
112
+ bx: [
113
+ "arrow-back",
114
+ "check",
115
+ "detail",
116
+ "file",
117
+ "car",
118
+ "credit-card",
119
+ "barcode",
120
+ "qr"
121
+ ],
122
+
123
+ carbon: [
124
+ "language",
125
+ "checkmark",
126
+ "home",
127
+ "dicom-overlay"
128
+ ],
129
+
130
+ el: [
131
+ "star-empty",
132
+ "star",
133
+ "heart-empty",
134
+ "heart",
135
+ "map-marker",
136
+ "fire",
137
+ "quote-right",
138
+ "qrcode",
139
+ "car",
140
+ "indent-left",
141
+ "indent-right",
142
+ "ok"
143
+ ],
144
+
145
+ 'eos-icons': [
146
+ "three-dots-loading",
147
+ "bubble-loading",
148
+ "loading",
149
+ "installing"
150
+ ],
151
+
152
+ fluent: [
153
+ "share-android-24-regular",
154
+ "checkmark-24-filled",
155
+ "tag-24-regular",
156
+ "tag-multiple-24-regular"
157
+ ],
158
+
159
+ "fluent-emoji": [
160
+ "cookie",
161
+ "construction",
162
+ "warning",
163
+ "wrench"
164
+ ],
165
+
166
+ la: [
167
+ "arrow-right",
168
+ "arrow-left",
169
+ "car",
170
+ "car-side"
171
+ ],
172
+
173
+ octicon: [
174
+ "chevron-left-24",
175
+ "x-24",
176
+ "alert-24",
177
+ "graph-24",
178
+ "comment-24",
179
+ "comment-discussion-24",
180
+ "clock-24",
181
+ "star-24",
182
+ "star-fill-24",
183
+ "file-media-24",
184
+ "heart-24",
185
+ "heart-fill-24",
186
+ "project-roadmap-24",
187
+ "location-24",
188
+ "info-24",
189
+ "mark-github-16"
190
+ ],
191
+
192
+ uil: [
193
+ "map-marker",
194
+ "envelope",
195
+ "phone",
196
+ "tag-alt"
197
+ ],
198
+
199
+ "simple-icons": [
200
+ "ebay",
201
+ "allegro",
202
+ "volkswagen",
203
+ "audi",
204
+ "skoda",
205
+ "seat",
206
+ "whatsapp",
207
+ "x",
208
+ "facebook",
209
+ "messenger",
210
+ "instagram",
211
+ "telegram",
212
+ "carrd"
213
+ ],
214
+
215
+ "icon-park-outline": [
216
+ "shopping-bag",
217
+ "comment",
218
+ "comments",
219
+ "tag-one"
220
+ ],
221
+
222
+ flowbite: [
223
+ "arrow-left-outline",
224
+ "arrow-right-outline",
225
+ "angle-left-outline",
226
+ "angle-right-outline",
227
+ "chevron-left-outline",
228
+ "chevron-right-outline",
229
+ "map-location-outline",
230
+ "map-pin-alt-solid",
231
+ "x-outline",
232
+ "messages-outline",
233
+ "arrow-down-to-bracket-outline",
234
+ "check-outline"
235
+ ],
236
+
237
+ ph: [
238
+ 'images-light',
239
+ 'image-square-thin',
240
+ 'cat-thin',
241
+ 'copy-simple-light',
242
+ 'engine-bold',
243
+ ],
244
+
245
+ ic: [
246
+ 'sharp-photo-library'
247
+ ],
248
+
249
+ 'material-symbols-light': [
250
+ 'broken-image-outline'
251
+ ],
252
+
253
+ et: [
254
+ 'documents'
255
+ ],
256
+
257
+ 'system-uicons': [
258
+ 'document-justified'
259
+ ]
260
+ }
261
+ };
262
+
263
+ // Helpers
264
+ export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
265
+ return iconConfig.include[collection]?.includes(iconName) ?? false;
266
+ }
267
+
268
+ export function getIncludedIcons(collection: IconCollectionName): string[] {
269
+ return iconConfig.include[collection] || [];
270
+ }
271
+
272
+ export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
273
+ return iconConfig.include;
274
+ }
275
+
274
276
  export default iconConfig;