@wistia/vhs-design-tokens 2.1.1 → 2.1.2-beta.0184e27a.45c48b6

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 (9) hide show
  1. package/dist/css/design-tokens.css +93 -94
  2. package/dist/js/{colorMetadata.js → colorMetadata.mjs} +94 -95
  3. package/dist/js/designTokens.mjs +179 -0
  4. package/dist/scss/_design-tokens.scss +93 -94
  5. package/index.mjs +3 -0
  6. package/package.json +25 -13
  7. package/dist/js/designTokens.js +0 -179
  8. package/index.js +0 -4
  9. /package/{index.d.ts → index.d.mts} +0 -0
package/dist/css/design-tokens.css CHANGED
@@ -1,6 +1,5 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Tue, 09 Jul 2024 13:25:48 GMT
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  :root {
@@ -9,105 +8,105 @@
9
8
  --breakpoint-md: 56.5625em;
10
9
  --breakpoint-lg: 77.5em;
11
10
  --breakpoint-xl: 90em;
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;
11
+ --color-brand-blue-100: #E5E9FF;
12
+ --color-brand-blue-200: #CCD5FF;
13
+ --color-brand-blue-300: #99ABFF;
14
+ --color-brand-blue-400: #6B84FF;
15
+ --color-brand-blue-500: #2949E5;
16
+ --color-brand-blue-600: #1F3399;
17
+ --color-brand-blue-700: #222D66;
19
18
  --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;
19
+ --color-purple-100: #FDF7FF;
20
+ --color-purple-200: #F9E5FF;
21
+ --color-purple-300: #F2CAFF;
22
+ --color-purple-400: #E093FA;
23
+ --color-purple-500: #D65CFF;
24
+ --color-purple-600: #AC12E0;
25
+ --color-purple-700: #752E8C;
26
+ --color-purple-800: #39004D;
27
+ --color-green-100: #F4FFF2;
28
+ --color-green-200: #DFFFD9;
29
+ --color-green-300: #B0E5A5;
30
+ --color-green-400: #76D962;
31
+ --color-green-500: #44B62D;
33
32
  --color-green-600: #268713;
34
- --color-green-700: #38662e;
33
+ --color-green-700: #38662E;
35
34
  --color-green-800: #093300;
36
- --color-blue-100: #e9f5ff;
37
- --color-blue-200: #c7e7ff;
38
- --color-blue-300: #91ceff;
39
- --color-blue-400: #58b7fe;
40
- --color-blue-500: #229fff;
41
- --color-blue-600: #1b7fde;
42
- --color-blue-700: #165fac;
43
- --color-blue-800: #0d407a;
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;
35
+ --color-blue-100: #E9F5FF;
36
+ --color-blue-200: #C7E7FF;
37
+ --color-blue-300: #91CEFF;
38
+ --color-blue-400: #58B7FE;
39
+ --color-blue-500: #229FFF;
40
+ --color-blue-600: #1B7FDE;
41
+ --color-blue-700: #165FAC;
42
+ --color-blue-800: #0D407A;
43
+ --color-pink-100: #FFF8FC;
44
+ --color-pink-200: #FFE5F4;
45
+ --color-pink-300: #FFC7E8;
46
+ --color-pink-400: #FF8CD0;
47
+ --color-pink-500: #FF40B3;
48
+ --color-pink-600: #E0128E;
49
+ --color-pink-700: #661F4A;
50
+ --color-pink-800: #4D002E;
51
+ --color-red-100: #FFF7F9;
52
+ --color-red-200: #FFCCD5;
53
+ --color-red-300: #FF99AB;
54
+ --color-red-400: #FF6682;
55
+ --color-red-500: #FF2B51;
56
+ --color-red-600: #D60027;
57
+ --color-red-700: #99001C;
59
58
  --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
- --color-orange-100: #fff9f8;
69
- --color-orange-200: #ffcaba;
70
- --color-orange-300: #ff9d80;
71
- --color-orange-400: #ff6c40;
72
- --color-orange-500: #d1451a;
73
- --color-orange-600: #b23009;
74
- --color-orange-700: #80280d;
75
- --color-orange-800: #4d1200;
76
- --color-grey-100: #f8f8f9;
77
- --color-grey-200: #ebebed;
78
- --color-grey-300: #dedee1;
79
- --color-grey-400: #c4c4c8;
80
- --color-grey-500: #a3a3aa;
81
- --color-grey-600: #7b7b87;
82
- --color-grey-700: #62626c;
83
- --color-grey-800: #4a4a51;
84
- --color-grey-900: #37373c;
85
- --color-grey-1000: #1f1f22;
86
- --color-grey-1100: #0b0d0e;
87
- --color-error-100: #ffecec;
88
- --color-error-200: #ffcaca;
89
- --color-error-300: #ff9a9a;
90
- --color-error-400: #ff6962;
91
- --color-error-500: #fa4040;
92
- --color-error-600: #d63727;
93
- --color-error-700: #aa0d15;
59
+ --color-yellow-100: #FFFFF0;
60
+ --color-yellow-200: #EFF18D;
61
+ --color-yellow-300: #E8EC1E;
62
+ --color-yellow-400: #D9DC25;
63
+ --color-yellow-500: #BCBF19;
64
+ --color-yellow-600: #9EA00F;
65
+ --color-yellow-700: #7C7E07;
66
+ --color-yellow-800: #4A4D00;
67
+ --color-orange-100: #FFF9F8;
68
+ --color-orange-200: #FFCABA;
69
+ --color-orange-300: #FF9D80;
70
+ --color-orange-400: #FF6C40;
71
+ --color-orange-500: #D1451A;
72
+ --color-orange-600: #B23009;
73
+ --color-orange-700: #80280D;
74
+ --color-orange-800: #4D1200;
75
+ --color-grey-100: #F8F8F9;
76
+ --color-grey-200: #EBEBED;
77
+ --color-grey-300: #DEDEE1;
78
+ --color-grey-400: #C4C4C8;
79
+ --color-grey-500: #A3A3AA;
80
+ --color-grey-600: #7B7B87;
81
+ --color-grey-700: #62626C;
82
+ --color-grey-800: #4A4A51;
83
+ --color-grey-900: #37373C;
84
+ --color-grey-1000: #1F1F22;
85
+ --color-grey-1100: #0B0D0E;
86
+ --color-error-100: #FFECEC;
87
+ --color-error-200: #FFCACA;
88
+ --color-error-300: #FF9A9A;
89
+ --color-error-400: #FF6962;
90
+ --color-error-500: #FA4040;
91
+ --color-error-600: #D63727;
92
+ --color-error-700: #AA0D15;
94
93
  --color-error-800: #860011;
95
- --color-success-100: #e6f9f3;
96
- --color-success-200: #bfefe0;
97
- --color-success-300: #81e0c1;
98
- --color-success-400: #41d0a3;
99
- --color-success-500: #00c185;
100
- --color-success-600: #00966e;
94
+ --color-success-100: #E6F9F3;
95
+ --color-success-200: #BFEFE0;
96
+ --color-success-300: #81E0C1;
97
+ --color-success-400: #41D0A3;
98
+ --color-success-500: #00C185;
99
+ --color-success-600: #00966E;
101
100
  --color-success-700: #047063;
102
101
  --color-success-800: #025050;
103
- --color-warning-100: #fff8e6;
104
- --color-warning-200: #ffefc8;
105
- --color-warning-300: #ffdf96;
106
- --color-warning-400: #ffce5a;
107
- --color-warning-500: #fabe1f;
108
- --color-warning-600: #dc9601;
109
- --color-warning-700: #be7200;
110
- --color-warning-800: #b45101;
102
+ --color-warning-100: #FFF8E6;
103
+ --color-warning-200: #FFEFC8;
104
+ --color-warning-300: #FFDF96;
105
+ --color-warning-400: #FFCE5A;
106
+ --color-warning-500: #FABE1F;
107
+ --color-warning-600: #DC9601;
108
+ --color-warning-700: #BE7200;
109
+ --color-warning-800: #B45101;
111
110
  --duration-productive-fast: 70ms;
112
111
  --duration-productive-moderate: 110ms;
113
112
  --duration-productive-slow: 150ms;