@12min/ds 1.0.0 โ 3.0.0
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/Checkbox.styles-DPyXzxFJ.d.mts +90 -0
- package/dist/Checkbox.styles-DPyXzxFJ.d.ts +90 -0
- package/dist/chunk-ZK7NW4WW.mjs +247 -0
- package/dist/chunk-ZK7NW4WW.mjs.map +1 -0
- package/dist/chunk-ZKPOS2PD.mjs +192 -0
- package/dist/chunk-ZKPOS2PD.mjs.map +1 -0
- package/dist/index.native.d.mts +92 -26
- package/dist/index.native.d.ts +92 -26
- package/dist/index.native.js +856 -386
- package/dist/index.native.js.map +1 -1
- package/dist/index.native.mjs +509 -295
- package/dist/index.native.mjs.map +1 -1
- package/dist/index.web.d.mts +93 -22
- package/dist/index.web.d.ts +93 -22
- package/dist/index.web.js +799 -273
- package/dist/index.web.js.map +1 -1
- package/dist/index.web.mjs +454 -188
- package/dist/index.web.mjs.map +1 -1
- package/dist/tailwind/theme.css +206 -66
- package/dist/tokens/index.d.mts +283 -60
- package/dist/tokens/index.d.ts +283 -60
- package/dist/tokens/index.js +192 -40
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/index.mjs +13 -1
- package/package.json +2 -1
- package/dist/chunk-CC3QVZS2.mjs +0 -80
- package/dist/chunk-CC3QVZS2.mjs.map +0 -1
- package/dist/chunk-NK4IHR7O.mjs +0 -101
- package/dist/chunk-NK4IHR7O.mjs.map +0 -1
- package/dist/darkTheme-gaad4-zD.d.mts +0 -28
- package/dist/darkTheme-gaad4-zD.d.ts +0 -28
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
interface Theme {
|
|
2
|
+
bg: {
|
|
3
|
+
primary: string;
|
|
4
|
+
primaryHover: string;
|
|
5
|
+
primaryPressed: string;
|
|
6
|
+
primarySubtle: string;
|
|
7
|
+
primarySubtleHover: string;
|
|
8
|
+
primarySubtlePressed: string;
|
|
9
|
+
surface: string;
|
|
10
|
+
surfaceRaised: string;
|
|
11
|
+
surfaceHover: string;
|
|
12
|
+
surfacePressed: string;
|
|
13
|
+
overlay: string;
|
|
14
|
+
overlaySubtle: string;
|
|
15
|
+
overlaySubtleHover: string;
|
|
16
|
+
overlaySubtlePressed: string;
|
|
17
|
+
success: string;
|
|
18
|
+
successSubtle: string;
|
|
19
|
+
error: string;
|
|
20
|
+
errorSubtle: string;
|
|
21
|
+
warning: string;
|
|
22
|
+
warningSubtle: string;
|
|
23
|
+
info: string;
|
|
24
|
+
infoSubtle: string;
|
|
25
|
+
highlight: string;
|
|
26
|
+
accent: string;
|
|
27
|
+
accentSubtle: string;
|
|
28
|
+
disabled: string;
|
|
29
|
+
};
|
|
30
|
+
text: {
|
|
31
|
+
primary: string;
|
|
32
|
+
secondary: string;
|
|
33
|
+
inverse: string;
|
|
34
|
+
brand: string;
|
|
35
|
+
link: string;
|
|
36
|
+
placeholder: string;
|
|
37
|
+
success: string;
|
|
38
|
+
error: string;
|
|
39
|
+
warning: string;
|
|
40
|
+
info: string;
|
|
41
|
+
highlight: string;
|
|
42
|
+
accent: string;
|
|
43
|
+
disabled: string;
|
|
44
|
+
onSuccess: string;
|
|
45
|
+
onError: string;
|
|
46
|
+
onWarning: string;
|
|
47
|
+
onHighlight: string;
|
|
48
|
+
};
|
|
49
|
+
border: {
|
|
50
|
+
default: string;
|
|
51
|
+
strong: string;
|
|
52
|
+
subtle: string;
|
|
53
|
+
focus: string;
|
|
54
|
+
accent: string;
|
|
55
|
+
success: string;
|
|
56
|
+
error: string;
|
|
57
|
+
warning: string;
|
|
58
|
+
info: string;
|
|
59
|
+
disabled: string;
|
|
60
|
+
};
|
|
61
|
+
icon: {
|
|
62
|
+
primary: string;
|
|
63
|
+
secondary: string;
|
|
64
|
+
inverse: string;
|
|
65
|
+
brand: string;
|
|
66
|
+
accent: string;
|
|
67
|
+
success: string;
|
|
68
|
+
error: string;
|
|
69
|
+
warning: string;
|
|
70
|
+
info: string;
|
|
71
|
+
highlight: string;
|
|
72
|
+
disabled: string;
|
|
73
|
+
};
|
|
74
|
+
interactive: {
|
|
75
|
+
hover: string;
|
|
76
|
+
pressed: string;
|
|
77
|
+
selected: string;
|
|
78
|
+
selectedSubtle: string;
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
declare const lightTheme: Theme;
|
|
83
|
+
|
|
84
|
+
declare const darkTheme: Theme;
|
|
85
|
+
|
|
86
|
+
type ChipSize = 'sm' | 'md';
|
|
87
|
+
|
|
88
|
+
type CheckboxSize = 'xs' | 'sm' | 'md';
|
|
89
|
+
|
|
90
|
+
export { type ChipSize as C, type Theme as T, type CheckboxSize as a, darkTheme as d, lightTheme as l };
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
interface Theme {
|
|
2
|
+
bg: {
|
|
3
|
+
primary: string;
|
|
4
|
+
primaryHover: string;
|
|
5
|
+
primaryPressed: string;
|
|
6
|
+
primarySubtle: string;
|
|
7
|
+
primarySubtleHover: string;
|
|
8
|
+
primarySubtlePressed: string;
|
|
9
|
+
surface: string;
|
|
10
|
+
surfaceRaised: string;
|
|
11
|
+
surfaceHover: string;
|
|
12
|
+
surfacePressed: string;
|
|
13
|
+
overlay: string;
|
|
14
|
+
overlaySubtle: string;
|
|
15
|
+
overlaySubtleHover: string;
|
|
16
|
+
overlaySubtlePressed: string;
|
|
17
|
+
success: string;
|
|
18
|
+
successSubtle: string;
|
|
19
|
+
error: string;
|
|
20
|
+
errorSubtle: string;
|
|
21
|
+
warning: string;
|
|
22
|
+
warningSubtle: string;
|
|
23
|
+
info: string;
|
|
24
|
+
infoSubtle: string;
|
|
25
|
+
highlight: string;
|
|
26
|
+
accent: string;
|
|
27
|
+
accentSubtle: string;
|
|
28
|
+
disabled: string;
|
|
29
|
+
};
|
|
30
|
+
text: {
|
|
31
|
+
primary: string;
|
|
32
|
+
secondary: string;
|
|
33
|
+
inverse: string;
|
|
34
|
+
brand: string;
|
|
35
|
+
link: string;
|
|
36
|
+
placeholder: string;
|
|
37
|
+
success: string;
|
|
38
|
+
error: string;
|
|
39
|
+
warning: string;
|
|
40
|
+
info: string;
|
|
41
|
+
highlight: string;
|
|
42
|
+
accent: string;
|
|
43
|
+
disabled: string;
|
|
44
|
+
onSuccess: string;
|
|
45
|
+
onError: string;
|
|
46
|
+
onWarning: string;
|
|
47
|
+
onHighlight: string;
|
|
48
|
+
};
|
|
49
|
+
border: {
|
|
50
|
+
default: string;
|
|
51
|
+
strong: string;
|
|
52
|
+
subtle: string;
|
|
53
|
+
focus: string;
|
|
54
|
+
accent: string;
|
|
55
|
+
success: string;
|
|
56
|
+
error: string;
|
|
57
|
+
warning: string;
|
|
58
|
+
info: string;
|
|
59
|
+
disabled: string;
|
|
60
|
+
};
|
|
61
|
+
icon: {
|
|
62
|
+
primary: string;
|
|
63
|
+
secondary: string;
|
|
64
|
+
inverse: string;
|
|
65
|
+
brand: string;
|
|
66
|
+
accent: string;
|
|
67
|
+
success: string;
|
|
68
|
+
error: string;
|
|
69
|
+
warning: string;
|
|
70
|
+
info: string;
|
|
71
|
+
highlight: string;
|
|
72
|
+
disabled: string;
|
|
73
|
+
};
|
|
74
|
+
interactive: {
|
|
75
|
+
hover: string;
|
|
76
|
+
pressed: string;
|
|
77
|
+
selected: string;
|
|
78
|
+
selectedSubtle: string;
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
declare const lightTheme: Theme;
|
|
83
|
+
|
|
84
|
+
declare const darkTheme: Theme;
|
|
85
|
+
|
|
86
|
+
type ChipSize = 'sm' | 'md';
|
|
87
|
+
|
|
88
|
+
type CheckboxSize = 'xs' | 'sm' | 'md';
|
|
89
|
+
|
|
90
|
+
export { type ChipSize as C, type Theme as T, type CheckboxSize as a, darkTheme as d, lightTheme as l };
|
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
// src/tokens/colors.ts
|
|
2
|
+
var colors = {
|
|
3
|
+
marianBlue: {
|
|
4
|
+
50: "#FAFBFF",
|
|
5
|
+
100: "#F6F8FF",
|
|
6
|
+
200: "#E1E7FF",
|
|
7
|
+
300: "#C3CCF7",
|
|
8
|
+
400: "#94A5F2",
|
|
9
|
+
500: "#697DD6",
|
|
10
|
+
600: "#4357AD",
|
|
11
|
+
700: "#31428B",
|
|
12
|
+
800: "#25326A",
|
|
13
|
+
900: "#131937"
|
|
14
|
+
},
|
|
15
|
+
midnight: {
|
|
16
|
+
50: "#707070",
|
|
17
|
+
100: "#5C5C5C",
|
|
18
|
+
200: "#525252",
|
|
19
|
+
300: "#474747",
|
|
20
|
+
400: "#3D3D3D",
|
|
21
|
+
500: "#333333",
|
|
22
|
+
600: "#292929",
|
|
23
|
+
700: "#161616",
|
|
24
|
+
800: "#141414",
|
|
25
|
+
900: "#0A0A0A"
|
|
26
|
+
},
|
|
27
|
+
gray: {
|
|
28
|
+
15: "#F4F5F8",
|
|
29
|
+
25: "#EDEEF1",
|
|
30
|
+
35: "#DDE0E6",
|
|
31
|
+
50: "#B1B5BE",
|
|
32
|
+
100: "#A6ABB5",
|
|
33
|
+
200: "#9BA0AB",
|
|
34
|
+
300: "#9095A2",
|
|
35
|
+
400: "#858B99",
|
|
36
|
+
500: "#7A8190",
|
|
37
|
+
600: "#6F7685",
|
|
38
|
+
700: "#5E6471",
|
|
39
|
+
800: "#5D636F",
|
|
40
|
+
900: "#545964"
|
|
41
|
+
},
|
|
42
|
+
amber: {
|
|
43
|
+
50: "#FFFBEB",
|
|
44
|
+
100: "#FEF3C7",
|
|
45
|
+
200: "#FDE68A",
|
|
46
|
+
300: "#FCD34D",
|
|
47
|
+
400: "#FBBF24",
|
|
48
|
+
500: "#F59E0B",
|
|
49
|
+
600: "#D97706",
|
|
50
|
+
700: "#B45309",
|
|
51
|
+
800: "#92400E",
|
|
52
|
+
900: "#78350F",
|
|
53
|
+
text: "#BA5C0A"
|
|
54
|
+
},
|
|
55
|
+
yellow: {
|
|
56
|
+
50: "#FFF2D6",
|
|
57
|
+
100: "#FFECC2",
|
|
58
|
+
200: "#FFE5AD",
|
|
59
|
+
300: "#FFDF99",
|
|
60
|
+
400: "#FFD885",
|
|
61
|
+
500: "#FFD270",
|
|
62
|
+
600: "#FFCB5C",
|
|
63
|
+
700: "#FFC140",
|
|
64
|
+
800: "#FFBE33",
|
|
65
|
+
900: "#FFB81F"
|
|
66
|
+
},
|
|
67
|
+
ketchup: {
|
|
68
|
+
50: "#FEF2F2",
|
|
69
|
+
100: "#FEE2E2",
|
|
70
|
+
200: "#FECACA",
|
|
71
|
+
300: "#FCA5A5",
|
|
72
|
+
400: "#F87171",
|
|
73
|
+
500: "#EF4444",
|
|
74
|
+
600: "#DC2626",
|
|
75
|
+
700: "#B91C1C",
|
|
76
|
+
800: "#991B1B",
|
|
77
|
+
900: "#7F1D1D",
|
|
78
|
+
text: "#D91F3C"
|
|
79
|
+
},
|
|
80
|
+
green: {
|
|
81
|
+
50: "#F2FDF4",
|
|
82
|
+
100: "#E5FBE9",
|
|
83
|
+
200: "#C7F4D0",
|
|
84
|
+
300: "#99E5AC",
|
|
85
|
+
400: "#5FCD80",
|
|
86
|
+
500: "#36B260",
|
|
87
|
+
600: "#258F4B",
|
|
88
|
+
700: "#1B6F3B",
|
|
89
|
+
800: "#145430",
|
|
90
|
+
900: "#0E3622",
|
|
91
|
+
text: "#0E8745"
|
|
92
|
+
},
|
|
93
|
+
blue: {
|
|
94
|
+
50: "#EFF6FF",
|
|
95
|
+
100: "#DBEAFE",
|
|
96
|
+
200: "#BFDBFE",
|
|
97
|
+
300: "#93C5FD",
|
|
98
|
+
400: "#60A5FA",
|
|
99
|
+
500: "#3B82F6",
|
|
100
|
+
600: "#2563EB",
|
|
101
|
+
700: "#1D4ED8",
|
|
102
|
+
800: "#1E40AF",
|
|
103
|
+
900: "#1E3A8A",
|
|
104
|
+
text: "#1E40AF"
|
|
105
|
+
},
|
|
106
|
+
// Single brand accent green โ the vibrant tone that was previously green/300
|
|
107
|
+
// before the green scale was retuned to muted values in the Figma v2 palette.
|
|
108
|
+
brandGreen: "#6DFFB4",
|
|
109
|
+
overlayBlack: {
|
|
110
|
+
5: "#0000000D",
|
|
111
|
+
8: "#00000014",
|
|
112
|
+
12: "#0000001F",
|
|
113
|
+
16: "#00000029"
|
|
114
|
+
},
|
|
115
|
+
overlayWhite: {
|
|
116
|
+
5: "#FFFFFF0D",
|
|
117
|
+
8: "#FFFFFF14",
|
|
118
|
+
12: "#FFFFFF1F",
|
|
119
|
+
16: "#FFFFFF29"
|
|
120
|
+
},
|
|
121
|
+
white: "#FFFFFF",
|
|
122
|
+
black: "#000000"
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
// src/tokens/typography.ts
|
|
126
|
+
var typography = {
|
|
127
|
+
display1: { fontFamily: "Poppins", fontSize: 32, fontWeight: "700", lineHeight: 40, letterSpacing: -1, textTransform: "none" },
|
|
128
|
+
display2: { fontFamily: "Poppins", fontSize: 32, fontWeight: "700", lineHeight: 40, letterSpacing: -1, textTransform: "none" },
|
|
129
|
+
h1: { fontFamily: "Poppins", fontSize: 24, fontWeight: "700", lineHeight: 32, letterSpacing: -1, textTransform: "none" },
|
|
130
|
+
h2: { fontFamily: "Poppins", fontSize: 20, fontWeight: "700", lineHeight: 28, letterSpacing: 0, textTransform: "none" },
|
|
131
|
+
h3: { fontFamily: "Poppins", fontSize: 16, fontWeight: "600", lineHeight: 24, letterSpacing: 0, textTransform: "none" },
|
|
132
|
+
bodyLarge: { fontFamily: "Inter", fontSize: 16, fontWeight: "500", lineHeight: 24, letterSpacing: 0, textTransform: "none" },
|
|
133
|
+
bodyDefault: { fontFamily: "Inter", fontSize: 14, fontWeight: "500", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
|
|
134
|
+
bodySmall: { fontFamily: "Inter", fontSize: 12, fontWeight: "400", lineHeight: 16, letterSpacing: 0.2, textTransform: "none" },
|
|
135
|
+
labelLarge: { fontFamily: "Inter", fontSize: 16, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
|
|
136
|
+
labelDefault: { fontFamily: "Inter", fontSize: 14, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
|
|
137
|
+
labelSmall: { fontFamily: "Inter", fontSize: 12, fontWeight: "600", lineHeight: 16, letterSpacing: 0.2, textTransform: "none" },
|
|
138
|
+
labelTiny: { fontFamily: "Inter", fontSize: 10, fontWeight: "600", lineHeight: 14, letterSpacing: 0, textTransform: "none" },
|
|
139
|
+
caption: { fontFamily: "Inter", fontSize: 12, fontWeight: "500", lineHeight: 16, letterSpacing: 0.5, textTransform: "none" },
|
|
140
|
+
captionUppercase: { fontFamily: "Inter", fontSize: 12, fontWeight: "500", lineHeight: 16, letterSpacing: 0.5, textTransform: "uppercase" },
|
|
141
|
+
overline: { fontFamily: "Inter", fontSize: 10, fontWeight: "600", lineHeight: 16, letterSpacing: 8, textTransform: "uppercase" },
|
|
142
|
+
buttonLarge: { fontFamily: "Inter", fontSize: 16, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
|
|
143
|
+
buttonDefault: { fontFamily: "Inter", fontSize: 14, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
|
|
144
|
+
buttonSmall: { fontFamily: "Inter", fontSize: 12, fontWeight: "600", lineHeight: 16, letterSpacing: 0, textTransform: "none" }
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
// src/tokens/spacing.ts
|
|
148
|
+
var spacing = {
|
|
149
|
+
unit: 4,
|
|
150
|
+
gap: {
|
|
151
|
+
"0.5": 2,
|
|
152
|
+
"1": 4,
|
|
153
|
+
"2": 8,
|
|
154
|
+
"3": 12,
|
|
155
|
+
"4": 16,
|
|
156
|
+
"5": 20,
|
|
157
|
+
"6": 24,
|
|
158
|
+
"8": 32,
|
|
159
|
+
"10": 40,
|
|
160
|
+
"12": 48,
|
|
161
|
+
"14": 56,
|
|
162
|
+
"16": 64,
|
|
163
|
+
"18": 72,
|
|
164
|
+
"20": 80,
|
|
165
|
+
"22": 88,
|
|
166
|
+
"24": 96
|
|
167
|
+
},
|
|
168
|
+
screen: {
|
|
169
|
+
x: 16,
|
|
170
|
+
y: 24
|
|
171
|
+
}
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
// src/tokens/grid.ts
|
|
175
|
+
var grid = {
|
|
176
|
+
// 8px square baseline โ line-height/* steps 16/24/32/40 snap; 20 and 28 land on a half-cell
|
|
177
|
+
baseline: 8,
|
|
178
|
+
breakpoints: {
|
|
179
|
+
mobile: 0,
|
|
180
|
+
tablet: 768,
|
|
181
|
+
desktop: 1024
|
|
182
|
+
},
|
|
183
|
+
columns: {
|
|
184
|
+
mobile: 4,
|
|
185
|
+
tablet: 8,
|
|
186
|
+
desktop: 12
|
|
187
|
+
},
|
|
188
|
+
gutter: {
|
|
189
|
+
mobile: 8,
|
|
190
|
+
tablet: 16,
|
|
191
|
+
desktop: 24
|
|
192
|
+
},
|
|
193
|
+
margin: {
|
|
194
|
+
mobile: 20,
|
|
195
|
+
tablet: 24,
|
|
196
|
+
desktop: 32
|
|
197
|
+
}
|
|
198
|
+
};
|
|
199
|
+
|
|
200
|
+
// src/tokens/radius.ts
|
|
201
|
+
var radius = {
|
|
202
|
+
none: 0,
|
|
203
|
+
sm: 8,
|
|
204
|
+
md: 12,
|
|
205
|
+
lg: 16,
|
|
206
|
+
xl: 20,
|
|
207
|
+
"2xl": 24,
|
|
208
|
+
full: 9999,
|
|
209
|
+
button: 16,
|
|
210
|
+
card: 20,
|
|
211
|
+
input: 12,
|
|
212
|
+
chip: 9999,
|
|
213
|
+
badge: 8
|
|
214
|
+
};
|
|
215
|
+
|
|
216
|
+
// src/tokens/borderWidth.ts
|
|
217
|
+
var borderWidth = {
|
|
218
|
+
default: 1,
|
|
219
|
+
strong: 1.5,
|
|
220
|
+
heavy: 2
|
|
221
|
+
};
|
|
222
|
+
|
|
223
|
+
// src/tokens/shadow.ts
|
|
224
|
+
var shadow = {
|
|
225
|
+
sm: { offsetX: 0, offsetY: 1, blur: 3, spread: 0, color: "#000000", opacity: { light: 0.08, dark: 0.4 } },
|
|
226
|
+
md: { offsetX: 0, offsetY: 4, blur: 12, spread: 0, color: "#000000", opacity: { light: 0.1, dark: 0.5 } },
|
|
227
|
+
lg: { offsetX: 0, offsetY: 8, blur: 24, spread: -4, color: "#000000", opacity: { light: 0.12, dark: 0.6 } }
|
|
228
|
+
};
|
|
229
|
+
|
|
230
|
+
// src/tokens/opacity.ts
|
|
231
|
+
var opacity = {
|
|
232
|
+
disabled: 0.4,
|
|
233
|
+
hover: 0.08,
|
|
234
|
+
pressed: 0.12
|
|
235
|
+
};
|
|
236
|
+
|
|
237
|
+
export {
|
|
238
|
+
colors,
|
|
239
|
+
typography,
|
|
240
|
+
spacing,
|
|
241
|
+
grid,
|
|
242
|
+
radius,
|
|
243
|
+
borderWidth,
|
|
244
|
+
shadow,
|
|
245
|
+
opacity
|
|
246
|
+
};
|
|
247
|
+
//# sourceMappingURL=chunk-ZK7NW4WW.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/spacing.ts","../src/tokens/grid.ts","../src/tokens/radius.ts","../src/tokens/borderWidth.ts","../src/tokens/shadow.ts","../src/tokens/opacity.ts"],"sourcesContent":["export const colors = {\n marianBlue: {\n 50: '#FAFBFF',\n 100: '#F6F8FF',\n 200: '#E1E7FF',\n 300: '#C3CCF7',\n 400: '#94A5F2',\n 500: '#697DD6',\n 600: '#4357AD',\n 700: '#31428B',\n 800: '#25326A',\n 900: '#131937',\n },\n\n midnight: {\n 50: '#707070',\n 100: '#5C5C5C',\n 200: '#525252',\n 300: '#474747',\n 400: '#3D3D3D',\n 500: '#333333',\n 600: '#292929',\n 700: '#161616',\n 800: '#141414',\n 900: '#0A0A0A',\n },\n\n gray: {\n 15: '#F4F5F8',\n 25: '#EDEEF1',\n 35: '#DDE0E6',\n 50: '#B1B5BE',\n 100: '#A6ABB5',\n 200: '#9BA0AB',\n 300: '#9095A2',\n 400: '#858B99',\n 500: '#7A8190',\n 600: '#6F7685',\n 700: '#5E6471',\n 800: '#5D636F',\n 900: '#545964',\n },\n\n amber: {\n 50: '#FFFBEB',\n 100: '#FEF3C7',\n 200: '#FDE68A',\n 300: '#FCD34D',\n 400: '#FBBF24',\n 500: '#F59E0B',\n 600: '#D97706',\n 700: '#B45309',\n 800: '#92400E',\n 900: '#78350F',\n text: '#BA5C0A',\n },\n\n yellow: {\n 50: '#FFF2D6',\n 100: '#FFECC2',\n 200: '#FFE5AD',\n 300: '#FFDF99',\n 400: '#FFD885',\n 500: '#FFD270',\n 600: '#FFCB5C',\n 700: '#FFC140',\n 800: '#FFBE33',\n 900: '#FFB81F',\n },\n\n ketchup: {\n 50: '#FEF2F2',\n 100: '#FEE2E2',\n 200: '#FECACA',\n 300: '#FCA5A5',\n 400: '#F87171',\n 500: '#EF4444',\n 600: '#DC2626',\n 700: '#B91C1C',\n 800: '#991B1B',\n 900: '#7F1D1D',\n text: '#D91F3C',\n },\n\n green: {\n 50: '#F2FDF4',\n 100: '#E5FBE9',\n 200: '#C7F4D0',\n 300: '#99E5AC',\n 400: '#5FCD80',\n 500: '#36B260',\n 600: '#258F4B',\n 700: '#1B6F3B',\n 800: '#145430',\n 900: '#0E3622',\n text: '#0E8745',\n },\n\n blue: {\n 50: '#EFF6FF',\n 100: '#DBEAFE',\n 200: '#BFDBFE',\n 300: '#93C5FD',\n 400: '#60A5FA',\n 500: '#3B82F6',\n 600: '#2563EB',\n 700: '#1D4ED8',\n 800: '#1E40AF',\n 900: '#1E3A8A',\n text: '#1E40AF',\n },\n\n // Single brand accent green โ the vibrant tone that was previously green/300\n // before the green scale was retuned to muted values in the Figma v2 palette.\n brandGreen: '#6DFFB4',\n\n overlayBlack: {\n 5: '#0000000D',\n 8: '#00000014',\n 12: '#0000001F',\n 16: '#00000029',\n },\n\n overlayWhite: {\n 5: '#FFFFFF0D',\n 8: '#FFFFFF14',\n 12: '#FFFFFF1F',\n 16: '#FFFFFF29',\n },\n\n white: '#FFFFFF',\n black: '#000000',\n} as const\n\nexport type Colors = typeof colors\n","export const typography = {\n display1: { fontFamily: 'Poppins', fontSize: 32, fontWeight: '700', lineHeight: 40, letterSpacing: -1, textTransform: 'none' },\n display2: { fontFamily: 'Poppins', fontSize: 32, fontWeight: '700', lineHeight: 40, letterSpacing: -1, textTransform: 'none' },\n h1: { fontFamily: 'Poppins', fontSize: 24, fontWeight: '700', lineHeight: 32, letterSpacing: -1, textTransform: 'none' },\n h2: { fontFamily: 'Poppins', fontSize: 20, fontWeight: '700', lineHeight: 28, letterSpacing: 0, textTransform: 'none' },\n h3: { fontFamily: 'Poppins', fontSize: 16, fontWeight: '600', lineHeight: 24, letterSpacing: 0, textTransform: 'none' },\n bodyLarge: { fontFamily: 'Inter', fontSize: 16, fontWeight: '500', lineHeight: 24, letterSpacing: 0, textTransform: 'none' },\n bodyDefault: { fontFamily: 'Inter', fontSize: 14, fontWeight: '500', lineHeight: 20, letterSpacing: 0, textTransform: 'none' },\n bodySmall: { fontFamily: 'Inter', fontSize: 12, fontWeight: '400', lineHeight: 16, letterSpacing: 0.2, textTransform: 'none' },\n labelLarge: { fontFamily: 'Inter', fontSize: 16, fontWeight: '600', lineHeight: 20, letterSpacing: 0, textTransform: 'none' },\n labelDefault: { fontFamily: 'Inter', fontSize: 14, fontWeight: '600', lineHeight: 20, letterSpacing: 0, textTransform: 'none' },\n labelSmall: { fontFamily: 'Inter', fontSize: 12, fontWeight: '600', lineHeight: 16, letterSpacing: 0.2, textTransform: 'none' },\n labelTiny: { fontFamily: 'Inter', fontSize: 10, fontWeight: '600', lineHeight: 14, letterSpacing: 0, textTransform: 'none' },\n caption: { fontFamily: 'Inter', fontSize: 12, fontWeight: '500', lineHeight: 16, letterSpacing: 0.5, textTransform: 'none' },\n captionUppercase: { fontFamily: 'Inter', fontSize: 12, fontWeight: '500', lineHeight: 16, letterSpacing: 0.5, textTransform: 'uppercase' },\n overline: { fontFamily: 'Inter', fontSize: 10, fontWeight: '600', lineHeight: 16, letterSpacing: 8, textTransform: 'uppercase' },\n buttonLarge: { fontFamily: 'Inter', fontSize: 16, fontWeight: '600', lineHeight: 20, letterSpacing: 0, textTransform: 'none' },\n buttonDefault: { fontFamily: 'Inter', fontSize: 14, fontWeight: '600', lineHeight: 20, letterSpacing: 0, textTransform: 'none' },\n buttonSmall: { fontFamily: 'Inter', fontSize: 12, fontWeight: '600', lineHeight: 16, letterSpacing: 0, textTransform: 'none' },\n} as const\n\nexport type Typography = typeof typography\n","export const spacing = {\n unit: 4,\n gap: {\n '0.5': 2,\n '1': 4,\n '2': 8,\n '3': 12,\n '4': 16,\n '5': 20,\n '6': 24,\n '8': 32,\n '10': 40,\n '12': 48,\n '14': 56,\n '16': 64,\n '18': 72,\n '20': 80,\n '22': 88,\n '24': 96,\n },\n screen: {\n x: 16,\n y: 24,\n },\n} as const\n\nexport type Spacing = typeof spacing\n","export const grid = {\n // 8px square baseline โ line-height/* steps 16/24/32/40 snap; 20 and 28 land on a half-cell\n baseline: 8,\n breakpoints: {\n mobile: 0,\n tablet: 768,\n desktop: 1024,\n },\n columns: {\n mobile: 4,\n tablet: 8,\n desktop: 12,\n },\n gutter: {\n mobile: 8,\n tablet: 16,\n desktop: 24,\n },\n margin: {\n mobile: 20,\n tablet: 24,\n desktop: 32,\n },\n} as const\n\nexport type Grid = typeof grid\n","export const radius = {\n none: 0,\n sm: 8,\n md: 12,\n lg: 16,\n xl: 20,\n '2xl': 24,\n full: 9999,\n\n button: 16,\n card: 20,\n input: 12,\n chip: 9999,\n badge: 8,\n} as const\n\nexport type Radius = typeof radius\n","export const borderWidth = {\n default: 1,\n strong: 1.5,\n heavy: 2,\n} as const\n\nexport type BorderWidth = typeof borderWidth\n","export const shadow = {\n sm: { offsetX: 0, offsetY: 1, blur: 3, spread: 0, color: '#000000', opacity: { light: 0.08, dark: 0.40 } },\n md: { offsetX: 0, offsetY: 4, blur: 12, spread: 0, color: '#000000', opacity: { light: 0.10, dark: 0.50 } },\n lg: { offsetX: 0, offsetY: 8, blur: 24, spread: -4, color: '#000000', opacity: { light: 0.12, dark: 0.60 } },\n} as const\n\nexport type Shadow = typeof shadow\n","export const opacity = {\n disabled: 0.4,\n hover: 0.08,\n pressed: 0.12,\n} as const\n\nexport type Opacity = typeof opacity\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import {
|
|
2
|
+
colors
|
|
3
|
+
} from "./chunk-ZK7NW4WW.mjs";
|
|
4
|
+
|
|
5
|
+
// src/themes/lightTheme.ts
|
|
6
|
+
var lightTheme = {
|
|
7
|
+
bg: {
|
|
8
|
+
primary: colors.marianBlue[600],
|
|
9
|
+
primaryHover: colors.marianBlue[700],
|
|
10
|
+
primaryPressed: colors.marianBlue[800],
|
|
11
|
+
primarySubtle: colors.marianBlue[200],
|
|
12
|
+
primarySubtleHover: colors.marianBlue[300],
|
|
13
|
+
primarySubtlePressed: colors.marianBlue[400],
|
|
14
|
+
surface: colors.white,
|
|
15
|
+
surfaceRaised: colors.marianBlue[50],
|
|
16
|
+
surfaceHover: colors.gray[15],
|
|
17
|
+
surfacePressed: colors.gray[35],
|
|
18
|
+
overlay: colors.marianBlue[900],
|
|
19
|
+
overlaySubtle: colors.overlayBlack[8],
|
|
20
|
+
overlaySubtleHover: colors.overlayBlack[12],
|
|
21
|
+
overlaySubtlePressed: colors.overlayBlack[16],
|
|
22
|
+
success: colors.green[600],
|
|
23
|
+
successSubtle: colors.green[100],
|
|
24
|
+
error: colors.ketchup[600],
|
|
25
|
+
errorSubtle: colors.ketchup[100],
|
|
26
|
+
warning: colors.amber[500],
|
|
27
|
+
warningSubtle: colors.amber[100],
|
|
28
|
+
info: colors.blue[500],
|
|
29
|
+
infoSubtle: colors.blue[100],
|
|
30
|
+
highlight: colors.brandGreen,
|
|
31
|
+
accent: colors.amber[500],
|
|
32
|
+
accentSubtle: colors.amber[100],
|
|
33
|
+
disabled: colors.gray[25]
|
|
34
|
+
},
|
|
35
|
+
text: {
|
|
36
|
+
primary: colors.marianBlue[900],
|
|
37
|
+
secondary: colors.gray[700],
|
|
38
|
+
inverse: colors.white,
|
|
39
|
+
brand: colors.marianBlue[600],
|
|
40
|
+
link: colors.marianBlue[600],
|
|
41
|
+
placeholder: colors.gray[400],
|
|
42
|
+
success: colors.green.text,
|
|
43
|
+
error: colors.ketchup.text,
|
|
44
|
+
warning: colors.amber.text,
|
|
45
|
+
info: colors.blue.text,
|
|
46
|
+
highlight: colors.marianBlue[900],
|
|
47
|
+
accent: colors.amber.text,
|
|
48
|
+
disabled: colors.gray[400],
|
|
49
|
+
onSuccess: colors.white,
|
|
50
|
+
onError: colors.white,
|
|
51
|
+
onWarning: colors.midnight[900],
|
|
52
|
+
onHighlight: colors.midnight[900]
|
|
53
|
+
},
|
|
54
|
+
border: {
|
|
55
|
+
default: colors.marianBlue[200],
|
|
56
|
+
strong: colors.marianBlue[600],
|
|
57
|
+
subtle: colors.overlayBlack[5],
|
|
58
|
+
focus: colors.black,
|
|
59
|
+
accent: colors.amber[700],
|
|
60
|
+
success: colors.green.text,
|
|
61
|
+
error: colors.ketchup[600],
|
|
62
|
+
warning: colors.amber[700],
|
|
63
|
+
info: colors.blue[600],
|
|
64
|
+
disabled: colors.gray[50]
|
|
65
|
+
},
|
|
66
|
+
icon: {
|
|
67
|
+
primary: colors.marianBlue[900],
|
|
68
|
+
secondary: colors.gray[600],
|
|
69
|
+
inverse: colors.white,
|
|
70
|
+
brand: colors.marianBlue[600],
|
|
71
|
+
accent: colors.amber[700],
|
|
72
|
+
success: colors.green.text,
|
|
73
|
+
error: colors.ketchup[600],
|
|
74
|
+
warning: colors.amber[600],
|
|
75
|
+
info: colors.blue[600],
|
|
76
|
+
highlight: colors.marianBlue[900],
|
|
77
|
+
disabled: colors.gray[400]
|
|
78
|
+
},
|
|
79
|
+
interactive: {
|
|
80
|
+
hover: colors.overlayBlack[8],
|
|
81
|
+
pressed: colors.overlayBlack[12],
|
|
82
|
+
selected: colors.marianBlue[700],
|
|
83
|
+
selectedSubtle: colors.marianBlue[200]
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
// src/themes/darkTheme.ts
|
|
88
|
+
var darkTheme = {
|
|
89
|
+
bg: {
|
|
90
|
+
primary: colors.marianBlue[600],
|
|
91
|
+
primaryHover: colors.marianBlue[500],
|
|
92
|
+
primaryPressed: colors.marianBlue[600],
|
|
93
|
+
primarySubtle: colors.marianBlue[900],
|
|
94
|
+
primarySubtleHover: colors.marianBlue[800],
|
|
95
|
+
primarySubtlePressed: colors.marianBlue[700],
|
|
96
|
+
surface: colors.midnight[900],
|
|
97
|
+
surfaceRaised: colors.midnight[800],
|
|
98
|
+
surfaceHover: colors.midnight[800],
|
|
99
|
+
surfacePressed: colors.midnight[600],
|
|
100
|
+
overlay: colors.black,
|
|
101
|
+
overlaySubtle: colors.overlayWhite[8],
|
|
102
|
+
overlaySubtleHover: colors.overlayWhite[12],
|
|
103
|
+
overlaySubtlePressed: colors.overlayWhite[16],
|
|
104
|
+
success: colors.green[300],
|
|
105
|
+
successSubtle: colors.green[800],
|
|
106
|
+
error: colors.ketchup[900],
|
|
107
|
+
errorSubtle: colors.ketchup[800],
|
|
108
|
+
warning: colors.amber[900],
|
|
109
|
+
warningSubtle: colors.amber[800],
|
|
110
|
+
info: colors.blue[600],
|
|
111
|
+
infoSubtle: colors.blue[700],
|
|
112
|
+
highlight: colors.brandGreen,
|
|
113
|
+
accent: colors.amber[900],
|
|
114
|
+
accentSubtle: colors.amber[900],
|
|
115
|
+
disabled: colors.midnight[700]
|
|
116
|
+
},
|
|
117
|
+
text: {
|
|
118
|
+
primary: colors.white,
|
|
119
|
+
secondary: colors.gray[300],
|
|
120
|
+
inverse: colors.midnight[900],
|
|
121
|
+
brand: colors.marianBlue[300],
|
|
122
|
+
link: colors.marianBlue[300],
|
|
123
|
+
placeholder: colors.gray[400],
|
|
124
|
+
success: colors.green[500],
|
|
125
|
+
error: colors.ketchup[600],
|
|
126
|
+
warning: colors.amber[500],
|
|
127
|
+
info: colors.blue[100],
|
|
128
|
+
highlight: colors.marianBlue[900],
|
|
129
|
+
accent: colors.amber.text,
|
|
130
|
+
disabled: colors.gray[600],
|
|
131
|
+
onSuccess: colors.white,
|
|
132
|
+
onError: colors.white,
|
|
133
|
+
onWarning: colors.midnight[900],
|
|
134
|
+
onHighlight: colors.midnight[900]
|
|
135
|
+
},
|
|
136
|
+
border: {
|
|
137
|
+
default: colors.midnight[50],
|
|
138
|
+
strong: colors.marianBlue[300],
|
|
139
|
+
subtle: colors.overlayWhite[5],
|
|
140
|
+
focus: colors.white,
|
|
141
|
+
accent: colors.amber.text,
|
|
142
|
+
success: colors.green.text,
|
|
143
|
+
error: colors.ketchup[500],
|
|
144
|
+
warning: colors.amber[600],
|
|
145
|
+
info: colors.blue[500],
|
|
146
|
+
disabled: colors.midnight[700]
|
|
147
|
+
},
|
|
148
|
+
icon: {
|
|
149
|
+
primary: colors.white,
|
|
150
|
+
secondary: colors.gray[400],
|
|
151
|
+
inverse: colors.midnight[900],
|
|
152
|
+
brand: colors.marianBlue[300],
|
|
153
|
+
accent: colors.amber[700],
|
|
154
|
+
success: colors.green.text,
|
|
155
|
+
error: colors.ketchup.text,
|
|
156
|
+
warning: colors.amber[100],
|
|
157
|
+
info: colors.blue[100],
|
|
158
|
+
highlight: colors.marianBlue[900],
|
|
159
|
+
disabled: colors.gray[600]
|
|
160
|
+
},
|
|
161
|
+
interactive: {
|
|
162
|
+
hover: colors.overlayWhite[8],
|
|
163
|
+
pressed: colors.overlayWhite[12],
|
|
164
|
+
selected: colors.marianBlue[800],
|
|
165
|
+
selectedSubtle: colors.marianBlue[900]
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
// src/components/RatingScale/RatingScale.styles.ts
|
|
170
|
+
var ratingScaleTokens = {
|
|
171
|
+
itemWidth: 60,
|
|
172
|
+
circleSize: 60,
|
|
173
|
+
circleRadius: 30,
|
|
174
|
+
emojiFontSize: 28,
|
|
175
|
+
emojiLineHeight: 34,
|
|
176
|
+
itemGap: 6
|
|
177
|
+
};
|
|
178
|
+
var DEFAULT_OPTIONS = [
|
|
179
|
+
{ emoji: "\u{1F621}", label: "P\xE9ssimo" },
|
|
180
|
+
{ emoji: "\u{1F615}", label: "Ruim" },
|
|
181
|
+
{ emoji: "\u{1F610}", label: "Neutro" },
|
|
182
|
+
{ emoji: "\u{1F60A}", label: "Bom" },
|
|
183
|
+
{ emoji: "\u{1F60D}", label: "\xD3timo" }
|
|
184
|
+
];
|
|
185
|
+
|
|
186
|
+
export {
|
|
187
|
+
lightTheme,
|
|
188
|
+
darkTheme,
|
|
189
|
+
ratingScaleTokens,
|
|
190
|
+
DEFAULT_OPTIONS
|
|
191
|
+
};
|
|
192
|
+
//# sourceMappingURL=chunk-ZKPOS2PD.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/themes/lightTheme.ts","../src/themes/darkTheme.ts","../src/components/RatingScale/RatingScale.styles.ts"],"sourcesContent":["import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const lightTheme: Theme = {\n bg: {\n primary: colors.marianBlue[600],\n primaryHover: colors.marianBlue[700],\n primaryPressed: colors.marianBlue[800],\n primarySubtle: colors.marianBlue[200],\n primarySubtleHover: colors.marianBlue[300],\n primarySubtlePressed: colors.marianBlue[400],\n surface: colors.white,\n surfaceRaised: colors.marianBlue[50],\n surfaceHover: colors.gray[15],\n surfacePressed: colors.gray[35],\n overlay: colors.marianBlue[900],\n overlaySubtle: colors.overlayBlack[8],\n overlaySubtleHover: colors.overlayBlack[12],\n overlaySubtlePressed: colors.overlayBlack[16],\n success: colors.green[600],\n successSubtle: colors.green[100],\n error: colors.ketchup[600],\n errorSubtle: colors.ketchup[100],\n warning: colors.amber[500],\n warningSubtle: colors.amber[100],\n info: colors.blue[500],\n infoSubtle: colors.blue[100],\n highlight: colors.brandGreen,\n accent: colors.amber[500],\n accentSubtle: colors.amber[100],\n disabled: colors.gray[25],\n },\n text: {\n primary: colors.marianBlue[900],\n secondary: colors.gray[700],\n inverse: colors.white,\n brand: colors.marianBlue[600],\n link: colors.marianBlue[600],\n placeholder: colors.gray[400],\n success: colors.green.text,\n error: colors.ketchup.text,\n warning: colors.amber.text,\n info: colors.blue.text,\n highlight: colors.marianBlue[900],\n accent: colors.amber.text,\n disabled: colors.gray[400],\n onSuccess: colors.white,\n onError: colors.white,\n onWarning: colors.midnight[900],\n onHighlight: colors.midnight[900],\n },\n border: {\n default: colors.marianBlue[200],\n strong: colors.marianBlue[600],\n subtle: colors.overlayBlack[5],\n focus: colors.black,\n accent: colors.amber[700],\n success: colors.green.text,\n error: colors.ketchup[600],\n warning: colors.amber[700],\n info: colors.blue[600],\n disabled: colors.gray[50],\n },\n icon: {\n primary: colors.marianBlue[900],\n secondary: colors.gray[600],\n inverse: colors.white,\n brand: colors.marianBlue[600],\n accent: colors.amber[700],\n success: colors.green.text,\n error: colors.ketchup[600],\n warning: colors.amber[600],\n info: colors.blue[600],\n highlight: colors.marianBlue[900],\n disabled: colors.gray[400],\n },\n interactive: {\n hover: colors.overlayBlack[8],\n pressed: colors.overlayBlack[12],\n selected: colors.marianBlue[700],\n selectedSubtle: colors.marianBlue[200],\n },\n}\n","import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const darkTheme: Theme = {\n bg: {\n primary: colors.marianBlue[600],\n primaryHover: colors.marianBlue[500],\n primaryPressed: colors.marianBlue[600],\n primarySubtle: colors.marianBlue[900],\n primarySubtleHover: colors.marianBlue[800],\n primarySubtlePressed: colors.marianBlue[700],\n surface: colors.midnight[900],\n surfaceRaised: colors.midnight[800],\n surfaceHover: colors.midnight[800],\n surfacePressed: colors.midnight[600],\n overlay: colors.black,\n overlaySubtle: colors.overlayWhite[8],\n overlaySubtleHover: colors.overlayWhite[12],\n overlaySubtlePressed: colors.overlayWhite[16],\n success: colors.green[300],\n successSubtle: colors.green[800],\n error: colors.ketchup[900],\n errorSubtle: colors.ketchup[800],\n warning: colors.amber[900],\n warningSubtle: colors.amber[800],\n info: colors.blue[600],\n infoSubtle: colors.blue[700],\n highlight: colors.brandGreen,\n accent: colors.amber[900],\n accentSubtle: colors.amber[900],\n disabled: colors.midnight[700],\n },\n text: {\n primary: colors.white,\n secondary: colors.gray[300],\n inverse: colors.midnight[900],\n brand: colors.marianBlue[300],\n link: colors.marianBlue[300],\n placeholder: colors.gray[400],\n success: colors.green[500],\n error: colors.ketchup[600],\n warning: colors.amber[500],\n info: colors.blue[100],\n highlight: colors.marianBlue[900],\n accent: colors.amber.text,\n disabled: colors.gray[600],\n onSuccess: colors.white,\n onError: colors.white,\n onWarning: colors.midnight[900],\n onHighlight: colors.midnight[900],\n },\n border: {\n default: colors.midnight[50],\n strong: colors.marianBlue[300],\n subtle: colors.overlayWhite[5],\n focus: colors.white,\n accent: colors.amber.text,\n success: colors.green.text,\n error: colors.ketchup[500],\n warning: colors.amber[600],\n info: colors.blue[500],\n disabled: colors.midnight[700],\n },\n icon: {\n primary: colors.white,\n secondary: colors.gray[400],\n inverse: colors.midnight[900],\n brand: colors.marianBlue[300],\n accent: colors.amber[700],\n success: colors.green.text,\n error: colors.ketchup.text,\n warning: colors.amber[100],\n info: colors.blue[100],\n highlight: colors.marianBlue[900],\n disabled: colors.gray[600],\n },\n interactive: {\n hover: colors.overlayWhite[8],\n pressed: colors.overlayWhite[12],\n selected: colors.marianBlue[800],\n selectedSubtle: colors.marianBlue[900],\n },\n}\n","export const ratingScaleTokens = {\n itemWidth: 60,\n circleSize: 60,\n circleRadius: 30,\n emojiFontSize: 28,\n emojiLineHeight: 34,\n itemGap: 6,\n}\n\nexport const DEFAULT_OPTIONS = [\n { emoji: '๐ก', label: 'Pรฉssimo' },\n { emoji: '๐', label: 'Ruim' },\n { emoji: '๐', label: 'Neutro' },\n { emoji: '๐', label: 'Bom' },\n { emoji: '๐', label: 'รtimo' },\n] as const\n"],"mappings":"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","names":[]}
|