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
package/dist-lib/theme.js CHANGED
@@ -1,611 +1,2 @@
1
- import { theme as e } from "antd";
2
- //#region src/theme/ontadaTheme.ts
3
- var { defaultAlgorithm: t } = e, n = {
4
- button: {
5
- primary: {
6
- default: "#007CC1",
7
- hover: "#00669E",
8
- pressed: "#005483",
9
- text: "#FFFFFF",
10
- disabledText: "#80BDE0",
11
- disabledBg: "#F2F6FA"
12
- },
13
- secondary: {
14
- defaultText: "#007CC1",
15
- defaultBorder: "#007CC1",
16
- defaultBg: "#FFFFFF",
17
- hoverText: "#00669E",
18
- hoverBorder: "#00669E",
19
- hoverBg: "#F2F6FA",
20
- pressedText: "#005483",
21
- pressedBorder: "#005483",
22
- pressedBg: "#E5E8EA",
23
- disabledText: "#80BDE0",
24
- disabledBorder: "#80BDE0",
25
- disabledBg: "#FFFFFF"
26
- },
27
- tertiary: {
28
- defaultText: "#007CC1",
29
- hoverText: "#00669E",
30
- pressedText: "#005483",
31
- disabledText: "#80BDE0"
32
- },
33
- tertiaryAlt: {
34
- defaultText: "#1E394E",
35
- hoverText: "#1E394E",
36
- pressedText: "#181818",
37
- disabledText: "#BAC5CC"
38
- },
39
- typography: {
40
- small: {
41
- fontSize: "12px",
42
- lineHeight: "16px",
43
- letterSpacing: "0.48px"
44
- },
45
- middle: {
46
- fontSize: "14px",
47
- lineHeight: "18px",
48
- letterSpacing: "0.49px"
49
- },
50
- large: {
51
- fontSize: "16px",
52
- lineHeight: "20px",
53
- letterSpacing: "0.48px"
54
- },
55
- fontWeight: 600,
56
- textTransform: "uppercase"
57
- }
58
- },
59
- input: {
60
- height: {
61
- small: "26px",
62
- middle: "32px",
63
- large: "38px"
64
- },
65
- padding: {
66
- small: {
67
- x: "8px",
68
- y: "5px"
69
- },
70
- middle: {
71
- x: "10px",
72
- y: "7px"
73
- },
74
- large: {
75
- x: "12px",
76
- y: "9px"
77
- }
78
- },
79
- border: {
80
- default: "#627386",
81
- hover: "#1E394E",
82
- focus: "#007CC1",
83
- error: "#C53026",
84
- success: "#277036",
85
- widthDefault: "1px",
86
- widthFocus: "2px"
87
- },
88
- text: {
89
- default: "#627386",
90
- focus: "#1E394E",
91
- disabled: "#3C5C6E",
92
- readOnly: "#3C5C6E",
93
- placeholder: "#627386"
94
- },
95
- background: {
96
- default: "#FFFFFF",
97
- disabled: "#F2F6FA",
98
- readOnly: "#F2F6FA"
99
- },
100
- focusFontWeight: 600
101
- },
102
- checkbox: {
103
- size: {
104
- sm: 16,
105
- md: 18,
106
- lg: 20
107
- },
108
- radius: 2,
109
- border: {
110
- default: "#627386",
111
- hover: "#00669E",
112
- checked: "#007CC1",
113
- error: "#C53026",
114
- errorHover: "#AE2522"
115
- },
116
- background: {
117
- default: "#FFFFFF",
118
- checked: "#007CC1",
119
- disabled: "#BAC5CC",
120
- errorChecked: "#C53026"
121
- },
122
- mark: {
123
- checked: "#FFFFFF",
124
- indeterminate: "#FFFFFF"
125
- },
126
- borderWidth: {
127
- default: 1,
128
- hover: 2
129
- },
130
- indeterminate: {
131
- sm: {
132
- width: 10,
133
- height: 3
134
- },
135
- md: {
136
- width: 12,
137
- height: 3
138
- },
139
- lg: {
140
- width: 12,
141
- height: 3
142
- }
143
- }
144
- },
145
- tooltip: {
146
- width: {
147
- normal: {
148
- min: "200px",
149
- max: "320px"
150
- },
151
- mini: {
152
- min: "40px",
153
- max: "180px"
154
- }
155
- },
156
- padding: {
157
- normal: "16px",
158
- mini: "8px 12px"
159
- },
160
- radius: "4px",
161
- surface: {
162
- background: "#F2F6FA",
163
- title: "#181818",
164
- body: "#1E394E"
165
- },
166
- elevation: "drop-shadow(0px 2px 5px rgba(38, 44, 54, 0.3))",
167
- arrow: {
168
- width: "14px",
169
- height: "8px"
170
- },
171
- typography: {
172
- title: {
173
- fontSize: "14px",
174
- lineHeight: "18px",
175
- fontWeight: 600
176
- },
177
- body: {
178
- fontSize: "14px",
179
- lineHeight: "18px",
180
- fontWeight: 400
181
- }
182
- }
183
- },
184
- pagination: {
185
- surface: {
186
- activeBg: "#FAF5E2",
187
- activeBorder: "#F7C91E",
188
- hoverBg: "#FAF5E2"
189
- },
190
- text: {
191
- default: "#007CC1",
192
- active: "#181818",
193
- disabled: "#BAC5CC",
194
- hover: "#00669E"
195
- },
196
- typography: {
197
- item: {
198
- fontSize: "16px",
199
- lineHeight: "20px",
200
- fontWeight: 600,
201
- activeWeight: 700,
202
- letterSpacing: "-0.016px"
203
- },
204
- jump: {
205
- fontSize: "14px",
206
- lineHeight: "18px",
207
- fontWeight: 600
208
- }
209
- },
210
- spacing: {
211
- gap: "16px",
212
- optionsGap: "12px",
213
- optionsOffset: "16px"
214
- },
215
- quickJumper: { inputWidth: "56px" },
216
- radius: {
217
- item: "50%",
218
- jump: "16px",
219
- input: "4px"
220
- },
221
- iconControl: {
222
- width: "20px",
223
- height: "20px",
224
- iconSize: 20
225
- }
226
- },
227
- tabs: {
228
- text: {
229
- inactive: "#1E394E",
230
- active: "#181818"
231
- },
232
- indicator: {
233
- active: "#F6BE00",
234
- baseline: "#3C5C6E"
235
- }
236
- },
237
- segmented: {
238
- container: {
239
- background: "#F3F2F1",
240
- border: "#BAC5CC",
241
- borderWidth: "1px",
242
- radius: "4px",
243
- padding: "3px 4px"
244
- },
245
- item: {
246
- selectedBackground: "#FFFFFF",
247
- selectedBorder: "#627386",
248
- selectedRadius: "4px",
249
- unselectedRadius: "48px"
250
- },
251
- text: {
252
- inactive: "#3C5C6E",
253
- active: "#1E394E"
254
- },
255
- typography: { fontWeight: 600 },
256
- size: {
257
- sm: {
258
- controlHeight: "26px",
259
- itemHeight: "18px",
260
- gap: "4px",
261
- paddingX: "8px",
262
- fontSize: "12px",
263
- lineHeight: "16px",
264
- letterSpacing: "0.012px",
265
- iconSize: "12px"
266
- },
267
- md: {
268
- controlHeight: "32px",
269
- itemHeight: "24px",
270
- gap: "6px",
271
- paddingX: "8px",
272
- fontSize: "14px",
273
- lineHeight: "18px",
274
- letterSpacing: "0px",
275
- iconSize: "14px"
276
- },
277
- lg: {
278
- controlHeight: "38px",
279
- itemHeight: "30px",
280
- gap: "8px",
281
- paddingX: "8px",
282
- fontSize: "16px",
283
- lineHeight: "20px",
284
- letterSpacing: "-0.016px",
285
- iconSize: "16px"
286
- }
287
- }
288
- },
289
- breadcrumb: {
290
- link: {
291
- default: "#00669E",
292
- hover: "#005483"
293
- },
294
- current: { text: "#181818" },
295
- separator: {
296
- color: "#627386",
297
- glyph: "›",
298
- size: "10px",
299
- gap: {
300
- sm: "4px",
301
- md: "6px",
302
- lg: "8px"
303
- }
304
- },
305
- typography: {
306
- family: "'Nunito', sans-serif",
307
- weight: 600,
308
- sm: {
309
- fontSize: "12px",
310
- lineHeight: "16px",
311
- letterSpacing: "0.012px"
312
- },
313
- md: {
314
- fontSize: "14px",
315
- lineHeight: "18px",
316
- letterSpacing: "0"
317
- },
318
- lg: {
319
- fontSize: "16px",
320
- lineHeight: "20px",
321
- letterSpacing: "-0.016px"
322
- }
323
- }
324
- },
325
- modal: {
326
- width: {
327
- desktop: {
328
- xs: 400,
329
- sm: 672,
330
- md: 1036,
331
- lg: 1536,
332
- fullScreen: "100vw"
333
- },
334
- mobile: {
335
- xs: 288,
336
- sm: 288,
337
- md: 288,
338
- lg: 288,
339
- fullScreen: "100vw"
340
- }
341
- },
342
- surface: {
343
- background: "#FFFFFF",
344
- header: "#E5E8EA",
345
- headerFullScreen: "#E5E8EA"
346
- },
347
- text: {
348
- title: "#181818",
349
- body: "#1E394E",
350
- required: "#C53026"
351
- },
352
- border: {
353
- color: "#BAC5CC",
354
- width: "1px",
355
- radius: "6px",
356
- fullScreenRadius: "0"
357
- },
358
- backdrop: "rgba(164, 164, 164, 0.6)",
359
- shadow: "0px 4px 8px rgba(38, 44, 54, 0.4)",
360
- spacing: {
361
- header: {
362
- x: "24px",
363
- y: "16px"
364
- },
365
- body: {
366
- desktop: "24px 40px",
367
- mobile: "16px"
368
- },
369
- footer: {
370
- desktop: "16px 24px",
371
- mobile: "16px"
372
- }
373
- },
374
- closeButton: {
375
- size: "26px",
376
- iconSize: "18px",
377
- radius: "5px",
378
- color: "#7A8A95",
379
- hoverBg: "#F3F2F1",
380
- focusOutline: "#007CC1"
381
- }
382
- },
383
- table: {
384
- surface: {
385
- container: "#FFFFFF",
386
- layout: "#FBFBFA",
387
- headerDefault: "#E5E8EA",
388
- headerWhite: "#FFFFFF",
389
- rowHover: "#F3F2F1",
390
- rowSelected: "#FAF5E2"
391
- },
392
- text: {
393
- header: "#007CC1",
394
- body: "#1E394E",
395
- sorterMuted: "#627386"
396
- },
397
- typography: {
398
- header: {
399
- fontSize: "16px",
400
- lineHeight: "20px",
401
- letterSpacing: "-0.016px",
402
- fontWeight: 600
403
- },
404
- body: {
405
- fontSize: "14px",
406
- lineHeight: "18px",
407
- letterSpacing: "0px",
408
- fontWeight: 400
409
- },
410
- compactHeader: {
411
- fontSize: "12px",
412
- lineHeight: "16px",
413
- letterSpacing: "0.02px",
414
- fontWeight: 600
415
- },
416
- compactBody: {
417
- fontSize: "10px",
418
- lineHeight: "14px",
419
- letterSpacing: "0.02px",
420
- fontWeight: 400
421
- }
422
- },
423
- rowHeight: {
424
- normal: {
425
- header: "44px",
426
- body: "42px"
427
- },
428
- compact: {
429
- header: "34px",
430
- body: "30px"
431
- }
432
- },
433
- padding: {
434
- normal: {
435
- header: "0 16px",
436
- body: "0 16px"
437
- },
438
- compact: {
439
- header: "8px 10px",
440
- body: "6px 8px"
441
- }
442
- },
443
- border: {
444
- container: "#BAC5CC",
445
- bodyDivider: "#E5E7EB",
446
- headerDividerWidth: "2px",
447
- radius: "4px"
448
- }
449
- },
450
- tag: {
451
- borderWidth: "1px",
452
- status: {
453
- neutral: {
454
- solid: {
455
- bg: "#627386",
456
- text: "#FFFFFF"
457
- },
458
- light: {
459
- bg: "#F2F6FA",
460
- text: "#1E394E"
461
- },
462
- outline: {
463
- text: "#1E394E",
464
- border: "#1E394E"
465
- }
466
- },
467
- success: {
468
- solid: {
469
- bg: "#2E8540",
470
- text: "#FFFFFF"
471
- },
472
- light: {
473
- bg: "#E7F4E4",
474
- text: "#277036"
475
- },
476
- outline: {
477
- text: "#277036",
478
- border: "#277036"
479
- }
480
- },
481
- warning: {
482
- solid: {
483
- bg: "#B05D23",
484
- text: "#FFFFFF"
485
- },
486
- light: {
487
- bg: "#F9E6CF",
488
- text: "#975220"
489
- },
490
- outline: {
491
- text: "#975220",
492
- border: "#975220"
493
- }
494
- },
495
- error: {
496
- solid: {
497
- bg: "#DB3A29",
498
- text: "#FFFFFF"
499
- },
500
- light: {
501
- bg: "#F9E9E8",
502
- text: "#C53026"
503
- },
504
- outline: {
505
- text: "#C53026",
506
- border: "#C53026"
507
- }
508
- },
509
- inactive: {
510
- solid: {
511
- bg: "transparent",
512
- text: "#1E394E",
513
- border: "#1E394E"
514
- },
515
- light: {
516
- bg: "transparent",
517
- text: "#1E394E",
518
- border: "#1E394E"
519
- },
520
- outline: {
521
- text: "#1E394E",
522
- border: "#1E394E"
523
- }
524
- },
525
- new: {
526
- solid: {
527
- bg: "#005483",
528
- text: "#FFFFFF"
529
- },
530
- light: {
531
- bg: "#F2F6FA",
532
- text: "#163E5E"
533
- },
534
- outline: {
535
- text: "#163E5E",
536
- border: "#163E5E"
537
- }
538
- }
539
- },
540
- typography: {
541
- fontWeight: 700,
542
- textTransform: "uppercase"
543
- },
544
- size: {
545
- sm: {
546
- padding: "1px 10px",
547
- radius: 3,
548
- typography: {
549
- fontSize: "12px",
550
- lineHeight: "16px",
551
- letterSpacing: "0.54px"
552
- }
553
- },
554
- md: {
555
- padding: "2px 12px",
556
- radius: 4,
557
- typography: {
558
- fontSize: "14px",
559
- lineHeight: "18px",
560
- letterSpacing: "0.56px"
561
- }
562
- },
563
- lg: {
564
- padding: "3px 14px",
565
- radius: 5,
566
- typography: {
567
- fontSize: "16px",
568
- lineHeight: "20px",
569
- letterSpacing: "0.56px"
570
- }
571
- }
572
- },
573
- closeIcon: { size: {
574
- sm: "12px",
575
- md: "14px",
576
- lg: "16px"
577
- } }
578
- },
579
- picker: { selected: {
580
- background: "#FAF0C8",
581
- border: "#F7C91E",
582
- text: "#181818"
583
- } }
584
- }, r = {
585
- algorithm: t,
586
- token: {
587
- fontFamily: "'Nunito', sans-serif",
588
- fontSize: 14,
589
- colorPrimary: n.button.primary.default,
590
- colorPrimaryHover: n.button.primary.hover,
591
- colorPrimaryActive: n.button.primary.pressed,
592
- colorSuccess: "#36B35B",
593
- colorWarning: "#D3722E",
594
- colorError: "#DB3A29",
595
- colorInfo: n.button.primary.default,
596
- colorLink: "#00669E",
597
- borderRadius: 6,
598
- colorText: "#1E394E",
599
- colorTextSecondary: "#3C5C6E",
600
- colorTextDisabled: "#BAC5CC",
601
- colorBgLayout: "#FBFBFA",
602
- colorBgContainer: "#ffffff",
603
- colorBgElevated: "#ffffff",
604
- colorBorder: "#627386",
605
- colorBorderSecondary: "#e5e7eb"
606
- }
607
- };
608
- //#endregion
609
- export { r as appTheme, n as dsSemanticTokens };
610
-
611
- //# sourceMappingURL=theme.js.map
1
+ import { n as e, t } from "./ontadaTheme-DoyP_6uO.js";
2
+ export { t as appTheme, e as dsSemanticTokens };
@@ -0,0 +1,41 @@
1
+ import { Badge as AntBadge } from 'antd';
2
+ import type { BadgeProps as AntBadgeProps } from 'antd';
3
+ import type { FC } from 'react';
4
+ export type DSBadgeStatus = 'neutral' | 'success' | 'warning' | 'error' | 'processing' | 'inactive' | 'new' | 'custom';
5
+ export type DSBadgeVariant = 'solid' | 'light' | 'outline';
6
+ export type DSBadgeSize = 'sm' | 'md' | 'lg';
7
+ type RestrictedAntBadgeProps = 'color' | 'status' | 'size';
8
+ type RestrictedAntRibbonProps = 'color';
9
+ type AntRibbonProps = Parameters<typeof AntBadge.Ribbon>[0];
10
+ export type BadgeProps = Omit<AntBadgeProps, RestrictedAntBadgeProps> & {
11
+ /** DS semantic status — drives count, dot, status text, and ribbon colors. */
12
+ dsStatus?: DSBadgeStatus;
13
+ /** DS visual style — solid filled, light tinted, or outline only. */
14
+ dsVariant?: DSBadgeVariant;
15
+ /** DS size — sm, md, or lg. */
16
+ dsSize?: DSBadgeSize;
17
+ /** Custom text color applied when dsStatus is custom. */
18
+ dsCustomTextColor?: string;
19
+ /** Custom background color applied when dsStatus is custom. */
20
+ dsCustomBackgroundColor?: string;
21
+ /** Custom border color applied when dsStatus is custom. */
22
+ dsCustomBorderColor?: string;
23
+ };
24
+ export type BadgeRibbonProps = Omit<AntRibbonProps, RestrictedAntRibbonProps> & {
25
+ /** DS semantic status — drives ribbon colors. */
26
+ dsStatus?: DSBadgeStatus;
27
+ /** DS visual style — solid filled, light tinted, or outline only. */
28
+ dsVariant?: DSBadgeVariant;
29
+ /** Custom text color applied when dsStatus is custom. */
30
+ dsCustomTextColor?: string;
31
+ /** Custom background color applied when dsStatus is custom. */
32
+ dsCustomBackgroundColor?: string;
33
+ /** Custom border color applied when dsStatus is custom. */
34
+ dsCustomBorderColor?: string;
35
+ };
36
+ type DSBadgeComponent = FC<BadgeProps> & {
37
+ Ribbon: FC<BadgeRibbonProps>;
38
+ };
39
+ export declare const Badge: DSBadgeComponent;
40
+ export {};
41
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/ds/display/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAC;AACvH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,KAAK,uBAAuB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC3D,KAAK,wBAAwB,GAAG,OAAO,CAAC;AACxC,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAc5D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,uBAAuB,CAAC,GAAG;IACtE,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,wBAAwB,CAAC,GAAG;IAC9E,iDAAiD;IACjD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,KAAK,gBAAgB,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG;IACvC,MAAM,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAC9B,CAAC;AAsPF,eAAO,MAAM,KAAK,EAAgB,gBAAgB,CAAC"}
@@ -0,0 +1,24 @@
1
+ import type { EmptyProps as AntEmptyProps } from 'antd';
2
+ import type { ReactNode } from 'react';
3
+ export type DSEmptyVariant = 'illustrated' | 'tablePrompt' | 'tableNoResults';
4
+ export type DSEmptySize = 'desktop' | 'mobile';
5
+ export type DSEmptyIconName = 'messages' | 'folderEmpty' | 'searchAlternate' | 'commonFileText';
6
+ type RestrictedAntProps = 'description' | 'image' | 'imageStyle';
7
+ export type EmptyProps = Omit<AntEmptyProps, RestrictedAntProps> & {
8
+ /** DS empty-state variant matching Figma usage guidance. */
9
+ dsVariant?: DSEmptyVariant;
10
+ /** DS responsive scale for desktop or mobile empty-state blocks. */
11
+ dsSize?: DSEmptySize;
12
+ /** Optional illustration/icon override for illustrated empty states. */
13
+ dsIconName?: DSEmptyIconName;
14
+ /** Optional title override for illustrated empty states. */
15
+ dsTitle?: ReactNode;
16
+ /** Optional body/message override. */
17
+ dsDescription?: ReactNode;
18
+ };
19
+ export declare const Empty: {
20
+ ({ dsVariant, dsSize, dsIconName, dsTitle, dsDescription, className: userClassName, rootClassName: userRootClassName, style: userStyle, children, ...restProps }: EmptyProps): import("react/jsx-runtime").JSX.Element;
21
+ displayName: string;
22
+ };
23
+ export {};
24
+ //# sourceMappingURL=Empty.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Empty.d.ts","sourceRoot":"","sources":["../../../../src/ds/display/Empty.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAC9E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAEhG,KAAK,kBAAkB,GAAG,aAAa,GAAG,OAAO,GAAG,YAAY,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG;IACjE,4DAA4D;IAC5D,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,oEAAoE;IACpE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sCAAsC;IACtC,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAmPF,eAAO,MAAM,KAAK;sKAWf,UAAU;;CAgEZ,CAAC"}
@@ -3,6 +3,8 @@ export type DSSegmentedSize = 'sm' | 'md' | 'lg';
3
3
  export type SegmentedProps = AntSegmentedProps & {
4
4
  /** DS size mapped from Figma segmented variants. */
5
5
  dsSize?: DSSegmentedSize;
6
+ /** Show or remove borders around the control and selected state. */
7
+ dsBordered?: boolean;
6
8
  };
7
- export declare const Segmented: ({ dsSize, size, style, ...props }: SegmentedProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const Segmented: ({ dsSize, dsBordered, size, style, ...props }: SegmentedProps) => import("react/jsx-runtime").JSX.Element;
8
10
  //# sourceMappingURL=Segmented.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../../../src/ds/display/Segmented.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAKhE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,oDAAoD;IACpD,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAqKF,eAAO,MAAM,SAAS,GAAI,mCAA0C,cAAc,4CAkGjF,CAAC"}
1
+ {"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../../../src/ds/display/Segmented.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAKhE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,oDAAoD;IACpD,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AA6KF,eAAO,MAAM,SAAS,GAAI,+CAA6D,cAAc,4CAmGpG,CAAC"}