@starasia/text 1.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.
@@ -0,0 +1,1790 @@
1
+ (function(r,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],l):(r=typeof globalThis<"u"?globalThis:r||self,l(r.Text={},r.React))})(this,function(r,l){"use strict";var x={exports:{}},c={};/**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var w=l,S=Symbol.for("react.element"),z=Symbol.for("react.fragment"),k=Object.prototype.hasOwnProperty,W=w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,T={key:!0,ref:!0,__self:!0,__source:!0};function h(n,a,e){var s,t={},o=null,g=null;e!==void 0&&(o=""+e),a.key!==void 0&&(o=""+a.key),a.ref!==void 0&&(g=a.ref);for(s in a)k.call(a,s)&&!T.hasOwnProperty(s)&&(t[s]=a[s]);if(n&&n.defaultProps)for(s in a=n.defaultProps,a)t[s]===void 0&&(t[s]=a[s]);return{$$typeof:S,type:n,key:o,ref:g,props:t,_owner:W.current}}c.Fragment=z,c.jsx=h,c.jsxs=h,x.exports=c;var H=x.exports;const C=`@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
10
+ @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
11
+
12
+ * {
13
+ margin: 0;
14
+ padding: 0;
15
+ /* font-family: "Montserrat", sans-serif; */
16
+ /* font-weight: 500; */
17
+ box-sizing: border-box;
18
+ }
19
+
20
+ :root {
21
+ font-size: 16px;
22
+ /* font-family: "Montserrat", sans-serif; */
23
+
24
+ /* gray */
25
+ --starasia-ui-color-gray-50: #fffeff;
26
+ --starasia-ui-color-gray-100: #eff3f8;
27
+ --starasia-ui-color-gray-200: #c9cecc;
28
+ --starasia-ui-color-gray-300: #aeb6b2;
29
+ --starasia-ui-color-gray-400: #939e99;
30
+ --starasia-ui-color-gray-500: #78867f;
31
+ --starasia-ui-color-gray-600: #606b66;
32
+ --starasia-ui-color-gray-700: #48504c;
33
+ --starasia-ui-color-gray-800: #303533;
34
+ --starasia-ui-color-gray-900: #181a19;
35
+ --starasia-ui-color-gray-950: #030712;
36
+
37
+ /* red */
38
+ --starasia-ui-color-red-50: #fff0f3;
39
+ --starasia-ui-color-red-100: #ffccd5;
40
+ --starasia-ui-color-red-200: #ffb3c1;
41
+ --starasia-ui-color-red-300: #ff8fa3;
42
+ --starasia-ui-color-red-400: #ff758f;
43
+ --starasia-ui-color-red-500: #ff4d6d;
44
+ --starasia-ui-color-red-600: #c9184a;
45
+ --starasia-ui-color-red-700: #a4133c;
46
+ --starasia-ui-color-red-800: #800f2f;
47
+ --starasia-ui-color-red-900: #590d22;
48
+ --starasia-ui-color-red-950: #450a0a;
49
+
50
+ /* orange */
51
+ --starasia-ui-color-orange-50: #fdf2e3;
52
+ --starasia-ui-color-orange-100: #f8d9ac;
53
+ --starasia-ui-color-orange-200: #f4c583;
54
+ --starasia-ui-color-orange-300: #f1b259;
55
+ --starasia-ui-color-orange-400: #ed9f30;
56
+ --starasia-ui-color-orange-500: #d18d2c;
57
+ --starasia-ui-color-orange-600: #8e5f1d;
58
+ --starasia-ui-color-orange-700: #5f4013;
59
+ --starasia-ui-color-orange-800: #2f200a;
60
+ --starasia-ui-color-orange-900: #231807;
61
+ --starasia-ui-color-orange-950: #431407;
62
+
63
+ /* yellow */
64
+ --starasia-ui-color-yellow-50: #fffde6;
65
+ --starasia-ui-color-yellow-100: #fffcd9;
66
+ --starasia-ui-color-yellow-200: #fff9b0;
67
+ --starasia-ui-color-yellow-300: #ffeb00;
68
+ --starasia-ui-color-yellow-400: #e6d400;
69
+ --starasia-ui-color-yellow-500: #ccbc00;
70
+ --starasia-ui-color-yellow-600: #bfb000;
71
+ --starasia-ui-color-yellow-700: #998d00;
72
+ --starasia-ui-color-yellow-800: #736a00;
73
+ --starasia-ui-color-yellow-900: #595200;
74
+ --starasia-ui-color-yellow-950: #422006;
75
+
76
+ /* green */
77
+ --starasia-ui-color-green-50: #dcf6ea;
78
+ --starasia-ui-color-green-100: #baeed6;
79
+ --starasia-ui-color-green-200: #97e6c1;
80
+ --starasia-ui-color-green-300: #75dead;
81
+ --starasia-ui-color-green-400: #52d698;
82
+ --starasia-ui-color-green-500: #30ce84;
83
+ --starasia-ui-color-green-600: #28ac6e;
84
+ --starasia-ui-color-green-700: #208958;
85
+ --starasia-ui-color-green-800: #186742;
86
+ --starasia-ui-color-green-900: #10442c;
87
+ --starasia-ui-color-green-950: #052e16;
88
+
89
+ /* blue */
90
+ --starasia-ui-color-blue-50: #e3f2fd;
91
+ --starasia-ui-color-blue-100: #bbdefb;
92
+ --starasia-ui-color-blue-200: #90caf9;
93
+ --starasia-ui-color-blue-300: #64b5f6;
94
+ --starasia-ui-color-blue-400: #42a5f5;
95
+ --starasia-ui-color-blue-500: #2196f3;
96
+ --starasia-ui-color-blue-600: #1e88e5;
97
+ --starasia-ui-color-blue-700: #1976d2;
98
+ --starasia-ui-color-blue-800: #1565c0;
99
+ --starasia-ui-color-blue-900: #0d47a1;
100
+ --starasia-ui-color-blue-950: #172554;
101
+
102
+ /* purple */
103
+ --starasia-ui-color-purple-50: #e9def5;
104
+ --starasia-ui-color-purple-100: #d4bdeb;
105
+ --starasia-ui-color-purple-200: #be9ce2;
106
+ --starasia-ui-color-purple-300: #a97bd8;
107
+ --starasia-ui-color-purple-400: #935acf;
108
+ --starasia-ui-color-purple-500: #7e39c5;
109
+ --starasia-ui-color-purple-600: #692fa4;
110
+ --starasia-ui-color-purple-700: #542683;
111
+ --starasia-ui-color-purple-800: #3f1c62;
112
+ --starasia-ui-color-purple-900: #2a1341;
113
+ --starasia-ui-color-purple-950: #3b0764;
114
+
115
+ /* aloha */
116
+ --starasia-ui-color-aloha-50: #dbf7f2;
117
+ --starasia-ui-color-aloha-100: #b8f0e6;
118
+ --starasia-ui-color-aloha-200: #95e8da;
119
+ --starasia-ui-color-aloha-300: #72e1ce;
120
+ --starasia-ui-color-aloha-400: #4fdac2;
121
+ --starasia-ui-color-aloha-500: #2cd2b6;
122
+ --starasia-ui-color-aloha-600: #24af98;
123
+ --starasia-ui-color-aloha-700: #1d8c79;
124
+ --starasia-ui-color-aloha-800: #16695b;
125
+ --starasia-ui-color-aloha-900: #0e463c;
126
+
127
+ /* pink */
128
+ --starasia-ui-color-pink-50: #fbdbf1;
129
+ --starasia-ui-color-pink-100: #f8b7e4;
130
+ --starasia-ui-color-pink-200: #f593d7;
131
+ --starasia-ui-color-pink-300: #f16fca;
132
+ --starasia-ui-color-pink-400: #ee4bbd;
133
+ --starasia-ui-color-pink-500: #eb27b0;
134
+ --starasia-ui-color-pink-600: #d7139d;
135
+ --starasia-ui-color-pink-700: #b31083;
136
+ --starasia-ui-color-pink-800: #8f0d68;
137
+ --starasia-ui-color-pink-900: #6b094e;
138
+
139
+ /* COLOR BRAND */
140
+
141
+ /* primary */
142
+ --starasia-ui-brand-primary-default: var(--starasia-ui-color-blue-700);
143
+ --starasia-ui-brand-primary-secondary: var(--starasia-ui-color-blue-300);
144
+ --starasia-ui-brand-primary-tertiary: var(--starasia-ui-color-blue-50);
145
+
146
+ /* secondary */
147
+ --starasia-ui-brand-secondary-default: var(--starasia-ui-color-pink-700);
148
+ --starasia-ui-brand-secondary-secondary: var(--starasia-ui-color-pink-300);
149
+ --starasia-ui-brand-secondary-tertiary: var(--starasia-ui-color-pink-50);
150
+
151
+ /* TEXT COLOR */
152
+ --starasia-ui-text-default: var(--starasia-ui-color-gray-900);
153
+ --starasia-ui-text-secondary: var(--starasia-ui-color-gray-700);
154
+ --starasia-ui-text-tertiary: var(--starasia-ui-color-gray-500);
155
+ --starasia-ui-text-disable: var(--starasia-ui-color-gray-200);
156
+ --starasia-ui-text-white: var(--starasia-ui-color-gray-50);
157
+ --starasia-ui-text-success: var(--starasia-ui-utility-success-default);
158
+ --starasia-ui-text-successSecondary: var(
159
+ --starasia-ui-utility-success-tertiary
160
+ );
161
+ --starasia-ui-text-successDisable: var(--starasia-ui-color-green-500);
162
+ --starasia-ui-text-danger: var(--starasia-ui-utility-danger-default);
163
+ --starasia-ui-text-dangerSecondary: var(
164
+ --starasia-ui-utility-danger-tertiary
165
+ );
166
+ --starasia-ui-text-dangerDisable: var(--starasia-ui-color-red-500);
167
+ --starasia-ui-text-brand: var(--starasia-ui-brand-primary-default);
168
+ --starasia-ui-text-brandSecondary: var(--starasia-ui-brand-primary-tertiary);
169
+ --starasia-ui-text-info: var(--starasia-ui-utility-information-default);
170
+ --starasia-ui-text-infoSecondary: var(
171
+ --starasia-ui-utility-information-tertiary
172
+ );
173
+ --starasia-ui-text-warning: var(--starasia-ui-utility-warning-default);
174
+ --starasia-ui-text-warningDisable: var(--starasia-ui-color-orange-500);
175
+
176
+ /* ACCENTS COLOR */
177
+
178
+ /* success */
179
+ --starasia-ui-utility-success-default: var(--starasia-ui-color-green-600);
180
+ --starasia-ui-utility-success-secondary: var(--starasia-ui-color-green-200);
181
+ --starasia-ui-utility-success-tertiary: var(--starasia-ui-color-green-50);
182
+
183
+ /* danger */
184
+ --starasia-ui-utility-danger-default: var(--starasia-ui-color-red-600);
185
+ --starasia-ui-utility-danger-secondary: var(--starasia-ui-color-red-200);
186
+ --starasia-ui-utility-danger-tertiary: var(--starasia-ui-color-red-50);
187
+
188
+ /* warning */
189
+ --starasia-ui-utility-warning-default: var(--starasia-ui-color-orange-400);
190
+ --starasia-ui-utility-warning-secondary: var(--starasia-ui-color-orange-200);
191
+ --starasia-ui-utility-warning-tertiary: var(--starasia-ui-color-orange-50);
192
+
193
+ /* information */
194
+ --starasia-ui-utility-information-default: var(--starasia-ui-color-blue-600);
195
+ --starasia-ui-utility-information-secondary: var(
196
+ --starasia-ui-color-blue-200
197
+ );
198
+ --starasia-ui-utility-information-tertiary: var(--starasia-ui-color-blue-50);
199
+
200
+ /* dark */
201
+ --starasia-ui-utility-dark-default: var(--starasia-ui-color-gray-600);
202
+ --starasia-ui-utility-dark-secondary: var(--starasia-ui-color-gray-200);
203
+ --starasia-ui-utility-dark-tertiary: var(--starasia-ui-color-gray-50);
204
+
205
+ /* fill */
206
+ --starasia-ui-utility-fill-default: rgba(120, 134, 127, 0.2);
207
+ --starasia-ui-utility-fill-secondary: rgba(120, 134, 127, 0.16);
208
+ --starasia-ui-utility-fill-tertiary: rgba(120, 134, 127, 0.1);
209
+
210
+ /* color brand */
211
+ --starasia-ui-color-text: var(--starasia-ui-text-default);
212
+ --starasia-ui-color-text-light: #fffeff;
213
+ --starasia-ui-color-text-dark: #181a19;
214
+ --starasia-ui-color-text-muted: var(--starasia-ui-color-gray-500);
215
+
216
+ --starasia-ui-color-success: var(--starasia-ui-color-green-500);
217
+ /* --starasia-ui-color-error: var(--starasia-ui-color-red-500); */
218
+ --starasia-ui-color-error: #c9184a;
219
+ --starasia-ui-color-warning: var(--starasia-ui-color-yellow-500);
220
+ --starasia-ui-color-info: var(--starasia-ui-color-blue-500);
221
+
222
+ --starasia-ui-color-shadow: var(--starasia-ui-color-gray-900);
223
+
224
+ /* spacing */
225
+ /* spacing */
226
+ --starasia-ui-spacing-0: 0rem;
227
+ --starasia-ui-spacing-1: 0.063rem;
228
+ --starasia-ui-spacing-2: 0.125rem;
229
+ --starasia-ui-spacing-4: 0.25rem;
230
+ --starasia-ui-spacing-6: 0.375rem;
231
+ --starasia-ui-spacing-8: 0.5rem;
232
+ --starasia-ui-spacing-10: 0.625rem;
233
+ --starasia-ui-spacing-12: 0.75rem;
234
+ --starasia-ui-spacing-14: 0.875rem;
235
+ --starasia-ui-spacing-16: 1rem;
236
+ --starasia-ui-spacing-18: 1.125rem;
237
+ --starasia-ui-spacing-20: 1.25rem;
238
+ --starasia-ui-spacing-24: 1.5rem;
239
+ --starasia-ui-spacing-28: 1.75rem;
240
+ --starasia-ui-spacing-32: 2rem;
241
+ --starasia-ui-spacing-36: 2.25rem;
242
+ --starasia-ui-spacing-40: 2.5rem;
243
+ --starasia-ui-spacing-48: 3rem;
244
+ --starasia-ui-spacing-64: 4rem;
245
+ --starasia-ui-spacing-80: 5rem;
246
+ --starasia-ui-spacing-96: 6rem;
247
+ --starasia-ui-spacing-128: 8rem;
248
+ --starasia-ui-spacing-160: 10rem;
249
+ --starasia-ui-spacing-192: 12rem;
250
+ --starasia-ui-spacing-224: 14rem;
251
+ --starasia-ui-spacing-256: 16rem;
252
+
253
+ /* spacing by type */
254
+ --starasia-ui-spacing-xs: 0.25rem;
255
+ --starasia-ui-spacing-sm: 0.5rem;
256
+ --starasia-ui-spacing-md: 0.75rem;
257
+ --starasia-ui-spacing-lg: 1rem;
258
+ --starasia-ui-spacing-xl: 1.5rem;
259
+ --starasia-ui-spacing-2xl: 2rem;
260
+ --starasia-ui-spacing-3xl: 4rem;
261
+
262
+ /* font-size */
263
+ --starasia-ui-fontSizes-xs: 0.625rem;
264
+ /* 10px */
265
+ --starasia-ui-fontSizes-sm: 0.75rem;
266
+ /* 12px */
267
+ --starasia-ui-fontSizes-md: 0.875rem;
268
+ /* 14px */
269
+ --starasia-ui-fontSizes-lg: 1rem;
270
+ /* 16px */
271
+ --starasia-ui-fontSizes-xl: 1.125rem;
272
+ /* 18px */
273
+ --starasia-ui-fontSizes-2xl: 1.25rem;
274
+ /* 20px */
275
+ --starasia-ui-fontSizes-3xl: 1.5rem;
276
+ /* 24px */
277
+ --starasia-ui-fontSizes-4xl: 1.875rem;
278
+ /* 30px */
279
+ --starasia-ui-fontSizes-5xl: 2.25rem;
280
+ /* 36px */
281
+ --starasia-ui-fontSizes-6xl: 3rem;
282
+ /* 48px */
283
+
284
+ /* font-weight */
285
+ --starasia-ui-fontWeights-hairline: 50;
286
+ --starasia-ui-fontWeights-thin: 100;
287
+ --starasia-ui-fontWeights-light: 200;
288
+ --starasia-ui-fontWeights-normal: 300;
289
+ --starasia-ui-fontWeights-medium: 400;
290
+ --starasia-ui-fontWeights-semibold: 500;
291
+ --starasia-ui-fontWeights-bold: 600;
292
+ --starasia-ui-fontWeights-extrabold: 700;
293
+ --starasia-ui-fontWeights-black: 800;
294
+
295
+ /* line-height */
296
+ --starasia-ui-lineHeight-3: 0.75rem;
297
+ --starasia-ui-lineHeight-4: 1rem;
298
+ --starasia-ui-lineHeight-5: 1.25rem;
299
+ --starasia-ui-lineHeight-6: 1.5rem;
300
+ --starasia-ui-lineHeight-7: 1.75rem;
301
+ /* --starasia-ui-lineHeight-8: 2rem; */
302
+ --starasia-ui-lineHeight-8: 1.875rem;
303
+ --starasia-ui-lineHeight-9: 2.25rem;
304
+ --starasia-ui-lineHeight-10: 2.5rem;
305
+ --starasia-ui-lineHeight-none: 1;
306
+ --starasia-ui-lineHeight-tight: 1.25;
307
+ --starasia-ui-lineHeight-snug: 1.375;
308
+ --starasia-ui-lineHeight-normal: 1.5;
309
+ --starasia-ui-lineHeight-relaxed: 1.625;
310
+ --starasia-ui-lineHeight-loose: 2;
311
+
312
+ /* BORDER */
313
+ --starasia-ui-border: 1px;
314
+ }
315
+
316
+ /* FONTSIZES */
317
+ /* FONT SIZE */
318
+ .starasia-fontSizes-xs {
319
+ font-size: var(--starasia-ui-fontSizes-xs);
320
+ }
321
+
322
+ .starasia-fontSizes-sm {
323
+ font-size: var(--starasia-ui-fontSizes-sm);
324
+ }
325
+
326
+ .starasia-fontSizes-md {
327
+ font-size: var(--starasia-ui-fontSizes-md);
328
+ }
329
+
330
+ .starasia-fontSizes-lg {
331
+ font-size: var(--starasia-ui-fontSizes-lg);
332
+ }
333
+
334
+ .starasia-fontSizes-xl {
335
+ font-size: var(--starasia-ui-fontSizes-xl);
336
+ }
337
+
338
+ .starasia-fontSizes-2xl {
339
+ font-size: var(--starasia-ui-fontSizes-2xl);
340
+ }
341
+
342
+ .starasia-fontSizes-3xl {
343
+ font-size: var(--starasia-ui-fontSizes-3xl);
344
+ }
345
+
346
+ .starasia-fontSizes-4xl {
347
+ font-size: var(--starasia-ui-fontSizes-4xl);
348
+ }
349
+
350
+ .starasia-fontSizes-5xl {
351
+ font-size: var(--starasia-ui-fontSizes-5xl);
352
+ }
353
+
354
+ .starasia-fontSizes-6xl {
355
+ font-size: var(--starasia-ui-fontSizes-6xl);
356
+ }
357
+
358
+ /* FONT SIZE */
359
+ .starasia-fontWeights-hairline {
360
+ font-weight: var(--starasia-ui-fontWeights-hairline);
361
+ }
362
+
363
+ .starasia-fontWeights-thin {
364
+ font-weight: var(--starasia-ui-fontWeights-thin);
365
+ }
366
+
367
+ .starasia-fontWeights-light {
368
+ font-weight: var(--starasia-ui-fontWeights-light);
369
+ }
370
+
371
+ .starasia-fontWeights-normal {
372
+ font-weight: var(--starasia-ui-fontWeights-normal);
373
+ }
374
+
375
+ .starasia-fontWeights-medium {
376
+ font-weight: var(--starasia-ui-fontWeights-medium);
377
+ }
378
+
379
+ .starasia-fontWeights-semibold {
380
+ font-weight: var(--starasia-ui-fontWeights-semibold);
381
+ }
382
+
383
+ .starasia-fontWeights-bold {
384
+ font-weight: var(--starasia-ui-fontWeights-bold);
385
+ }
386
+
387
+ .starasia-fontWeights-extrabold {
388
+ font-weight: var(--starasia-ui-fontWeights-extrabold);
389
+ }
390
+
391
+ .starasia-fontWeights-black {
392
+ font-weight: var(--starasia-ui-fontWeights-black);
393
+ }
394
+
395
+ /* TEXT ALIGN */
396
+ .starasia-text-align-left {
397
+ text-align: left;
398
+ }
399
+
400
+ .starasia-text-align-center {
401
+ text-align: center;
402
+ width: 100%;
403
+ }
404
+
405
+ .starasia-text-align-right {
406
+ text-align: right;
407
+ }
408
+
409
+ /* TEXT COLORS */
410
+ /* BRAND COLORS */
411
+ .starasia-text-color-primary {
412
+ color: var(--starasia-ui-text-brand);
413
+ }
414
+
415
+ /* .starasia-text-color-secondary { */
416
+ /* color: var(--starasia-ui-color-secondary); */
417
+ /* } */
418
+ /**/
419
+ /* .starasia-text-color-tertiary { */
420
+ /* color: var(--starasia-ui-color-tertiary); */
421
+ /* } */
422
+
423
+ .starasia-text-color-error {
424
+ color: var(--starasia-ui-color-error);
425
+ }
426
+
427
+ /* STATE COLORS */
428
+ .starasia-text-color-default {
429
+ color: var(--starasia-ui-text-default);
430
+ }
431
+
432
+ .starasia-text-color-secondary {
433
+ color: var(--starasia-ui-text-secondary);
434
+ }
435
+
436
+ .starasia-text-color-tertiary {
437
+ color: var(--starasia-ui-text-tertiary);
438
+ }
439
+
440
+ .starasia-text-color-disable {
441
+ color: var(--starasia-ui-text-disable);
442
+ }
443
+
444
+ .starasia-text-color-white {
445
+ color: var(--starasia-ui-text-white);
446
+ }
447
+
448
+ .starasia-text-color-success {
449
+ color: var(--starasia-ui-text-success);
450
+ }
451
+
452
+ .starasia-text-color-success-secondary {
453
+ color: var(--starasia-ui-text-successSecondary);
454
+ }
455
+
456
+ .starasia-text-color-success-secondary {
457
+ color: var(--starasia-ui-text-successSecondary);
458
+ }
459
+
460
+ .starasia-text-color-success-disable {
461
+ color: var(--starasia-ui-text-successDisable);
462
+ }
463
+
464
+ .starasia-text-color-danger {
465
+ color: var(--starasia-ui-text-danger);
466
+ }
467
+
468
+ .starasia-text-color-danger-secondary {
469
+ color: var(--starasia-ui-text-dangerSecondary);
470
+ }
471
+
472
+ .starasia-text-color-danger-disable {
473
+ color: var(--starasia-ui-text-dangerDisable);
474
+ }
475
+
476
+ .starasia-text-color-brand {
477
+ color: var(--starasia-ui-text-brand);
478
+ }
479
+
480
+ .starasia-text-color-brand-secondary {
481
+ color: var(--starasia-ui-text-brandSecondary);
482
+ }
483
+
484
+ .starasia-text-color-info {
485
+ color: var(--starasia-ui-text-info);
486
+ }
487
+
488
+ .starasia-text-color-info-secondary {
489
+ color: var(--starasia-ui-text-infoSecondary);
490
+ }
491
+
492
+ .starasia-text-color-warning {
493
+ color: var(--starasia-ui-text-warning);
494
+ }
495
+
496
+ .starasia-text-color-warning-disable {
497
+ color: var(--starasia-ui-text-warningDisable);
498
+ }
499
+
500
+ /* TEXT COLORS */
501
+ .starasia-text-color-text {
502
+ color: var(--starasia-ui-color-text);
503
+ }
504
+
505
+ .starasia-text-color-text-light {
506
+ color: var(--starasia-ui-color-text-light);
507
+ }
508
+
509
+ .starasia-text-color-text-muted {
510
+ color: var(--starasia-ui-color-text-muted);
511
+ }
512
+
513
+ /* gray color */
514
+
515
+ .starasia-text-color-gray-50 {
516
+ color: var(--starasia-ui-color-gray-50);
517
+ }
518
+
519
+ .starasia-text-color-gray-100 {
520
+ color: var(--starasia-ui-color-gray-100);
521
+ }
522
+
523
+ .starasia-text-color-gray-200 {
524
+ color: var(--starasia-ui-color-gray-200);
525
+ }
526
+
527
+ .starasia-text-color-gray-300 {
528
+ color: var(--starasia-ui-color-gray-300);
529
+ }
530
+
531
+ .starasia-text-color-gray-400 {
532
+ color: var(--starasia-ui-color-gray-400);
533
+ }
534
+
535
+ .starasia-text-color-gray-500 {
536
+ color: var(--starasia-ui-color-gray-500);
537
+ }
538
+
539
+ .starasia-text-color-gray-600 {
540
+ color: var(--starasia-ui-color-gray-600);
541
+ }
542
+
543
+ .starasia-text-color-gray-700 {
544
+ color: var(--starasia-ui-color-gray-700);
545
+ }
546
+
547
+ .starasia-text-color-gray-800 {
548
+ color: var(--starasia-ui-color-gray-800);
549
+ }
550
+
551
+ .starasia-text-color-gray-900 {
552
+ color: var(--starasia-ui-color-gray-900);
553
+ }
554
+
555
+ .starasia-text-color-gray-950 {
556
+ color: var(--starasia-ui-color-gray-950);
557
+ }
558
+
559
+ /* aloha color */
560
+
561
+ .starasia-text-color-aloha-50 {
562
+ color: var(--starasia-ui-color-aloha-50);
563
+ }
564
+
565
+ .starasia-text-color-aloha-100 {
566
+ color: var(--starasia-ui-color-aloha-100);
567
+ }
568
+
569
+ .starasia-text-color-aloha-200 {
570
+ color: var(--starasia-ui-color-aloha-200);
571
+ }
572
+
573
+ .starasia-text-color-aloha-300 {
574
+ color: var(--starasia-ui-color-aloha-300);
575
+ }
576
+
577
+ .starasia-text-color-aloha-400 {
578
+ color: var(--starasia-ui-color-aloha-400);
579
+ }
580
+
581
+ .starasia-text-color-aloha-500 {
582
+ color: var(--starasia-ui-color-aloha-500);
583
+ }
584
+
585
+ .starasia-text-color-aloha-600 {
586
+ color: var(--starasia-ui-color-aloha-600);
587
+ }
588
+
589
+ .starasia-text-color-aloha-700 {
590
+ color: var(--starasia-ui-color-aloha-700);
591
+ }
592
+
593
+ .starasia-text-color-aloha-800 {
594
+ color: var(--starasia-ui-color-aloha-800);
595
+ }
596
+
597
+ .starasia-text-color-aloha-900 {
598
+ color: var(--starasia-ui-color-aloha-900);
599
+ }
600
+
601
+ /* pink color */
602
+
603
+ .starasia-text-color-pink-50 {
604
+ color: var(--starasia-ui-color-pink-50);
605
+ }
606
+
607
+ .starasia-text-color-pink-100 {
608
+ color: var(--starasia-ui-color-pink-100);
609
+ }
610
+
611
+ .starasia-text-color-pink-200 {
612
+ color: var(--starasia-ui-color-pink-200);
613
+ }
614
+
615
+ .starasia-text-color-pink-300 {
616
+ color: var(--starasia-ui-color-pink-300);
617
+ }
618
+
619
+ .starasia-text-color-pink-400 {
620
+ color: var(--starasia-ui-color-pink-400);
621
+ }
622
+
623
+ .starasia-text-color-pink-500 {
624
+ color: var(--starasia-ui-color-pink-500);
625
+ }
626
+
627
+ .starasia-text-color-pink-600 {
628
+ color: var(--starasia-ui-color-pink-600);
629
+ }
630
+
631
+ .starasia-text-color-pink-700 {
632
+ color: var(--starasia-ui-color-pink-700);
633
+ }
634
+
635
+ .starasia-text-color-pink-800 {
636
+ color: var(--starasia-ui-color-pink-800);
637
+ }
638
+
639
+ .starasia-text-color-pink-900 {
640
+ color: var(--starasia-ui-color-pink-900);
641
+ }
642
+
643
+ /* red color */
644
+
645
+ .starasia-text-color-red-50 {
646
+ color: var(--starasia-ui-color-red-50);
647
+ }
648
+
649
+ .starasia-text-color-red-100 {
650
+ color: var(--starasia-ui-color-red-100);
651
+ }
652
+
653
+ .starasia-text-color-red-200 {
654
+ color: var(--starasia-ui-color-red-200);
655
+ }
656
+
657
+ .starasia-text-color-red-300 {
658
+ color: var(--starasia-ui-color-red-300);
659
+ }
660
+
661
+ .starasia-text-color-red-400 {
662
+ color: var(--starasia-ui-color-red-400);
663
+ }
664
+
665
+ .starasia-text-color-red-500 {
666
+ color: var(--starasia-ui-color-red-500);
667
+ }
668
+
669
+ .starasia-text-color-red-600 {
670
+ color: var(--starasia-ui-color-red-600);
671
+ }
672
+
673
+ .starasia-text-color-red-700 {
674
+ color: var(--starasia-ui-color-red-700);
675
+ }
676
+
677
+ .starasia-text-color-red-800 {
678
+ color: var(--starasia-ui-color-red-800);
679
+ }
680
+
681
+ .starasia-text-color-red-900 {
682
+ color: var(--starasia-ui-color-red-900);
683
+ }
684
+
685
+ .starasia-text-color-red-950 {
686
+ color: var(--starasia-ui-color-red-950);
687
+ }
688
+
689
+ /* orange color */
690
+
691
+ .starasia-text-color-orange-50 {
692
+ color: var(--starasia-ui-color-orange-50);
693
+ }
694
+
695
+ .starasia-text-color-orange-100 {
696
+ color: var(--starasia-ui-color-orange-100);
697
+ }
698
+
699
+ .starasia-text-color-orange-200 {
700
+ color: var(--starasia-ui-color-orange-200);
701
+ }
702
+
703
+ .starasia-text-color-orange-300 {
704
+ color: var(--starasia-ui-color-orange-300);
705
+ }
706
+
707
+ .starasia-text-color-orange-400 {
708
+ color: var(--starasia-ui-color-orange-400);
709
+ }
710
+
711
+ .starasia-text-color-orange-500 {
712
+ color: var(--starasia-ui-color-orange-500);
713
+ }
714
+
715
+ .starasia-text-color-orange-600 {
716
+ color: var(--starasia-ui-color-orange-600);
717
+ }
718
+
719
+ .starasia-text-color-orange-700 {
720
+ color: var(--starasia-ui-color-orange-700);
721
+ }
722
+
723
+ .starasia-text-color-orange-800 {
724
+ color: var(--starasia-ui-color-orange-800);
725
+ }
726
+
727
+ .starasia-text-color-orange-900 {
728
+ color: var(--starasia-ui-color-orange-900);
729
+ }
730
+
731
+ .starasia-text-color-orange-950 {
732
+ color: var(--starasia-ui-color-orange-950);
733
+ }
734
+
735
+ /* yellow color */
736
+
737
+ .starasia-text-color-yellow-50 {
738
+ color: var(--starasia-ui-color-yellow-50);
739
+ }
740
+
741
+ .starasia-text-color-yellow-100 {
742
+ color: var(--starasia-ui-color-yellow-100);
743
+ }
744
+
745
+ .starasia-text-color-yellow-200 {
746
+ color: var(--starasia-ui-color-yellow-200);
747
+ }
748
+
749
+ .starasia-text-color-yellow-300 {
750
+ color: var(--starasia-ui-color-yellow-300);
751
+ }
752
+
753
+ .starasia-text-color-yellow-400 {
754
+ color: var(--starasia-ui-color-yellow-400);
755
+ }
756
+
757
+ .starasia-text-color-yellow-500 {
758
+ color: var(--starasia-ui-color-yellow-500);
759
+ }
760
+
761
+ .starasia-text-color-yellow-600 {
762
+ color: var(--starasia-ui-color-yellow-600);
763
+ }
764
+
765
+ .starasia-text-color-yellow-700 {
766
+ color: var(--starasia-ui-color-yellow-700);
767
+ }
768
+
769
+ .starasia-text-color-yellow-800 {
770
+ color: var(--starasia-ui-color-yellow-800);
771
+ }
772
+
773
+ .starasia-text-color-yellow-900 {
774
+ color: var(--starasia-ui-color-yellow-900);
775
+ }
776
+
777
+ .starasia-text-color-yellow-950 {
778
+ color: var(--starasia-ui-color-yellow-950);
779
+ }
780
+
781
+ /* green color */
782
+
783
+ .starasia-text-color-green-50 {
784
+ color: var(--starasia-ui-color-green-50);
785
+ }
786
+
787
+ .starasia-text-color-green-100 {
788
+ color: var(--starasia-ui-color-green-100);
789
+ }
790
+
791
+ .starasia-text-color-green-200 {
792
+ color: var(--starasia-ui-color-green-200);
793
+ }
794
+
795
+ .starasia-text-color-green-300 {
796
+ color: var(--starasia-ui-color-green-300);
797
+ }
798
+
799
+ .starasia-text-color-green-400 {
800
+ color: var(--starasia-ui-color-green-400);
801
+ }
802
+
803
+ .starasia-text-color-green-500 {
804
+ color: var(--starasia-ui-color-green-500);
805
+ }
806
+
807
+ .starasia-text-color-green-600 {
808
+ color: var(--starasia-ui-color-green-600);
809
+ }
810
+
811
+ .starasia-text-color-green-700 {
812
+ color: var(--starasia-ui-color-green-700);
813
+ }
814
+
815
+ .starasia-text-color-green-800 {
816
+ color: var(--starasia-ui-color-green-800);
817
+ }
818
+
819
+ .starasia-text-color-green-900 {
820
+ color: var(--starasia-ui-color-green-900);
821
+ }
822
+
823
+ .starasia-text-color-green-950 {
824
+ color: var(--starasia-ui-color-green-950);
825
+ }
826
+
827
+ /* blue color */
828
+
829
+ .starasia-text-color-blue-50 {
830
+ color: var(--starasia-ui-color-blue-50);
831
+ }
832
+
833
+ .starasia-text-color-blue-100 {
834
+ color: var(--starasia-ui-color-blue-100);
835
+ }
836
+
837
+ .starasia-text-color-blue-200 {
838
+ color: var(--starasia-ui-color-blue-200);
839
+ }
840
+
841
+ .starasia-text-color-blue-300 {
842
+ color: var(--starasia-ui-color-blue-300);
843
+ }
844
+
845
+ .starasia-text-color-blue-400 {
846
+ color: var(--starasia-ui-color-blue-400);
847
+ }
848
+
849
+ .starasia-text-color-blue-500 {
850
+ color: var(--starasia-ui-color-blue-500);
851
+ }
852
+
853
+ .starasia-text-color-blue-600 {
854
+ color: var(--starasia-ui-color-blue-600);
855
+ }
856
+
857
+ .starasia-text-color-blue-700 {
858
+ color: var(--starasia-ui-color-blue-700);
859
+ }
860
+
861
+ .starasia-text-color-blue-800 {
862
+ color: var(--starasia-ui-color-blue-800);
863
+ }
864
+
865
+ .starasia-text-color-blue-900 {
866
+ color: var(--starasia-ui-color-blue-900);
867
+ }
868
+
869
+ .starasia-text-color-blue-950 {
870
+ color: var(--starasia-ui-color-blue-950);
871
+ }
872
+
873
+ /* purple color */
874
+
875
+ .starasia-text-color-purple-50 {
876
+ color: var(--starasia-ui-color-purple-50);
877
+ }
878
+
879
+ .starasia-text-color-purple-100 {
880
+ color: var(--starasia-ui-color-purple-100);
881
+ }
882
+
883
+ .starasia-text-color-purple-200 {
884
+ color: var(--starasia-ui-color-purple-200);
885
+ }
886
+
887
+ .starasia-text-color-purple-300 {
888
+ color: var(--starasia-ui-color-purple-300);
889
+ }
890
+
891
+ .starasia-text-color-purple-400 {
892
+ color: var(--starasia-ui-color-purple-400);
893
+ }
894
+
895
+ .starasia-text-color-purple-500 {
896
+ color: var(--starasia-ui-color-purple-500);
897
+ }
898
+
899
+ .starasia-text-color-purple-600 {
900
+ color: var(--starasia-ui-color-purple-600);
901
+ }
902
+
903
+ .starasia-text-color-purple-700 {
904
+ color: var(--starasia-ui-color-purple-700);
905
+ }
906
+
907
+ .starasia-text-color-purple-800 {
908
+ color: var(--starasia-ui-color-purple-800);
909
+ }
910
+
911
+ .starasia-text-color-purple-900 {
912
+ color: var(--starasia-ui-color-purple-900);
913
+ }
914
+
915
+ .starasia-text-color-purple-950 {
916
+ color: var(--starasia-ui-color-purple-950);
917
+ }
918
+
919
+ .starasia-margin-xs {
920
+ margin: var(--starasia-ui-spacing-xs);
921
+ }
922
+
923
+ .starasia-margin-auto {
924
+ margin: auto;
925
+ }
926
+
927
+ .starasia-margin-sm {
928
+ margin: var(--starasia-ui-spacing-sm);
929
+ }
930
+
931
+ .starasia-margin-md {
932
+ margin: var(--starasia-ui-spacing-md);
933
+ }
934
+
935
+ .starasia-margin-lg {
936
+ margin: var(--starasia-ui-spacing-lg);
937
+ }
938
+
939
+ .starasia-margin-xl {
940
+ margin: var(--starasia-ui-spacing-xl);
941
+ }
942
+
943
+ .starasia-margin-2xl {
944
+ margin: var(--starasia-ui-spacing-2xl);
945
+ }
946
+
947
+ .starasia-margin-3xl {
948
+ margin: var(--starasia-ui-spacing-3xl);
949
+ }
950
+
951
+ .starasia-margin-spacing-0 {
952
+ margin: 0;
953
+ }
954
+
955
+ .starasia-margin-spacing-1 {
956
+ margin: var(--starasia-ui-spacing-1);
957
+ }
958
+
959
+ .starasia-margin-spacing-2 {
960
+ margin: var(--starasia-ui-spacing-2);
961
+ }
962
+
963
+ .starasia-margin-spacing-3 {
964
+ margin: var(--starasia-ui-spacing-3);
965
+ }
966
+
967
+ .starasia-margin-spacing-4 {
968
+ margin: var(--starasia-ui-spacing-4);
969
+ }
970
+
971
+ .starasia-margin-spacing-5 {
972
+ margin: var(--starasia-ui-spacing-5);
973
+ }
974
+
975
+ .starasia-margin-spacing-6 {
976
+ margin: var(--starasia-ui-spacing-6);
977
+ }
978
+
979
+ .starasia-margin-spacing-8 {
980
+ margin: var(--starasia-ui-spacing-8);
981
+ }
982
+
983
+ .starasia-margin-spacing-10 {
984
+ margin: var(--starasia-ui-spacing-10);
985
+ }
986
+
987
+ .starasia-margin-spacing-12 {
988
+ margin: var(--starasia-ui-spacing-12);
989
+ }
990
+
991
+ .starasia-margin-spacing-14 {
992
+ margin: var(--starasia-ui-spacing-14);
993
+ }
994
+
995
+ .starasia-margin-spacing-16 {
996
+ margin: var(--starasia-ui-spacing-16);
997
+ }
998
+
999
+ .starasia-margin-spacing-18 {
1000
+ margin: var(--starasia-ui-spacing-18);
1001
+ }
1002
+
1003
+ .starasia-margin-spacing-20 {
1004
+ margin: var(--starasia-ui-spacing-20);
1005
+ }
1006
+
1007
+ .starasia-margin-spacing-24 {
1008
+ margin: var(--starasia-ui-spacing-24);
1009
+ }
1010
+
1011
+ .starasia-margin-spacing-28 {
1012
+ margin: var(--starasia-ui-spacing-28);
1013
+ }
1014
+
1015
+ .starasia-margin-spacing-32 {
1016
+ margin: var(--starasia-ui-spacing-32);
1017
+ }
1018
+
1019
+ .starasia-margin-spacing-36 {
1020
+ margin: var(--starasia-ui-spacing-36);
1021
+ }
1022
+
1023
+ .starasia-margin-spacing-40 {
1024
+ margin: var(--starasia-ui-spacing-40);
1025
+ }
1026
+
1027
+ .starasia-margin-spacing-48 {
1028
+ margin: var(--starasia-ui-spacing-48);
1029
+ }
1030
+
1031
+ .starasia-margin-spacing-56 {
1032
+ margin: var(--starasia-ui-spacing-56);
1033
+ }
1034
+
1035
+ .starasia-margin-spacing-64 {
1036
+ margin: var(--starasia-ui-spacing-64);
1037
+ }
1038
+
1039
+ .starasia-margin-spacing-80 {
1040
+ margin: var(--starasia-ui-spacing-80);
1041
+ }
1042
+
1043
+ .starasia-margin-spacing-96 {
1044
+ margin: var(--starasia-ui-spacing-96);
1045
+ }
1046
+
1047
+ .starasia-margin-spacing-128 {
1048
+ margin: var(--starasia-ui-spacing-128);
1049
+ }
1050
+
1051
+ .starasia-margin-spacing-160 {
1052
+ margin: var(--starasia-ui-spacing-160);
1053
+ }
1054
+
1055
+ .starasia-margin-spacing-192 {
1056
+ margin: var(--starasia-ui-spacing-192);
1057
+ }
1058
+
1059
+ .starasia-margin-spacing-224 {
1060
+ margin: var(--starasia-ui-spacing-224);
1061
+ }
1062
+
1063
+ .starasia-margin-spacing-256 {
1064
+ margin: var(--starasia-ui-spacing-256);
1065
+ }
1066
+
1067
+ /* MARGIN TOP */
1068
+ .starasia-margin-top-xs {
1069
+ margin-top: var(--starasia-ui-spacing-xs);
1070
+ }
1071
+
1072
+ .starasia-margin-top-sm {
1073
+ margin-top: var(--starasia-ui-spacing-sm);
1074
+ }
1075
+
1076
+ .starasia-margin-top-md {
1077
+ margin-top: var(--starasia-ui-spacing-md);
1078
+ }
1079
+
1080
+ .starasia-margin-top-lg {
1081
+ margin-top: var(--starasia-ui-spacing-lg);
1082
+ }
1083
+
1084
+ .starasia-margin-top-xl {
1085
+ margin-top: var(--starasia-ui-spacing-xl);
1086
+ }
1087
+
1088
+ .starasia-margin-top-2xl {
1089
+ margin-top: var(--starasia-ui-spacing-2xl);
1090
+ }
1091
+
1092
+ .starasia-margin-top-3xl {
1093
+ margin-top: var(--starasia-ui-spacing-3xl);
1094
+ }
1095
+
1096
+ .starasia-margin-top-spacing-0 {
1097
+ margin-top: 0;
1098
+ }
1099
+
1100
+ .starasia-margin-top-spacing-1 {
1101
+ margin-top: var(--starasia-ui-spacing-1);
1102
+ }
1103
+
1104
+ .starasia-margin-top-spacing-2 {
1105
+ margin-top: var(--starasia-ui-spacing-2);
1106
+ }
1107
+
1108
+ .starasia-margin-top-spacing-3 {
1109
+ margin-top: var(--starasia-ui-spacing-3);
1110
+ }
1111
+
1112
+ .starasia-margin-top-spacing-4 {
1113
+ margin-top: var(--starasia-ui-spacing-4);
1114
+ }
1115
+
1116
+ .starasia-margin-top-spacing-5 {
1117
+ margin-top: var(--starasia-ui-spacing-5);
1118
+ }
1119
+
1120
+ .starasia-margin-top-spacing-6 {
1121
+ margin-top: var(--starasia-ui-spacing-6);
1122
+ }
1123
+
1124
+ .starasia-margin-top-spacing-8 {
1125
+ margin-top: var(--starasia-ui-spacing-8);
1126
+ }
1127
+
1128
+ .starasia-margin-top-spacing-10 {
1129
+ margin-top: var(--starasia-ui-spacing-10);
1130
+ }
1131
+
1132
+ .starasia-margin-top-spacing-12 {
1133
+ margin-top: var(--starasia-ui-spacing-12);
1134
+ }
1135
+
1136
+ .starasia-margin-top-spacing-14 {
1137
+ margin-top: var(--starasia-ui-spacing-14);
1138
+ }
1139
+
1140
+ .starasia-margin-top-spacing-16 {
1141
+ margin-top: var(--starasia-ui-spacing-16);
1142
+ }
1143
+
1144
+ .starasia-margin-top-spacing-18 {
1145
+ margin-top: var(--starasia-ui-spacing-18);
1146
+ }
1147
+
1148
+ .starasia-margin-top-spacing-20 {
1149
+ margin-top: var(--starasia-ui-spacing-20);
1150
+ }
1151
+
1152
+ .starasia-margin-top-spacing-24 {
1153
+ margin-top: var(--starasia-ui-spacing-24);
1154
+ }
1155
+
1156
+ .starasia-margin-top-spacing-28 {
1157
+ margin-top: var(--starasia-ui-spacing-28);
1158
+ }
1159
+
1160
+ .starasia-margin-top-spacing-32 {
1161
+ margin-top: var(--starasia-ui-spacing-32);
1162
+ }
1163
+
1164
+ .starasia-margin-top-spacing-36 {
1165
+ margin-top: var(--starasia-ui-spacing-36);
1166
+ }
1167
+
1168
+ .starasia-margin-top-spacing-40 {
1169
+ margin-top: var(--starasia-ui-spacing-40);
1170
+ }
1171
+
1172
+ .starasia-margin-top-spacing-48 {
1173
+ margin-top: var(--starasia-ui-spacing-48);
1174
+ }
1175
+
1176
+ .starasia-margin-top-spacing-56 {
1177
+ margin-top: var(--starasia-ui-spacing-56);
1178
+ }
1179
+
1180
+ .starasia-margin-top-spacing-64 {
1181
+ margin-top: var(--starasia-ui-spacing-64);
1182
+ }
1183
+
1184
+ .starasia-margin-top-spacing-80 {
1185
+ margin-top: var(--starasia-ui-spacing-80);
1186
+ }
1187
+
1188
+ .starasia-margin-top-spacing-96 {
1189
+ margin-top: var(--starasia-ui-spacing-96);
1190
+ }
1191
+
1192
+ .starasia-margin-top-spacing-128 {
1193
+ margin-top: var(--starasia-ui-spacing-128);
1194
+ }
1195
+
1196
+ .starasia-margin-top-spacing-160 {
1197
+ margin-top: var(--starasia-ui-spacing-160);
1198
+ }
1199
+
1200
+ .starasia-margin-top-spacing-192 {
1201
+ margin-top: var(--starasia-ui-spacing-192);
1202
+ }
1203
+
1204
+ .starasia-margin-top-spacing-224 {
1205
+ margin-top: var(--starasia-ui-spacing-224);
1206
+ }
1207
+
1208
+ .starasia-margin-top-spacing-256 {
1209
+ margin-top: var(--starasia-ui-spacing-256);
1210
+ }
1211
+
1212
+ /* MARGIN RIGHT */
1213
+ .starasia-margin-right-xs {
1214
+ margin-right: var(--starasia-ui-spacing-xs);
1215
+ }
1216
+
1217
+ .starasia-margin-right-sm {
1218
+ margin-right: var(--starasia-ui-spacing-sm);
1219
+ }
1220
+
1221
+ .starasia-margin-right-md {
1222
+ margin-right: var(--starasia-ui-spacing-md);
1223
+ }
1224
+
1225
+ .starasia-margin-right-lg {
1226
+ margin-right: var(--starasia-ui-spacing-lg);
1227
+ }
1228
+
1229
+ .starasia-margin-right-xl {
1230
+ margin-right: var(--starasia-ui-spacing-xl);
1231
+ }
1232
+
1233
+ .starasia-margin-right-2xl {
1234
+ margin-right: var(--starasia-ui-spacing-2xl);
1235
+ }
1236
+
1237
+ .starasia-margin-right-3xl {
1238
+ margin-right: var(--starasia-ui-spacing-3xl);
1239
+ }
1240
+
1241
+ .starasia-margin-right-spacing-0 {
1242
+ margin-right: 0;
1243
+ }
1244
+
1245
+ .starasia-margin-right-spacing-1 {
1246
+ margin-right: var(--starasia-ui-spacing-1);
1247
+ }
1248
+
1249
+ .starasia-margin-right-spacing-2 {
1250
+ margin-right: var(--starasia-ui-spacing-2);
1251
+ }
1252
+
1253
+ .starasia-margin-right-spacing-3 {
1254
+ margin-right: var(--starasia-ui-spacing-3);
1255
+ }
1256
+
1257
+ .starasia-margin-right-spacing-4 {
1258
+ margin-right: var(--starasia-ui-spacing-4);
1259
+ }
1260
+
1261
+ .starasia-margin-right-spacing-5 {
1262
+ margin-right: var(--starasia-ui-spacing-5);
1263
+ }
1264
+
1265
+ .starasia-margin-right-spacing-6 {
1266
+ margin-right: var(--starasia-ui-spacing-6);
1267
+ }
1268
+
1269
+ .starasia-margin-right-spacing-8 {
1270
+ margin-right: var(--starasia-ui-spacing-8);
1271
+ }
1272
+
1273
+ .starasia-margin-right-spacing-10 {
1274
+ margin-right: var(--starasia-ui-spacing-10);
1275
+ }
1276
+
1277
+ .starasia-margin-right-spacing-12 {
1278
+ margin-right: var(--starasia-ui-spacing-12);
1279
+ }
1280
+
1281
+ .starasia-margin-right-spacing-14 {
1282
+ margin-right: var(--starasia-ui-spacing-14);
1283
+ }
1284
+
1285
+ .starasia-margin-right-spacing-16 {
1286
+ margin-right: var(--starasia-ui-spacing-16);
1287
+ }
1288
+
1289
+ .starasia-margin-right-spacing-18 {
1290
+ margin-right: var(--starasia-ui-spacing-18);
1291
+ }
1292
+
1293
+ .starasia-margin-right-spacing-20 {
1294
+ margin-right: var(--starasia-ui-spacing-20);
1295
+ }
1296
+
1297
+ .starasia-margin-right-spacing-24 {
1298
+ margin-right: var(--starasia-ui-spacing-24);
1299
+ }
1300
+
1301
+ .starasia-margin-right-spacing-28 {
1302
+ margin-right: var(--starasia-ui-spacing-28);
1303
+ }
1304
+
1305
+ .starasia-margin-right-spacing-32 {
1306
+ margin-right: var(--starasia-ui-spacing-32);
1307
+ }
1308
+
1309
+ .starasia-margin-right-spacing-36 {
1310
+ margin-right: var(--starasia-ui-spacing-36);
1311
+ }
1312
+
1313
+ .starasia-margin-right-spacing-40 {
1314
+ margin-right: var(--starasia-ui-spacing-40);
1315
+ }
1316
+
1317
+ .starasia-margin-right-spacing-48 {
1318
+ margin-right: var(--starasia-ui-spacing-48);
1319
+ }
1320
+
1321
+ .starasia-margin-right-spacing-56 {
1322
+ margin-right: var(--starasia-ui-spacing-56);
1323
+ }
1324
+
1325
+ .starasia-margin-right-spacing-64 {
1326
+ margin-right: var(--starasia-ui-spacing-64);
1327
+ }
1328
+
1329
+ .starasia-margin-right-spacing-80 {
1330
+ margin-right: var(--starasia-ui-spacing-80);
1331
+ }
1332
+
1333
+ .starasia-margin-right-spacing-96 {
1334
+ margin-right: var(--starasia-ui-spacing-96);
1335
+ }
1336
+
1337
+ .starasia-margin-right-spacing-128 {
1338
+ margin-right: var(--starasia-ui-spacing-128);
1339
+ }
1340
+
1341
+ .starasia-margin-right-spacing-160 {
1342
+ margin-right: var(--starasia-ui-spacing-160);
1343
+ }
1344
+
1345
+ .starasia-margin-right-spacing-192 {
1346
+ margin-right: var(--starasia-ui-spacing-192);
1347
+ }
1348
+
1349
+ .starasia-margin-right-spacing-224 {
1350
+ margin-right: var(--starasia-ui-spacing-224);
1351
+ }
1352
+
1353
+ .starasia-margin-right-spacing-256 {
1354
+ margin-right: var(--starasia-ui-spacing-256);
1355
+ }
1356
+
1357
+ /* MARGIN BOTTOM */
1358
+ .starasia-margin-bottom-xs {
1359
+ margin-bottom: var(--starasia-ui-spacing-xs);
1360
+ }
1361
+
1362
+ .starasia-margin-bottom-sm {
1363
+ margin-bottom: var(--starasia-ui-spacing-sm);
1364
+ }
1365
+
1366
+ .starasia-margin-bottom-md {
1367
+ margin-bottom: var(--starasia-ui-spacing-md);
1368
+ }
1369
+
1370
+ .starasia-margin-bottom-lg {
1371
+ margin-bottom: var(--starasia-ui-spacing-lg);
1372
+ }
1373
+
1374
+ .starasia-margin-bottom-xl {
1375
+ margin-bottom: var(--starasia-ui-spacing-xl);
1376
+ }
1377
+
1378
+ .starasia-margin-bottom-2xl {
1379
+ margin-bottom: var(--starasia-ui-spacing-2xl);
1380
+ }
1381
+
1382
+ .starasia-margin-bottom-3xl {
1383
+ margin-bottom: var(--starasia-ui-spacing-3xl);
1384
+ }
1385
+
1386
+ .starasia-margin-bottom-spacing-0 {
1387
+ margin-bottom: 0;
1388
+ }
1389
+
1390
+ .starasia-margin-bottom-spacing-1 {
1391
+ margin-bottom: var(--starasia-ui-spacing-1);
1392
+ }
1393
+
1394
+ .starasia-margin-bottom-spacing-2 {
1395
+ margin-bottom: var(--starasia-ui-spacing-2);
1396
+ }
1397
+
1398
+ .starasia-margin-bottom-spacing-3 {
1399
+ margin-bottom: var(--starasia-ui-spacing-3);
1400
+ }
1401
+
1402
+ .starasia-margin-bottom-spacing-4 {
1403
+ margin-bottom: var(--starasia-ui-spacing-4);
1404
+ }
1405
+
1406
+ .starasia-margin-bottom-spacing-5 {
1407
+ margin-bottom: var(--starasia-ui-spacing-5);
1408
+ }
1409
+
1410
+ .starasia-margin-bottom-spacing-6 {
1411
+ margin-bottom: var(--starasia-ui-spacing-6);
1412
+ }
1413
+
1414
+ .starasia-margin-bottom-spacing-8 {
1415
+ margin-bottom: var(--starasia-ui-spacing-8);
1416
+ }
1417
+
1418
+ .starasia-margin-bottom-spacing-10 {
1419
+ margin-bottom: var(--starasia-ui-spacing-10);
1420
+ }
1421
+
1422
+ .starasia-margin-bottom-spacing-12 {
1423
+ margin-bottom: var(--starasia-ui-spacing-12);
1424
+ }
1425
+
1426
+ .starasia-margin-bottom-spacing-14 {
1427
+ margin-bottom: var(--starasia-ui-spacing-14);
1428
+ }
1429
+
1430
+ .starasia-margin-bottom-spacing-16 {
1431
+ margin-bottom: var(--starasia-ui-spacing-16);
1432
+ }
1433
+
1434
+ .starasia-margin-bottom-spacing-18 {
1435
+ margin-bottom: var(--starasia-ui-spacing-18);
1436
+ }
1437
+
1438
+ .starasia-margin-bottom-spacing-20 {
1439
+ margin-bottom: var(--starasia-ui-spacing-20);
1440
+ }
1441
+
1442
+ .starasia-margin-bottom-spacing-24 {
1443
+ margin-bottom: var(--starasia-ui-spacing-24);
1444
+ }
1445
+
1446
+ .starasia-margin-bottom-spacing-28 {
1447
+ margin-bottom: var(--starasia-ui-spacing-28);
1448
+ }
1449
+
1450
+ .starasia-margin-bottom-spacing-32 {
1451
+ margin-bottom: var(--starasia-ui-spacing-32);
1452
+ }
1453
+
1454
+ .starasia-margin-bottom-spacing-36 {
1455
+ margin-bottom: var(--starasia-ui-spacing-36);
1456
+ }
1457
+
1458
+ .starasia-margin-bottom-spacing-40 {
1459
+ margin-bottom: var(--starasia-ui-spacing-40);
1460
+ }
1461
+
1462
+ .starasia-margin-bottom-spacing-48 {
1463
+ margin-bottom: var(--starasia-ui-spacing-48);
1464
+ }
1465
+
1466
+ .starasia-margin-bottom-spacing-56 {
1467
+ margin-bottom: var(--starasia-ui-spacing-56);
1468
+ }
1469
+
1470
+ .starasia-margin-bottom-spacing-64 {
1471
+ margin-bottom: var(--starasia-ui-spacing-64);
1472
+ }
1473
+
1474
+ .starasia-margin-bottom-spacing-80 {
1475
+ margin-bottom: var(--starasia-ui-spacing-80);
1476
+ }
1477
+
1478
+ .starasia-margin-bottom-spacing-96 {
1479
+ margin-bottom: var(--starasia-ui-spacing-96);
1480
+ }
1481
+
1482
+ .starasia-margin-bottom-spacing-128 {
1483
+ margin-bottom: var(--starasia-ui-spacing-128);
1484
+ }
1485
+
1486
+ .starasia-margin-bottom-spacing-160 {
1487
+ margin-bottom: var(--starasia-ui-spacing-160);
1488
+ }
1489
+
1490
+ .starasia-margin-bottom-spacing-192 {
1491
+ margin-bottom: var(--starasia-ui-spacing-192);
1492
+ }
1493
+
1494
+ .starasia-margin-bottom-spacing-224 {
1495
+ margin-bottom: var(--starasia-ui-spacing-224);
1496
+ }
1497
+
1498
+ .starasia-margin-bottom-spacing-256 {
1499
+ margin-bottom: var(--starasia-ui-spacing-256);
1500
+ }
1501
+
1502
+ /* MARGIN LEFT */
1503
+ .starasia-margin-left-xs {
1504
+ margin-left: var(--starasia-ui-spacing-xs);
1505
+ /* 0.25rem */
1506
+ }
1507
+
1508
+ .starasia-margin-left-sm {
1509
+ margin-left: var(--starasia-ui-spacing-sm);
1510
+ /* 0.5rem */
1511
+ }
1512
+
1513
+ .starasia-margin-left-md {
1514
+ margin-left: var(--starasia-ui-spacing-md);
1515
+ /* 0.75rem */
1516
+ }
1517
+
1518
+ .starasia-margin-left-lg {
1519
+ margin-left: var(--starasia-ui-spacing-lg);
1520
+ /* 1rem */
1521
+ }
1522
+
1523
+ .starasia-margin-left-xl {
1524
+ margin-left: var(--starasia-ui-spacing-xl);
1525
+ /* 1.5rem */
1526
+ }
1527
+
1528
+ .starasia-margin-left-2xl {
1529
+ margin-left: var(--starasia-ui-spacing-2xl);
1530
+ /* 2rem */
1531
+ }
1532
+
1533
+ .starasia-margin-left-3xl {
1534
+ margin-left: var(--starasia-ui-spacing-3xl);
1535
+ /* 4rem */
1536
+ }
1537
+
1538
+ .starasia-margin-left-spacing-0 {
1539
+ margin-left: 0;
1540
+ }
1541
+
1542
+ .starasia-margin-left-spacing-1 {
1543
+ margin-left: var(--starasia-ui-spacing-1);
1544
+ /* 0.063rem */
1545
+ }
1546
+
1547
+ .starasia-margin-left-spacing-2 {
1548
+ margin-left: var(--starasia-ui-spacing-2);
1549
+ /* 0.125rem */
1550
+ }
1551
+
1552
+ .starasia-margin-left-spacing-4 {
1553
+ margin-left: var(--starasia-ui-spacing-4);
1554
+ /* 0.25rem */
1555
+ }
1556
+
1557
+ .starasia-margin-left-spacing-6 {
1558
+ margin-left: var(--starasia-ui-spacing-6);
1559
+ /* 0.375rem */
1560
+ }
1561
+
1562
+ .starasia-margin-left-spacing-8 {
1563
+ margin-left: var(--starasia-ui-spacing-8);
1564
+ /* 0.5rem */
1565
+ }
1566
+
1567
+ .starasia-margin-left-spacing-10 {
1568
+ margin-left: var(--starasia-ui-spacing-10);
1569
+ /* 0.625rem */
1570
+ }
1571
+
1572
+ .starasia-margin-left-spacing-12 {
1573
+ margin-left: var(--starasia-ui-spacing-12);
1574
+ /* 0.75rem */
1575
+ }
1576
+
1577
+ .starasia-margin-left-spacing-14 {
1578
+ margin-left: var(--starasia-ui-spacing-14);
1579
+ /* 0.875rem */
1580
+ }
1581
+
1582
+ .starasia-margin-left-spacing-16 {
1583
+ margin-left: var(--starasia-ui-spacing-16);
1584
+ /* 1rem */
1585
+ }
1586
+
1587
+ .starasia-margin-left-spacing-18 {
1588
+ margin-left: var(--starasia-ui-spacing-18);
1589
+ /* 1.125rem */
1590
+ }
1591
+
1592
+ .starasia-margin-left-spacing-20 {
1593
+ margin-left: var(--starasia-ui-spacing-20);
1594
+ /* 1.25rem */
1595
+ }
1596
+
1597
+ .starasia-margin-left-spacing-24 {
1598
+ margin-left: var(--starasia-ui-spacing-24);
1599
+ /* 1.5rem */
1600
+ }
1601
+
1602
+ .starasia-margin-left-spacing-28 {
1603
+ margin-left: var(--starasia-ui-spacing-28);
1604
+ /* 1.75rem */
1605
+ }
1606
+
1607
+ .starasia-margin-left-spacing-32 {
1608
+ margin-left: var(--starasia-ui-spacing-32);
1609
+ /* 2rem */
1610
+ }
1611
+
1612
+ .starasia-margin-left-spacing-36 {
1613
+ margin-left: var(--starasia-ui-spacing-36);
1614
+ /* 2.25rem */
1615
+ }
1616
+
1617
+ .starasia-margin-left-spacing-40 {
1618
+ margin-left: var(--starasia-ui-spacing-40);
1619
+ /* 2.5rem */
1620
+ }
1621
+
1622
+ .starasia-margin-left-spacing-48 {
1623
+ margin-left: var(--starasia-ui-spacing-48);
1624
+ /* 3rem */
1625
+ }
1626
+
1627
+ .starasia-margin-left-spacing-64 {
1628
+ margin-left: var(--starasia-ui-spacing-64);
1629
+ /* 4rem */
1630
+ }
1631
+
1632
+ .starasia-margin-left-spacing-80 {
1633
+ margin-left: var(--starasia-ui-spacing-80);
1634
+ /* 5rem */
1635
+ }
1636
+
1637
+ .starasia-margin-left-spacing-96 {
1638
+ margin-left: var(--starasia-ui-spacing-96);
1639
+ /* 6rem */
1640
+ }
1641
+
1642
+ .starasia-margin-left-spacing-128 {
1643
+ margin-left: var(--starasia-ui-spacing-128);
1644
+ /* 8rem */
1645
+ }
1646
+
1647
+ .starasia-margin-left-spacing-160 {
1648
+ margin-left: var(--starasia-ui-spacing-160);
1649
+ /* 10rem */
1650
+ }
1651
+
1652
+ .starasia-margin-left-spacing-192 {
1653
+ margin-left: var(--starasia-ui-spacing-192);
1654
+ /* 12rem */
1655
+ }
1656
+
1657
+ .starasia-margin-left-spacing-224 {
1658
+ margin-left: var(--starasia-ui-spacing-224);
1659
+ /* 14rem */
1660
+ }
1661
+
1662
+ .starasia-margin-left-spacing-256 {
1663
+ margin-left: var(--starasia-ui-spacing-256);
1664
+ /* 16rem */
1665
+ }
1666
+
1667
+ .starasia-leading-3 {
1668
+ line-height: var(--starasia-ui-lineHeight-3);
1669
+ }
1670
+
1671
+ .starasia-leading-4 {
1672
+ line-height: var(--starasia-ui-lineHeight-4);
1673
+ }
1674
+
1675
+ .starasia-leading-5 {
1676
+ line-height: var(--starasia-ui-lineHeight-5);
1677
+ }
1678
+
1679
+ .starasia-leading-6 {
1680
+ line-height: var(--starasia-ui-lineHeight-6);
1681
+ }
1682
+
1683
+ .starasia-leading-7 {
1684
+ line-height: var(--starasia-ui-lineHeight-7);
1685
+ }
1686
+
1687
+ .starasia-leading-8 {
1688
+ line-height: var(--starasia-ui-lineHeight-8);
1689
+ }
1690
+
1691
+ .starasia-leading-9 {
1692
+ line-height: var(--starasia-ui-lineHeight-9);
1693
+ }
1694
+
1695
+ .starasia-leading-10 {
1696
+ line-height: var(--starasia-ui-lineHeight-10);
1697
+ }
1698
+
1699
+ .starasia-leading-none {
1700
+ line-height: var(--starasia-ui-lineHeight-none);
1701
+ }
1702
+
1703
+ .starasia-leading-tight {
1704
+ line-height: var(--starasia-ui-lineHeight-tight);
1705
+ }
1706
+
1707
+ .starasia-leading-snug {
1708
+ line-height: var(--starasia-ui-lineHeight-snug);
1709
+ }
1710
+
1711
+ .starasia-leading-normal {
1712
+ line-height: var(--starasia-ui-lineHeight-normal);
1713
+ }
1714
+
1715
+ .starasia-leading-relaxed {
1716
+ line-height: var(--starasia-ui-lineHeight-relaxed);
1717
+ }
1718
+
1719
+ .starasia-leading-loose {
1720
+ line-height: var(--starasia-ui-lineHeight-loose);
1721
+ }
1722
+
1723
+ /* type */
1724
+ .starasia-text-h1 {
1725
+ /* font-size: var(--starasia-ui-fontSizes-2xl); */
1726
+ font-size: 32px;
1727
+ font-weight: var(--starasia-ui-fontWeights-semibold);
1728
+ }
1729
+
1730
+ .starasia-text-h2 {
1731
+ font-size: var(--starasia-ui-fontSizes-3xl);
1732
+ font-weight: var(--starasia-ui-fontWeights-semibold);
1733
+ }
1734
+
1735
+ .starasia-text-h3 {
1736
+ font-size: var(--starasia-ui-fontSizes-2xl);
1737
+ font-weight: var(--starasia-ui-fontWeights-semibold);
1738
+ }
1739
+
1740
+ .starasia-text-h4 {
1741
+ font-size: var(--starasia-ui-fontSizes-lg);
1742
+ font-weight: var(--starasia-ui-fontWeights-semibold);
1743
+ }
1744
+
1745
+ .starasia-text-h5 {
1746
+ font-size: var(--starasia-ui-fontSizes-md);
1747
+ font-weight: var(--starasia-ui-fontWeights-semibold);
1748
+ }
1749
+
1750
+ .starasia-text-h6 {
1751
+ font-size: var(--starasia-ui-fontSizes-sm);
1752
+ font-weight: var(--starasia-ui-fontWeights-semibold);
1753
+ }
1754
+
1755
+ .starasia-text-sub-h1 {
1756
+ font-size: var(--starasia-ui-fontSizes-xl);
1757
+ font-weight: var(--starasia-ui-fontWeights-medium);
1758
+ }
1759
+
1760
+ .starasia-text-sub-h2 {
1761
+ font-size: var(--starasia-ui-fontSizes-lg);
1762
+ font-weight: var(--starasia-ui-fontWeights-medium);
1763
+ }
1764
+
1765
+ .starasia-text-sub-h3 {
1766
+ font-size: var(--starasia-ui-fontSizes-md);
1767
+ font-weight: var(--starasia-ui-fontWeights-medium);
1768
+ }
1769
+
1770
+ .starasia-text-body-1 {
1771
+ font-size: var(--starasia-ui-fontSizes-md);
1772
+ font-weight: var(--starasia-ui-fontWeights-normal);
1773
+ }
1774
+
1775
+ .starasia-text-body-2 {
1776
+ font-size: var(--starasia-ui-fontSizes-sm);
1777
+ font-weight: var(--starasia-ui-fontWeights-medium);
1778
+ }
1779
+
1780
+ .starasia-text-body-3 {
1781
+ font-size: var(--starasia-ui-fontSizes-sm);
1782
+ font-weight: var(--starasia-ui-fontWeights-normal);
1783
+ }
1784
+
1785
+ .starasia-text-truncate {
1786
+ white-space: nowrap;
1787
+ overflow: hidden;
1788
+ text-overflow: ellipsis;
1789
+ }
1790
+ `,O=n=>!Number(n)&&Number(n)!==0?n:new Intl.NumberFormat("id-ID",{style:"currency",currency:"IDR",minimumFractionDigits:0}).format(n),R=(n,a,e,s,t,o,g,u,m,p,v,f)=>{const i=[];return n&&i.push(`starasia-fontSizes-${n}`),a&&i.push(`starasia-fontWeights-${a}`),e&&i.push(`starasia-text-align-${e}`),s&&i.push(`starasia-text-color-${s}`),t&&i.push(`starasia-margin-${t}`),o&&i.push(`starasia-margin-top-${o}`),g&&i.push(`starasia-margin-right-${g}`),u&&i.push(`starasia-margin-bottom-${u}`),m&&i.push(`starasia-margin-left-${m}`),p&&i.push(`starasia-${p}`),v&&i.push(`starasia-text-${v}`),f&&i.push("starasia-text-truncate"),i.push(""),i.join(" ")},b="starasia-text-styles";(n=>{if(!document.getElementById(b)){const a=document.createElement("style");a.id=b,a.textContent=n,document.head.appendChild(a)}})(C);const E=n=>{const{children:a,fontSize:e="md",fontWeight:s="normal",align:t="left",color:o="text",margin:g="spacing-0",marginTop:u,marginBottom:m,marginRight:p,marginLeft:v,lineHeight:f,textAlign:i="left",fontFamily:L="Poppins",letterSpacing:j,currency:A,variant:M,truncate:G,...d}=n;return H.jsx("p",{...d,className:`${R(e,s,i,o,g,u,p,m,v,f,M,G)} ${d.className}`,style:{fontFamily:`${L}, sans-serif`,letterSpacing:j,...d.style},children:A?O(a):a})},N=["leading-3","leading-4","leading-5","leading-6","leading-7","leading-8","leading-9","leading-10","leading-none","leading-tight","leading-snug","leading-normal","leading-relaxed","leading-loose"],_=["xs","sm","md","lg","auto","spacing-0","spacing-1","spacing-2","spacing-3","spacing-4","spacing-5","spacing-6","spacing-8","spacing-10","spacing-12","spacing-16","spacing-20","spacing-24","spacing-32","spacing-40","spacing-48","spacing-56","spacing-64"],I=["left","center","right"],$=["hairline","thin","light","normal","medium","semibold","bold","extrabold","black"],y=[{name:"brand",colors:["primary"]},{name:"state",colors:["default","secondary","tertiary","disable","white","success","success-secondary","success-disable","danger","danger-secondary","danger-disable","brand","brand-secondary","info","info-secondary","warning","warning-disable","error"]},{name:"text",colors:["text","text-light","text-muted"]},{name:"gray",colors:["gray-50","gray-100","gray-200","gray-300","gray-400","gray-500","gray-600","gray-700","gray-800","gray-900","gray-950"]},{name:"red",colors:["red-50","red-100","red-200","red-300","red-400","red-500","red-600","red-700","red-800","red-900","red-950"]},{name:"orange",colors:["orange-50","orange-100","orange-200","orange-300","orange-400","orange-500","orange-600","orange-700","orange-800","orange-900","orange-950"]},{name:"yellow",colors:["yellow-50","yellow-100","yellow-200","yellow-300","yellow-400","yellow-500","yellow-600","yellow-700","yellow-800","yellow-900","yellow-950"]},{name:"green",colors:["green-50","green-100","green-200","green-300","green-400","green-500","green-600","green-700","green-800","green-900","green-950"]},{name:"blue",colors:["blue-50","blue-100","blue-200","blue-300","blue-400","blue-500","blue-600","blue-700","blue-800","blue-900","blue-950"]},{name:"purple",colors:["purple-50","purple-100","purple-200","purple-300","purple-400","purple-500","purple-600","purple-700","purple-800","purple-900","purple-950"]},{name:"pink",colors:["pink-50","pink-100","pink-200","pink-300","pink-400","pink-500","pink-600","pink-700","pink-800","pink-900"]},{name:"aloha",colors:["aloha-50","aloha-100","aloha-200","aloha-300","aloha-400","aloha-500","aloha-600","aloha-700","aloha-800","aloha-900"]}],D=y.map(n=>n.colors).flat(),F=["xs","sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl"];r.FontSizeConst=F,r.FontWeightConst=$,r.LineHeightConst=N,r.Text=E,r.TextAlignConst=I,r.TextColorConst=D,r.TextColorSchemeGenerator=y,r.TextSpacingConst=_,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});