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