@adyen/bento-vue3 1.57.1 → 1.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/dist/@types/components.d.ts +2 -0
  2. package/dist/@types/index.d.ts +190 -51
  3. package/dist/action-bar.js +1 -1
  4. package/dist/assets/accordion-item.css +1 -1
  5. package/dist/assets/action-bar.css +1 -1
  6. package/dist/assets/base-modal.css +1 -1
  7. package/dist/assets/card.css +1 -1
  8. package/dist/assets/data-grid-template.css +1 -1
  9. package/dist/assets/data-grid.css +1 -1
  10. package/dist/assets/date-range-picker.css +1 -1
  11. package/dist/assets/dialog-page.css +1 -1
  12. package/dist/assets/file-uploader.css +1 -1
  13. package/dist/assets/filter-bar.css +1 -1
  14. package/dist/assets/input-field-password.css +1 -1
  15. package/dist/assets/inspector.css +1 -1
  16. package/dist/assets/menu.css +1 -1
  17. package/dist/assets/modal-fullscreen.css +1 -1
  18. package/dist/assets/popover.css +1 -1
  19. package/dist/assets/sidepanel.css +1 -1
  20. package/dist/button.js +1 -1
  21. package/dist/card.js +1 -1
  22. package/dist/checkbox.js +2 -2
  23. package/dist/chunks/{action-bar.BOCrfaHz.js → action-bar.C3YC7Cvq.js} +4 -4
  24. package/dist/chunks/{action-bar.BOCrfaHz.js.map → action-bar.C3YC7Cvq.js.map} +1 -1
  25. package/dist/chunks/{base-modal.DhzWPnD5.js → base-modal.C9t8wOxU.js} +2 -2
  26. package/dist/chunks/{base-modal.DhzWPnD5.js.map → base-modal.C9t8wOxU.js.map} +1 -1
  27. package/dist/chunks/{button-actions-with-menu.CkyIwzNi.js → button-actions-with-menu.DVvlTcnv.js} +4 -4
  28. package/dist/chunks/{button-actions-with-menu.CkyIwzNi.js.map → button-actions-with-menu.DVvlTcnv.js.map} +1 -1
  29. package/dist/chunks/{button-actions.DWGBFisz.js → button-actions.WnxN4KnV.js} +2 -2
  30. package/dist/chunks/{button-actions.DWGBFisz.js.map → button-actions.WnxN4KnV.js.map} +1 -1
  31. package/dist/chunks/calendar.DzwpAB0z.js +1288 -0
  32. package/dist/chunks/calendar.DzwpAB0z.js.map +1 -0
  33. package/dist/chunks/{card.DguoAMcm.js → card.PFtc1o__.js} +2 -2
  34. package/dist/chunks/{card.DguoAMcm.js.map → card.PFtc1o__.js.map} +1 -1
  35. package/dist/chunks/{checkbox-group.1mSIt71A.js → checkbox-group.tAmTjBdy.js} +4 -4
  36. package/dist/chunks/{checkbox-group.1mSIt71A.js.map → checkbox-group.tAmTjBdy.js.map} +1 -1
  37. package/dist/chunks/{checkbox.CTRZeppg.js → checkbox.H3fMdGno.js} +3 -3
  38. package/dist/chunks/{checkbox.CTRZeppg.js.map → checkbox.H3fMdGno.js.map} +1 -1
  39. package/dist/chunks/{code-snippet.Du9MXOnX.js → code-snippet.EAwTnNST.js} +5 -5
  40. package/dist/chunks/{code-snippet.Du9MXOnX.js.map → code-snippet.EAwTnNST.js.map} +1 -1
  41. package/dist/chunks/{controls-group.DsGEDyTw.js → controls-group.CQZTslGW.js} +2 -2
  42. package/dist/chunks/{controls-group.DsGEDyTw.js.map → controls-group.CQZTslGW.js.map} +1 -1
  43. package/dist/chunks/{copy.QuF9bDfT.js → copy.Ce8Mdpir.js} +2 -2
  44. package/dist/chunks/{copy.QuF9bDfT.js.map → copy.Ce8Mdpir.js.map} +1 -1
  45. package/dist/chunks/{dashboard-section.fZiEAres.js → dashboard-section.D5fPiyCI.js} +2 -2
  46. package/dist/chunks/{dashboard-section.fZiEAres.js.map → dashboard-section.D5fPiyCI.js.map} +1 -1
  47. package/dist/chunks/{dashed-underline.BZ_oZeHs.js → dashed-underline.CMScTPOb.js} +3 -3
  48. package/dist/chunks/{dashed-underline.BZ_oZeHs.js.map → dashed-underline.CMScTPOb.js.map} +1 -1
  49. package/dist/chunks/{data-grid-template.Cw-0-al0.js → data-grid-template.Qig0zkMz.js} +2 -2
  50. package/dist/chunks/{data-grid-template.Cw-0-al0.js.map → data-grid-template.Qig0zkMz.js.map} +1 -1
  51. package/dist/chunks/data-grid.C98jzhfU.js +3611 -0
  52. package/dist/chunks/data-grid.C98jzhfU.js.map +1 -0
  53. package/dist/chunks/{date-picker.CWGFy7Hb.js → date-picker.Bmkc0eYL.js} +17 -17
  54. package/dist/chunks/{date-picker.CWGFy7Hb.js.map → date-picker.Bmkc0eYL.js.map} +1 -1
  55. package/dist/chunks/date-range-picker.D-_e1W8W.js +1171 -0
  56. package/dist/chunks/date-range-picker.D-_e1W8W.js.map +1 -0
  57. package/dist/chunks/{dropdown-tag.Bkb16azm.js → dropdown-tag.9Uuos_mS.js} +3 -3
  58. package/dist/chunks/{dropdown-tag.Bkb16azm.js.map → dropdown-tag.9Uuos_mS.js.map} +1 -1
  59. package/dist/chunks/{dropdown.BXnoEP7s.js → dropdown.CnMnzXc2.js} +29 -29
  60. package/dist/chunks/{dropdown.BXnoEP7s.js.map → dropdown.CnMnzXc2.js.map} +1 -1
  61. package/dist/chunks/{error-message.CjdvgIAh.js → error-message.KTNWtFyf.js} +2 -2
  62. package/dist/chunks/{error-message.CjdvgIAh.js.map → error-message.KTNWtFyf.js.map} +1 -1
  63. package/dist/chunks/{es6.BtaxuP0b.js → es6.BA9GH7QZ.js} +2 -2
  64. package/dist/chunks/{es6.BtaxuP0b.js.map → es6.BA9GH7QZ.js.map} +1 -1
  65. package/dist/chunks/{file-uploader.faOTOytJ.js → file-uploader.DzGfFhY9.js} +3 -3
  66. package/dist/chunks/{file-uploader.faOTOytJ.js.map → file-uploader.DzGfFhY9.js.map} +1 -1
  67. package/dist/chunks/{filter-bar.BFuCWywL.js → filter-bar.CY2ZlyD4.js} +1015 -959
  68. package/dist/chunks/filter-bar.CY2ZlyD4.js.map +1 -0
  69. package/dist/chunks/{footer-actions.CQARYj4Q.js → footer-actions.DqKdjjjh.js} +2 -2
  70. package/dist/chunks/{footer-actions.CQARYj4Q.js.map → footer-actions.DqKdjjjh.js.map} +1 -1
  71. package/dist/chunks/{header-with-views.D8VE_Y0j.js → header-with-views.B-d7Y1qK.js} +10 -10
  72. package/dist/chunks/{header-with-views.D8VE_Y0j.js.map → header-with-views.B-d7Y1qK.js.map} +1 -1
  73. package/dist/chunks/{header.DAuIurUM.js → header.Nh7Jph4R.js} +4 -4
  74. package/dist/chunks/{header.DAuIurUM.js.map → header.Nh7Jph4R.js.map} +1 -1
  75. package/dist/chunks/{info-icon-with-popover.J10ERGQ2.js → info-icon-with-popover.CZGbqWFt.js} +2 -2
  76. package/dist/chunks/{info-icon-with-popover.J10ERGQ2.js.map → info-icon-with-popover.CZGbqWFt.js.map} +1 -1
  77. package/dist/chunks/{info-icon.71yYfuEc.js → info-icon.DOH8zIvI.js} +2 -2
  78. package/dist/chunks/{info-icon.71yYfuEc.js.map → info-icon.DOH8zIvI.js.map} +1 -1
  79. package/dist/chunks/input-field-password.B5uy0EiK.js +366 -0
  80. package/dist/chunks/input-field-password.B5uy0EiK.js.map +1 -0
  81. package/dist/chunks/{input-field-phone-number.LCqRBv8l.js → input-field-phone-number.Ck6XS73k.js} +3 -3
  82. package/dist/chunks/{input-field-phone-number.LCqRBv8l.js.map → input-field-phone-number.Ck6XS73k.js.map} +1 -1
  83. package/dist/chunks/{input-field.D40UNDF6.js → input-field.CUfSQLYO.js} +3 -3
  84. package/dist/chunks/{input-field.D40UNDF6.js.map → input-field.CUfSQLYO.js.map} +1 -1
  85. package/dist/chunks/{listbox-option-tag.DsnH9Q9j.js → listbox-option-tag.v1qrgVav.js} +2 -2
  86. package/dist/chunks/{listbox-option-tag.DsnH9Q9j.js.map → listbox-option-tag.v1qrgVav.js.map} +1 -1
  87. package/dist/chunks/{menu.BOj630ue.js → menu.BmSWTWp2.js} +2 -2
  88. package/dist/chunks/{menu.BOj630ue.js.map → menu.BmSWTWp2.js.map} +1 -1
  89. package/dist/chunks/{modal-fullscreen.D1hncuS7.js → modal-fullscreen.B73FGuMI.js} +2 -2
  90. package/dist/chunks/{modal-fullscreen.D1hncuS7.js.map → modal-fullscreen.B73FGuMI.js.map} +1 -1
  91. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.y7pMBxB0.js → modal.vue_vue_type_script_setup_true_lang.hMWefloS.js} +4 -4
  92. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.y7pMBxB0.js.map → modal.vue_vue_type_script_setup_true_lang.hMWefloS.js.map} +1 -1
  93. package/dist/chunks/{pagination.FJtrl32O.js → pagination.BfA6pOGB.js} +2 -2
  94. package/dist/chunks/{pagination.FJtrl32O.js.map → pagination.BfA6pOGB.js.map} +1 -1
  95. package/dist/chunks/{popover.BzzdIK19.js → popover.DiIZe9RM.js} +2 -2
  96. package/dist/chunks/{popover.BzzdIK19.js.map → popover.DiIZe9RM.js.map} +1 -1
  97. package/dist/chunks/{radio-group.seLW9WC9.js → radio-group.DG_SxGuf.js} +4 -4
  98. package/dist/chunks/{radio-group.seLW9WC9.js.map → radio-group.DG_SxGuf.js.map} +1 -1
  99. package/dist/chunks/rich-text-editor.zXIxJKs8.js +6221 -0
  100. package/dist/chunks/rich-text-editor.zXIxJKs8.js.map +1 -0
  101. package/dist/chunks/{search-bar.BBpxVYpP.js → search-bar.BUG88A0q.js} +3 -3
  102. package/dist/chunks/{search-bar.BBpxVYpP.js.map → search-bar.BUG88A0q.js.map} +1 -1
  103. package/dist/chunks/{secondary-nav.oi1cuic-.js → secondary-nav.igRQouwn.js} +3 -3
  104. package/dist/chunks/{secondary-nav.oi1cuic-.js.map → secondary-nav.igRQouwn.js.map} +1 -1
  105. package/dist/chunks/{segmented-control.B2cS73wG.js → segmented-control.ClJS7gzl.js} +2 -2
  106. package/dist/chunks/{segmented-control.B2cS73wG.js.map → segmented-control.ClJS7gzl.js.map} +1 -1
  107. package/dist/chunks/{selection-card-group.7tDu9-RI.js → selection-card-group.CdRPwD-M.js} +4 -4
  108. package/dist/chunks/{selection-card-group.7tDu9-RI.js.map → selection-card-group.CdRPwD-M.js.map} +1 -1
  109. package/dist/chunks/{sidepanel.9wJbIvIS.js → sidepanel.C4z6LXMz.js} +2 -2
  110. package/dist/chunks/{sidepanel.9wJbIvIS.js.map → sidepanel.C4z6LXMz.js.map} +1 -1
  111. package/dist/chunks/{structured-list-item.CzzWSj5s.js → structured-list-item.BDps9Y9e.js} +4 -4
  112. package/dist/chunks/{structured-list-item.CzzWSj5s.js.map → structured-list-item.BDps9Y9e.js.map} +1 -1
  113. package/dist/chunks/{summary-grid.types.IZdK-Mvh.js → summary-grid.types.DMCKjGMN.js} +5 -5
  114. package/dist/chunks/{summary-grid.types.IZdK-Mvh.js.map → summary-grid.types.DMCKjGMN.js.map} +1 -1
  115. package/dist/chunks/{tag.iiCQSgG9.js → tag.uRkpY4u1.js} +2 -2
  116. package/dist/chunks/{tag.iiCQSgG9.js.map → tag.uRkpY4u1.js.map} +1 -1
  117. package/dist/chunks/{textarea.DY0kNx0r.js → textarea.Dzy0cs2N.js} +2 -2
  118. package/dist/chunks/{textarea.DY0kNx0r.js.map → textarea.Dzy0cs2N.js.map} +1 -1
  119. package/dist/chunks/{timeline-item.dleRa6Yu.js → timeline-item.CuSRjcnT.js} +5 -5
  120. package/dist/chunks/{timeline-item.dleRa6Yu.js.map → timeline-item.CuSRjcnT.js.map} +1 -1
  121. package/dist/chunks/{tooltip.Di6i0aTd.js → tooltip.CFgesodr.js} +71 -71
  122. package/dist/chunks/{tooltip.Di6i0aTd.js.map → tooltip.CFgesodr.js.map} +1 -1
  123. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.A0Wcwr8f.js → tutorial.vue_vue_type_script_setup_true_lang.s21s5Oso.js} +4 -4
  124. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.A0Wcwr8f.js.map → tutorial.vue_vue_type_script_setup_true_lang.s21s5Oso.js.map} +1 -1
  125. package/dist/chunks/{use-cached-selected-values.Bf8yZB6S.js → use-cached-selected-values.CE98s5Ai.js} +3 -3
  126. package/dist/chunks/{use-cached-selected-values.Bf8yZB6S.js.map → use-cached-selected-values.CE98s5Ai.js.map} +1 -1
  127. package/dist/code-snippet.js +1 -1
  128. package/dist/dashboard-template.js +1 -1
  129. package/dist/dashed-underline.js +1 -1
  130. package/dist/data-grid-template.js +1 -1
  131. package/dist/data-grid.js +1 -1
  132. package/dist/date-picker.js +2 -2
  133. package/dist/date-range-picker.js +2 -2
  134. package/dist/dropdown.js +3 -3
  135. package/dist/file-uploader.js +1 -1
  136. package/dist/filter-bar.js +1 -1
  137. package/dist/header-with-views.js +1 -1
  138. package/dist/header.js +1 -1
  139. package/dist/index.js +156 -154
  140. package/dist/index.js.map +1 -1
  141. package/dist/info-icon.js +1 -1
  142. package/dist/input-field-password.js +1 -1
  143. package/dist/input-field-phone-number.js +1 -1
  144. package/dist/input-field.js +1 -1
  145. package/dist/internal.js +10 -10
  146. package/dist/menu.js +1 -1
  147. package/dist/modal-fullscreen.js +1 -1
  148. package/dist/modal.js +2 -2
  149. package/dist/pagination.js +1 -1
  150. package/dist/popover.js +1 -1
  151. package/dist/radio-group.js +1 -1
  152. package/dist/rich-text-editor.js +2 -6218
  153. package/dist/rich-text-editor.js.map +1 -1
  154. package/dist/search-bar.js +2 -2
  155. package/dist/secondary-nav.js +1 -1
  156. package/dist/segmented-control.js +1 -1
  157. package/dist/selection-card.js +1 -1
  158. package/dist/sidepanel.js +1 -1
  159. package/dist/structured-list.js +1 -1
  160. package/dist/styles/bento-dark.css +15 -15
  161. package/dist/styles/bento-light.css +95 -95
  162. package/dist/styles/bento.css +95 -95
  163. package/dist/styles/legacy.css +96 -96
  164. package/dist/styles/styleguide.css +96 -96
  165. package/dist/styles/utility.css +64 -64
  166. package/dist/summary-grid.js +1 -1
  167. package/dist/tag.js +1 -1
  168. package/dist/textarea.js +1 -1
  169. package/dist/timeline.js +1 -1
  170. package/dist/tutorial.js +1 -1
  171. package/dist/web-types.json +1 -1
  172. package/package.json +2 -2
  173. package/dist/chunks/calendar.D61aBwg1.js +0 -1249
  174. package/dist/chunks/calendar.D61aBwg1.js.map +0 -1
  175. package/dist/chunks/data-grid.D7BSWJB3.js +0 -3519
  176. package/dist/chunks/data-grid.D7BSWJB3.js.map +0 -1
  177. package/dist/chunks/date-range-picker.BcUpQUhh.js +0 -1110
  178. package/dist/chunks/date-range-picker.BcUpQUhh.js.map +0 -1
  179. package/dist/chunks/filter-bar.BFuCWywL.js.map +0 -1
  180. package/dist/chunks/input-field-password.BZMZ5uLb.js +0 -348
  181. package/dist/chunks/input-field-password.BZMZ5uLb.js.map +0 -1
package/dist/styles/legacy.css CHANGED
@@ -84,7 +84,7 @@
84
84
  --b-toggle-button-primary-toggled-disabled-box-shadow: none;
85
85
  --b-toast-item-shadow: transparent;
86
86
  --b-toast-item-border-radius: 6px;
87
- --b-toast-item-background-color: #00112c;
87
+ --b-toast-item-background-color: #001222;
88
88
  --b-toast-width: 420px;
89
89
  --b-timeline-item-data-list-margin-top: 0;
90
90
  --b-timeline-item-description-margin-top: 0;
@@ -332,125 +332,125 @@
332
332
  --b-color-grey-15: #eef1f5;
333
333
  --b-color-grey-10: #f3f6f9;
334
334
  --b-color-grey-0: #ffffff;
335
- --b-color-support-shadow: #00112c;
336
- --b-color-support-overlay: #00112c;
337
- --b-color-decorative-grey: #c0c5cc;
335
+ --b-color-support-shadow: #001222;
336
+ --b-color-support-overlay: #001222;
337
+ --b-color-decorative-grey: #c0c5ca;
338
338
  --b-color-decorative-red: #e22d2d;
339
339
  --b-color-decorative-orange: #dd7d00;
340
340
  --b-color-decorative-yellow: #f7bc00;
341
341
  --b-color-decorative-blue: #0070f5;
342
- --b-color-decorative-green: #09ab4b;
343
- --b-color-separator-inverse-secondary: #5c687c;
344
- --b-color-separator-inverse-primary: #2f3e56;
345
- --b-color-separator-secondary: #c9cdd3;
346
- --b-color-separator-primary: #dbdee2;
342
+ --b-color-decorative-green: #00aa56;
343
+ --b-color-separator-inverse-secondary: #5c6874;
344
+ --b-color-separator-inverse-primary: #2f3e4d;
345
+ --b-color-separator-secondary: #c8ccd0;
346
+ --b-color-separator-primary: #dadddf;
347
347
  --b-color-outline-inverse-critical-active: #fddfdf;
348
348
  --b-color-outline-inverse-critical-hover: #fbbdbd;
349
349
  --b-color-outline-inverse-critical: #f99c9c;
350
- --b-color-outline-inverse-disabled: #455368;
351
- --b-color-outline-inverse-primary-active: #9ea6b1;
352
- --b-color-outline-inverse-primary-hover: #6d7789;
353
- --b-color-outline-inverse-primary: #2f3e56;
354
- --b-color-outline-success-active: #04481f;
355
- --b-color-outline-success-hover: #067934;
356
- --b-color-outline-success: #07893c;
350
+ --b-color-outline-inverse-disabled: #455460;
351
+ --b-color-outline-inverse-primary-active: #9da5ac;
352
+ --b-color-outline-inverse-primary-hover: #6c7782;
353
+ --b-color-outline-inverse-primary: #2f3e4d;
354
+ --b-color-outline-success-active: #004724;
355
+ --b-color-outline-success-hover: #00773c;
356
+ --b-color-outline-success: #008845;
357
357
  --b-color-outline-critical-active: #791818;
358
358
  --b-color-outline-critical-hover: #c72727;
359
359
  --b-color-outline-critical: #e22d2d;
360
- --b-color-outline-selected: #00112c;
361
- --b-color-outline-disabled: #dbdee2;
362
- --b-color-outline-tertiary-active: #00112c;
363
- --b-color-outline-tertiary-hover: #6d7789;
364
- --b-color-outline-tertiary: #8d95a3;
365
- --b-color-outline-secondary-active: #00112c;
366
- --b-color-outline-secondary-hover: #b8bdc6;
367
- --b-color-outline-secondary: #c9cdd3;
368
- --b-color-outline-primary-active: #00112c;
369
- --b-color-outline-primary-hover: #c9cdd3;
370
- --b-color-outline-primary: #dbdee2;
371
- --b-color-link-quiet-disabled: #8d95a3;
372
- --b-color-link-quiet-active: #5c687c;
373
- --b-color-link-quiet-hover: #5c687c;
374
- --b-color-link-quiet: #00112c;
360
+ --b-color-outline-selected: #001222;
361
+ --b-color-outline-disabled: #dadddf;
362
+ --b-color-outline-tertiary-active: #001222;
363
+ --b-color-outline-tertiary-hover: #6c7782;
364
+ --b-color-outline-tertiary: #8c959d;
365
+ --b-color-outline-secondary-active: #001222;
366
+ --b-color-outline-secondary-hover: #b7bdc2;
367
+ --b-color-outline-secondary: #c8ccd0;
368
+ --b-color-outline-primary-active: #001222;
369
+ --b-color-outline-primary-hover: #c8ccd0;
370
+ --b-color-outline-primary: #dadddf;
371
+ --b-color-link-quiet-disabled: #8c959d;
372
+ --b-color-link-quiet-active: #5c6874;
373
+ --b-color-link-quiet-hover: #5c6874;
374
+ --b-color-link-quiet: #001222;
375
375
  --b-color-link-primary-visited-active: #6500ca;
376
376
  --b-color-link-primary-visited-hover: #6500ca;
377
377
  --b-color-link-primary-visited: #4c0098;
378
- --b-color-link-primary-disabled: #8d95a3;
378
+ --b-color-link-primary-disabled: #8c959d;
379
379
  --b-color-link-primary-active: #0070f5;
380
380
  --b-color-link-primary-hover: #0070f5;
381
381
  --b-color-link-primary: #0063d7;
382
- --b-color-label-always-dark: #00112c;
383
- --b-color-label-always-light-tertiary-active: #556276;
384
- --b-color-label-always-light-tertiary-hover: #747f8f;
385
- --b-color-label-always-light-tertiary: #848e9c;
386
- --b-color-label-always-light-secondary-active: #747f8f;
387
- --b-color-label-always-light-secondary-hover: #9ea6b1;
388
- --b-color-label-always-light-secondary: #a7adb8;
389
- --b-color-label-always-light-primary-active: #9ea6b1;
390
- --b-color-label-always-light-primary-hover: #c9cdd3;
391
- --b-color-label-always-light-primary: #eeeff1;
382
+ --b-color-label-always-dark: #001222;
383
+ --b-color-label-always-light-tertiary-active: #54616d;
384
+ --b-color-label-always-light-tertiary-hover: #737e88;
385
+ --b-color-label-always-light-tertiary: #848d96;
386
+ --b-color-label-always-light-secondary-active: #737e88;
387
+ --b-color-label-always-light-secondary-hover: #959da5;
388
+ --b-color-label-always-light-secondary: #a6adb3;
389
+ --b-color-label-always-light-primary-active: #959da5;
390
+ --b-color-label-always-light-primary-hover: #c8ccd0;
391
+ --b-color-label-always-light-primary: #ecedef;
392
392
  --b-color-label-on-background-highlight-weak: #0063d7;
393
- --b-color-label-on-background-success-weak: #067934;
393
+ --b-color-label-on-background-success-weak: #00773c;
394
394
  --b-color-label-on-background-warning-weak: #9b5700;
395
395
  --b-color-label-on-background-critical-weak: #c72727;
396
396
  --b-color-label-inverse-critical-active: #fddfdf;
397
397
  --b-color-label-inverse-critical-hover: #fbbdbd;
398
398
  --b-color-label-inverse-critical: #f99c9c;
399
- --b-color-label-inverse-disabled: #747f8f;
400
- --b-color-label-inverse-secondary: #9ea6b1;
401
- --b-color-label-inverse-primary-active: #eeeff1;
402
- --b-color-label-inverse-primary-hover: #f7f7f8;
403
- --b-color-label-success: #07893c;
399
+ --b-color-label-inverse-disabled: #737e88;
400
+ --b-color-label-inverse-secondary: #9da5ac;
401
+ --b-color-label-inverse-primary-active: #ecedef;
402
+ --b-color-label-inverse-primary-hover: #f4f5f6;
403
+ --b-color-label-success: #008845;
404
404
  --b-color-label-highlight: #0070f5;
405
405
  --b-color-label-warning: #b06300;
406
406
  --b-color-label-critical-active: #791818;
407
407
  --b-color-label-critical-hover: #c72727;
408
408
  --b-color-label-critical: #e22d2d;
409
- --b-color-label-disabled: #8d95a3;
410
- --b-color-label-tertiary: #8d95a3;
411
- --b-color-label-secondary: #5c687c;
412
- --b-color-label-primary-active: #6d7789;
413
- --b-color-label-primary-hover: #5c687c;
414
- --b-color-label-primary: #00112c;
409
+ --b-color-label-disabled: #8c959d;
410
+ --b-color-label-tertiary: #8c959d;
411
+ --b-color-label-secondary: #5c6874;
412
+ --b-color-label-primary-active: #6c7782;
413
+ --b-color-label-primary-hover: #5c6874;
414
+ --b-color-label-primary: #001222;
415
415
  --b-color-background-always-dark-tertiary-selected: #002f68;
416
- --b-color-background-always-dark-tertiary-disabled: #eeeff1;
417
- --b-color-background-always-dark-tertiary-active: #455368;
418
- --b-color-background-always-dark-tertiary-hover: #3d4c62;
419
- --b-color-background-always-dark-tertiary: #2f3e56;
416
+ --b-color-background-always-dark-tertiary-disabled: #ecedef;
417
+ --b-color-background-always-dark-tertiary-active: #455460;
418
+ --b-color-background-always-dark-tertiary-hover: #3d4c5a;
419
+ --b-color-background-always-dark-tertiary: #2f3e4d;
420
420
  --b-color-background-always-dark-secondary-selected: #002f68;
421
- --b-color-background-always-dark-secondary-disabled: #eeeff1;
422
- --b-color-background-always-dark-secondary-active: #455368;
423
- --b-color-background-always-dark-secondary-hover: #37455d;
424
- --b-color-background-always-dark-secondary: #22314a;
421
+ --b-color-background-always-dark-secondary-disabled: #ecedef;
422
+ --b-color-background-always-dark-secondary-active: #455460;
423
+ --b-color-background-always-dark-secondary-hover: #364553;
424
+ --b-color-background-always-dark-secondary: #213140;
425
425
  --b-color-background-always-dark-primary-selected: #002f68;
426
- --b-color-background-always-dark-primary-disabled: #eeeff1;
427
- --b-color-background-always-dark-primary-active: #22314a;
428
- --b-color-background-always-dark-primary-hover: #14243e;
429
- --b-color-background-always-dark-primary: #00112c;
426
+ --b-color-background-always-dark-primary-disabled: #ecedef;
427
+ --b-color-background-always-dark-primary-active: #213140;
428
+ --b-color-background-always-dark-primary-hover: #132434;
429
+ --b-color-background-always-dark-primary: #001222;
430
430
  --b-color-background-always-dark-selected: #002f68;
431
- --b-color-background-always-dark-disabled: #eeeff1;
432
- --b-color-background-always-dark-active: #8d95a3;
433
- --b-color-background-always-dark-hover: #5c687c;
434
- --b-color-background-always-dark: #00112c;
431
+ --b-color-background-always-dark-disabled: #ecedef;
432
+ --b-color-background-always-dark-active: #8c959d;
433
+ --b-color-background-always-dark-hover: #5c6874;
434
+ --b-color-background-always-dark: #001222;
435
435
  --b-color-background-always-light-selected: #e3f0ff;
436
- --b-color-background-always-light-disabled: #eeeff1;
437
- --b-color-background-always-light-active: #eeeff1;
438
- --b-color-background-always-light-hover: #f7f7f8;
436
+ --b-color-background-always-light-disabled: #ecedef;
437
+ --b-color-background-always-light-active: #ecedef;
438
+ --b-color-background-always-light-hover: #f4f5f6;
439
439
  --b-color-background-inverse-critical-strong-active: #fddfdf;
440
440
  --b-color-background-inverse-critical-strong-hover: #fbbdbd;
441
441
  --b-color-background-inverse-critical-strong: #f99c9c;
442
442
  --b-color-background-inverse-critical-weak: #611313;
443
- --b-color-background-inverse-disabled: #283750;
444
- --b-color-background-inverse-secondary-active: #37455d;
445
- --b-color-background-inverse-secondary-hover: #283750;
446
- --b-color-background-inverse-secondary: #1a2a44;
447
- --b-color-background-inverse-primary-active: #6d7789;
448
- --b-color-background-inverse-primary-hover: #5c687c;
449
- --b-color-background-inverse-primary: #00112c;
443
+ --b-color-background-inverse-disabled: #273746;
444
+ --b-color-background-inverse-secondary-active: #364553;
445
+ --b-color-background-inverse-secondary-hover: #273746;
446
+ --b-color-background-inverse-secondary: #1a2b3b;
447
+ --b-color-background-inverse-primary-active: #6c7782;
448
+ --b-color-background-inverse-primary-hover: #5c6874;
449
+ --b-color-background-inverse-primary: #001222;
450
450
  --b-color-background-highlight-strong: #0070f5;
451
451
  --b-color-background-highlight-weak: #f2f8ff;
452
- --b-color-background-success-strong: #07893c;
453
- --b-color-background-success-weak: #edfaf3;
452
+ --b-color-background-success-strong: #008845;
453
+ --b-color-background-success-weak: #e4faef;
454
454
  --b-color-background-warning-strong: #dd7d00;
455
455
  --b-color-background-warning-weak: #fff5e9;
456
456
  --b-color-background-critical-strong-active: #791818;
@@ -458,20 +458,20 @@
458
458
  --b-color-background-critical-strong: #e22d2d;
459
459
  --b-color-background-critical-weak: #fef4f4;
460
460
  --b-color-background-selected: #e3f0ff;
461
- --b-color-background-disabled: #eeeff1;
462
- --b-color-background-modal-active: #eeeff1;
463
- --b-color-background-modal-hover: #f7f7f8;
464
- --b-color-background-quaternary-active: #afb5bf;
465
- --b-color-background-quaternary-hover: #b8bdc6;
466
- --b-color-background-quaternary: #c0c5cc;
467
- --b-color-background-tertiary-active: #dbdee2;
468
- --b-color-background-tertiary-hover: #e3e5e9;
469
- --b-color-background-tertiary: #eeeff1;
470
- --b-color-background-secondary-active: #e3e5e9;
471
- --b-color-background-secondary-hover: #eeeff1;
472
- --b-color-background-secondary: #f7f7f8;
473
- --b-color-background-primary-active: #eeeff1;
474
- --b-color-background-primary-hover: #f7f7f8;
461
+ --b-color-background-disabled: #ecedef;
462
+ --b-color-background-modal-active: #ecedef;
463
+ --b-color-background-modal-hover: #f4f5f6;
464
+ --b-color-background-quaternary-active: #aeb5ba;
465
+ --b-color-background-quaternary-hover: #b7bdc2;
466
+ --b-color-background-quaternary: #c0c5ca;
467
+ --b-color-background-tertiary-active: #dadddf;
468
+ --b-color-background-tertiary-hover: #e2e5e7;
469
+ --b-color-background-tertiary: #ecedef;
470
+ --b-color-background-secondary-active: #e2e5e7;
471
+ --b-color-background-secondary-hover: #ecedef;
472
+ --b-color-background-secondary: #f4f5f6;
473
+ --b-color-background-primary-active: #ecedef;
474
+ --b-color-background-primary-hover: #f4f5f6;
475
475
  --b-gradient-data-grid-hover: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%);
476
476
  --b-font-weight-semi-bold: var(--b-font-weight-600);
477
477
  --b-font-weight-medium: var(--b-font-weight-500);
package/dist/styles/styleguide.css CHANGED
@@ -316,130 +316,130 @@
316
316
  --b-color-docs-tip-4: #fff7dd;
317
317
  --b-color-docs-tip-3: #faf5ff;
318
318
  --b-color-docs-tip-2: #f2f8ff;
319
- --b-color-docs-tip-1: #edfaf3;
320
- --b-color-support-shadow: #00112c;
321
- --b-color-support-overlay: #00112c;
322
- --b-color-decorative-grey: #c0c5cc;
319
+ --b-color-docs-tip-1: #e4faef;
320
+ --b-color-support-shadow: #001222;
321
+ --b-color-support-overlay: #001222;
322
+ --b-color-decorative-grey: #c0c5ca;
323
323
  --b-color-decorative-red: #e22d2d;
324
324
  --b-color-decorative-orange: #dd7d00;
325
325
  --b-color-decorative-yellow: #f7bc00;
326
326
  --b-color-decorative-blue: #0070f5;
327
- --b-color-decorative-green: #09ab4b;
328
- --b-color-separator-inverse-secondary: #5c687c;
329
- --b-color-separator-inverse-primary: #2f3e56;
330
- --b-color-separator-secondary: #c9cdd3;
331
- --b-color-separator-primary: #dbdee2;
327
+ --b-color-decorative-green: #00aa56;
328
+ --b-color-separator-inverse-secondary: #5c6874;
329
+ --b-color-separator-inverse-primary: #2f3e4d;
330
+ --b-color-separator-secondary: #c8ccd0;
331
+ --b-color-separator-primary: #dadddf;
332
332
  --b-color-outline-inverse-critical-active: #fddfdf;
333
333
  --b-color-outline-inverse-critical-hover: #fbbdbd;
334
334
  --b-color-outline-inverse-critical: #f99c9c;
335
- --b-color-outline-inverse-disabled: #455368;
336
- --b-color-outline-inverse-primary-active: #9ea6b1;
337
- --b-color-outline-inverse-primary-hover: #6d7789;
338
- --b-color-outline-inverse-primary: #2f3e56;
339
- --b-color-outline-success-active: #04481f;
340
- --b-color-outline-success-hover: #067934;
341
- --b-color-outline-success: #07893c;
335
+ --b-color-outline-inverse-disabled: #455460;
336
+ --b-color-outline-inverse-primary-active: #9da5ac;
337
+ --b-color-outline-inverse-primary-hover: #6c7782;
338
+ --b-color-outline-inverse-primary: #2f3e4d;
339
+ --b-color-outline-success-active: #004724;
340
+ --b-color-outline-success-hover: #00773c;
341
+ --b-color-outline-success: #008845;
342
342
  --b-color-outline-critical-active: #791818;
343
343
  --b-color-outline-critical-hover: #c72727;
344
344
  --b-color-outline-critical: #e22d2d;
345
- --b-color-outline-selected: #00112c;
346
- --b-color-outline-disabled: #dbdee2;
347
- --b-color-outline-tertiary-active: #00112c;
348
- --b-color-outline-tertiary-hover: #6d7789;
349
- --b-color-outline-tertiary: #8d95a3;
350
- --b-color-outline-secondary-active: #00112c;
351
- --b-color-outline-secondary-hover: #b8bdc6;
352
- --b-color-outline-secondary: #c9cdd3;
353
- --b-color-outline-primary-active: #00112c;
354
- --b-color-outline-primary-hover: #c9cdd3;
355
- --b-color-outline-primary: #dbdee2;
356
- --b-color-link-quiet-disabled: #8d95a3;
357
- --b-color-link-quiet-active: #5c687c;
358
- --b-color-link-quiet-hover: #5c687c;
359
- --b-color-link-quiet: #00112c;
345
+ --b-color-outline-selected: #001222;
346
+ --b-color-outline-disabled: #dadddf;
347
+ --b-color-outline-tertiary-active: #001222;
348
+ --b-color-outline-tertiary-hover: #6c7782;
349
+ --b-color-outline-tertiary: #8c959d;
350
+ --b-color-outline-secondary-active: #001222;
351
+ --b-color-outline-secondary-hover: #b7bdc2;
352
+ --b-color-outline-secondary: #c8ccd0;
353
+ --b-color-outline-primary-active: #001222;
354
+ --b-color-outline-primary-hover: #c8ccd0;
355
+ --b-color-outline-primary: #dadddf;
356
+ --b-color-link-quiet-disabled: #8c959d;
357
+ --b-color-link-quiet-active: #5c6874;
358
+ --b-color-link-quiet-hover: #5c6874;
359
+ --b-color-link-quiet: #001222;
360
360
  --b-color-link-primary-visited-active: #6500ca;
361
361
  --b-color-link-primary-visited-hover: #6500ca;
362
362
  --b-color-link-primary-visited: #4c0098;
363
- --b-color-link-primary-disabled: #8d95a3;
363
+ --b-color-link-primary-disabled: #8c959d;
364
364
  --b-color-link-primary-active: #0070f5;
365
365
  --b-color-link-primary-hover: #0070f5;
366
366
  --b-color-link-primary: #0063d7;
367
- --b-color-label-always-dark: #00112c;
368
- --b-color-label-always-light-tertiary-active: #556276;
369
- --b-color-label-always-light-tertiary-hover: #747f8f;
370
- --b-color-label-always-light-tertiary: #848e9c;
371
- --b-color-label-always-light-secondary-active: #747f8f;
372
- --b-color-label-always-light-secondary-hover: #9ea6b1;
373
- --b-color-label-always-light-secondary: #a7adb8;
374
- --b-color-label-always-light-primary-active: #9ea6b1;
375
- --b-color-label-always-light-primary-hover: #c9cdd3;
376
- --b-color-label-always-light-primary: #eeeff1;
367
+ --b-color-label-always-dark: #001222;
368
+ --b-color-label-always-light-tertiary-active: #54616d;
369
+ --b-color-label-always-light-tertiary-hover: #737e88;
370
+ --b-color-label-always-light-tertiary: #848d96;
371
+ --b-color-label-always-light-secondary-active: #737e88;
372
+ --b-color-label-always-light-secondary-hover: #959da5;
373
+ --b-color-label-always-light-secondary: #a6adb3;
374
+ --b-color-label-always-light-primary-active: #959da5;
375
+ --b-color-label-always-light-primary-hover: #c8ccd0;
376
+ --b-color-label-always-light-primary: #ecedef;
377
377
  --b-color-label-always-light: #ffffff;
378
378
  --b-color-label-on-background-highlight-weak: #0063d7;
379
- --b-color-label-on-background-success-weak: #067934;
379
+ --b-color-label-on-background-success-weak: #00773c;
380
380
  --b-color-label-on-background-warning-weak: #9b5700;
381
381
  --b-color-label-on-background-critical-weak: #c72727;
382
382
  --b-color-label-inverse-critical-active: #fddfdf;
383
383
  --b-color-label-inverse-critical-hover: #fbbdbd;
384
384
  --b-color-label-inverse-critical: #f99c9c;
385
- --b-color-label-inverse-disabled: #747f8f;
386
- --b-color-label-inverse-secondary: #9ea6b1;
387
- --b-color-label-inverse-primary-active: #eeeff1;
388
- --b-color-label-inverse-primary-hover: #f7f7f8;
385
+ --b-color-label-inverse-disabled: #737e88;
386
+ --b-color-label-inverse-secondary: #9da5ac;
387
+ --b-color-label-inverse-primary-active: #ecedef;
388
+ --b-color-label-inverse-primary-hover: #f4f5f6;
389
389
  --b-color-label-inverse-primary: #ffffff;
390
390
  --b-color-label-on-color: #ffffff;
391
- --b-color-label-success: #07893c;
391
+ --b-color-label-success: #008845;
392
392
  --b-color-label-highlight: #0070f5;
393
393
  --b-color-label-warning: #b06300;
394
394
  --b-color-label-critical-active: #791818;
395
395
  --b-color-label-critical-hover: #c72727;
396
396
  --b-color-label-critical: #e22d2d;
397
- --b-color-label-disabled: #8d95a3;
398
- --b-color-label-tertiary: #8d95a3;
399
- --b-color-label-secondary: #5c687c;
400
- --b-color-label-primary-active: #6d7789;
401
- --b-color-label-primary-hover: #5c687c;
402
- --b-color-label-primary: #00112c;
397
+ --b-color-label-disabled: #8c959d;
398
+ --b-color-label-tertiary: #8c959d;
399
+ --b-color-label-secondary: #5c6874;
400
+ --b-color-label-primary-active: #6c7782;
401
+ --b-color-label-primary-hover: #5c6874;
402
+ --b-color-label-primary: #001222;
403
403
  --b-color-background-always-dark-tertiary-selected: #002f68;
404
- --b-color-background-always-dark-tertiary-disabled: #eeeff1;
405
- --b-color-background-always-dark-tertiary-active: #455368;
406
- --b-color-background-always-dark-tertiary-hover: #3d4c62;
407
- --b-color-background-always-dark-tertiary: #2f3e56;
404
+ --b-color-background-always-dark-tertiary-disabled: #ecedef;
405
+ --b-color-background-always-dark-tertiary-active: #455460;
406
+ --b-color-background-always-dark-tertiary-hover: #3d4c5a;
407
+ --b-color-background-always-dark-tertiary: #2f3e4d;
408
408
  --b-color-background-always-dark-secondary-selected: #002f68;
409
- --b-color-background-always-dark-secondary-disabled: #eeeff1;
410
- --b-color-background-always-dark-secondary-active: #455368;
411
- --b-color-background-always-dark-secondary-hover: #37455d;
412
- --b-color-background-always-dark-secondary: #22314a;
409
+ --b-color-background-always-dark-secondary-disabled: #ecedef;
410
+ --b-color-background-always-dark-secondary-active: #455460;
411
+ --b-color-background-always-dark-secondary-hover: #364553;
412
+ --b-color-background-always-dark-secondary: #213140;
413
413
  --b-color-background-always-dark-primary-selected: #002f68;
414
- --b-color-background-always-dark-primary-disabled: #eeeff1;
415
- --b-color-background-always-dark-primary-active: #22314a;
416
- --b-color-background-always-dark-primary-hover: #14243e;
417
- --b-color-background-always-dark-primary: #00112c;
414
+ --b-color-background-always-dark-primary-disabled: #ecedef;
415
+ --b-color-background-always-dark-primary-active: #213140;
416
+ --b-color-background-always-dark-primary-hover: #132434;
417
+ --b-color-background-always-dark-primary: #001222;
418
418
  --b-color-background-always-dark-selected: #002f68;
419
- --b-color-background-always-dark-disabled: #eeeff1;
420
- --b-color-background-always-dark-active: #8d95a3;
421
- --b-color-background-always-dark-hover: #5c687c;
422
- --b-color-background-always-dark: #00112c;
419
+ --b-color-background-always-dark-disabled: #ecedef;
420
+ --b-color-background-always-dark-active: #8c959d;
421
+ --b-color-background-always-dark-hover: #5c6874;
422
+ --b-color-background-always-dark: #001222;
423
423
  --b-color-background-always-light-selected: #e3f0ff;
424
- --b-color-background-always-light-disabled: #eeeff1;
425
- --b-color-background-always-light-active: #eeeff1;
426
- --b-color-background-always-light-hover: #f7f7f8;
424
+ --b-color-background-always-light-disabled: #ecedef;
425
+ --b-color-background-always-light-active: #ecedef;
426
+ --b-color-background-always-light-hover: #f4f5f6;
427
427
  --b-color-background-always-light: #ffffff;
428
428
  --b-color-background-inverse-critical-strong-active: #fddfdf;
429
429
  --b-color-background-inverse-critical-strong-hover: #fbbdbd;
430
430
  --b-color-background-inverse-critical-strong: #f99c9c;
431
431
  --b-color-background-inverse-critical-weak: #611313;
432
- --b-color-background-inverse-disabled: #283750;
433
- --b-color-background-inverse-secondary-active: #37455d;
434
- --b-color-background-inverse-secondary-hover: #283750;
435
- --b-color-background-inverse-secondary: #1a2a44;
436
- --b-color-background-inverse-primary-active: #6d7789;
437
- --b-color-background-inverse-primary-hover: #5c687c;
438
- --b-color-background-inverse-primary: #00112c;
432
+ --b-color-background-inverse-disabled: #273746;
433
+ --b-color-background-inverse-secondary-active: #364553;
434
+ --b-color-background-inverse-secondary-hover: #273746;
435
+ --b-color-background-inverse-secondary: #1a2b3b;
436
+ --b-color-background-inverse-primary-active: #6c7782;
437
+ --b-color-background-inverse-primary-hover: #5c6874;
438
+ --b-color-background-inverse-primary: #001222;
439
439
  --b-color-background-highlight-strong: #0070f5;
440
440
  --b-color-background-highlight-weak: #f2f8ff;
441
- --b-color-background-success-strong: #07893c;
442
- --b-color-background-success-weak: #edfaf3;
441
+ --b-color-background-success-strong: #008845;
442
+ --b-color-background-success-weak: #e4faef;
443
443
  --b-color-background-warning-strong: #dd7d00;
444
444
  --b-color-background-warning-weak: #fff5e9;
445
445
  --b-color-background-critical-strong-active: #791818;
@@ -447,21 +447,21 @@
447
447
  --b-color-background-critical-strong: #e22d2d;
448
448
  --b-color-background-critical-weak: #fef4f4;
449
449
  --b-color-background-selected: #e3f0ff;
450
- --b-color-background-disabled: #eeeff1;
451
- --b-color-background-modal-active: #eeeff1;
452
- --b-color-background-modal-hover: #f7f7f8;
450
+ --b-color-background-disabled: #ecedef;
451
+ --b-color-background-modal-active: #ecedef;
452
+ --b-color-background-modal-hover: #f4f5f6;
453
453
  --b-color-background-modal: #ffffff;
454
- --b-color-background-quaternary-active: #afb5bf;
455
- --b-color-background-quaternary-hover: #b8bdc6;
456
- --b-color-background-quaternary: #c0c5cc;
457
- --b-color-background-tertiary-active: #dbdee2;
458
- --b-color-background-tertiary-hover: #e3e5e9;
459
- --b-color-background-tertiary: #eeeff1;
460
- --b-color-background-secondary-active: #e3e5e9;
461
- --b-color-background-secondary-hover: #eeeff1;
462
- --b-color-background-secondary: #f7f7f8;
463
- --b-color-background-primary-active: #eeeff1;
464
- --b-color-background-primary-hover: #f7f7f8;
454
+ --b-color-background-quaternary-active: #aeb5ba;
455
+ --b-color-background-quaternary-hover: #b7bdc2;
456
+ --b-color-background-quaternary: #c0c5ca;
457
+ --b-color-background-tertiary-active: #dadddf;
458
+ --b-color-background-tertiary-hover: #e2e5e7;
459
+ --b-color-background-tertiary: #ecedef;
460
+ --b-color-background-secondary-active: #e2e5e7;
461
+ --b-color-background-secondary-hover: #ecedef;
462
+ --b-color-background-secondary: #f4f5f6;
463
+ --b-color-background-primary-active: #ecedef;
464
+ --b-color-background-primary-hover: #f4f5f6;
465
465
  --b-color-background-primary: #ffffff;
466
466
  --b-gradient-data-grid-hover: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%);
467
467
  --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);