@wistia/vhs-design-tokens 2.1.4-beta.fb11d010.8d9f17a → 2.1.5-beta.0343280d.12279eb

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/index.cjs CHANGED
@@ -1,5 +1,3 @@
1
1
  const designTokens = require('./js/designTokens.cjs'); // eslint-disable-line import/no-unresolved
2
2
 
3
3
  module.exports = { designTokens };
4
-
5
- // TEMP: force CI builds
package/dist/index.mjs CHANGED
@@ -1,5 +1,3 @@
1
1
  import { designTokens } from './js/designTokens.mjs'; // eslint-disable-line import/no-unresolved
2
2
 
3
3
  export { designTokens };
4
-
5
- // TEMP: force CI builds
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 May 2025 12:49:31 GMT
3
+ * Generated on Thu, 21 Aug 2025 17:51:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 May 2025 12:49:31 GMT
3
+ * Generated on Thu, 21 Aug 2025 17:51:26 GMT
4
4
  */
5
5
 
6
6
  export const designTokens = {
package/package.json CHANGED
@@ -1,20 +1,17 @@
1
1
  {
2
2
  "name": "@wistia/vhs-design-tokens",
3
- "version": "2.1.4-beta.fb11d010.8d9f17a",
3
+ "version": "2.1.5-beta.0343280d.12279eb",
4
4
  "description": "VHS design tokens",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "module": "dist/index.mjs",
8
- "types": "dist/index.d.cts",
9
8
  "exports": {
10
9
  "./package.json": "./package.json",
11
10
  ".": {
12
11
  "import": {
13
- "types": "./dist/index.d.mts",
14
12
  "default": "./dist/index.mjs"
15
13
  },
16
14
  "require": {
17
- "types": "./dist/index.d.cts",
18
15
  "default": "./dist/index.cjs"
19
16
  }
20
17
  },
@@ -37,19 +34,16 @@
37
34
  "prepack": "yarn run build",
38
35
  "publint": "publint-check"
39
36
  },
40
- "dependencies": {
41
- "@karibash/pixel-units": "^2.3.0"
42
- },
43
37
  "devDependencies": {
44
38
  "@repo/config": "workspace:*",
45
39
  "depcheck": "^1.4.7",
46
40
  "js-yaml": "^4.1.0",
47
- "prettier": "^3.5.3",
41
+ "prettier": "^3.6.2",
48
42
  "signale": "^1.4.0",
49
- "style-dictionary": "^5.0.0"
43
+ "style-dictionary": "5.0.0"
50
44
  },
51
45
  "engines": {
52
- "node": ">=18.0.0 || >=20.0.0"
46
+ "node": ">=20.0.0 || >=22.0.0 || >=24.0.0"
53
47
  },
54
48
  "author": "Wistia Engineering",
55
49
  "license": "UNLICENSED",
package/dist/index.d.cts DELETED
@@ -1,218 +0,0 @@
1
- /* eslint-disable @typescript-eslint/consistent-type-definitions */
2
- import type { Unit } from '@karibash/pixel-units';
3
-
4
- declare module '@wistia/vhs-design-tokens' {
5
- export type CSSHexString = `#${string}`;
6
-
7
- export interface Breakpoints {
8
- readonly xs: Unit<'em'>;
9
- readonly sm: Unit<'em'>;
10
- readonly md: Unit<'em'>;
11
- readonly lg: Unit<'em'>;
12
- readonly xl: Unit<'em'>;
13
- readonly mobile: Unit<'em'>;
14
- }
15
-
16
- export interface Durations {
17
- readonly productive: {
18
- fast: string;
19
- moderate: string;
20
- slow: string;
21
- };
22
- readonly expressive: {
23
- fast: string;
24
- moderate: string;
25
- slow: string;
26
- };
27
- }
28
-
29
- export interface Spacings {
30
- readonly space01: Unit<'px'>;
31
- readonly space02: Unit<'px'>;
32
- readonly space03: Unit<'px'>;
33
- readonly space04: Unit<'px'>;
34
- readonly space05: Unit<'px'>;
35
- readonly space06: Unit<'px'>;
36
- readonly space07: Unit<'px'>;
37
- readonly space08: Unit<'px'>;
38
- readonly space09: Unit<'px'>;
39
- readonly space10: Unit<'px'>;
40
- readonly space11: Unit<'px'>;
41
- }
42
-
43
- export interface Shadows {
44
- readonly elevation0: string;
45
- readonly elevation1: string;
46
- readonly elevation2: string;
47
- }
48
-
49
- export interface EasingValue {
50
- readonly productive: string;
51
- readonly expressive: string;
52
- }
53
-
54
- export interface Easings {
55
- readonly standard: EasingValue;
56
- readonly entrance: EasingValue;
57
- readonly exit: EasingValue;
58
- }
59
-
60
- export interface Colors {
61
- readonly brandBlue100: CSSHexString;
62
- readonly brandBlue200: CSSHexString;
63
- readonly brandBlue300: CSSHexString;
64
- readonly brandBlue400: CSSHexString;
65
- readonly brandBlue500: CSSHexString;
66
- readonly brandBlue600: CSSHexString;
67
- readonly brandBlue700: CSSHexString;
68
- readonly brandBlue800: CSSHexString;
69
-
70
- readonly purple100: CSSHexString;
71
- readonly purple200: CSSHexString;
72
- readonly purple300: CSSHexString;
73
- readonly purple400: CSSHexString;
74
- readonly purple500: CSSHexString;
75
- readonly purple600: CSSHexString;
76
- readonly purple700: CSSHexString;
77
- readonly purple800: CSSHexString;
78
-
79
- readonly green100: CSSHexString;
80
- readonly green200: CSSHexString;
81
- readonly green300: CSSHexString;
82
- readonly green400: CSSHexString;
83
- readonly green500: CSSHexString;
84
- readonly green600: CSSHexString;
85
- readonly green700: CSSHexString;
86
- readonly green800: CSSHexString;
87
-
88
- readonly blue100: CSSHexString;
89
- readonly blue200: CSSHexString;
90
- readonly blue300: CSSHexString;
91
- readonly blue400: CSSHexString;
92
- readonly blue500: CSSHexString;
93
- readonly blue600: CSSHexString;
94
- readonly blue700: CSSHexString;
95
- readonly blue800: CSSHexString;
96
-
97
- readonly pink100: CSSHexString;
98
- readonly pink200: CSSHexString;
99
- readonly pink300: CSSHexString;
100
- readonly pink400: CSSHexString;
101
- readonly pink500: CSSHexString;
102
- readonly pink600: CSSHexString;
103
- readonly pink700: CSSHexString;
104
- readonly pink800: CSSHexString;
105
-
106
- readonly red100: CSSHexString;
107
- readonly red200: CSSHexString;
108
- readonly red300: CSSHexString;
109
- readonly red400: CSSHexString;
110
- readonly red500: CSSHexString;
111
- readonly red600: CSSHexString;
112
- readonly red700: CSSHexString;
113
- readonly red800: CSSHexString;
114
-
115
- readonly yellow100: CSSHexString;
116
- readonly yellow200: CSSHexString;
117
- readonly yellow300: CSSHexString;
118
- readonly yellow400: CSSHexString;
119
- readonly yellow500: CSSHexString;
120
- readonly yellow600: CSSHexString;
121
- readonly yellow700: CSSHexString;
122
- readonly yellow800: CSSHexString;
123
-
124
- readonly orange100: CSSHexString;
125
- readonly orange200: CSSHexString;
126
- readonly orange300: CSSHexString;
127
- readonly orange400: CSSHexString;
128
- readonly orange500: CSSHexString;
129
- readonly orange600: CSSHexString;
130
- readonly orange700: CSSHexString;
131
- readonly orange800: CSSHexString;
132
-
133
- readonly grey100: CSSHexString;
134
- readonly grey200: CSSHexString;
135
- readonly grey300: CSSHexString;
136
- readonly grey400: CSSHexString;
137
- readonly grey500: CSSHexString;
138
- readonly grey600: CSSHexString;
139
- readonly grey700: CSSHexString;
140
- readonly grey800: CSSHexString;
141
- readonly grey900: CSSHexString;
142
- readonly grey1000: CSSHexString;
143
- readonly grey1100: CSSHexString;
144
-
145
- readonly error100: CSSHexString;
146
- readonly error200: CSSHexString;
147
- readonly error300: CSSHexString;
148
- readonly error400: CSSHexString;
149
- readonly error500: CSSHexString;
150
- readonly error600: CSSHexString;
151
- readonly error700: CSSHexString;
152
- readonly error800: CSSHexString;
153
-
154
- readonly warning100: CSSHexString;
155
- readonly warning200: CSSHexString;
156
- readonly warning300: CSSHexString;
157
- readonly warning400: CSSHexString;
158
- readonly warning500: CSSHexString;
159
- readonly warning600: CSSHexString;
160
- readonly warning700: CSSHexString;
161
- readonly warning800: CSSHexString;
162
-
163
- readonly success100: CSSHexString;
164
- readonly success200: CSSHexString;
165
- readonly success300: CSSHexString;
166
- readonly success400: CSSHexString;
167
- readonly success500: CSSHexString;
168
- readonly success600: CSSHexString;
169
- readonly success700: CSSHexString;
170
- readonly success800: CSSHexString;
171
- }
172
-
173
- export type FontWeightNumbers = 1 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
174
- export type FontWeightStrings =
175
- | 'bold'
176
- | 'bolder'
177
- | 'inherit'
178
- | 'initial'
179
- | 'lighter'
180
- | 'normal'
181
- | 'revert-layer'
182
- | 'revert'
183
- | 'unset';
184
- export type FontWeight = FontWeightNumbers | FontWeightStrings;
185
-
186
- export interface Fonts {
187
- readonly family: {
188
- readonly default: string;
189
- readonly monospace: string;
190
- };
191
-
192
- readonly weight: {
193
- readonly thin: FontWeight;
194
- readonly extraLight: FontWeight;
195
- readonly light: FontWeight;
196
- readonly regular: FontWeight;
197
- readonly medium: FontWeight;
198
- readonly semiBold: FontWeight;
199
- readonly bold: FontWeight;
200
- readonly extraBold: FontWeight;
201
- };
202
-
203
- readonly size: {
204
- readonly default: Unit<'px'>;
205
- readonly small: Unit<'px'>;
206
- };
207
- }
208
-
209
- const designTokens: {
210
- readonly breakpoint: Breakpoints;
211
- readonly duration: Durations;
212
- readonly spacing: Spacings;
213
- readonly shadow: Shadows;
214
- readonly easing: Easings;
215
- readonly font: Fonts;
216
- readonly color: Colors;
217
- };
218
- }
package/dist/index.d.mts DELETED
@@ -1,218 +0,0 @@
1
- /* eslint-disable @typescript-eslint/consistent-type-definitions */
2
- import type { Unit } from '@karibash/pixel-units';
3
-
4
- declare module '@wistia/vhs-design-tokens' {
5
- export type CSSHexString = `#${string}`;
6
-
7
- export interface Breakpoints {
8
- readonly xs: Unit<'em'>;
9
- readonly sm: Unit<'em'>;
10
- readonly md: Unit<'em'>;
11
- readonly lg: Unit<'em'>;
12
- readonly xl: Unit<'em'>;
13
- readonly mobile: Unit<'em'>;
14
- }
15
-
16
- export interface Durations {
17
- readonly productive: {
18
- fast: string;
19
- moderate: string;
20
- slow: string;
21
- };
22
- readonly expressive: {
23
- fast: string;
24
- moderate: string;
25
- slow: string;
26
- };
27
- }
28
-
29
- export interface Spacings {
30
- readonly space01: Unit<'px'>;
31
- readonly space02: Unit<'px'>;
32
- readonly space03: Unit<'px'>;
33
- readonly space04: Unit<'px'>;
34
- readonly space05: Unit<'px'>;
35
- readonly space06: Unit<'px'>;
36
- readonly space07: Unit<'px'>;
37
- readonly space08: Unit<'px'>;
38
- readonly space09: Unit<'px'>;
39
- readonly space10: Unit<'px'>;
40
- readonly space11: Unit<'px'>;
41
- }
42
-
43
- export interface Shadows {
44
- readonly elevation0: string;
45
- readonly elevation1: string;
46
- readonly elevation2: string;
47
- }
48
-
49
- export interface EasingValue {
50
- readonly productive: string;
51
- readonly expressive: string;
52
- }
53
-
54
- export interface Easings {
55
- readonly standard: EasingValue;
56
- readonly entrance: EasingValue;
57
- readonly exit: EasingValue;
58
- }
59
-
60
- export interface Colors {
61
- readonly brandBlue100: CSSHexString;
62
- readonly brandBlue200: CSSHexString;
63
- readonly brandBlue300: CSSHexString;
64
- readonly brandBlue400: CSSHexString;
65
- readonly brandBlue500: CSSHexString;
66
- readonly brandBlue600: CSSHexString;
67
- readonly brandBlue700: CSSHexString;
68
- readonly brandBlue800: CSSHexString;
69
-
70
- readonly purple100: CSSHexString;
71
- readonly purple200: CSSHexString;
72
- readonly purple300: CSSHexString;
73
- readonly purple400: CSSHexString;
74
- readonly purple500: CSSHexString;
75
- readonly purple600: CSSHexString;
76
- readonly purple700: CSSHexString;
77
- readonly purple800: CSSHexString;
78
-
79
- readonly green100: CSSHexString;
80
- readonly green200: CSSHexString;
81
- readonly green300: CSSHexString;
82
- readonly green400: CSSHexString;
83
- readonly green500: CSSHexString;
84
- readonly green600: CSSHexString;
85
- readonly green700: CSSHexString;
86
- readonly green800: CSSHexString;
87
-
88
- readonly blue100: CSSHexString;
89
- readonly blue200: CSSHexString;
90
- readonly blue300: CSSHexString;
91
- readonly blue400: CSSHexString;
92
- readonly blue500: CSSHexString;
93
- readonly blue600: CSSHexString;
94
- readonly blue700: CSSHexString;
95
- readonly blue800: CSSHexString;
96
-
97
- readonly pink100: CSSHexString;
98
- readonly pink200: CSSHexString;
99
- readonly pink300: CSSHexString;
100
- readonly pink400: CSSHexString;
101
- readonly pink500: CSSHexString;
102
- readonly pink600: CSSHexString;
103
- readonly pink700: CSSHexString;
104
- readonly pink800: CSSHexString;
105
-
106
- readonly red100: CSSHexString;
107
- readonly red200: CSSHexString;
108
- readonly red300: CSSHexString;
109
- readonly red400: CSSHexString;
110
- readonly red500: CSSHexString;
111
- readonly red600: CSSHexString;
112
- readonly red700: CSSHexString;
113
- readonly red800: CSSHexString;
114
-
115
- readonly yellow100: CSSHexString;
116
- readonly yellow200: CSSHexString;
117
- readonly yellow300: CSSHexString;
118
- readonly yellow400: CSSHexString;
119
- readonly yellow500: CSSHexString;
120
- readonly yellow600: CSSHexString;
121
- readonly yellow700: CSSHexString;
122
- readonly yellow800: CSSHexString;
123
-
124
- readonly orange100: CSSHexString;
125
- readonly orange200: CSSHexString;
126
- readonly orange300: CSSHexString;
127
- readonly orange400: CSSHexString;
128
- readonly orange500: CSSHexString;
129
- readonly orange600: CSSHexString;
130
- readonly orange700: CSSHexString;
131
- readonly orange800: CSSHexString;
132
-
133
- readonly grey100: CSSHexString;
134
- readonly grey200: CSSHexString;
135
- readonly grey300: CSSHexString;
136
- readonly grey400: CSSHexString;
137
- readonly grey500: CSSHexString;
138
- readonly grey600: CSSHexString;
139
- readonly grey700: CSSHexString;
140
- readonly grey800: CSSHexString;
141
- readonly grey900: CSSHexString;
142
- readonly grey1000: CSSHexString;
143
- readonly grey1100: CSSHexString;
144
-
145
- readonly error100: CSSHexString;
146
- readonly error200: CSSHexString;
147
- readonly error300: CSSHexString;
148
- readonly error400: CSSHexString;
149
- readonly error500: CSSHexString;
150
- readonly error600: CSSHexString;
151
- readonly error700: CSSHexString;
152
- readonly error800: CSSHexString;
153
-
154
- readonly warning100: CSSHexString;
155
- readonly warning200: CSSHexString;
156
- readonly warning300: CSSHexString;
157
- readonly warning400: CSSHexString;
158
- readonly warning500: CSSHexString;
159
- readonly warning600: CSSHexString;
160
- readonly warning700: CSSHexString;
161
- readonly warning800: CSSHexString;
162
-
163
- readonly success100: CSSHexString;
164
- readonly success200: CSSHexString;
165
- readonly success300: CSSHexString;
166
- readonly success400: CSSHexString;
167
- readonly success500: CSSHexString;
168
- readonly success600: CSSHexString;
169
- readonly success700: CSSHexString;
170
- readonly success800: CSSHexString;
171
- }
172
-
173
- export type FontWeightNumbers = 1 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
174
- export type FontWeightStrings =
175
- | 'bold'
176
- | 'bolder'
177
- | 'inherit'
178
- | 'initial'
179
- | 'lighter'
180
- | 'normal'
181
- | 'revert-layer'
182
- | 'revert'
183
- | 'unset';
184
- export type FontWeight = FontWeightNumbers | FontWeightStrings;
185
-
186
- export interface Fonts {
187
- readonly family: {
188
- readonly default: string;
189
- readonly monospace: string;
190
- };
191
-
192
- readonly weight: {
193
- readonly thin: FontWeight;
194
- readonly extraLight: FontWeight;
195
- readonly light: FontWeight;
196
- readonly regular: FontWeight;
197
- readonly medium: FontWeight;
198
- readonly semiBold: FontWeight;
199
- readonly bold: FontWeight;
200
- readonly extraBold: FontWeight;
201
- };
202
-
203
- readonly size: {
204
- readonly default: Unit<'px'>;
205
- readonly small: Unit<'px'>;
206
- };
207
- }
208
-
209
- const designTokens: {
210
- readonly breakpoint: Breakpoints;
211
- readonly duration: Durations;
212
- readonly spacing: Spacings;
213
- readonly shadow: Shadows;
214
- readonly easing: Easings;
215
- readonly font: Fonts;
216
- readonly color: Colors;
217
- };
218
- }