spoko-design-system 0.2.8 → 0.2.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.
- package/astro.config.mjs +141 -151
- package/dev-dist/sw.js +1 -1
- package/package.json +2 -1
- package/src/components/ProductNumber.astro +1 -1
- package/src/design.config.ts +2 -0
- package/uno.config.ts +1 -0
package/astro.config.mjs
CHANGED
|
@@ -1,152 +1,142 @@
|
|
|
1
|
-
import { defineConfig, sharpImageService } from "astro/config";
|
|
2
|
-
import vue from "@astrojs/vue";
|
|
3
|
-
import mdx from '@astrojs/mdx';
|
|
4
|
-
import UnoCSS from '@unocss/astro';
|
|
5
|
-
import Compress from "astro-compress";
|
|
6
|
-
// https://github.com/yassinedoghri/astro-i18next#readme
|
|
7
|
-
import astroI18next from "astro-i18next";
|
|
8
|
-
import icon from "astro-icon";
|
|
9
|
-
import sitemap from "@astrojs/sitemap";
|
|
10
|
-
import pagefind from "astro-pagefind";
|
|
11
|
-
import AstroPWA from '@vite-pwa/astro';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
astroI18next(),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
includeAssets: [
|
|
33
|
-
//
|
|
34
|
-
//
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
trimCustomFragments: false,
|
|
143
|
-
useShortDoctype: false
|
|
144
|
-
},
|
|
145
|
-
Image: false,
|
|
146
|
-
JavaScript: true,
|
|
147
|
-
SVG: true
|
|
148
|
-
}),
|
|
149
|
-
pagefind(),
|
|
150
|
-
sitemap()
|
|
151
|
-
]
|
|
1
|
+
import { defineConfig, sharpImageService } from "astro/config";
|
|
2
|
+
import vue from "@astrojs/vue";
|
|
3
|
+
import mdx from '@astrojs/mdx';
|
|
4
|
+
import UnoCSS from '@unocss/astro';
|
|
5
|
+
import Compress from "astro-compress";
|
|
6
|
+
// https://github.com/yassinedoghri/astro-i18next#readme
|
|
7
|
+
import astroI18next from "astro-i18next";
|
|
8
|
+
import icon from "astro-icon";
|
|
9
|
+
import sitemap from "@astrojs/sitemap";
|
|
10
|
+
import pagefind from "astro-pagefind";
|
|
11
|
+
import AstroPWA from '@vite-pwa/astro';
|
|
12
|
+
import metaTags from "astro-meta-tags";
|
|
13
|
+
|
|
14
|
+
// https://astro.build/config
|
|
15
|
+
export default defineConfig({
|
|
16
|
+
site: "https://sds.spoko.space/",
|
|
17
|
+
server: {
|
|
18
|
+
port: 1234
|
|
19
|
+
},
|
|
20
|
+
image: {
|
|
21
|
+
service: sharpImageService(),
|
|
22
|
+
domains: ["placehold.co", "api.polo.blue", "polo.blue", "media.istockphoto.com", "img.freepik.com"]
|
|
23
|
+
},
|
|
24
|
+
integrations: [
|
|
25
|
+
// Enable Vue to support Vue3 components.
|
|
26
|
+
vue(), mdx(), astroI18next(), AstroPWA({
|
|
27
|
+
mode: 'development',
|
|
28
|
+
base: '/',
|
|
29
|
+
scope: '/',
|
|
30
|
+
includeAssets: ['favicon.svg', 'safari-pinned-tab.svg', 'brands/*.svg', 'fonts/*.woff2', 'fonts/*.svg', 'vw.svg', 'polo.blue.svg', 'spoko.space.svg'],
|
|
31
|
+
// add this to cache all the static assets in the public folder
|
|
32
|
+
// includeAssets: [
|
|
33
|
+
// "**/*",
|
|
34
|
+
// ],
|
|
35
|
+
registerType: 'autoUpdate',
|
|
36
|
+
manifest: {
|
|
37
|
+
name: 'Spoko Design System',
|
|
38
|
+
short_name: 'SDS',
|
|
39
|
+
description: 'SDS PWA app description',
|
|
40
|
+
categories: ['multimedia'],
|
|
41
|
+
screenshots: [{
|
|
42
|
+
"src": "pwa-512x512.png",
|
|
43
|
+
"sizes": "512x512",
|
|
44
|
+
"platform": "windows",
|
|
45
|
+
"label": "SDS"
|
|
46
|
+
}],
|
|
47
|
+
theme_color: '#001e50',
|
|
48
|
+
icons: [{
|
|
49
|
+
src: 'pwa-192x192.png',
|
|
50
|
+
sizes: '192x192',
|
|
51
|
+
type: 'image/png'
|
|
52
|
+
}, {
|
|
53
|
+
src: 'pwa-512x512.png',
|
|
54
|
+
sizes: '512x512',
|
|
55
|
+
type: 'image/png'
|
|
56
|
+
}, {
|
|
57
|
+
src: 'pwa-512x512.png',
|
|
58
|
+
sizes: '512x512',
|
|
59
|
+
type: 'image/png',
|
|
60
|
+
purpose: 'any maskable'
|
|
61
|
+
}]
|
|
62
|
+
},
|
|
63
|
+
workbox: {
|
|
64
|
+
navigateFallback: '/',
|
|
65
|
+
globPatterns: ['**/*.{css,js,html,svg,png,ico,txt}']
|
|
66
|
+
// globPatterns: ["**/*"], // add this to cache all the imports
|
|
67
|
+
},
|
|
68
|
+
devOptions: {
|
|
69
|
+
enabled: true,
|
|
70
|
+
navigateFallbackAllowlist: [/^\//]
|
|
71
|
+
},
|
|
72
|
+
experimental: {
|
|
73
|
+
directoryAndTrailingSlashHandler: true
|
|
74
|
+
}
|
|
75
|
+
}), UnoCSS({
|
|
76
|
+
injectReset: true
|
|
77
|
+
}), icon({
|
|
78
|
+
include: {
|
|
79
|
+
// mdi: ["*"], // (Default) Loads entire Material Design Icon set
|
|
80
|
+
mdi: ["facebook", "instagram", "post-it-note-edit-outline", "car-hatchback", "car-door", "car-side", "car-windshield-outline", "car-light-alert", "car-tire-alert", "car-light-dimmed", "car-light-fog", "car-light-high", "car-parking-lights", "car-esp", "car-brake-abs", "car-horn", "engine-outline", "fan", "fan-off", "air-conditioner", "coolant-temperature", "car-brake-alert", "car-traction-control", "card-text-outline", "fuel", "oil", "hazard-lights", "credit-card-outline"],
|
|
81
|
+
"ant-design": ["menu-fold-outlined", "menu-unfold-outlined", "menu-outlined", "cluster-outlined", "audit-outlined", "build-twotone", "home-outlined", "close-outlined"],
|
|
82
|
+
bi: ["envelope-open", "credit-card", "qr-code", "list-check", "list-task", "text-indent-left", "text-indent-right", "tag", "tags", "x"],
|
|
83
|
+
bx: ["arrow-back", "check", "detail", "file", "car", "credit-card", "barcode", "qr"],
|
|
84
|
+
carbon: ["language", "checkmark", "home", "dicom-overlay"],
|
|
85
|
+
el: ["star-empty", "star", "heart-empty", "heart", "map-marker", "fire", "quote-right", "qrcode", "car", "indent-left", "indent-right", "ok"],
|
|
86
|
+
'eos-icons': ["three-dots-loading", "bubble-loading", "loading", "installing"],
|
|
87
|
+
fluent: ["share-android-24-regular", "checkmark-24-filled", "tag-24-regular", "tag-multiple-24-regular"],
|
|
88
|
+
"fluent-emoji": ["cookie", "construction", "warning", "wrench"],
|
|
89
|
+
la: ["arrow-right", "arrow-left", "car", "car-side"],
|
|
90
|
+
octicon: ["chevron-left-24", "x-24", "alert-24", "graph-24", "comment-24", "comment-discussion-24", "clock-24", "star-24", "star-fill-24", "file-media-24", "heart-24", "heart-fill-24", "project-roadmap-24", "location-24", "info-24", "mark-github-16"],
|
|
91
|
+
uil: ["map-marker", "envelope", "phone", "tag-alt"],
|
|
92
|
+
"simple-icons": ["ebay", "allegro", "volkswagen", "audi", "skoda", "seat", "whatsapp", "x", "facebook", "messenger", "instagram", "telegram"],
|
|
93
|
+
"icon-park-outline": ["shopping-bag", "comment", "comments", "tag-one"],
|
|
94
|
+
flowbite: ["arrow-left-outline", "arrow-right-outline", "angle-left-outline", "angle-right-outline", "chevron-left-outline", "chevron-right-outline", "map-location-outline", "map-pin-alt-solid", "x-outline", "messages-outline", "arrow-down-to-bracket-outline", "check-outline"]
|
|
95
|
+
}
|
|
96
|
+
}), Compress({
|
|
97
|
+
CSS: true,
|
|
98
|
+
HTML: {
|
|
99
|
+
caseSensitive: true,
|
|
100
|
+
collapseBooleanAttributes: true,
|
|
101
|
+
collapseInlineTagWhitespace: false,
|
|
102
|
+
collapseWhitespace: true,
|
|
103
|
+
conservativeCollapse: false,
|
|
104
|
+
continueOnParseError: false,
|
|
105
|
+
customAttrAssign: [],
|
|
106
|
+
customAttrCollapse: "",
|
|
107
|
+
customAttrSurround: [],
|
|
108
|
+
customEventAttributes: [/^on[a-z]{3,}$/],
|
|
109
|
+
decodeEntities: false,
|
|
110
|
+
html5: true,
|
|
111
|
+
ignoreCustomComments: [],
|
|
112
|
+
ignoreCustomFragments: [],
|
|
113
|
+
includeAutoGeneratedTags: true,
|
|
114
|
+
keepClosingSlash: true,
|
|
115
|
+
maxLineLength: null,
|
|
116
|
+
minifyCSS: true,
|
|
117
|
+
minifyJS: true,
|
|
118
|
+
minifyURLs: false,
|
|
119
|
+
preserveLineBreaks: false,
|
|
120
|
+
preventAttributesEscaping: false,
|
|
121
|
+
processConditionalComments: true,
|
|
122
|
+
processScripts: ["module"],
|
|
123
|
+
quoteCharacter: "",
|
|
124
|
+
removeAttributeQuotes: true,
|
|
125
|
+
removeComments: false,
|
|
126
|
+
removeEmptyAttributes: false,
|
|
127
|
+
removeEmptyElements: false,
|
|
128
|
+
removeOptionalTags: false,
|
|
129
|
+
removeRedundantAttributes: true,
|
|
130
|
+
removeScriptTypeAttributes: true,
|
|
131
|
+
removeStyleLinkTypeAttributes: true,
|
|
132
|
+
removeTagWhitespace: true,
|
|
133
|
+
sortAttributes: true,
|
|
134
|
+
sortClassName: true,
|
|
135
|
+
trimCustomFragments: false,
|
|
136
|
+
useShortDoctype: false
|
|
137
|
+
},
|
|
138
|
+
Image: false,
|
|
139
|
+
JavaScript: true,
|
|
140
|
+
SVG: true
|
|
141
|
+
}), pagefind(), sitemap(), metaTags()]
|
|
152
142
|
});
|
package/dev-dist/sw.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "spoko-design-system",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "astro dev",
|
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
"astro-compress": "^2.2.10",
|
|
67
67
|
"astro-i18next": "1.0.0-beta.21",
|
|
68
68
|
"astro-icon": "^1.1.0",
|
|
69
|
+
"astro-meta-tags": "^0.2.1",
|
|
69
70
|
"astro-navbar": "^2.3.1",
|
|
70
71
|
"astro-pagefind": "^1.4.0",
|
|
71
72
|
"i18next": "^23.8.2",
|
|
@@ -73,8 +73,8 @@ const niceName = (string: string, separator = "\u00A0") => {
|
|
|
73
73
|
return word.replace(" ", separator);
|
|
74
74
|
};
|
|
75
75
|
|
|
76
|
+
const classes = `product-number ${big ? "text-lg leading-none" : "text-sm"} ${className}` //mt-2 sm:mt-0
|
|
76
77
|
|
|
77
|
-
const classes = `product-number ${big ? "text-lg leading-none" : `text-sm ${className ? className : "mt-2 sm:mt-0"}` }`
|
|
78
78
|
|
|
79
79
|
---
|
|
80
80
|
|
package/src/design.config.ts
CHANGED
|
@@ -17,6 +17,8 @@ export const COLORS = {
|
|
|
17
17
|
{ name: "300", value: "#93c5fd" },
|
|
18
18
|
{ name: "400", value: "#60a5fa" },
|
|
19
19
|
{ name: "500", value: "#3b82f6" },
|
|
20
|
+
{ name: "540", value: '#0069ff'},
|
|
21
|
+
{name: "550", value: '#0040c5'},
|
|
20
22
|
{ name: "600", value: "#02307d" },
|
|
21
23
|
{ name: "700", value: "#001e50" },
|
|
22
24
|
{ name: "800", value: "#00437a" },
|