@signozhq/design-tokens 1.1.3 → 1.1.4
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/index.d.ts +249 -257
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,204 +1,202 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Sun, 27 Oct 2024 10:29:22 GMT
|
|
4
4
|
*/
|
|
5
5
|
export declare const Color: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
6
|
+
BG_ROBIN_100: string;
|
|
7
|
+
BG_ROBIN_200: string;
|
|
8
|
+
BG_ROBIN_300: string;
|
|
9
|
+
BG_ROBIN_400: string;
|
|
10
|
+
BG_ROBIN_500: string;
|
|
11
|
+
BG_ROBIN_600: string;
|
|
12
|
+
BG_SIENNA_100: string;
|
|
13
|
+
BG_SIENNA_200: string;
|
|
14
|
+
BG_SIENNA_300: string;
|
|
15
|
+
BG_SIENNA_400: string;
|
|
16
|
+
BG_SIENNA_500: string;
|
|
17
|
+
BG_SIENNA_600: string;
|
|
18
|
+
BG_CHERRY_100: string;
|
|
19
|
+
BG_CHERRY_200: string;
|
|
20
|
+
BG_CHERRY_300: string;
|
|
21
|
+
BG_CHERRY_400: string;
|
|
22
|
+
BG_CHERRY_500: string;
|
|
23
|
+
BG_CHERRY_600: string;
|
|
24
|
+
BG_AQUA_100: string;
|
|
25
|
+
BG_AQUA_200: string;
|
|
26
|
+
BG_AQUA_300: string;
|
|
27
|
+
BG_AQUA_400: string;
|
|
28
|
+
BG_AQUA_500: string;
|
|
29
|
+
BG_AQUA_600: string;
|
|
30
|
+
BG_SAKURA_100: string;
|
|
31
|
+
BG_SAKURA_200: string;
|
|
32
|
+
BG_SAKURA_300: string;
|
|
33
|
+
BG_SAKURA_400: string;
|
|
34
|
+
BG_SAKURA_500: string;
|
|
35
|
+
BG_SAKURA_600: string;
|
|
36
|
+
BG_AMBER_100: string;
|
|
37
|
+
BG_AMBER_200: string;
|
|
38
|
+
BG_AMBER_300: string;
|
|
39
|
+
BG_AMBER_400: string;
|
|
40
|
+
BG_AMBER_500: string;
|
|
41
|
+
BG_AMBER_600: string;
|
|
42
|
+
BG_INK_100: string;
|
|
43
|
+
BG_INK_200: string;
|
|
44
|
+
BG_INK_300: string;
|
|
45
|
+
BG_INK_400: string;
|
|
46
|
+
BG_INK_500: string;
|
|
47
|
+
BG_VANILLA_100: string;
|
|
48
|
+
BG_VANILLA_200: string;
|
|
49
|
+
BG_VANILLA_300: string;
|
|
50
|
+
BG_VANILLA_400: string;
|
|
51
|
+
BG_SLATE_50: string;
|
|
52
|
+
BG_SLATE_100: string;
|
|
53
|
+
BG_SLATE_200: string;
|
|
54
|
+
BG_SLATE_300: string;
|
|
55
|
+
BG_SLATE_400: string;
|
|
56
|
+
BG_SLATE_500: string;
|
|
57
|
+
BG_GRADIENT_CORAL: string;
|
|
58
|
+
'BG_GRADIENT_DARK-SHADOW': string;
|
|
59
|
+
BG_GRADIENT_DAWN: string;
|
|
60
|
+
BG_GRADIENT_OCEAN: string;
|
|
61
|
+
BG_GRADIENT_SPLASH: string;
|
|
62
|
+
BG_GRADIENT_FLAMINGO: string;
|
|
63
|
+
BG_FOREST_200: string;
|
|
64
|
+
BG_FOREST_300: string;
|
|
65
|
+
BG_FOREST_400: string;
|
|
66
|
+
BG_FOREST_500: string;
|
|
67
|
+
BG_FOREST_600: string;
|
|
68
|
+
TEXT_ROBIN_100: string;
|
|
69
|
+
TEXT_ROBIN_200: string;
|
|
70
|
+
TEXT_ROBIN_300: string;
|
|
71
|
+
TEXT_ROBIN_400: string;
|
|
72
|
+
TEXT_ROBIN_500: string;
|
|
73
|
+
TEXT_ROBIN_600: string;
|
|
74
|
+
TEXT_SIENNA_100: string;
|
|
75
|
+
TEXT_SIENNA_200: string;
|
|
76
|
+
TEXT_SIENNA_300: string;
|
|
77
|
+
TEXT_SIENNA_400: string;
|
|
78
|
+
TEXT_SIENNA_500: string;
|
|
79
|
+
TEXT_SIENNA_600: string;
|
|
80
|
+
TEXT_CHERRY_100: string;
|
|
81
|
+
TEXT_CHERRY_200: string;
|
|
82
|
+
TEXT_CHERRY_300: string;
|
|
83
|
+
TEXT_CHERRY_400: string;
|
|
84
|
+
TEXT_CHERRY_500: string;
|
|
85
|
+
TEXT_CHERRY_600: string;
|
|
86
|
+
TEXT_AQUA_100: string;
|
|
87
|
+
TEXT_AQUA_200: string;
|
|
88
|
+
TEXT_AQUA_300: string;
|
|
89
|
+
TEXT_AQUA_400: string;
|
|
90
|
+
TEXT_AQUA_500: string;
|
|
91
|
+
TEXT_AQUA_600: string;
|
|
92
|
+
TEXT_SAKURA_100: string;
|
|
93
|
+
TEXT_SAKURA_200: string;
|
|
94
|
+
TEXT_SAKURA_300: string;
|
|
95
|
+
TEXT_SAKURA_400: string;
|
|
96
|
+
TEXT_SAKURA_500: string;
|
|
97
|
+
TEXT_SAKURA_600: string;
|
|
98
|
+
TEXT_AMBER_100: string;
|
|
99
|
+
TEXT_AMBER_200: string;
|
|
100
|
+
TEXT_AMBER_300: string;
|
|
101
|
+
TEXT_AMBER_400: string;
|
|
102
|
+
TEXT_AMBER_500: string;
|
|
103
|
+
TEXT_AMBER_600: string;
|
|
104
|
+
TEXT_INK_100: string;
|
|
105
|
+
TEXT_INK_200: string;
|
|
106
|
+
TEXT_INK_300: string;
|
|
107
|
+
TEXT_INK_400: string;
|
|
108
|
+
TEXT_INK_500: string;
|
|
109
|
+
TEXT_VANILLA_100: string;
|
|
110
|
+
TEXT_VANILLA_200: string;
|
|
111
|
+
TEXT_VANILLA_300: string;
|
|
112
|
+
TEXT_VANILLA_400: string;
|
|
113
|
+
TEXT_SLATE_200: string;
|
|
114
|
+
TEXT_SLATE_300: string;
|
|
115
|
+
TEXT_SLATE_400: string;
|
|
116
|
+
TEXT_SLATE_500: string;
|
|
117
|
+
TEXT_GRADIENT_CORAL: string;
|
|
118
|
+
'TEXT_GRADIENT_DARK-SHADOW': string;
|
|
119
|
+
TEXT_GRADIENT_DAWN: string;
|
|
120
|
+
TEXT_GRADIENT_OCEAN: string;
|
|
121
|
+
TEXT_GRADIENT_SPLASH: string;
|
|
122
|
+
TEXT_GRADIENT_FLAMINGO: string;
|
|
123
|
+
TEXT_FOREST_200: string;
|
|
124
|
+
TEXT_FOREST_300: string;
|
|
125
|
+
TEXT_FOREST_400: string;
|
|
126
|
+
TEXT_FOREST_500: string;
|
|
127
|
+
TEXT_FOREST_600: string;
|
|
128
128
|
};
|
|
129
129
|
|
|
130
130
|
/**
|
|
131
131
|
* Do not edit directly
|
|
132
|
-
* Generated on
|
|
132
|
+
* Generated on Sun, 27 Oct 2024 10:29:22 GMT
|
|
133
133
|
*/
|
|
134
134
|
export declare const ColorTailwind: {
|
|
135
|
-
|
|
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
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
135
|
+
'robin-100': string;
|
|
136
|
+
'robin-200': string;
|
|
137
|
+
'robin-300': string;
|
|
138
|
+
'robin-400': string;
|
|
139
|
+
'robin-500': string;
|
|
140
|
+
'robin-600': string;
|
|
141
|
+
'sienna-100': string;
|
|
142
|
+
'sienna-200': string;
|
|
143
|
+
'sienna-300': string;
|
|
144
|
+
'sienna-400': string;
|
|
145
|
+
'sienna-500': string;
|
|
146
|
+
'sienna-600': string;
|
|
147
|
+
'cherry-100': string;
|
|
148
|
+
'cherry-200': string;
|
|
149
|
+
'cherry-300': string;
|
|
150
|
+
'cherry-400': string;
|
|
151
|
+
'cherry-500': string;
|
|
152
|
+
'cherry-600': string;
|
|
153
|
+
'aqua-100': string;
|
|
154
|
+
'aqua-200': string;
|
|
155
|
+
'aqua-300': string;
|
|
156
|
+
'aqua-400': string;
|
|
157
|
+
'aqua-500': string;
|
|
158
|
+
'aqua-600': string;
|
|
159
|
+
'sakura-100': string;
|
|
160
|
+
'sakura-200': string;
|
|
161
|
+
'sakura-300': string;
|
|
162
|
+
'sakura-400': string;
|
|
163
|
+
'sakura-500': string;
|
|
164
|
+
'sakura-600': string;
|
|
165
|
+
'amber-100': string;
|
|
166
|
+
'amber-200': string;
|
|
167
|
+
'amber-300': string;
|
|
168
|
+
'amber-400': string;
|
|
169
|
+
'amber-500': string;
|
|
170
|
+
'amber-600': string;
|
|
171
|
+
'ink-100': string;
|
|
172
|
+
'ink-200': string;
|
|
173
|
+
'ink-300': string;
|
|
174
|
+
'ink-400': string;
|
|
175
|
+
'ink-500': string;
|
|
176
|
+
'vanilla-100': string;
|
|
177
|
+
'vanilla-200': string;
|
|
178
|
+
'vanilla-300': string;
|
|
179
|
+
'vanilla-400': string;
|
|
180
|
+
'slate-50': string;
|
|
181
|
+
'slate-100': string;
|
|
182
|
+
'slate-200': string;
|
|
183
|
+
'slate-300': string;
|
|
184
|
+
'slate-400': string;
|
|
185
|
+
'slate-500': string;
|
|
186
|
+
'gradient-coral': string;
|
|
187
|
+
'gradient-dark-shadow': string;
|
|
188
|
+
'gradient-dawn': string;
|
|
189
|
+
'gradient-ocean': string;
|
|
190
|
+
'gradient-splash': string;
|
|
191
|
+
'gradient-flamingo': string;
|
|
192
|
+
'forest-200': string;
|
|
193
|
+
'forest-300': string;
|
|
194
|
+
'forest-400': string;
|
|
195
|
+
'forest-500': string;
|
|
196
|
+
'forest-600': string;
|
|
197
197
|
};
|
|
198
198
|
|
|
199
|
-
export declare type ColorTailwindType =
|
|
200
|
-
[key: string]: string;
|
|
201
|
-
};
|
|
199
|
+
export declare type ColorTailwindType = (typeof ColorTailwind)[keyof typeof ColorTailwind];
|
|
202
200
|
|
|
203
201
|
export declare const colorTokens: {
|
|
204
202
|
"bg": {
|
|
@@ -739,51 +737,49 @@ export declare const colorTokens: {
|
|
|
739
737
|
}
|
|
740
738
|
};
|
|
741
739
|
|
|
742
|
-
export declare type ColorType =
|
|
743
|
-
[key: string]: string;
|
|
744
|
-
};
|
|
740
|
+
export declare type ColorType = (typeof Color)[keyof typeof Color];
|
|
745
741
|
|
|
746
742
|
/**
|
|
747
743
|
* Do not edit directly
|
|
748
|
-
* Generated on
|
|
744
|
+
* Generated on Sun, 27 Oct 2024 10:29:22 GMT
|
|
749
745
|
*/
|
|
750
746
|
export declare const Spacing: {
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
747
|
+
PADDING_1: string;
|
|
748
|
+
PADDING_2: string;
|
|
749
|
+
PADDING_3: string;
|
|
750
|
+
PADDING_4: string;
|
|
751
|
+
PADDING_5: string;
|
|
752
|
+
PADDING_6: string;
|
|
753
|
+
PADDING_7: string;
|
|
754
|
+
PADDING_8: string;
|
|
755
|
+
PADDING_10: string;
|
|
756
|
+
PADDING_12: string;
|
|
757
|
+
PADDING_16: string;
|
|
758
|
+
PADDING_20: string;
|
|
759
|
+
PADDING_24: string;
|
|
760
|
+
PADDING_32: string;
|
|
761
|
+
PADDING_40: string;
|
|
762
|
+
PADDING_48: string;
|
|
763
|
+
PADDING_56: string;
|
|
764
|
+
PADDING_64: string;
|
|
765
|
+
MARGIN_1: string;
|
|
766
|
+
MARGIN_2: string;
|
|
767
|
+
MARGIN_3: string;
|
|
768
|
+
MARGIN_4: string;
|
|
769
|
+
MARGIN_5: string;
|
|
770
|
+
MARGIN_6: string;
|
|
771
|
+
MARGIN_7: string;
|
|
772
|
+
MARGIN_8: string;
|
|
773
|
+
MARGIN_10: string;
|
|
774
|
+
MARGIN_12: string;
|
|
775
|
+
MARGIN_16: string;
|
|
776
|
+
MARGIN_20: string;
|
|
777
|
+
MARGIN_24: string;
|
|
778
|
+
MARGIN_32: string;
|
|
779
|
+
MARGIN_40: string;
|
|
780
|
+
MARGIN_48: string;
|
|
781
|
+
MARGIN_56: string;
|
|
782
|
+
MARGIN_64: string;
|
|
787
783
|
};
|
|
788
784
|
|
|
789
785
|
export declare const spacingTokens: {
|
|
@@ -937,36 +933,34 @@ export declare const spacingTokens: {
|
|
|
937
933
|
}
|
|
938
934
|
};
|
|
939
935
|
|
|
940
|
-
export declare type SpacingType =
|
|
941
|
-
[key: string]: string;
|
|
942
|
-
};
|
|
936
|
+
export declare type SpacingType = (typeof Spacing)[keyof typeof Spacing];
|
|
943
937
|
|
|
944
938
|
/**
|
|
945
939
|
* Do not edit directly
|
|
946
|
-
* Generated on
|
|
940
|
+
* Generated on Sun, 27 Oct 2024 10:29:22 GMT
|
|
947
941
|
*/
|
|
948
942
|
export declare const Typography: {
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
943
|
+
FONTSIZE_XS: string;
|
|
944
|
+
FONTSIZE_SM: string;
|
|
945
|
+
FONTSIZE_LG: string;
|
|
946
|
+
FONTSIZE_XL: string;
|
|
947
|
+
FONTSIZE_2XL: string;
|
|
948
|
+
FONTSIZE_3XL: string;
|
|
949
|
+
FONTSIZE_4XL: string;
|
|
950
|
+
FONTSIZE_5XL: string;
|
|
951
|
+
FONTSIZE_6XL: string;
|
|
952
|
+
FONTSIZE_7XL: string;
|
|
953
|
+
FONTSIZE_8XL: string;
|
|
954
|
+
FONTSIZE_9XL: string;
|
|
955
|
+
FONTWEIGHT_THIN: string;
|
|
956
|
+
FONTWEIGHT_EXTRALIGHT: string;
|
|
957
|
+
FONTWEIGHT_LIGHT: string;
|
|
958
|
+
FONTWEIGHT_NORMAL: string;
|
|
959
|
+
FONTWEIGHT_MEDIUM: string;
|
|
960
|
+
FONTWEIGHT_SEMIBOLD: string;
|
|
961
|
+
FONTWEIGHT_BOLD: string;
|
|
962
|
+
FONTWEIGHT_EXTRABOLD: string;
|
|
963
|
+
FONTWEIGHT_BLACK: string;
|
|
970
964
|
};
|
|
971
965
|
|
|
972
966
|
export declare const typographyTokens: {
|
|
@@ -1060,8 +1054,6 @@ export declare const typographyTokens: {
|
|
|
1060
1054
|
}
|
|
1061
1055
|
};
|
|
1062
1056
|
|
|
1063
|
-
export declare type TypographyType =
|
|
1064
|
-
[key: string]: string;
|
|
1065
|
-
};
|
|
1057
|
+
export declare type TypographyType = (typeof Typography)[keyof typeof Typography];
|
|
1066
1058
|
|
|
1067
1059
|
export { }
|