@wistia/vhs-design-tokens 1.5.1 → 2.0.0-beta.52a6c38f.7f70491

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.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 08 Feb 2024 17:48:43 GMT
3
+ * Generated on Wed, 14 Feb 2024 19:19:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -9,30 +9,30 @@
9
9
  --breakpoint-md: 56.5625em;
10
10
  --breakpoint-lg: 77.5em;
11
11
  --breakpoint-xl: 90em;
12
- --color-brand-blue-100: #e2effd;
13
- --color-brand-blue-200: #bed8fb;
14
- --color-brand-blue-300: #87abff;
15
- --color-brand-blue-400: #5387fa;
16
- --color-brand-blue-500: #1e64f0;
17
- --color-brand-blue-600: #174bd2;
18
- --color-brand-blue-700: #0f33a6;
19
- --color-brand-blue-800: #09217d;
20
- --color-purple-100: #f5f3ff;
21
- --color-purple-200: #e6dffe;
22
- --color-purple-300: #cfbfff;
23
- --color-purple-400: #b89fff;
24
- --color-purple-500: #a07eff;
25
- --color-purple-600: #815fe0;
26
- --color-purple-700: #6446af;
27
- --color-purple-800: #462d8c;
28
- --color-green-100: #e6f9f3;
29
- --color-green-200: #bfefe0;
30
- --color-green-300: #81e0c1;
31
- --color-green-400: #41d0a3;
32
- --color-green-500: #00c185;
33
- --color-green-600: #00966e;
34
- --color-green-700: #047063;
35
- --color-green-800: #025050;
12
+ --color-brand-blue-100: #e5e9ff;
13
+ --color-brand-blue-200: #ccd5ff;
14
+ --color-brand-blue-300: #99abff;
15
+ --color-brand-blue-400: #6b84ff;
16
+ --color-brand-blue-500: #2949e5;
17
+ --color-brand-blue-600: #1f3399;
18
+ --color-brand-blue-700: #222d66;
19
+ --color-brand-blue-800: #000934;
20
+ --color-purple-100: #fdf7ff;
21
+ --color-purple-200: #f9e5ff;
22
+ --color-purple-300: #f2caff;
23
+ --color-purple-400: #e093fa;
24
+ --color-purple-500: #d65cff;
25
+ --color-purple-600: #ac12e0;
26
+ --color-purple-700: #752e8c;
27
+ --color-purple-800: #39004d;
28
+ --color-green-100: #f4fff2;
29
+ --color-green-200: #dfffd9;
30
+ --color-green-300: #b0e5a5;
31
+ --color-green-400: #76d962;
32
+ --color-green-500: #44b62d;
33
+ --color-green-600: #268713;
34
+ --color-green-700: #38662e;
35
+ --color-green-800: #093300;
36
36
  --color-blue-100: #e9f5ff;
37
37
  --color-blue-200: #c7e7ff;
38
38
  --color-blue-300: #91ceff;
@@ -41,30 +41,30 @@
41
41
  --color-blue-600: #1b7fde;
42
42
  --color-blue-700: #165fac;
43
43
  --color-blue-800: #0d407a;
44
- --color-pink-100: #ffedf5;
45
- --color-pink-200: #ffd2e6;
46
- --color-pink-300: #ffa2cb;
47
- --color-pink-400: #ff74b4;
48
- --color-pink-500: #fa50a0;
49
- --color-pink-600: #d63180;
50
- --color-pink-700: #aa1460;
51
- --color-pink-800: #7d084d;
52
- --color-red-100: #ffecec;
53
- --color-red-200: #ffcaca;
54
- --color-red-300: #ff9a9a;
55
- --color-red-400: #ff6962;
56
- --color-red-500: #fa4040;
57
- --color-red-600: #d63727;
58
- --color-red-700: #aa0d15;
59
- --color-red-800: #860011;
60
- --color-yellow-100: #fff8e6;
61
- --color-yellow-200: #ffefc8;
62
- --color-yellow-300: #ffdf96;
63
- --color-yellow-400: #ffce5a;
64
- --color-yellow-500: #fabe1f;
65
- --color-yellow-600: #dc9601;
66
- --color-yellow-700: #be7200;
67
- --color-yellow-800: #b45101;
44
+ --color-pink-100: #fff8fc;
45
+ --color-pink-200: #ffe5f4;
46
+ --color-pink-300: #ffc7e8;
47
+ --color-pink-400: #ff8cd0;
48
+ --color-pink-500: #ff40b3;
49
+ --color-pink-600: #e0128e;
50
+ --color-pink-700: #661f4a;
51
+ --color-pink-800: #4d002e;
52
+ --color-red-100: #fff7f9;
53
+ --color-red-200: #ffccd5;
54
+ --color-red-300: #ff99ab;
55
+ --color-red-400: #ff6682;
56
+ --color-red-500: #ff2b51;
57
+ --color-red-600: #d60027;
58
+ --color-red-700: #99001c;
59
+ --color-red-800: #660013;
60
+ --color-yellow-100: #fffff0;
61
+ --color-yellow-200: #eff18d;
62
+ --color-yellow-300: #e8ec1e;
63
+ --color-yellow-400: #d9dc25;
64
+ --color-yellow-500: #bcbf19;
65
+ --color-yellow-600: #9ea00f;
66
+ --color-yellow-700: #7c7e07;
67
+ --color-yellow-800: #4a4d00;
68
68
  --color-grey-100: #f8f8f9;
69
69
  --color-grey-200: #ebebed;
70
70
  --color-grey-300: #dedee1;
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 08 Feb 2024 17:48:43 GMT
3
+ * Generated on Wed, 14 Feb 2024 19:19:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "color": {
8
8
  "brandBlue": {
9
9
  "100": {
10
- "value": "#e2effd",
10
+ "value": "#e5e9ff",
11
11
  "conformance": {
12
12
  "black": "AAA",
13
13
  "white": null
@@ -15,7 +15,7 @@ module.exports = {
15
15
  "filePath": "tokens/color.yaml",
16
16
  "isSource": true,
17
17
  "original": {
18
- "value": "#E2EFFD",
18
+ "value": "#E5E9FF",
19
19
  "conformance": {
20
20
  "black": "AAA",
21
21
  "white": null
@@ -34,7 +34,7 @@ module.exports = {
34
34
  ]
35
35
  },
36
36
  "200": {
37
- "value": "#bed8fb",
37
+ "value": "#ccd5ff",
38
38
  "conformance": {
39
39
  "black": "AAA",
40
40
  "white": null
@@ -42,7 +42,7 @@ module.exports = {
42
42
  "filePath": "tokens/color.yaml",
43
43
  "isSource": true,
44
44
  "original": {
45
- "value": "#BED8FB",
45
+ "value": "#CCD5FF",
46
46
  "conformance": {
47
47
  "black": "AAA",
48
48
  "white": null
@@ -61,7 +61,7 @@ module.exports = {
61
61
  ]
62
62
  },
63
63
  "300": {
64
- "value": "#87abff",
64
+ "value": "#99abff",
65
65
  "conformance": {
66
66
  "black": "AAA",
67
67
  "white": null
@@ -69,7 +69,7 @@ module.exports = {
69
69
  "filePath": "tokens/color.yaml",
70
70
  "isSource": true,
71
71
  "original": {
72
- "value": "#87ABFF",
72
+ "value": "#99ABFF",
73
73
  "conformance": {
74
74
  "black": "AAA",
75
75
  "white": null
@@ -88,7 +88,7 @@ module.exports = {
88
88
  ]
89
89
  },
90
90
  "400": {
91
- "value": "#5387fa",
91
+ "value": "#6b84ff",
92
92
  "conformance": {
93
93
  "black": "AAA",
94
94
  "white": null
@@ -96,7 +96,7 @@ module.exports = {
96
96
  "filePath": "tokens/color.yaml",
97
97
  "isSource": true,
98
98
  "original": {
99
- "value": "#5387FA",
99
+ "value": "#6B84FF",
100
100
  "conformance": {
101
101
  "black": "AAA",
102
102
  "white": null
@@ -115,7 +115,7 @@ module.exports = {
115
115
  ]
116
116
  },
117
117
  "500": {
118
- "value": "#1e64f0",
118
+ "value": "#2949e5",
119
119
  "conformance": {
120
120
  "black": "AA",
121
121
  "white": "AAA"
@@ -123,7 +123,7 @@ module.exports = {
123
123
  "filePath": "tokens/color.yaml",
124
124
  "isSource": true,
125
125
  "original": {
126
- "value": "#1E64F0",
126
+ "value": "#2949E5",
127
127
  "conformance": {
128
128
  "black": "AA",
129
129
  "white": "AAA"
@@ -142,7 +142,7 @@ module.exports = {
142
142
  ]
143
143
  },
144
144
  "600": {
145
- "value": "#174bd2",
145
+ "value": "#1f3399",
146
146
  "conformance": {
147
147
  "black": null,
148
148
  "white": "AAA"
@@ -150,7 +150,7 @@ module.exports = {
150
150
  "filePath": "tokens/color.yaml",
151
151
  "isSource": true,
152
152
  "original": {
153
- "value": "#174BD2",
153
+ "value": "#1F3399",
154
154
  "conformance": {
155
155
  "black": null,
156
156
  "white": "AAA"
@@ -169,7 +169,7 @@ module.exports = {
169
169
  ]
170
170
  },
171
171
  "700": {
172
- "value": "#0f33a6",
172
+ "value": "#222d66",
173
173
  "conformance": {
174
174
  "black": null,
175
175
  "white": "AAA"
@@ -177,7 +177,7 @@ module.exports = {
177
177
  "filePath": "tokens/color.yaml",
178
178
  "isSource": true,
179
179
  "original": {
180
- "value": "#0F33A6",
180
+ "value": "#222D66",
181
181
  "conformance": {
182
182
  "black": null,
183
183
  "white": "AAA"
@@ -196,7 +196,7 @@ module.exports = {
196
196
  ]
197
197
  },
198
198
  "800": {
199
- "value": "#09217d",
199
+ "value": "#000934",
200
200
  "conformance": {
201
201
  "black": null,
202
202
  "white": "AAA"
@@ -204,7 +204,7 @@ module.exports = {
204
204
  "filePath": "tokens/color.yaml",
205
205
  "isSource": true,
206
206
  "original": {
207
- "value": "#09217D",
207
+ "value": "#000934",
208
208
  "conformance": {
209
209
  "black": null,
210
210
  "white": "AAA"
@@ -225,7 +225,7 @@ module.exports = {
225
225
  },
226
226
  "purple": {
227
227
  "100": {
228
- "value": "#f5f3ff",
228
+ "value": "#fdf7ff",
229
229
  "conformance": {
230
230
  "black": "AAA",
231
231
  "white": null
@@ -233,7 +233,7 @@ module.exports = {
233
233
  "filePath": "tokens/color.yaml",
234
234
  "isSource": true,
235
235
  "original": {
236
- "value": "#F5F3FF",
236
+ "value": "#FDF7FF",
237
237
  "conformance": {
238
238
  "black": "AAA",
239
239
  "white": null
@@ -252,7 +252,7 @@ module.exports = {
252
252
  ]
253
253
  },
254
254
  "200": {
255
- "value": "#e6dffe",
255
+ "value": "#f9e5ff",
256
256
  "conformance": {
257
257
  "black": "AAA",
258
258
  "white": null
@@ -260,7 +260,7 @@ module.exports = {
260
260
  "filePath": "tokens/color.yaml",
261
261
  "isSource": true,
262
262
  "original": {
263
- "value": "#E6DFFE",
263
+ "value": "#F9E5FF",
264
264
  "conformance": {
265
265
  "black": "AAA",
266
266
  "white": null
@@ -279,7 +279,7 @@ module.exports = {
279
279
  ]
280
280
  },
281
281
  "300": {
282
- "value": "#cfbfff",
282
+ "value": "#f2caff",
283
283
  "conformance": {
284
284
  "black": "AAA",
285
285
  "white": null
@@ -287,7 +287,7 @@ module.exports = {
287
287
  "filePath": "tokens/color.yaml",
288
288
  "isSource": true,
289
289
  "original": {
290
- "value": "#CFBFFF",
290
+ "value": "#F2CAFF",
291
291
  "conformance": {
292
292
  "black": "AAA",
293
293
  "white": null
@@ -306,7 +306,7 @@ module.exports = {
306
306
  ]
307
307
  },
308
308
  "400": {
309
- "value": "#b89fff",
309
+ "value": "#e093fa",
310
310
  "conformance": {
311
311
  "black": "AAA",
312
312
  "white": null
@@ -314,7 +314,7 @@ module.exports = {
314
314
  "filePath": "tokens/color.yaml",
315
315
  "isSource": true,
316
316
  "original": {
317
- "value": "#B89FFF",
317
+ "value": "#E093FA",
318
318
  "conformance": {
319
319
  "black": "AAA",
320
320
  "white": null
@@ -333,7 +333,7 @@ module.exports = {
333
333
  ]
334
334
  },
335
335
  "500": {
336
- "value": "#a07eff",
336
+ "value": "#d65cff",
337
337
  "conformance": {
338
338
  "black": "AAA",
339
339
  "white": "AA"
@@ -341,7 +341,7 @@ module.exports = {
341
341
  "filePath": "tokens/color.yaml",
342
342
  "isSource": true,
343
343
  "original": {
344
- "value": "#A07EFF",
344
+ "value": "#D65CFF",
345
345
  "conformance": {
346
346
  "black": "AAA",
347
347
  "white": "AA"
@@ -360,7 +360,7 @@ module.exports = {
360
360
  ]
361
361
  },
362
362
  "600": {
363
- "value": "#815fe0",
363
+ "value": "#ac12e0",
364
364
  "conformance": {
365
365
  "black": "AA",
366
366
  "white": "AA"
@@ -368,7 +368,7 @@ module.exports = {
368
368
  "filePath": "tokens/color.yaml",
369
369
  "isSource": true,
370
370
  "original": {
371
- "value": "#815FE0",
371
+ "value": "#AC12E0",
372
372
  "conformance": {
373
373
  "black": "AA",
374
374
  "white": "AA"
@@ -387,7 +387,7 @@ module.exports = {
387
387
  ]
388
388
  },
389
389
  "700": {
390
- "value": "#6446af",
390
+ "value": "#752e8c",
391
391
  "conformance": {
392
392
  "black": null,
393
393
  "white": "AAA"
@@ -395,7 +395,7 @@ module.exports = {
395
395
  "filePath": "tokens/color.yaml",
396
396
  "isSource": true,
397
397
  "original": {
398
- "value": "#6446AF",
398
+ "value": "#752E8C",
399
399
  "conformance": {
400
400
  "black": null,
401
401
  "white": "AAA"
@@ -414,7 +414,7 @@ module.exports = {
414
414
  ]
415
415
  },
416
416
  "800": {
417
- "value": "#462d8c",
417
+ "value": "#39004d",
418
418
  "conformance": {
419
419
  "black": null,
420
420
  "white": "AAA"
@@ -422,7 +422,7 @@ module.exports = {
422
422
  "filePath": "tokens/color.yaml",
423
423
  "isSource": true,
424
424
  "original": {
425
- "value": "#462D8C",
425
+ "value": "#39004D",
426
426
  "conformance": {
427
427
  "black": null,
428
428
  "white": "AAA"
@@ -443,7 +443,7 @@ module.exports = {
443
443
  },
444
444
  "green": {
445
445
  "100": {
446
- "value": "#e6f9f3",
446
+ "value": "#f4fff2",
447
447
  "conformance": {
448
448
  "black": "AAA",
449
449
  "white": null
@@ -451,7 +451,7 @@ module.exports = {
451
451
  "filePath": "tokens/color.yaml",
452
452
  "isSource": true,
453
453
  "original": {
454
- "value": "#E6F9F3",
454
+ "value": "#F4FFF2",
455
455
  "conformance": {
456
456
  "black": "AAA",
457
457
  "white": null
@@ -470,7 +470,7 @@ module.exports = {
470
470
  ]
471
471
  },
472
472
  "200": {
473
- "value": "#bfefe0",
473
+ "value": "#dfffd9",
474
474
  "conformance": {
475
475
  "black": "AAA",
476
476
  "white": null
@@ -478,7 +478,7 @@ module.exports = {
478
478
  "filePath": "tokens/color.yaml",
479
479
  "isSource": true,
480
480
  "original": {
481
- "value": "#BFEFE0",
481
+ "value": "#DFFFD9",
482
482
  "conformance": {
483
483
  "black": "AAA",
484
484
  "white": null
@@ -497,7 +497,7 @@ module.exports = {
497
497
  ]
498
498
  },
499
499
  "300": {
500
- "value": "#81e0c1",
500
+ "value": "#b0e5a5",
501
501
  "conformance": {
502
502
  "black": "AAA",
503
503
  "white": null
@@ -505,7 +505,7 @@ module.exports = {
505
505
  "filePath": "tokens/color.yaml",
506
506
  "isSource": true,
507
507
  "original": {
508
- "value": "#81E0C1",
508
+ "value": "#B0E5A5",
509
509
  "conformance": {
510
510
  "black": "AAA",
511
511
  "white": null
@@ -524,7 +524,7 @@ module.exports = {
524
524
  ]
525
525
  },
526
526
  "400": {
527
- "value": "#41d0a3",
527
+ "value": "#76d962",
528
528
  "conformance": {
529
529
  "black": "AAA",
530
530
  "white": null
@@ -532,7 +532,7 @@ module.exports = {
532
532
  "filePath": "tokens/color.yaml",
533
533
  "isSource": true,
534
534
  "original": {
535
- "value": "#41D0A3",
535
+ "value": "#76D962",
536
536
  "conformance": {
537
537
  "black": "AAA",
538
538
  "white": null
@@ -551,7 +551,7 @@ module.exports = {
551
551
  ]
552
552
  },
553
553
  "500": {
554
- "value": "#00c185",
554
+ "value": "#44b62d",
555
555
  "conformance": {
556
556
  "black": "AAA",
557
557
  "white": null
@@ -559,7 +559,7 @@ module.exports = {
559
559
  "filePath": "tokens/color.yaml",
560
560
  "isSource": true,
561
561
  "original": {
562
- "value": "#00C185",
562
+ "value": "#44B62D",
563
563
  "conformance": {
564
564
  "black": "AAA",
565
565
  "white": null
@@ -578,7 +578,7 @@ module.exports = {
578
578
  ]
579
579
  },
580
580
  "600": {
581
- "value": "#00966e",
581
+ "value": "#268713",
582
582
  "conformance": {
583
583
  "black": "AAA",
584
584
  "white": "AA"
@@ -586,7 +586,7 @@ module.exports = {
586
586
  "filePath": "tokens/color.yaml",
587
587
  "isSource": true,
588
588
  "original": {
589
- "value": "#00966E",
589
+ "value": "#268713",
590
590
  "conformance": {
591
591
  "black": "AAA",
592
592
  "white": "AA"
@@ -605,7 +605,7 @@ module.exports = {
605
605
  ]
606
606
  },
607
607
  "700": {
608
- "value": "#047063",
608
+ "value": "#38662e",
609
609
  "conformance": {
610
610
  "black": "AA",
611
611
  "white": "AAA"
@@ -613,7 +613,7 @@ module.exports = {
613
613
  "filePath": "tokens/color.yaml",
614
614
  "isSource": true,
615
615
  "original": {
616
- "value": "#047063",
616
+ "value": "#38662E",
617
617
  "conformance": {
618
618
  "black": "AA",
619
619
  "white": "AAA"
@@ -632,7 +632,7 @@ module.exports = {
632
632
  ]
633
633
  },
634
634
  "800": {
635
- "value": "#025050",
635
+ "value": "#093300",
636
636
  "conformance": {
637
637
  "black": null,
638
638
  "white": "AAA"
@@ -640,7 +640,7 @@ module.exports = {
640
640
  "filePath": "tokens/color.yaml",
641
641
  "isSource": true,
642
642
  "original": {
643
- "value": "#025050",
643
+ "value": "#093300",
644
644
  "conformance": {
645
645
  "black": null,
646
646
  "white": "AAA"
@@ -879,7 +879,7 @@ module.exports = {
879
879
  },
880
880
  "pink": {
881
881
  "100": {
882
- "value": "#ffedf5",
882
+ "value": "#fff8fc",
883
883
  "conformance": {
884
884
  "black": "AAA",
885
885
  "white": null
@@ -887,7 +887,7 @@ module.exports = {
887
887
  "filePath": "tokens/color.yaml",
888
888
  "isSource": true,
889
889
  "original": {
890
- "value": "#FFEDF5",
890
+ "value": "#FFF8FC",
891
891
  "conformance": {
892
892
  "black": "AAA",
893
893
  "white": null
@@ -906,7 +906,7 @@ module.exports = {
906
906
  ]
907
907
  },
908
908
  "200": {
909
- "value": "#ffd2e6",
909
+ "value": "#ffe5f4",
910
910
  "conformance": {
911
911
  "black": "AAA",
912
912
  "white": null
@@ -914,7 +914,7 @@ module.exports = {
914
914
  "filePath": "tokens/color.yaml",
915
915
  "isSource": true,
916
916
  "original": {
917
- "value": "#FFD2E6",
917
+ "value": "#FFE5F4",
918
918
  "conformance": {
919
919
  "black": "AAA",
920
920
  "white": null
@@ -933,7 +933,7 @@ module.exports = {
933
933
  ]
934
934
  },
935
935
  "300": {
936
- "value": "#ffa2cb",
936
+ "value": "#ffc7e8",
937
937
  "conformance": {
938
938
  "black": "AAA",
939
939
  "white": null
@@ -941,7 +941,7 @@ module.exports = {
941
941
  "filePath": "tokens/color.yaml",
942
942
  "isSource": true,
943
943
  "original": {
944
- "value": "#FFA2CB",
944
+ "value": "#FFC7E8",
945
945
  "conformance": {
946
946
  "black": "AAA",
947
947
  "white": null
@@ -960,7 +960,7 @@ module.exports = {
960
960
  ]
961
961
  },
962
962
  "400": {
963
- "value": "#ff74b4",
963
+ "value": "#ff8cd0",
964
964
  "conformance": {
965
965
  "black": "AAA",
966
966
  "white": null
@@ -968,7 +968,7 @@ module.exports = {
968
968
  "filePath": "tokens/color.yaml",
969
969
  "isSource": true,
970
970
  "original": {
971
- "value": "#FF74B4",
971
+ "value": "#FF8CD0",
972
972
  "conformance": {
973
973
  "black": "AAA",
974
974
  "white": null
@@ -987,7 +987,7 @@ module.exports = {
987
987
  ]
988
988
  },
989
989
  "500": {
990
- "value": "#fa50a0",
990
+ "value": "#ff40b3",
991
991
  "conformance": {
992
992
  "black": "AAA",
993
993
  "white": "AA"
@@ -995,7 +995,7 @@ module.exports = {
995
995
  "filePath": "tokens/color.yaml",
996
996
  "isSource": true,
997
997
  "original": {
998
- "value": "#FA50A0",
998
+ "value": "#FF40B3",
999
999
  "conformance": {
1000
1000
  "black": "AAA",
1001
1001
  "white": "AA"
@@ -1014,7 +1014,7 @@ module.exports = {
1014
1014
  ]
1015
1015
  },
1016
1016
  "600": {
1017
- "value": "#d63180",
1017
+ "value": "#e0128e",
1018
1018
  "conformance": {
1019
1019
  "black": "AA",
1020
1020
  "white": "AAA"
@@ -1022,7 +1022,7 @@ module.exports = {
1022
1022
  "filePath": "tokens/color.yaml",
1023
1023
  "isSource": true,
1024
1024
  "original": {
1025
- "value": "#D63180",
1025
+ "value": "#E0128E",
1026
1026
  "conformance": {
1027
1027
  "black": "AA",
1028
1028
  "white": "AAA"
@@ -1041,7 +1041,7 @@ module.exports = {
1041
1041
  ]
1042
1042
  },
1043
1043
  "700": {
1044
- "value": "#aa1460",
1044
+ "value": "#661f4a",
1045
1045
  "conformance": {
1046
1046
  "black": null,
1047
1047
  "white": "AAA"
@@ -1049,7 +1049,7 @@ module.exports = {
1049
1049
  "filePath": "tokens/color.yaml",
1050
1050
  "isSource": true,
1051
1051
  "original": {
1052
- "value": "#AA1460",
1052
+ "value": "#661F4A",
1053
1053
  "conformance": {
1054
1054
  "black": null,
1055
1055
  "white": "AAA"
@@ -1068,7 +1068,7 @@ module.exports = {
1068
1068
  ]
1069
1069
  },
1070
1070
  "800": {
1071
- "value": "#7d084d",
1071
+ "value": "#4d002e",
1072
1072
  "conformance": {
1073
1073
  "black": null,
1074
1074
  "white": "AAA"
@@ -1076,7 +1076,7 @@ module.exports = {
1076
1076
  "filePath": "tokens/color.yaml",
1077
1077
  "isSource": true,
1078
1078
  "original": {
1079
- "value": "#7D084D",
1079
+ "value": "#4D002E",
1080
1080
  "conformance": {
1081
1081
  "black": null,
1082
1082
  "white": "AAA"
@@ -1097,7 +1097,7 @@ module.exports = {
1097
1097
  },
1098
1098
  "red": {
1099
1099
  "100": {
1100
- "value": "#ffecec",
1100
+ "value": "#fff7f9",
1101
1101
  "conformance": {
1102
1102
  "black": "AAA",
1103
1103
  "white": null
@@ -1105,7 +1105,7 @@ module.exports = {
1105
1105
  "filePath": "tokens/color.yaml",
1106
1106
  "isSource": true,
1107
1107
  "original": {
1108
- "value": "#FFECEC",
1108
+ "value": "#FFF7F9",
1109
1109
  "conformance": {
1110
1110
  "black": "AAA",
1111
1111
  "white": null
@@ -1124,7 +1124,7 @@ module.exports = {
1124
1124
  ]
1125
1125
  },
1126
1126
  "200": {
1127
- "value": "#ffcaca",
1127
+ "value": "#ffccd5",
1128
1128
  "conformance": {
1129
1129
  "black": "AAA",
1130
1130
  "white": null
@@ -1132,7 +1132,7 @@ module.exports = {
1132
1132
  "filePath": "tokens/color.yaml",
1133
1133
  "isSource": true,
1134
1134
  "original": {
1135
- "value": "#FFCACA",
1135
+ "value": "#FFCCD5",
1136
1136
  "conformance": {
1137
1137
  "black": "AAA",
1138
1138
  "white": null
@@ -1151,7 +1151,7 @@ module.exports = {
1151
1151
  ]
1152
1152
  },
1153
1153
  "300": {
1154
- "value": "#ff9a9a",
1154
+ "value": "#ff99ab",
1155
1155
  "conformance": {
1156
1156
  "black": "AAA",
1157
1157
  "white": null
@@ -1159,7 +1159,7 @@ module.exports = {
1159
1159
  "filePath": "tokens/color.yaml",
1160
1160
  "isSource": true,
1161
1161
  "original": {
1162
- "value": "#FF9A9A",
1162
+ "value": "#FF99AB",
1163
1163
  "conformance": {
1164
1164
  "black": "AAA",
1165
1165
  "white": null
@@ -1178,7 +1178,7 @@ module.exports = {
1178
1178
  ]
1179
1179
  },
1180
1180
  "400": {
1181
- "value": "#ff6962",
1181
+ "value": "#ff6682",
1182
1182
  "conformance": {
1183
1183
  "black": "AAA",
1184
1184
  "white": null
@@ -1186,7 +1186,7 @@ module.exports = {
1186
1186
  "filePath": "tokens/color.yaml",
1187
1187
  "isSource": true,
1188
1188
  "original": {
1189
- "value": "#FF6962",
1189
+ "value": "#FF6682",
1190
1190
  "conformance": {
1191
1191
  "black": "AAA",
1192
1192
  "white": null
@@ -1205,7 +1205,7 @@ module.exports = {
1205
1205
  ]
1206
1206
  },
1207
1207
  "500": {
1208
- "value": "#fa4040",
1208
+ "value": "#ff2b51",
1209
1209
  "conformance": {
1210
1210
  "black": "AAA",
1211
1211
  "white": "AA"
@@ -1213,7 +1213,7 @@ module.exports = {
1213
1213
  "filePath": "tokens/color.yaml",
1214
1214
  "isSource": true,
1215
1215
  "original": {
1216
- "value": "#FA4040",
1216
+ "value": "#FF2B51",
1217
1217
  "conformance": {
1218
1218
  "black": "AAA",
1219
1219
  "white": "AA"
@@ -1232,7 +1232,7 @@ module.exports = {
1232
1232
  ]
1233
1233
  },
1234
1234
  "600": {
1235
- "value": "#d63727",
1235
+ "value": "#d60027",
1236
1236
  "conformance": {
1237
1237
  "black": "AAA",
1238
1238
  "white": "AAA"
@@ -1240,7 +1240,7 @@ module.exports = {
1240
1240
  "filePath": "tokens/color.yaml",
1241
1241
  "isSource": true,
1242
1242
  "original": {
1243
- "value": "#D63727",
1243
+ "value": "#D60027",
1244
1244
  "conformance": {
1245
1245
  "black": "AAA",
1246
1246
  "white": "AAA"
@@ -1259,7 +1259,7 @@ module.exports = {
1259
1259
  ]
1260
1260
  },
1261
1261
  "700": {
1262
- "value": "#aa0d15",
1262
+ "value": "#99001c",
1263
1263
  "conformance": {
1264
1264
  "black": null,
1265
1265
  "white": "AAA"
@@ -1267,7 +1267,7 @@ module.exports = {
1267
1267
  "filePath": "tokens/color.yaml",
1268
1268
  "isSource": true,
1269
1269
  "original": {
1270
- "value": "#AA0D15",
1270
+ "value": "#99001C",
1271
1271
  "conformance": {
1272
1272
  "black": null,
1273
1273
  "white": "AAA"
@@ -1286,7 +1286,7 @@ module.exports = {
1286
1286
  ]
1287
1287
  },
1288
1288
  "800": {
1289
- "value": "#860011",
1289
+ "value": "#660013",
1290
1290
  "conformance": {
1291
1291
  "black": null,
1292
1292
  "white": "AAA"
@@ -1294,7 +1294,7 @@ module.exports = {
1294
1294
  "filePath": "tokens/color.yaml",
1295
1295
  "isSource": true,
1296
1296
  "original": {
1297
- "value": "#860011",
1297
+ "value": "#660013",
1298
1298
  "conformance": {
1299
1299
  "black": null,
1300
1300
  "white": "AAA"
@@ -1315,7 +1315,7 @@ module.exports = {
1315
1315
  },
1316
1316
  "yellow": {
1317
1317
  "100": {
1318
- "value": "#fff8e6",
1318
+ "value": "#fffff0",
1319
1319
  "conformance": {
1320
1320
  "black": "AAA",
1321
1321
  "white": null
@@ -1323,7 +1323,7 @@ module.exports = {
1323
1323
  "filePath": "tokens/color.yaml",
1324
1324
  "isSource": true,
1325
1325
  "original": {
1326
- "value": "#FFF8E6",
1326
+ "value": "#FFFFF0",
1327
1327
  "conformance": {
1328
1328
  "black": "AAA",
1329
1329
  "white": null
@@ -1342,7 +1342,7 @@ module.exports = {
1342
1342
  ]
1343
1343
  },
1344
1344
  "200": {
1345
- "value": "#ffefc8",
1345
+ "value": "#eff18d",
1346
1346
  "conformance": {
1347
1347
  "black": "AAA",
1348
1348
  "white": null
@@ -1350,7 +1350,7 @@ module.exports = {
1350
1350
  "filePath": "tokens/color.yaml",
1351
1351
  "isSource": true,
1352
1352
  "original": {
1353
- "value": "#FFEFC8",
1353
+ "value": "#EFF18D",
1354
1354
  "conformance": {
1355
1355
  "black": "AAA",
1356
1356
  "white": null
@@ -1369,7 +1369,7 @@ module.exports = {
1369
1369
  ]
1370
1370
  },
1371
1371
  "300": {
1372
- "value": "#ffdf96",
1372
+ "value": "#e8ec1e",
1373
1373
  "conformance": {
1374
1374
  "black": "AAA",
1375
1375
  "white": null
@@ -1377,7 +1377,7 @@ module.exports = {
1377
1377
  "filePath": "tokens/color.yaml",
1378
1378
  "isSource": true,
1379
1379
  "original": {
1380
- "value": "#FFDF96",
1380
+ "value": "#E8EC1E",
1381
1381
  "conformance": {
1382
1382
  "black": "AAA",
1383
1383
  "white": null
@@ -1396,7 +1396,7 @@ module.exports = {
1396
1396
  ]
1397
1397
  },
1398
1398
  "400": {
1399
- "value": "#ffce5a",
1399
+ "value": "#d9dc25",
1400
1400
  "conformance": {
1401
1401
  "black": "AAA",
1402
1402
  "white": null
@@ -1404,7 +1404,7 @@ module.exports = {
1404
1404
  "filePath": "tokens/color.yaml",
1405
1405
  "isSource": true,
1406
1406
  "original": {
1407
- "value": "#FFCE5A",
1407
+ "value": "#D9DC25",
1408
1408
  "conformance": {
1409
1409
  "black": "AAA",
1410
1410
  "white": null
@@ -1423,7 +1423,7 @@ module.exports = {
1423
1423
  ]
1424
1424
  },
1425
1425
  "500": {
1426
- "value": "#fabe1f",
1426
+ "value": "#bcbf19",
1427
1427
  "conformance": {
1428
1428
  "black": "AAA",
1429
1429
  "white": null
@@ -1431,7 +1431,7 @@ module.exports = {
1431
1431
  "filePath": "tokens/color.yaml",
1432
1432
  "isSource": true,
1433
1433
  "original": {
1434
- "value": "#FABE1F",
1434
+ "value": "#BCBF19",
1435
1435
  "conformance": {
1436
1436
  "black": "AAA",
1437
1437
  "white": null
@@ -1450,7 +1450,7 @@ module.exports = {
1450
1450
  ]
1451
1451
  },
1452
1452
  "600": {
1453
- "value": "#dc9601",
1453
+ "value": "#9ea00f",
1454
1454
  "conformance": {
1455
1455
  "black": "AAA",
1456
1456
  "white": null
@@ -1458,7 +1458,7 @@ module.exports = {
1458
1458
  "filePath": "tokens/color.yaml",
1459
1459
  "isSource": true,
1460
1460
  "original": {
1461
- "value": "#DC9601",
1461
+ "value": "#9EA00F",
1462
1462
  "conformance": {
1463
1463
  "black": "AAA",
1464
1464
  "white": null
@@ -1477,7 +1477,7 @@ module.exports = {
1477
1477
  ]
1478
1478
  },
1479
1479
  "700": {
1480
- "value": "#be7200",
1480
+ "value": "#7c7e07",
1481
1481
  "conformance": {
1482
1482
  "black": "AAA",
1483
1483
  "white": "AA"
@@ -1485,7 +1485,7 @@ module.exports = {
1485
1485
  "filePath": "tokens/color.yaml",
1486
1486
  "isSource": true,
1487
1487
  "original": {
1488
- "value": "#BE7200",
1488
+ "value": "#7C7E07",
1489
1489
  "conformance": {
1490
1490
  "black": "AAA",
1491
1491
  "white": "AA"
@@ -1504,7 +1504,7 @@ module.exports = {
1504
1504
  ]
1505
1505
  },
1506
1506
  "800": {
1507
- "value": "#b45101",
1507
+ "value": "#4a4d00",
1508
1508
  "conformance": {
1509
1509
  "black": "AA",
1510
1510
  "white": "AAA"
@@ -1512,7 +1512,7 @@ module.exports = {
1512
1512
  "filePath": "tokens/color.yaml",
1513
1513
  "isSource": true,
1514
1514
  "original": {
1515
- "value": "#B45101",
1515
+ "value": "#4A4D00",
1516
1516
  "conformance": {
1517
1517
  "black": "AA",
1518
1518
  "white": "AAA"
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 08 Feb 2024 17:48:43 GMT
3
+ * Generated on Wed, 14 Feb 2024 19:19:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -12,30 +12,30 @@ module.exports = {
12
12
  xl: '90em',
13
13
  },
14
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',
15
+ brandBlue100: '#e5e9ff',
16
+ brandBlue200: '#ccd5ff',
17
+ brandBlue300: '#99abff',
18
+ brandBlue400: '#6b84ff',
19
+ brandBlue500: '#2949e5',
20
+ brandBlue600: '#1f3399',
21
+ brandBlue700: '#222d66',
22
+ brandBlue800: '#000934',
23
+ purple100: '#fdf7ff',
24
+ purple200: '#f9e5ff',
25
+ purple300: '#f2caff',
26
+ purple400: '#e093fa',
27
+ purple500: '#d65cff',
28
+ purple600: '#ac12e0',
29
+ purple700: '#752e8c',
30
+ purple800: '#39004d',
31
+ green100: '#f4fff2',
32
+ green200: '#dfffd9',
33
+ green300: '#b0e5a5',
34
+ green400: '#76d962',
35
+ green500: '#44b62d',
36
+ green600: '#268713',
37
+ green700: '#38662e',
38
+ green800: '#093300',
39
39
  blue100: '#e9f5ff',
40
40
  blue200: '#c7e7ff',
41
41
  blue300: '#91ceff',
@@ -44,30 +44,30 @@ module.exports = {
44
44
  blue600: '#1b7fde',
45
45
  blue700: '#165fac',
46
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',
47
+ pink100: '#fff8fc',
48
+ pink200: '#ffe5f4',
49
+ pink300: '#ffc7e8',
50
+ pink400: '#ff8cd0',
51
+ pink500: '#ff40b3',
52
+ pink600: '#e0128e',
53
+ pink700: '#661f4a',
54
+ pink800: '#4d002e',
55
+ red100: '#fff7f9',
56
+ red200: '#ffccd5',
57
+ red300: '#ff99ab',
58
+ red400: '#ff6682',
59
+ red500: '#ff2b51',
60
+ red600: '#d60027',
61
+ red700: '#99001c',
62
+ red800: '#660013',
63
+ yellow100: '#fffff0',
64
+ yellow200: '#eff18d',
65
+ yellow300: '#e8ec1e',
66
+ yellow400: '#d9dc25',
67
+ yellow500: '#bcbf19',
68
+ yellow600: '#9ea00f',
69
+ yellow700: '#7c7e07',
70
+ yellow800: '#4a4d00',
71
71
  grey100: '#f8f8f9',
72
72
  grey200: '#ebebed',
73
73
  grey300: '#dedee1',
@@ -1,36 +1,36 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 08 Feb 2024 17:48:43 GMT
3
+ // Generated on Wed, 14 Feb 2024 19:19:58 GMT
4
4
 
5
5
  $breakpoint-xs: 0em;
6
6
  $breakpoint-sm: 37.5em;
7
7
  $breakpoint-md: 56.5625em;
8
8
  $breakpoint-lg: 77.5em;
9
9
  $breakpoint-xl: 90em;
10
- $color-brand-blue-100: #e2effd;
11
- $color-brand-blue-200: #bed8fb;
12
- $color-brand-blue-300: #87abff;
13
- $color-brand-blue-400: #5387fa;
14
- $color-brand-blue-500: #1e64f0;
15
- $color-brand-blue-600: #174bd2;
16
- $color-brand-blue-700: #0f33a6;
17
- $color-brand-blue-800: #09217d;
18
- $color-purple-100: #f5f3ff;
19
- $color-purple-200: #e6dffe;
20
- $color-purple-300: #cfbfff;
21
- $color-purple-400: #b89fff;
22
- $color-purple-500: #a07eff;
23
- $color-purple-600: #815fe0;
24
- $color-purple-700: #6446af;
25
- $color-purple-800: #462d8c;
26
- $color-green-100: #e6f9f3;
27
- $color-green-200: #bfefe0;
28
- $color-green-300: #81e0c1;
29
- $color-green-400: #41d0a3;
30
- $color-green-500: #00c185;
31
- $color-green-600: #00966e;
32
- $color-green-700: #047063;
33
- $color-green-800: #025050;
10
+ $color-brand-blue-100: #e5e9ff;
11
+ $color-brand-blue-200: #ccd5ff;
12
+ $color-brand-blue-300: #99abff;
13
+ $color-brand-blue-400: #6b84ff;
14
+ $color-brand-blue-500: #2949e5;
15
+ $color-brand-blue-600: #1f3399;
16
+ $color-brand-blue-700: #222d66;
17
+ $color-brand-blue-800: #000934;
18
+ $color-purple-100: #fdf7ff;
19
+ $color-purple-200: #f9e5ff;
20
+ $color-purple-300: #f2caff;
21
+ $color-purple-400: #e093fa;
22
+ $color-purple-500: #d65cff;
23
+ $color-purple-600: #ac12e0;
24
+ $color-purple-700: #752e8c;
25
+ $color-purple-800: #39004d;
26
+ $color-green-100: #f4fff2;
27
+ $color-green-200: #dfffd9;
28
+ $color-green-300: #b0e5a5;
29
+ $color-green-400: #76d962;
30
+ $color-green-500: #44b62d;
31
+ $color-green-600: #268713;
32
+ $color-green-700: #38662e;
33
+ $color-green-800: #093300;
34
34
  $color-blue-100: #e9f5ff;
35
35
  $color-blue-200: #c7e7ff;
36
36
  $color-blue-300: #91ceff;
@@ -39,30 +39,30 @@ $color-blue-500: #229fff;
39
39
  $color-blue-600: #1b7fde;
40
40
  $color-blue-700: #165fac;
41
41
  $color-blue-800: #0d407a;
42
- $color-pink-100: #ffedf5;
43
- $color-pink-200: #ffd2e6;
44
- $color-pink-300: #ffa2cb;
45
- $color-pink-400: #ff74b4;
46
- $color-pink-500: #fa50a0;
47
- $color-pink-600: #d63180;
48
- $color-pink-700: #aa1460;
49
- $color-pink-800: #7d084d;
50
- $color-red-100: #ffecec;
51
- $color-red-200: #ffcaca;
52
- $color-red-300: #ff9a9a;
53
- $color-red-400: #ff6962;
54
- $color-red-500: #fa4040;
55
- $color-red-600: #d63727;
56
- $color-red-700: #aa0d15;
57
- $color-red-800: #860011;
58
- $color-yellow-100: #fff8e6;
59
- $color-yellow-200: #ffefc8;
60
- $color-yellow-300: #ffdf96;
61
- $color-yellow-400: #ffce5a;
62
- $color-yellow-500: #fabe1f;
63
- $color-yellow-600: #dc9601;
64
- $color-yellow-700: #be7200;
65
- $color-yellow-800: #b45101;
42
+ $color-pink-100: #fff8fc;
43
+ $color-pink-200: #ffe5f4;
44
+ $color-pink-300: #ffc7e8;
45
+ $color-pink-400: #ff8cd0;
46
+ $color-pink-500: #ff40b3;
47
+ $color-pink-600: #e0128e;
48
+ $color-pink-700: #661f4a;
49
+ $color-pink-800: #4d002e;
50
+ $color-red-100: #fff7f9;
51
+ $color-red-200: #ffccd5;
52
+ $color-red-300: #ff99ab;
53
+ $color-red-400: #ff6682;
54
+ $color-red-500: #ff2b51;
55
+ $color-red-600: #d60027;
56
+ $color-red-700: #99001c;
57
+ $color-red-800: #660013;
58
+ $color-yellow-100: #fffff0;
59
+ $color-yellow-200: #eff18d;
60
+ $color-yellow-300: #e8ec1e;
61
+ $color-yellow-400: #d9dc25;
62
+ $color-yellow-500: #bcbf19;
63
+ $color-yellow-600: #9ea00f;
64
+ $color-yellow-700: #7c7e07;
65
+ $color-yellow-800: #4a4d00;
66
66
  $color-grey-100: #f8f8f9;
67
67
  $color-grey-200: #ebebed;
68
68
  $color-grey-300: #dedee1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wistia/vhs-design-tokens",
3
- "version": "1.5.1",
3
+ "version": "2.0.0-beta.52a6c38f.7f70491",
4
4
  "description": "VHS design tokens",
5
5
  "main": "index.js",
6
6
  "exports": {
@@ -26,15 +26,15 @@
26
26
  "@karibash/pixel-units": "^2.3.0"
27
27
  },
28
28
  "devDependencies": {
29
- "@commitlint/cli": "^18.4.3",
30
- "@commitlint/config-conventional": "^18.4.3",
31
- "@wistia/eslint-config": "^0.23.2",
32
- "eslint": "^8.51.0",
33
- "husky": "^8.0.3",
29
+ "@commitlint/cli": "^18.6.0",
30
+ "@commitlint/config-conventional": "^18.6.0",
31
+ "@wistia/eslint-config": "^0.30.0",
32
+ "eslint": "^8.56.0",
33
+ "husky": "^9.0.10",
34
34
  "js-yaml": "^4.1.0",
35
35
  "onchange": "^7.1.0",
36
36
  "prettier": "^2.8.8",
37
- "style-dictionary": "^3.8.0"
37
+ "style-dictionary": "^3.9.2"
38
38
  },
39
39
  "author": "Wistia Engineering",
40
40
  "license": "UNLICENSED",
@@ -46,5 +46,5 @@
46
46
  "url": "https://github.com/wistia/vhs-design-tokens/issues"
47
47
  },
48
48
  "homepage": "https://github.com/wistia/vhs-design-tokens#readme",
49
- "packageManager": "yarn@4.0.1"
49
+ "packageManager": "yarn@4.0.2"
50
50
  }