@wistia/vhs-design-tokens 1.5.0 → 1.5.1
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.
- package/dist/css/design-tokens.css +25 -18
- package/dist/js/colorMetadata.js +560 -531
- package/dist/js/designTokens.js +25 -2
- package/dist/scss/_design-tokens.scss +25 -18
- package/index.d.ts +26 -28
- package/package.json +1 -1
package/dist/js/designTokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 08 Feb 2024
|
|
3
|
+
* Generated on Thu, 08 Feb 2024 17:48:43 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -79,7 +79,30 @@ module.exports = {
|
|
|
79
79
|
grey900: '#37373c',
|
|
80
80
|
grey1000: '#1f1f22',
|
|
81
81
|
grey1100: '#0b0d0e',
|
|
82
|
-
|
|
82
|
+
error100: '#ffecec',
|
|
83
|
+
error200: '#ffcaca',
|
|
84
|
+
error300: '#ff9a9a',
|
|
85
|
+
error400: '#ff6962',
|
|
86
|
+
error500: '#fa4040',
|
|
87
|
+
error600: '#d63727',
|
|
88
|
+
error700: '#aa0d15',
|
|
89
|
+
error800: '#860011',
|
|
90
|
+
success100: '#e6f9f3',
|
|
91
|
+
success200: '#bfefe0',
|
|
92
|
+
success300: '#81e0c1',
|
|
93
|
+
success400: '#41d0a3',
|
|
94
|
+
success500: '#00c185',
|
|
95
|
+
success600: '#00966e',
|
|
96
|
+
success700: '#047063',
|
|
97
|
+
success800: '#025050',
|
|
98
|
+
warning100: '#fff8e6',
|
|
99
|
+
warning200: '#ffefc8',
|
|
100
|
+
warning300: '#ffdf96',
|
|
101
|
+
warning400: '#ffce5a',
|
|
102
|
+
warning500: '#fabe1f',
|
|
103
|
+
warning600: '#dc9601',
|
|
104
|
+
warning700: '#be7200',
|
|
105
|
+
warning800: '#b45101',
|
|
83
106
|
},
|
|
84
107
|
duration: {
|
|
85
108
|
productive: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu, 08 Feb 2024
|
|
3
|
+
// Generated on Thu, 08 Feb 2024 17:48:43 GMT
|
|
4
4
|
|
|
5
5
|
$breakpoint-xs: 0em;
|
|
6
6
|
$breakpoint-sm: 37.5em;
|
|
@@ -74,23 +74,30 @@ $color-grey-800: #4a4a51;
|
|
|
74
74
|
$color-grey-900: #37373c;
|
|
75
75
|
$color-grey-1000: #1f1f22;
|
|
76
76
|
$color-grey-1100: #0b0d0e;
|
|
77
|
-
$color-
|
|
78
|
-
$color-
|
|
79
|
-
$color-
|
|
80
|
-
$color-
|
|
81
|
-
$color-
|
|
82
|
-
$color-
|
|
83
|
-
$color-
|
|
84
|
-
$color-
|
|
85
|
-
$color-
|
|
86
|
-
$color-
|
|
87
|
-
$color-
|
|
88
|
-
$color-
|
|
89
|
-
$color-
|
|
90
|
-
$color-
|
|
91
|
-
$color-
|
|
92
|
-
$color-
|
|
93
|
-
$color-
|
|
77
|
+
$color-error-100: #ffecec;
|
|
78
|
+
$color-error-200: #ffcaca;
|
|
79
|
+
$color-error-300: #ff9a9a;
|
|
80
|
+
$color-error-400: #ff6962;
|
|
81
|
+
$color-error-500: #fa4040;
|
|
82
|
+
$color-error-600: #d63727;
|
|
83
|
+
$color-error-700: #aa0d15;
|
|
84
|
+
$color-error-800: #860011;
|
|
85
|
+
$color-success-100: #e6f9f3;
|
|
86
|
+
$color-success-200: #bfefe0;
|
|
87
|
+
$color-success-300: #81e0c1;
|
|
88
|
+
$color-success-400: #41d0a3;
|
|
89
|
+
$color-success-500: #00c185;
|
|
90
|
+
$color-success-600: #00966e;
|
|
91
|
+
$color-success-700: #047063;
|
|
92
|
+
$color-success-800: #025050;
|
|
93
|
+
$color-warning-100: #fff8e6;
|
|
94
|
+
$color-warning-200: #ffefc8;
|
|
95
|
+
$color-warning-300: #ffdf96;
|
|
96
|
+
$color-warning-400: #ffce5a;
|
|
97
|
+
$color-warning-500: #fabe1f;
|
|
98
|
+
$color-warning-600: #dc9601;
|
|
99
|
+
$color-warning-700: #be7200;
|
|
100
|
+
$color-warning-800: #b45101;
|
|
94
101
|
$duration-productive-fast: 70ms;
|
|
95
102
|
$duration-productive-moderate: 110ms;
|
|
96
103
|
$duration-productive-slow: 150ms;
|
package/index.d.ts
CHANGED
|
@@ -132,34 +132,32 @@ declare module '@wistia/vhs-design-tokens' {
|
|
|
132
132
|
readonly grey1000: CSSHexString;
|
|
133
133
|
readonly grey1100: CSSHexString;
|
|
134
134
|
|
|
135
|
-
readonly
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
success800: CSSHexString;
|
|
162
|
-
};
|
|
135
|
+
readonly error100: CSSHexString;
|
|
136
|
+
readonly error200: CSSHexString;
|
|
137
|
+
readonly error300: CSSHexString;
|
|
138
|
+
readonly error400: CSSHexString;
|
|
139
|
+
readonly error500: CSSHexString;
|
|
140
|
+
readonly error600: CSSHexString;
|
|
141
|
+
readonly error700: CSSHexString;
|
|
142
|
+
readonly error800: CSSHexString;
|
|
143
|
+
|
|
144
|
+
readonly warning100: CSSHexString;
|
|
145
|
+
readonly warning200: CSSHexString;
|
|
146
|
+
readonly warning300: CSSHexString;
|
|
147
|
+
readonly warning400: CSSHexString;
|
|
148
|
+
readonly warning500: CSSHexString;
|
|
149
|
+
readonly warning600: CSSHexString;
|
|
150
|
+
readonly warning700: CSSHexString;
|
|
151
|
+
readonly warning800: CSSHexString;
|
|
152
|
+
|
|
153
|
+
readonly success100: CSSHexString;
|
|
154
|
+
readonly success200: CSSHexString;
|
|
155
|
+
readonly success300: CSSHexString;
|
|
156
|
+
readonly success400: CSSHexString;
|
|
157
|
+
readonly success500: CSSHexString;
|
|
158
|
+
readonly success600: CSSHexString;
|
|
159
|
+
readonly success700: CSSHexString;
|
|
160
|
+
readonly success800: CSSHexString;
|
|
163
161
|
}
|
|
164
162
|
|
|
165
163
|
export type FontWeightNumbers = 1 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|