@wistia/vhs-design-tokens 1.3.1-beta.40c543a4.9937a57 → 1.3.1-beta.c37cfe0f.6496019

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 (6) hide show
  1. package/dist/css/design-tokens.css +1 -1
  2. package/dist/js/colorMetadata.js +1 -1
  3. package/dist/js/designTokens.js +1 -1
  4. package/dist/scss/_design-tokens.scss +1 -1
  5. package/index.d.ts +88 -82
  6. package/package.json +1 -1
package/dist/css/design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Nov 2022 15:58:36 GMT
3
+ * Generated on Tue, 29 Nov 2022 18:29:16 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/js/colorMetadata.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Nov 2022 15:58:36 GMT
3
+ * Generated on Tue, 29 Nov 2022 18:29:16 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/js/designTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Nov 2022 15:58:36 GMT
3
+ * Generated on Tue, 29 Nov 2022 18:29:16 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/scss/_design-tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 29 Nov 2022 15:58:36 GMT
3
+ // Generated on Tue, 29 Nov 2022 18:29:16 GMT
4
4
 
5
5
  $breakpoint-xs: 0em;
6
6
  $breakpoint-sm: 37.5em;
package/index.d.ts CHANGED
@@ -53,83 +53,89 @@ declare module '@wistia/vhs-design-tokens' {
53
53
  readonly exit: EasingValue;
54
54
  }
55
55
 
56
+ export type CSSHexString = `#${string}`;
57
+
56
58
  export interface Colors {
57
- readonly brandBlue100: string;
58
- readonly brandBlue200: string;
59
- readonly brandBlue300: string;
60
- readonly brandBlue400: string;
61
- readonly brandBlue500: string;
62
- readonly brandBlue600: string;
63
- readonly brandBlue700: string;
64
- readonly brandBlue800: string;
65
-
66
- readonly purple100: string;
67
- readonly purple200: string;
68
- readonly purple300: string;
69
- readonly purple400: string;
70
- readonly purple500: string;
71
- readonly purple600: string;
72
- readonly purple700: string;
73
- readonly purple800: string;
74
-
75
- readonly green100: string;
76
- readonly green200: string;
77
- readonly green300: string;
78
- readonly green400: string;
79
- readonly green500: string;
80
- readonly green600: string;
81
- readonly green700: string;
82
- readonly green800: string;
83
-
84
- readonly blue100: string;
85
- readonly blue200: string;
86
- readonly blue300: string;
87
- readonly blue400: string;
88
- readonly blue500: string;
89
- readonly blue600: string;
90
- readonly blue700: string;
91
- readonly blue800: string;
92
-
93
- readonly pink100: string;
94
- readonly pink200: string;
95
- readonly pink300: string;
96
- readonly pink400: string;
97
- readonly pink500: string;
98
- readonly pink600: string;
99
- readonly pink700: string;
100
- readonly pink800: string;
101
-
102
- readonly red100: string;
103
- readonly red200: string;
104
- readonly red300: string;
105
- readonly red400: string;
106
- readonly red500: string;
107
- readonly red600: string;
108
- readonly red700: string;
109
- readonly red800: string;
110
-
111
- readonly yellow100: string;
112
- readonly yellow200: string;
113
- readonly yellow300: string;
114
- readonly yellow400: string;
115
- readonly yellow500: string;
116
- readonly yellow600: string;
117
- readonly yellow700: string;
118
- readonly yellow800: string;
119
-
120
- readonly grey100: string;
121
- readonly grey200: string;
122
- readonly grey300: string;
123
- readonly grey400: string;
124
- readonly grey500: string;
125
- readonly grey600: string;
126
- readonly grey700: string;
127
- readonly grey800: string;
128
- readonly grey900: string;
129
- readonly grey1000: string;
130
- readonly grey1100: string;
59
+ readonly brandBlue100: CSSHexString;
60
+ readonly brandBlue200: CSSHexString;
61
+ readonly brandBlue300: CSSHexString;
62
+ readonly brandBlue400: CSSHexString;
63
+ readonly brandBlue500: CSSHexString;
64
+ readonly brandBlue600: CSSHexString;
65
+ readonly brandBlue700: CSSHexString;
66
+ readonly brandBlue800: CSSHexString;
67
+
68
+ readonly purple100: CSSHexString;
69
+ readonly purple200: CSSHexString;
70
+ readonly purple300: CSSHexString;
71
+ readonly purple400: CSSHexString;
72
+ readonly purple500: CSSHexString;
73
+ readonly purple600: CSSHexString;
74
+ readonly purple700: CSSHexString;
75
+ readonly purple800: CSSHexString;
76
+
77
+ readonly green100: CSSHexString;
78
+ readonly green200: CSSHexString;
79
+ readonly green300: CSSHexString;
80
+ readonly green400: CSSHexString;
81
+ readonly green500: CSSHexString;
82
+ readonly green600: CSSHexString;
83
+ readonly green700: CSSHexString;
84
+ readonly green800: CSSHexString;
85
+
86
+ readonly blue100: CSSHexString;
87
+ readonly blue200: CSSHexString;
88
+ readonly blue300: CSSHexString;
89
+ readonly blue400: CSSHexString;
90
+ readonly blue500: CSSHexString;
91
+ readonly blue600: CSSHexString;
92
+ readonly blue700: CSSHexString;
93
+ readonly blue800: CSSHexString;
94
+
95
+ readonly pink100: CSSHexString;
96
+ readonly pink200: CSSHexString;
97
+ readonly pink300: CSSHexString;
98
+ readonly pink400: CSSHexString;
99
+ readonly pink500: CSSHexString;
100
+ readonly pink600: CSSHexString;
101
+ readonly pink700: CSSHexString;
102
+ readonly pink800: CSSHexString;
103
+
104
+ readonly red100: CSSHexString;
105
+ readonly red200: CSSHexString;
106
+ readonly red300: CSSHexString;
107
+ readonly red400: CSSHexString;
108
+ readonly red500: CSSHexString;
109
+ readonly red600: CSSHexString;
110
+ readonly red700: CSSHexString;
111
+ readonly red800: CSSHexString;
112
+
113
+ readonly yellow100: CSSHexString;
114
+ readonly yellow200: CSSHexString;
115
+ readonly yellow300: CSSHexString;
116
+ readonly yellow400: CSSHexString;
117
+ readonly yellow500: CSSHexString;
118
+ readonly yellow600: CSSHexString;
119
+ readonly yellow700: CSSHexString;
120
+ readonly yellow800: CSSHexString;
121
+
122
+ readonly grey100: CSSHexString;
123
+ readonly grey200: CSSHexString;
124
+ readonly grey300: CSSHexString;
125
+ readonly grey400: CSSHexString;
126
+ readonly grey500: CSSHexString;
127
+ readonly grey600: CSSHexString;
128
+ readonly grey700: CSSHexString;
129
+ readonly grey800: CSSHexString;
130
+ readonly grey900: CSSHexString;
131
+ readonly grey1000: CSSHexString;
132
+ readonly grey1100: CSSHexString;
131
133
  }
132
134
 
135
+ 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 FontWeight = FontWeightNumbers | FontWeightStrings;
138
+
133
139
  export interface Fonts {
134
140
  readonly family: {
135
141
  readonly default: string;
@@ -137,14 +143,14 @@ declare module '@wistia/vhs-design-tokens' {
137
143
  };
138
144
 
139
145
  readonly weight: {
140
- readonly thin: string;
141
- readonly extraLight: string;
142
- readonly light: string;
143
- readonly regular: string;
144
- readonly medium: string;
145
- readonly semiBold: string;
146
- readonly bold: string;
147
- readonly extraBold: string;
146
+ readonly thin: FontWeight;
147
+ readonly extraLight: FontWeight;
148
+ readonly light: FontWeight;
149
+ readonly regular: FontWeight;
150
+ readonly medium: FontWeight;
151
+ readonly semiBold: FontWeight;
152
+ readonly bold: FontWeight;
153
+ readonly extraBold: FontWeight;
148
154
  };
149
155
 
150
156
  readonly size: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wistia/vhs-design-tokens",
3
- "version": "1.3.1-beta.40c543a4.9937a57",
3
+ "version": "1.3.1-beta.c37cfe0f.6496019",
4
4
  "description": "VHS design tokens",
5
5
  "main": "index.js",
6
6
  "exports": {