@wistia/vhs-design-tokens 2.1.5-beta.fb7bcbca.1e31df4 → 3.0.0-beta.91494911.a9d362a

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/index.js +3 -0
  2. package/dist/js/colorMetadata.js +2508 -0
  3. package/dist/js/{designTokens.mjs → designTokens.js} +1 -1
  4. package/package.json +9 -22
  5. package/dist/index.cjs +0 -3
  6. package/dist/index.mjs +0 -3
  7. package/dist/js/colorMetadata.cjs +0 -2507
  8. package/dist/js/colorMetadata.mjs +0 -2507
  9. package/dist/js/designTokens.cjs +0 -179
package/dist/js/designTokens.cjs DELETED
@@ -1,179 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 09 Oct 2025 14:05:36 GMT
4
- */
5
-
6
- module.exports = {
7
- breakpoint: {
8
- xs: '0em',
9
- sm: '37.5em',
10
- md: '56.5625em',
11
- lg: '77.5em',
12
- xl: '90em',
13
- },
14
- color: {
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
- blue100: '#E9F5FF',
40
- blue200: '#C7E7FF',
41
- blue300: '#91CEFF',
42
- blue400: '#58B7FE',
43
- blue500: '#229FFF',
44
- blue600: '#1B7FDE',
45
- blue700: '#165FAC',
46
- blue800: '#0D407A',
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
- orange100: '#FFF9F8',
72
- orange200: '#FFCABA',
73
- orange300: '#FF9D80',
74
- orange400: '#FF6C40',
75
- orange500: '#D1451A',
76
- orange600: '#B23009',
77
- orange700: '#80280D',
78
- orange800: '#4D1200',
79
- grey100: '#F8F8F9',
80
- grey200: '#EBEBED',
81
- grey300: '#DEDEE1',
82
- grey400: '#C4C4C8',
83
- grey500: '#A3A3AA',
84
- grey600: '#7B7B87',
85
- grey700: '#62626C',
86
- grey800: '#4A4A51',
87
- grey900: '#37373C',
88
- grey1000: '#1F1F22',
89
- grey1100: '#0B0D0E',
90
- error100: '#FFECEC',
91
- error200: '#FFCACA',
92
- error300: '#FF9A9A',
93
- error400: '#FF6962',
94
- error500: '#FA4040',
95
- error600: '#D63727',
96
- error700: '#AA0D15',
97
- error800: '#860011',
98
- success100: '#E6F9F3',
99
- success200: '#BFEFE0',
100
- success300: '#81E0C1',
101
- success400: '#41D0A3',
102
- success500: '#00C185',
103
- success600: '#00966E',
104
- success700: '#047063',
105
- success800: '#025050',
106
- warning100: '#FFF8E6',
107
- warning200: '#FFEFC8',
108
- warning300: '#FFDF96',
109
- warning400: '#FFCE5A',
110
- warning500: '#FABE1F',
111
- warning600: '#DC9601',
112
- warning700: '#BE7200',
113
- warning800: '#B45101',
114
- },
115
- duration: {
116
- productive: {
117
- fast: '70ms',
118
- moderate: '110ms',
119
- slow: '150ms',
120
- },
121
- expressive: {
122
- fast: '240ms',
123
- moderate: '400ms',
124
- slow: '700ms',
125
- },
126
- },
127
- easing: {
128
- standard: {
129
- productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
130
- expressive: 'cubic-bezier(0.4, 0.14, 0.3, 1)',
131
- },
132
- entrance: {
133
- productive: 'cubic-bezier(0, 0, 0.38, 0.9)',
134
- expressive: 'cubic-bezier(0, 0, 0.3, 1)',
135
- },
136
- exit: {
137
- productive: 'cubic-bezier(0.2, 0, 1, 0.9)',
138
- expressive: 'cubic-bezier(0.4, 0.14, 1, 1)',
139
- },
140
- },
141
- font: {
142
- family: {
143
- default: 'InterVariable, Helvetica, Arial, sans-serif',
144
- monospace: '"IBM Plex Mono", Consolas, Monaco, monospace',
145
- },
146
- weight: {
147
- thin: 100,
148
- extraLight: 200,
149
- light: 300,
150
- regular: 400,
151
- medium: 500,
152
- semiBold: 600,
153
- bold: 700,
154
- extraBold: 800,
155
- },
156
- size: {
157
- default: '16px',
158
- small: '14px',
159
- },
160
- },
161
- shadow: {
162
- elevation0: 'none',
163
- elevation1: '0 2px 4px rgba(0, 0, 0, 0.1)',
164
- elevation2: '0 0 64px 0 rgba(0, 0, 0, 0.08)',
165
- },
166
- spacing: {
167
- space01: '4px',
168
- space02: '8px',
169
- space03: '12px',
170
- space04: '16px',
171
- space05: '24px',
172
- space06: '32px',
173
- space07: '48px',
174
- space08: '64px',
175
- space09: '80px',
176
- space10: '96px',
177
- space11: '120px',
178
- },
179
- };