@vinyasa/tokens 1.0.20 → 1.0.21

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.
@@ -49,6 +49,14 @@ var themeContract = {
49
49
  onError: 'var(--vinyasa-on-error)',
50
50
  focus: 'var(--vinyasa-focus)',
51
51
  textMuted: 'var(--vinyasa-text-muted)',
52
+ statusInfoBg: 'var(--vinyasa-status-info-bg)',
53
+ statusInfoText: 'var(--vinyasa-status-info-text)',
54
+ statusSuccessBg: 'var(--vinyasa-status-success-bg)',
55
+ statusSuccessText: 'var(--vinyasa-status-success-text)',
56
+ statusWarningBg: 'var(--vinyasa-status-warning-bg)',
57
+ statusWarningText: 'var(--vinyasa-status-warning-text)',
58
+ statusErrorBg: 'var(--vinyasa-status-error-bg)',
59
+ statusErrorText: 'var(--vinyasa-status-error-text)',
52
60
  space1: 'var(--vinyasa-space1)',
53
61
  space2: 'var(--vinyasa-space2)',
54
62
  space3: 'var(--vinyasa-space3)',
@@ -131,6 +139,14 @@ const red = {
131
139
  100: '#fee2e2',
132
140
  600: '#dc2626'
133
141
  };
142
+ const green = {
143
+ 100: '#dcfce7',
144
+ 700: '#15803d'
145
+ };
146
+ const amber = {
147
+ 100: '#fef3c7',
148
+ 700: '#b45309'
149
+ };
134
150
  const space = {
135
151
  1: '0.25rem',
136
152
  2: '0.5rem',
@@ -246,6 +262,14 @@ const defaultTheme = {
246
262
  onError: '#ffffff',
247
263
  focus: blue["500"],
248
264
  textMuted: gray["500"],
265
+ statusInfoBg: blue["100"],
266
+ statusInfoText: blue["700"],
267
+ statusSuccessBg: green["100"],
268
+ statusSuccessText: green["700"],
269
+ statusWarningBg: amber["100"],
270
+ statusWarningText: amber["700"],
271
+ statusErrorBg: red["100"],
272
+ statusErrorText: red["600"],
249
273
  space1: space["1"],
250
274
  space2: space["2"],
251
275
  space3: space["3"],
@@ -9,6 +9,14 @@ export declare const themeContract: {
9
9
  onError: `var(--${string})`;
10
10
  focus: `var(--${string})`;
11
11
  textMuted: `var(--${string})`;
12
+ statusInfoBg: `var(--${string})`;
13
+ statusInfoText: `var(--${string})`;
14
+ statusSuccessBg: `var(--${string})`;
15
+ statusSuccessText: `var(--${string})`;
16
+ statusWarningBg: `var(--${string})`;
17
+ statusWarningText: `var(--${string})`;
18
+ statusErrorBg: `var(--${string})`;
19
+ statusErrorText: `var(--${string})`;
12
20
  space1: `var(--${string})`;
13
21
  space2: `var(--${string})`;
14
22
  space3: `var(--${string})`;
package/dist/esm/index.js CHANGED
@@ -12,6 +12,14 @@ var themeContract = {
12
12
  onError: 'var(--vinyasa-on-error)',
13
13
  focus: 'var(--vinyasa-focus)',
14
14
  textMuted: 'var(--vinyasa-text-muted)',
15
+ statusInfoBg: 'var(--vinyasa-status-info-bg)',
16
+ statusInfoText: 'var(--vinyasa-status-info-text)',
17
+ statusSuccessBg: 'var(--vinyasa-status-success-bg)',
18
+ statusSuccessText: 'var(--vinyasa-status-success-text)',
19
+ statusWarningBg: 'var(--vinyasa-status-warning-bg)',
20
+ statusWarningText: 'var(--vinyasa-status-warning-text)',
21
+ statusErrorBg: 'var(--vinyasa-status-error-bg)',
22
+ statusErrorText: 'var(--vinyasa-status-error-text)',
15
23
  space1: 'var(--vinyasa-space1)',
16
24
  space2: 'var(--vinyasa-space2)',
17
25
  space3: 'var(--vinyasa-space3)',
@@ -94,6 +102,14 @@ const red = {
94
102
  100: '#fee2e2',
95
103
  600: '#dc2626'
96
104
  };
105
+ const green = {
106
+ 100: '#dcfce7',
107
+ 700: '#15803d'
108
+ };
109
+ const amber = {
110
+ 100: '#fef3c7',
111
+ 700: '#b45309'
112
+ };
97
113
  const space = {
98
114
  1: '0.25rem',
99
115
  2: '0.5rem',
@@ -186,6 +202,14 @@ const defaultTheme = {
186
202
  onError: '#ffffff',
187
203
  focus: blue["500"],
188
204
  textMuted: gray["500"],
205
+ statusInfoBg: blue["100"],
206
+ statusInfoText: blue["700"],
207
+ statusSuccessBg: green["100"],
208
+ statusSuccessText: green["700"],
209
+ statusWarningBg: amber["100"],
210
+ statusWarningText: amber["700"],
211
+ statusErrorBg: red["100"],
212
+ statusErrorText: red["600"],
189
213
  space1: space["1"],
190
214
  space2: space["2"],
191
215
  space3: space["3"],
@@ -22,6 +22,14 @@ export declare const red: {
22
22
  readonly 100: "#fee2e2";
23
23
  readonly 600: "#dc2626";
24
24
  };
25
+ export declare const green: {
26
+ readonly 100: "#dcfce7";
27
+ readonly 700: "#15803d";
28
+ };
29
+ export declare const amber: {
30
+ readonly 100: "#fef3c7";
31
+ readonly 700: "#b45309";
32
+ };
25
33
  export declare const space: {
26
34
  readonly 1: "0.25rem";
27
35
  readonly 2: "0.5rem";
@@ -9,6 +9,14 @@ export interface VinyasaTheme {
9
9
  onError: string;
10
10
  focus: string;
11
11
  textMuted: string;
12
+ statusInfoBg: string;
13
+ statusInfoText: string;
14
+ statusSuccessBg: string;
15
+ statusSuccessText: string;
16
+ statusWarningBg: string;
17
+ statusWarningText: string;
18
+ statusErrorBg: string;
19
+ statusErrorText: string;
12
20
  space1: string;
13
21
  space2: string;
14
22
  space3: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vinyasa/tokens",
3
- "version": "1.0.20",
3
+ "version": "1.0.21",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "sideEffects": [