@wistia/vhs-design-tokens 1.5.0 → 1.5.1-beta.25608ee5.5f8a5b7

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.
Files changed (6) hide show
  1. package/dist/css/design-tokens.css +73 -66
  2. package/dist/js/colorMetadata.js +662 -633
  3. package/dist/js/designTokens.js +73 -50
  4. package/dist/scss/_design-tokens.scss +73 -66
  5. package/index.d.ts +26 -28
  6. package/package.json +8 -8
package/dist/css/design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 08 Feb 2024 16:16:51 GMT
3
+ * Generated on Mon, 12 Feb 2024 14:20:51 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: #f7f8ff;
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;
@@ -76,23 +76,30 @@
76
76
  --color-grey-900: #37373c;
77
77
  --color-grey-1000: #1f1f22;
78
78
  --color-grey-1100: #0b0d0e;
79
- --color-status-error: #ffecec;
80
- --color-status-warning-100: #fff8e6;
81
- --color-status-warning-200: #ffefc8;
82
- --color-status-warning-300: #ffdf96;
83
- --color-status-warning-400: #ffce5a;
84
- --color-status-warning-500: #fabe1f;
85
- --color-status-warning-600: #dc9601;
86
- --color-status-warning-700: #be7200;
87
- --color-status-warning-800: #b45101;
88
- --color-status-success-100: #e6f9f3;
89
- --color-status-success-200: #bfefe0;
90
- --color-status-success-300: #81e0c1;
91
- --color-status-success-400: #41d0a3;
92
- --color-status-success-500: #00c185;
93
- --color-status-success-600: #00966e;
94
- --color-status-success-700: #047063;
95
- --color-status-success-800: #025050;
79
+ --color-error-100: #ffecec;
80
+ --color-error-200: #ffcaca;
81
+ --color-error-300: #ff9a9a;
82
+ --color-error-400: #ff6962;
83
+ --color-error-500: #fa4040;
84
+ --color-error-600: #d63727;
85
+ --color-error-700: #aa0d15;
86
+ --color-error-800: #860011;
87
+ --color-success-100: #e6f9f3;
88
+ --color-success-200: #bfefe0;
89
+ --color-success-300: #81e0c1;
90
+ --color-success-400: #41d0a3;
91
+ --color-success-500: #00c185;
92
+ --color-success-600: #00966e;
93
+ --color-success-700: #047063;
94
+ --color-success-800: #025050;
95
+ --color-warning-100: #fff8e6;
96
+ --color-warning-200: #ffefc8;
97
+ --color-warning-300: #ffdf96;
98
+ --color-warning-400: #ffce5a;
99
+ --color-warning-500: #fabe1f;
100
+ --color-warning-600: #dc9601;
101
+ --color-warning-700: #be7200;
102
+ --color-warning-800: #b45101;
96
103
  --duration-productive-fast: 70ms;
97
104
  --duration-productive-moderate: 110ms;
98
105
  --duration-productive-slow: 150ms;