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/themes/buenos_aires.d.ts CHANGED
@@ -108,14 +108,17 @@ declare const _default: {
108
108
  "color-action-secondary-hover": string;
109
109
  "color-action-secondary-pressed": string;
110
110
  "color-action-secondary-text": string;
111
+ "color-action-clear-text-hover": string;
111
112
  "color-action-disabled": string;
112
113
  "color-action-disabled-text": string;
113
114
  "color-focus-ring": string;
114
115
  "color-status-success": string;
115
116
  "color-status-success-bg": string;
117
+ "color-status-success-bg-hover": string;
116
118
  "color-status-warning": string;
117
119
  "color-status-warning-bg": string;
118
120
  "color-status-error": string;
121
+ "color-status-error-hover": string;
119
122
  "color-status-error-accent": string;
120
123
  "color-status-error-bg": string;
121
124
  "color-status-info": string;
@@ -223,6 +226,36 @@ declare const _default: {
223
226
  "component-input-padding-block": string;
224
227
  "component-input-padding-inline": string;
225
228
  "component-input-content-margin-block": string;
229
+ "component-autocomplete-inline-size": string;
230
+ "component-autocomplete-border-success": string;
231
+ "component-autocomplete-end-icon-gap": string;
232
+ "component-autocomplete-icon-size": string;
233
+ "component-autocomplete-clear-size": string;
234
+ "component-autocomplete-clear-radius": string;
235
+ "component-autocomplete-clear-icon": string;
236
+ "component-autocomplete-clear-bg-hover": string;
237
+ "component-autocomplete-chevron": string;
238
+ "component-autocomplete-popup-bg": string;
239
+ "component-autocomplete-popup-border": string;
240
+ "component-autocomplete-popup-radius": string;
241
+ "component-autocomplete-popup-shadow": string;
242
+ "component-autocomplete-popup-offset": string;
243
+ "component-autocomplete-popup-z-index": string;
244
+ "component-autocomplete-list-max-height": string;
245
+ "component-autocomplete-list-padding": string;
246
+ "component-autocomplete-option-min-height": string;
247
+ "component-autocomplete-option-padding-block": string;
248
+ "component-autocomplete-option-padding-inline": string;
249
+ "component-autocomplete-option-radius": string;
250
+ "component-autocomplete-option-gap": string;
251
+ "component-autocomplete-option-bg-hover": string;
252
+ "component-autocomplete-option-text": string;
253
+ "component-autocomplete-option-text-selected": string;
254
+ "component-autocomplete-option-text-disabled": string;
255
+ "component-autocomplete-option-description": string;
256
+ "component-autocomplete-description-offset": string;
257
+ "component-autocomplete-message-text": string;
258
+ "component-autocomplete-message-padding": string;
226
259
  "component-editable-icon-size": string;
227
260
  "component-code-field-height-m": string;
228
261
  "component-code-field-height-l": string;
@@ -271,82 +304,6 @@ declare const _default: {
271
304
  "component-switch-thumb-size": string;
272
305
  "component-switch-thumb-offset": string;
273
306
  "component-switch-thumb-translate": string;
274
- "component-button-font-size-xs": string;
275
- "component-button-font-size-s": string;
276
- "component-button-font-size-m": string;
277
- "component-button-font-size-l": string;
278
- "component-button-height-xs": string;
279
- "component-button-height-s": string;
280
- "component-button-height-m": string;
281
- "component-button-height-l": string;
282
- "component-button-radius": string;
283
- "component-button-radius-lg": string;
284
- "component-button-primary-bg": string;
285
- "component-button-primary-border": string;
286
- "component-button-primary-text": string;
287
- "component-button-primary-bg-hover": string;
288
- "component-button-primary-border-hover": string;
289
- "component-button-primary-text-hover": string;
290
- "component-button-primary-bg-pressed": string;
291
- "component-button-primary-border-pressed": string;
292
- "component-button-primary-text-pressed": string;
293
- "component-button-secondary-bg": string;
294
- "component-button-secondary-border": string;
295
- "component-button-secondary-text": string;
296
- "component-button-secondary-bg-hover": string;
297
- "component-button-secondary-border-hover": string;
298
- "component-button-secondary-text-hover": string;
299
- "component-button-secondary-bg-pressed": string;
300
- "component-button-secondary-border-pressed": string;
301
- "component-button-secondary-text-pressed": string;
302
- "component-button-outline-bg": string;
303
- "component-button-outline-border": string;
304
- "component-button-outline-text": string;
305
- "component-button-outline-bg-hover": string;
306
- "component-button-outline-border-hover": string;
307
- "component-button-outline-text-hover": string;
308
- "component-button-outline-bg-pressed": string;
309
- "component-button-outline-border-pressed": string;
310
- "component-button-outline-text-pressed": string;
311
- "component-button-pseudo-bg": string;
312
- "component-button-pseudo-border": string;
313
- "component-button-pseudo-text": string;
314
- "component-button-pseudo-bg-hover": string;
315
- "component-button-pseudo-border-hover": string;
316
- "component-button-pseudo-text-hover": string;
317
- "component-button-pseudo-bg-pressed": string;
318
- "component-button-pseudo-border-pressed": string;
319
- "component-button-pseudo-text-pressed": string;
320
- "component-button-clear-bg": string;
321
- "component-button-clear-border": string;
322
- "component-button-clear-text": string;
323
- "component-button-clear-bg-hover": string;
324
- "component-button-clear-border-hover": string;
325
- "component-button-clear-text-hover": string;
326
- "component-button-clear-bg-pressed": string;
327
- "component-button-clear-border-pressed": string;
328
- "component-button-clear-text-pressed": string;
329
- "component-button-alert-bg": string;
330
- "component-button-alert-border": string;
331
- "component-button-alert-text": string;
332
- "component-button-alert-bg-hover": string;
333
- "component-button-alert-border-hover": string;
334
- "component-button-alert-text-hover": string;
335
- "component-button-alert-bg-pressed": string;
336
- "component-button-alert-border-pressed": string;
337
- "component-button-alert-text-pressed": string;
338
- "component-button-success-bg": string;
339
- "component-button-success-border": string;
340
- "component-button-success-text": string;
341
- "component-button-success-bg-hover": string;
342
- "component-button-success-border-hover": string;
343
- "component-button-success-text-hover": string;
344
- "component-button-success-bg-pressed": string;
345
- "component-button-success-border-pressed": string;
346
- "component-button-success-text-pressed": string;
347
- "component-button-bg-disabled": string;
348
- "component-button-border-disabled": string;
349
- "component-button-text-disabled": string;
350
307
  "component-menu-bg": string;
351
308
  "component-menu-text": string;
352
309
  "component-menu-border": string;
@@ -356,6 +313,46 @@ declare const _default: {
356
313
  "component-menu-item-bg-pressed": string;
357
314
  "component-menu-item-bg-selected": string;
358
315
  "component-menu-item-text-disabled": string;
316
+ "component-list-bg": string;
317
+ "component-list-text": string;
318
+ "component-list-text-disabled": string;
319
+ "component-list-description": string;
320
+ "component-list-description-selected": string;
321
+ "component-list-divider": string;
322
+ "component-list-focus-ring": string;
323
+ "component-list-container-radius": string;
324
+ "component-list-container-padding": string;
325
+ "component-list-items-gap": string;
326
+ "component-list-item-bg-hover": string;
327
+ "component-list-item-bg-selected": string;
328
+ "component-list-item-text-selected": string;
329
+ "component-list-item-text-disabled": string;
330
+ "component-list-item-radius": string;
331
+ "component-list-item-surface-radius": string;
332
+ "component-list-item-gap": string;
333
+ "component-list-item-min-height-s": string;
334
+ "component-list-item-min-height-m": string;
335
+ "component-list-item-min-height-l": string;
336
+ "component-list-item-min-height-compact": string;
337
+ "component-list-item-padding-block": string;
338
+ "component-list-item-padding-block-compact": string;
339
+ "component-list-item-padding-inline": string;
340
+ "component-list-item-padding-inline-l": string;
341
+ "component-list-font-size-s": string;
342
+ "component-list-line-height-s": string;
343
+ "component-list-font-size-m": string;
344
+ "component-list-line-height-m": string;
345
+ "component-list-font-size-l": string;
346
+ "component-list-line-height-l": string;
347
+ "component-list-description-font-size": string;
348
+ "component-list-description-line-height": string;
349
+ "component-list-description-offset": string;
350
+ "component-list-section-gap": string;
351
+ "component-list-section-title": string;
352
+ "component-list-section-title-font-size": string;
353
+ "component-list-section-title-line-height": string;
354
+ "component-list-section-title-padding-block-start": string;
355
+ "component-list-section-title-padding-block-end": string;
359
356
  "component-tab-bg": string;
360
357
  "component-tab-bg-hover": string;
361
358
  "component-tab-bg-pressed": string;
package/Theme/themes/buenos_aires.js CHANGED
@@ -114,14 +114,17 @@ var THEME_BA = {
114
114
  "color-action-secondary-hover": theme_buenos_aires.default.LIME_BA_300,
115
115
  "color-action-secondary-pressed": theme_buenos_aires.default.LIME_BA_500,
116
116
  "color-action-secondary-text": theme_buenos_aires.default.BRAND_BA_FOREST,
117
+ "color-action-clear-text-hover": theme_buenos_aires.default.LIME_BA_800,
117
118
  "color-action-disabled": theme_buenos_aires.default.NEUTRAL_BA_100,
118
119
  "color-action-disabled-text": theme_buenos_aires.default.NEUTRAL_BA_400,
119
120
  "color-focus-ring": theme_buenos_aires.default.BRAND_BA_LIME,
120
121
  "color-status-success": theme_buenos_aires.default.STATUS_BA_SUCCESS,
121
122
  "color-status-success-bg": theme_buenos_aires.default.STATUS_BA_SUCCESS_BG,
123
+ "color-status-success-bg-hover": theme_buenos_aires.default.STATUS_BA_SUCCESS_BG_HOVER,
122
124
  "color-status-warning": theme_buenos_aires.default.STATUS_BA_WARNING,
123
125
  "color-status-warning-bg": theme_buenos_aires.default.STATUS_BA_WARNING_BG,
124
126
  "color-status-error": theme_buenos_aires.default.STATUS_BA_ERROR,
127
+ "color-status-error-hover": theme_buenos_aires.default.STATUS_BA_ERROR_HOVER,
125
128
  "color-status-error-accent": theme_buenos_aires.default.STATUS_BA_ERROR_ACCENT,
126
129
  "color-status-error-bg": theme_buenos_aires.default.STATUS_BA_ERROR_BG,
127
130
  "color-status-info": theme_buenos_aires.default.STATUS_BA_INFO,
@@ -229,6 +232,36 @@ var THEME_BA = {
229
232
  "component-input-padding-block": "0.3125rem",
230
233
  "component-input-padding-inline": "0.625rem",
231
234
  "component-input-content-margin-block": "0.4375rem",
235
+ "component-autocomplete-inline-size": "calc(var(--space-32) * 2 + var(--space-16))",
236
+ "component-autocomplete-border-success": theme_buenos_aires.default.STATUS_BA_SUCCESS,
237
+ "component-autocomplete-end-icon-gap": "var(--space-1)",
238
+ "component-autocomplete-icon-size": "var(--component-input-icon-size)",
239
+ "component-autocomplete-clear-size": "var(--space-6)",
240
+ "component-autocomplete-clear-radius": "var(--radius-xs)",
241
+ "component-autocomplete-clear-icon": theme_buenos_aires.default.NEUTRAL_BA_600,
242
+ "component-autocomplete-clear-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
243
+ "component-autocomplete-chevron": theme_buenos_aires.default.NEUTRAL_BA_600,
244
+ "component-autocomplete-popup-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
245
+ "component-autocomplete-popup-border": theme_buenos_aires.default.NEUTRAL_BA_200,
246
+ "component-autocomplete-popup-radius": "var(--radius-md)",
247
+ "component-autocomplete-popup-shadow": "var(--shadow-raised)",
248
+ "component-autocomplete-popup-offset": "var(--space-2)",
249
+ "component-autocomplete-popup-z-index": "1001",
250
+ "component-autocomplete-list-max-height": "13.75rem",
251
+ "component-autocomplete-list-padding": "var(--space-1)",
252
+ "component-autocomplete-option-min-height": "var(--component-input-height-l)",
253
+ "component-autocomplete-option-padding-block": "var(--component-input-padding-block)",
254
+ "component-autocomplete-option-padding-inline": "var(--component-input-padding-inline)",
255
+ "component-autocomplete-option-radius": "var(--radius-xs)",
256
+ "component-autocomplete-option-gap": "var(--space-2)",
257
+ "component-autocomplete-option-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
258
+ "component-autocomplete-option-text": theme_buenos_aires.default.BRAND_BA_FOREST,
259
+ "component-autocomplete-option-text-selected": theme_buenos_aires.default.BRAND_BA_FOREST,
260
+ "component-autocomplete-option-text-disabled": theme_buenos_aires.default.NEUTRAL_BA_400,
261
+ "component-autocomplete-option-description": theme_buenos_aires.default.NEUTRAL_BA_600,
262
+ "component-autocomplete-description-offset": "var(--space-1)",
263
+ "component-autocomplete-message-text": theme_buenos_aires.default.NEUTRAL_BA_600,
264
+ "component-autocomplete-message-padding": "var(--space-4)",
232
265
  "component-editable-icon-size": "1rem",
233
266
  "component-code-field-height-m": "3rem",
234
267
  "component-code-field-height-l": "3.5rem",
@@ -277,82 +310,6 @@ var THEME_BA = {
277
310
  "component-switch-thumb-size": "1rem",
278
311
  "component-switch-thumb-offset": "0.125rem",
279
312
  "component-switch-thumb-translate": "1.125rem",
280
- "component-button-font-size-xs": "0.75rem",
281
- "component-button-font-size-s": "0.8125rem",
282
- "component-button-font-size-m": "0.9375rem",
283
- "component-button-font-size-l": "1.125rem",
284
- "component-button-height-xs": "1.8125rem",
285
- "component-button-height-s": "2rem",
286
- "component-button-height-m": "2.25rem",
287
- "component-button-height-l": "2.625rem",
288
- "component-button-radius": "1.125rem",
289
- "component-button-radius-lg": "1.5rem",
290
- "component-button-primary-bg": theme_buenos_aires.default.BRAND_BA_FOREST,
291
- "component-button-primary-border": theme_buenos_aires.default.BRAND_BA_FOREST,
292
- "component-button-primary-text": theme_buenos_aires.default.BRAND_BA_LIME,
293
- "component-button-primary-bg-hover": "#203F21",
294
- "component-button-primary-border-hover": "#203F21",
295
- "component-button-primary-text-hover": theme_buenos_aires.default.BRAND_BA_LIME,
296
- "component-button-primary-bg-pressed": theme_buenos_aires.default.BRAND_BA_LIME,
297
- "component-button-primary-border-pressed": theme_buenos_aires.default.BRAND_BA_LIME,
298
- "component-button-primary-text-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
299
- "component-button-secondary-bg": theme_buenos_aires.default.NEUTRAL_BA_200,
300
- "component-button-secondary-border": theme_buenos_aires.default.NEUTRAL_BA_300,
301
- "component-button-secondary-text": theme_buenos_aires.default.BRAND_BA_FOREST,
302
- "component-button-secondary-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_300,
303
- "component-button-secondary-border-hover": theme_buenos_aires.default.NEUTRAL_BA_500,
304
- "component-button-secondary-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
305
- "component-button-secondary-bg-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
306
- "component-button-secondary-border-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
307
- "component-button-secondary-text-pressed": theme_buenos_aires.default.BRAND_BA_LIME,
308
- "component-button-outline-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
309
- "component-button-outline-border": theme_buenos_aires.default.NEUTRAL_BA_300,
310
- "component-button-outline-text": theme_buenos_aires.default.BRAND_BA_FOREST,
311
- "component-button-outline-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
312
- "component-button-outline-border-hover": theme_buenos_aires.default.NEUTRAL_BA_500,
313
- "component-button-outline-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
314
- "component-button-outline-bg-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
315
- "component-button-outline-border-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
316
- "component-button-outline-text-pressed": theme_buenos_aires.default.BRAND_BA_INK,
317
- "component-button-pseudo-bg": theme_buenos_aires.default.NEUTRAL_BA_50,
318
- "component-button-pseudo-border": theme_buenos_aires.default.NEUTRAL_BA_50,
319
- "component-button-pseudo-text": theme_buenos_aires.default.BRAND_BA_FOREST,
320
- "component-button-pseudo-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
321
- "component-button-pseudo-border-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
322
- "component-button-pseudo-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
323
- "component-button-pseudo-bg-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
324
- "component-button-pseudo-border-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
325
- "component-button-pseudo-text-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
326
- "component-button-clear-bg": "transparent",
327
- "component-button-clear-border": "transparent",
328
- "component-button-clear-text": theme_buenos_aires.default.BRAND_BA_FOREST,
329
- "component-button-clear-bg-hover": "transparent",
330
- "component-button-clear-border-hover": "transparent",
331
- "component-button-clear-text-hover": theme_buenos_aires.default.LIME_BA_800,
332
- "component-button-clear-bg-pressed": "transparent",
333
- "component-button-clear-border-pressed": "transparent",
334
- "component-button-clear-text-pressed": theme_buenos_aires.default.BRAND_BA_INK,
335
- "component-button-alert-bg": theme_buenos_aires.default.STATUS_BA_ERROR,
336
- "component-button-alert-border": theme_buenos_aires.default.STATUS_BA_ERROR,
337
- "component-button-alert-text": theme_buenos_aires.default.BRAND_BA_WHITE,
338
- "component-button-alert-bg-hover": "#5F1519",
339
- "component-button-alert-border-hover": "#5F1519",
340
- "component-button-alert-text-hover": theme_buenos_aires.default.BRAND_BA_WHITE,
341
- "component-button-alert-bg-pressed": theme_buenos_aires.default.STATUS_BA_ERROR_ACCENT,
342
- "component-button-alert-border-pressed": theme_buenos_aires.default.STATUS_BA_ERROR_ACCENT,
343
- "component-button-alert-text-pressed": theme_buenos_aires.default.BRAND_BA_WHITE,
344
- "component-button-success-bg": theme_buenos_aires.default.STATUS_BA_SUCCESS_BG,
345
- "component-button-success-border": theme_buenos_aires.default.STATUS_BA_SUCCESS_BG,
346
- "component-button-success-text": theme_buenos_aires.default.BRAND_BA_FOREST,
347
- "component-button-success-bg-hover": theme_buenos_aires.default.LIME_BA_200,
348
- "component-button-success-border-hover": theme_buenos_aires.default.LIME_BA_200,
349
- "component-button-success-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
350
- "component-button-success-bg-pressed": theme_buenos_aires.default.STATUS_BA_SUCCESS,
351
- "component-button-success-border-pressed": theme_buenos_aires.default.STATUS_BA_SUCCESS,
352
- "component-button-success-text-pressed": theme_buenos_aires.default.BRAND_BA_WHITE,
353
- "component-button-bg-disabled": theme_buenos_aires.default.NEUTRAL_BA_100,
354
- "component-button-border-disabled": theme_buenos_aires.default.NEUTRAL_BA_100,
355
- "component-button-text-disabled": theme_buenos_aires.default.NEUTRAL_BA_400,
356
313
  "component-menu-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
357
314
  "component-menu-text": theme_buenos_aires.default.BRAND_BA_FOREST,
358
315
  "component-menu-border": theme_buenos_aires.default.NEUTRAL_BA_200,
@@ -362,6 +319,46 @@ var THEME_BA = {
362
319
  "component-menu-item-bg-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
363
320
  "component-menu-item-bg-selected": theme_buenos_aires.default.BRAND_BA_FOREST,
364
321
  "component-menu-item-text-disabled": theme_buenos_aires.default.NEUTRAL_BA_400,
322
+ "component-list-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
323
+ "component-list-text": theme_buenos_aires.default.BRAND_BA_FOREST,
324
+ "component-list-text-disabled": theme_buenos_aires.default.NEUTRAL_BA_400,
325
+ "component-list-description": theme_buenos_aires.default.NEUTRAL_BA_700,
326
+ "component-list-description-selected": theme_buenos_aires.default.BRAND_BA_FOREST,
327
+ "component-list-divider": theme_buenos_aires.default.NEUTRAL_BA_200,
328
+ "component-list-focus-ring": theme_buenos_aires.default.BRAND_BA_LIME,
329
+ "component-list-container-radius": "var(--radius-lg)",
330
+ "component-list-container-padding": "var(--space-1)",
331
+ "component-list-items-gap": "var(--space-1)",
332
+ "component-list-item-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
333
+ "component-list-item-bg-selected": theme_buenos_aires.default.NEUTRAL_BA_100,
334
+ "component-list-item-text-selected": theme_buenos_aires.default.BRAND_BA_FOREST,
335
+ "component-list-item-text-disabled": theme_buenos_aires.default.NEUTRAL_BA_400,
336
+ "component-list-item-radius": "var(--radius-md)",
337
+ "component-list-item-surface-radius": "var(--radius-md)",
338
+ "component-list-item-gap": "var(--space-3)",
339
+ "component-list-item-min-height-s": "calc(var(--space-10) + var(--space-1))",
340
+ "component-list-item-min-height-m": "calc(var(--space-10) + var(--space-4))",
341
+ "component-list-item-min-height-l": "var(--space-16)",
342
+ "component-list-item-min-height-compact": "calc(var(--space-10) + var(--space-1))",
343
+ "component-list-item-padding-block": "var(--component-input-padding-inline)",
344
+ "component-list-item-padding-block-compact": "var(--space-1)",
345
+ "component-list-item-padding-inline": "var(--space-3)",
346
+ "component-list-item-padding-inline-l": "var(--space-4)",
347
+ "component-list-font-size-s": "var(--font-size-text-sm)",
348
+ "component-list-line-height-s": "var(--line-height-text-sm)",
349
+ "component-list-font-size-m": "var(--font-size-text-md)",
350
+ "component-list-line-height-m": "var(--line-height-text-md)",
351
+ "component-list-font-size-l": "var(--font-size-text-md)",
352
+ "component-list-line-height-l": "var(--line-height-text-md)",
353
+ "component-list-description-font-size": "var(--font-size-text-xs)",
354
+ "component-list-description-line-height": "var(--line-height-text-xs)",
355
+ "component-list-description-offset": "var(--space-1)",
356
+ "component-list-section-gap": "var(--space-3)",
357
+ "component-list-section-title": theme_buenos_aires.default.NEUTRAL_BA_700,
358
+ "component-list-section-title-font-size": "var(--font-size-text-xs)",
359
+ "component-list-section-title-line-height": "var(--line-height-text-xs)",
360
+ "component-list-section-title-padding-block-start": "var(--space-2)",
361
+ "component-list-section-title-padding-block-end": "var(--component-input-padding-block)",
365
362
  "component-tab-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
366
363
  "component-tab-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
367
364
  "component-tab-bg-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
package/Theme/themes/jaipur.d.ts CHANGED
@@ -108,14 +108,17 @@ declare const _default: {
108
108
  "color-action-secondary-hover": string;
109
109
  "color-action-secondary-pressed": string;
110
110
  "color-action-secondary-text": string;
111
+ "color-action-clear-text-hover": string;
111
112
  "color-action-disabled": string;
112
113
  "color-action-disabled-text": string;
113
114
  "color-focus-ring": string;
114
115
  "color-status-success": string;
115
116
  "color-status-success-bg": string;
117
+ "color-status-success-bg-hover": string;
116
118
  "color-status-warning": string;
117
119
  "color-status-warning-bg": string;
118
120
  "color-status-error": string;
121
+ "color-status-error-hover": string;
119
122
  "color-status-error-accent": string;
120
123
  "color-status-error-bg": string;
121
124
  "color-status-info": string;
@@ -223,6 +226,36 @@ declare const _default: {
223
226
  "component-input-padding-block": string;
224
227
  "component-input-padding-inline": string;
225
228
  "component-input-content-margin-block": string;
229
+ "component-autocomplete-inline-size": string;
230
+ "component-autocomplete-border-success": string;
231
+ "component-autocomplete-end-icon-gap": string;
232
+ "component-autocomplete-icon-size": string;
233
+ "component-autocomplete-clear-size": string;
234
+ "component-autocomplete-clear-radius": string;
235
+ "component-autocomplete-clear-icon": string;
236
+ "component-autocomplete-clear-bg-hover": string;
237
+ "component-autocomplete-chevron": string;
238
+ "component-autocomplete-popup-bg": string;
239
+ "component-autocomplete-popup-border": string;
240
+ "component-autocomplete-popup-radius": string;
241
+ "component-autocomplete-popup-shadow": string;
242
+ "component-autocomplete-popup-offset": string;
243
+ "component-autocomplete-popup-z-index": string;
244
+ "component-autocomplete-list-max-height": string;
245
+ "component-autocomplete-list-padding": string;
246
+ "component-autocomplete-option-min-height": string;
247
+ "component-autocomplete-option-padding-block": string;
248
+ "component-autocomplete-option-padding-inline": string;
249
+ "component-autocomplete-option-radius": string;
250
+ "component-autocomplete-option-gap": string;
251
+ "component-autocomplete-option-bg-hover": string;
252
+ "component-autocomplete-option-text": string;
253
+ "component-autocomplete-option-text-selected": string;
254
+ "component-autocomplete-option-text-disabled": string;
255
+ "component-autocomplete-option-description": string;
256
+ "component-autocomplete-description-offset": string;
257
+ "component-autocomplete-message-text": string;
258
+ "component-autocomplete-message-padding": string;
226
259
  "component-editable-icon-size": string;
227
260
  "component-code-field-height-m": string;
228
261
  "component-code-field-height-l": string;
@@ -271,82 +304,6 @@ declare const _default: {
271
304
  "component-switch-thumb-size": string;
272
305
  "component-switch-thumb-offset": string;
273
306
  "component-switch-thumb-translate": string;
274
- "component-button-font-size-xs": string;
275
- "component-button-font-size-s": string;
276
- "component-button-font-size-m": string;
277
- "component-button-font-size-l": string;
278
- "component-button-height-xs": string;
279
- "component-button-height-s": string;
280
- "component-button-height-m": string;
281
- "component-button-height-l": string;
282
- "component-button-radius": string;
283
- "component-button-radius-lg": string;
284
- "component-button-primary-bg": string;
285
- "component-button-primary-border": string;
286
- "component-button-primary-text": string;
287
- "component-button-primary-bg-hover": string;
288
- "component-button-primary-border-hover": string;
289
- "component-button-primary-text-hover": string;
290
- "component-button-primary-bg-pressed": string;
291
- "component-button-primary-border-pressed": string;
292
- "component-button-primary-text-pressed": string;
293
- "component-button-secondary-bg": string;
294
- "component-button-secondary-border": string;
295
- "component-button-secondary-text": string;
296
- "component-button-secondary-bg-hover": string;
297
- "component-button-secondary-border-hover": string;
298
- "component-button-secondary-text-hover": string;
299
- "component-button-secondary-bg-pressed": string;
300
- "component-button-secondary-border-pressed": string;
301
- "component-button-secondary-text-pressed": string;
302
- "component-button-outline-bg": string;
303
- "component-button-outline-border": string;
304
- "component-button-outline-text": string;
305
- "component-button-outline-bg-hover": string;
306
- "component-button-outline-border-hover": string;
307
- "component-button-outline-text-hover": string;
308
- "component-button-outline-bg-pressed": string;
309
- "component-button-outline-border-pressed": string;
310
- "component-button-outline-text-pressed": string;
311
- "component-button-pseudo-bg": string;
312
- "component-button-pseudo-border": string;
313
- "component-button-pseudo-text": string;
314
- "component-button-pseudo-bg-hover": string;
315
- "component-button-pseudo-border-hover": string;
316
- "component-button-pseudo-text-hover": string;
317
- "component-button-pseudo-bg-pressed": string;
318
- "component-button-pseudo-border-pressed": string;
319
- "component-button-pseudo-text-pressed": string;
320
- "component-button-clear-bg": string;
321
- "component-button-clear-border": string;
322
- "component-button-clear-text": string;
323
- "component-button-clear-bg-hover": string;
324
- "component-button-clear-border-hover": string;
325
- "component-button-clear-text-hover": string;
326
- "component-button-clear-bg-pressed": string;
327
- "component-button-clear-border-pressed": string;
328
- "component-button-clear-text-pressed": string;
329
- "component-button-alert-bg": string;
330
- "component-button-alert-border": string;
331
- "component-button-alert-text": string;
332
- "component-button-alert-bg-hover": string;
333
- "component-button-alert-border-hover": string;
334
- "component-button-alert-text-hover": string;
335
- "component-button-alert-bg-pressed": string;
336
- "component-button-alert-border-pressed": string;
337
- "component-button-alert-text-pressed": string;
338
- "component-button-success-bg": string;
339
- "component-button-success-border": string;
340
- "component-button-success-text": string;
341
- "component-button-success-bg-hover": string;
342
- "component-button-success-border-hover": string;
343
- "component-button-success-text-hover": string;
344
- "component-button-success-bg-pressed": string;
345
- "component-button-success-border-pressed": string;
346
- "component-button-success-text-pressed": string;
347
- "component-button-bg-disabled": string;
348
- "component-button-border-disabled": string;
349
- "component-button-text-disabled": string;
350
307
  "component-menu-bg": string;
351
308
  "component-menu-text": string;
352
309
  "component-menu-border": string;
@@ -356,6 +313,46 @@ declare const _default: {
356
313
  "component-menu-item-bg-pressed": string;
357
314
  "component-menu-item-bg-selected": string;
358
315
  "component-menu-item-text-disabled": string;
316
+ "component-list-bg": string;
317
+ "component-list-text": string;
318
+ "component-list-text-disabled": string;
319
+ "component-list-description": string;
320
+ "component-list-description-selected": string;
321
+ "component-list-divider": string;
322
+ "component-list-focus-ring": string;
323
+ "component-list-container-radius": string;
324
+ "component-list-container-padding": string;
325
+ "component-list-items-gap": string;
326
+ "component-list-item-bg-hover": string;
327
+ "component-list-item-bg-selected": string;
328
+ "component-list-item-text-selected": string;
329
+ "component-list-item-text-disabled": string;
330
+ "component-list-item-radius": string;
331
+ "component-list-item-surface-radius": string;
332
+ "component-list-item-gap": string;
333
+ "component-list-item-min-height-s": string;
334
+ "component-list-item-min-height-m": string;
335
+ "component-list-item-min-height-l": string;
336
+ "component-list-item-min-height-compact": string;
337
+ "component-list-item-padding-block": string;
338
+ "component-list-item-padding-block-compact": string;
339
+ "component-list-item-padding-inline": string;
340
+ "component-list-item-padding-inline-l": string;
341
+ "component-list-font-size-s": string;
342
+ "component-list-line-height-s": string;
343
+ "component-list-font-size-m": string;
344
+ "component-list-line-height-m": string;
345
+ "component-list-font-size-l": string;
346
+ "component-list-line-height-l": string;
347
+ "component-list-description-font-size": string;
348
+ "component-list-description-line-height": string;
349
+ "component-list-description-offset": string;
350
+ "component-list-section-gap": string;
351
+ "component-list-section-title": string;
352
+ "component-list-section-title-font-size": string;
353
+ "component-list-section-title-line-height": string;
354
+ "component-list-section-title-padding-block-start": string;
355
+ "component-list-section-title-padding-block-end": string;
359
356
  "component-tab-bg": string;
360
357
  "component-tab-bg-hover": string;
361
358
  "component-tab-bg-pressed": string;