@vinyasa/tokens 1.0.19 → 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.
Files changed (6) hide show
  1. package/dist/cjs/index.cjs +36 -1
  2. package/dist/esm/contract.css.d.ts +12 -0
  3. package/dist/esm/index.js +36 -1
  4. package/dist/esm/primitives.d.ts +11 -0
  5. package/dist/esm/theme.d.ts +12 -0
  6. package/package.json +1 -1
package/dist/cjs/index.cjs CHANGED
@@ -48,6 +48,15 @@ var themeContract = {
48
48
  error: 'var(--vinyasa-error)',
49
49
  onError: 'var(--vinyasa-on-error)',
50
50
  focus: 'var(--vinyasa-focus)',
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)',
51
60
  space1: 'var(--vinyasa-space1)',
52
61
  space2: 'var(--vinyasa-space2)',
53
62
  space3: 'var(--vinyasa-space3)',
@@ -66,6 +75,9 @@ var themeContract = {
66
75
  fontSizeMd: 'var(--vinyasa-font-size-md)',
67
76
  fontSizeLg: 'var(--vinyasa-font-size-lg)',
68
77
  fontSizeXl: 'var(--vinyasa-font-size-xl)',
78
+ fontSize2xl: 'var(--vinyasa-font-size2xl)',
79
+ fontSize3xl: 'var(--vinyasa-font-size3xl)',
80
+ fontSize4xl: 'var(--vinyasa-font-size4xl)',
69
81
  fontWeightRegular: 'var(--vinyasa-font-weight-regular)',
70
82
  fontWeightMedium: 'var(--vinyasa-font-weight-medium)',
71
83
  fontWeightSemibold: 'var(--vinyasa-font-weight-semibold)',
@@ -127,6 +139,14 @@ const red = {
127
139
  100: '#fee2e2',
128
140
  600: '#dc2626'
129
141
  };
142
+ const green = {
143
+ 100: '#dcfce7',
144
+ 700: '#15803d'
145
+ };
146
+ const amber = {
147
+ 100: '#fef3c7',
148
+ 700: '#b45309'
149
+ };
130
150
  const space = {
131
151
  1: '0.25rem',
132
152
  2: '0.5rem',
@@ -152,7 +172,10 @@ const fontSize = {
152
172
  sm: '0.875rem',
153
173
  md: '1rem',
154
174
  lg: '1.125rem',
155
- xl: '1.25rem'
175
+ xl: '1.25rem',
176
+ '2xl': '1.5rem',
177
+ '3xl': '1.875rem',
178
+ '4xl': '2.25rem'
156
179
  };
157
180
  const fontWeight = {
158
181
  regular: '400',
@@ -238,6 +261,15 @@ const defaultTheme = {
238
261
  error: red["600"],
239
262
  onError: '#ffffff',
240
263
  focus: blue["500"],
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"],
241
273
  space1: space["1"],
242
274
  space2: space["2"],
243
275
  space3: space["3"],
@@ -256,6 +288,9 @@ const defaultTheme = {
256
288
  fontSizeMd: fontSize.md,
257
289
  fontSizeLg: fontSize.lg,
258
290
  fontSizeXl: fontSize.xl,
291
+ fontSize2xl: fontSize["2xl"],
292
+ fontSize3xl: fontSize["3xl"],
293
+ fontSize4xl: fontSize["4xl"],
259
294
  fontWeightRegular: fontWeight.regular,
260
295
  fontWeightMedium: fontWeight.medium,
261
296
  fontWeightSemibold: fontWeight.semibold,
package/dist/esm/contract.css.d.ts CHANGED
@@ -8,6 +8,15 @@ export declare const themeContract: {
8
8
  error: `var(--${string})`;
9
9
  onError: `var(--${string})`;
10
10
  focus: `var(--${string})`;
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})`;
11
20
  space1: `var(--${string})`;
12
21
  space2: `var(--${string})`;
13
22
  space3: `var(--${string})`;
@@ -26,6 +35,9 @@ export declare const themeContract: {
26
35
  fontSizeMd: `var(--${string})`;
27
36
  fontSizeLg: `var(--${string})`;
28
37
  fontSizeXl: `var(--${string})`;
38
+ fontSize2xl: `var(--${string})`;
39
+ fontSize3xl: `var(--${string})`;
40
+ fontSize4xl: `var(--${string})`;
29
41
  fontWeightRegular: `var(--${string})`;
30
42
  fontWeightMedium: `var(--${string})`;
31
43
  fontWeightSemibold: `var(--${string})`;
package/dist/esm/index.js CHANGED
@@ -11,6 +11,15 @@ var themeContract = {
11
11
  error: 'var(--vinyasa-error)',
12
12
  onError: 'var(--vinyasa-on-error)',
13
13
  focus: 'var(--vinyasa-focus)',
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)',
14
23
  space1: 'var(--vinyasa-space1)',
15
24
  space2: 'var(--vinyasa-space2)',
16
25
  space3: 'var(--vinyasa-space3)',
@@ -29,6 +38,9 @@ var themeContract = {
29
38
  fontSizeMd: 'var(--vinyasa-font-size-md)',
30
39
  fontSizeLg: 'var(--vinyasa-font-size-lg)',
31
40
  fontSizeXl: 'var(--vinyasa-font-size-xl)',
41
+ fontSize2xl: 'var(--vinyasa-font-size2xl)',
42
+ fontSize3xl: 'var(--vinyasa-font-size3xl)',
43
+ fontSize4xl: 'var(--vinyasa-font-size4xl)',
32
44
  fontWeightRegular: 'var(--vinyasa-font-weight-regular)',
33
45
  fontWeightMedium: 'var(--vinyasa-font-weight-medium)',
34
46
  fontWeightSemibold: 'var(--vinyasa-font-weight-semibold)',
@@ -90,6 +102,14 @@ const red = {
90
102
  100: '#fee2e2',
91
103
  600: '#dc2626'
92
104
  };
105
+ const green = {
106
+ 100: '#dcfce7',
107
+ 700: '#15803d'
108
+ };
109
+ const amber = {
110
+ 100: '#fef3c7',
111
+ 700: '#b45309'
112
+ };
93
113
  const space = {
94
114
  1: '0.25rem',
95
115
  2: '0.5rem',
@@ -115,7 +135,10 @@ const fontSize = {
115
135
  sm: '0.875rem',
116
136
  md: '1rem',
117
137
  lg: '1.125rem',
118
- xl: '1.25rem'
138
+ xl: '1.25rem',
139
+ '2xl': '1.5rem',
140
+ '3xl': '1.875rem',
141
+ '4xl': '2.25rem'
119
142
  };
120
143
  const fontWeight = {
121
144
  regular: '400',
@@ -178,6 +201,15 @@ const defaultTheme = {
178
201
  error: red["600"],
179
202
  onError: '#ffffff',
180
203
  focus: blue["500"],
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"],
181
213
  space1: space["1"],
182
214
  space2: space["2"],
183
215
  space3: space["3"],
@@ -196,6 +228,9 @@ const defaultTheme = {
196
228
  fontSizeMd: fontSize.md,
197
229
  fontSizeLg: fontSize.lg,
198
230
  fontSizeXl: fontSize.xl,
231
+ fontSize2xl: fontSize["2xl"],
232
+ fontSize3xl: fontSize["3xl"],
233
+ fontSize4xl: fontSize["4xl"],
199
234
  fontWeightRegular: fontWeight.regular,
200
235
  fontWeightMedium: fontWeight.medium,
201
236
  fontWeightSemibold: fontWeight.semibold,
package/dist/esm/primitives.d.ts CHANGED
@@ -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";
@@ -48,6 +56,9 @@ export declare const fontSize: {
48
56
  readonly md: "1rem";
49
57
  readonly lg: "1.125rem";
50
58
  readonly xl: "1.25rem";
59
+ readonly '2xl': "1.5rem";
60
+ readonly '3xl': "1.875rem";
61
+ readonly '4xl': "2.25rem";
51
62
  };
52
63
  export declare const fontWeight: {
53
64
  readonly regular: "400";
package/dist/esm/theme.d.ts CHANGED
@@ -8,6 +8,15 @@ export interface VinyasaTheme {
8
8
  error: string;
9
9
  onError: string;
10
10
  focus: string;
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;
11
20
  space1: string;
12
21
  space2: string;
13
22
  space3: string;
@@ -26,6 +35,9 @@ export interface VinyasaTheme {
26
35
  fontSizeMd: string;
27
36
  fontSizeLg: string;
28
37
  fontSizeXl: string;
38
+ fontSize2xl: string;
39
+ fontSize3xl: string;
40
+ fontSize4xl: string;
29
41
  fontWeightRegular: string;
30
42
  fontWeightMedium: string;
31
43
  fontWeightSemibold: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vinyasa/tokens",
3
- "version": "1.0.19",
3
+ "version": "1.0.21",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "sideEffects": [