@wistia/vhs-design-tokens 1.3.1 → 1.3.2-beta.ad1a19e2.4253b8f
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 +1 -1
- package/dist/scss/_design-tokens.scss +1 -1
- package/index.d.ts +171 -1
- package/package.json +8 -6
package/dist/js/colorMetadata.js
CHANGED
package/dist/js/designTokens.js
CHANGED
package/index.d.ts
CHANGED
|
@@ -1 +1,171 @@
|
|
|
1
|
-
|
|
1
|
+
import { Unit } from '@karibash/pixel-units';
|
|
2
|
+
|
|
3
|
+
declare module '@wistia/vhs-design-tokens' {
|
|
4
|
+
export interface Breakpoints {
|
|
5
|
+
readonly xs: Unit<'em'>;
|
|
6
|
+
readonly sm: Unit<'em'>;
|
|
7
|
+
readonly md: Unit<'em'>;
|
|
8
|
+
readonly lg: Unit<'em'>;
|
|
9
|
+
readonly xl: Unit<'em'>;
|
|
10
|
+
readonly mobile: Unit<'em'>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export interface Durations {
|
|
14
|
+
readonly productive: {
|
|
15
|
+
fast: string;
|
|
16
|
+
moderate: string;
|
|
17
|
+
slow: string;
|
|
18
|
+
};
|
|
19
|
+
readonly expressive: {
|
|
20
|
+
fast: string;
|
|
21
|
+
moderate: string;
|
|
22
|
+
slow: string;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface Spacings {
|
|
27
|
+
readonly space01: Unit<'px'>;
|
|
28
|
+
readonly space02: Unit<'px'>;
|
|
29
|
+
readonly space03: Unit<'px'>;
|
|
30
|
+
readonly space04: Unit<'px'>;
|
|
31
|
+
readonly space05: Unit<'px'>;
|
|
32
|
+
readonly space06: Unit<'px'>;
|
|
33
|
+
readonly space07: Unit<'px'>;
|
|
34
|
+
readonly space08: Unit<'px'>;
|
|
35
|
+
readonly space09: Unit<'px'>;
|
|
36
|
+
readonly space10: Unit<'px'>;
|
|
37
|
+
readonly space11: Unit<'px'>;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export interface Shadows {
|
|
41
|
+
readonly elevation1: string;
|
|
42
|
+
readonly elevation2: string;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export interface EasingValue {
|
|
46
|
+
readonly productive: string;
|
|
47
|
+
readonly expressive: string;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export interface Easings {
|
|
51
|
+
readonly standard: EasingValue;
|
|
52
|
+
readonly entrance: EasingValue;
|
|
53
|
+
readonly exit: EasingValue;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export type CSSHexString = `#${string}`;
|
|
57
|
+
|
|
58
|
+
export interface Colors {
|
|
59
|
+
readonly brandBlue100: CSSHexString;
|
|
60
|
+
readonly brandBlue200: CSSHexString;
|
|
61
|
+
readonly brandBlue300: CSSHexString;
|
|
62
|
+
readonly brandBlue400: CSSHexString;
|
|
63
|
+
readonly brandBlue500: CSSHexString;
|
|
64
|
+
readonly brandBlue600: CSSHexString;
|
|
65
|
+
readonly brandBlue700: CSSHexString;
|
|
66
|
+
readonly brandBlue800: CSSHexString;
|
|
67
|
+
|
|
68
|
+
readonly purple100: CSSHexString;
|
|
69
|
+
readonly purple200: CSSHexString;
|
|
70
|
+
readonly purple300: CSSHexString;
|
|
71
|
+
readonly purple400: CSSHexString;
|
|
72
|
+
readonly purple500: CSSHexString;
|
|
73
|
+
readonly purple600: CSSHexString;
|
|
74
|
+
readonly purple700: CSSHexString;
|
|
75
|
+
readonly purple800: CSSHexString;
|
|
76
|
+
|
|
77
|
+
readonly green100: CSSHexString;
|
|
78
|
+
readonly green200: CSSHexString;
|
|
79
|
+
readonly green300: CSSHexString;
|
|
80
|
+
readonly green400: CSSHexString;
|
|
81
|
+
readonly green500: CSSHexString;
|
|
82
|
+
readonly green600: CSSHexString;
|
|
83
|
+
readonly green700: CSSHexString;
|
|
84
|
+
readonly green800: CSSHexString;
|
|
85
|
+
|
|
86
|
+
readonly blue100: CSSHexString;
|
|
87
|
+
readonly blue200: CSSHexString;
|
|
88
|
+
readonly blue300: CSSHexString;
|
|
89
|
+
readonly blue400: CSSHexString;
|
|
90
|
+
readonly blue500: CSSHexString;
|
|
91
|
+
readonly blue600: CSSHexString;
|
|
92
|
+
readonly blue700: CSSHexString;
|
|
93
|
+
readonly blue800: CSSHexString;
|
|
94
|
+
|
|
95
|
+
readonly pink100: CSSHexString;
|
|
96
|
+
readonly pink200: CSSHexString;
|
|
97
|
+
readonly pink300: CSSHexString;
|
|
98
|
+
readonly pink400: CSSHexString;
|
|
99
|
+
readonly pink500: CSSHexString;
|
|
100
|
+
readonly pink600: CSSHexString;
|
|
101
|
+
readonly pink700: CSSHexString;
|
|
102
|
+
readonly pink800: CSSHexString;
|
|
103
|
+
|
|
104
|
+
readonly red100: CSSHexString;
|
|
105
|
+
readonly red200: CSSHexString;
|
|
106
|
+
readonly red300: CSSHexString;
|
|
107
|
+
readonly red400: CSSHexString;
|
|
108
|
+
readonly red500: CSSHexString;
|
|
109
|
+
readonly red600: CSSHexString;
|
|
110
|
+
readonly red700: CSSHexString;
|
|
111
|
+
readonly red800: CSSHexString;
|
|
112
|
+
|
|
113
|
+
readonly yellow100: CSSHexString;
|
|
114
|
+
readonly yellow200: CSSHexString;
|
|
115
|
+
readonly yellow300: CSSHexString;
|
|
116
|
+
readonly yellow400: CSSHexString;
|
|
117
|
+
readonly yellow500: CSSHexString;
|
|
118
|
+
readonly yellow600: CSSHexString;
|
|
119
|
+
readonly yellow700: CSSHexString;
|
|
120
|
+
readonly yellow800: CSSHexString;
|
|
121
|
+
|
|
122
|
+
readonly grey100: CSSHexString;
|
|
123
|
+
readonly grey200: CSSHexString;
|
|
124
|
+
readonly grey300: CSSHexString;
|
|
125
|
+
readonly grey400: CSSHexString;
|
|
126
|
+
readonly grey500: CSSHexString;
|
|
127
|
+
readonly grey600: CSSHexString;
|
|
128
|
+
readonly grey700: CSSHexString;
|
|
129
|
+
readonly grey800: CSSHexString;
|
|
130
|
+
readonly grey900: CSSHexString;
|
|
131
|
+
readonly grey1000: CSSHexString;
|
|
132
|
+
readonly grey1100: CSSHexString;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
export type FontWeightNumbers = 1 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
|
136
|
+
export type FontWeightStrings = 'normal' | 'bold' | 'lighter' | 'bolder' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
|
|
137
|
+
export type FontWeight = FontWeightNumbers | FontWeightStrings;
|
|
138
|
+
|
|
139
|
+
export interface Fonts {
|
|
140
|
+
readonly family: {
|
|
141
|
+
readonly default: string;
|
|
142
|
+
readonly monospace: string;
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
readonly weight: {
|
|
146
|
+
readonly thin: FontWeight;
|
|
147
|
+
readonly extraLight: FontWeight;
|
|
148
|
+
readonly light: FontWeight;
|
|
149
|
+
readonly regular: FontWeight;
|
|
150
|
+
readonly medium: FontWeight;
|
|
151
|
+
readonly semiBold: FontWeight;
|
|
152
|
+
readonly bold: FontWeight;
|
|
153
|
+
readonly extraBold: FontWeight;
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
readonly size: {
|
|
157
|
+
readonly default: Unit<'px'>;
|
|
158
|
+
readonly small: Unit<'px'>;
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
const designTokens: {
|
|
163
|
+
readonly breakpoint: Breakpoints;
|
|
164
|
+
readonly duration: Durations;
|
|
165
|
+
readonly spacing: Spacings;
|
|
166
|
+
readonly shadow: Shadows;
|
|
167
|
+
readonly easing: Easings;
|
|
168
|
+
readonly font: Fonts;
|
|
169
|
+
readonly color: Colors;
|
|
170
|
+
}
|
|
171
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wistia/vhs-design-tokens",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.2-beta.ad1a19e2.4253b8f",
|
|
4
4
|
"description": "VHS design tokens",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"exports": {
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
"lint": "eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
|
|
22
22
|
"prepare": "husky install && yarn run clean && yarn run build"
|
|
23
23
|
},
|
|
24
|
-
"dependencies": {
|
|
24
|
+
"dependencies": {
|
|
25
|
+
"@karibash/pixel-units": "^2.3.0"
|
|
26
|
+
},
|
|
25
27
|
"devDependencies": {
|
|
26
|
-
"@commitlint/cli": "^17.0
|
|
27
|
-
"@commitlint/config-conventional": "^17.0
|
|
28
|
-
"@wistia/eslint-config": "^0.
|
|
29
|
-
"husky": "^8.0.
|
|
28
|
+
"@commitlint/cli": "^17.3.0",
|
|
29
|
+
"@commitlint/config-conventional": "^17.3.0",
|
|
30
|
+
"@wistia/eslint-config": "^0.17.5",
|
|
31
|
+
"husky": "^8.0.2",
|
|
30
32
|
"js-yaml": "^4.1.0",
|
|
31
33
|
"onchange": "^7.1.0",
|
|
32
34
|
"style-dictionary": "^3.7.1"
|