colibri-ui 0.8.76 → 0.8.77

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 (119) hide show
  1. package/Autocomplete/Autocomplete.d.ts +6 -0
  2. package/Autocomplete/Autocomplete.js +298 -0
  3. package/Autocomplete/Autocomplete.module.css +147 -0
  4. package/Autocomplete/index.d.ts +2 -0
  5. package/Autocomplete/index.js +7 -0
  6. package/Autocomplete/index.props.d.ts +39 -0
  7. package/Autocomplete/package.json +9 -0
  8. package/Button/tokens.d.ts +78 -0
  9. package/Button/tokens.js +84 -0
  10. package/Calendar/Calendar.js +3 -1
  11. package/Input/index.d.ts +1 -1
  12. package/Input/index.js +20 -14
  13. package/Input/index.props.d.ts +4 -1
  14. package/List/List.d.ts +5 -0
  15. package/List/List.js +161 -0
  16. package/List/List.module.css +185 -0
  17. package/List/index.d.ts +2 -0
  18. package/List/index.js +9 -0
  19. package/List/index.props.d.ts +43 -0
  20. package/List/package.json +9 -0
  21. package/Modal/Modal.module.css +14 -7
  22. package/Modal/components/Body/Body.module.css +12 -0
  23. package/Modal/components/Body/index.d.ts +3 -0
  24. package/Modal/components/Body/index.js +27 -0
  25. package/Modal/components/Body/index.props.d.ts +1 -0
  26. package/Modal/components/Close/index.js +5 -2
  27. package/Modal/components/Close/index.props.d.ts +1 -0
  28. package/Modal/components/Footer/Footer.module.css +10 -0
  29. package/Modal/components/Footer/index.d.ts +3 -0
  30. package/Modal/components/Footer/index.js +23 -0
  31. package/Modal/components/Footer/index.props.d.ts +1 -0
  32. package/Modal/components/Header/Header.module.css +32 -0
  33. package/Modal/components/Header/index.d.ts +3 -0
  34. package/Modal/components/Header/index.js +37 -0
  35. package/Modal/components/Header/index.props.d.ts +1 -0
  36. package/Modal/components/Title/index.js +20 -7
  37. package/Modal/components/Title/index.props.d.ts +1 -2
  38. package/Modal/context.d.ts +9 -0
  39. package/Modal/context.js +15 -0
  40. package/Modal/index.d.ts +12 -2
  41. package/Modal/index.js +102 -30
  42. package/Modal/index.props.d.ts +25 -0
  43. package/Modal/useModalStack.d.ts +2 -0
  44. package/Modal/useModalStack.js +20 -0
  45. package/Theme/colors/index.d.ts +4 -0
  46. package/Theme/colors/theme_buenos_aires.d.ts +4 -0
  47. package/Theme/colors/theme_buenos_aires.js +2 -0
  48. package/Theme/colors/theme_jaipur.d.ts +4 -0
  49. package/Theme/colors/theme_jaipur.js +2 -0
  50. package/Theme/index.d.ts +298 -152
  51. package/Theme/index.js +3 -2
  52. package/Theme/themes/buenos_aires.d.ts +73 -76
  53. package/Theme/themes/buenos_aires.js +73 -76
  54. package/Theme/themes/jaipur.d.ts +73 -76
  55. package/Theme/themes/jaipur.js +73 -76
  56. package/esm/Autocomplete/Autocomplete.d.ts +6 -0
  57. package/esm/Autocomplete/Autocomplete.js +288 -0
  58. package/esm/Autocomplete/Autocomplete.module.css +147 -0
  59. package/esm/Autocomplete/index.d.ts +2 -0
  60. package/esm/Autocomplete/index.props.d.ts +39 -0
  61. package/esm/Button/tokens.d.ts +78 -0
  62. package/esm/Button/tokens.js +82 -0
  63. package/esm/Calendar/Calendar.js +3 -1
  64. package/esm/Input/index.d.ts +1 -1
  65. package/esm/Input/index.js +16 -10
  66. package/esm/Input/index.props.d.ts +4 -1
  67. package/esm/List/List.d.ts +5 -0
  68. package/esm/List/List.js +150 -0
  69. package/esm/List/List.module.css +185 -0
  70. package/esm/List/index.d.ts +2 -0
  71. package/esm/List/index.props.d.ts +43 -0
  72. package/esm/Modal/Modal.module.css +14 -7
  73. package/esm/Modal/components/Body/Body.module.css +12 -0
  74. package/esm/Modal/components/Body/index.d.ts +3 -0
  75. package/esm/Modal/components/Body/index.js +18 -0
  76. package/esm/Modal/components/Body/index.props.d.ts +1 -0
  77. package/esm/Modal/components/Close/index.js +4 -2
  78. package/esm/Modal/components/Close/index.props.d.ts +1 -0
  79. package/esm/Modal/components/Footer/Footer.module.css +10 -0
  80. package/esm/Modal/components/Footer/index.d.ts +3 -0
  81. package/esm/Modal/components/Footer/index.js +15 -0
  82. package/esm/Modal/components/Footer/index.props.d.ts +1 -0
  83. package/esm/Modal/components/Header/Header.module.css +32 -0
  84. package/esm/Modal/components/Header/index.d.ts +3 -0
  85. package/esm/Modal/components/Header/index.js +28 -0
  86. package/esm/Modal/components/Header/index.props.d.ts +1 -0
  87. package/esm/Modal/components/Title/index.js +20 -8
  88. package/esm/Modal/components/Title/index.props.d.ts +1 -2
  89. package/esm/Modal/context.d.ts +9 -0
  90. package/esm/Modal/context.js +12 -0
  91. package/esm/Modal/index.d.ts +12 -2
  92. package/esm/Modal/index.js +91 -24
  93. package/esm/Modal/index.props.d.ts +25 -0
  94. package/esm/Modal/useModalStack.d.ts +2 -0
  95. package/esm/Modal/useModalStack.js +18 -0
  96. package/esm/Theme/colors/index.d.ts +4 -0
  97. package/esm/Theme/colors/theme_buenos_aires.d.ts +4 -0
  98. package/esm/Theme/colors/theme_buenos_aires.js +2 -0
  99. package/esm/Theme/colors/theme_jaipur.d.ts +4 -0
  100. package/esm/Theme/colors/theme_jaipur.js +2 -0
  101. package/esm/Theme/index.d.ts +298 -152
  102. package/esm/Theme/index.js +3 -2
  103. package/esm/Theme/themes/buenos_aires.d.ts +73 -76
  104. package/esm/Theme/themes/buenos_aires.js +73 -76
  105. package/esm/Theme/themes/jaipur.d.ts +73 -76
  106. package/esm/Theme/themes/jaipur.js +73 -76
  107. package/esm/hooks/useTrapFocus/index.d.ts +1 -1
  108. package/esm/hooks/useTrapFocus/index.js +3 -2
  109. package/esm/index.d.ts +6 -2
  110. package/esm/index.js +6 -0
  111. package/esm/theme_ba_variables.css +149 -76
  112. package/esm/theme_jaipur_variables.css +149 -76
  113. package/hooks/useTrapFocus/index.d.ts +1 -1
  114. package/hooks/useTrapFocus/index.js +3 -2
  115. package/index.d.ts +6 -2
  116. package/index.js +51 -35
  117. package/package.json +1 -1
  118. package/theme_ba_variables.css +149 -76
  119. package/theme_jaipur_variables.css +149 -76
package/Theme/index.d.ts CHANGED
@@ -1,5 +1,81 @@
1
1
  export declare const THEMES: {
2
2
  JAIPUR: {
3
+ "component-button-primary-bg": "var(--color-action-primary)";
4
+ "component-button-primary-border": "var(--color-action-primary)";
5
+ "component-button-primary-text": "var(--color-action-secondary)";
6
+ "component-button-primary-bg-hover": "var(--color-action-primary-hover)";
7
+ "component-button-primary-border-hover": "var(--color-action-primary-hover)";
8
+ "component-button-primary-text-hover": "var(--color-action-secondary)";
9
+ "component-button-primary-bg-pressed": "var(--color-action-secondary)";
10
+ "component-button-primary-border-pressed": "var(--color-action-secondary)";
11
+ "component-button-primary-text-pressed": "var(--color-text-on-brand)";
12
+ "component-button-secondary-bg": "var(--color-bg-surface-strong)";
13
+ "component-button-secondary-border": "var(--color-border-default)";
14
+ "component-button-secondary-text": "var(--color-text-primary)";
15
+ "component-button-secondary-bg-hover": "var(--color-neutral-300)";
16
+ "component-button-secondary-border-hover": "var(--color-border-strong)";
17
+ "component-button-secondary-text-hover": "var(--color-text-primary)";
18
+ "component-button-secondary-bg-pressed": "var(--color-action-primary)";
19
+ "component-button-secondary-border-pressed": "var(--color-action-primary)";
20
+ "component-button-secondary-text-pressed": "var(--color-action-secondary)";
21
+ "component-button-outline-bg": "var(--color-bg-surface)";
22
+ "component-button-outline-border": "var(--color-border-default)";
23
+ "component-button-outline-text": "var(--color-text-primary)";
24
+ "component-button-outline-bg-hover": "var(--color-bg-surface-subtle)";
25
+ "component-button-outline-border-hover": "var(--color-border-strong)";
26
+ "component-button-outline-text-hover": "var(--color-text-primary)";
27
+ "component-button-outline-bg-pressed": "var(--color-bg-surface-strong)";
28
+ "component-button-outline-border-pressed": "var(--color-action-primary)";
29
+ "component-button-outline-text-pressed": "var(--color-action-primary-pressed)";
30
+ "component-button-pseudo-bg": "var(--color-bg-canvas)";
31
+ "component-button-pseudo-border": "var(--color-bg-canvas)";
32
+ "component-button-pseudo-text": "var(--color-text-primary)";
33
+ "component-button-pseudo-bg-hover": "var(--color-bg-surface-subtle)";
34
+ "component-button-pseudo-border-hover": "var(--color-bg-surface-subtle)";
35
+ "component-button-pseudo-text-hover": "var(--color-text-primary)";
36
+ "component-button-pseudo-bg-pressed": "var(--color-bg-surface-strong)";
37
+ "component-button-pseudo-border-pressed": "var(--color-bg-surface-strong)";
38
+ "component-button-pseudo-text-pressed": "var(--color-text-primary)";
39
+ "component-button-clear-bg": "transparent";
40
+ "component-button-clear-border": "transparent";
41
+ "component-button-clear-text": "var(--color-text-primary)";
42
+ "component-button-clear-bg-hover": "transparent";
43
+ "component-button-clear-border-hover": "transparent";
44
+ "component-button-clear-text-hover": "var(--color-action-clear-text-hover)";
45
+ "component-button-clear-bg-pressed": "transparent";
46
+ "component-button-clear-border-pressed": "transparent";
47
+ "component-button-clear-text-pressed": "var(--color-action-primary-pressed)";
48
+ "component-button-alert-bg": "var(--color-status-error)";
49
+ "component-button-alert-border": "var(--color-status-error)";
50
+ "component-button-alert-text": "var(--color-brand-white)";
51
+ "component-button-alert-bg-hover": "var(--color-status-error-hover)";
52
+ "component-button-alert-border-hover": "var(--color-status-error-hover)";
53
+ "component-button-alert-text-hover": "var(--color-brand-white)";
54
+ "component-button-alert-bg-pressed": "var(--color-status-error-accent)";
55
+ "component-button-alert-border-pressed": "var(--color-status-error-accent)";
56
+ "component-button-alert-text-pressed": "var(--color-brand-white)";
57
+ "component-button-success-bg": "var(--color-status-success-bg)";
58
+ "component-button-success-border": "var(--color-status-success-bg)";
59
+ "component-button-success-text": "var(--color-text-primary)";
60
+ "component-button-success-bg-hover": "var(--color-status-success-bg-hover)";
61
+ "component-button-success-border-hover": "var(--color-status-success-bg-hover)";
62
+ "component-button-success-text-hover": "var(--color-text-primary)";
63
+ "component-button-success-bg-pressed": "var(--color-status-success)";
64
+ "component-button-success-border-pressed": "var(--color-status-success)";
65
+ "component-button-success-text-pressed": "var(--color-brand-white)";
66
+ "component-button-bg-disabled": "var(--color-action-disabled)";
67
+ "component-button-border-disabled": "var(--color-action-disabled)";
68
+ "component-button-text-disabled": "var(--color-action-disabled-text)";
69
+ "component-button-font-size-xs": string;
70
+ "component-button-font-size-s": string;
71
+ "component-button-font-size-m": string;
72
+ "component-button-font-size-l": string;
73
+ "component-button-height-xs": string;
74
+ "component-button-height-s": string;
75
+ "component-button-height-m": string;
76
+ "component-button-height-l": string;
77
+ "component-button-radius": string;
78
+ "component-button-radius-lg": string;
3
79
  "color-brand-lime": string;
4
80
  "color-brand-forest": string;
5
81
  "color-brand-ink": string;
@@ -109,14 +185,17 @@ export declare const THEMES: {
109
185
  "color-action-secondary-hover": string;
110
186
  "color-action-secondary-pressed": string;
111
187
  "color-action-secondary-text": string;
188
+ "color-action-clear-text-hover": string;
112
189
  "color-action-disabled": string;
113
190
  "color-action-disabled-text": string;
114
191
  "color-focus-ring": string;
115
192
  "color-status-success": string;
116
193
  "color-status-success-bg": string;
194
+ "color-status-success-bg-hover": string;
117
195
  "color-status-warning": string;
118
196
  "color-status-warning-bg": string;
119
197
  "color-status-error": string;
198
+ "color-status-error-hover": string;
120
199
  "color-status-error-accent": string;
121
200
  "color-status-error-bg": string;
122
201
  "color-status-info": string;
@@ -224,6 +303,36 @@ export declare const THEMES: {
224
303
  "component-input-padding-block": string;
225
304
  "component-input-padding-inline": string;
226
305
  "component-input-content-margin-block": string;
306
+ "component-autocomplete-inline-size": string;
307
+ "component-autocomplete-border-success": string;
308
+ "component-autocomplete-end-icon-gap": string;
309
+ "component-autocomplete-icon-size": string;
310
+ "component-autocomplete-clear-size": string;
311
+ "component-autocomplete-clear-radius": string;
312
+ "component-autocomplete-clear-icon": string;
313
+ "component-autocomplete-clear-bg-hover": string;
314
+ "component-autocomplete-chevron": string;
315
+ "component-autocomplete-popup-bg": string;
316
+ "component-autocomplete-popup-border": string;
317
+ "component-autocomplete-popup-radius": string;
318
+ "component-autocomplete-popup-shadow": string;
319
+ "component-autocomplete-popup-offset": string;
320
+ "component-autocomplete-popup-z-index": string;
321
+ "component-autocomplete-list-max-height": string;
322
+ "component-autocomplete-list-padding": string;
323
+ "component-autocomplete-option-min-height": string;
324
+ "component-autocomplete-option-padding-block": string;
325
+ "component-autocomplete-option-padding-inline": string;
326
+ "component-autocomplete-option-radius": string;
327
+ "component-autocomplete-option-gap": string;
328
+ "component-autocomplete-option-bg-hover": string;
329
+ "component-autocomplete-option-text": string;
330
+ "component-autocomplete-option-text-selected": string;
331
+ "component-autocomplete-option-text-disabled": string;
332
+ "component-autocomplete-option-description": string;
333
+ "component-autocomplete-description-offset": string;
334
+ "component-autocomplete-message-text": string;
335
+ "component-autocomplete-message-padding": string;
227
336
  "component-editable-icon-size": string;
228
337
  "component-code-field-height-m": string;
229
338
  "component-code-field-height-l": string;
@@ -272,82 +381,6 @@ export declare const THEMES: {
272
381
  "component-switch-thumb-size": string;
273
382
  "component-switch-thumb-offset": string;
274
383
  "component-switch-thumb-translate": string;
275
- "component-button-font-size-xs": string;
276
- "component-button-font-size-s": string;
277
- "component-button-font-size-m": string;
278
- "component-button-font-size-l": string;
279
- "component-button-height-xs": string;
280
- "component-button-height-s": string;
281
- "component-button-height-m": string;
282
- "component-button-height-l": string;
283
- "component-button-radius": string;
284
- "component-button-radius-lg": string;
285
- "component-button-primary-bg": string;
286
- "component-button-primary-border": string;
287
- "component-button-primary-text": string;
288
- "component-button-primary-bg-hover": string;
289
- "component-button-primary-border-hover": string;
290
- "component-button-primary-text-hover": string;
291
- "component-button-primary-bg-pressed": string;
292
- "component-button-primary-border-pressed": string;
293
- "component-button-primary-text-pressed": string;
294
- "component-button-secondary-bg": string;
295
- "component-button-secondary-border": string;
296
- "component-button-secondary-text": string;
297
- "component-button-secondary-bg-hover": string;
298
- "component-button-secondary-border-hover": string;
299
- "component-button-secondary-text-hover": string;
300
- "component-button-secondary-bg-pressed": string;
301
- "component-button-secondary-border-pressed": string;
302
- "component-button-secondary-text-pressed": string;
303
- "component-button-outline-bg": string;
304
- "component-button-outline-border": string;
305
- "component-button-outline-text": string;
306
- "component-button-outline-bg-hover": string;
307
- "component-button-outline-border-hover": string;
308
- "component-button-outline-text-hover": string;
309
- "component-button-outline-bg-pressed": string;
310
- "component-button-outline-border-pressed": string;
311
- "component-button-outline-text-pressed": string;
312
- "component-button-pseudo-bg": string;
313
- "component-button-pseudo-border": string;
314
- "component-button-pseudo-text": string;
315
- "component-button-pseudo-bg-hover": string;
316
- "component-button-pseudo-border-hover": string;
317
- "component-button-pseudo-text-hover": string;
318
- "component-button-pseudo-bg-pressed": string;
319
- "component-button-pseudo-border-pressed": string;
320
- "component-button-pseudo-text-pressed": string;
321
- "component-button-clear-bg": string;
322
- "component-button-clear-border": string;
323
- "component-button-clear-text": string;
324
- "component-button-clear-bg-hover": string;
325
- "component-button-clear-border-hover": string;
326
- "component-button-clear-text-hover": string;
327
- "component-button-clear-bg-pressed": string;
328
- "component-button-clear-border-pressed": string;
329
- "component-button-clear-text-pressed": string;
330
- "component-button-alert-bg": string;
331
- "component-button-alert-border": string;
332
- "component-button-alert-text": string;
333
- "component-button-alert-bg-hover": string;
334
- "component-button-alert-border-hover": string;
335
- "component-button-alert-text-hover": string;
336
- "component-button-alert-bg-pressed": string;
337
- "component-button-alert-border-pressed": string;
338
- "component-button-alert-text-pressed": string;
339
- "component-button-success-bg": string;
340
- "component-button-success-border": string;
341
- "component-button-success-text": string;
342
- "component-button-success-bg-hover": string;
343
- "component-button-success-border-hover": string;
344
- "component-button-success-text-hover": string;
345
- "component-button-success-bg-pressed": string;
346
- "component-button-success-border-pressed": string;
347
- "component-button-success-text-pressed": string;
348
- "component-button-bg-disabled": string;
349
- "component-button-border-disabled": string;
350
- "component-button-text-disabled": string;
351
384
  "component-menu-bg": string;
352
385
  "component-menu-text": string;
353
386
  "component-menu-border": string;
@@ -357,6 +390,46 @@ export declare const THEMES: {
357
390
  "component-menu-item-bg-pressed": string;
358
391
  "component-menu-item-bg-selected": string;
359
392
  "component-menu-item-text-disabled": string;
393
+ "component-list-bg": string;
394
+ "component-list-text": string;
395
+ "component-list-text-disabled": string;
396
+ "component-list-description": string;
397
+ "component-list-description-selected": string;
398
+ "component-list-divider": string;
399
+ "component-list-focus-ring": string;
400
+ "component-list-container-radius": string;
401
+ "component-list-container-padding": string;
402
+ "component-list-items-gap": string;
403
+ "component-list-item-bg-hover": string;
404
+ "component-list-item-bg-selected": string;
405
+ "component-list-item-text-selected": string;
406
+ "component-list-item-text-disabled": string;
407
+ "component-list-item-radius": string;
408
+ "component-list-item-surface-radius": string;
409
+ "component-list-item-gap": string;
410
+ "component-list-item-min-height-s": string;
411
+ "component-list-item-min-height-m": string;
412
+ "component-list-item-min-height-l": string;
413
+ "component-list-item-min-height-compact": string;
414
+ "component-list-item-padding-block": string;
415
+ "component-list-item-padding-block-compact": string;
416
+ "component-list-item-padding-inline": string;
417
+ "component-list-item-padding-inline-l": string;
418
+ "component-list-font-size-s": string;
419
+ "component-list-line-height-s": string;
420
+ "component-list-font-size-m": string;
421
+ "component-list-line-height-m": string;
422
+ "component-list-font-size-l": string;
423
+ "component-list-line-height-l": string;
424
+ "component-list-description-font-size": string;
425
+ "component-list-description-line-height": string;
426
+ "component-list-description-offset": string;
427
+ "component-list-section-gap": string;
428
+ "component-list-section-title": string;
429
+ "component-list-section-title-font-size": string;
430
+ "component-list-section-title-line-height": string;
431
+ "component-list-section-title-padding-block-start": string;
432
+ "component-list-section-title-padding-block-end": string;
360
433
  "component-tab-bg": string;
361
434
  "component-tab-bg-hover": string;
362
435
  "component-tab-bg-pressed": string;
@@ -714,6 +787,82 @@ export declare const THEMES: {
714
787
  "promo-neon": string;
715
788
  };
716
789
  BA: {
790
+ "component-button-primary-bg": "var(--color-action-primary)";
791
+ "component-button-primary-border": "var(--color-action-primary)";
792
+ "component-button-primary-text": "var(--color-action-secondary)";
793
+ "component-button-primary-bg-hover": "var(--color-action-primary-hover)";
794
+ "component-button-primary-border-hover": "var(--color-action-primary-hover)";
795
+ "component-button-primary-text-hover": "var(--color-action-secondary)";
796
+ "component-button-primary-bg-pressed": "var(--color-action-secondary)";
797
+ "component-button-primary-border-pressed": "var(--color-action-secondary)";
798
+ "component-button-primary-text-pressed": "var(--color-text-on-brand)";
799
+ "component-button-secondary-bg": "var(--color-bg-surface-strong)";
800
+ "component-button-secondary-border": "var(--color-border-default)";
801
+ "component-button-secondary-text": "var(--color-text-primary)";
802
+ "component-button-secondary-bg-hover": "var(--color-neutral-300)";
803
+ "component-button-secondary-border-hover": "var(--color-border-strong)";
804
+ "component-button-secondary-text-hover": "var(--color-text-primary)";
805
+ "component-button-secondary-bg-pressed": "var(--color-action-primary)";
806
+ "component-button-secondary-border-pressed": "var(--color-action-primary)";
807
+ "component-button-secondary-text-pressed": "var(--color-action-secondary)";
808
+ "component-button-outline-bg": "var(--color-bg-surface)";
809
+ "component-button-outline-border": "var(--color-border-default)";
810
+ "component-button-outline-text": "var(--color-text-primary)";
811
+ "component-button-outline-bg-hover": "var(--color-bg-surface-subtle)";
812
+ "component-button-outline-border-hover": "var(--color-border-strong)";
813
+ "component-button-outline-text-hover": "var(--color-text-primary)";
814
+ "component-button-outline-bg-pressed": "var(--color-bg-surface-strong)";
815
+ "component-button-outline-border-pressed": "var(--color-action-primary)";
816
+ "component-button-outline-text-pressed": "var(--color-action-primary-pressed)";
817
+ "component-button-pseudo-bg": "var(--color-bg-canvas)";
818
+ "component-button-pseudo-border": "var(--color-bg-canvas)";
819
+ "component-button-pseudo-text": "var(--color-text-primary)";
820
+ "component-button-pseudo-bg-hover": "var(--color-bg-surface-subtle)";
821
+ "component-button-pseudo-border-hover": "var(--color-bg-surface-subtle)";
822
+ "component-button-pseudo-text-hover": "var(--color-text-primary)";
823
+ "component-button-pseudo-bg-pressed": "var(--color-bg-surface-strong)";
824
+ "component-button-pseudo-border-pressed": "var(--color-bg-surface-strong)";
825
+ "component-button-pseudo-text-pressed": "var(--color-text-primary)";
826
+ "component-button-clear-bg": "transparent";
827
+ "component-button-clear-border": "transparent";
828
+ "component-button-clear-text": "var(--color-text-primary)";
829
+ "component-button-clear-bg-hover": "transparent";
830
+ "component-button-clear-border-hover": "transparent";
831
+ "component-button-clear-text-hover": "var(--color-action-clear-text-hover)";
832
+ "component-button-clear-bg-pressed": "transparent";
833
+ "component-button-clear-border-pressed": "transparent";
834
+ "component-button-clear-text-pressed": "var(--color-action-primary-pressed)";
835
+ "component-button-alert-bg": "var(--color-status-error)";
836
+ "component-button-alert-border": "var(--color-status-error)";
837
+ "component-button-alert-text": "var(--color-brand-white)";
838
+ "component-button-alert-bg-hover": "var(--color-status-error-hover)";
839
+ "component-button-alert-border-hover": "var(--color-status-error-hover)";
840
+ "component-button-alert-text-hover": "var(--color-brand-white)";
841
+ "component-button-alert-bg-pressed": "var(--color-status-error-accent)";
842
+ "component-button-alert-border-pressed": "var(--color-status-error-accent)";
843
+ "component-button-alert-text-pressed": "var(--color-brand-white)";
844
+ "component-button-success-bg": "var(--color-status-success-bg)";
845
+ "component-button-success-border": "var(--color-status-success-bg)";
846
+ "component-button-success-text": "var(--color-text-primary)";
847
+ "component-button-success-bg-hover": "var(--color-status-success-bg-hover)";
848
+ "component-button-success-border-hover": "var(--color-status-success-bg-hover)";
849
+ "component-button-success-text-hover": "var(--color-text-primary)";
850
+ "component-button-success-bg-pressed": "var(--color-status-success)";
851
+ "component-button-success-border-pressed": "var(--color-status-success)";
852
+ "component-button-success-text-pressed": "var(--color-brand-white)";
853
+ "component-button-bg-disabled": "var(--color-action-disabled)";
854
+ "component-button-border-disabled": "var(--color-action-disabled)";
855
+ "component-button-text-disabled": "var(--color-action-disabled-text)";
856
+ "component-button-font-size-xs": string;
857
+ "component-button-font-size-s": string;
858
+ "component-button-font-size-m": string;
859
+ "component-button-font-size-l": string;
860
+ "component-button-height-xs": string;
861
+ "component-button-height-s": string;
862
+ "component-button-height-m": string;
863
+ "component-button-height-l": string;
864
+ "component-button-radius": string;
865
+ "component-button-radius-lg": string;
717
866
  "color-brand-lime": string;
718
867
  "color-brand-forest": string;
719
868
  "color-brand-ink": string;
@@ -823,14 +972,17 @@ export declare const THEMES: {
823
972
  "color-action-secondary-hover": string;
824
973
  "color-action-secondary-pressed": string;
825
974
  "color-action-secondary-text": string;
975
+ "color-action-clear-text-hover": string;
826
976
  "color-action-disabled": string;
827
977
  "color-action-disabled-text": string;
828
978
  "color-focus-ring": string;
829
979
  "color-status-success": string;
830
980
  "color-status-success-bg": string;
981
+ "color-status-success-bg-hover": string;
831
982
  "color-status-warning": string;
832
983
  "color-status-warning-bg": string;
833
984
  "color-status-error": string;
985
+ "color-status-error-hover": string;
834
986
  "color-status-error-accent": string;
835
987
  "color-status-error-bg": string;
836
988
  "color-status-info": string;
@@ -938,6 +1090,36 @@ export declare const THEMES: {
938
1090
  "component-input-padding-block": string;
939
1091
  "component-input-padding-inline": string;
940
1092
  "component-input-content-margin-block": string;
1093
+ "component-autocomplete-inline-size": string;
1094
+ "component-autocomplete-border-success": string;
1095
+ "component-autocomplete-end-icon-gap": string;
1096
+ "component-autocomplete-icon-size": string;
1097
+ "component-autocomplete-clear-size": string;
1098
+ "component-autocomplete-clear-radius": string;
1099
+ "component-autocomplete-clear-icon": string;
1100
+ "component-autocomplete-clear-bg-hover": string;
1101
+ "component-autocomplete-chevron": string;
1102
+ "component-autocomplete-popup-bg": string;
1103
+ "component-autocomplete-popup-border": string;
1104
+ "component-autocomplete-popup-radius": string;
1105
+ "component-autocomplete-popup-shadow": string;
1106
+ "component-autocomplete-popup-offset": string;
1107
+ "component-autocomplete-popup-z-index": string;
1108
+ "component-autocomplete-list-max-height": string;
1109
+ "component-autocomplete-list-padding": string;
1110
+ "component-autocomplete-option-min-height": string;
1111
+ "component-autocomplete-option-padding-block": string;
1112
+ "component-autocomplete-option-padding-inline": string;
1113
+ "component-autocomplete-option-radius": string;
1114
+ "component-autocomplete-option-gap": string;
1115
+ "component-autocomplete-option-bg-hover": string;
1116
+ "component-autocomplete-option-text": string;
1117
+ "component-autocomplete-option-text-selected": string;
1118
+ "component-autocomplete-option-text-disabled": string;
1119
+ "component-autocomplete-option-description": string;
1120
+ "component-autocomplete-description-offset": string;
1121
+ "component-autocomplete-message-text": string;
1122
+ "component-autocomplete-message-padding": string;
941
1123
  "component-editable-icon-size": string;
942
1124
  "component-code-field-height-m": string;
943
1125
  "component-code-field-height-l": string;
@@ -986,82 +1168,6 @@ export declare const THEMES: {
986
1168
  "component-switch-thumb-size": string;
987
1169
  "component-switch-thumb-offset": string;
988
1170
  "component-switch-thumb-translate": string;
989
- "component-button-font-size-xs": string;
990
- "component-button-font-size-s": string;
991
- "component-button-font-size-m": string;
992
- "component-button-font-size-l": string;
993
- "component-button-height-xs": string;
994
- "component-button-height-s": string;
995
- "component-button-height-m": string;
996
- "component-button-height-l": string;
997
- "component-button-radius": string;
998
- "component-button-radius-lg": string;
999
- "component-button-primary-bg": string;
1000
- "component-button-primary-border": string;
1001
- "component-button-primary-text": string;
1002
- "component-button-primary-bg-hover": string;
1003
- "component-button-primary-border-hover": string;
1004
- "component-button-primary-text-hover": string;
1005
- "component-button-primary-bg-pressed": string;
1006
- "component-button-primary-border-pressed": string;
1007
- "component-button-primary-text-pressed": string;
1008
- "component-button-secondary-bg": string;
1009
- "component-button-secondary-border": string;
1010
- "component-button-secondary-text": string;
1011
- "component-button-secondary-bg-hover": string;
1012
- "component-button-secondary-border-hover": string;
1013
- "component-button-secondary-text-hover": string;
1014
- "component-button-secondary-bg-pressed": string;
1015
- "component-button-secondary-border-pressed": string;
1016
- "component-button-secondary-text-pressed": string;
1017
- "component-button-outline-bg": string;
1018
- "component-button-outline-border": string;
1019
- "component-button-outline-text": string;
1020
- "component-button-outline-bg-hover": string;
1021
- "component-button-outline-border-hover": string;
1022
- "component-button-outline-text-hover": string;
1023
- "component-button-outline-bg-pressed": string;
1024
- "component-button-outline-border-pressed": string;
1025
- "component-button-outline-text-pressed": string;
1026
- "component-button-pseudo-bg": string;
1027
- "component-button-pseudo-border": string;
1028
- "component-button-pseudo-text": string;
1029
- "component-button-pseudo-bg-hover": string;
1030
- "component-button-pseudo-border-hover": string;
1031
- "component-button-pseudo-text-hover": string;
1032
- "component-button-pseudo-bg-pressed": string;
1033
- "component-button-pseudo-border-pressed": string;
1034
- "component-button-pseudo-text-pressed": string;
1035
- "component-button-clear-bg": string;
1036
- "component-button-clear-border": string;
1037
- "component-button-clear-text": string;
1038
- "component-button-clear-bg-hover": string;
1039
- "component-button-clear-border-hover": string;
1040
- "component-button-clear-text-hover": string;
1041
- "component-button-clear-bg-pressed": string;
1042
- "component-button-clear-border-pressed": string;
1043
- "component-button-clear-text-pressed": string;
1044
- "component-button-alert-bg": string;
1045
- "component-button-alert-border": string;
1046
- "component-button-alert-text": string;
1047
- "component-button-alert-bg-hover": string;
1048
- "component-button-alert-border-hover": string;
1049
- "component-button-alert-text-hover": string;
1050
- "component-button-alert-bg-pressed": string;
1051
- "component-button-alert-border-pressed": string;
1052
- "component-button-alert-text-pressed": string;
1053
- "component-button-success-bg": string;
1054
- "component-button-success-border": string;
1055
- "component-button-success-text": string;
1056
- "component-button-success-bg-hover": string;
1057
- "component-button-success-border-hover": string;
1058
- "component-button-success-text-hover": string;
1059
- "component-button-success-bg-pressed": string;
1060
- "component-button-success-border-pressed": string;
1061
- "component-button-success-text-pressed": string;
1062
- "component-button-bg-disabled": string;
1063
- "component-button-border-disabled": string;
1064
- "component-button-text-disabled": string;
1065
1171
  "component-menu-bg": string;
1066
1172
  "component-menu-text": string;
1067
1173
  "component-menu-border": string;
@@ -1071,6 +1177,46 @@ export declare const THEMES: {
1071
1177
  "component-menu-item-bg-pressed": string;
1072
1178
  "component-menu-item-bg-selected": string;
1073
1179
  "component-menu-item-text-disabled": string;
1180
+ "component-list-bg": string;
1181
+ "component-list-text": string;
1182
+ "component-list-text-disabled": string;
1183
+ "component-list-description": string;
1184
+ "component-list-description-selected": string;
1185
+ "component-list-divider": string;
1186
+ "component-list-focus-ring": string;
1187
+ "component-list-container-radius": string;
1188
+ "component-list-container-padding": string;
1189
+ "component-list-items-gap": string;
1190
+ "component-list-item-bg-hover": string;
1191
+ "component-list-item-bg-selected": string;
1192
+ "component-list-item-text-selected": string;
1193
+ "component-list-item-text-disabled": string;
1194
+ "component-list-item-radius": string;
1195
+ "component-list-item-surface-radius": string;
1196
+ "component-list-item-gap": string;
1197
+ "component-list-item-min-height-s": string;
1198
+ "component-list-item-min-height-m": string;
1199
+ "component-list-item-min-height-l": string;
1200
+ "component-list-item-min-height-compact": string;
1201
+ "component-list-item-padding-block": string;
1202
+ "component-list-item-padding-block-compact": string;
1203
+ "component-list-item-padding-inline": string;
1204
+ "component-list-item-padding-inline-l": string;
1205
+ "component-list-font-size-s": string;
1206
+ "component-list-line-height-s": string;
1207
+ "component-list-font-size-m": string;
1208
+ "component-list-line-height-m": string;
1209
+ "component-list-font-size-l": string;
1210
+ "component-list-line-height-l": string;
1211
+ "component-list-description-font-size": string;
1212
+ "component-list-description-line-height": string;
1213
+ "component-list-description-offset": string;
1214
+ "component-list-section-gap": string;
1215
+ "component-list-section-title": string;
1216
+ "component-list-section-title-font-size": string;
1217
+ "component-list-section-title-line-height": string;
1218
+ "component-list-section-title-padding-block-start": string;
1219
+ "component-list-section-title-padding-block-end": string;
1074
1220
  "component-tab-bg": string;
1075
1221
  "component-tab-bg-hover": string;
1076
1222
  "component-tab-bg-pressed": string;
package/Theme/index.js CHANGED
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
+ var tokens = require('../Button/tokens.js');
3
4
  var jaipur = require('./themes/jaipur.js');
4
5
  var buenos_aires = require('./themes/buenos_aires.js');
5
6
 
6
7
  var THEMES = {
7
- JAIPUR: jaipur.default,
8
- BA: buenos_aires.default
8
+ JAIPUR: Object.assign(Object.assign({}, jaipur.default), tokens.BUTTON_TOKENS),
9
+ BA: Object.assign(Object.assign({}, buenos_aires.default), tokens.BUTTON_TOKENS)
9
10
  };
10
11
 
11
12
  exports.THEMES = THEMES;