@wistia/vhs-design-tokens 1.3.2-beta.b9e3ebb7.ee8ddb0 → 1.4.0

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 Fri, 05 May 2023 19:32:02 GMT
3
+ * Generated on Fri, 25 Aug 2023 17:55:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -100,6 +100,7 @@
100
100
  --font-weight-extra-bold: 800;
101
101
  --font-size-default: 16px;
102
102
  --font-size-small: 14px;
103
+ --shadow-elevation0: none;
103
104
  --shadow-elevation1: 0 2px 4px rgba(0, 0, 0, 0.1);
104
105
  --shadow-elevation2: 0 0 64px 0 rgba(0, 0, 0, 0.08);
105
106
  --spacing-space01: 4px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 05 May 2023 19:32:02 GMT
3
+ * Generated on Fri, 25 Aug 2023 17:55:07 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,146 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 05 May 2023 19:32:02 GMT
3
+ * Generated on Fri, 25 Aug 2023 17:55:07 GMT
4
4
  */
5
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: '#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',
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: '#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',
71
- grey100: '#f8f8f9',
72
- grey200: '#ebebed',
73
- grey300: '#dedee1',
74
- grey400: '#c4c4c8',
75
- grey500: '#a3a3aa',
76
- grey600: '#7b7b87',
77
- grey700: '#62626c',
78
- grey800: '#4a4a51',
79
- grey900: '#37373c',
80
- grey1000: '#1f1f22',
81
- grey1100: '#0b0d0e',
82
- },
83
- duration: {
84
- productive: {
85
- fast: '70ms',
86
- moderate: '110ms',
87
- slow: '150ms',
88
- },
89
- expressive: {
90
- fast: '240ms',
91
- moderate: '400ms',
92
- slow: '700ms',
93
- },
94
- },
95
- easing: {
96
- standard: {
97
- productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
98
- expressive: 'cubic-bezier(0.4, 0.14, 0.3, 1)',
99
- },
100
- entrance: {
101
- productive: 'cubic-bezier(0, 0, 0.38, 0.9)',
102
- expressive: 'cubic-bezier(0, 0, 0.3, 1)',
103
- },
104
- exit: {
105
- productive: 'cubic-bezier(0.2, 0, 1, 0.9)',
106
- expressive: 'cubic-bezier(0.4, 0.14, 1, 1)',
107
- },
108
- },
109
- font: {
110
- family: {
111
- default: 'Inter, Helvetica, Arial, sans-serif',
112
- monospace: '"IBM Plex Mono", Consolas, Monaco, monospace',
113
- },
114
- weight: {
115
- thin: 100,
116
- extraLight: 200,
117
- light: 300,
118
- regular: 400,
119
- medium: 500,
120
- semiBold: 600,
121
- bold: 700,
122
- extraBold: 800,
123
- },
124
- size: {
125
- default: '16px',
126
- small: '14px',
127
- },
128
- },
129
- shadow: {
130
- elevation1: '0 2px 4px rgba(0, 0, 0, 0.1)',
131
- elevation2: '0 0 64px 0 rgba(0, 0, 0, 0.08)',
132
- },
133
- spacing: {
134
- space01: '4px',
135
- space02: '8px',
136
- space03: '12px',
137
- space04: '16px',
138
- space05: '24px',
139
- space06: '32px',
140
- space07: '48px',
141
- space08: '64px',
142
- space09: '80px',
143
- space10: '96px',
144
- space11: '120px',
145
- },
146
- };
6
+ [object Promise]
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 05 May 2023 19:32:02 GMT
3
+ // Generated on Fri, 25 Aug 2023 17:55:07 GMT
4
4
 
5
5
  $breakpoint-xs: 0em;
6
6
  $breakpoint-sm: 37.5em;
@@ -98,6 +98,7 @@ $font-weight-bold: 700;
98
98
  $font-weight-extra-bold: 800;
99
99
  $font-size-default: 16px;
100
100
  $font-size-small: 14px;
101
+ $shadow-elevation0: none;
101
102
  $shadow-elevation1: 0 2px 4px rgba(0, 0, 0, 0.1);
102
103
  $shadow-elevation2: 0 0 64px 0 rgba(0, 0, 0, 0.08);
103
104
  $spacing-space01: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wistia/vhs-design-tokens",
3
- "version": "1.3.2-beta.b9e3ebb7.ee8ddb0",
3
+ "version": "1.4.0",
4
4
  "description": "VHS design tokens",
5
5
  "main": "index.js",
6
6
  "exports": {
@@ -27,7 +27,7 @@
27
27
  "devDependencies": {
28
28
  "@commitlint/cli": "^17.3.0",
29
29
  "@commitlint/config-conventional": "^17.3.0",
30
- "@wistia/eslint-config": "^0.19.3",
30
+ "@wistia/eslint-config": "^0.21.2",
31
31
  "husky": "^8.0.2",
32
32
  "js-yaml": "^4.1.0",
33
33
  "onchange": "^7.1.0",