@mellow.io/ds 0.2.0 → 0.3.0
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/dist/fonts/fonts.css +74 -0
- package/dist/fonts/woff2/PPNeueWorld-Regular.woff2 +0 -0
- package/dist/fonts/woff2/SuisseIntl-Medium.woff2 +0 -0
- package/dist/fonts/woff2/SuisseIntl-MediumItalic.woff2 +0 -0
- package/dist/fonts/woff2/SuisseIntl-Regular.woff2 +0 -0
- package/dist/fonts/woff2/SuisseIntl-RegularItalic.woff2 +0 -0
- package/dist/fonts/woff2/SuisseIntl-SemiBold.woff2 +0 -0
- package/dist/fonts/woff2/SuisseIntl-SemiBoldItalic.woff2 +0 -0
- package/package.json +3 -2
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/* Mellow Design System — Corporate Fonts
|
|
2
|
+
Import: @mellow.io/ds/fonts */
|
|
3
|
+
|
|
4
|
+
/* ---- Suisse Int'l ---- */
|
|
5
|
+
|
|
6
|
+
@font-face {
|
|
7
|
+
font-family: 'Suisse Int\'l';
|
|
8
|
+
src: url('./woff2/SuisseIntl-Regular.woff2') format('woff2');
|
|
9
|
+
font-weight: 400;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-display: swap;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@font-face {
|
|
15
|
+
font-family: 'Suisse Int\'l';
|
|
16
|
+
src: url('./woff2/SuisseIntl-RegularItalic.woff2') format('woff2');
|
|
17
|
+
font-weight: 400;
|
|
18
|
+
font-style: italic;
|
|
19
|
+
font-display: swap;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'Suisse Int\'l';
|
|
24
|
+
src: url('./woff2/SuisseIntl-Medium.woff2') format('woff2');
|
|
25
|
+
font-weight: 500;
|
|
26
|
+
font-style: normal;
|
|
27
|
+
font-display: swap;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@font-face {
|
|
31
|
+
font-family: 'Suisse Int\'l';
|
|
32
|
+
src: url('./woff2/SuisseIntl-MediumItalic.woff2') format('woff2');
|
|
33
|
+
font-weight: 500;
|
|
34
|
+
font-style: italic;
|
|
35
|
+
font-display: swap;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@font-face {
|
|
39
|
+
font-family: 'Suisse Int\'l';
|
|
40
|
+
src: url('./woff2/SuisseIntl-SemiBold.woff2') format('woff2');
|
|
41
|
+
font-weight: 600;
|
|
42
|
+
font-style: normal;
|
|
43
|
+
font-display: swap;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@font-face {
|
|
47
|
+
font-family: 'Suisse Int\'l';
|
|
48
|
+
src: url('./woff2/SuisseIntl-SemiBoldItalic.woff2') format('woff2');
|
|
49
|
+
font-weight: 600;
|
|
50
|
+
font-style: italic;
|
|
51
|
+
font-display: swap;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* ---- PP Neue World ---- */
|
|
55
|
+
|
|
56
|
+
@font-face {
|
|
57
|
+
font-family: 'PP Neue World';
|
|
58
|
+
src: url('./woff2/PPNeueWorld-Regular.woff2') format('woff2');
|
|
59
|
+
font-weight: 400;
|
|
60
|
+
font-style: normal;
|
|
61
|
+
font-display: swap;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* ---- Apply globally ---- */
|
|
65
|
+
|
|
66
|
+
:root {
|
|
67
|
+
--mellow-typography-font-family-body: 'Suisse Int\'l', system-ui, sans-serif;
|
|
68
|
+
--mellow-typography-font-family-header: 'Suisse Int\'l', system-ui, sans-serif;
|
|
69
|
+
--mellow-typography-font-family-accent: 'PP Neue World', serif;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
body {
|
|
73
|
+
font-family: var(--mellow-typography-font-family-body);
|
|
74
|
+
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mellow.io/ds",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Mellow Design System — Web Components built with Lit",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"default": "./dist/index.js"
|
|
13
13
|
},
|
|
14
14
|
"./tokens": "./dist/tokens/generated/tokens.css",
|
|
15
|
+
"./fonts": "./dist/fonts/fonts.css",
|
|
15
16
|
"./react": {
|
|
16
17
|
"types": "./dist/react/index.d.ts",
|
|
17
18
|
"default": "./dist/react/index.js"
|
|
@@ -56,7 +57,7 @@
|
|
|
56
57
|
],
|
|
57
58
|
"scripts": {
|
|
58
59
|
"dev": "storybook dev -p 6006",
|
|
59
|
-
"build": "vite build && tsc --emitDeclarationOnly",
|
|
60
|
+
"build": "vite build && tsc --emitDeclarationOnly && mkdir -p dist/fonts && cp -r src/fonts/woff2 dist/fonts/woff2 && cp src/fonts/fonts.css dist/fonts/fonts.css",
|
|
60
61
|
"build:storybook": "storybook build",
|
|
61
62
|
"test": "web-test-runner",
|
|
62
63
|
"test:watch": "web-test-runner --watch",
|