ods-ant 0.1.0 → 0.2.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.
Files changed (83) hide show
  1. package/README.md +24 -0
  2. package/dist-lib/index.cjs +2609 -967
  3. package/dist-lib/index.cjs.map +1 -1
  4. package/dist-lib/index.js +4835 -2461
  5. package/dist-lib/index.js.map +1 -1
  6. package/dist-lib/ontadaTheme-DEEJ31G9.cjs +2 -0
  7. package/dist-lib/ontadaTheme-DEEJ31G9.cjs.map +1 -0
  8. package/dist-lib/ontadaTheme-DoyP_6uO.js +1022 -0
  9. package/dist-lib/ontadaTheme-DoyP_6uO.js.map +1 -0
  10. package/dist-lib/theme.cjs +1 -2
  11. package/dist-lib/theme.js +2 -611
  12. package/dist-lib/types/ds/display/Badge.d.ts +41 -0
  13. package/dist-lib/types/ds/display/Badge.d.ts.map +1 -0
  14. package/dist-lib/types/ds/display/Empty.d.ts +24 -0
  15. package/dist-lib/types/ds/display/Empty.d.ts.map +1 -0
  16. package/dist-lib/types/ds/display/Segmented.d.ts +3 -1
  17. package/dist-lib/types/ds/display/Segmented.d.ts.map +1 -1
  18. package/dist-lib/types/ds/display/Table.d.ts +30 -1
  19. package/dist-lib/types/ds/display/Table.d.ts.map +1 -1
  20. package/dist-lib/types/ds/display/Tag.d.ts +11 -2
  21. package/dist-lib/types/ds/display/Tag.d.ts.map +1 -1
  22. package/dist-lib/types/ds/display/Tooltip.d.ts +1 -0
  23. package/dist-lib/types/ds/display/Tooltip.d.ts.map +1 -1
  24. package/dist-lib/types/ds/display/index.d.ts +2 -0
  25. package/dist-lib/types/ds/display/index.d.ts.map +1 -1
  26. package/dist-lib/types/ds/feedback/Drawer.d.ts +33 -0
  27. package/dist-lib/types/ds/feedback/Drawer.d.ts.map +1 -0
  28. package/dist-lib/types/ds/feedback/Modal.d.ts.map +1 -1
  29. package/dist-lib/types/ds/feedback/Spin.d.ts.map +1 -1
  30. package/dist-lib/types/ds/feedback/feedbackIcons.d.ts.map +1 -1
  31. package/dist-lib/types/ds/feedback/index.d.ts +1 -0
  32. package/dist-lib/types/ds/feedback/index.d.ts.map +1 -1
  33. package/dist-lib/types/ds/forms/AccessibleCheckboxGroup.d.ts.map +1 -1
  34. package/dist-lib/types/ds/forms/AccessibleDatePicker.d.ts.map +1 -1
  35. package/dist-lib/types/ds/forms/AccessibleRadioGroup.d.ts.map +1 -1
  36. package/dist-lib/types/ds/forms/AccessibleSelect.d.ts +2 -2
  37. package/dist-lib/types/ds/forms/AccessibleSelect.d.ts.map +1 -1
  38. package/dist-lib/types/ds/forms/AccessibleSwitch.d.ts.map +1 -1
  39. package/dist-lib/types/ds/forms/AutoComplete.d.ts.map +1 -1
  40. package/dist-lib/types/ds/forms/Cascader.d.ts.map +1 -1
  41. package/dist-lib/types/ds/forms/Checkbox.d.ts.map +1 -1
  42. package/dist-lib/types/ds/forms/ClearableAutoComplete.d.ts.map +1 -1
  43. package/dist-lib/types/ds/forms/ClearableInputNumber.d.ts +1 -1
  44. package/dist-lib/types/ds/forms/ClearableInputNumber.d.ts.map +1 -1
  45. package/dist-lib/types/ds/forms/ClearableSelect.d.ts +2 -2
  46. package/dist-lib/types/ds/forms/ClearableSelect.d.ts.map +1 -1
  47. package/dist-lib/types/ds/forms/DatePicker.d.ts.map +1 -1
  48. package/dist-lib/types/ds/forms/Form.d.ts +35 -0
  49. package/dist-lib/types/ds/forms/Form.d.ts.map +1 -0
  50. package/dist-lib/types/ds/forms/FormError.d.ts.map +1 -1
  51. package/dist-lib/types/ds/forms/FormSuccess.d.ts.map +1 -1
  52. package/dist-lib/types/ds/forms/FormWarning.d.ts.map +1 -1
  53. package/dist-lib/types/ds/forms/Input.d.ts +17 -0
  54. package/dist-lib/types/ds/forms/Input.d.ts.map +1 -1
  55. package/dist-lib/types/ds/forms/InputNumber.d.ts +8 -0
  56. package/dist-lib/types/ds/forms/InputNumber.d.ts.map +1 -0
  57. package/dist-lib/types/ds/forms/TimePicker.d.ts +1 -1
  58. package/dist-lib/types/ds/forms/TimePicker.d.ts.map +1 -1
  59. package/dist-lib/types/ds/forms/autoCompleteStyles.d.ts.map +1 -1
  60. package/dist-lib/types/ds/forms/datePickerStyles.d.ts.map +1 -1
  61. package/dist-lib/types/ds/forms/index.d.ts +2 -0
  62. package/dist-lib/types/ds/forms/index.d.ts.map +1 -1
  63. package/dist-lib/types/ds/forms/inputNumberStyles.d.ts.map +1 -1
  64. package/dist-lib/types/ds/forms/selectStyles.d.ts.map +1 -1
  65. package/dist-lib/types/ds/forms/timePickerStyles.d.ts.map +1 -1
  66. package/dist-lib/types/ds/navigation/Dropdown.d.ts +7 -0
  67. package/dist-lib/types/ds/navigation/Dropdown.d.ts.map +1 -0
  68. package/dist-lib/types/ds/navigation/Pagination.d.ts +25 -0
  69. package/dist-lib/types/ds/navigation/Pagination.d.ts.map +1 -1
  70. package/dist-lib/types/ds/navigation/Tabs.d.ts +4 -1
  71. package/dist-lib/types/ds/navigation/Tabs.d.ts.map +1 -1
  72. package/dist-lib/types/ds/navigation/dropdownStyles.d.ts +4 -0
  73. package/dist-lib/types/ds/navigation/dropdownStyles.d.ts.map +1 -0
  74. package/dist-lib/types/ds/navigation/index.d.ts +1 -0
  75. package/dist-lib/types/ds/navigation/index.d.ts.map +1 -1
  76. package/dist-lib/types/ds/navigation/stepsStyles.d.ts.map +1 -1
  77. package/dist-lib/types/theme/ontadaTheme.d.ts +370 -0
  78. package/dist-lib/types/theme/ontadaTheme.d.ts.map +1 -1
  79. package/dist-lib/types/tokens/core.d.ts +54 -0
  80. package/dist-lib/types/tokens/core.d.ts.map +1 -0
  81. package/package.json +1 -1
  82. package/dist-lib/theme.cjs.map +0 -1
  83. package/dist-lib/theme.js.map +0 -1
@@ -0,0 +1,1022 @@
1
+ import { theme as e } from "antd";
2
+ //#region src/tokens/core.ts
3
+ var t = {
4
+ brand: {
5
+ primary: "#007CC1",
6
+ primaryHover: "#00669E",
7
+ primaryPressed: "#005483",
8
+ brandTint: "#80BDE0",
9
+ deepBrand: "#163E5E"
10
+ },
11
+ text: {
12
+ primary: "#1E394E",
13
+ secondary: "#3C5C6E",
14
+ disabled: "#BAC5CC",
15
+ strong: "#181818",
16
+ inverse: "#FFFFFF",
17
+ muted: "#627386",
18
+ iconMuted: "#7A8A95"
19
+ },
20
+ status: {
21
+ success: "#36B35B",
22
+ successDark: "#277036",
23
+ successDeep: "#2E8540",
24
+ warning: "#D3722E",
25
+ warningDark: "#B05D23",
26
+ warningDeep: "#975220",
27
+ error: "#DB3A29",
28
+ errorDark: "#C53026",
29
+ errorDeep: "#AE2522"
30
+ },
31
+ surface: {
32
+ layout: "#FBFBFA",
33
+ container: "#FFFFFF",
34
+ subtle: "#F2F6FA",
35
+ canvas: "#F3F2F1",
36
+ neutralSoft: "#E5E8EA",
37
+ divider: "#E5E7EB",
38
+ successSoft: "#E7F4E4",
39
+ warningSoft: "#F9E6CF",
40
+ errorSoft: "#F9E9E8"
41
+ },
42
+ accent: {
43
+ highlight: "#F7C91E",
44
+ highlightBg: "#FAF5E2",
45
+ highlightSoft: "#FAF0C8",
46
+ signal: "#F6BE00"
47
+ },
48
+ semantic: {
49
+ successBg: "#EBF7F0",
50
+ warningBg: "#FDF5EE",
51
+ errorBg: "#FEF1F0",
52
+ infoBg: "#F0F5FD"
53
+ }
54
+ }, { defaultAlgorithm: n } = e, r = {
55
+ button: {
56
+ primary: {
57
+ default: t.brand.primary,
58
+ hover: t.brand.primaryHover,
59
+ pressed: t.brand.primaryPressed,
60
+ text: t.text.inverse,
61
+ disabledText: t.brand.brandTint,
62
+ disabledBg: t.surface.subtle
63
+ },
64
+ secondary: {
65
+ defaultText: t.brand.primary,
66
+ defaultBorder: t.brand.primary,
67
+ defaultBg: t.text.inverse,
68
+ hoverText: t.brand.primaryHover,
69
+ hoverBorder: t.brand.primaryHover,
70
+ hoverBg: t.surface.subtle,
71
+ pressedText: t.brand.primaryPressed,
72
+ pressedBorder: t.brand.primaryPressed,
73
+ pressedBg: t.surface.neutralSoft,
74
+ disabledText: t.brand.brandTint,
75
+ disabledBorder: t.brand.brandTint,
76
+ disabledBg: t.text.inverse
77
+ },
78
+ tertiary: {
79
+ defaultText: t.brand.primary,
80
+ hoverText: t.brand.primaryHover,
81
+ pressedText: t.brand.primaryPressed,
82
+ disabledText: t.brand.brandTint
83
+ },
84
+ tertiaryAlt: {
85
+ defaultText: t.text.primary,
86
+ hoverText: t.text.primary,
87
+ pressedText: t.text.strong,
88
+ disabledText: t.text.disabled
89
+ },
90
+ typography: {
91
+ small: {
92
+ fontSize: "12px",
93
+ lineHeight: "16px",
94
+ letterSpacing: "0.48px"
95
+ },
96
+ middle: {
97
+ fontSize: "14px",
98
+ lineHeight: "18px",
99
+ letterSpacing: "0.49px"
100
+ },
101
+ large: {
102
+ fontSize: "16px",
103
+ lineHeight: "20px",
104
+ letterSpacing: "0.48px"
105
+ },
106
+ fontWeight: 600,
107
+ textTransform: "uppercase"
108
+ }
109
+ },
110
+ input: {
111
+ height: {
112
+ small: "26px",
113
+ middle: "32px",
114
+ large: "38px"
115
+ },
116
+ padding: {
117
+ small: {
118
+ x: "8px",
119
+ y: "5px"
120
+ },
121
+ middle: {
122
+ x: "10px",
123
+ y: "7px"
124
+ },
125
+ large: {
126
+ x: "12px",
127
+ y: "9px"
128
+ }
129
+ },
130
+ border: {
131
+ default: t.text.muted,
132
+ hover: t.text.primary,
133
+ focus: t.brand.primary,
134
+ error: t.status.errorDark,
135
+ success: t.status.successDark,
136
+ radius: "4px",
137
+ widthDefault: "1px",
138
+ widthFocus: "2px"
139
+ },
140
+ text: {
141
+ default: t.text.muted,
142
+ focus: t.text.primary,
143
+ disabled: t.text.secondary,
144
+ readOnly: t.text.secondary,
145
+ placeholder: t.text.muted
146
+ },
147
+ background: {
148
+ default: t.text.inverse,
149
+ disabled: t.surface.subtle,
150
+ readOnly: t.surface.subtle
151
+ },
152
+ focusFontWeight: 600
153
+ },
154
+ form: {
155
+ text: {
156
+ label: t.text.primary,
157
+ description: t.text.secondary,
158
+ sectionTitle: t.text.strong,
159
+ summaryTitle: t.text.strong,
160
+ optional: t.text.muted,
161
+ required: t.status.errorDark,
162
+ help: t.text.secondary,
163
+ error: t.status.errorDark,
164
+ warning: t.status.warningDark,
165
+ success: t.status.successDark
166
+ },
167
+ surface: {
168
+ background: t.text.inverse,
169
+ subtle: t.surface.subtle,
170
+ clinical: t.semantic.infoBg,
171
+ review: t.surface.layout,
172
+ warning: t.semantic.warningBg,
173
+ error: t.semantic.errorBg
174
+ },
175
+ border: {
176
+ color: t.text.disabled,
177
+ strong: t.text.muted,
178
+ focus: t.brand.primary,
179
+ radius: "6px",
180
+ width: "1px"
181
+ },
182
+ typography: {
183
+ label: {
184
+ fontSize: "14px",
185
+ lineHeight: "18px",
186
+ fontWeight: 600
187
+ },
188
+ help: {
189
+ fontSize: "12px",
190
+ lineHeight: "16px",
191
+ fontWeight: 600
192
+ },
193
+ sectionTitle: {
194
+ fontSize: "16px",
195
+ lineHeight: "22px",
196
+ fontWeight: 700
197
+ },
198
+ sectionDescription: {
199
+ fontSize: "14px",
200
+ lineHeight: "20px",
201
+ fontWeight: 400
202
+ },
203
+ summaryTitle: {
204
+ fontSize: "14px",
205
+ lineHeight: "18px",
206
+ fontWeight: 700
207
+ }
208
+ },
209
+ spacing: {
210
+ standard: {
211
+ itemGap: "20px",
212
+ sectionGap: "20px",
213
+ shellPadding: "0"
214
+ },
215
+ compact: {
216
+ itemGap: "12px",
217
+ sectionGap: "12px",
218
+ shellPadding: "0"
219
+ },
220
+ clinical: {
221
+ itemGap: "18px",
222
+ sectionGap: "16px",
223
+ shellPadding: "16px"
224
+ },
225
+ review: {
226
+ itemGap: "14px",
227
+ sectionGap: "12px",
228
+ shellPadding: "16px"
229
+ },
230
+ wizardSection: {
231
+ itemGap: "20px",
232
+ sectionGap: "20px",
233
+ shellPadding: "24px"
234
+ }
235
+ }
236
+ },
237
+ checkbox: {
238
+ size: {
239
+ sm: 16,
240
+ md: 18,
241
+ lg: 20
242
+ },
243
+ radius: 2,
244
+ border: {
245
+ default: t.text.muted,
246
+ hover: t.brand.primaryHover,
247
+ checked: t.brand.primary,
248
+ error: t.status.errorDark,
249
+ errorHover: t.status.errorDeep
250
+ },
251
+ background: {
252
+ default: t.text.inverse,
253
+ checked: t.brand.primary,
254
+ disabled: t.text.disabled,
255
+ errorChecked: t.status.errorDark
256
+ },
257
+ mark: {
258
+ checked: t.text.inverse,
259
+ indeterminate: t.text.inverse
260
+ },
261
+ borderWidth: {
262
+ default: 1,
263
+ hover: 2
264
+ },
265
+ indeterminate: {
266
+ sm: {
267
+ width: 10,
268
+ height: 3
269
+ },
270
+ md: {
271
+ width: 12,
272
+ height: 3
273
+ },
274
+ lg: {
275
+ width: 12,
276
+ height: 3
277
+ }
278
+ }
279
+ },
280
+ tooltip: {
281
+ width: {
282
+ normal: {
283
+ min: "200px",
284
+ max: "320px"
285
+ },
286
+ mini: {
287
+ min: "40px",
288
+ max: "180px"
289
+ }
290
+ },
291
+ padding: {
292
+ normal: "16px",
293
+ mini: "8px 12px"
294
+ },
295
+ radius: "4px",
296
+ surface: {
297
+ background: t.surface.subtle,
298
+ title: t.text.strong,
299
+ body: t.text.primary
300
+ },
301
+ elevation: "drop-shadow(0px 2px 5px rgba(38, 44, 54, 0.3))",
302
+ arrow: {
303
+ width: "14px",
304
+ height: "8px"
305
+ },
306
+ typography: {
307
+ title: {
308
+ fontSize: "14px",
309
+ lineHeight: "18px",
310
+ fontWeight: 600
311
+ },
312
+ body: {
313
+ fontSize: "14px",
314
+ lineHeight: "18px",
315
+ fontWeight: 400
316
+ }
317
+ }
318
+ },
319
+ pagination: {
320
+ surface: {
321
+ activeBg: t.accent.highlightBg,
322
+ activeBorder: t.accent.highlight,
323
+ hoverBg: t.accent.highlightBg
324
+ },
325
+ text: {
326
+ default: t.brand.primary,
327
+ active: t.text.strong,
328
+ disabled: t.text.disabled,
329
+ hover: t.brand.primaryHover
330
+ },
331
+ typography: {
332
+ item: {
333
+ fontSize: "16px",
334
+ lineHeight: "20px",
335
+ fontWeight: 600,
336
+ activeWeight: 700,
337
+ letterSpacing: "-0.016px"
338
+ },
339
+ jump: {
340
+ fontSize: "14px",
341
+ lineHeight: "18px",
342
+ fontWeight: 600
343
+ }
344
+ },
345
+ spacing: {
346
+ gap: "16px",
347
+ optionsGap: "12px",
348
+ optionsOffset: "16px"
349
+ },
350
+ quickJumper: { inputWidth: "56px" },
351
+ radius: {
352
+ item: "50%",
353
+ jump: "16px",
354
+ input: "4px"
355
+ },
356
+ iconControl: {
357
+ width: "20px",
358
+ height: "20px",
359
+ iconSize: 20
360
+ }
361
+ },
362
+ tabs: {
363
+ text: {
364
+ inactive: t.text.primary,
365
+ active: t.text.strong
366
+ },
367
+ indicator: {
368
+ active: t.accent.signal,
369
+ baseline: t.text.secondary
370
+ }
371
+ },
372
+ segmented: {
373
+ container: {
374
+ background: t.surface.canvas,
375
+ border: t.text.disabled,
376
+ borderWidth: "1px",
377
+ radius: "4px",
378
+ padding: "3px 4px"
379
+ },
380
+ item: {
381
+ selectedBackground: t.text.inverse,
382
+ selectedBorder: t.text.muted,
383
+ selectedRadius: "4px",
384
+ unselectedRadius: "48px"
385
+ },
386
+ text: {
387
+ inactive: t.text.secondary,
388
+ active: t.text.primary
389
+ },
390
+ typography: { fontWeight: 600 },
391
+ size: {
392
+ sm: {
393
+ controlHeight: "26px",
394
+ itemHeight: "18px",
395
+ gap: "4px",
396
+ paddingX: "8px",
397
+ fontSize: "12px",
398
+ lineHeight: "16px",
399
+ letterSpacing: "0.012px",
400
+ iconSize: "12px"
401
+ },
402
+ md: {
403
+ controlHeight: "32px",
404
+ itemHeight: "24px",
405
+ gap: "6px",
406
+ paddingX: "8px",
407
+ fontSize: "14px",
408
+ lineHeight: "18px",
409
+ letterSpacing: "0px",
410
+ iconSize: "14px"
411
+ },
412
+ lg: {
413
+ controlHeight: "38px",
414
+ itemHeight: "30px",
415
+ gap: "8px",
416
+ paddingX: "8px",
417
+ fontSize: "16px",
418
+ lineHeight: "20px",
419
+ letterSpacing: "-0.016px",
420
+ iconSize: "16px"
421
+ }
422
+ }
423
+ },
424
+ breadcrumb: {
425
+ link: {
426
+ default: t.brand.primaryHover,
427
+ hover: t.brand.primaryPressed
428
+ },
429
+ current: { text: t.text.strong },
430
+ separator: {
431
+ color: t.text.muted,
432
+ glyph: "›",
433
+ size: "10px",
434
+ gap: {
435
+ sm: "4px",
436
+ md: "6px",
437
+ lg: "8px"
438
+ }
439
+ },
440
+ typography: {
441
+ family: "'Nunito', sans-serif",
442
+ weight: 600,
443
+ sm: {
444
+ fontSize: "12px",
445
+ lineHeight: "16px",
446
+ letterSpacing: "0.012px"
447
+ },
448
+ md: {
449
+ fontSize: "14px",
450
+ lineHeight: "18px",
451
+ letterSpacing: "0"
452
+ },
453
+ lg: {
454
+ fontSize: "16px",
455
+ lineHeight: "20px",
456
+ letterSpacing: "-0.016px"
457
+ }
458
+ }
459
+ },
460
+ modal: {
461
+ width: {
462
+ desktop: {
463
+ xs: 400,
464
+ sm: 672,
465
+ md: 1036,
466
+ lg: 1536,
467
+ fullScreen: "100vw"
468
+ },
469
+ mobile: {
470
+ xs: 288,
471
+ sm: 288,
472
+ md: 288,
473
+ lg: 288,
474
+ fullScreen: "100vw"
475
+ }
476
+ },
477
+ surface: {
478
+ background: t.text.inverse,
479
+ header: t.surface.neutralSoft,
480
+ headerFullScreen: t.surface.neutralSoft
481
+ },
482
+ text: {
483
+ title: t.text.strong,
484
+ body: t.text.primary,
485
+ required: t.status.errorDark
486
+ },
487
+ border: {
488
+ color: t.text.disabled,
489
+ width: "1px",
490
+ radius: "6px",
491
+ fullScreenRadius: "0"
492
+ },
493
+ backdrop: "rgba(164, 164, 164, 0.6)",
494
+ shadow: "0px 4px 8px rgba(38, 44, 54, 0.4)",
495
+ spacing: {
496
+ header: {
497
+ x: "24px",
498
+ y: "16px"
499
+ },
500
+ body: {
501
+ desktop: "24px 40px",
502
+ mobile: "16px"
503
+ },
504
+ footer: {
505
+ desktop: "16px 24px",
506
+ mobile: "16px"
507
+ }
508
+ },
509
+ closeButton: {
510
+ size: "26px",
511
+ iconSize: "18px",
512
+ radius: "5px",
513
+ color: t.text.iconMuted,
514
+ hoverBg: t.surface.canvas,
515
+ focusOutline: t.brand.primary
516
+ }
517
+ },
518
+ drawer: {
519
+ width: {
520
+ narrow: 378,
521
+ standard: 480,
522
+ wide: 640,
523
+ full: 736
524
+ },
525
+ surface: {
526
+ background: t.text.inverse,
527
+ header: t.surface.neutralSoft,
528
+ footer: t.text.inverse,
529
+ details: t.text.inverse,
530
+ edit: t.text.inverse,
531
+ filter: t.text.inverse,
532
+ confirmation: t.text.inverse,
533
+ workflowPanel: t.text.inverse
534
+ },
535
+ text: {
536
+ title: t.text.strong,
537
+ body: t.text.primary,
538
+ description: t.text.secondary
539
+ },
540
+ border: {
541
+ color: t.text.disabled,
542
+ width: "1px",
543
+ radius: "0"
544
+ },
545
+ backdrop: "rgba(164, 164, 164, 0.6)",
546
+ shadow: "-4px 0 8px rgba(38, 44, 54, 0.18)",
547
+ spacing: {
548
+ header: "16px 24px",
549
+ body: "24px",
550
+ bodyCompact: "16px 24px",
551
+ footer: "16px 24px"
552
+ },
553
+ closeButton: {
554
+ size: "26px",
555
+ iconSize: "18px",
556
+ color: t.text.primary,
557
+ radius: "4px"
558
+ }
559
+ },
560
+ table: {
561
+ surface: {
562
+ container: t.text.inverse,
563
+ layout: t.surface.layout,
564
+ headerDefault: t.surface.neutralSoft,
565
+ headerWhite: t.text.inverse,
566
+ rowHover: t.surface.canvas,
567
+ rowSelected: t.accent.highlightBg
568
+ },
569
+ text: {
570
+ header: t.brand.primary,
571
+ body: t.text.primary,
572
+ sorterMuted: t.text.muted
573
+ },
574
+ typography: {
575
+ header: {
576
+ fontSize: "16px",
577
+ lineHeight: "20px",
578
+ letterSpacing: "-0.016px",
579
+ fontWeight: 600
580
+ },
581
+ body: {
582
+ fontSize: "14px",
583
+ lineHeight: "18px",
584
+ letterSpacing: "0px",
585
+ fontWeight: 400
586
+ },
587
+ compactHeader: {
588
+ fontSize: "12px",
589
+ lineHeight: "16px",
590
+ letterSpacing: "0.02px",
591
+ fontWeight: 600
592
+ },
593
+ compactBody: {
594
+ fontSize: "10px",
595
+ lineHeight: "14px",
596
+ letterSpacing: "0.02px",
597
+ fontWeight: 400
598
+ }
599
+ },
600
+ rowHeight: {
601
+ normal: {
602
+ header: "44px",
603
+ body: "42px"
604
+ },
605
+ compact: {
606
+ header: "34px",
607
+ body: "30px"
608
+ }
609
+ },
610
+ padding: {
611
+ normal: {
612
+ header: "0 16px",
613
+ body: "0 16px"
614
+ },
615
+ compact: {
616
+ header: "8px 10px",
617
+ body: "6px 8px"
618
+ }
619
+ },
620
+ border: {
621
+ container: t.text.disabled,
622
+ bodyDivider: t.surface.divider,
623
+ headerDividerWidth: "2px",
624
+ radius: "4px"
625
+ }
626
+ },
627
+ tag: {
628
+ borderWidth: "1px",
629
+ status: {
630
+ neutral: {
631
+ solid: {
632
+ bg: t.text.muted,
633
+ text: t.text.inverse
634
+ },
635
+ light: {
636
+ bg: t.surface.subtle,
637
+ text: t.text.primary
638
+ },
639
+ outline: {
640
+ text: t.text.primary,
641
+ border: t.text.primary
642
+ }
643
+ },
644
+ success: {
645
+ solid: {
646
+ bg: t.status.successDeep,
647
+ text: t.text.inverse
648
+ },
649
+ light: {
650
+ bg: t.surface.successSoft,
651
+ text: t.status.successDark
652
+ },
653
+ outline: {
654
+ text: t.status.successDark,
655
+ border: t.status.successDark
656
+ }
657
+ },
658
+ warning: {
659
+ solid: {
660
+ bg: t.status.warningDark,
661
+ text: t.text.inverse
662
+ },
663
+ light: {
664
+ bg: t.surface.warningSoft,
665
+ text: t.status.warningDeep
666
+ },
667
+ outline: {
668
+ text: t.status.warningDeep,
669
+ border: t.status.warningDeep
670
+ }
671
+ },
672
+ error: {
673
+ solid: {
674
+ bg: t.status.error,
675
+ text: t.text.inverse
676
+ },
677
+ light: {
678
+ bg: t.surface.errorSoft,
679
+ text: t.status.errorDark
680
+ },
681
+ outline: {
682
+ text: t.status.errorDark,
683
+ border: t.status.errorDark
684
+ }
685
+ },
686
+ inactive: {
687
+ solid: {
688
+ bg: "transparent",
689
+ text: t.text.primary,
690
+ border: t.text.primary
691
+ },
692
+ light: {
693
+ bg: "transparent",
694
+ text: t.text.primary,
695
+ border: t.text.primary
696
+ },
697
+ outline: {
698
+ text: t.text.primary,
699
+ border: t.text.primary
700
+ }
701
+ },
702
+ new: {
703
+ solid: {
704
+ bg: t.brand.primaryPressed,
705
+ text: t.text.inverse
706
+ },
707
+ light: {
708
+ bg: t.surface.subtle,
709
+ text: t.brand.deepBrand
710
+ },
711
+ outline: {
712
+ text: t.brand.deepBrand,
713
+ border: t.brand.deepBrand
714
+ }
715
+ }
716
+ },
717
+ typography: {
718
+ fontWeight: 700,
719
+ textTransform: "uppercase"
720
+ },
721
+ size: {
722
+ sm: {
723
+ padding: "1px 10px",
724
+ radius: 3,
725
+ typography: {
726
+ fontSize: "12px",
727
+ lineHeight: "16px",
728
+ letterSpacing: "0.54px"
729
+ }
730
+ },
731
+ md: {
732
+ padding: "2px 12px",
733
+ radius: 4,
734
+ typography: {
735
+ fontSize: "14px",
736
+ lineHeight: "18px",
737
+ letterSpacing: "0.56px"
738
+ }
739
+ },
740
+ lg: {
741
+ padding: "3px 14px",
742
+ radius: 5,
743
+ typography: {
744
+ fontSize: "16px",
745
+ lineHeight: "20px",
746
+ letterSpacing: "0.56px"
747
+ }
748
+ }
749
+ },
750
+ closeIcon: { size: {
751
+ sm: "12px",
752
+ md: "14px",
753
+ lg: "16px"
754
+ } }
755
+ },
756
+ badge: {
757
+ borderWidth: "1px",
758
+ status: {
759
+ neutral: {
760
+ solid: {
761
+ bg: t.text.muted,
762
+ text: t.text.inverse
763
+ },
764
+ light: {
765
+ bg: t.surface.subtle,
766
+ text: t.text.primary,
767
+ border: t.text.disabled
768
+ },
769
+ outline: {
770
+ text: t.text.primary,
771
+ border: t.text.primary
772
+ }
773
+ },
774
+ success: {
775
+ solid: {
776
+ bg: t.status.successDeep,
777
+ text: t.text.inverse
778
+ },
779
+ light: {
780
+ bg: t.surface.successSoft,
781
+ text: t.status.successDark,
782
+ border: t.status.successDark
783
+ },
784
+ outline: {
785
+ text: t.status.successDark,
786
+ border: t.status.successDark
787
+ }
788
+ },
789
+ warning: {
790
+ solid: {
791
+ bg: t.status.warningDark,
792
+ text: t.text.inverse
793
+ },
794
+ light: {
795
+ bg: t.surface.warningSoft,
796
+ text: t.status.warningDeep,
797
+ border: t.status.warningDeep
798
+ },
799
+ outline: {
800
+ text: t.status.warningDeep,
801
+ border: t.status.warningDeep
802
+ }
803
+ },
804
+ error: {
805
+ solid: {
806
+ bg: t.status.error,
807
+ text: t.text.inverse
808
+ },
809
+ light: {
810
+ bg: t.surface.errorSoft,
811
+ text: t.status.errorDark,
812
+ border: t.status.errorDark
813
+ },
814
+ outline: {
815
+ text: t.status.errorDark,
816
+ border: t.status.errorDark
817
+ }
818
+ },
819
+ processing: {
820
+ solid: {
821
+ bg: t.brand.primary,
822
+ text: t.text.inverse
823
+ },
824
+ light: {
825
+ bg: t.semantic.infoBg,
826
+ text: t.brand.primary,
827
+ border: t.brand.primary
828
+ },
829
+ outline: {
830
+ text: t.brand.primary,
831
+ border: t.brand.primary
832
+ }
833
+ },
834
+ inactive: {
835
+ solid: {
836
+ bg: t.surface.neutralSoft,
837
+ text: t.text.primary,
838
+ border: t.text.disabled
839
+ },
840
+ light: {
841
+ bg: t.surface.subtle,
842
+ text: t.text.secondary,
843
+ border: t.text.disabled
844
+ },
845
+ outline: {
846
+ text: t.text.secondary,
847
+ border: t.text.disabled
848
+ }
849
+ },
850
+ new: {
851
+ solid: {
852
+ bg: t.brand.primaryPressed,
853
+ text: t.text.inverse
854
+ },
855
+ light: {
856
+ bg: t.surface.subtle,
857
+ text: t.brand.deepBrand,
858
+ border: t.brand.deepBrand
859
+ },
860
+ outline: {
861
+ text: t.brand.deepBrand,
862
+ border: t.brand.deepBrand
863
+ }
864
+ }
865
+ },
866
+ typography: { fontWeight: 700 },
867
+ count: { radius: "999px" },
868
+ dot: {
869
+ border: t.text.inverse,
870
+ borderWidth: "2px"
871
+ },
872
+ statusText: {
873
+ color: t.text.primary,
874
+ gap: "8px",
875
+ fontWeight: 600
876
+ },
877
+ size: {
878
+ sm: {
879
+ countSize: "16px",
880
+ countPadding: "0 5px",
881
+ dotSize: "6px",
882
+ statusDotSize: "6px",
883
+ typography: {
884
+ fontSize: "11px",
885
+ lineHeight: "16px",
886
+ letterSpacing: "0"
887
+ },
888
+ statusTypography: {
889
+ fontSize: "12px",
890
+ lineHeight: "16px"
891
+ }
892
+ },
893
+ md: {
894
+ countSize: "20px",
895
+ countPadding: "0 6px",
896
+ dotSize: "8px",
897
+ statusDotSize: "8px",
898
+ typography: {
899
+ fontSize: "12px",
900
+ lineHeight: "18px",
901
+ letterSpacing: "0"
902
+ },
903
+ statusTypography: {
904
+ fontSize: "14px",
905
+ lineHeight: "18px"
906
+ }
907
+ },
908
+ lg: {
909
+ countSize: "24px",
910
+ countPadding: "0 8px",
911
+ dotSize: "10px",
912
+ statusDotSize: "10px",
913
+ typography: {
914
+ fontSize: "14px",
915
+ lineHeight: "20px",
916
+ letterSpacing: "0"
917
+ },
918
+ statusTypography: {
919
+ fontSize: "16px",
920
+ lineHeight: "20px"
921
+ }
922
+ }
923
+ },
924
+ ribbon: {
925
+ radius: "3px 3px 0 0",
926
+ fontSize: "12px",
927
+ lineHeight: "18px",
928
+ letterSpacing: "0"
929
+ }
930
+ },
931
+ empty: {
932
+ text: {
933
+ title: t.text.secondary,
934
+ description: t.text.secondary
935
+ },
936
+ title: { fontWeight: 700 },
937
+ description: { fontWeight: 400 },
938
+ illustration: {
939
+ color: t.text.secondary,
940
+ strokeWidth: "2px"
941
+ },
942
+ table: { messageFontWeight: 700 },
943
+ size: {
944
+ desktop: {
945
+ illustrationSize: "96px",
946
+ illustrationGap: "20px",
947
+ copyGap: "12px",
948
+ copyWidth: "426px",
949
+ actionGap: "24px",
950
+ tableMinHeight: "210px",
951
+ tablePadding: "48px 24px",
952
+ tableActionGap: "22px",
953
+ title: {
954
+ fontSize: "20px",
955
+ lineHeight: "28px"
956
+ },
957
+ description: {
958
+ fontSize: "14px",
959
+ lineHeight: "20px"
960
+ },
961
+ tableMessage: {
962
+ fontSize: "20px",
963
+ lineHeight: "28px"
964
+ }
965
+ },
966
+ mobile: {
967
+ illustrationSize: "80px",
968
+ illustrationGap: "20px",
969
+ copyGap: "12px",
970
+ copyWidth: "197px",
971
+ actionGap: "20px",
972
+ tableMinHeight: "168px",
973
+ tablePadding: "32px 16px",
974
+ tableActionGap: "18px",
975
+ title: {
976
+ fontSize: "16px",
977
+ lineHeight: "22px"
978
+ },
979
+ description: {
980
+ fontSize: "14px",
981
+ lineHeight: "18px"
982
+ },
983
+ tableMessage: {
984
+ fontSize: "16px",
985
+ lineHeight: "22px"
986
+ }
987
+ }
988
+ }
989
+ },
990
+ picker: { selected: {
991
+ background: t.accent.highlightSoft,
992
+ border: t.accent.highlight,
993
+ text: t.text.strong
994
+ } }
995
+ }, i = {
996
+ algorithm: n,
997
+ token: {
998
+ fontFamily: "'Nunito', sans-serif",
999
+ fontSize: 14,
1000
+ colorPrimary: r.button.primary.default,
1001
+ colorPrimaryHover: r.button.primary.hover,
1002
+ colorPrimaryActive: r.button.primary.pressed,
1003
+ colorSuccess: t.status.success,
1004
+ colorWarning: t.status.warning,
1005
+ colorError: t.status.error,
1006
+ colorInfo: r.button.primary.default,
1007
+ colorLink: t.brand.primaryHover,
1008
+ borderRadius: 6,
1009
+ colorText: t.text.primary,
1010
+ colorTextSecondary: t.text.secondary,
1011
+ colorTextDisabled: t.text.disabled,
1012
+ colorBgLayout: t.surface.layout,
1013
+ colorBgContainer: t.text.inverse,
1014
+ colorBgElevated: t.text.inverse,
1015
+ colorBorder: t.text.muted,
1016
+ colorBorderSecondary: t.surface.divider
1017
+ }
1018
+ };
1019
+ //#endregion
1020
+ export { r as n, t as r, i as t };
1021
+
1022
+ //# sourceMappingURL=ontadaTheme-DoyP_6uO.js.map