@vinyasa/tokens 1.0.28 → 2.0.2
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/README.md +176 -43
- package/dist/cjs/index.cjs +250 -298
- package/dist/esm/VinyasaProvider.d.ts +5 -2
- package/dist/esm/border.d.ts +4 -0
- package/dist/esm/brands.d.ts +20 -0
- package/dist/esm/contract.css.d.ts +5 -0
- package/dist/esm/density.d.ts +1 -1
- package/dist/esm/focus-ring.d.ts +1 -0
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +240 -252
- package/dist/esm/radius.d.ts +7 -0
- package/dist/esm/shadow.d.ts +3 -0
- package/dist/esm/spacing.d.ts +10 -0
- package/dist/esm/themes/base.d.ts +13 -3
- package/dist/esm/themes.d.ts +1 -1
- package/dist/esm/use-assert-vinyasa-provider.d.ts +1 -0
- package/dist/esm/use-themed-ref.d.ts +1 -0
- package/dist/esm/vinyasa-provider.d.ts +1 -0
- package/package.json +1 -1
- package/dist/esm/primitives.d.ts +0 -107
- package/dist/esm/themes/orange.d.ts +0 -3
|
@@ -25,10 +25,15 @@ export interface VinyasaTheme {
|
|
|
25
25
|
space4: string;
|
|
26
26
|
space5: string;
|
|
27
27
|
space6: string;
|
|
28
|
+
space7: string;
|
|
29
|
+
space8: string;
|
|
30
|
+
radiusXs: string;
|
|
28
31
|
radiusSm: string;
|
|
29
32
|
radiusMd: string;
|
|
33
|
+
radiusLg: string;
|
|
30
34
|
radiusFull: string;
|
|
31
35
|
borderWidthThin: string;
|
|
36
|
+
borderWidthThick: string;
|
|
32
37
|
borderColorDefault: string;
|
|
33
38
|
fontFamilySans: string;
|
|
34
39
|
fontFamilyMono: string;
|
|
@@ -80,14 +85,19 @@ export interface VinyasaTheme {
|
|
|
80
85
|
export declare const base: {
|
|
81
86
|
readonly space1: "0.25rem";
|
|
82
87
|
readonly space2: "0.5rem";
|
|
83
|
-
readonly space3: "0.
|
|
88
|
+
readonly space3: "0.75rem";
|
|
84
89
|
readonly space4: "1rem";
|
|
85
|
-
readonly space5: "1.
|
|
86
|
-
readonly space6: "
|
|
90
|
+
readonly space5: "1.5rem";
|
|
91
|
+
readonly space6: "2rem";
|
|
92
|
+
readonly space7: "3rem";
|
|
93
|
+
readonly space8: "4rem";
|
|
94
|
+
readonly radiusXs: "0.125rem";
|
|
87
95
|
readonly radiusSm: "0.25rem";
|
|
88
96
|
readonly radiusMd: "0.5rem";
|
|
97
|
+
readonly radiusLg: "0.75rem";
|
|
89
98
|
readonly radiusFull: "9999px";
|
|
90
99
|
readonly borderWidthThin: "1px";
|
|
100
|
+
readonly borderWidthThick: "2px";
|
|
91
101
|
readonly fontFamilySans: "'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
|
|
92
102
|
readonly fontFamilyMono: "'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace";
|
|
93
103
|
readonly fontSizeXs: "0.75rem";
|
package/dist/esm/themes.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { VinyasaTheme } from './themes/base';
|
|
2
|
-
export type ColorScheme = 'light' | 'dark'
|
|
2
|
+
export type ColorScheme = 'light' | 'dark';
|
|
3
3
|
export type Contrast = 'normal' | 'high';
|
|
4
4
|
export declare const resolveBaseTheme: (colorScheme: ColorScheme, contrast: Contrast) => VinyasaTheme;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useAssertVinyasaProvider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useThemedRef';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './VinyasaProvider';
|
package/package.json
CHANGED
package/dist/esm/primitives.d.ts
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
export declare const dusk: {
|
|
2
|
-
readonly tint: "#EEE9F9";
|
|
3
|
-
readonly 600: "#4B2E8C";
|
|
4
|
-
readonly 700: "#37206B";
|
|
5
|
-
readonly onDusk: "#FFFFFF";
|
|
6
|
-
};
|
|
7
|
-
export declare const moss: {
|
|
8
|
-
readonly tint: "#E4EEE8";
|
|
9
|
-
readonly 700: "#3F6650";
|
|
10
|
-
readonly 800: "#3B604B";
|
|
11
|
-
readonly 900: "#385B47";
|
|
12
|
-
};
|
|
13
|
-
export declare const ember: {
|
|
14
|
-
readonly tint: "#F7E7E1";
|
|
15
|
-
readonly 600: "#A64B2A";
|
|
16
|
-
readonly 700: "#8E4024";
|
|
17
|
-
readonly 800: "#863C22";
|
|
18
|
-
readonly onEmber: "#FFFFFF";
|
|
19
|
-
};
|
|
20
|
-
export declare const saffron: {
|
|
21
|
-
readonly tint: "#F5EBDD";
|
|
22
|
-
readonly 700: "#A15C1F";
|
|
23
|
-
readonly 800: "#834B19";
|
|
24
|
-
readonly 900: "#7C4717";
|
|
25
|
-
};
|
|
26
|
-
export declare const sunriseDark: {
|
|
27
|
-
readonly tint: "#3D2113";
|
|
28
|
-
readonly 600: "#FF8354";
|
|
29
|
-
readonly 700: "#FFA47C";
|
|
30
|
-
readonly onSunrise: "#200E05";
|
|
31
|
-
};
|
|
32
|
-
export declare const space: {
|
|
33
|
-
readonly 1: "0.25rem";
|
|
34
|
-
readonly 2: "0.5rem";
|
|
35
|
-
readonly 3: "0.625rem";
|
|
36
|
-
readonly 4: "1rem";
|
|
37
|
-
readonly 5: "1.25rem";
|
|
38
|
-
readonly 6: "1.5rem";
|
|
39
|
-
};
|
|
40
|
-
export declare const radius: {
|
|
41
|
-
readonly sm: "0.25rem";
|
|
42
|
-
readonly md: "0.5rem";
|
|
43
|
-
readonly full: "9999px";
|
|
44
|
-
};
|
|
45
|
-
export declare const borderWidth: {
|
|
46
|
-
readonly thin: "1px";
|
|
47
|
-
};
|
|
48
|
-
export declare const fontFamily: {
|
|
49
|
-
readonly sans: "'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
|
|
50
|
-
readonly mono: "'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace";
|
|
51
|
-
};
|
|
52
|
-
export declare const fontSize: {
|
|
53
|
-
readonly xs: "0.75rem";
|
|
54
|
-
readonly sm: "0.875rem";
|
|
55
|
-
readonly md: "1rem";
|
|
56
|
-
readonly lg: "1.125rem";
|
|
57
|
-
readonly xl: "1.25rem";
|
|
58
|
-
readonly '2xl': "1.5rem";
|
|
59
|
-
readonly '3xl': "1.875rem";
|
|
60
|
-
readonly '4xl': "2.25rem";
|
|
61
|
-
};
|
|
62
|
-
export declare const fontWeight: {
|
|
63
|
-
readonly regular: "400";
|
|
64
|
-
readonly medium: "500";
|
|
65
|
-
readonly semibold: "600";
|
|
66
|
-
readonly bold: "700";
|
|
67
|
-
};
|
|
68
|
-
export declare const letterSpacing: {
|
|
69
|
-
readonly tight: "-0.01em";
|
|
70
|
-
readonly normal: "0";
|
|
71
|
-
readonly wide: "0.02em";
|
|
72
|
-
};
|
|
73
|
-
export declare const lineHeight: {
|
|
74
|
-
readonly tight: "1";
|
|
75
|
-
readonly normal: "1.5";
|
|
76
|
-
readonly loose: "1.75";
|
|
77
|
-
};
|
|
78
|
-
export declare const motion: {
|
|
79
|
-
readonly durationInstant: "100ms";
|
|
80
|
-
readonly durationFast: "150ms";
|
|
81
|
-
readonly durationNormal: "250ms";
|
|
82
|
-
readonly durationSlow: "400ms";
|
|
83
|
-
readonly easingStandard: "ease";
|
|
84
|
-
readonly easingIn: "ease-in";
|
|
85
|
-
readonly easingOut: "ease-out";
|
|
86
|
-
readonly easingInOut: "ease-in-out";
|
|
87
|
-
};
|
|
88
|
-
export declare const focusRing: {
|
|
89
|
-
readonly width: "2px";
|
|
90
|
-
readonly offset: "2px";
|
|
91
|
-
};
|
|
92
|
-
export declare const opacity: {
|
|
93
|
-
readonly disabled: "0.5";
|
|
94
|
-
readonly hover: "0.92";
|
|
95
|
-
};
|
|
96
|
-
export declare const blur: {
|
|
97
|
-
readonly sm: "4px";
|
|
98
|
-
readonly md: "8px";
|
|
99
|
-
readonly lg: "16px";
|
|
100
|
-
};
|
|
101
|
-
export declare const zIndex: {
|
|
102
|
-
readonly dropdown: "1000";
|
|
103
|
-
readonly overlay: "1100";
|
|
104
|
-
readonly modal: "1200";
|
|
105
|
-
readonly toast: "1300";
|
|
106
|
-
readonly tooltip: "1400";
|
|
107
|
-
};
|