spoko-design-system 0.5.5 → 0.5.7

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 (171) 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 +278 -278
  18. package/index.ts +65 -65
  19. package/package.json +2 -2
  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/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/Input.astro +38 -13
  64. package/src/components/Jumbotron/variants/Hero.astro +0 -1
  65. package/src/components/LeftSidebar.astro +53 -53
  66. package/src/components/MainColors.vue +22 -22
  67. package/src/components/MainInput.vue +15 -15
  68. package/src/components/Modal.astro +27 -27
  69. package/src/components/PageContent.astro +5 -5
  70. package/src/components/PartNumber.vue +27 -27
  71. package/src/components/Post/PostCategories.astro +37 -37
  72. package/src/components/Post/PostCategories.vue +38 -38
  73. package/src/components/PostHeader.astro +103 -103
  74. package/src/components/PrCode.vue +141 -141
  75. package/src/components/Product/ProductButton.vue +18 -18
  76. package/src/components/Product/ProductCarousel.astro +35 -35
  77. package/src/components/Product/ProductCodes.vue +174 -174
  78. package/src/components/Product/ProductEngineType.vue +42 -42
  79. package/src/components/Product/ProductImage.astro +40 -40
  80. package/src/components/Product/ProductLink.astro +101 -101
  81. package/src/components/Product/ProductLink.vue +59 -59
  82. package/src/components/Product/ProductLinkInfo.astro +37 -37
  83. package/src/components/Product/ProductNumber.astro +60 -60
  84. package/src/components/ProductCarousel.astro +38 -38
  85. package/src/components/ProductCodes.vue +39 -39
  86. package/src/components/ProductDetailName.vue +52 -52
  87. package/src/components/ProductDetailsList.vue +65 -65
  88. package/src/components/ProductTile.astro +48 -48
  89. package/src/components/Quote.vue +23 -23
  90. package/src/components/ReloadPrompt.astro +50 -50
  91. package/src/components/SlimBanner.vue +72 -72
  92. package/src/components/Table.vue +32 -32
  93. package/src/components/TableOfContents.astro +15 -15
  94. package/src/components/Translations.vue +23 -23
  95. package/src/components/flags/FlagPL.vue +3 -3
  96. package/src/components/flags/FlagUA.vue +2 -2
  97. package/src/components/layout/Container.astro +7 -7
  98. package/src/components/layout/Header.astro +80 -80
  99. package/src/config.ts +56 -56
  100. package/src/design.config.ts +98 -98
  101. package/src/env.d.ts +6 -6
  102. package/src/layouts/Layout.astro +61 -61
  103. package/src/layouts/MainLayout.astro +81 -81
  104. package/src/layouts/partials/FooterCommon.astro +4 -4
  105. package/src/layouts/partials/HeadCommon.astro +44 -44
  106. package/src/layouts/partials/HeadSEO.astro +41 -41
  107. package/src/pages/components/badges.mdx +57 -57
  108. package/src/pages/components/breadcrumbs.mdx +139 -139
  109. package/src/pages/components/buttons.mdx +360 -360
  110. package/src/pages/components/card.mdx +294 -294
  111. package/src/pages/components/carousel.mdx +62 -62
  112. package/src/pages/components/copyright.mdx +42 -42
  113. package/src/pages/components/details-list.mdx +115 -115
  114. package/src/pages/components/features-list.mdx +37 -37
  115. package/src/pages/components/flags.mdx +49 -49
  116. package/src/pages/components/fuck-russia.mdx +39 -39
  117. package/src/pages/components/hand-drive.mdx +38 -38
  118. package/src/pages/components/headline.mdx +152 -152
  119. package/src/pages/components/icons.astro +135 -135
  120. package/src/pages/components/image.mdx +513 -513
  121. package/src/pages/components/input.mdx +84 -47
  122. package/src/pages/components/jumbotron.mdx +359 -359
  123. package/src/pages/components/modal.mdx +64 -64
  124. package/src/pages/components/post-header.mdx +60 -60
  125. package/src/pages/components/pr-code.mdx +65 -65
  126. package/src/pages/components/product-number.mdx +58 -58
  127. package/src/pages/components/product-tile.mdx +51 -51
  128. package/src/pages/components/quote.mdx +33 -33
  129. package/src/pages/components/slimbanner.mdx +35 -35
  130. package/src/pages/components/table.mdx +108 -108
  131. package/src/pages/core/colors.mdx +10 -10
  132. package/src/pages/core/grid.mdx +89 -89
  133. package/src/pages/core/introduction.mdx +77 -77
  134. package/src/pages/core/shadows.astro +20 -20
  135. package/src/pages/core/typography.astro +49 -49
  136. package/src/pages/index.astro +130 -130
  137. package/src/pages/patterns/introduction.mdx +60 -60
  138. package/src/pwa.ts +12 -12
  139. package/src/styles/_variables.scss +70 -70
  140. package/src/styles/base/base.css +184 -184
  141. package/src/styles/base/grid.css +92 -92
  142. package/src/styles/base/typography.css +70 -70
  143. package/src/styles/content.css +73 -73
  144. package/src/styles/main.css +7 -7
  145. package/src/types/Product.ts +31 -31
  146. package/src/types/astro.d.ts +3 -3
  147. package/src/utils/product/getPriceFormatted.ts +15 -15
  148. package/src/utils/product/getProductChecklist.ts +17 -17
  149. package/src/utils/product/useFormatProductNumber.ts +41 -41
  150. package/src/utils/seo/getShorterDescription.ts +14 -14
  151. package/src/utils/text/formatDate.ts +5 -5
  152. package/src/utils/text/formatLocaleNumber.ts +6 -6
  153. package/src/utils/text/formatPad.ts +12 -12
  154. package/src/utils/text/getNumberFormatted.ts +33 -33
  155. package/src/utils/text/getTranslatedLink.ts +5 -5
  156. package/src/utils/text.ts +19 -19
  157. package/tailwind.config.cjs +8 -8
  158. package/tsconfig.json +28 -28
  159. package/uno-config/index.ts +61 -61
  160. package/uno-config/theme/breakpoints.ts +9 -9
  161. package/uno-config/theme/colors.ts +64 -64
  162. package/uno-config/theme/dimensions.ts +17 -17
  163. package/uno-config/theme/effects.ts +14 -14
  164. package/uno-config/theme/grid.ts +10 -10
  165. package/uno-config/theme/index.ts +28 -28
  166. package/uno-config/theme/shortcuts/buttons.ts +53 -53
  167. package/uno-config/theme/shortcuts/components.ts +92 -92
  168. package/uno-config/theme/shortcuts/index.ts +18 -18
  169. package/uno-config/theme/shortcuts/layout.ts +64 -64
  170. package/uno-config/theme/typography.ts +29 -29
  171. package/uno.config.ts +2 -2
package/icon.config.ts CHANGED
@@ -1,279 +1,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
- "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
- "folder"
111
- ],
112
-
113
- bx: [
114
- "arrow-back",
115
- "check",
116
- "detail",
117
- "file",
118
- "car",
119
- "credit-card",
120
- "barcode",
121
- "qr"
122
- ],
123
-
124
- carbon: [
125
- "language",
126
- "checkmark",
127
- "home",
128
- "dicom-overlay"
129
- ],
130
-
131
- el: [
132
- "star-empty",
133
- "star",
134
- "heart-empty",
135
- "heart",
136
- "map-marker",
137
- "fire",
138
- "quote-right",
139
- "qrcode",
140
- "car",
141
- "indent-left",
142
- "indent-right",
143
- "ok"
144
- ],
145
-
146
- 'eos-icons': [
147
- "three-dots-loading",
148
- "bubble-loading",
149
- "loading",
150
- "installing"
151
- ],
152
-
153
- fluent: [
154
- "share-android-24-regular",
155
- "checkmark-24-filled",
156
- "tag-24-regular",
157
- "tag-multiple-24-regular"
158
- ],
159
-
160
- "fluent-emoji": [
161
- "cookie",
162
- "construction",
163
- "warning",
164
- "wrench"
165
- ],
166
-
167
- la: [
168
- "arrow-right",
169
- "arrow-left",
170
- "car",
171
- "car-side"
172
- ],
173
-
174
- octicon: [
175
- "chevron-left-24",
176
- "x-24",
177
- "alert-24",
178
- "graph-24",
179
- "comment-24",
180
- "comment-discussion-24",
181
- "clock-24",
182
- "star-24",
183
- "star-fill-24",
184
- "file-media-24",
185
- "heart-24",
186
- "heart-fill-24",
187
- "project-roadmap-24",
188
- "location-24",
189
- "info-24",
190
- "mark-github-16"
191
- ],
192
-
193
- uil: [
194
- "map-marker",
195
- "envelope",
196
- "phone",
197
- "tag-alt"
198
- ],
199
-
200
- "simple-icons": [
201
- "ebay",
202
- "allegro",
203
- "volkswagen",
204
- "audi",
205
- "skoda",
206
- "seat",
207
- "whatsapp",
208
- "x",
209
- "facebook",
210
- "messenger",
211
- "instagram",
212
- "telegram",
213
- "carrd"
214
- ],
215
-
216
- "icon-park-outline": [
217
- "shopping-bag",
218
- "comment",
219
- "comments",
220
- "tag-one"
221
- ],
222
-
223
- flowbite: [
224
- "arrow-left-outline",
225
- "arrow-right-outline",
226
- "angle-left-outline",
227
- "angle-right-outline",
228
- "chevron-left-outline",
229
- "chevron-right-outline",
230
- "map-location-outline",
231
- "map-pin-alt-solid",
232
- "x-outline",
233
- "messages-outline",
234
- "arrow-down-to-bracket-outline",
235
- "check-outline",
236
- "plus-outline",
237
- "edit-outline",
238
- ],
239
-
240
- ph: [
241
- 'images-light',
242
- 'image-square-thin',
243
- 'cat-thin',
244
- 'copy-simple-light',
245
- 'engine-bold',
246
- ],
247
-
248
- ic: [
249
- 'sharp-photo-library'
250
- ],
251
-
252
- 'material-symbols-light': [
253
- 'broken-image-outline'
254
- ],
255
-
256
- et: [
257
- 'documents'
258
- ],
259
-
260
- 'system-uicons': [
261
- 'document-justified'
262
- ]
263
- }
264
- };
265
-
266
- // Helpers
267
- export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
268
- return iconConfig.include[collection]?.includes(iconName) ?? false;
269
- }
270
-
271
- export function getIncludedIcons(collection: IconCollectionName): string[] {
272
- return iconConfig.include[collection] || [];
273
- }
274
-
275
- export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
276
- return iconConfig.include;
277
- }
278
-
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
+ "folder"
111
+ ],
112
+
113
+ bx: [
114
+ "arrow-back",
115
+ "check",
116
+ "detail",
117
+ "file",
118
+ "car",
119
+ "credit-card",
120
+ "barcode",
121
+ "qr"
122
+ ],
123
+
124
+ carbon: [
125
+ "language",
126
+ "checkmark",
127
+ "home",
128
+ "dicom-overlay"
129
+ ],
130
+
131
+ el: [
132
+ "star-empty",
133
+ "star",
134
+ "heart-empty",
135
+ "heart",
136
+ "map-marker",
137
+ "fire",
138
+ "quote-right",
139
+ "qrcode",
140
+ "car",
141
+ "indent-left",
142
+ "indent-right",
143
+ "ok"
144
+ ],
145
+
146
+ 'eos-icons': [
147
+ "three-dots-loading",
148
+ "bubble-loading",
149
+ "loading",
150
+ "installing"
151
+ ],
152
+
153
+ fluent: [
154
+ "share-android-24-regular",
155
+ "checkmark-24-filled",
156
+ "tag-24-regular",
157
+ "tag-multiple-24-regular"
158
+ ],
159
+
160
+ "fluent-emoji": [
161
+ "cookie",
162
+ "construction",
163
+ "warning",
164
+ "wrench"
165
+ ],
166
+
167
+ la: [
168
+ "arrow-right",
169
+ "arrow-left",
170
+ "car",
171
+ "car-side"
172
+ ],
173
+
174
+ octicon: [
175
+ "chevron-left-24",
176
+ "x-24",
177
+ "alert-24",
178
+ "graph-24",
179
+ "comment-24",
180
+ "comment-discussion-24",
181
+ "clock-24",
182
+ "star-24",
183
+ "star-fill-24",
184
+ "file-media-24",
185
+ "heart-24",
186
+ "heart-fill-24",
187
+ "project-roadmap-24",
188
+ "location-24",
189
+ "info-24",
190
+ "mark-github-16"
191
+ ],
192
+
193
+ uil: [
194
+ "map-marker",
195
+ "envelope",
196
+ "phone",
197
+ "tag-alt"
198
+ ],
199
+
200
+ "simple-icons": [
201
+ "ebay",
202
+ "allegro",
203
+ "volkswagen",
204
+ "audi",
205
+ "skoda",
206
+ "seat",
207
+ "whatsapp",
208
+ "x",
209
+ "facebook",
210
+ "messenger",
211
+ "instagram",
212
+ "telegram",
213
+ "carrd"
214
+ ],
215
+
216
+ "icon-park-outline": [
217
+ "shopping-bag",
218
+ "comment",
219
+ "comments",
220
+ "tag-one"
221
+ ],
222
+
223
+ flowbite: [
224
+ "arrow-left-outline",
225
+ "arrow-right-outline",
226
+ "angle-left-outline",
227
+ "angle-right-outline",
228
+ "chevron-left-outline",
229
+ "chevron-right-outline",
230
+ "map-location-outline",
231
+ "map-pin-alt-solid",
232
+ "x-outline",
233
+ "messages-outline",
234
+ "arrow-down-to-bracket-outline",
235
+ "check-outline",
236
+ "plus-outline",
237
+ "edit-outline",
238
+ ],
239
+
240
+ ph: [
241
+ 'images-light',
242
+ 'image-square-thin',
243
+ 'cat-thin',
244
+ 'copy-simple-light',
245
+ 'engine-bold',
246
+ ],
247
+
248
+ ic: [
249
+ 'sharp-photo-library'
250
+ ],
251
+
252
+ 'material-symbols-light': [
253
+ 'broken-image-outline'
254
+ ],
255
+
256
+ et: [
257
+ 'documents'
258
+ ],
259
+
260
+ 'system-uicons': [
261
+ 'document-justified'
262
+ ]
263
+ }
264
+ };
265
+
266
+ // Helpers
267
+ export function isIconIncluded(collection: IconCollectionName, iconName: string): boolean {
268
+ return iconConfig.include[collection]?.includes(iconName) ?? false;
269
+ }
270
+
271
+ export function getIncludedIcons(collection: IconCollectionName): string[] {
272
+ return iconConfig.include[collection] || [];
273
+ }
274
+
275
+ export function getAllIncludedIcons(): { [key in IconCollectionName]?: string[] } {
276
+ return iconConfig.include;
277
+ }
278
+
279
279
  export default iconConfig;