@wistia/vhs-design-tokens 1.4.1 → 1.4.2-beta.201b2981.8a9f398
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/css/design-tokens.css +1 -1
- package/dist/js/colorMetadata.js +1 -1
- package/dist/js/designTokens.js +2 -143
- package/dist/scss/_design-tokens.scss +1 -1
- package/index.d.ts +5 -4
- package/package.json +11 -8
package/dist/js/colorMetadata.js
CHANGED
package/dist/js/designTokens.js
CHANGED
|
@@ -1,147 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 16 Oct 2023 19:33:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
breakpoint: {
|
|
8
|
-
xs: '0em',
|
|
9
|
-
sm: '37.5em',
|
|
10
|
-
md: '56.5625em',
|
|
11
|
-
lg: '77.5em',
|
|
12
|
-
xl: '90em',
|
|
13
|
-
},
|
|
14
|
-
color: {
|
|
15
|
-
brandBlue100: '#e2effd',
|
|
16
|
-
brandBlue200: '#bed8fb',
|
|
17
|
-
brandBlue300: '#87abff',
|
|
18
|
-
brandBlue400: '#5387fa',
|
|
19
|
-
brandBlue500: '#1e64f0',
|
|
20
|
-
brandBlue600: '#174bd2',
|
|
21
|
-
brandBlue700: '#0f33a6',
|
|
22
|
-
brandBlue800: '#09217d',
|
|
23
|
-
purple100: '#f5f3ff',
|
|
24
|
-
purple200: '#e6dffe',
|
|
25
|
-
purple300: '#cfbfff',
|
|
26
|
-
purple400: '#b89fff',
|
|
27
|
-
purple500: '#a07eff',
|
|
28
|
-
purple600: '#815fe0',
|
|
29
|
-
purple700: '#6446af',
|
|
30
|
-
purple800: '#462d8c',
|
|
31
|
-
green100: '#e6f9f3',
|
|
32
|
-
green200: '#bfefe0',
|
|
33
|
-
green300: '#81e0c1',
|
|
34
|
-
green400: '#41d0a3',
|
|
35
|
-
green500: '#00c185',
|
|
36
|
-
green600: '#00966e',
|
|
37
|
-
green700: '#047063',
|
|
38
|
-
green800: '#025050',
|
|
39
|
-
blue100: '#e9f5ff',
|
|
40
|
-
blue200: '#c7e7ff',
|
|
41
|
-
blue300: '#91ceff',
|
|
42
|
-
blue400: '#58b7fe',
|
|
43
|
-
blue500: '#229fff',
|
|
44
|
-
blue600: '#1b7fde',
|
|
45
|
-
blue700: '#165fac',
|
|
46
|
-
blue800: '#0d407a',
|
|
47
|
-
pink100: '#ffedf5',
|
|
48
|
-
pink200: '#ffd2e6',
|
|
49
|
-
pink300: '#ffa2cb',
|
|
50
|
-
pink400: '#ff74b4',
|
|
51
|
-
pink500: '#fa50a0',
|
|
52
|
-
pink600: '#d63180',
|
|
53
|
-
pink700: '#aa1460',
|
|
54
|
-
pink800: '#7d084d',
|
|
55
|
-
red100: '#ffecec',
|
|
56
|
-
red200: '#ffcaca',
|
|
57
|
-
red300: '#ff9a9a',
|
|
58
|
-
red400: '#ff6962',
|
|
59
|
-
red500: '#fa4040',
|
|
60
|
-
red600: '#d63727',
|
|
61
|
-
red700: '#aa0d15',
|
|
62
|
-
red800: '#860011',
|
|
63
|
-
yellow100: '#fff8e6',
|
|
64
|
-
yellow200: '#ffefc8',
|
|
65
|
-
yellow300: '#ffdf96',
|
|
66
|
-
yellow400: '#ffce5a',
|
|
67
|
-
yellow500: '#fabe1f',
|
|
68
|
-
yellow600: '#dc9601',
|
|
69
|
-
yellow700: '#be7200',
|
|
70
|
-
yellow800: '#b45101',
|
|
71
|
-
grey100: '#f8f8f9',
|
|
72
|
-
grey200: '#ebebed',
|
|
73
|
-
grey300: '#dedee1',
|
|
74
|
-
grey400: '#c4c4c8',
|
|
75
|
-
grey500: '#a3a3aa',
|
|
76
|
-
grey600: '#7b7b87',
|
|
77
|
-
grey700: '#62626c',
|
|
78
|
-
grey800: '#4a4a51',
|
|
79
|
-
grey900: '#37373c',
|
|
80
|
-
grey1000: '#1f1f22',
|
|
81
|
-
grey1100: '#0b0d0e',
|
|
82
|
-
},
|
|
83
|
-
duration: {
|
|
84
|
-
productive: {
|
|
85
|
-
fast: '70ms',
|
|
86
|
-
moderate: '110ms',
|
|
87
|
-
slow: '150ms',
|
|
88
|
-
},
|
|
89
|
-
expressive: {
|
|
90
|
-
fast: '240ms',
|
|
91
|
-
moderate: '400ms',
|
|
92
|
-
slow: '700ms',
|
|
93
|
-
},
|
|
94
|
-
},
|
|
95
|
-
easing: {
|
|
96
|
-
standard: {
|
|
97
|
-
productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
|
|
98
|
-
expressive: 'cubic-bezier(0.4, 0.14, 0.3, 1)',
|
|
99
|
-
},
|
|
100
|
-
entrance: {
|
|
101
|
-
productive: 'cubic-bezier(0, 0, 0.38, 0.9)',
|
|
102
|
-
expressive: 'cubic-bezier(0, 0, 0.3, 1)',
|
|
103
|
-
},
|
|
104
|
-
exit: {
|
|
105
|
-
productive: 'cubic-bezier(0.2, 0, 1, 0.9)',
|
|
106
|
-
expressive: 'cubic-bezier(0.4, 0.14, 1, 1)',
|
|
107
|
-
},
|
|
108
|
-
},
|
|
109
|
-
font: {
|
|
110
|
-
family: {
|
|
111
|
-
default: 'Inter, Helvetica, Arial, sans-serif',
|
|
112
|
-
monospace: '"IBM Plex Mono", Consolas, Monaco, monospace',
|
|
113
|
-
},
|
|
114
|
-
weight: {
|
|
115
|
-
thin: 100,
|
|
116
|
-
extraLight: 200,
|
|
117
|
-
light: 300,
|
|
118
|
-
regular: 400,
|
|
119
|
-
medium: 500,
|
|
120
|
-
semiBold: 600,
|
|
121
|
-
bold: 700,
|
|
122
|
-
extraBold: 800,
|
|
123
|
-
},
|
|
124
|
-
size: {
|
|
125
|
-
default: '16px',
|
|
126
|
-
small: '14px',
|
|
127
|
-
},
|
|
128
|
-
},
|
|
129
|
-
shadow: {
|
|
130
|
-
elevation0: 'none',
|
|
131
|
-
elevation1: '0 2px 4px rgba(0, 0, 0, 0.1)',
|
|
132
|
-
elevation2: '0 0 64px 0 rgba(0, 0, 0, 0.08)',
|
|
133
|
-
},
|
|
134
|
-
spacing: {
|
|
135
|
-
space01: '4px',
|
|
136
|
-
space02: '8px',
|
|
137
|
-
space03: '12px',
|
|
138
|
-
space04: '16px',
|
|
139
|
-
space05: '24px',
|
|
140
|
-
space06: '32px',
|
|
141
|
-
space07: '48px',
|
|
142
|
-
space08: '64px',
|
|
143
|
-
space09: '80px',
|
|
144
|
-
space10: '96px',
|
|
145
|
-
space11: '120px',
|
|
146
|
-
},
|
|
147
|
-
};
|
|
6
|
+
[object Promise]
|
package/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { Unit } from '@karibash/pixel-units';
|
|
2
2
|
|
|
3
3
|
declare module '@wistia/vhs-design-tokens' {
|
|
4
|
+
export type CSSHexString = `#${string}`;
|
|
5
|
+
|
|
4
6
|
export interface Breakpoints {
|
|
5
7
|
readonly xs: Unit<'em'>;
|
|
6
8
|
readonly sm: Unit<'em'>;
|
|
@@ -38,6 +40,7 @@ declare module '@wistia/vhs-design-tokens' {
|
|
|
38
40
|
}
|
|
39
41
|
|
|
40
42
|
export interface Shadows {
|
|
43
|
+
readonly elevation0: string;
|
|
41
44
|
readonly elevation1: string;
|
|
42
45
|
readonly elevation2: string;
|
|
43
46
|
}
|
|
@@ -53,8 +56,6 @@ declare module '@wistia/vhs-design-tokens' {
|
|
|
53
56
|
readonly exit: EasingValue;
|
|
54
57
|
}
|
|
55
58
|
|
|
56
|
-
export type CSSHexString = `#${string}`;
|
|
57
|
-
|
|
58
59
|
export interface Colors {
|
|
59
60
|
readonly brandBlue100: CSSHexString;
|
|
60
61
|
readonly brandBlue200: CSSHexString;
|
|
@@ -133,7 +134,7 @@ declare module '@wistia/vhs-design-tokens' {
|
|
|
133
134
|
}
|
|
134
135
|
|
|
135
136
|
export type FontWeightNumbers = 1 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
|
136
|
-
export type FontWeightStrings =
|
|
137
|
+
export type FontWeightStrings = 'normal' | 'bold' | 'lighter' | 'bolder' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
|
|
137
138
|
export type FontWeight = FontWeightNumbers | FontWeightStrings;
|
|
138
139
|
|
|
139
140
|
export interface Fonts {
|
|
@@ -167,5 +168,5 @@ declare module '@wistia/vhs-design-tokens' {
|
|
|
167
168
|
readonly easing: Easings;
|
|
168
169
|
readonly font: Fonts;
|
|
169
170
|
readonly color: Colors;
|
|
170
|
-
}
|
|
171
|
+
};
|
|
171
172
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wistia/vhs-design-tokens",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2-beta.201b2981.8a9f398",
|
|
4
4
|
"description": "VHS design tokens",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"exports": {
|
|
@@ -18,20 +18,22 @@
|
|
|
18
18
|
"build": "style-dictionary build",
|
|
19
19
|
"build:watch": "onchange \"./tokens/**/*.yaml\" -i -- yarn run build",
|
|
20
20
|
"clean": "style-dictionary clean",
|
|
21
|
-
"lint": "eslint --fix --report-unused-disable-directives --cache
|
|
21
|
+
"lint": "eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
|
|
22
|
+
"outdated": "yarn upgrade-interactive",
|
|
22
23
|
"prepare": "husky install && yarn run clean && yarn run build"
|
|
23
24
|
},
|
|
24
25
|
"dependencies": {
|
|
25
26
|
"@karibash/pixel-units": "^2.3.0"
|
|
26
27
|
},
|
|
27
28
|
"devDependencies": {
|
|
28
|
-
"@commitlint/cli": "^17.
|
|
29
|
-
"@commitlint/config-conventional": "^17.
|
|
30
|
-
"@wistia/eslint-config": "^0.
|
|
31
|
-
"
|
|
29
|
+
"@commitlint/cli": "^17.8.0",
|
|
30
|
+
"@commitlint/config-conventional": "^17.8.0",
|
|
31
|
+
"@wistia/eslint-config": "^0.23.2",
|
|
32
|
+
"eslint": "^8.51.0",
|
|
33
|
+
"husky": "^8.0.3",
|
|
32
34
|
"js-yaml": "^4.1.0",
|
|
33
35
|
"onchange": "^7.1.0",
|
|
34
|
-
"style-dictionary": "^3.
|
|
36
|
+
"style-dictionary": "^3.8.0"
|
|
35
37
|
},
|
|
36
38
|
"author": "Wistia Engineering",
|
|
37
39
|
"license": "UNLICENSED",
|
|
@@ -42,5 +44,6 @@
|
|
|
42
44
|
"bugs": {
|
|
43
45
|
"url": "https://github.com/wistia/vhs-design-tokens/issues"
|
|
44
46
|
},
|
|
45
|
-
"homepage": "https://github.com/wistia/vhs-design-tokens#readme"
|
|
47
|
+
"homepage": "https://github.com/wistia/vhs-design-tokens#readme",
|
|
48
|
+
"packageManager": "yarn@3.6.4"
|
|
46
49
|
}
|