@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/js/designTokens.mjs ADDED
@@ -0,0 +1,179 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Fri, 12 Jul 2024 15:23:12 GMT
4
+ */
5
+
6
+ export const designTokens = {
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: 'Inter, 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
+ };
package/dist/scss/_design-tokens.scss CHANGED
@@ -1,111 +1,110 @@
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
  $breakpoint-xs: 0em;
6
5
  $breakpoint-sm: 37.5em;
7
6
  $breakpoint-md: 56.5625em;
8
7
  $breakpoint-lg: 77.5em;
9
8
  $breakpoint-xl: 90em;
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;
9
+ $color-brand-blue-100: #E5E9FF;
10
+ $color-brand-blue-200: #CCD5FF;
11
+ $color-brand-blue-300: #99ABFF;
12
+ $color-brand-blue-400: #6B84FF;
13
+ $color-brand-blue-500: #2949E5;
14
+ $color-brand-blue-600: #1F3399;
15
+ $color-brand-blue-700: #222D66;
17
16
  $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;
17
+ $color-purple-100: #FDF7FF;
18
+ $color-purple-200: #F9E5FF;
19
+ $color-purple-300: #F2CAFF;
20
+ $color-purple-400: #E093FA;
21
+ $color-purple-500: #D65CFF;
22
+ $color-purple-600: #AC12E0;
23
+ $color-purple-700: #752E8C;
24
+ $color-purple-800: #39004D;
25
+ $color-green-100: #F4FFF2;
26
+ $color-green-200: #DFFFD9;
27
+ $color-green-300: #B0E5A5;
28
+ $color-green-400: #76D962;
29
+ $color-green-500: #44B62D;
31
30
  $color-green-600: #268713;
32
- $color-green-700: #38662e;
31
+ $color-green-700: #38662E;
33
32
  $color-green-800: #093300;
34
- $color-blue-100: #e9f5ff;
35
- $color-blue-200: #c7e7ff;
36
- $color-blue-300: #91ceff;
37
- $color-blue-400: #58b7fe;
38
- $color-blue-500: #229fff;
39
- $color-blue-600: #1b7fde;
40
- $color-blue-700: #165fac;
41
- $color-blue-800: #0d407a;
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;
33
+ $color-blue-100: #E9F5FF;
34
+ $color-blue-200: #C7E7FF;
35
+ $color-blue-300: #91CEFF;
36
+ $color-blue-400: #58B7FE;
37
+ $color-blue-500: #229FFF;
38
+ $color-blue-600: #1B7FDE;
39
+ $color-blue-700: #165FAC;
40
+ $color-blue-800: #0D407A;
41
+ $color-pink-100: #FFF8FC;
42
+ $color-pink-200: #FFE5F4;
43
+ $color-pink-300: #FFC7E8;
44
+ $color-pink-400: #FF8CD0;
45
+ $color-pink-500: #FF40B3;
46
+ $color-pink-600: #E0128E;
47
+ $color-pink-700: #661F4A;
48
+ $color-pink-800: #4D002E;
49
+ $color-red-100: #FFF7F9;
50
+ $color-red-200: #FFCCD5;
51
+ $color-red-300: #FF99AB;
52
+ $color-red-400: #FF6682;
53
+ $color-red-500: #FF2B51;
54
+ $color-red-600: #D60027;
55
+ $color-red-700: #99001C;
57
56
  $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
- $color-orange-100: #fff9f8;
67
- $color-orange-200: #ffcaba;
68
- $color-orange-300: #ff9d80;
69
- $color-orange-400: #ff6c40;
70
- $color-orange-500: #d1451a;
71
- $color-orange-600: #b23009;
72
- $color-orange-700: #80280d;
73
- $color-orange-800: #4d1200;
74
- $color-grey-100: #f8f8f9;
75
- $color-grey-200: #ebebed;
76
- $color-grey-300: #dedee1;
77
- $color-grey-400: #c4c4c8;
78
- $color-grey-500: #a3a3aa;
79
- $color-grey-600: #7b7b87;
80
- $color-grey-700: #62626c;
81
- $color-grey-800: #4a4a51;
82
- $color-grey-900: #37373c;
83
- $color-grey-1000: #1f1f22;
84
- $color-grey-1100: #0b0d0e;
85
- $color-error-100: #ffecec;
86
- $color-error-200: #ffcaca;
87
- $color-error-300: #ff9a9a;
88
- $color-error-400: #ff6962;
89
- $color-error-500: #fa4040;
90
- $color-error-600: #d63727;
91
- $color-error-700: #aa0d15;
57
+ $color-yellow-100: #FFFFF0;
58
+ $color-yellow-200: #EFF18D;
59
+ $color-yellow-300: #E8EC1E;
60
+ $color-yellow-400: #D9DC25;
61
+ $color-yellow-500: #BCBF19;
62
+ $color-yellow-600: #9EA00F;
63
+ $color-yellow-700: #7C7E07;
64
+ $color-yellow-800: #4A4D00;
65
+ $color-orange-100: #FFF9F8;
66
+ $color-orange-200: #FFCABA;
67
+ $color-orange-300: #FF9D80;
68
+ $color-orange-400: #FF6C40;
69
+ $color-orange-500: #D1451A;
70
+ $color-orange-600: #B23009;
71
+ $color-orange-700: #80280D;
72
+ $color-orange-800: #4D1200;
73
+ $color-grey-100: #F8F8F9;
74
+ $color-grey-200: #EBEBED;
75
+ $color-grey-300: #DEDEE1;
76
+ $color-grey-400: #C4C4C8;
77
+ $color-grey-500: #A3A3AA;
78
+ $color-grey-600: #7B7B87;
79
+ $color-grey-700: #62626C;
80
+ $color-grey-800: #4A4A51;
81
+ $color-grey-900: #37373C;
82
+ $color-grey-1000: #1F1F22;
83
+ $color-grey-1100: #0B0D0E;
84
+ $color-error-100: #FFECEC;
85
+ $color-error-200: #FFCACA;
86
+ $color-error-300: #FF9A9A;
87
+ $color-error-400: #FF6962;
88
+ $color-error-500: #FA4040;
89
+ $color-error-600: #D63727;
90
+ $color-error-700: #AA0D15;
92
91
  $color-error-800: #860011;
93
- $color-success-100: #e6f9f3;
94
- $color-success-200: #bfefe0;
95
- $color-success-300: #81e0c1;
96
- $color-success-400: #41d0a3;
97
- $color-success-500: #00c185;
98
- $color-success-600: #00966e;
92
+ $color-success-100: #E6F9F3;
93
+ $color-success-200: #BFEFE0;
94
+ $color-success-300: #81E0C1;
95
+ $color-success-400: #41D0A3;
96
+ $color-success-500: #00C185;
97
+ $color-success-600: #00966E;
99
98
  $color-success-700: #047063;
100
99
  $color-success-800: #025050;
101
- $color-warning-100: #fff8e6;
102
- $color-warning-200: #ffefc8;
103
- $color-warning-300: #ffdf96;
104
- $color-warning-400: #ffce5a;
105
- $color-warning-500: #fabe1f;
106
- $color-warning-600: #dc9601;
107
- $color-warning-700: #be7200;
108
- $color-warning-800: #b45101;
100
+ $color-warning-100: #FFF8E6;
101
+ $color-warning-200: #FFEFC8;
102
+ $color-warning-300: #FFDF96;
103
+ $color-warning-400: #FFCE5A;
104
+ $color-warning-500: #FABE1F;
105
+ $color-warning-600: #DC9601;
106
+ $color-warning-700: #BE7200;
107
+ $color-warning-800: #B45101;
109
108
  $duration-productive-fast: 70ms;
110
109
  $duration-productive-moderate: 110ms;
111
110
  $duration-productive-slow: 150ms;
package/index.mjs ADDED
@@ -0,0 +1,3 @@
1
+ import designTokens from './dist/js/designTokens.mjs';
2
+
3
+ export { designTokens };
package/package.json CHANGED
@@ -1,27 +1,37 @@
1
1
  {
2
2
  "name": "@wistia/vhs-design-tokens",
3
- "version": "2.1.1",
3
+ "version": "2.1.2-beta.0184e27a.45c48b6",
4
4
  "description": "VHS design tokens",
5
- "main": "index.js",
6
- "type": "commonjs",
5
+ "type": "module",
7
6
  "exports": {
8
7
  "./package.json": "./package.json",
9
- ".": "./index.js",
10
- "./colorMetadata": "./dist/js/colorMetadata.js"
8
+ ".": {
9
+ "import": {
10
+ "types": "./index.d.mts",
11
+ "default": "./dist/js/designTokens.mjs"
12
+ }
13
+ },
14
+ "./colorMetadata": {
15
+ "import": {
16
+ "default": "./dist/js/colorMetadata.mjs"
17
+ }
18
+ }
11
19
  },
12
- "types": "index.d.ts",
20
+ "types": "index.d.mts",
13
21
  "files": [
14
- "index.js",
15
- "index.d.ts",
22
+ "index.mjs",
23
+ "index.d.mts",
16
24
  "dist/"
17
25
  ],
18
26
  "scripts": {
19
- "build": "style-dictionary build --config ./config.cjs",
27
+ "build": "style-dictionary build --config ./config.mjs && node ./scripts/fix-exports.mjs",
20
28
  "build:watch": "onchange \"./tokens/**/*.yaml\" -i -- yarn run build",
21
- "clean": "style-dictionary clean --config ./config.cjs",
29
+ "clean": "style-dictionary clean --config ./config.mjs",
30
+ "compare": "node ./compare.mjs",
22
31
  "lint": "node_modules/.bin/eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
23
32
  "outdated": "yarn upgrade-interactive",
24
- "prepare": "husky install && yarn run clean && yarn run build"
33
+ "prepare": "husky install && yarn run clean && yarn run build",
34
+ "publint": "node ./scripts/publint.mjs"
25
35
  },
26
36
  "author": "Wistia Engineering",
27
37
  "license": "UNLICENSED",
@@ -44,10 +54,12 @@
44
54
  "deasync": "^0.1.30",
45
55
  "husky": "^9.0.11",
46
56
  "js-yaml": "^4.1.0",
47
- "node-gyp": "^10.1.0",
57
+ "node-gyp": "^10.2.0",
48
58
  "onchange": "^7.1.0",
49
59
  "prettier": "^3.3.2",
50
- "style-dictionary": "^3.9.2"
60
+ "publint": "^0.2.8",
61
+ "style-dictionary": "^4.0.0",
62
+ "vm": "^0.1.0"
51
63
  },
52
64
  "resolutions": {
53
65
  "postcss": ">=8.4.38"
package/dist/js/designTokens.js DELETED
@@ -1,179 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Tue, 09 Jul 2024 13:25:48 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: 'Inter, 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
- };
package/index.js DELETED
@@ -1,4 +0,0 @@
1
- // using CJS modules allows us to skip transpilation
2
- const designTokens = require('./dist/js/designTokens');
3
-
4
- module.exports = { designTokens };
/package/{index.d.ts → index.d.mts} RENAMED
File without changes