@adyen/bento-vue3 1.72.0 → 1.73.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 (95) hide show
  1. package/dist/@types/index.d.ts +25 -0
  2. package/dist/assets/accordion-item.css +1 -1
  3. package/dist/assets/action-bar.css +1 -1
  4. package/dist/assets/base-modal.css +1 -1
  5. package/dist/assets/button-actions.css +1 -1
  6. package/dist/assets/card.css +1 -1
  7. package/dist/assets/data-grid-template.css +1 -1
  8. package/dist/assets/data-grid.css +1 -1
  9. package/dist/assets/date-range-picker.css +1 -1
  10. package/dist/assets/dialog-page.css +1 -1
  11. package/dist/assets/dropdown.css +1 -1
  12. package/dist/assets/file-uploader.css +1 -1
  13. package/dist/assets/form-layout-title.css +1 -1
  14. package/dist/assets/input-field-phone-number.css +1 -1
  15. package/dist/assets/inspector.css +1 -1
  16. package/dist/assets/modal-fullscreen.css +1 -1
  17. package/dist/assets/radio-group.css +1 -1
  18. package/dist/assets/radio-input.css +1 -1
  19. package/dist/assets/segmented-control.css +1 -1
  20. package/dist/assets/sidepanel.css +1 -1
  21. package/dist/checkbox.js +2 -2
  22. package/dist/chunks/{checkbox-group.CcgOK4yt.js → checkbox-group.DdflEpl9.js} +2 -2
  23. package/dist/chunks/{checkbox-group.CcgOK4yt.js.map → checkbox-group.DdflEpl9.js.map} +1 -1
  24. package/dist/chunks/{checkbox.73QYC0y8.js → checkbox.C8g1CvTm.js} +18 -18
  25. package/dist/chunks/{checkbox.73QYC0y8.js.map → checkbox.C8g1CvTm.js.map} +1 -1
  26. package/dist/chunks/{code-snippet.DL_1HNKV.js → code-snippet.CrLlNrvo.js} +2 -2
  27. package/dist/chunks/{code-snippet.DL_1HNKV.js.map → code-snippet.CrLlNrvo.js.map} +1 -1
  28. package/dist/chunks/data-grid.DreajC_w.js +4069 -0
  29. package/dist/chunks/data-grid.DreajC_w.js.map +1 -0
  30. package/dist/chunks/{date-picker.Bkz4GmyC.js → date-picker.Dwx2Q5hg.js} +14 -14
  31. package/dist/chunks/{date-picker.Bkz4GmyC.js.map → date-picker.Dwx2Q5hg.js.map} +1 -1
  32. package/dist/chunks/{date-range-picker.9Zlg9xnH.js → date-range-picker.6mEJDgNr.js} +109 -106
  33. package/dist/chunks/date-range-picker.6mEJDgNr.js.map +1 -0
  34. package/dist/chunks/{dropdown-tag.hIiGmmBD.js → dropdown-tag.fEWQOFYE.js} +2 -2
  35. package/dist/chunks/{dropdown-tag.hIiGmmBD.js.map → dropdown-tag.fEWQOFYE.js.map} +1 -1
  36. package/dist/chunks/{dropdown.GyDAswAO.js → dropdown.DGpN3WNH.js} +271 -267
  37. package/dist/chunks/{dropdown.GyDAswAO.js.map → dropdown.DGpN3WNH.js.map} +1 -1
  38. package/dist/chunks/es6.MoTTyETW.js.map +1 -1
  39. package/dist/chunks/{filter-bar.BLhRZzJa.js → filter-bar.DajTlHPO.js} +7 -7
  40. package/dist/chunks/{filter-bar.BLhRZzJa.js.map → filter-bar.DajTlHPO.js.map} +1 -1
  41. package/dist/chunks/{form-layout-title.DdRqnXXi.js → form-layout-title.DzwxO39t.js} +19 -11
  42. package/dist/chunks/form-layout-title.DzwxO39t.js.map +1 -0
  43. package/dist/chunks/{header-with-views.afPw_Czi.js → header-with-views.Dav18t9C.js} +3 -3
  44. package/dist/chunks/{header-with-views.afPw_Czi.js.map → header-with-views.Dav18t9C.js.map} +1 -1
  45. package/dist/chunks/{input-field-password.JZkGOiMd.js → input-field-password.L64foAS-.js} +3 -3
  46. package/dist/chunks/{input-field-password.JZkGOiMd.js.map → input-field-password.L64foAS-.js.map} +1 -1
  47. package/dist/chunks/{input-field-phone-number.CF5P0_yu.js → input-field-phone-number.DoJXn0mQ.js} +202 -199
  48. package/dist/chunks/{input-field-phone-number.CF5P0_yu.js.map → input-field-phone-number.DoJXn0mQ.js.map} +1 -1
  49. package/dist/chunks/{input-field.2S8zBviE.js → input-field.CDtTOgw7.js} +2 -2
  50. package/dist/chunks/{input-field.2S8zBviE.js.map → input-field.CDtTOgw7.js.map} +1 -1
  51. package/dist/chunks/{pagination.NDwXq6fh.js → pagination.CmOEkbVb.js} +2 -2
  52. package/dist/chunks/{pagination.NDwXq6fh.js.map → pagination.CmOEkbVb.js.map} +1 -1
  53. package/dist/chunks/{radio-group.BNiif4On.js → radio-group.CX9lqMeM.js} +57 -55
  54. package/dist/chunks/radio-group.CX9lqMeM.js.map +1 -0
  55. package/dist/chunks/{radio-input.odN9FOyr.js → radio-input.CBNE-AkM.js} +13 -14
  56. package/dist/chunks/radio-input.CBNE-AkM.js.map +1 -0
  57. package/dist/chunks/{rich-text-editor.D770fUpS.js → rich-text-editor.Cjb5BGaV.js} +2 -2
  58. package/dist/chunks/{rich-text-editor.D770fUpS.js.map → rich-text-editor.Cjb5BGaV.js.map} +1 -1
  59. package/dist/chunks/{search-bar.rZ_38y4j.js → search-bar.DP713Pmh.js} +3 -3
  60. package/dist/chunks/{search-bar.rZ_38y4j.js.map → search-bar.DP713Pmh.js.map} +1 -1
  61. package/dist/chunks/{secondary-nav.BBE8HyDR.js → secondary-nav.B1R_oNdP.js} +2 -2
  62. package/dist/chunks/{secondary-nav.BBE8HyDR.js.map → secondary-nav.B1R_oNdP.js.map} +1 -1
  63. package/dist/chunks/{selection-card-group.KK9ZPqiU.js → selection-card-group.Bo3xkW0P.js} +9 -9
  64. package/dist/chunks/{selection-card-group.KK9ZPqiU.js.map → selection-card-group.Bo3xkW0P.js.map} +1 -1
  65. package/dist/code-snippet.js +1 -1
  66. package/dist/data-grid.js +1 -1
  67. package/dist/date-picker.js +1 -1
  68. package/dist/date-range-picker.js +1 -1
  69. package/dist/dropdown.js +2 -2
  70. package/dist/filter-bar.js +1 -1
  71. package/dist/form-layout.js +1 -1
  72. package/dist/header-with-views.js +1 -1
  73. package/dist/index.js +21 -21
  74. package/dist/input-field-password.js +1 -1
  75. package/dist/input-field-phone-number.js +1 -1
  76. package/dist/input-field.js +1 -1
  77. package/dist/pagination.js +1 -1
  78. package/dist/radio-group.js +2 -2
  79. package/dist/rich-text-editor.js +1 -1
  80. package/dist/search-bar.js +2 -2
  81. package/dist/secondary-nav.js +1 -1
  82. package/dist/selection-card.js +1 -1
  83. package/dist/styles/bento-dark.css +20 -13
  84. package/dist/styles/bento-light.css +4 -1
  85. package/dist/styles/bento.css +4 -1
  86. package/dist/styles/legacy.css +4 -1
  87. package/dist/styles/styleguide.css +4 -1
  88. package/dist/web-types.json +1 -1
  89. package/package.json +4 -4
  90. package/dist/chunks/data-grid._xo6LEB-.js +0 -4010
  91. package/dist/chunks/data-grid._xo6LEB-.js.map +0 -1
  92. package/dist/chunks/date-range-picker.9Zlg9xnH.js.map +0 -1
  93. package/dist/chunks/form-layout-title.DdRqnXXi.js.map +0 -1
  94. package/dist/chunks/radio-group.BNiif4On.js.map +0 -1
  95. package/dist/chunks/radio-input.odN9FOyr.js.map +0 -1
package/dist/assets/dropdown.css CHANGED
@@ -1 +1 @@
1
- .b-dropdown-options-container[data-v-83c3a61b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-83c3a61b],.b-dropdown-options-container[data-v-83c3a61b]:before,.b-dropdown-options-container[data-v-83c3a61b]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-83c3a61b] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-83c3a61b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-options-container__listbox[data-v-83c3a61b]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;max-height:300px}.b-dropdown-options-container__listbox--single[data-v-83c3a61b]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow);margin-top:var(--b-dropdown-options-container-margin-top)}.b-dropdown-small-textbox[data-v-7702d745]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-small-textbox-background-color);border:1px solid var(--b-dropdown-small-textbox-border-color);border-radius:var(--b-dropdown-small-textbox-border-radius);color:var(--b-dropdown-small-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:var(--b-dropdown-small-textbox-height);justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-7702d745],.b-dropdown-small-textbox[data-v-7702d745]:before,.b-dropdown-small-textbox[data-v-7702d745]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-7702d745] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-7702d745] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-small-textbox__textbox[data-v-7702d745]{background-color:var(--b-dropdown-small-textbox-background-color);box-sizing:unset!important;height:100%;max-height:var(--b-dropdown-small-textbox-max-height);padding:var(--b-dropdown-small-textbox-padding);width:100%}.b-dropdown-small-textbox[data-v-7702d745] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-small-textbox-additional-items-background-color);padding:var(--b-dropdown-small-textbox-additional-items-padding)}.b-dropdown-small-textbox[data-v-7702d745] .b-dropdown-base-textbox{gap:var(--b-dropdown-small-textbox-base-textbox-gap);height:var(--b-dropdown-small-textbox-base-textbox-height)}.b-dropdown-small-textbox[data-v-7702d745]:focus-within,.b-dropdown-small-textbox[data-v-7702d745]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-7702d745]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-7702d745]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-7702d745]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-7702d745]{border-bottom-left-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius)}.b-dropdown-small-textbox--disabled[data-v-7702d745],.b-dropdown-small-textbox--disabled[data-v-7702d745]>*{background-color:var(--b-dropdown-small-textbox-disabled-background-color);border-color:var(--b-dropdown-small-textbox-disabled-border-color);color:var(--b-dropdown-small-textbox-disabled-color);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-7702d745],.b-dropdown-small-textbox--readonly[data-v-7702d745]>*{background-color:var(--b-dropdown-small-textbox-readonly-background-color);border-color:var(--b-dropdown-small-textbox-readonly-border-color);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-7702d745],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-7702d745]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-7702d745]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-d801c4da]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-d801c4da],.b-dropdown[data-v-d801c4da]:before,.b-dropdown[data-v-d801c4da]:after{box-sizing:border-box}.b-dropdown[data-v-d801c4da] *,.b-dropdown[data-v-d801c4da] *:before,.b-dropdown[data-v-d801c4da] *:after{box-sizing:border-box}.b-dropdown[data-v-d801c4da] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-d801c4da] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown__description[data-v-d801c4da]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-d801c4da]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-d801c4da]{margin-top:var(--b-dropdown-error-message-margin-top)}.b-dropdown--condensed .b-dropdown__description[data-v-d801c4da]{margin-top:var(--b-dropdown-description-condensed-margin-top)}
1
+ .b-dropdown-options-container[data-v-83c3a61b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-83c3a61b],.b-dropdown-options-container[data-v-83c3a61b]:before,.b-dropdown-options-container[data-v-83c3a61b]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-83c3a61b] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-83c3a61b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-options-container__listbox[data-v-83c3a61b]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;max-height:300px}.b-dropdown-options-container__listbox--single[data-v-83c3a61b]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow);margin-top:var(--b-dropdown-options-container-margin-top)}.b-dropdown-small-textbox[data-v-7702d745]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-small-textbox-background-color);border:1px solid var(--b-dropdown-small-textbox-border-color);border-radius:var(--b-dropdown-small-textbox-border-radius);color:var(--b-dropdown-small-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:var(--b-dropdown-small-textbox-height);justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-7702d745],.b-dropdown-small-textbox[data-v-7702d745]:before,.b-dropdown-small-textbox[data-v-7702d745]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-7702d745] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-7702d745] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-small-textbox__textbox[data-v-7702d745]{background-color:var(--b-dropdown-small-textbox-background-color);box-sizing:unset!important;height:100%;max-height:var(--b-dropdown-small-textbox-max-height);padding:var(--b-dropdown-small-textbox-padding);width:100%}.b-dropdown-small-textbox[data-v-7702d745] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-small-textbox-additional-items-background-color);padding:var(--b-dropdown-small-textbox-additional-items-padding)}.b-dropdown-small-textbox[data-v-7702d745] .b-dropdown-base-textbox{gap:var(--b-dropdown-small-textbox-base-textbox-gap);height:var(--b-dropdown-small-textbox-base-textbox-height)}.b-dropdown-small-textbox[data-v-7702d745]:focus-within,.b-dropdown-small-textbox[data-v-7702d745]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-7702d745]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-7702d745]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-7702d745]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-7702d745]{border-bottom-left-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius)}.b-dropdown-small-textbox--disabled[data-v-7702d745],.b-dropdown-small-textbox--disabled[data-v-7702d745]>*{background-color:var(--b-dropdown-small-textbox-disabled-background-color);border-color:var(--b-dropdown-small-textbox-disabled-border-color);color:var(--b-dropdown-small-textbox-disabled-color);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-7702d745],.b-dropdown-small-textbox--readonly[data-v-7702d745]>*{background-color:var(--b-dropdown-small-textbox-readonly-background-color);border-color:var(--b-dropdown-small-textbox-readonly-border-color);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-7702d745],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-7702d745]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-7702d745]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-f5ca1c66]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-f5ca1c66],.b-dropdown[data-v-f5ca1c66]:before,.b-dropdown[data-v-f5ca1c66]:after{box-sizing:border-box}.b-dropdown[data-v-f5ca1c66] *,.b-dropdown[data-v-f5ca1c66] *:before,.b-dropdown[data-v-f5ca1c66] *:after{box-sizing:border-box}.b-dropdown[data-v-f5ca1c66] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-f5ca1c66] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown__description[data-v-f5ca1c66]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-f5ca1c66]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-f5ca1c66]{margin-top:var(--b-dropdown-error-message-margin-top)}.b-dropdown--condensed .b-dropdown__description[data-v-f5ca1c66]{margin-top:var(--b-dropdown-description-condensed-margin-top)}
package/dist/assets/file-uploader.css CHANGED
@@ -1 +1 @@
1
- .b-file-uploader-file-card[data-v-389ff9bd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-uil4ry2-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uil4ry2-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uil4ry2-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-file-uploader-file-card-background-color);border-radius:var(--b-file-uploader-file-card-border-radius);display:flex;gap:var(--b-file-uploader-file-card-gap);padding:var(--b-file-uploader-file-card-padding);position:relative}.b-file-uploader-file-card[data-v-389ff9bd],.b-file-uploader-file-card[data-v-389ff9bd]:before,.b-file-uploader-file-card[data-v-389ff9bd]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] *,.b-file-uploader-file-card[data-v-389ff9bd] *:before,.b-file-uploader-file-card[data-v-389ff9bd] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@keyframes fade-in-uil4ry2-389ff9bd{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uil4ry2-389ff9bd{0%{scale:1}to{scale:1}}@keyframes enter-uil4ry2-389ff9bd{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-389ff9bd]{background-color:var(--b-file-uploader-file-card-error-background-color)}.b-file-uploader-file-card__actions[data-v-389ff9bd]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-file-uploader-file-card-actions-gap)}.b-file-uploader-file-card__animation-enter-active[data-v-389ff9bd],.b-file-uploader-file-card__animation-leave-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation-enter[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-389ff9bd]{position:absolute;transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-389ff9bd],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-389ff9bd]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-389ff9bd]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-error-message-color);margin-top:var(--b-file-uploader-file-card-error-message-margin-top)}.b-file-uploader-file-card__file-name[data-v-389ff9bd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-389ff9bd]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-389ff9bd]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-blue-color)}.b-file-uploader-file-card__icon--error[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-error-color)}.b-file-uploader-file-card__icon--green[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-green-color)}.b-file-uploader-file-card__icon--grey[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-grey-color)}.b-file-uploader-file-card__icon--orange[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-orange-color)}.b-file-uploader-file-card__info[data-v-389ff9bd]{align-items:center;display:flex;gap:var(--b-file-uploader-file-card-info-gap)}.b-file-uploader-restrictions[data-v-6ad327db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-file-uploader-restrictions-color);display:flex;flex-direction:column;margin-top:var(--b-file-uploader-restrictions-margin-top);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-6ad327db],.b-file-uploader-restrictions[data-v-6ad327db]:before,.b-file-uploader-restrictions[data-v-6ad327db]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] *,.b-file-uploader-restrictions[data-v-6ad327db] *:before,.b-file-uploader-restrictions[data-v-6ad327db] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-restrictions--condensed[data-v-6ad327db]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--disabled[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-disabled-color)}.b-file-uploader-restrictions--error[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-error-color)}.b-file-uploader[data-v-9bda0f89]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-file-uploader-gap)}.b-file-uploader[data-v-9bda0f89],.b-file-uploader[data-v-9bda0f89]:before,.b-file-uploader[data-v-9bda0f89]:after{box-sizing:border-box}.b-file-uploader[data-v-9bda0f89] *,.b-file-uploader[data-v-9bda0f89] *:before,.b-file-uploader[data-v-9bda0f89] *:after{box-sizing:border-box}.b-file-uploader[data-v-9bda0f89] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-9bda0f89] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader--disabled[data-v-9bda0f89]{cursor:not-allowed}.b-file-uploader__area[data-v-9bda0f89]{align-items:center;background-color:var(--b-file-uploader-area-background-color);border:var(--b-file-uploader-area-border);border-radius:var(--b-file-uploader-area-border-radius);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-file-uploader-area-padding)}@media (hover: hover){.b-file-uploader__area[data-v-9bda0f89]:hover{background-color:var(--b-file-uploader-area-hover-background-color)}}.b-file-uploader__area[data-v-9bda0f89]:focus-visible{outline:none;animation:outer-ring-default-9bda0f89 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-9bda0f89{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-file-uploader--condensed .b-file-uploader__area[data-v-9bda0f89]{flex-direction:row;padding:var(--b-file-uploader-area-condensed-padding)}.b-file-uploader--disabled .b-file-uploader__area[data-v-9bda0f89]{background-color:var(--b-file-uploader-area-disabled-background-color);border:var(--b-file-uploader-area-disabled-border);color:var(--b-file-uploader-area-disabled-color);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-9bda0f89],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-9bda0f89]{background-color:var(--b-file-uploader-area-drag-over-background-color);border:var(--b-file-uploader-area-drag-over-border)}.b-file-uploader--error .b-file-uploader__area[data-v-9bda0f89],.b-file-uploader--error:hover .b-file-uploader__area[data-v-9bda0f89]{background-color:var(--b-file-uploader-area-error-background-color);border:var(--b-file-uploader-area-error-border)}.b-file-uploader__button[data-v-9bda0f89]{border:var(--b-button-secondary-border);border-radius:var(--b-button-condensed-border-radius);color:var(--b-button-secondary-color);margin-top:var(--b-file-uploader-button-margin-top);padding:var(--b-button-condensed-secondary-padding)}.b-file-uploader--disabled .b-file-uploader__button[data-v-9bda0f89]{background-color:var(--b-button-secondary-disabled-background-color);border:var(--b-button-secondary-disabled-border);color:var(--b-button-secondary-disabled-color)}.b-file-uploader--condensed .b-file-uploader__button[data-v-9bda0f89]{border:0;margin-left:var(--b-file-uploader-button-condensed-margin-left);margin-top:0;padding:var(--b-button-tertiary-padding);text-decoration:var(--b-button-tertiary-text-decoration)}.b-file-uploader__invisible-comma[data-v-9bda0f89]{display:none}.b-file-uploader__description[data-v-9bda0f89]{color:var(--b-file-uploader-description-color);margin-top:var(--b-file-uploader-description-margin-top)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-9bda0f89]{color:var(--b-file-uploader-description-disabled-color)}.b-file-uploader__description--condensed[data-v-9bda0f89]{margin-top:0}.b-file-uploader__icon[data-v-9bda0f89]{background-color:var(--b-file-uploader-icon-background-color);border-radius:var(--b-file-uploader-icon-border-radius);height:var(--b-file-uploader-icon-height);padding:var(--b-file-uploader-icon-padding);pointer-events:none;width:var(--b-file-uploader-icon-width)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-9bda0f89]{background-color:var(--b-file-uploader-icon-drag-over-background-color);color:var(--b-file-uploader-icon-drag-over-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-9bda0f89]{background-color:var(--b-file-uploader-icon-error-background-color);color:var(--b-file-uploader-icon-error-color)}.b-file-uploader__input[data-v-9bda0f89]{display:none}.b-file-uploader__files[data-v-9bda0f89]{display:flex;flex-direction:column;gap:var(--b-file-uploader-files-gap)}.b-file-uploader__label[data-v-9bda0f89]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-9bda0f89]{margin-top:var(--b-file-uploader-title-margin-top)}
1
+ .b-file-uploader-file-card[data-v-389ff9bd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-u0rf6wv-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u0rf6wv-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u0rf6wv-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-file-uploader-file-card-background-color);border-radius:var(--b-file-uploader-file-card-border-radius);display:flex;gap:var(--b-file-uploader-file-card-gap);padding:var(--b-file-uploader-file-card-padding);position:relative}.b-file-uploader-file-card[data-v-389ff9bd],.b-file-uploader-file-card[data-v-389ff9bd]:before,.b-file-uploader-file-card[data-v-389ff9bd]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] *,.b-file-uploader-file-card[data-v-389ff9bd] *:before,.b-file-uploader-file-card[data-v-389ff9bd] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@keyframes fade-in-u0rf6wv-389ff9bd{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u0rf6wv-389ff9bd{0%{scale:1}to{scale:1}}@keyframes enter-u0rf6wv-389ff9bd{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-389ff9bd]{background-color:var(--b-file-uploader-file-card-error-background-color)}.b-file-uploader-file-card__actions[data-v-389ff9bd]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-file-uploader-file-card-actions-gap)}.b-file-uploader-file-card__animation-enter-active[data-v-389ff9bd],.b-file-uploader-file-card__animation-leave-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation-enter[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-389ff9bd]{position:absolute;transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-389ff9bd],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-389ff9bd]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-389ff9bd]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-error-message-color);margin-top:var(--b-file-uploader-file-card-error-message-margin-top)}.b-file-uploader-file-card__file-name[data-v-389ff9bd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-389ff9bd]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-389ff9bd]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-blue-color)}.b-file-uploader-file-card__icon--error[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-error-color)}.b-file-uploader-file-card__icon--green[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-green-color)}.b-file-uploader-file-card__icon--grey[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-grey-color)}.b-file-uploader-file-card__icon--orange[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-orange-color)}.b-file-uploader-file-card__info[data-v-389ff9bd]{align-items:center;display:flex;gap:var(--b-file-uploader-file-card-info-gap)}.b-file-uploader-restrictions[data-v-6ad327db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-file-uploader-restrictions-color);display:flex;flex-direction:column;margin-top:var(--b-file-uploader-restrictions-margin-top);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-6ad327db],.b-file-uploader-restrictions[data-v-6ad327db]:before,.b-file-uploader-restrictions[data-v-6ad327db]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] *,.b-file-uploader-restrictions[data-v-6ad327db] *:before,.b-file-uploader-restrictions[data-v-6ad327db] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-restrictions--condensed[data-v-6ad327db]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--disabled[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-disabled-color)}.b-file-uploader-restrictions--error[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-error-color)}.b-file-uploader[data-v-9bda0f89]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-file-uploader-gap)}.b-file-uploader[data-v-9bda0f89],.b-file-uploader[data-v-9bda0f89]:before,.b-file-uploader[data-v-9bda0f89]:after{box-sizing:border-box}.b-file-uploader[data-v-9bda0f89] *,.b-file-uploader[data-v-9bda0f89] *:before,.b-file-uploader[data-v-9bda0f89] *:after{box-sizing:border-box}.b-file-uploader[data-v-9bda0f89] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-9bda0f89] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader--disabled[data-v-9bda0f89]{cursor:not-allowed}.b-file-uploader__area[data-v-9bda0f89]{align-items:center;background-color:var(--b-file-uploader-area-background-color);border:var(--b-file-uploader-area-border);border-radius:var(--b-file-uploader-area-border-radius);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-file-uploader-area-padding)}@media (hover: hover){.b-file-uploader__area[data-v-9bda0f89]:hover{background-color:var(--b-file-uploader-area-hover-background-color)}}.b-file-uploader__area[data-v-9bda0f89]:focus-visible{outline:none;animation:outer-ring-default-9bda0f89 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-9bda0f89{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-file-uploader--condensed .b-file-uploader__area[data-v-9bda0f89]{flex-direction:row;padding:var(--b-file-uploader-area-condensed-padding)}.b-file-uploader--disabled .b-file-uploader__area[data-v-9bda0f89]{background-color:var(--b-file-uploader-area-disabled-background-color);border:var(--b-file-uploader-area-disabled-border);color:var(--b-file-uploader-area-disabled-color);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-9bda0f89],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-9bda0f89]{background-color:var(--b-file-uploader-area-drag-over-background-color);border:var(--b-file-uploader-area-drag-over-border)}.b-file-uploader--error .b-file-uploader__area[data-v-9bda0f89],.b-file-uploader--error:hover .b-file-uploader__area[data-v-9bda0f89]{background-color:var(--b-file-uploader-area-error-background-color);border:var(--b-file-uploader-area-error-border)}.b-file-uploader__button[data-v-9bda0f89]{border:var(--b-button-secondary-border);border-radius:var(--b-button-condensed-border-radius);color:var(--b-button-secondary-color);margin-top:var(--b-file-uploader-button-margin-top);padding:var(--b-button-condensed-secondary-padding)}.b-file-uploader--disabled .b-file-uploader__button[data-v-9bda0f89]{background-color:var(--b-button-secondary-disabled-background-color);border:var(--b-button-secondary-disabled-border);color:var(--b-button-secondary-disabled-color)}.b-file-uploader--condensed .b-file-uploader__button[data-v-9bda0f89]{border:0;margin-left:var(--b-file-uploader-button-condensed-margin-left);margin-top:0;padding:var(--b-button-tertiary-padding);text-decoration:var(--b-button-tertiary-text-decoration)}.b-file-uploader__invisible-comma[data-v-9bda0f89]{display:none}.b-file-uploader__description[data-v-9bda0f89]{color:var(--b-file-uploader-description-color);margin-top:var(--b-file-uploader-description-margin-top)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-9bda0f89]{color:var(--b-file-uploader-description-disabled-color)}.b-file-uploader__description--condensed[data-v-9bda0f89]{margin-top:0}.b-file-uploader__icon[data-v-9bda0f89]{background-color:var(--b-file-uploader-icon-background-color);border-radius:var(--b-file-uploader-icon-border-radius);height:var(--b-file-uploader-icon-height);padding:var(--b-file-uploader-icon-padding);pointer-events:none;width:var(--b-file-uploader-icon-width)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-9bda0f89]{background-color:var(--b-file-uploader-icon-drag-over-background-color);color:var(--b-file-uploader-icon-drag-over-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-9bda0f89]{background-color:var(--b-file-uploader-icon-error-background-color);color:var(--b-file-uploader-icon-error-color)}.b-file-uploader__input[data-v-9bda0f89]{display:none}.b-file-uploader__files[data-v-9bda0f89]{display:flex;flex-direction:column;gap:var(--b-file-uploader-files-gap)}.b-file-uploader__label[data-v-9bda0f89]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-9bda0f89]{margin-top:var(--b-file-uploader-title-margin-top)}
package/dist/assets/form-layout-title.css CHANGED
@@ -1 +1 @@
1
- .b-form-layout[data-v-c32500f3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-gap)}.b-form-layout[data-v-c32500f3],.b-form-layout[data-v-c32500f3]:before,.b-form-layout[data-v-c32500f3]:after{box-sizing:border-box}.b-form-layout[data-v-c32500f3] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout[data-v-c32500f3] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-form-layout__error-message[data-v-c32500f3]{margin-bottom:var(--b-form-layout-error-message-margin-bottom)}.b-form-layout__actions-container[data-v-c32500f3]{display:flex;justify-content:space-between;margin-top:var(--b-form-layout-actions-container-margin-top)}.b-form-layout__actions[data-v-c32500f3]{display:flex;gap:var(--b-form-layout-actions-gap)}.b-form-layout-field-tip[data-v-0927f7a3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-field-tip-gap)}.b-form-layout-field-tip[data-v-0927f7a3],.b-form-layout-field-tip[data-v-0927f7a3]:before,.b-form-layout-field-tip[data-v-0927f7a3]:after{box-sizing:border-box}.b-form-layout-field-tip[data-v-0927f7a3] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-field-tip[data-v-0927f7a3] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-form-layout-group[data-v-42a0b8a1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-group-gap)}.b-form-layout-group[data-v-42a0b8a1],.b-form-layout-group[data-v-42a0b8a1]:before,.b-form-layout-group[data-v-42a0b8a1]:after{box-sizing:border-box}.b-form-layout-group[data-v-42a0b8a1] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-group[data-v-42a0b8a1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-form-layout-group[data-v-42a0b8a1]{column-gap:var(--b-form-layout-group-s-and-up-column-gap);display:grid}}@media (min-width: 376px){.b-form-layout-group--33-33-33[data-v-42a0b8a1]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--50-50[data-v-42a0b8a1]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--25-75[data-v-42a0b8a1]{grid-template-columns:minmax(0,.25fr) minmax(0,.75fr)}}@media (min-width: 376px){.b-form-layout-group--75-25[data-v-42a0b8a1]{grid-template-columns:minmax(0,.75fr) minmax(0,.25fr)}}@media (min-width: 376px){.b-form-layout-group--33-66[data-v-42a0b8a1]{grid-template-columns:minmax(0,.333fr) minmax(0,.6666fr)}}@media (min-width: 376px){.b-form-layout-group--66-33[data-v-42a0b8a1]{grid-template-columns:minmax(0,.6666fr) minmax(0,.333fr)}}@media (min-width: 376px){.b-form-layout-group--25[data-v-42a0b8a1]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--33[data-v-42a0b8a1]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--50[data-v-42a0b8a1]{grid-template-columns:repeat(2,minmax(0,1fr))}}.b-form-layout-group--100[data-v-42a0b8a1]{grid-template-columns:100%}.b-form-layout-group--column[data-v-42a0b8a1]{flex-direction:column;gap:var(--b-form-layout-gap)}.b-form-layout-title[data-v-fbc939de]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-form-layout-title-color);display:flex;flex-direction:column}.b-form-layout-title[data-v-fbc939de],.b-form-layout-title[data-v-fbc939de]:before,.b-form-layout-title[data-v-fbc939de]:after{box-sizing:border-box}.b-form-layout-title[data-v-fbc939de] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-title[data-v-fbc939de] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-form-layout-title--subsection[data-v-fbc939de]{margin-top:var(--b-form-layout-title-subsection-margin-top)}.b-form-layout-title__description[data-v-fbc939de]{margin-top:var(--b-form-layout-title-description-color)}
1
+ .b-form-layout[data-v-c32500f3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-gap)}.b-form-layout[data-v-c32500f3],.b-form-layout[data-v-c32500f3]:before,.b-form-layout[data-v-c32500f3]:after{box-sizing:border-box}.b-form-layout[data-v-c32500f3] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout[data-v-c32500f3] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-form-layout__error-message[data-v-c32500f3]{margin-bottom:var(--b-form-layout-error-message-margin-bottom)}.b-form-layout__actions-container[data-v-c32500f3]{display:flex;justify-content:space-between;margin-top:var(--b-form-layout-actions-container-margin-top)}.b-form-layout__actions[data-v-c32500f3]{display:flex;gap:var(--b-form-layout-actions-gap)}.b-form-layout-field-tip[data-v-4cc6ef4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-field-tip-gap)}.b-form-layout-field-tip[data-v-4cc6ef4d],.b-form-layout-field-tip[data-v-4cc6ef4d]:before,.b-form-layout-field-tip[data-v-4cc6ef4d]:after{box-sizing:border-box}.b-form-layout-field-tip[data-v-4cc6ef4d] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-field-tip[data-v-4cc6ef4d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-form-layout-group[data-v-42a0b8a1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-group-gap)}.b-form-layout-group[data-v-42a0b8a1],.b-form-layout-group[data-v-42a0b8a1]:before,.b-form-layout-group[data-v-42a0b8a1]:after{box-sizing:border-box}.b-form-layout-group[data-v-42a0b8a1] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-group[data-v-42a0b8a1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-form-layout-group[data-v-42a0b8a1]{column-gap:var(--b-form-layout-group-s-and-up-column-gap);display:grid}}@media (min-width: 376px){.b-form-layout-group--33-33-33[data-v-42a0b8a1]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--50-50[data-v-42a0b8a1]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--25-75[data-v-42a0b8a1]{grid-template-columns:minmax(0,.25fr) minmax(0,.75fr)}}@media (min-width: 376px){.b-form-layout-group--75-25[data-v-42a0b8a1]{grid-template-columns:minmax(0,.75fr) minmax(0,.25fr)}}@media (min-width: 376px){.b-form-layout-group--33-66[data-v-42a0b8a1]{grid-template-columns:minmax(0,.333fr) minmax(0,.6666fr)}}@media (min-width: 376px){.b-form-layout-group--66-33[data-v-42a0b8a1]{grid-template-columns:minmax(0,.6666fr) minmax(0,.333fr)}}@media (min-width: 376px){.b-form-layout-group--25[data-v-42a0b8a1]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--33[data-v-42a0b8a1]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 376px){.b-form-layout-group--50[data-v-42a0b8a1]{grid-template-columns:repeat(2,minmax(0,1fr))}}.b-form-layout-group--100[data-v-42a0b8a1]{grid-template-columns:100%}.b-form-layout-group--column[data-v-42a0b8a1]{flex-direction:column;gap:var(--b-form-layout-gap)}.b-form-layout-title[data-v-fbc939de]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-form-layout-title-color);display:flex;flex-direction:column}.b-form-layout-title[data-v-fbc939de],.b-form-layout-title[data-v-fbc939de]:before,.b-form-layout-title[data-v-fbc939de]:after{box-sizing:border-box}.b-form-layout-title[data-v-fbc939de] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-title[data-v-fbc939de] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-form-layout-title--subsection[data-v-fbc939de]{margin-top:var(--b-form-layout-title-subsection-margin-top)}.b-form-layout-title__description[data-v-fbc939de]{margin-top:var(--b-form-layout-title-description-color)}
package/dist/assets/input-field-phone-number.css CHANGED
@@ -1 +1 @@
1
- .b-input-field-phone-number[data-v-9f141f4e] .b-dropdown-small-textbox{width:115px}
1
+ .b-input-field-phone-number[data-v-2f8b0b1d] .b-dropdown-small-textbox{width:115px}
package/dist/assets/inspector.css CHANGED
@@ -1 +1 @@
1
- .b-inspector[data-v-7df4c2ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-7df4c2ca]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-7df4c2ca]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-uil4rik-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uil4rik-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-uil4riy-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uil4riy-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-7df4c2ca]{width:595px}.b-inspector--large .b-inspector__container[data-v-7df4c2ca]{width:594px}@keyframes expand-large-7df4c2ca{0%{width:0}to{width:595px}}@keyframes shrink-large-7df4c2ca{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-large-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-large-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-uil4rkw-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uil4rkw-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-uil4rl9-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uil4rl9-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}
1
+ .b-inspector[data-v-7df4c2ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-7df4c2ca]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-7df4c2ca]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-u0rf6jd-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u0rf6jd-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-u0rf6jf-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-u0rf6jf-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-7df4c2ca]{width:595px}.b-inspector--large .b-inspector__container[data-v-7df4c2ca]{width:594px}@keyframes expand-large-7df4c2ca{0%{width:0}to{width:595px}}@keyframes shrink-large-7df4c2ca{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-large-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-large-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-u0rf6mm-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u0rf6mm-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-u0rf6nq-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-u0rf6nq-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}
package/dist/assets/modal-fullscreen.css CHANGED
@@ -1 +1 @@
1
- .b-modal-fullscreen-page[data-v-a1480899]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-a1480899],.b-modal-fullscreen-page[data-v-a1480899]:before,.b-modal-fullscreen-page[data-v-a1480899]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] *,.b-modal-fullscreen-page[data-v-a1480899] *:before,.b-modal-fullscreen-page[data-v-a1480899] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-a1480899] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-a1480899]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-a1480899]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-a1480899]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-a1480899]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-a1480899]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-a1480899]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-a1480899]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-a1480899]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-a1480899] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-a1480899]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-a1480899]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cb49a06b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cb49a06b],.b-modal-fullscreen[data-v-cb49a06b]:before,.b-modal-fullscreen[data-v-cb49a06b]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cb49a06b] *,.b-modal-fullscreen[data-v-cb49a06b] *:before,.b-modal-fullscreen[data-v-cb49a06b] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cb49a06b] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cb49a06b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-cb49a06b]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cb49a06b]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cb49a06b]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cb49a06b]{animation:fade-in-uil4rci-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-uil4rci-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-uil4rci-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uil4rci-cb49a06b{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uil4rci-cb49a06b{0%{scale:1}to{scale:1}}@keyframes enter-uil4rci-cb49a06b{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cb49a06b]{animation:fade-out-uil4rei-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-uil4rei-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-uil4rei-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uil4rei-cb49a06b{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uil4rei-cb49a06b{0%{scale:1}to{scale:1}}@keyframes exit-uil4rei-cb49a06b{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-a1480899]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-a1480899],.b-modal-fullscreen-page[data-v-a1480899]:before,.b-modal-fullscreen-page[data-v-a1480899]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] *,.b-modal-fullscreen-page[data-v-a1480899] *:before,.b-modal-fullscreen-page[data-v-a1480899] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-a1480899] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-a1480899]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-a1480899]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-a1480899]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-a1480899]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-a1480899]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-a1480899]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-a1480899]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-a1480899]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-a1480899] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-a1480899]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-a1480899]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cb49a06b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cb49a06b],.b-modal-fullscreen[data-v-cb49a06b]:before,.b-modal-fullscreen[data-v-cb49a06b]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cb49a06b] *,.b-modal-fullscreen[data-v-cb49a06b] *:before,.b-modal-fullscreen[data-v-cb49a06b] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cb49a06b] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cb49a06b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-cb49a06b]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cb49a06b]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cb49a06b]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cb49a06b]{animation:fade-in-u0rf6cw-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-u0rf6cw-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-u0rf6cw-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u0rf6cw-cb49a06b{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u0rf6cw-cb49a06b{0%{scale:1}to{scale:1}}@keyframes enter-u0rf6cw-cb49a06b{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cb49a06b]{animation:fade-out-u0rf6dp-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-u0rf6dp-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-u0rf6dp-cb49a06b var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u0rf6dp-cb49a06b{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u0rf6dp-cb49a06b{0%{scale:1}to{scale:1}}@keyframes exit-u0rf6dp-cb49a06b{0%{translate:0 0}to{translate:0 64px}}
package/dist/assets/radio-group.css CHANGED
@@ -1 +1 @@
1
- .b-radio-button[data-v-db65f460]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:var(--b-radio-button-line-height)}.b-radio-button[data-v-db65f460],.b-radio-button[data-v-db65f460]:before,.b-radio-button[data-v-db65f460]:after{box-sizing:border-box}.b-radio-button[data-v-db65f460] *,.b-radio-button[data-v-db65f460] *:before,.b-radio-button[data-v-db65f460] *:after{box-sizing:border-box}.b-radio-button[data-v-db65f460] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-button[data-v-db65f460] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-button input[data-v-db65f460]:disabled{cursor:inherit}.b-radio-button--disabled[data-v-db65f460]>*{cursor:not-allowed}.b-radio-button--readonly[data-v-db65f460]>*{pointer-events:none}.b-radio-button__label-container[data-v-db65f460]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label-tag[data-v-db65f460]{margin:var(--b-radio-button-label-tag-margin)}.b-radio-button__label[data-v-db65f460]{color:var(--b-radio-button-label-font-color);cursor:pointer}.b-radio-button__input:disabled+* .b-radio-button__label[data-v-db65f460]{cursor:not-allowed}.b-radio-button__content[data-v-db65f460]{padding:var(--b-radio-button-content-padding)}.b-radio-button__description[data-v-db65f460]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-db65f460]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-64f71792]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-64f71792]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-64f71792]{margin-top:var(--b-radio-group-error-message-margin-top)}
1
+ .b-radio-button[data-v-db65f460]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:var(--b-radio-button-line-height)}.b-radio-button[data-v-db65f460],.b-radio-button[data-v-db65f460]:before,.b-radio-button[data-v-db65f460]:after{box-sizing:border-box}.b-radio-button[data-v-db65f460] *,.b-radio-button[data-v-db65f460] *:before,.b-radio-button[data-v-db65f460] *:after{box-sizing:border-box}.b-radio-button[data-v-db65f460] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-button[data-v-db65f460] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-button input[data-v-db65f460]:disabled{cursor:inherit}.b-radio-button--disabled[data-v-db65f460]>*{cursor:not-allowed}.b-radio-button--readonly[data-v-db65f460]>*{pointer-events:none}.b-radio-button__label-container[data-v-db65f460]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label-tag[data-v-db65f460]{margin:var(--b-radio-button-label-tag-margin)}.b-radio-button__label[data-v-db65f460]{color:var(--b-radio-button-label-font-color);cursor:pointer}.b-radio-button__input:disabled+* .b-radio-button__label[data-v-db65f460]{cursor:not-allowed}.b-radio-button__content[data-v-db65f460]{padding:var(--b-radio-button-content-padding)}.b-radio-button__description[data-v-db65f460]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-db65f460]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-4a027a2c]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-4a027a2c]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-4a027a2c]{margin-top:var(--b-radio-group-error-message-margin-top)}
package/dist/assets/radio-input.css CHANGED
@@ -1 +1 @@
1
- .b-radio-input[data-v-5b049e8c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-radio-input-unchecked-background-color);border:var(--b-radio-input-unchecked-border);border-radius:var(--b-radio-input-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;min-height:16px;min-width:16px;outline:none;position:relative;top:var(--b-radio-input-offset-top);width:16px}.b-radio-input[data-v-5b049e8c],.b-radio-input[data-v-5b049e8c]:before,.b-radio-input[data-v-5b049e8c]:after{box-sizing:border-box}.b-radio-input[data-v-5b049e8c] *,.b-radio-input[data-v-5b049e8c] *:before,.b-radio-input[data-v-5b049e8c] *:after{box-sizing:border-box}.b-radio-input[data-v-5b049e8c] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-input[data-v-5b049e8c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-input input[data-v-5b049e8c]:disabled{cursor:inherit}.b-radio-input[data-v-5b049e8c]:after{content:"";display:block;inset:calc(var(--b-radio-input-space-around-increase) * -1);position:absolute}.b-radio-input[data-v-5b049e8c]:before{background-color:var(--b-radio-input-knob-color);border-radius:var(--b-radio-input-border-radius);content:"";display:block;height:var(--b-radio-input-knob-size);left:var(--b-radio-input-knob-offset);opacity:0;position:absolute;top:var(--b-radio-input-knob-offset);transform:scale(0);transition:var(--b-radio-input-knob-transition);width:var(--b-radio-input-knob-size)}.b-radio-input[data-v-5b049e8c]:hover:enabled{background-color:var(--b-radio-input-unchecked-hover-background-color);border-color:var(--b-radio-input-unchecked-hover-border-color)}.b-radio-input[data-v-5b049e8c]:active{background-color:var(--b-radio-input-unchecked-active-background-color)}.b-radio-input[data-v-5b049e8c]:focus-visible{animation:outer-ring-default-5b049e8c var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-5b049e8c{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-radio-input[data-v-5b049e8c]:disabled{background-color:var(--b-radio-input-unchecked-disabled-background-color);border-color:var(--b-radio-input-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-input[data-v-5b049e8c]:disabled:before{background-color:var(--b-radio-input-knob-disabled-color)}.b-radio-input[data-v-5b049e8c]:checked{background-color:var(--b-radio-input-checked-background-color);border-color:var(--b-radio-input-checked-border-color)}.b-radio-input[data-v-5b049e8c]:checked:before{opacity:1;transform:scale(1)}.b-radio-input[data-v-5b049e8c]:checked:disabled{background-color:var(--b-radio-input-checked-disabled-background-color);border-color:var(--b-radio-input-checked-disabled-border-color)}.b-radio-input[data-v-5b049e8c]:checked:active:not(:disabled){background-color:var(--b-radio-input-checked-active-background-color);border-color:var(--b-radio-input-checked-active-border-color)}.b-radio-input[data-v-5b049e8c]:checked:hover:not(:disabled){background-color:var(--b-radio-input-checked-hover-background-color);border-color:var(--b-radio-input-checked-hover-border-color)}.b-radio-input--disabled[data-v-5b049e8c]{cursor:not-allowed}.b-radio-input--error[data-v-5b049e8c]{border:var(--b-radio-input-unchecked-error-border)}.b-radio-input--error[data-v-5b049e8c]:before{left:var(--b-radio-input-knob-offset-error);top:var(--b-radio-input-knob-offset-error)}.b-radio-input--error[data-v-5b049e8c]:checked{background-color:var(--b-radio-input-checked-error-background-color);border-color:var(--b-radio-input-checked-error-border-color)}.b-radio-input--readonly[data-v-5b049e8c]{background-color:var(--b-radio-input-unchecked-readonly-background-color);border-color:var(--b-radio-input-unchecked-readonly-border-color);pointer-events:none}.b-radio-input--readonly[data-v-5b049e8c]:before{background-color:var(--b-radio-input-knob-readonly-color)}.b-radio-input--readonly[data-v-5b049e8c]:checked{background-color:var(--b-radio-input-checked-readonly-background-color);border-color:var(--b-radio-input-checked-readonly-border-color)}
1
+ .b-radio-input[data-v-83888415]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-radio-input-unchecked-background-color);border:var(--b-radio-input-unchecked-border);border-radius:var(--b-radio-input-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;min-height:16px;min-width:16px;outline:none;position:relative;top:var(--b-radio-input-offset-top);width:16px}.b-radio-input[data-v-83888415],.b-radio-input[data-v-83888415]:before,.b-radio-input[data-v-83888415]:after{box-sizing:border-box}.b-radio-input[data-v-83888415] *,.b-radio-input[data-v-83888415] *:before,.b-radio-input[data-v-83888415] *:after{box-sizing:border-box}.b-radio-input[data-v-83888415] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-input[data-v-83888415] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-input input[data-v-83888415]:disabled{cursor:inherit}.b-radio-input[data-v-83888415]:after{content:"";display:block;inset:calc(var(--b-radio-input-space-around-increase) * -1);position:absolute}.b-radio-input[data-v-83888415]:before{background-color:var(--b-radio-input-knob-color);border-radius:var(--b-radio-input-border-radius);content:"";display:block;height:var(--b-radio-input-knob-size);left:var(--b-radio-input-knob-offset);opacity:0;position:absolute;top:var(--b-radio-input-knob-offset);transform:scale(0);transition:var(--b-radio-input-knob-transition);width:var(--b-radio-input-knob-size)}.b-radio-input[data-v-83888415]:hover:enabled{background-color:var(--b-radio-input-unchecked-hover-background-color);border-color:var(--b-radio-input-unchecked-hover-border-color)}.b-radio-input[data-v-83888415]:active{background-color:var(--b-radio-input-unchecked-active-background-color)}.b-radio-input[data-v-83888415]:focus-visible{animation:outer-ring-default-83888415 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-83888415{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-radio-input[data-v-83888415]:disabled{background-color:var(--b-radio-input-unchecked-disabled-background-color);border-color:var(--b-radio-input-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-input[data-v-83888415]:disabled:before{background-color:var(--b-radio-input-knob-disabled-color)}.b-radio-input[data-v-83888415]:checked{background-color:var(--b-radio-input-checked-background-color);border-color:var(--b-radio-input-checked-border-color)}.b-radio-input[data-v-83888415]:checked:before{opacity:1;transform:scale(1)}.b-radio-input[data-v-83888415]:checked:disabled{background-color:var(--b-radio-input-checked-disabled-background-color);border-color:var(--b-radio-input-checked-disabled-border-color)}.b-radio-input[data-v-83888415]:checked:active:not(:disabled){background-color:var(--b-radio-input-checked-active-background-color);border-color:var(--b-radio-input-checked-active-border-color)}.b-radio-input[data-v-83888415]:checked:hover:not(:disabled){background-color:var(--b-radio-input-checked-hover-background-color);border-color:var(--b-radio-input-checked-hover-border-color)}.b-radio-input--disabled[data-v-83888415]{cursor:not-allowed}.b-radio-input--error[data-v-83888415]{border:var(--b-radio-input-unchecked-error-border)}.b-radio-input--error[data-v-83888415]:before{left:var(--b-radio-input-knob-offset-error);top:var(--b-radio-input-knob-offset-error)}.b-radio-input--error[data-v-83888415]:checked{background-color:var(--b-radio-input-checked-error-background-color);border-color:var(--b-radio-input-checked-error-border-color)}.b-radio-input--readonly[data-v-83888415]{background-color:var(--b-radio-input-unchecked-readonly-background-color);border-color:var(--b-radio-input-unchecked-readonly-border-color);pointer-events:none}.b-radio-input--readonly[data-v-83888415]:before{background-color:var(--b-radio-input-knob-readonly-color)}.b-radio-input--readonly[data-v-83888415]:checked{background-color:var(--b-radio-input-checked-readonly-background-color);border-color:var(--b-radio-input-checked-readonly-border-color)}
package/dist/assets/segmented-control.css CHANGED
@@ -1 +1 @@
1
- .b-segmented-control-button[data-v-dae1af52]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--b-segmented-control-button-border-radius);height:fit-content;min-height:20px;position:relative}.b-segmented-control-button[data-v-dae1af52],.b-segmented-control-button[data-v-dae1af52]:before,.b-segmented-control-button[data-v-dae1af52]:after{box-sizing:border-box}.b-segmented-control-button[data-v-dae1af52] *,.b-segmented-control-button[data-v-dae1af52] *:before,.b-segmented-control-button[data-v-dae1af52] *:after{box-sizing:border-box}.b-segmented-control-button[data-v-dae1af52] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control-button[data-v-dae1af52] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control-button--truncate[data-v-dae1af52]{overflow:hidden}.b-segmented-control-button--truncate .b-segmented-control-button__label-container[data-v-dae1af52]{overflow:hidden;white-space:nowrap}.b-segmented-control-button--truncate .b-segmented-control-button__label[data-v-dae1af52]{overflow:hidden;text-overflow:ellipsis}.b-segmented-control-button--truncate .b-segmented-control-button__icon[data-v-dae1af52]{flex-shrink:0}.b-segmented-control-button--wrap .b-segmented-control-button__label-container[data-v-dae1af52]{text-align:center}.b-segmented-control-button--full-width[data-v-dae1af52],.b-segmented-control-button--full-width .b-segmented-control-button__label-container[data-v-dae1af52]{width:100%}.b-segmented-control-button--disabled[data-v-dae1af52]>*{cursor:not-allowed}.b-segmented-control-button__input[data-v-dae1af52]{opacity:0;position:absolute}.b-segmented-control-button__input[data-v-dae1af52]:disabled{cursor:not-allowed}.b-segmented-control-button__input:disabled+.b-segmented-control-button__label-container[data-v-dae1af52]{color:var(--b-segmented-control-button-disabled-color);cursor:not-allowed}.b-segmented-control-button__input:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-dae1af52]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__input:checked+.b-segmented-control-button__label-container[data-v-dae1af52]{background-color:var(--b-segmented-control-button-checked-background-color);color:var(--b-segmented-control-button-label-container-checked-color)}.b-segmented-control-button__input:checked:disabled+.b-segmented-control-button__label-container[data-v-dae1af52]{color:var(--b-segmented-control-button-disabled-color)}.b-segmented-control-button__input:checked:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-dae1af52]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__label-container[data-v-dae1af52]{align-items:center;color:var(--b-segmented-control-button-label-container-color);display:flex;justify-content:center;padding:var(--b-segmented-control-button-padding)}.b-segmented-control-button__label-container[data-v-dae1af52],.b-segmented-control-button__input[data-v-dae1af52]{cursor:pointer}.b-segmented-control-button__icon[data-v-dae1af52]{margin-right:var(--b-segmented-control-button-icon-margin-right)}.b-segmented-control-button[data-v-dae1af52]:focus-within{animation:outer-ring-default-dae1af52 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-dae1af52{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-segmented-control[data-v-82206112]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-segmented-control-background-color);border:unset;border-radius:var(--b-segmented-control-border-radius);display:flex;gap:var(--b-segmented-control-padding);margin-inline:0;padding:var(--b-segmented-control-padding)}.b-segmented-control[data-v-82206112],.b-segmented-control[data-v-82206112]:before,.b-segmented-control[data-v-82206112]:after{box-sizing:border-box}.b-segmented-control[data-v-82206112] *,.b-segmented-control[data-v-82206112] *:before,.b-segmented-control[data-v-82206112] *:after{box-sizing:border-box}.b-segmented-control[data-v-82206112] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control[data-v-82206112] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control--hug[data-v-82206112]{max-width:100%;width:fit-content}.b-segmented-control--full-width[data-v-82206112]{justify-content:space-evenly;width:100%}.b-segmented-control--truncate[data-v-82206112]{justify-content:space-between;overflow:hidden}.b-segmented-control--truncate .b-segmented-control__item[data-v-82206112]{flex:1 1 auto}.b-segmented-control--wrap[data-v-82206112]{flex-wrap:wrap;justify-content:center}
1
+ .b-segmented-control-button[data-v-dae1af52]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--b-segmented-control-button-border-radius);height:fit-content;min-height:20px;position:relative}.b-segmented-control-button[data-v-dae1af52],.b-segmented-control-button[data-v-dae1af52]:before,.b-segmented-control-button[data-v-dae1af52]:after{box-sizing:border-box}.b-segmented-control-button[data-v-dae1af52] *,.b-segmented-control-button[data-v-dae1af52] *:before,.b-segmented-control-button[data-v-dae1af52] *:after{box-sizing:border-box}.b-segmented-control-button[data-v-dae1af52] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control-button[data-v-dae1af52] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control-button--truncate[data-v-dae1af52]{overflow:hidden}.b-segmented-control-button--truncate .b-segmented-control-button__label-container[data-v-dae1af52]{overflow:hidden;white-space:nowrap}.b-segmented-control-button--truncate .b-segmented-control-button__label[data-v-dae1af52]{overflow:hidden;text-overflow:ellipsis}.b-segmented-control-button--truncate .b-segmented-control-button__icon[data-v-dae1af52]{flex-shrink:0}.b-segmented-control-button--wrap[data-v-dae1af52]{overflow:hidden}.b-segmented-control-button--wrap .b-segmented-control-button__label-container[data-v-dae1af52]{text-align:center}.b-segmented-control-button--full-width[data-v-dae1af52],.b-segmented-control-button--full-width .b-segmented-control-button__label-container[data-v-dae1af52]{width:100%}.b-segmented-control-button--disabled[data-v-dae1af52]>*{cursor:not-allowed}.b-segmented-control-button__input[data-v-dae1af52]{opacity:0;position:absolute}.b-segmented-control-button__input[data-v-dae1af52]:disabled{cursor:not-allowed}.b-segmented-control-button__input:disabled+.b-segmented-control-button__label-container[data-v-dae1af52]{color:var(--b-segmented-control-button-disabled-color);cursor:not-allowed}.b-segmented-control-button__input:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-dae1af52]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__input:checked+.b-segmented-control-button__label-container[data-v-dae1af52]{background-color:var(--b-segmented-control-button-checked-background-color);color:var(--b-segmented-control-button-label-container-checked-color)}.b-segmented-control-button__input:checked:disabled+.b-segmented-control-button__label-container[data-v-dae1af52]{color:var(--b-segmented-control-button-disabled-color)}.b-segmented-control-button__input:checked:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-dae1af52]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__label-container[data-v-dae1af52]{align-items:center;color:var(--b-segmented-control-button-label-container-color);display:flex;justify-content:center;padding:var(--b-segmented-control-button-padding)}.b-segmented-control-button__label-container[data-v-dae1af52],.b-segmented-control-button__input[data-v-dae1af52]{cursor:pointer}.b-segmented-control-button__icon[data-v-dae1af52]{margin-right:var(--b-segmented-control-button-icon-margin-right)}.b-segmented-control-button[data-v-dae1af52]:focus-within{animation:outer-ring-default-dae1af52 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-dae1af52{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-segmented-control[data-v-82206112]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-segmented-control-background-color);border:unset;border-radius:var(--b-segmented-control-border-radius);display:flex;gap:var(--b-segmented-control-padding);margin-inline:0;padding:var(--b-segmented-control-padding)}.b-segmented-control[data-v-82206112],.b-segmented-control[data-v-82206112]:before,.b-segmented-control[data-v-82206112]:after{box-sizing:border-box}.b-segmented-control[data-v-82206112] *,.b-segmented-control[data-v-82206112] *:before,.b-segmented-control[data-v-82206112] *:after{box-sizing:border-box}.b-segmented-control[data-v-82206112] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control[data-v-82206112] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control--hug[data-v-82206112]{max-width:100%;width:fit-content}.b-segmented-control--full-width[data-v-82206112]{justify-content:space-evenly;width:100%}.b-segmented-control--truncate[data-v-82206112]{justify-content:space-between;overflow:hidden}.b-segmented-control--truncate .b-segmented-control__item[data-v-82206112]{flex:1 1 auto}.b-segmented-control--wrap[data-v-82206112]{flex-wrap:wrap;justify-content:center}
package/dist/assets/sidepanel.css CHANGED
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-42613cdd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-65ec00e2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-65ec00e2],.b-sidepanel[data-v-65ec00e2]:before,.b-sidepanel[data-v-65ec00e2]:after{box-sizing:border-box}.b-sidepanel[data-v-65ec00e2] *,.b-sidepanel[data-v-65ec00e2] *:before,.b-sidepanel[data-v-65ec00e2] *:after{box-sizing:border-box}.b-sidepanel[data-v-65ec00e2] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-65ec00e2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-65ec00e2]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-65ec00e2]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-65ec00e2]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-65ec00e2]{overflow:hidden}.b-sidepanel[data-v-65ec00e2]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-65ec00e2]{animation:enter-uil4rd7-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uil4rd7-65ec00e2{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-65ec00e2]::backdrop{animation:fade-in-uil4re3-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uil4re3-65ec00e2{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-65ec00e2]{animation:exit-uil4rfi-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uil4rfi-65ec00e2{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-65ec00e2]::backdrop{animation:fade-out-uil4rgp-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uil4rgp-65ec00e2{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-42613cdd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-65ec00e2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-65ec00e2],.b-sidepanel[data-v-65ec00e2]:before,.b-sidepanel[data-v-65ec00e2]:after{box-sizing:border-box}.b-sidepanel[data-v-65ec00e2] *,.b-sidepanel[data-v-65ec00e2] *:before,.b-sidepanel[data-v-65ec00e2] *:after{box-sizing:border-box}.b-sidepanel[data-v-65ec00e2] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-65ec00e2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-65ec00e2]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-65ec00e2]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-65ec00e2]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-65ec00e2]{overflow:hidden}.b-sidepanel[data-v-65ec00e2]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-65ec00e2]{animation:enter-u0rf6d5-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-u0rf6d5-65ec00e2{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-65ec00e2]::backdrop{animation:fade-in-u0rf6dn-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u0rf6dn-65ec00e2{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-65ec00e2]{animation:exit-u0rf6fe-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-u0rf6fe-65ec00e2{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-65ec00e2]::backdrop{animation:fade-out-u0rf6ge-65ec00e2 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u0rf6ge-65ec00e2{0%{opacity:.5}to{opacity:0}}
package/dist/checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
- import { B as t, a } from "./chunks/checkbox.73QYC0y8.js";
1
+ import { B as t, a } from "./chunks/checkbox.C8g1CvTm.js";
2
2
  import { C as x } from "./chunks/minus-small.DYIyF5XW.js";
3
- import { c as B, B as c } from "./chunks/checkbox-group.CcgOK4yt.js";
3
+ import { c as B, B as c } from "./chunks/checkbox-group.DdflEpl9.js";
4
4
  export {
5
5
  t as BentoCheckbox,
6
6
  a as BentoCheckboxEvent,
package/dist/chunks/{checkbox-group.CcgOK4yt.js → checkbox-group.DdflEpl9.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as B, toRef as I, computed as l, watch as y, ref as T, resolveComponent as m, createElementBlock as v, openBlock as n, createVNode as N, createBlock as E, createCommentVNode as V, normalizeClass as w, withCtx as s, Fragment as O, renderList as A, createSlots as G, createTextVNode as k, toDisplayString as S, renderSlot as L, mergeProps as _ } from "vue";
2
- import { a as d, B as U } from "./checkbox.73QYC0y8.js";
2
+ import { a as d, B as U } from "./checkbox.C8g1CvTm.js";
3
3
  import { g as P } from "./generate-uid.NJ8tVoha.js";
4
4
  import { d as R } from "./typography.yBEME_Gu.js";
5
5
  import { u as q } from "./use-form-layout-loading.D3lALhtC.js";
@@ -189,4 +189,4 @@ export {
189
189
  i as B,
190
190
  ee as c
191
191
  };
192
- //# sourceMappingURL=checkbox-group.CcgOK4yt.js.map
192
+ //# sourceMappingURL=checkbox-group.DdflEpl9.js.map
package/dist/chunks/{checkbox-group.CcgOK4yt.js.map → checkbox-group.DdflEpl9.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group.CcgOK4yt.js","sources":["../../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import type { BentoCheckboxTag } from '../../checkbox.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\ninterface BentoCheckboxGroupItem {\n value: string | number;\n label: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n errorMessage?: string;\n readonly?: boolean;\n tag?: BentoCheckboxTag;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :component-name=\"COMPONENT_NAME\"\n :class=\"conditionalClasses\"\n :description=\"description\"\n :disabled=\"disabled\"\n :form=\"formId\"\n :hide-label=\"hideLabel\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n >\n <bento-checkbox\n v-for=\"item in items\"\n :key=\"item.value\"\n :model-value=\"inputValue\"\n :value=\"item.value\"\n :disabled=\"disabled || item.disabled\"\n :has-error=\"shouldShowGroupError || item.hasError\"\n :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n :readonly=\"isReadOnly || item.readonly\"\n :tag=\"item.tag\"\n @update:model-value=\"onInput\"\n >\n <template #default>{{ item.label }}</template>\n <template v-if=\"item.description\" #description>{{ item.description }}</template>\n <template v-if=\"hasContentSlot('content')\" #content>\n <slot name=\"content\" v-bind=\"item\"></slot>\n </template>\n </bento-checkbox>\n </controls-group>\n <error-message\n v-if=\"shouldShowGroupErrorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-checkbox-group__error-message\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, type PropType, ref, toRef, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { type BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { BentoCheckboxEvent } from '../../checkbox.types';\n import { generateUid } from '@/core/utils/ts';\n import { deprecate } from '@/utils/ts/deprecate';\n import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n /**\n * The name of the component to be used in the Vue devtools and console warnings.\n */\n const COMPONENT_NAME = 'bento-checkbox-group';\n\n /**\n * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n *\n * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n *\n * export default {\n * components: { BentoCheckboxGroup },\n * template: `\n * <bento-checkbox-group\n * label=\"Your group label\"\n * :items=\"[\n * { value: 1, label: 'Your label' },\n * { value: 2, label: 'Another label', description: 'Your sub label' },\n * ]\"\n * />\n * `\n * };\n */\n export default defineComponent({\n name: COMPONENT_NAME,\n components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n model: { prop: 'modelValue' },\n props: {\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in a disabled state.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders all checkboxes in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n */\n formId: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in an error state.\n *\n * @deprecated Use \"errorMessage\" prop instead\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * Shows/hides the group label.\n */\n hideLabel: { type: Boolean, default: null },\n\n /**\n * The checkbox group's items.\n */\n items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n /**\n * The name associated with the group. Required for accessibility purposes.\n */\n label: { type: String, required: true },\n\n /**\n * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n * Defaults to no value selected.\n */\n modelValue: { type: Array<number | string | null>, default: () => [] },\n\n /**\n * Indicates the field is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * If set to true, renders all checkboxes in the group in a readonly state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Indicates the field is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Tooltip message.\n */\n tooltipText: { type: String, default: null },\n\n /**\n * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n */\n variant: {\n type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n default: BentoCheckboxGroupVariant.VERTICAL,\n validator: (value: BentoCheckboxGroupVariant) =>\n Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { emit, slots }) {\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(\n () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n );\n\n const conditionalClasses = computed(() => ({\n 'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n }));\n\n // Slots logic\n // Temporary, use-has-slots composable doesn't currently work for\n // vue3 named scoped slots\n const hasContentSlot = name => !!slots[name];\n const shouldShowSlotsError = computed(() => hasContentSlot('content') && props.variant !== 'vertical');\n\n watch(\n shouldShowSlotsError,\n newValue => {\n if (newValue) {\n throw new Error('The content slot is only available for the vertical checkbox group layout');\n }\n },\n { immediate: true }\n );\n\n const inputValue = ref(props.modelValue);\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n const onInput = value => {\n inputValue.value = value;\n emit(BentoCheckboxEvent.UPDATE, value);\n emit(BentoCheckboxEvent.INPUT, value);\n };\n\n if (props.hasError) {\n deprecate(\n 'BentoCheckboxGroup \"hasError\" property',\n `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-checkbox-group errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n\n return {\n // Values\n COMPONENT_NAME,\n errorId,\n isReadOnly,\n shouldShowGroupError,\n shouldShowGroupErrorMessage,\n conditionalClasses,\n inputValue,\n hasContentSlot,\n\n // Methods\n onInput,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","slots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onInput","deprecate","openBlock","createElementBlock","_hoisted_1","_ctx","hideLabel","label","optional","required","Fragment","renderList","item","createBlock","_component_bento_checkbox","disabled","createSlots","withCtx","createTextVNode","toDisplayString","renderSlot","mergeProps","_component_error_message","createCommentVNode"],"mappings":"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"}
1
+ {"version":3,"file":"checkbox-group.DdflEpl9.js","sources":["../../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import type { BentoCheckboxTag } from '../../checkbox.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\ninterface BentoCheckboxGroupItem {\n value: string | number;\n label: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n errorMessage?: string;\n readonly?: boolean;\n tag?: BentoCheckboxTag;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :component-name=\"COMPONENT_NAME\"\n :class=\"conditionalClasses\"\n :description=\"description\"\n :disabled=\"disabled\"\n :form=\"formId\"\n :hide-label=\"hideLabel\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n >\n <bento-checkbox\n v-for=\"item in items\"\n :key=\"item.value\"\n :model-value=\"inputValue\"\n :value=\"item.value\"\n :disabled=\"disabled || item.disabled\"\n :has-error=\"shouldShowGroupError || item.hasError\"\n :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n :readonly=\"isReadOnly || item.readonly\"\n :tag=\"item.tag\"\n @update:model-value=\"onInput\"\n >\n <template #default>{{ item.label }}</template>\n <template v-if=\"item.description\" #description>{{ item.description }}</template>\n <template v-if=\"hasContentSlot('content')\" #content>\n <slot name=\"content\" v-bind=\"item\"></slot>\n </template>\n </bento-checkbox>\n </controls-group>\n <error-message\n v-if=\"shouldShowGroupErrorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-checkbox-group__error-message\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, type PropType, ref, toRef, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { type BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { BentoCheckboxEvent } from '../../checkbox.types';\n import { generateUid } from '@/core/utils/ts';\n import { deprecate } from '@/utils/ts/deprecate';\n import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n /**\n * The name of the component to be used in the Vue devtools and console warnings.\n */\n const COMPONENT_NAME = 'bento-checkbox-group';\n\n /**\n * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n *\n * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n *\n * export default {\n * components: { BentoCheckboxGroup },\n * template: `\n * <bento-checkbox-group\n * label=\"Your group label\"\n * :items=\"[\n * { value: 1, label: 'Your label' },\n * { value: 2, label: 'Another label', description: 'Your sub label' },\n * ]\"\n * />\n * `\n * };\n */\n export default defineComponent({\n name: COMPONENT_NAME,\n components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n model: { prop: 'modelValue' },\n props: {\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in a disabled state.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders all checkboxes in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n */\n formId: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in an error state.\n *\n * @deprecated Use \"errorMessage\" prop instead\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * Shows/hides the group label.\n */\n hideLabel: { type: Boolean, default: null },\n\n /**\n * The checkbox group's items.\n */\n items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n /**\n * The name associated with the group. Required for accessibility purposes.\n */\n label: { type: String, required: true },\n\n /**\n * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n * Defaults to no value selected.\n */\n modelValue: { type: Array<number | string | null>, default: () => [] },\n\n /**\n * Indicates the field is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * If set to true, renders all checkboxes in the group in a readonly state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Indicates the field is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Tooltip message.\n */\n tooltipText: { type: String, default: null },\n\n /**\n * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n */\n variant: {\n type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n default: BentoCheckboxGroupVariant.VERTICAL,\n validator: (value: BentoCheckboxGroupVariant) =>\n Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { emit, slots }) {\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(\n () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n );\n\n const conditionalClasses = computed(() => ({\n 'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n }));\n\n // Slots logic\n // Temporary, use-has-slots composable doesn't currently work for\n // vue3 named scoped slots\n const hasContentSlot = name => !!slots[name];\n const shouldShowSlotsError = computed(() => hasContentSlot('content') && props.variant !== 'vertical');\n\n watch(\n shouldShowSlotsError,\n newValue => {\n if (newValue) {\n throw new Error('The content slot is only available for the vertical checkbox group layout');\n }\n },\n { immediate: true }\n );\n\n const inputValue = ref(props.modelValue);\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n const onInput = value => {\n inputValue.value = value;\n emit(BentoCheckboxEvent.UPDATE, value);\n emit(BentoCheckboxEvent.INPUT, value);\n };\n\n if (props.hasError) {\n deprecate(\n 'BentoCheckboxGroup \"hasError\" property',\n `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-checkbox-group errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n\n return {\n // Values\n COMPONENT_NAME,\n errorId,\n isReadOnly,\n shouldShowGroupError,\n shouldShowGroupErrorMessage,\n conditionalClasses,\n inputValue,\n hasContentSlot,\n\n // Methods\n onInput,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","slots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onInput","deprecate","openBlock","createElementBlock","_hoisted_1","_ctx","hideLabel","label","optional","required","Fragment","renderList","item","createBlock","_component_bento_checkbox","disabled","createSlots","withCtx","createTextVNode","toDisplayString","renderSlot","mergeProps","_component_error_message","createCommentVNode"],"mappings":"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"}
package/dist/chunks/{checkbox.73QYC0y8.js → checkbox.C8g1CvTm.js} RENAMED
@@ -1,15 +1,15 @@
1
1
  import { defineComponent as Z, toRefs as D, computed as a, ref as U, onMounted as G, useAttrs as x, resolveComponent as f, createElementBlock as q, openBlock as t, mergeProps as B, createVNode as ee, createCommentVNode as n, createBlock as s, withCtx as d, createElementVNode as ae, renderSlot as E, createTextVNode as L, toDisplayString as M } from "vue";
2
2
  import { B as oe } from "./typography.yBEME_Gu.js";
3
- import { C as re } from "./checkbox-input.BXNGT9U0.js";
4
- import { C as N } from "./minus-small.DYIyF5XW.js";
5
- import { u as te } from "./use-default-slot-validator.O02rzsob.js";
6
- import { u as le } from "./use-has-slot.B7eQSabc.js";
7
- import { g as P } from "./generate-uid.NJ8tVoha.js";
3
+ import { u as re } from "./use-default-slot-validator.O02rzsob.js";
4
+ import { u as te } from "./use-has-slot.B7eQSabc.js";
5
+ import { g as N } from "./generate-uid.NJ8tVoha.js";
8
6
  import { g as _ } from "./get-slot-text.DQlZEsId.js";
9
- import { u as ne } from "./i18n.B6g5VX0q.js";
10
- import { u as se } from "./aria-label.CaUURpnB.js";
11
- import { B as de } from "./tag.BFYNxO6t.js";
12
- import { E as ie } from "./field-label.DSeawpYh.js";
7
+ import { u as le } from "./i18n.B6g5VX0q.js";
8
+ import { u as ne } from "./aria-label.CaUURpnB.js";
9
+ import { B as se } from "./tag.BFYNxO6t.js";
10
+ import { E as de } from "./field-label.DSeawpYh.js";
11
+ import { C as ie } from "./checkbox-input.BXNGT9U0.js";
12
+ import { C as P } from "./minus-small.DYIyF5XW.js";
13
13
  import { _ as ue } from "./_plugin-vue_export-helper.CHgC5LLL.js";
14
14
  import "../assets/checkbox.css";
15
15
  var i = /* @__PURE__ */ ((e) => (e.UPDATE = "update:model-value", e.INPUT = "input", e))(i || {});
@@ -33,10 +33,10 @@ const w = {
33
33
  name: "bento-checkbox",
34
34
  i18n: { messages: w },
35
35
  components: {
36
- BentoTag: de,
36
+ BentoTag: se,
37
37
  BentoTypography: oe,
38
- CheckboxInput: re,
39
- ErrorMessage: ie
38
+ CheckboxInput: ie,
39
+ ErrorMessage: de
40
40
  },
41
41
  inheritAttrs: !1,
42
42
  model: { prop: "modelValue" },
@@ -105,8 +105,8 @@ const w = {
105
105
  },
106
106
  emits: [i.UPDATE, i.INPUT],
107
107
  setup(e, { attrs: $, emit: h, slots: l }) {
108
- const { t: y } = ne({ messages: w }), g = P("description"), u = P("error"), r = le(l), { disabled: c, indeterminate: v, modelValue: k, readonly: H, value: R } = D(e), V = _(l)("default"), C = _(l)("description");
109
- te("bento-checkbox", l.default, l.description);
108
+ const { t: y } = le({ messages: w }), g = N("description"), u = N("error"), r = te(l), { disabled: c, indeterminate: v, modelValue: k, readonly: H, value: R } = D(e), V = _(l)("default"), C = _(l)("description");
109
+ re("bento-checkbox", l.default, l.description);
110
110
  const b = a(() => Array.isArray(k.value)), S = a(() => b.value ? k.value.some((o) => o === R.value) : k.value), p = a(() => v.value), j = a(
111
111
  () => !e.disabled && !e.readonly && (e.hasError || !!e.errorMessage)
112
112
  ), I = a(() => !e.disabled && !e.readonly && !!e.errorMessage), m = a(() => r("content")), A = a(() => (p == null ? void 0 : p.value) || (S == null ? void 0 : S.value)), F = a(
@@ -118,7 +118,7 @@ const w = {
118
118
  T.value = y("checkbox");
119
119
  });
120
120
  const z = a(
121
- () => se({
121
+ () => ne({
122
122
  ariaLabel: O.value,
123
123
  // TODO: take this line away when the aria-label props is removed
124
124
  label: Y,
@@ -131,8 +131,8 @@ const w = {
131
131
  style: o
132
132
  };
133
133
  }), W = a(() => ({
134
- [`b-checkbox--${N.DISABLED}`]: c.value,
135
- [`b-checkbox--${N.READONLY}`]: H.value
134
+ [`b-checkbox--${P.DISABLED}`]: c.value,
135
+ [`b-checkbox--${P.READONLY}`]: H.value
136
136
  }));
137
137
  return {
138
138
  // Values
@@ -254,4 +254,4 @@ export {
254
254
  Ie as B,
255
255
  i as a
256
256
  };
257
- //# sourceMappingURL=checkbox.73QYC0y8.js.map
257
+ //# sourceMappingURL=checkbox.C8g1CvTm.js.map
package/dist/chunks/{checkbox.73QYC0y8.js.map → checkbox.C8g1CvTm.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.73QYC0y8.js","sources":["../../../vue2/src/components/checkbox/checkbox.types.ts","../../../vue2/src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n CheckboxInputState as BentoCheckboxState,\n type CheckboxInputType as BentoCheckboxType,\n type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n <checkbox-input\n v-bind=\"$attrs\"\n ref=\"input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('required') }})</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import {\n computed,\n defineComponent,\n type HTMLAttributes,\n onMounted,\n type PropType,\n ref,\n toRefs,\n useAttrs,\n } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n type BentoCheckboxTag,\n type BentoCheckboxType,\n type BentoMultiCheckboxType,\n } from './checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n *\n * @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n */\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n inheritAttrs: false,\n model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n */\n /**\n * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n */\n ariaLabel: { type: String, default: null },\n\n /**\n * Setting this property to true will disable the checkbox in your form.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders the checkbox in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * Setting this property to true will show the checkbox in error state.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n */\n indeterminate: { type: Boolean, default: false },\n\n /**\n * When handling a single checkbox with a singular state, use a boolean.\n *\n * When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n */\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n default: false,\n },\n\n /**\n * Highlights the checkbox is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * Setting this property to true will set the checkbox to read only state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Highlights the checkbox is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n */\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n *\n * In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() || null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const checkboxTranslation = ref();\n // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n onMounted(() => {\n checkboxTranslation.value = t('checkbox');\n });\n // Only add aria-label if no label slot is present\n const computedAriaLabel = computed(\n () =>\n useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : checkboxTranslation.value,\n }).value\n );\n const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n const styleAttrs = computed(() => {\n const { style, class: cls } = useAttrs();\n return {\n class: cls as HTMLAttributes['class'],\n style: style as HTMLAttributes['style'],\n };\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n styleAttrs,\n\n // Methods\n hasSlot,\n onChange,\n getAriaHidden,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue","_hoisted_1","_ctx","$attrs","createVNode","_component_checkbox_input","mergeProps","openBlock","createElementBlock","_hoisted_2","createBlock","_component_bento_typography","createElementVNode","createTextVNode","toDisplayString","required","createCommentVNode","_component_bento_tag","tag","renderSlot","_component_error_message"],"mappings":"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"}
1
+ {"version":3,"file":"checkbox.C8g1CvTm.js","sources":["../../../vue2/src/components/checkbox/checkbox.types.ts","../../../vue2/src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n CheckboxInputState as BentoCheckboxState,\n type CheckboxInputType as BentoCheckboxType,\n type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n <checkbox-input\n v-bind=\"$attrs\"\n ref=\"input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('required') }})</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import {\n computed,\n defineComponent,\n type HTMLAttributes,\n onMounted,\n type PropType,\n ref,\n toRefs,\n useAttrs,\n } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n type BentoCheckboxTag,\n type BentoCheckboxType,\n type BentoMultiCheckboxType,\n } from './checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n *\n * @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n */\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n inheritAttrs: false,\n model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n */\n /**\n * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n */\n ariaLabel: { type: String, default: null },\n\n /**\n * Setting this property to true will disable the checkbox in your form.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders the checkbox in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * Setting this property to true will show the checkbox in error state.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n */\n indeterminate: { type: Boolean, default: false },\n\n /**\n * When handling a single checkbox with a singular state, use a boolean.\n *\n * When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n */\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n default: false,\n },\n\n /**\n * Highlights the checkbox is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * Setting this property to true will set the checkbox to read only state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Highlights the checkbox is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n */\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n *\n * In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() || null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const checkboxTranslation = ref();\n // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n onMounted(() => {\n checkboxTranslation.value = t('checkbox');\n });\n // Only add aria-label if no label slot is present\n const computedAriaLabel = computed(\n () =>\n useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : checkboxTranslation.value,\n }).value\n );\n const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n const styleAttrs = computed(() => {\n const { style, class: cls } = useAttrs();\n return {\n class: cls as HTMLAttributes['class'],\n style: style as HTMLAttributes['style'],\n };\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n styleAttrs,\n\n // Methods\n hasSlot,\n onChange,\n getAriaHidden,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue","_hoisted_1","_ctx","$attrs","createVNode","_component_checkbox_input","mergeProps","openBlock","createElementBlock","_hoisted_2","createBlock","_component_bento_typography","createElementVNode","createTextVNode","toDisplayString","required","createCommentVNode","_component_bento_tag","tag","renderSlot","_component_error_message"],"mappings":"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"}
package/dist/chunks/{code-snippet.DL_1HNKV.js → code-snippet.CrLlNrvo.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as ee, useAttrs as te, ref as y, computed as m, shallowRef as w, onMounted as ne, watch as ae, watchEffect as oe, resolveComponent as se, createElementBlock as _, openBlock as s, normalizeClass as B, createCommentVNode as u, createBlock as f, createElementVNode as S, createVNode as C, unref as l, mergeProps as le, withCtx as h, createTextVNode as Q, toDisplayString as x, renderSlot as re, normalizeProps as ie, guardReactiveProps as ce } from "vue";
2
2
  import { s as de, H as pe, t as e, L as ue, a as ge, b as fe, c as me, p as he, j as be, d as Oe, x as ve, e as ye, E as _e, h as Se, k as Ce, C as N, f as E, i as Ne, g as Y, l as Pe, m as Te } from "./codemirror.Zv80n3Z2.js";
3
3
  import { c as Le, d as ke, e as xe, f as Ee } from "./es6.MoTTyETW.js";
4
- import { B as Ae } from "./dropdown.GyDAswAO.js";
4
+ import { B as Ae } from "./dropdown.DGpN3WNH.js";
5
5
  import { B as H } from "./button.C-MAa6ut.js";
6
6
  import { B as D } from "./typography.yBEME_Gu.js";
7
7
  import { B as Ie } from "./loading-indicator.VHi5tbZa.js";
@@ -340,4 +340,4 @@ export {
340
340
  b,
341
341
  ft as c
342
342
  };
343
- //# sourceMappingURL=code-snippet.DL_1HNKV.js.map
343
+ //# sourceMappingURL=code-snippet.CrLlNrvo.js.map