@signozhq/design-tokens 1.1.2 → 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.
Files changed (3) hide show
  1. package/dist/index.d.ts +249 -257
  2. package/dist/style.css +1 -0
  3. package/package.json +3 -1
package/dist/index.d.ts CHANGED
@@ -1,204 +1,202 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 16:48:37 GMT
3
+ * Generated on Sun, 27 Oct 2024 10:29:22 GMT
4
4
  */
5
5
  export declare const Color: {
6
- readonly BG_ROBIN_100: "#CAD5FD";
7
- readonly BG_ROBIN_200: "#B8C7FC";
8
- readonly BG_ROBIN_300: "#95ACFB";
9
- readonly BG_ROBIN_400: "#7190F9";
10
- readonly BG_ROBIN_500: "#4E74F8";
11
- readonly BG_ROBIN_600: "#3F5ECC";
12
- readonly BG_SIENNA_100: "#E6D9CD";
13
- readonly BG_SIENNA_200: "#DECCBC";
14
- readonly BG_SIENNA_300: "#CEB29B";
15
- readonly BG_SIENNA_400: "#BD9979";
16
- readonly BG_SIENNA_500: "#AD7F58";
17
- readonly BG_SIENNA_600: "#8A6646";
18
- readonly BG_CHERRY_100: "#FADADB";
19
- readonly BG_CHERRY_200: "#F7C8CA";
20
- readonly BG_CHERRY_300: "#F5B6B8";
21
- readonly BG_CHERRY_400: "#EA6D71";
22
- readonly BG_CHERRY_500: "#E5484D";
23
- readonly BG_CHERRY_600: "#B83A3E";
24
- readonly BG_AQUA_100: "#C1EEFD";
25
- readonly BG_AQUA_200: "#9AE4FC";
26
- readonly BG_AQUA_300: "#72D9FB";
27
- readonly BG_AQUA_400: "#4BCFF9";
28
- readonly BG_AQUA_500: "#23C4F8";
29
- readonly BG_AQUA_600: "#07AFE6";
30
- readonly BG_SAKURA_100: "#FBC8D2";
31
- readonly BG_SAKURA_200: "#FAB5C3";
32
- readonly BG_SAKURA_300: "#F791A5";
33
- readonly BG_SAKURA_400: "#F56C87";
34
- readonly BG_SAKURA_500: "#F24769";
35
- readonly BG_SAKURA_600: "#C53955";
36
- readonly BG_AMBER_100: "#FFF0CC";
37
- readonly BG_AMBER_200: "#FFEBBB";
38
- readonly BG_AMBER_300: "#FFE19A";
39
- readonly BG_AMBER_400: "#FFD778";
40
- readonly BG_AMBER_500: "#FFCD56";
41
- readonly BG_AMBER_600: "#D5AA45";
42
- readonly BG_INK_100: "#2A2E37";
43
- readonly BG_INK_200: "#23262E";
44
- readonly BG_INK_300: "#16181D";
45
- readonly BG_INK_400: "#121317";
46
- readonly BG_INK_500: "#0B0C0E";
47
- readonly BG_VANILLA_100: "#FFFFFF";
48
- readonly BG_VANILLA_200: "#F5F5F5";
49
- readonly BG_VANILLA_300: "#E9E9E9";
50
- readonly BG_VANILLA_400: "#C0C1C3";
51
- readonly BG_SLATE_50: "#62687C";
52
- readonly BG_SLATE_100: "#3C4152";
53
- readonly BG_SLATE_200: "#2C3140";
54
- readonly BG_SLATE_300: "#242834";
55
- readonly BG_SLATE_400: "#1D212D";
56
- readonly BG_SLATE_500: "#161922";
57
- readonly BG_GRADIENT_CORAL: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)";
58
- readonly 'BG_GRADIENT_DARK-SHADOW': "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)";
59
- readonly BG_GRADIENT_DAWN: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)";
60
- readonly BG_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)";
61
- readonly BG_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)";
62
- readonly BG_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)";
63
- readonly BG_FOREST_200: "#A8F3D3";
64
- readonly BG_FOREST_300: "#7CEDBE";
65
- readonly BG_FOREST_400: "#51E7A8";
66
- readonly BG_FOREST_500: "#25E192";
67
- readonly BG_FOREST_600: "#1EB475";
68
- readonly TEXT_ROBIN_100: "#CAD5FD";
69
- readonly TEXT_ROBIN_200: "#B8C7FC";
70
- readonly TEXT_ROBIN_300: "#95ACFB";
71
- readonly TEXT_ROBIN_400: "#7190F9";
72
- readonly TEXT_ROBIN_500: "#4E74F8";
73
- readonly TEXT_ROBIN_600: "#3F5ECC";
74
- readonly TEXT_SIENNA_100: "#E6D9CD";
75
- readonly TEXT_SIENNA_200: "#DECCBC";
76
- readonly TEXT_SIENNA_300: "#CEB29B";
77
- readonly TEXT_SIENNA_400: "#BD9979";
78
- readonly TEXT_SIENNA_500: "#AD7F58";
79
- readonly TEXT_SIENNA_600: "#8A6646";
80
- readonly TEXT_CHERRY_100: "#FADADB";
81
- readonly TEXT_CHERRY_200: "#F7C8CA";
82
- readonly TEXT_CHERRY_300: "#F5B6B8";
83
- readonly TEXT_CHERRY_400: "#EA6D71";
84
- readonly TEXT_CHERRY_500: "#E5484D";
85
- readonly TEXT_CHERRY_600: "#B83A3E";
86
- readonly TEXT_AQUA_100: "#C1EEFD";
87
- readonly TEXT_AQUA_200: "#9AE4FC";
88
- readonly TEXT_AQUA_300: "#72D9FB";
89
- readonly TEXT_AQUA_400: "#4BCFF9";
90
- readonly TEXT_AQUA_500: "#23C4F8";
91
- readonly TEXT_AQUA_600: "#07AFE6";
92
- readonly TEXT_SAKURA_100: "#FBC8D2";
93
- readonly TEXT_SAKURA_200: "#FAB5C3";
94
- readonly TEXT_SAKURA_300: "#F791A5";
95
- readonly TEXT_SAKURA_400: "#F56C87";
96
- readonly TEXT_SAKURA_500: "#F24769";
97
- readonly TEXT_SAKURA_600: "#C53955";
98
- readonly TEXT_AMBER_100: "#FFF0CC";
99
- readonly TEXT_AMBER_200: "#FFEBBB";
100
- readonly TEXT_AMBER_300: "#FFE19A";
101
- readonly TEXT_AMBER_400: "#FFD778";
102
- readonly TEXT_AMBER_500: "#FFCD56";
103
- readonly TEXT_AMBER_600: "#D5AA45";
104
- readonly TEXT_INK_100: "#2A2E37";
105
- readonly TEXT_INK_200: "#23262E";
106
- readonly TEXT_INK_300: "#16181D";
107
- readonly TEXT_INK_400: "#121317";
108
- readonly TEXT_INK_500: "#0B0C0E";
109
- readonly TEXT_VANILLA_100: "#FFFFFF";
110
- readonly TEXT_VANILLA_200: "#F5F5F5";
111
- readonly TEXT_VANILLA_300: "#E9E9E9";
112
- readonly TEXT_VANILLA_400: "#C0C1C3";
113
- readonly TEXT_SLATE_200: "#2C3140";
114
- readonly TEXT_SLATE_300: "#242834";
115
- readonly TEXT_SLATE_400: "#1D212D";
116
- readonly TEXT_SLATE_500: "#161922";
117
- readonly TEXT_GRADIENT_CORAL: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)";
118
- readonly 'TEXT_GRADIENT_DARK-SHADOW': "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)";
119
- readonly TEXT_GRADIENT_DAWN: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)";
120
- readonly TEXT_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)";
121
- readonly TEXT_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)";
122
- readonly TEXT_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)";
123
- readonly TEXT_FOREST_200: "#A8F3D3";
124
- readonly TEXT_FOREST_300: "#7CEDBE";
125
- readonly TEXT_FOREST_400: "#51E7A8";
126
- readonly TEXT_FOREST_500: "#25E192";
127
- readonly TEXT_FOREST_600: "#1EB475";
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 Wed, 09 Oct 2024 16:48:37 GMT
132
+ * Generated on Sun, 27 Oct 2024 10:29:22 GMT
133
133
  */
134
134
  export declare const ColorTailwind: {
135
- readonly 'robin-100': "#CAD5FD";
136
- readonly 'robin-200': "#B8C7FC";
137
- readonly 'robin-300': "#95ACFB";
138
- readonly 'robin-400': "#7190F9";
139
- readonly 'robin-500': "#4E74F8";
140
- readonly 'robin-600': "#3F5ECC";
141
- readonly 'sienna-100': "#E6D9CD";
142
- readonly 'sienna-200': "#DECCBC";
143
- readonly 'sienna-300': "#CEB29B";
144
- readonly 'sienna-400': "#BD9979";
145
- readonly 'sienna-500': "#AD7F58";
146
- readonly 'sienna-600': "#8A6646";
147
- readonly 'cherry-100': "#FADADB";
148
- readonly 'cherry-200': "#F7C8CA";
149
- readonly 'cherry-300': "#F5B6B8";
150
- readonly 'cherry-400': "#EA6D71";
151
- readonly 'cherry-500': "#E5484D";
152
- readonly 'cherry-600': "#B83A3E";
153
- readonly 'aqua-100': "#C1EEFD";
154
- readonly 'aqua-200': "#9AE4FC";
155
- readonly 'aqua-300': "#72D9FB";
156
- readonly 'aqua-400': "#4BCFF9";
157
- readonly 'aqua-500': "#23C4F8";
158
- readonly 'aqua-600': "#07AFE6";
159
- readonly 'sakura-100': "#FBC8D2";
160
- readonly 'sakura-200': "#FAB5C3";
161
- readonly 'sakura-300': "#F791A5";
162
- readonly 'sakura-400': "#F56C87";
163
- readonly 'sakura-500': "#F24769";
164
- readonly 'sakura-600': "#C53955";
165
- readonly 'amber-100': "#FFF0CC";
166
- readonly 'amber-200': "#FFEBBB";
167
- readonly 'amber-300': "#FFE19A";
168
- readonly 'amber-400': "#FFD778";
169
- readonly 'amber-500': "#FFCD56";
170
- readonly 'amber-600': "#D5AA45";
171
- readonly 'ink-100': "#2A2E37";
172
- readonly 'ink-200': "#23262E";
173
- readonly 'ink-300': "#16181D";
174
- readonly 'ink-400': "#121317";
175
- readonly 'ink-500': "#0B0C0E";
176
- readonly 'vanilla-100': "#FFFFFF";
177
- readonly 'vanilla-200': "#F5F5F5";
178
- readonly 'vanilla-300': "#E9E9E9";
179
- readonly 'vanilla-400': "#C0C1C3";
180
- readonly 'slate-50': "#62687C";
181
- readonly 'slate-100': "#3C4152";
182
- readonly 'slate-200': "#2C3140";
183
- readonly 'slate-300': "#242834";
184
- readonly 'slate-400': "#1D212D";
185
- readonly 'slate-500': "#161922";
186
- readonly 'gradient-coral': "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)";
187
- readonly 'gradient-dark-shadow': "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)";
188
- readonly 'gradient-dawn': "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)";
189
- readonly 'gradient-ocean': "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)";
190
- readonly 'gradient-splash': "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)";
191
- readonly 'gradient-flamingo': "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)";
192
- readonly 'forest-200': "#A8F3D3";
193
- readonly 'forest-300': "#7CEDBE";
194
- readonly 'forest-400': "#51E7A8";
195
- readonly 'forest-500': "#25E192";
196
- readonly 'forest-600': "#1EB475";
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 Wed, 09 Oct 2024 16:48:37 GMT
744
+ * Generated on Sun, 27 Oct 2024 10:29:22 GMT
749
745
  */
750
746
  export declare const Spacing: {
751
- readonly PADDING_1: "0.25rem";
752
- readonly PADDING_2: "0.5rem";
753
- readonly PADDING_3: "0.75rem";
754
- readonly PADDING_4: "1rem";
755
- readonly PADDING_5: "1.25rem";
756
- readonly PADDING_6: "1.5rem";
757
- readonly PADDING_7: "1.75rem";
758
- readonly PADDING_8: "2rem";
759
- readonly PADDING_10: "2.5rem";
760
- readonly PADDING_12: "3rem";
761
- readonly PADDING_16: "4rem";
762
- readonly PADDING_20: "5rem";
763
- readonly PADDING_24: "6rem";
764
- readonly PADDING_32: "8rem";
765
- readonly PADDING_40: "10rem";
766
- readonly PADDING_48: "12rem";
767
- readonly PADDING_56: "14rem";
768
- readonly PADDING_64: "16rem";
769
- readonly MARGIN_1: "0.25rem";
770
- readonly MARGIN_2: "0.5rem";
771
- readonly MARGIN_3: "0.75rem";
772
- readonly MARGIN_4: "1rem";
773
- readonly MARGIN_5: "1.25rem";
774
- readonly MARGIN_6: "1.5rem";
775
- readonly MARGIN_7: "1.75rem";
776
- readonly MARGIN_8: "2rem";
777
- readonly MARGIN_10: "2.5rem";
778
- readonly MARGIN_12: "3rem";
779
- readonly MARGIN_16: "4rem";
780
- readonly MARGIN_20: "5rem";
781
- readonly MARGIN_24: "6rem";
782
- readonly MARGIN_32: "8rem";
783
- readonly MARGIN_40: "10rem";
784
- readonly MARGIN_48: "12rem";
785
- readonly MARGIN_56: "14rem";
786
- readonly MARGIN_64: "16rem";
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 Wed, 09 Oct 2024 16:48:37 GMT
940
+ * Generated on Sun, 27 Oct 2024 10:29:22 GMT
947
941
  */
948
942
  export declare const Typography: {
949
- readonly FONTSIZE_XS: "0.75rem";
950
- readonly FONTSIZE_SM: "0.875rem";
951
- readonly FONTSIZE_LG: "1.125rem";
952
- readonly FONTSIZE_XL: "1.25rem";
953
- readonly FONTSIZE_2XL: "1.5rem";
954
- readonly FONTSIZE_3XL: "1.875rem";
955
- readonly FONTSIZE_4XL: "2.25rem";
956
- readonly FONTSIZE_5XL: "3rem";
957
- readonly FONTSIZE_6XL: "3.75rem";
958
- readonly FONTSIZE_7XL: "4.5rem";
959
- readonly FONTSIZE_8XL: "6rem";
960
- readonly FONTSIZE_9XL: "8rem";
961
- readonly FONTWEIGHT_THIN: "100";
962
- readonly FONTWEIGHT_EXTRALIGHT: "200";
963
- readonly FONTWEIGHT_LIGHT: "300";
964
- readonly FONTWEIGHT_NORMAL: "400";
965
- readonly FONTWEIGHT_MEDIUM: "500";
966
- readonly FONTWEIGHT_SEMIBOLD: "600";
967
- readonly FONTWEIGHT_BOLD: "700";
968
- readonly FONTWEIGHT_EXTRABOLD: "800";
969
- readonly FONTWEIGHT_BLACK: "900";
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 { }
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ :root{--bg-robin-100:#cad5fd;--bg-robin-200:#b8c7fc;--bg-robin-300:#95acfb;--bg-robin-400:#7190f9;--bg-robin-500:#4e74f8;--bg-robin-600:#3f5ecc;--bg-sienna-100:#e6d9cd;--bg-sienna-200:#deccbc;--bg-sienna-300:#ceb29b;--bg-sienna-400:#bd9979;--bg-sienna-500:#ad7f58;--bg-sienna-600:#8a6646;--bg-cherry-100:#fadadb;--bg-cherry-200:#f7c8ca;--bg-cherry-300:#f5b6b8;--bg-cherry-400:#ea6d71;--bg-cherry-500:#e5484d;--bg-cherry-600:#b83a3e;--bg-aqua-100:#c1eefd;--bg-aqua-200:#9ae4fc;--bg-aqua-300:#72d9fb;--bg-aqua-400:#4bcff9;--bg-aqua-500:#23c4f8;--bg-aqua-600:#07afe6;--bg-sakura-100:#fbc8d2;--bg-sakura-200:#fab5c3;--bg-sakura-300:#f791a5;--bg-sakura-400:#f56c87;--bg-sakura-500:#f24769;--bg-sakura-600:#c53955;--bg-amber-100:#fff0cc;--bg-amber-200:#ffebbb;--bg-amber-300:#ffe19a;--bg-amber-400:#ffd778;--bg-amber-500:#ffcd56;--bg-amber-600:#d5aa45;--bg-ink-100:#2a2e37;--bg-ink-200:#23262e;--bg-ink-300:#16181d;--bg-ink-400:#121317;--bg-ink-500:#0b0c0e;--bg-vanilla-100:#fff;--bg-vanilla-200:#f5f5f5;--bg-vanilla-300:#e9e9e9;--bg-vanilla-400:#c0c1c3;--bg-slate-50:#62687c;--bg-slate-100:#3c4152;--bg-slate-200:#2c3140;--bg-slate-300:#242834;--bg-slate-400:#1d212d;--bg-slate-500:#161922;--bg-gradient-coral:linear-gradient(114deg,#ed6d68 14.99%,#fca083 77.27%);--bg-gradient-dark-shadow:linear-gradient(139deg,rgba(18,19,23,.8),rgba(18,19,23,.9) 98.68%);--bg-gradient-dawn:linear-gradient(99deg,#7a97fa 4.42%,#f977ff 96.6%);--bg-gradient-ocean:linear-gradient(99deg,#48f8cf 4.42%,#28cbf3 96.6%);--bg-gradient-splash:linear-gradient(99deg,#4568dc 4.42%,#324daa 96.6%);--bg-gradient-flamingo:linear-gradient(92deg,#ca9cd0 1.36%,#d38972 68.48%,#a1b1e7 98.99%);--bg-forest-200:#a8f3d3;--bg-forest-300:#7cedbe;--bg-forest-400:#51e7a8;--bg-forest-500:#25e192;--bg-forest-600:#1eb475;--text-robin-100:#cad5fd;--text-robin-200:#b8c7fc;--text-robin-300:#95acfb;--text-robin-400:#7190f9;--text-robin-500:#4e74f8;--text-robin-600:#3f5ecc;--text-sienna-100:#e6d9cd;--text-sienna-200:#deccbc;--text-sienna-300:#ceb29b;--text-sienna-400:#bd9979;--text-sienna-500:#ad7f58;--text-sienna-600:#8a6646;--text-cherry-100:#fadadb;--text-cherry-200:#f7c8ca;--text-cherry-300:#f5b6b8;--text-cherry-400:#ea6d71;--text-cherry-500:#e5484d;--text-cherry-600:#b83a3e;--text-aqua-100:#c1eefd;--text-aqua-200:#9ae4fc;--text-aqua-300:#72d9fb;--text-aqua-400:#4bcff9;--text-aqua-500:#23c4f8;--text-aqua-600:#07afe6;--text-sakura-100:#fbc8d2;--text-sakura-200:#fab5c3;--text-sakura-300:#f791a5;--text-sakura-400:#f56c87;--text-sakura-500:#f24769;--text-sakura-600:#c53955;--text-amber-100:#fff0cc;--text-amber-200:#ffebbb;--text-amber-300:#ffe19a;--text-amber-400:#ffd778;--text-amber-500:#ffcd56;--text-amber-600:#d5aa45;--text-ink-100:#2a2e37;--text-ink-200:#23262e;--text-ink-300:#16181d;--text-ink-400:#121317;--text-ink-500:#0b0c0e;--text-vanilla-100:#fff;--text-vanilla-200:#f5f5f5;--text-vanilla-300:#e9e9e9;--text-vanilla-400:#c0c1c3;--text-slate-200:#2c3140;--text-slate-300:#242834;--text-slate-400:#1d212d;--text-slate-500:#161922;--text-gradient-coral:linear-gradient(114deg,#ed6d68 14.99%,#fca083 77.27%);--text-gradient-dark-shadow:linear-gradient(139deg,rgba(18,19,23,.8),rgba(18,19,23,.9) 98.68%);--text-gradient-dawn:linear-gradient(99deg,#7a97fa 4.42%,#f977ff 96.6%);--text-gradient-ocean:linear-gradient(99deg,#48f8cf 4.42%,#28cbf3 96.6%);--text-gradient-splash:linear-gradient(99deg,#4568dc 4.42%,#324daa 96.6%);--text-gradient-flamingo:linear-gradient(92deg,#ca9cd0 1.36%,#d38972 68.48%,#a1b1e7 98.99%);--text-forest-200:#a8f3d3;--text-forest-300:#7cedbe;--text-forest-400:#51e7a8;--text-forest-500:#25e192;--text-forest-600:#1eb475;--padding-1:0.25rem;--padding-2:0.5rem;--padding-3:0.75rem;--padding-4:1rem;--padding-5:1.25rem;--padding-6:1.5rem;--padding-7:1.75rem;--padding-8:2rem;--padding-10:2.5rem;--padding-12:3rem;--padding-16:4rem;--padding-20:5rem;--padding-24:6rem;--padding-32:8rem;--padding-40:10rem;--padding-48:12rem;--padding-56:14rem;--padding-64:16rem;--margin-1:0.25rem;--margin-2:0.5rem;--margin-3:0.75rem;--margin-4:1rem;--margin-5:1.25rem;--margin-6:1.5rem;--margin-7:1.75rem;--margin-8:2rem;--margin-10:2.5rem;--margin-12:3rem;--margin-16:4rem;--margin-20:5rem;--margin-24:6rem;--margin-32:8rem;--margin-40:10rem;--margin-48:12rem;--margin-56:14rem;--margin-64:16rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signozhq/design-tokens",
3
- "version": "1.1.2",
3
+ "version": "1.1.4",
4
4
  "type": "module",
5
5
  "main": "./dist/design-tokens.js",
6
6
  "module": "./dist/design-tokens.js",
@@ -25,11 +25,13 @@
25
25
  "@types/node": "^22.5.5",
26
26
  "@typescript-eslint/eslint-plugin": "^6.21.0",
27
27
  "@typescript-eslint/parser": "^6.21.0",
28
+ "cssnano": "^7.0.6",
28
29
  "eslint": "^9.12.0",
29
30
  "eslint-config-prettier": "^9.0.0",
30
31
  "eslint-plugin-prettier": "^5.0.0",
31
32
  "husky": "^8.0.0",
32
33
  "lint-staged": "^15.2.10",
34
+ "postcss": "^8.4.47",
33
35
  "prettier": "^3.0.0",
34
36
  "style-dictionary": "3.8.0",
35
37
  "tsx": "^4.19.1",