@vinyasa/tokens 1.0.18 → 1.0.20
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/cjs/index.cjs +14 -1
- package/dist/esm/contract.css.d.ts +5 -0
- package/dist/esm/index.js +14 -1
- package/dist/esm/primitives.d.ts +3 -0
- package/dist/esm/theme.d.ts +5 -0
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -48,6 +48,7 @@ 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)',
|
|
51
52
|
space1: 'var(--vinyasa-space1)',
|
|
52
53
|
space2: 'var(--vinyasa-space2)',
|
|
53
54
|
space3: 'var(--vinyasa-space3)',
|
|
@@ -58,6 +59,7 @@ var themeContract = {
|
|
|
58
59
|
radiusMd: 'var(--vinyasa-radius-md)',
|
|
59
60
|
radiusFull: 'var(--vinyasa-radius-full)',
|
|
60
61
|
borderWidthThin: 'var(--vinyasa-border-width-thin)',
|
|
62
|
+
borderColorDefault: 'var(--vinyasa-border-color-default)',
|
|
61
63
|
fontFamilySans: 'var(--vinyasa-font-family-sans)',
|
|
62
64
|
fontFamilyMono: 'var(--vinyasa-font-family-mono)',
|
|
63
65
|
fontSizeXs: 'var(--vinyasa-font-size-xs)',
|
|
@@ -65,6 +67,9 @@ var themeContract = {
|
|
|
65
67
|
fontSizeMd: 'var(--vinyasa-font-size-md)',
|
|
66
68
|
fontSizeLg: 'var(--vinyasa-font-size-lg)',
|
|
67
69
|
fontSizeXl: 'var(--vinyasa-font-size-xl)',
|
|
70
|
+
fontSize2xl: 'var(--vinyasa-font-size2xl)',
|
|
71
|
+
fontSize3xl: 'var(--vinyasa-font-size3xl)',
|
|
72
|
+
fontSize4xl: 'var(--vinyasa-font-size4xl)',
|
|
68
73
|
fontWeightRegular: 'var(--vinyasa-font-weight-regular)',
|
|
69
74
|
fontWeightMedium: 'var(--vinyasa-font-weight-medium)',
|
|
70
75
|
fontWeightSemibold: 'var(--vinyasa-font-weight-semibold)',
|
|
@@ -151,7 +156,10 @@ const fontSize = {
|
|
|
151
156
|
sm: '0.875rem',
|
|
152
157
|
md: '1rem',
|
|
153
158
|
lg: '1.125rem',
|
|
154
|
-
xl: '1.25rem'
|
|
159
|
+
xl: '1.25rem',
|
|
160
|
+
'2xl': '1.5rem',
|
|
161
|
+
'3xl': '1.875rem',
|
|
162
|
+
'4xl': '2.25rem'
|
|
155
163
|
};
|
|
156
164
|
const fontWeight = {
|
|
157
165
|
regular: '400',
|
|
@@ -237,6 +245,7 @@ const defaultTheme = {
|
|
|
237
245
|
error: red["600"],
|
|
238
246
|
onError: '#ffffff',
|
|
239
247
|
focus: blue["500"],
|
|
248
|
+
textMuted: gray["500"],
|
|
240
249
|
space1: space["1"],
|
|
241
250
|
space2: space["2"],
|
|
242
251
|
space3: space["3"],
|
|
@@ -247,6 +256,7 @@ const defaultTheme = {
|
|
|
247
256
|
radiusMd: radius.md,
|
|
248
257
|
radiusFull: radius.full,
|
|
249
258
|
borderWidthThin: borderWidth.thin,
|
|
259
|
+
borderColorDefault: gray["200"],
|
|
250
260
|
fontFamilySans: fontFamily.sans,
|
|
251
261
|
fontFamilyMono: fontFamily.mono,
|
|
252
262
|
fontSizeXs: fontSize.xs,
|
|
@@ -254,6 +264,9 @@ const defaultTheme = {
|
|
|
254
264
|
fontSizeMd: fontSize.md,
|
|
255
265
|
fontSizeLg: fontSize.lg,
|
|
256
266
|
fontSizeXl: fontSize.xl,
|
|
267
|
+
fontSize2xl: fontSize["2xl"],
|
|
268
|
+
fontSize3xl: fontSize["3xl"],
|
|
269
|
+
fontSize4xl: fontSize["4xl"],
|
|
257
270
|
fontWeightRegular: fontWeight.regular,
|
|
258
271
|
fontWeightMedium: fontWeight.medium,
|
|
259
272
|
fontWeightSemibold: fontWeight.semibold,
|
|
@@ -8,6 +8,7 @@ export declare const themeContract: {
|
|
|
8
8
|
error: `var(--${string})`;
|
|
9
9
|
onError: `var(--${string})`;
|
|
10
10
|
focus: `var(--${string})`;
|
|
11
|
+
textMuted: `var(--${string})`;
|
|
11
12
|
space1: `var(--${string})`;
|
|
12
13
|
space2: `var(--${string})`;
|
|
13
14
|
space3: `var(--${string})`;
|
|
@@ -18,6 +19,7 @@ export declare const themeContract: {
|
|
|
18
19
|
radiusMd: `var(--${string})`;
|
|
19
20
|
radiusFull: `var(--${string})`;
|
|
20
21
|
borderWidthThin: `var(--${string})`;
|
|
22
|
+
borderColorDefault: `var(--${string})`;
|
|
21
23
|
fontFamilySans: `var(--${string})`;
|
|
22
24
|
fontFamilyMono: `var(--${string})`;
|
|
23
25
|
fontSizeXs: `var(--${string})`;
|
|
@@ -25,6 +27,9 @@ export declare const themeContract: {
|
|
|
25
27
|
fontSizeMd: `var(--${string})`;
|
|
26
28
|
fontSizeLg: `var(--${string})`;
|
|
27
29
|
fontSizeXl: `var(--${string})`;
|
|
30
|
+
fontSize2xl: `var(--${string})`;
|
|
31
|
+
fontSize3xl: `var(--${string})`;
|
|
32
|
+
fontSize4xl: `var(--${string})`;
|
|
28
33
|
fontWeightRegular: `var(--${string})`;
|
|
29
34
|
fontWeightMedium: `var(--${string})`;
|
|
30
35
|
fontWeightSemibold: `var(--${string})`;
|
package/dist/esm/index.js
CHANGED
|
@@ -11,6 +11,7 @@ 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)',
|
|
14
15
|
space1: 'var(--vinyasa-space1)',
|
|
15
16
|
space2: 'var(--vinyasa-space2)',
|
|
16
17
|
space3: 'var(--vinyasa-space3)',
|
|
@@ -21,6 +22,7 @@ var themeContract = {
|
|
|
21
22
|
radiusMd: 'var(--vinyasa-radius-md)',
|
|
22
23
|
radiusFull: 'var(--vinyasa-radius-full)',
|
|
23
24
|
borderWidthThin: 'var(--vinyasa-border-width-thin)',
|
|
25
|
+
borderColorDefault: 'var(--vinyasa-border-color-default)',
|
|
24
26
|
fontFamilySans: 'var(--vinyasa-font-family-sans)',
|
|
25
27
|
fontFamilyMono: 'var(--vinyasa-font-family-mono)',
|
|
26
28
|
fontSizeXs: 'var(--vinyasa-font-size-xs)',
|
|
@@ -28,6 +30,9 @@ var themeContract = {
|
|
|
28
30
|
fontSizeMd: 'var(--vinyasa-font-size-md)',
|
|
29
31
|
fontSizeLg: 'var(--vinyasa-font-size-lg)',
|
|
30
32
|
fontSizeXl: 'var(--vinyasa-font-size-xl)',
|
|
33
|
+
fontSize2xl: 'var(--vinyasa-font-size2xl)',
|
|
34
|
+
fontSize3xl: 'var(--vinyasa-font-size3xl)',
|
|
35
|
+
fontSize4xl: 'var(--vinyasa-font-size4xl)',
|
|
31
36
|
fontWeightRegular: 'var(--vinyasa-font-weight-regular)',
|
|
32
37
|
fontWeightMedium: 'var(--vinyasa-font-weight-medium)',
|
|
33
38
|
fontWeightSemibold: 'var(--vinyasa-font-weight-semibold)',
|
|
@@ -114,7 +119,10 @@ const fontSize = {
|
|
|
114
119
|
sm: '0.875rem',
|
|
115
120
|
md: '1rem',
|
|
116
121
|
lg: '1.125rem',
|
|
117
|
-
xl: '1.25rem'
|
|
122
|
+
xl: '1.25rem',
|
|
123
|
+
'2xl': '1.5rem',
|
|
124
|
+
'3xl': '1.875rem',
|
|
125
|
+
'4xl': '2.25rem'
|
|
118
126
|
};
|
|
119
127
|
const fontWeight = {
|
|
120
128
|
regular: '400',
|
|
@@ -177,6 +185,7 @@ const defaultTheme = {
|
|
|
177
185
|
error: red["600"],
|
|
178
186
|
onError: '#ffffff',
|
|
179
187
|
focus: blue["500"],
|
|
188
|
+
textMuted: gray["500"],
|
|
180
189
|
space1: space["1"],
|
|
181
190
|
space2: space["2"],
|
|
182
191
|
space3: space["3"],
|
|
@@ -187,6 +196,7 @@ const defaultTheme = {
|
|
|
187
196
|
radiusMd: radius.md,
|
|
188
197
|
radiusFull: radius.full,
|
|
189
198
|
borderWidthThin: borderWidth.thin,
|
|
199
|
+
borderColorDefault: gray["200"],
|
|
190
200
|
fontFamilySans: fontFamily.sans,
|
|
191
201
|
fontFamilyMono: fontFamily.mono,
|
|
192
202
|
fontSizeXs: fontSize.xs,
|
|
@@ -194,6 +204,9 @@ const defaultTheme = {
|
|
|
194
204
|
fontSizeMd: fontSize.md,
|
|
195
205
|
fontSizeLg: fontSize.lg,
|
|
196
206
|
fontSizeXl: fontSize.xl,
|
|
207
|
+
fontSize2xl: fontSize["2xl"],
|
|
208
|
+
fontSize3xl: fontSize["3xl"],
|
|
209
|
+
fontSize4xl: fontSize["4xl"],
|
|
197
210
|
fontWeightRegular: fontWeight.regular,
|
|
198
211
|
fontWeightMedium: fontWeight.medium,
|
|
199
212
|
fontWeightSemibold: fontWeight.semibold,
|
package/dist/esm/primitives.d.ts
CHANGED
|
@@ -48,6 +48,9 @@ export declare const fontSize: {
|
|
|
48
48
|
readonly md: "1rem";
|
|
49
49
|
readonly lg: "1.125rem";
|
|
50
50
|
readonly xl: "1.25rem";
|
|
51
|
+
readonly '2xl': "1.5rem";
|
|
52
|
+
readonly '3xl': "1.875rem";
|
|
53
|
+
readonly '4xl': "2.25rem";
|
|
51
54
|
};
|
|
52
55
|
export declare const fontWeight: {
|
|
53
56
|
readonly regular: "400";
|
package/dist/esm/theme.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export interface VinyasaTheme {
|
|
|
8
8
|
error: string;
|
|
9
9
|
onError: string;
|
|
10
10
|
focus: string;
|
|
11
|
+
textMuted: string;
|
|
11
12
|
space1: string;
|
|
12
13
|
space2: string;
|
|
13
14
|
space3: string;
|
|
@@ -18,6 +19,7 @@ export interface VinyasaTheme {
|
|
|
18
19
|
radiusMd: string;
|
|
19
20
|
radiusFull: string;
|
|
20
21
|
borderWidthThin: string;
|
|
22
|
+
borderColorDefault: string;
|
|
21
23
|
fontFamilySans: string;
|
|
22
24
|
fontFamilyMono: string;
|
|
23
25
|
fontSizeXs: string;
|
|
@@ -25,6 +27,9 @@ export interface VinyasaTheme {
|
|
|
25
27
|
fontSizeMd: string;
|
|
26
28
|
fontSizeLg: string;
|
|
27
29
|
fontSizeXl: string;
|
|
30
|
+
fontSize2xl: string;
|
|
31
|
+
fontSize3xl: string;
|
|
32
|
+
fontSize4xl: string;
|
|
28
33
|
fontWeightRegular: string;
|
|
29
34
|
fontWeightMedium: string;
|
|
30
35
|
fontWeightSemibold: string;
|