@wistia/vhs-design-tokens 1.4.1 → 1.4.2-beta.201b2981.8a9f398

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, 25 Aug 2023 19:13:47 GMT
3
+ * Generated on Mon, 16 Oct 2023 19:33:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 25 Aug 2023 19:13:47 GMT
3
+ * Generated on Mon, 16 Oct 2023 19:33:24 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,147 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 25 Aug 2023 19:13:47 GMT
3
+ * Generated on Mon, 16 Oct 2023 19:33:24 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
- elevation0: 'none',
131
- elevation1: '0 2px 4px rgba(0, 0, 0, 0.1)',
132
- elevation2: '0 0 64px 0 rgba(0, 0, 0, 0.08)',
133
- },
134
- spacing: {
135
- space01: '4px',
136
- space02: '8px',
137
- space03: '12px',
138
- space04: '16px',
139
- space05: '24px',
140
- space06: '32px',
141
- space07: '48px',
142
- space08: '64px',
143
- space09: '80px',
144
- space10: '96px',
145
- space11: '120px',
146
- },
147
- };
6
+ [object Promise]
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 25 Aug 2023 19:13:47 GMT
3
+ // Generated on Mon, 16 Oct 2023 19:33:24 GMT
4
4
 
5
5
  $breakpoint-xs: 0em;
6
6
  $breakpoint-sm: 37.5em;
package/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import { Unit } from '@karibash/pixel-units';
2
2
 
3
3
  declare module '@wistia/vhs-design-tokens' {
4
+ export type CSSHexString = `#${string}`;
5
+
4
6
  export interface Breakpoints {
5
7
  readonly xs: Unit<'em'>;
6
8
  readonly sm: Unit<'em'>;
@@ -38,6 +40,7 @@ declare module '@wistia/vhs-design-tokens' {
38
40
  }
39
41
 
40
42
  export interface Shadows {
43
+ readonly elevation0: string;
41
44
  readonly elevation1: string;
42
45
  readonly elevation2: string;
43
46
  }
@@ -53,8 +56,6 @@ declare module '@wistia/vhs-design-tokens' {
53
56
  readonly exit: EasingValue;
54
57
  }
55
58
 
56
- export type CSSHexString = `#${string}`;
57
-
58
59
  export interface Colors {
59
60
  readonly brandBlue100: CSSHexString;
60
61
  readonly brandBlue200: CSSHexString;
@@ -133,7 +134,7 @@ declare module '@wistia/vhs-design-tokens' {
133
134
  }
134
135
 
135
136
  export type FontWeightNumbers = 1 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
136
- export type FontWeightStrings = 'normal' | 'bold' | 'lighter' | 'bolder' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
137
+ export type FontWeightStrings = 'normal' | 'bold' | 'lighter' | 'bolder' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
137
138
  export type FontWeight = FontWeightNumbers | FontWeightStrings;
138
139
 
139
140
  export interface Fonts {
@@ -167,5 +168,5 @@ declare module '@wistia/vhs-design-tokens' {
167
168
  readonly easing: Easings;
168
169
  readonly font: Fonts;
169
170
  readonly color: Colors;
170
- }
171
+ };
171
172
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wistia/vhs-design-tokens",
3
- "version": "1.4.1",
3
+ "version": "1.4.2-beta.201b2981.8a9f398",
4
4
  "description": "VHS design tokens",
5
5
  "main": "index.js",
6
6
  "exports": {
@@ -18,20 +18,22 @@
18
18
  "build": "style-dictionary build",
19
19
  "build:watch": "onchange \"./tokens/**/*.yaml\" -i -- yarn run build",
20
20
  "clean": "style-dictionary clean",
21
- "lint": "eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
21
+ "lint": "eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
22
+ "outdated": "yarn upgrade-interactive",
22
23
  "prepare": "husky install && yarn run clean && yarn run build"
23
24
  },
24
25
  "dependencies": {
25
26
  "@karibash/pixel-units": "^2.3.0"
26
27
  },
27
28
  "devDependencies": {
28
- "@commitlint/cli": "^17.3.0",
29
- "@commitlint/config-conventional": "^17.3.0",
30
- "@wistia/eslint-config": "^0.19.3",
31
- "husky": "^8.0.2",
29
+ "@commitlint/cli": "^17.8.0",
30
+ "@commitlint/config-conventional": "^17.8.0",
31
+ "@wistia/eslint-config": "^0.23.2",
32
+ "eslint": "^8.51.0",
33
+ "husky": "^8.0.3",
32
34
  "js-yaml": "^4.1.0",
33
35
  "onchange": "^7.1.0",
34
- "style-dictionary": "^3.7.1"
36
+ "style-dictionary": "^3.8.0"
35
37
  },
36
38
  "author": "Wistia Engineering",
37
39
  "license": "UNLICENSED",
@@ -42,5 +44,6 @@
42
44
  "bugs": {
43
45
  "url": "https://github.com/wistia/vhs-design-tokens/issues"
44
46
  },
45
- "homepage": "https://github.com/wistia/vhs-design-tokens#readme"
47
+ "homepage": "https://github.com/wistia/vhs-design-tokens#readme",
48
+ "packageManager": "yarn@3.6.4"
46
49
  }