colibri-ui 0.8.76 → 0.8.78

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 (128) 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 +103 -31
  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/README.md +59 -0
  46. package/Theme/breakpoints.d.ts +20 -16
  47. package/Theme/breakpoints.js +21 -32
  48. package/Theme/colors/index.d.ts +4 -0
  49. package/Theme/colors/theme_buenos_aires.d.ts +4 -0
  50. package/Theme/colors/theme_buenos_aires.js +2 -0
  51. package/Theme/colors/theme_jaipur.d.ts +4 -0
  52. package/Theme/colors/theme_jaipur.js +2 -0
  53. package/Theme/index.d.ts +300 -152
  54. package/Theme/index.js +6 -2
  55. package/Theme/themes/buenos_aires.d.ts +73 -76
  56. package/Theme/themes/buenos_aires.js +73 -76
  57. package/Theme/themes/jaipur.d.ts +73 -76
  58. package/Theme/themes/jaipur.js +73 -76
  59. package/esm/Autocomplete/Autocomplete.d.ts +6 -0
  60. package/esm/Autocomplete/Autocomplete.js +288 -0
  61. package/esm/Autocomplete/Autocomplete.module.css +147 -0
  62. package/esm/Autocomplete/index.d.ts +2 -0
  63. package/esm/Autocomplete/index.props.d.ts +39 -0
  64. package/esm/Button/tokens.d.ts +78 -0
  65. package/esm/Button/tokens.js +82 -0
  66. package/esm/Calendar/Calendar.js +3 -1
  67. package/esm/Input/index.d.ts +1 -1
  68. package/esm/Input/index.js +16 -10
  69. package/esm/Input/index.props.d.ts +4 -1
  70. package/esm/List/List.d.ts +5 -0
  71. package/esm/List/List.js +150 -0
  72. package/esm/List/List.module.css +185 -0
  73. package/esm/List/index.d.ts +2 -0
  74. package/esm/List/index.props.d.ts +43 -0
  75. package/esm/Modal/Modal.module.css +14 -7
  76. package/esm/Modal/components/Body/Body.module.css +12 -0
  77. package/esm/Modal/components/Body/index.d.ts +3 -0
  78. package/esm/Modal/components/Body/index.js +18 -0
  79. package/esm/Modal/components/Body/index.props.d.ts +1 -0
  80. package/esm/Modal/components/Close/index.js +4 -2
  81. package/esm/Modal/components/Close/index.props.d.ts +1 -0
  82. package/esm/Modal/components/Footer/Footer.module.css +10 -0
  83. package/esm/Modal/components/Footer/index.d.ts +3 -0
  84. package/esm/Modal/components/Footer/index.js +15 -0
  85. package/esm/Modal/components/Footer/index.props.d.ts +1 -0
  86. package/esm/Modal/components/Header/Header.module.css +32 -0
  87. package/esm/Modal/components/Header/index.d.ts +3 -0
  88. package/esm/Modal/components/Header/index.js +28 -0
  89. package/esm/Modal/components/Header/index.props.d.ts +1 -0
  90. package/esm/Modal/components/Title/index.js +20 -8
  91. package/esm/Modal/components/Title/index.props.d.ts +1 -2
  92. package/esm/Modal/context.d.ts +9 -0
  93. package/esm/Modal/context.js +12 -0
  94. package/esm/Modal/index.d.ts +12 -2
  95. package/esm/Modal/index.js +92 -25
  96. package/esm/Modal/index.props.d.ts +25 -0
  97. package/esm/Modal/useModalStack.d.ts +2 -0
  98. package/esm/Modal/useModalStack.js +18 -0
  99. package/esm/Theme/breakpoints.d.ts +20 -16
  100. package/esm/Theme/breakpoints.js +20 -26
  101. package/esm/Theme/colors/index.d.ts +4 -0
  102. package/esm/Theme/colors/theme_buenos_aires.d.ts +4 -0
  103. package/esm/Theme/colors/theme_buenos_aires.js +2 -0
  104. package/esm/Theme/colors/theme_jaipur.d.ts +4 -0
  105. package/esm/Theme/colors/theme_jaipur.js +2 -0
  106. package/esm/Theme/index.d.ts +300 -152
  107. package/esm/Theme/index.js +3 -2
  108. package/esm/Theme/themes/buenos_aires.d.ts +73 -76
  109. package/esm/Theme/themes/buenos_aires.js +73 -76
  110. package/esm/Theme/themes/jaipur.d.ts +73 -76
  111. package/esm/Theme/themes/jaipur.js +73 -76
  112. package/esm/hooks/useMediaSizes/index.d.ts +2 -2
  113. package/esm/hooks/useMediaSizes/index.js +2 -2
  114. package/esm/hooks/useTrapFocus/index.d.ts +1 -1
  115. package/esm/hooks/useTrapFocus/index.js +3 -2
  116. package/esm/index.d.ts +8 -3
  117. package/esm/index.js +7 -0
  118. package/esm/theme_ba_variables.css +149 -76
  119. package/esm/theme_jaipur_variables.css +149 -76
  120. package/hooks/useMediaSizes/index.d.ts +2 -2
  121. package/hooks/useMediaSizes/index.js +1 -1
  122. package/hooks/useTrapFocus/index.d.ts +1 -1
  123. package/hooks/useTrapFocus/index.js +3 -2
  124. package/index.d.ts +8 -3
  125. package/index.js +54 -35
  126. package/package.json +1 -1
  127. package/theme_ba_variables.css +149 -76
  128. package/theme_jaipur_variables.css +149 -76
package/Theme/index.d.ts CHANGED
@@ -1,5 +1,83 @@
1
+ export { BREAKPOINTS, media } from "./breakpoints";
2
+ export type { BreakpointName, Media } from "./breakpoints";
1
3
  export declare const THEMES: {
2
4
  JAIPUR: {
5
+ "component-button-primary-bg": "var(--color-action-primary)";
6
+ "component-button-primary-border": "var(--color-action-primary)";
7
+ "component-button-primary-text": "var(--color-action-secondary)";
8
+ "component-button-primary-bg-hover": "var(--color-action-primary-hover)";
9
+ "component-button-primary-border-hover": "var(--color-action-primary-hover)";
10
+ "component-button-primary-text-hover": "var(--color-action-secondary)";
11
+ "component-button-primary-bg-pressed": "var(--color-action-secondary)";
12
+ "component-button-primary-border-pressed": "var(--color-action-secondary)";
13
+ "component-button-primary-text-pressed": "var(--color-text-on-brand)";
14
+ "component-button-secondary-bg": "var(--color-bg-surface-strong)";
15
+ "component-button-secondary-border": "var(--color-border-default)";
16
+ "component-button-secondary-text": "var(--color-text-primary)";
17
+ "component-button-secondary-bg-hover": "var(--color-neutral-300)";
18
+ "component-button-secondary-border-hover": "var(--color-border-strong)";
19
+ "component-button-secondary-text-hover": "var(--color-text-primary)";
20
+ "component-button-secondary-bg-pressed": "var(--color-action-primary)";
21
+ "component-button-secondary-border-pressed": "var(--color-action-primary)";
22
+ "component-button-secondary-text-pressed": "var(--color-action-secondary)";
23
+ "component-button-outline-bg": "var(--color-bg-surface)";
24
+ "component-button-outline-border": "var(--color-border-default)";
25
+ "component-button-outline-text": "var(--color-text-primary)";
26
+ "component-button-outline-bg-hover": "var(--color-bg-surface-subtle)";
27
+ "component-button-outline-border-hover": "var(--color-border-strong)";
28
+ "component-button-outline-text-hover": "var(--color-text-primary)";
29
+ "component-button-outline-bg-pressed": "var(--color-bg-surface-strong)";
30
+ "component-button-outline-border-pressed": "var(--color-action-primary)";
31
+ "component-button-outline-text-pressed": "var(--color-action-primary-pressed)";
32
+ "component-button-pseudo-bg": "var(--color-bg-canvas)";
33
+ "component-button-pseudo-border": "var(--color-bg-canvas)";
34
+ "component-button-pseudo-text": "var(--color-text-primary)";
35
+ "component-button-pseudo-bg-hover": "var(--color-bg-surface-subtle)";
36
+ "component-button-pseudo-border-hover": "var(--color-bg-surface-subtle)";
37
+ "component-button-pseudo-text-hover": "var(--color-text-primary)";
38
+ "component-button-pseudo-bg-pressed": "var(--color-bg-surface-strong)";
39
+ "component-button-pseudo-border-pressed": "var(--color-bg-surface-strong)";
40
+ "component-button-pseudo-text-pressed": "var(--color-text-primary)";
41
+ "component-button-clear-bg": "transparent";
42
+ "component-button-clear-border": "transparent";
43
+ "component-button-clear-text": "var(--color-text-primary)";
44
+ "component-button-clear-bg-hover": "transparent";
45
+ "component-button-clear-border-hover": "transparent";
46
+ "component-button-clear-text-hover": "var(--color-action-clear-text-hover)";
47
+ "component-button-clear-bg-pressed": "transparent";
48
+ "component-button-clear-border-pressed": "transparent";
49
+ "component-button-clear-text-pressed": "var(--color-action-primary-pressed)";
50
+ "component-button-alert-bg": "var(--color-status-error)";
51
+ "component-button-alert-border": "var(--color-status-error)";
52
+ "component-button-alert-text": "var(--color-brand-white)";
53
+ "component-button-alert-bg-hover": "var(--color-status-error-hover)";
54
+ "component-button-alert-border-hover": "var(--color-status-error-hover)";
55
+ "component-button-alert-text-hover": "var(--color-brand-white)";
56
+ "component-button-alert-bg-pressed": "var(--color-status-error-accent)";
57
+ "component-button-alert-border-pressed": "var(--color-status-error-accent)";
58
+ "component-button-alert-text-pressed": "var(--color-brand-white)";
59
+ "component-button-success-bg": "var(--color-status-success-bg)";
60
+ "component-button-success-border": "var(--color-status-success-bg)";
61
+ "component-button-success-text": "var(--color-text-primary)";
62
+ "component-button-success-bg-hover": "var(--color-status-success-bg-hover)";
63
+ "component-button-success-border-hover": "var(--color-status-success-bg-hover)";
64
+ "component-button-success-text-hover": "var(--color-text-primary)";
65
+ "component-button-success-bg-pressed": "var(--color-status-success)";
66
+ "component-button-success-border-pressed": "var(--color-status-success)";
67
+ "component-button-success-text-pressed": "var(--color-brand-white)";
68
+ "component-button-bg-disabled": "var(--color-action-disabled)";
69
+ "component-button-border-disabled": "var(--color-action-disabled)";
70
+ "component-button-text-disabled": "var(--color-action-disabled-text)";
71
+ "component-button-font-size-xs": string;
72
+ "component-button-font-size-s": string;
73
+ "component-button-font-size-m": string;
74
+ "component-button-font-size-l": string;
75
+ "component-button-height-xs": string;
76
+ "component-button-height-s": string;
77
+ "component-button-height-m": string;
78
+ "component-button-height-l": string;
79
+ "component-button-radius": string;
80
+ "component-button-radius-lg": string;
3
81
  "color-brand-lime": string;
4
82
  "color-brand-forest": string;
5
83
  "color-brand-ink": string;
@@ -109,14 +187,17 @@ export declare const THEMES: {
109
187
  "color-action-secondary-hover": string;
110
188
  "color-action-secondary-pressed": string;
111
189
  "color-action-secondary-text": string;
190
+ "color-action-clear-text-hover": string;
112
191
  "color-action-disabled": string;
113
192
  "color-action-disabled-text": string;
114
193
  "color-focus-ring": string;
115
194
  "color-status-success": string;
116
195
  "color-status-success-bg": string;
196
+ "color-status-success-bg-hover": string;
117
197
  "color-status-warning": string;
118
198
  "color-status-warning-bg": string;
119
199
  "color-status-error": string;
200
+ "color-status-error-hover": string;
120
201
  "color-status-error-accent": string;
121
202
  "color-status-error-bg": string;
122
203
  "color-status-info": string;
@@ -224,6 +305,36 @@ export declare const THEMES: {
224
305
  "component-input-padding-block": string;
225
306
  "component-input-padding-inline": string;
226
307
  "component-input-content-margin-block": string;
308
+ "component-autocomplete-inline-size": string;
309
+ "component-autocomplete-border-success": string;
310
+ "component-autocomplete-end-icon-gap": string;
311
+ "component-autocomplete-icon-size": string;
312
+ "component-autocomplete-clear-size": string;
313
+ "component-autocomplete-clear-radius": string;
314
+ "component-autocomplete-clear-icon": string;
315
+ "component-autocomplete-clear-bg-hover": string;
316
+ "component-autocomplete-chevron": string;
317
+ "component-autocomplete-popup-bg": string;
318
+ "component-autocomplete-popup-border": string;
319
+ "component-autocomplete-popup-radius": string;
320
+ "component-autocomplete-popup-shadow": string;
321
+ "component-autocomplete-popup-offset": string;
322
+ "component-autocomplete-popup-z-index": string;
323
+ "component-autocomplete-list-max-height": string;
324
+ "component-autocomplete-list-padding": string;
325
+ "component-autocomplete-option-min-height": string;
326
+ "component-autocomplete-option-padding-block": string;
327
+ "component-autocomplete-option-padding-inline": string;
328
+ "component-autocomplete-option-radius": string;
329
+ "component-autocomplete-option-gap": string;
330
+ "component-autocomplete-option-bg-hover": string;
331
+ "component-autocomplete-option-text": string;
332
+ "component-autocomplete-option-text-selected": string;
333
+ "component-autocomplete-option-text-disabled": string;
334
+ "component-autocomplete-option-description": string;
335
+ "component-autocomplete-description-offset": string;
336
+ "component-autocomplete-message-text": string;
337
+ "component-autocomplete-message-padding": string;
227
338
  "component-editable-icon-size": string;
228
339
  "component-code-field-height-m": string;
229
340
  "component-code-field-height-l": string;
@@ -272,82 +383,6 @@ export declare const THEMES: {
272
383
  "component-switch-thumb-size": string;
273
384
  "component-switch-thumb-offset": string;
274
385
  "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
386
  "component-menu-bg": string;
352
387
  "component-menu-text": string;
353
388
  "component-menu-border": string;
@@ -357,6 +392,46 @@ export declare const THEMES: {
357
392
  "component-menu-item-bg-pressed": string;
358
393
  "component-menu-item-bg-selected": string;
359
394
  "component-menu-item-text-disabled": string;
395
+ "component-list-bg": string;
396
+ "component-list-text": string;
397
+ "component-list-text-disabled": string;
398
+ "component-list-description": string;
399
+ "component-list-description-selected": string;
400
+ "component-list-divider": string;
401
+ "component-list-focus-ring": string;
402
+ "component-list-container-radius": string;
403
+ "component-list-container-padding": string;
404
+ "component-list-items-gap": string;
405
+ "component-list-item-bg-hover": string;
406
+ "component-list-item-bg-selected": string;
407
+ "component-list-item-text-selected": string;
408
+ "component-list-item-text-disabled": string;
409
+ "component-list-item-radius": string;
410
+ "component-list-item-surface-radius": string;
411
+ "component-list-item-gap": string;
412
+ "component-list-item-min-height-s": string;
413
+ "component-list-item-min-height-m": string;
414
+ "component-list-item-min-height-l": string;
415
+ "component-list-item-min-height-compact": string;
416
+ "component-list-item-padding-block": string;
417
+ "component-list-item-padding-block-compact": string;
418
+ "component-list-item-padding-inline": string;
419
+ "component-list-item-padding-inline-l": string;
420
+ "component-list-font-size-s": string;
421
+ "component-list-line-height-s": string;
422
+ "component-list-font-size-m": string;
423
+ "component-list-line-height-m": string;
424
+ "component-list-font-size-l": string;
425
+ "component-list-line-height-l": string;
426
+ "component-list-description-font-size": string;
427
+ "component-list-description-line-height": string;
428
+ "component-list-description-offset": string;
429
+ "component-list-section-gap": string;
430
+ "component-list-section-title": string;
431
+ "component-list-section-title-font-size": string;
432
+ "component-list-section-title-line-height": string;
433
+ "component-list-section-title-padding-block-start": string;
434
+ "component-list-section-title-padding-block-end": string;
360
435
  "component-tab-bg": string;
361
436
  "component-tab-bg-hover": string;
362
437
  "component-tab-bg-pressed": string;
@@ -714,6 +789,82 @@ export declare const THEMES: {
714
789
  "promo-neon": string;
715
790
  };
716
791
  BA: {
792
+ "component-button-primary-bg": "var(--color-action-primary)";
793
+ "component-button-primary-border": "var(--color-action-primary)";
794
+ "component-button-primary-text": "var(--color-action-secondary)";
795
+ "component-button-primary-bg-hover": "var(--color-action-primary-hover)";
796
+ "component-button-primary-border-hover": "var(--color-action-primary-hover)";
797
+ "component-button-primary-text-hover": "var(--color-action-secondary)";
798
+ "component-button-primary-bg-pressed": "var(--color-action-secondary)";
799
+ "component-button-primary-border-pressed": "var(--color-action-secondary)";
800
+ "component-button-primary-text-pressed": "var(--color-text-on-brand)";
801
+ "component-button-secondary-bg": "var(--color-bg-surface-strong)";
802
+ "component-button-secondary-border": "var(--color-border-default)";
803
+ "component-button-secondary-text": "var(--color-text-primary)";
804
+ "component-button-secondary-bg-hover": "var(--color-neutral-300)";
805
+ "component-button-secondary-border-hover": "var(--color-border-strong)";
806
+ "component-button-secondary-text-hover": "var(--color-text-primary)";
807
+ "component-button-secondary-bg-pressed": "var(--color-action-primary)";
808
+ "component-button-secondary-border-pressed": "var(--color-action-primary)";
809
+ "component-button-secondary-text-pressed": "var(--color-action-secondary)";
810
+ "component-button-outline-bg": "var(--color-bg-surface)";
811
+ "component-button-outline-border": "var(--color-border-default)";
812
+ "component-button-outline-text": "var(--color-text-primary)";
813
+ "component-button-outline-bg-hover": "var(--color-bg-surface-subtle)";
814
+ "component-button-outline-border-hover": "var(--color-border-strong)";
815
+ "component-button-outline-text-hover": "var(--color-text-primary)";
816
+ "component-button-outline-bg-pressed": "var(--color-bg-surface-strong)";
817
+ "component-button-outline-border-pressed": "var(--color-action-primary)";
818
+ "component-button-outline-text-pressed": "var(--color-action-primary-pressed)";
819
+ "component-button-pseudo-bg": "var(--color-bg-canvas)";
820
+ "component-button-pseudo-border": "var(--color-bg-canvas)";
821
+ "component-button-pseudo-text": "var(--color-text-primary)";
822
+ "component-button-pseudo-bg-hover": "var(--color-bg-surface-subtle)";
823
+ "component-button-pseudo-border-hover": "var(--color-bg-surface-subtle)";
824
+ "component-button-pseudo-text-hover": "var(--color-text-primary)";
825
+ "component-button-pseudo-bg-pressed": "var(--color-bg-surface-strong)";
826
+ "component-button-pseudo-border-pressed": "var(--color-bg-surface-strong)";
827
+ "component-button-pseudo-text-pressed": "var(--color-text-primary)";
828
+ "component-button-clear-bg": "transparent";
829
+ "component-button-clear-border": "transparent";
830
+ "component-button-clear-text": "var(--color-text-primary)";
831
+ "component-button-clear-bg-hover": "transparent";
832
+ "component-button-clear-border-hover": "transparent";
833
+ "component-button-clear-text-hover": "var(--color-action-clear-text-hover)";
834
+ "component-button-clear-bg-pressed": "transparent";
835
+ "component-button-clear-border-pressed": "transparent";
836
+ "component-button-clear-text-pressed": "var(--color-action-primary-pressed)";
837
+ "component-button-alert-bg": "var(--color-status-error)";
838
+ "component-button-alert-border": "var(--color-status-error)";
839
+ "component-button-alert-text": "var(--color-brand-white)";
840
+ "component-button-alert-bg-hover": "var(--color-status-error-hover)";
841
+ "component-button-alert-border-hover": "var(--color-status-error-hover)";
842
+ "component-button-alert-text-hover": "var(--color-brand-white)";
843
+ "component-button-alert-bg-pressed": "var(--color-status-error-accent)";
844
+ "component-button-alert-border-pressed": "var(--color-status-error-accent)";
845
+ "component-button-alert-text-pressed": "var(--color-brand-white)";
846
+ "component-button-success-bg": "var(--color-status-success-bg)";
847
+ "component-button-success-border": "var(--color-status-success-bg)";
848
+ "component-button-success-text": "var(--color-text-primary)";
849
+ "component-button-success-bg-hover": "var(--color-status-success-bg-hover)";
850
+ "component-button-success-border-hover": "var(--color-status-success-bg-hover)";
851
+ "component-button-success-text-hover": "var(--color-text-primary)";
852
+ "component-button-success-bg-pressed": "var(--color-status-success)";
853
+ "component-button-success-border-pressed": "var(--color-status-success)";
854
+ "component-button-success-text-pressed": "var(--color-brand-white)";
855
+ "component-button-bg-disabled": "var(--color-action-disabled)";
856
+ "component-button-border-disabled": "var(--color-action-disabled)";
857
+ "component-button-text-disabled": "var(--color-action-disabled-text)";
858
+ "component-button-font-size-xs": string;
859
+ "component-button-font-size-s": string;
860
+ "component-button-font-size-m": string;
861
+ "component-button-font-size-l": string;
862
+ "component-button-height-xs": string;
863
+ "component-button-height-s": string;
864
+ "component-button-height-m": string;
865
+ "component-button-height-l": string;
866
+ "component-button-radius": string;
867
+ "component-button-radius-lg": string;
717
868
  "color-brand-lime": string;
718
869
  "color-brand-forest": string;
719
870
  "color-brand-ink": string;
@@ -823,14 +974,17 @@ export declare const THEMES: {
823
974
  "color-action-secondary-hover": string;
824
975
  "color-action-secondary-pressed": string;
825
976
  "color-action-secondary-text": string;
977
+ "color-action-clear-text-hover": string;
826
978
  "color-action-disabled": string;
827
979
  "color-action-disabled-text": string;
828
980
  "color-focus-ring": string;
829
981
  "color-status-success": string;
830
982
  "color-status-success-bg": string;
983
+ "color-status-success-bg-hover": string;
831
984
  "color-status-warning": string;
832
985
  "color-status-warning-bg": string;
833
986
  "color-status-error": string;
987
+ "color-status-error-hover": string;
834
988
  "color-status-error-accent": string;
835
989
  "color-status-error-bg": string;
836
990
  "color-status-info": string;
@@ -938,6 +1092,36 @@ export declare const THEMES: {
938
1092
  "component-input-padding-block": string;
939
1093
  "component-input-padding-inline": string;
940
1094
  "component-input-content-margin-block": string;
1095
+ "component-autocomplete-inline-size": string;
1096
+ "component-autocomplete-border-success": string;
1097
+ "component-autocomplete-end-icon-gap": string;
1098
+ "component-autocomplete-icon-size": string;
1099
+ "component-autocomplete-clear-size": string;
1100
+ "component-autocomplete-clear-radius": string;
1101
+ "component-autocomplete-clear-icon": string;
1102
+ "component-autocomplete-clear-bg-hover": string;
1103
+ "component-autocomplete-chevron": string;
1104
+ "component-autocomplete-popup-bg": string;
1105
+ "component-autocomplete-popup-border": string;
1106
+ "component-autocomplete-popup-radius": string;
1107
+ "component-autocomplete-popup-shadow": string;
1108
+ "component-autocomplete-popup-offset": string;
1109
+ "component-autocomplete-popup-z-index": string;
1110
+ "component-autocomplete-list-max-height": string;
1111
+ "component-autocomplete-list-padding": string;
1112
+ "component-autocomplete-option-min-height": string;
1113
+ "component-autocomplete-option-padding-block": string;
1114
+ "component-autocomplete-option-padding-inline": string;
1115
+ "component-autocomplete-option-radius": string;
1116
+ "component-autocomplete-option-gap": string;
1117
+ "component-autocomplete-option-bg-hover": string;
1118
+ "component-autocomplete-option-text": string;
1119
+ "component-autocomplete-option-text-selected": string;
1120
+ "component-autocomplete-option-text-disabled": string;
1121
+ "component-autocomplete-option-description": string;
1122
+ "component-autocomplete-description-offset": string;
1123
+ "component-autocomplete-message-text": string;
1124
+ "component-autocomplete-message-padding": string;
941
1125
  "component-editable-icon-size": string;
942
1126
  "component-code-field-height-m": string;
943
1127
  "component-code-field-height-l": string;
@@ -986,82 +1170,6 @@ export declare const THEMES: {
986
1170
  "component-switch-thumb-size": string;
987
1171
  "component-switch-thumb-offset": string;
988
1172
  "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
1173
  "component-menu-bg": string;
1066
1174
  "component-menu-text": string;
1067
1175
  "component-menu-border": string;
@@ -1071,6 +1179,46 @@ export declare const THEMES: {
1071
1179
  "component-menu-item-bg-pressed": string;
1072
1180
  "component-menu-item-bg-selected": string;
1073
1181
  "component-menu-item-text-disabled": string;
1182
+ "component-list-bg": string;
1183
+ "component-list-text": string;
1184
+ "component-list-text-disabled": string;
1185
+ "component-list-description": string;
1186
+ "component-list-description-selected": string;
1187
+ "component-list-divider": string;
1188
+ "component-list-focus-ring": string;
1189
+ "component-list-container-radius": string;
1190
+ "component-list-container-padding": string;
1191
+ "component-list-items-gap": string;
1192
+ "component-list-item-bg-hover": string;
1193
+ "component-list-item-bg-selected": string;
1194
+ "component-list-item-text-selected": string;
1195
+ "component-list-item-text-disabled": string;
1196
+ "component-list-item-radius": string;
1197
+ "component-list-item-surface-radius": string;
1198
+ "component-list-item-gap": string;
1199
+ "component-list-item-min-height-s": string;
1200
+ "component-list-item-min-height-m": string;
1201
+ "component-list-item-min-height-l": string;
1202
+ "component-list-item-min-height-compact": string;
1203
+ "component-list-item-padding-block": string;
1204
+ "component-list-item-padding-block-compact": string;
1205
+ "component-list-item-padding-inline": string;
1206
+ "component-list-item-padding-inline-l": string;
1207
+ "component-list-font-size-s": string;
1208
+ "component-list-line-height-s": string;
1209
+ "component-list-font-size-m": string;
1210
+ "component-list-line-height-m": string;
1211
+ "component-list-font-size-l": string;
1212
+ "component-list-line-height-l": string;
1213
+ "component-list-description-font-size": string;
1214
+ "component-list-description-line-height": string;
1215
+ "component-list-description-offset": string;
1216
+ "component-list-section-gap": string;
1217
+ "component-list-section-title": string;
1218
+ "component-list-section-title-font-size": string;
1219
+ "component-list-section-title-line-height": string;
1220
+ "component-list-section-title-padding-block-start": string;
1221
+ "component-list-section-title-padding-block-end": string;
1074
1222
  "component-tab-bg": string;
1075
1223
  "component-tab-bg-hover": string;
1076
1224
  "component-tab-bg-pressed": string;
package/Theme/index.js CHANGED
@@ -1,11 +1,15 @@
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');
6
+ var breakpoints = require('./breakpoints.js');
5
7
 
6
8
  var THEMES = {
7
- JAIPUR: jaipur.default,
8
- BA: buenos_aires.default
9
+ JAIPUR: Object.assign(Object.assign({}, jaipur.default), tokens.BUTTON_TOKENS),
10
+ BA: Object.assign(Object.assign({}, buenos_aires.default), tokens.BUTTON_TOKENS)
9
11
  };
10
12
 
13
+ exports.BREAKPOINTS = breakpoints.BREAKPOINTS;
14
+ exports.media = breakpoints.media;
11
15
  exports.THEMES = THEMES;