@asafarim/design-tokens 0.4.1 → 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.
- package/CHANGELOG.md +7 -0
- package/css/tokens.base.css +7 -5
- package/package.json +9 -3
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,13 @@ All notable changes to `@asafarim/design-tokens` will be documented in this file
|
|
|
4
4
|
|
|
5
5
|
This project follows [Semantic Versioning](https://semver.org/).
|
|
6
6
|
|
|
7
|
+
## 0.4.4
|
|
8
|
+
|
|
9
|
+
- Added automated GitHub Pages demo deployment
|
|
10
|
+
- Demo app now deployed to https://alisafari-it.github.io/design-tokens/
|
|
11
|
+
- Fixed GitHub Actions workflow environment configuration
|
|
12
|
+
- Updated package homepage to point to live demo
|
|
13
|
+
|
|
7
14
|
## 0.1.0
|
|
8
15
|
|
|
9
16
|
- Initial release.
|
package/css/tokens.base.css
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
/* ------------------------------------------------------------------ */
|
|
2
2
|
/* 20 fonts (100-900) Google Fonts */
|
|
3
3
|
/* ------------------------------------------------------------------ */
|
|
4
|
-
@import url(
|
|
5
|
-
@import url(
|
|
4
|
+
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Figtree:ital,wght@0,300..900;1,300..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lexend:wght@100..900&family=Manrope:wght@200..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Overpass:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sora:wght@100..800&family=Space+Grotesk:wght@300..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
|
|
5
|
+
@import url("https://fonts.googleapis.com/css2?family=Barriecito&family=Borel&family=DynaPuff:wght@400..700&family=Gabarito:wght@400..900&family=Kranky&family=Macondo&family=Playpen+Sans:wght@100..800&family=Rubik+Spray+Paint&family=Shadows+Into+Light+Two&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap");
|
|
6
6
|
|
|
7
7
|
:root {
|
|
8
|
-
--asm-font-family-
|
|
8
|
+
--asm-font-family-base: "Inter", "Lato", "Open Sans", "Roboto";
|
|
9
|
+
--asm-font-family-inter: "Inter", ui-sans-serif, system-ui, -apple-system,
|
|
9
10
|
Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
|
|
11
|
+
--asm-font-family-primary: "Inter", "Lato", "Open Sans", "Roboto";
|
|
10
12
|
--asm-font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
|
|
11
13
|
Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
12
14
|
--asm-font-family-poppins: "Poppins", ui-sans-serif, system-ui, sans-serif;
|
|
@@ -32,7 +34,6 @@
|
|
|
32
34
|
--asm-font-family-red-hat: "Red Hat Display", ui-sans-serif, system-ui,
|
|
33
35
|
sans-serif;
|
|
34
36
|
--asm-font-family-jost: "Jost", ui-sans-serif, system-ui, sans-serif;
|
|
35
|
-
|
|
36
37
|
--asm-font-family-barriecito: "Barriecito", cursive, sans-serif;
|
|
37
38
|
--asm-font-family-borel: "Borel", cursive, sans-serif;
|
|
38
39
|
--asm-font-family-dynapuff: "DynaPuff", cursive, sans-serif;
|
|
@@ -42,7 +43,8 @@
|
|
|
42
43
|
--asm-font-family-playpen-sans: "Playpen Sans", cursive, sans-serif;
|
|
43
44
|
--asm-font-family-rubik-spray: "Rubik Spray Paint", cursive, sans-serif;
|
|
44
45
|
--asm-font-family-shadows-light: "Shadows Into Light Two", cursive, sans-serif;
|
|
45
|
-
--asm-font-family-zalando: "Zalando Sans", ui-sans-serif, system-ui,
|
|
46
|
+
--asm-font-family-zalando: "Zalando Sans", ui-sans-serif, system-ui,
|
|
47
|
+
sans-serif;
|
|
46
48
|
|
|
47
49
|
--asm-font-weight-100: 100;
|
|
48
50
|
--asm-font-weight-200: 200;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@asafarim/design-tokens",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "ASafariM design tokens (CSS variables) with multi-theme support and 30 variable fonts (100-900).",
|
|
6
6
|
"license": "MIT",
|
|
@@ -48,11 +48,17 @@
|
|
|
48
48
|
"engines": {
|
|
49
49
|
"node": ">=16"
|
|
50
50
|
},
|
|
51
|
+
"devDependencies": {
|
|
52
|
+
"tsup": "^8.3.5",
|
|
53
|
+
"typescript": "^5.7.2"
|
|
54
|
+
},
|
|
51
55
|
"bugs": {
|
|
52
56
|
"url": "https://github.com/AliSafari-IT/design-tokens/issues"
|
|
53
57
|
},
|
|
54
|
-
"homepage": "https://github.
|
|
58
|
+
"homepage": "https://alisafari-it.github.io/design-tokens/",
|
|
55
59
|
"scripts": {
|
|
56
|
-
"demo": "pnpm --filter design-tokens-demo dev"
|
|
60
|
+
"demo": "pnpm --filter design-tokens-demo dev",
|
|
61
|
+
"build": "tsup",
|
|
62
|
+
"build:demo": "cd demo && pnpm build"
|
|
57
63
|
}
|
|
58
64
|
}
|