@adyen/bento-vue2 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 (186) 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/avatar.js +1 -1
  21. package/dist/button.js +1 -1
  22. package/dist/card.js +1 -1
  23. package/dist/checkbox.js +2 -2
  24. package/dist/chunks/{action-bar.nUvnRVwP.js → action-bar.CErJh_wJ.js} +4 -4
  25. package/dist/chunks/{action-bar.nUvnRVwP.js.map → action-bar.CErJh_wJ.js.map} +1 -1
  26. package/dist/chunks/{avatar.CP1oL5W2.js → avatar.BgwjpLQO.js} +4 -3
  27. package/dist/chunks/{avatar.CP1oL5W2.js.map → avatar.BgwjpLQO.js.map} +1 -1
  28. package/dist/chunks/{base-modal.DdznUtgC.js → base-modal.D4x_tmYO.js} +2 -2
  29. package/dist/chunks/{base-modal.DdznUtgC.js.map → base-modal.D4x_tmYO.js.map} +1 -1
  30. package/dist/chunks/{button-actions-with-menu.CDLJMdJh.js → button-actions-with-menu.BHmj0Xvn.js} +4 -4
  31. package/dist/chunks/{button-actions-with-menu.CDLJMdJh.js.map → button-actions-with-menu.BHmj0Xvn.js.map} +1 -1
  32. package/dist/chunks/{button-actions.DUn_iPDm.js → button-actions.V0te_IrY.js} +2 -2
  33. package/dist/chunks/{button-actions.DUn_iPDm.js.map → button-actions.V0te_IrY.js.map} +1 -1
  34. package/dist/chunks/calendar.C7onA58P.js +1166 -0
  35. package/dist/chunks/calendar.C7onA58P.js.map +1 -0
  36. package/dist/chunks/{card.BYUqSnBy.js → card.CC4BEw-7.js} +2 -2
  37. package/dist/chunks/{card.BYUqSnBy.js.map → card.CC4BEw-7.js.map} +1 -1
  38. package/dist/chunks/{checkbox-group.HhNN-r-o.js → checkbox-group.Bev3ogYa.js} +4 -4
  39. package/dist/chunks/{checkbox-group.HhNN-r-o.js.map → checkbox-group.Bev3ogYa.js.map} +1 -1
  40. package/dist/chunks/{checkbox.CkaV8-b-.js → checkbox.DCIphKqu.js} +3 -3
  41. package/dist/chunks/{checkbox.CkaV8-b-.js.map → checkbox.DCIphKqu.js.map} +1 -1
  42. package/dist/chunks/{code-snippet.BdwtKOEj.js → code-snippet.BjtPvt9m.js} +5 -5
  43. package/dist/chunks/{code-snippet.BdwtKOEj.js.map → code-snippet.BjtPvt9m.js.map} +1 -1
  44. package/dist/chunks/{controls-group.CG5RvOSi.js → controls-group.CtpaKQIg.js} +2 -2
  45. package/dist/chunks/{controls-group.CG5RvOSi.js.map → controls-group.CtpaKQIg.js.map} +1 -1
  46. package/dist/chunks/{copy.MTsLLiC0.js → copy.BggvtZCO.js} +2 -2
  47. package/dist/chunks/{copy.MTsLLiC0.js.map → copy.BggvtZCO.js.map} +1 -1
  48. package/dist/chunks/{dashboard-section.DYk4LVm8.js → dashboard-section.D9LPEZ88.js} +2 -2
  49. package/dist/chunks/{dashboard-section.DYk4LVm8.js.map → dashboard-section.D9LPEZ88.js.map} +1 -1
  50. package/dist/chunks/{dashed-underline.lDp966e8.js → dashed-underline.DGRnOVkG.js} +3 -3
  51. package/dist/chunks/{dashed-underline.lDp966e8.js.map → dashed-underline.DGRnOVkG.js.map} +1 -1
  52. package/dist/chunks/{data-grid-template.Dcnw2_Du.js → data-grid-template.CwqfhYua.js} +2 -2
  53. package/dist/chunks/{data-grid-template.Dcnw2_Du.js.map → data-grid-template.CwqfhYua.js.map} +1 -1
  54. package/dist/chunks/{data-grid.DwdO-UCB.js → data-grid.Dl3xh62_.js} +1163 -1098
  55. package/dist/chunks/data-grid.Dl3xh62_.js.map +1 -0
  56. package/dist/chunks/{date-picker.oVG4b_5b.js → date-picker.DgF85qSC.js} +7 -6
  57. package/dist/chunks/{date-picker.oVG4b_5b.js.map → date-picker.DgF85qSC.js.map} +1 -1
  58. package/dist/chunks/date-range-picker.CAQY6v7g.js +967 -0
  59. package/dist/chunks/date-range-picker.CAQY6v7g.js.map +1 -0
  60. package/dist/chunks/{dropdown-tag.CqcduQgK.js → dropdown-tag.Cn6lz_lG.js} +4 -4
  61. package/dist/chunks/{dropdown-tag.CqcduQgK.js.map → dropdown-tag.Cn6lz_lG.js.map} +1 -1
  62. package/dist/chunks/{dropdown.sRIb4drl.js → dropdown.C01pOog2.js} +4 -4
  63. package/dist/chunks/{dropdown.sRIb4drl.js.map → dropdown.C01pOog2.js.map} +1 -1
  64. package/dist/chunks/{error-message.JskAm-Td.js → error-message.dQtl9mYG.js} +2 -2
  65. package/dist/chunks/{error-message.JskAm-Td.js.map → error-message.dQtl9mYG.js.map} +1 -1
  66. package/dist/chunks/{es6.BtaxuP0b.js → es6.BA9GH7QZ.js} +2 -2
  67. package/dist/chunks/{es6.BtaxuP0b.js.map → es6.BA9GH7QZ.js.map} +1 -1
  68. package/dist/chunks/{file-uploader.DhOTdtfm.js → file-uploader.D81zRKpY.js} +3 -3
  69. package/dist/chunks/{file-uploader.DhOTdtfm.js.map → file-uploader.D81zRKpY.js.map} +1 -1
  70. package/dist/chunks/{filter-bar.DRDC6mhJ.js → filter-bar.CcsUi7Xg.js} +604 -575
  71. package/dist/chunks/filter-bar.CcsUi7Xg.js.map +1 -0
  72. package/dist/chunks/{footer-actions.CWOEDPKJ.js → footer-actions.Cn-793_Z.js} +2 -2
  73. package/dist/chunks/{footer-actions.CWOEDPKJ.js.map → footer-actions.Cn-793_Z.js.map} +1 -1
  74. package/dist/chunks/{header-with-views.B8ncHkZt.js → header-with-views.BTd57MWZ.js} +13 -12
  75. package/dist/chunks/{header-with-views.B8ncHkZt.js.map → header-with-views.BTd57MWZ.js.map} +1 -1
  76. package/dist/chunks/{header.byOrhnHk.js → header.Rr0lnNYz.js} +4 -4
  77. package/dist/chunks/{header.byOrhnHk.js.map → header.Rr0lnNYz.js.map} +1 -1
  78. package/dist/chunks/{info-icon-with-popover.Cfng_pMj.js → info-icon-with-popover.B9QgNl-S.js} +2 -2
  79. package/dist/chunks/{info-icon-with-popover.Cfng_pMj.js.map → info-icon-with-popover.B9QgNl-S.js.map} +1 -1
  80. package/dist/chunks/{info-icon.DgCYoVE3.js → info-icon.BL55W9hd.js} +2 -2
  81. package/dist/chunks/{info-icon.DgCYoVE3.js.map → info-icon.BL55W9hd.js.map} +1 -1
  82. package/dist/chunks/input-field-password.DMcXkdVE.js +251 -0
  83. package/dist/chunks/input-field-password.DMcXkdVE.js.map +1 -0
  84. package/dist/chunks/{input-field-phone-number.DFt3iS_A.js → input-field-phone-number.Cfy_o9aE.js} +3 -3
  85. package/dist/chunks/{input-field-phone-number.DFt3iS_A.js.map → input-field-phone-number.Cfy_o9aE.js.map} +1 -1
  86. package/dist/chunks/{input-field.rHXIJKN8.js → input-field.CP8Qui6G.js} +3 -3
  87. package/dist/chunks/{input-field.rHXIJKN8.js.map → input-field.CP8Qui6G.js.map} +1 -1
  88. package/dist/chunks/{listbox-option-tag.CBGk4m-_.js → listbox-option-tag.DDmqT1rs.js} +2 -2
  89. package/dist/chunks/{listbox-option-tag.CBGk4m-_.js.map → listbox-option-tag.DDmqT1rs.js.map} +1 -1
  90. package/dist/chunks/{menu.DZEDTBYV.js → menu.Dkesc658.js} +2 -2
  91. package/dist/chunks/{menu.DZEDTBYV.js.map → menu.Dkesc658.js.map} +1 -1
  92. package/dist/chunks/{modal-fullscreen.DRQ4V5tT.js → modal-fullscreen.D1pHbGYd.js} +2 -2
  93. package/dist/chunks/{modal-fullscreen.DRQ4V5tT.js.map → modal-fullscreen.D1pHbGYd.js.map} +1 -1
  94. package/dist/chunks/{modal.DDF63uBR.js → modal.bgya0ObK.js} +4 -4
  95. package/dist/chunks/{modal.DDF63uBR.js.map → modal.bgya0ObK.js.map} +1 -1
  96. package/dist/chunks/{pagination.BJ4qwHJn.js → pagination.CaHPf-Ye.js} +2 -2
  97. package/dist/chunks/{pagination.BJ4qwHJn.js.map → pagination.CaHPf-Ye.js.map} +1 -1
  98. package/dist/chunks/{popover.DXo3nXew.js → popover.CuOrBXcF.js} +2 -2
  99. package/dist/chunks/{popover.DXo3nXew.js.map → popover.CuOrBXcF.js.map} +1 -1
  100. package/dist/chunks/{radio-group.DtCgLBuL.js → radio-group.9jAj6AKb.js} +4 -4
  101. package/dist/chunks/{radio-group.DtCgLBuL.js.map → radio-group.9jAj6AKb.js.map} +1 -1
  102. package/dist/chunks/rich-text-editor.Ch-ETIRi.js +6203 -0
  103. package/dist/chunks/rich-text-editor.Ch-ETIRi.js.map +1 -0
  104. package/dist/chunks/{search-bar.Cc8VBCjQ.js → search-bar.Cs60bUZc.js} +3 -3
  105. package/dist/chunks/{search-bar.Cc8VBCjQ.js.map → search-bar.Cs60bUZc.js.map} +1 -1
  106. package/dist/chunks/{secondary-nav.DEDQjtj6.js → secondary-nav.i_Bb4wQF.js} +3 -3
  107. package/dist/chunks/{secondary-nav.DEDQjtj6.js.map → secondary-nav.i_Bb4wQF.js.map} +1 -1
  108. package/dist/chunks/{segmented-control.BQlmGv2x.js → segmented-control.BffWAGrf.js} +2 -2
  109. package/dist/chunks/{segmented-control.BQlmGv2x.js.map → segmented-control.BffWAGrf.js.map} +1 -1
  110. package/dist/chunks/{selection-card-group.BniN7KWU.js → selection-card-group.DTz7k_M7.js} +4 -4
  111. package/dist/chunks/{selection-card-group.BniN7KWU.js.map → selection-card-group.DTz7k_M7.js.map} +1 -1
  112. package/dist/chunks/{sidepanel.DfQaLZEA.js → sidepanel.DuTesKDW.js} +2 -2
  113. package/dist/chunks/{sidepanel.DfQaLZEA.js.map → sidepanel.DuTesKDW.js.map} +1 -1
  114. package/dist/chunks/{structured-list-item.xaedKywV.js → structured-list-item.-vyqAp4Y.js} +4 -4
  115. package/dist/chunks/{structured-list-item.xaedKywV.js.map → structured-list-item.-vyqAp4Y.js.map} +1 -1
  116. package/dist/chunks/{summary-grid.types.CNEeGgWh.js → summary-grid.types.fm_VmUVA.js} +5 -5
  117. package/dist/chunks/{summary-grid.types.CNEeGgWh.js.map → summary-grid.types.fm_VmUVA.js.map} +1 -1
  118. package/dist/chunks/{tag.C7kJJ5Ki.js → tag.DczYlfXd.js} +2 -2
  119. package/dist/chunks/{tag.C7kJJ5Ki.js.map → tag.DczYlfXd.js.map} +1 -1
  120. package/dist/chunks/{textarea.CdA36VsY.js → textarea.B7BgCn_l.js} +2 -2
  121. package/dist/chunks/{textarea.CdA36VsY.js.map → textarea.B7BgCn_l.js.map} +1 -1
  122. package/dist/chunks/{timeline-item.D87PFH_o.js → timeline-item.DdF6EN2w.js} +5 -5
  123. package/dist/chunks/{timeline-item.D87PFH_o.js.map → timeline-item.DdF6EN2w.js.map} +1 -1
  124. package/dist/chunks/{toast.BuxfqZJb.js → toast.B2u2W_TQ.js} +4 -3
  125. package/dist/chunks/{toast.BuxfqZJb.js.map → toast.B2u2W_TQ.js.map} +1 -1
  126. package/dist/chunks/{tooltip.8KbMqaXP.js → tooltip.Bm5S2goP.js} +65 -65
  127. package/dist/chunks/{tooltip.8KbMqaXP.js.map → tooltip.Bm5S2goP.js.map} +1 -1
  128. package/dist/chunks/{tutorial.D74hJVBb.js → tutorial.DIYd-V8c.js} +4 -4
  129. package/dist/chunks/{tutorial.D74hJVBb.js.map → tutorial.DIYd-V8c.js.map} +1 -1
  130. package/dist/chunks/{use-cached-selected-values.CSVs_E5A.js → use-cached-selected-values.BrkzIuaE.js} +3 -3
  131. package/dist/chunks/{use-cached-selected-values.CSVs_E5A.js.map → use-cached-selected-values.BrkzIuaE.js.map} +1 -1
  132. package/dist/code-snippet.js +1 -1
  133. package/dist/dashboard-template.js +1 -1
  134. package/dist/dashed-underline.js +1 -1
  135. package/dist/data-grid-template.js +1 -1
  136. package/dist/data-grid.js +1 -1
  137. package/dist/date-picker.js +2 -2
  138. package/dist/date-range-picker.js +2 -2
  139. package/dist/dropdown.js +3 -3
  140. package/dist/file-uploader.js +1 -1
  141. package/dist/filter-bar.js +1 -1
  142. package/dist/header-with-views.js +1 -1
  143. package/dist/header.js +1 -1
  144. package/dist/index.js +149 -147
  145. package/dist/index.js.map +1 -1
  146. package/dist/info-icon.js +1 -1
  147. package/dist/input-field-password.js +1 -1
  148. package/dist/input-field-phone-number.js +1 -1
  149. package/dist/input-field.js +1 -1
  150. package/dist/internal.js +10 -10
  151. package/dist/menu.js +1 -1
  152. package/dist/modal-fullscreen.js +1 -1
  153. package/dist/modal.js +2 -2
  154. package/dist/pagination.js +1 -1
  155. package/dist/popover.js +1 -1
  156. package/dist/radio-group.js +1 -1
  157. package/dist/rich-text-editor.js +2 -6200
  158. package/dist/rich-text-editor.js.map +1 -1
  159. package/dist/search-bar.js +2 -2
  160. package/dist/secondary-nav.js +1 -1
  161. package/dist/segmented-control.js +1 -1
  162. package/dist/selection-card.js +1 -1
  163. package/dist/sidepanel.js +1 -1
  164. package/dist/structured-list.js +1 -1
  165. package/dist/styles/bento-dark.css +15 -15
  166. package/dist/styles/bento-light.css +95 -95
  167. package/dist/styles/bento.css +95 -95
  168. package/dist/styles/legacy.css +96 -96
  169. package/dist/styles/styleguide.css +96 -96
  170. package/dist/styles/utility.css +64 -64
  171. package/dist/summary-grid.js +1 -1
  172. package/dist/tag.js +1 -1
  173. package/dist/textarea.js +1 -1
  174. package/dist/timeline.js +1 -1
  175. package/dist/toast.js +1 -1
  176. package/dist/tutorial.js +1 -1
  177. package/dist/web-types.json +43 -7
  178. package/package.json +4 -4
  179. package/dist/chunks/calendar.C0iatn5N.js +0 -1127
  180. package/dist/chunks/calendar.C0iatn5N.js.map +0 -1
  181. package/dist/chunks/data-grid.DwdO-UCB.js.map +0 -1
  182. package/dist/chunks/date-range-picker.CbLz3jJx.js +0 -905
  183. package/dist/chunks/date-range-picker.CbLz3jJx.js.map +0 -1
  184. package/dist/chunks/filter-bar.DRDC6mhJ.js.map +0 -1
  185. package/dist/chunks/input-field-password.GhHsOaiD.js +0 -233
  186. package/dist/chunks/input-field-password.GhHsOaiD.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);