@viasat/beam-react 2.30.0 → 2.37.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 (200) hide show
  1. package/assets/ActionList.css +1 -1
  2. package/assets/Avatar.css +1 -1
  3. package/assets/Badge.css +1 -1
  4. package/assets/Button.css +1 -1
  5. package/assets/Checkbox.css +1 -1
  6. package/assets/Chip.css +1 -1
  7. package/assets/ChipGroup.css +1 -1
  8. package/assets/CloseButton.css +1 -1
  9. package/assets/DateField.css +1 -0
  10. package/assets/EmptyState.css +1 -1
  11. package/assets/FloatingUI.css +1 -0
  12. package/assets/InputChoiceGroup.css +1 -1
  13. package/assets/Link.css +1 -1
  14. package/assets/NativeSelect.css +1 -1
  15. package/assets/Pagination.css +1 -1
  16. package/assets/ProgressBar.css +1 -1
  17. package/assets/RadioButton.css +1 -1
  18. package/assets/Search.css +1 -1
  19. package/assets/SpinnerWrap.css +1 -1
  20. package/assets/Switch.css +1 -1
  21. package/assets/TextArea.css +1 -1
  22. package/assets/TextField.css +1 -1
  23. package/assets/card.css +1 -1
  24. package/assets/combobox.css +1 -1
  25. package/assets/dialog.css +1 -1
  26. package/assets/fileUpload.css +1 -1
  27. package/assets/header.css +1 -1
  28. package/assets/index.css +1 -1
  29. package/assets/panel.css +1 -1
  30. package/assets/segmentedControl.css +1 -1
  31. package/assets/slider.css +1 -1
  32. package/assets/stepper.css +1 -1
  33. package/chunks/DateField.Segment.7oCeBSNo.js +1 -0
  34. package/chunks/DateField.Segment.DbjGMAPP.js +99 -0
  35. package/chunks/FloatingUI.arrow.BK0jH2ge.js +1 -0
  36. package/chunks/FloatingUI.arrow.BXR2atOC.js +28 -0
  37. package/chunks/dialog.module.Djvqgz-x.js +1 -0
  38. package/chunks/{dialog.module.TRHzVysh.js → dialog.module.vokt9Lwb.js} +2 -1
  39. package/chunks/panel.module.BVmRxZHo.js +1 -0
  40. package/chunks/{panel.module.BblnuBjO.js → panel.module.CnHWv4EZ.js} +1 -3
  41. package/lib/ActionList/ActionList.Group.d.ts +1 -1
  42. package/lib/Autocomplete/Autocomplete.cjs.js +1 -1
  43. package/lib/Autocomplete/Autocomplete.d.ts +5 -5
  44. package/lib/Autocomplete/Autocomplete.es.js +296 -268
  45. package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -1
  46. package/lib/Autocomplete/AutocompleteDropdown.es.js +15 -12
  47. package/lib/Breadcrumbs/BreadcrumbsItem.d.ts +1 -1
  48. package/lib/Dialog/Dialog.Body.cjs.js +1 -1
  49. package/lib/Dialog/Dialog.Body.es.js +1 -1
  50. package/lib/Dialog/Dialog.Content.cjs.js +1 -1
  51. package/lib/Dialog/Dialog.Content.es.js +1 -1
  52. package/lib/Dialog/Dialog.Footer.cjs.js +1 -1
  53. package/lib/Dialog/Dialog.Footer.es.js +1 -1
  54. package/lib/Dialog/Dialog.Header.cjs.js +1 -1
  55. package/lib/Dialog/Dialog.Header.es.js +1 -1
  56. package/lib/Dialog/Dialog.cjs.js +1 -1
  57. package/lib/Dialog/Dialog.es.js +1 -1
  58. package/lib/FloatingUI/FloatingUI.arrow.cjs.js +1 -1
  59. package/lib/FloatingUI/FloatingUI.arrow.es.js +6 -17
  60. package/lib/FloatingUI/FloatingUI.content.cjs.js +1 -1
  61. package/lib/FloatingUI/FloatingUI.content.es.js +31 -32
  62. package/lib/Search/SearchDropdown.cjs.js +1 -1
  63. package/lib/Search/SearchDropdown.es.js +1 -1
  64. package/lib/Select/Select.cjs.js +1 -1
  65. package/lib/Select/Select.d.ts +3 -2
  66. package/lib/Select/Select.es.js +208 -195
  67. package/lib/Select/SelectDropdown.cjs.js +1 -1
  68. package/lib/Select/SelectDropdown.es.js +15 -12
  69. package/lib/SideNav/SideNavActionList.es.js +1 -0
  70. package/lib/SideNav/SideNavActionListItemLabel.d.ts +1 -1
  71. package/lib/Slider/DualSlider.cjs.js +1 -1
  72. package/lib/Slider/DualSlider.es.js +28 -27
  73. package/lib/Slider/SingleSlider.cjs.js +1 -1
  74. package/lib/Slider/SingleSlider.es.js +1 -1
  75. package/lib/Slider/Slider.es.js +17 -17
  76. package/lib/Slider/hooks/useDualSliderLogic.cjs.js +1 -1
  77. package/lib/Slider/hooks/useDualSliderLogic.es.js +14 -14
  78. package/lib/Slider/hooks/useSingleSliderLogic.cjs.js +1 -1
  79. package/lib/Slider/hooks/useSingleSliderLogic.es.js +17 -17
  80. package/lib/Tabs/Tabs.Group.d.ts +2 -2
  81. package/lib/Tabs/Tabs.Item.d.ts +2 -2
  82. package/lib/Tabs/Tabs.Panel.d.ts +2 -2
  83. package/lib/Text/Text.d.ts +2 -2
  84. package/lib/Text/Text.es.js +12 -12
  85. package/lib/_Options/Option.cjs.js +1 -1
  86. package/lib/_Options/Option.context.cjs.js +1 -1
  87. package/lib/_Options/Option.context.d.ts +31 -13
  88. package/lib/_Options/Option.context.es.js +133 -88
  89. package/lib/_Options/Option.es.js +23 -21
  90. package/lib/_Options/Option.types.d.ts +23 -0
  91. package/lib/_Options/OptionGroup.cjs.js +1 -0
  92. package/lib/_Options/OptionGroup.context.cjs.js +1 -0
  93. package/lib/_Options/OptionGroup.context.d.ts +6 -0
  94. package/lib/_Options/OptionGroup.context.es.js +6 -0
  95. package/lib/_Options/OptionGroup.d.ts +3 -0
  96. package/lib/_Options/OptionGroup.es.js +22 -0
  97. package/lib/_Options/getLastVisibleStructureIndex.cjs.js +1 -0
  98. package/lib/_Options/getLastVisibleStructureIndex.d.ts +15 -0
  99. package/lib/_Options/getLastVisibleStructureIndex.es.js +14 -0
  100. package/lib/_Options/index.cjs.js +1 -1
  101. package/lib/_Options/index.d.ts +4 -0
  102. package/lib/_Options/index.es.js +13 -4
  103. package/lib/_Options/useRenderOption.cjs.js +1 -0
  104. package/lib/_Options/useRenderOption.d.ts +30 -0
  105. package/lib/_Options/useRenderOption.es.js +43 -0
  106. package/lib/wip/DateField/DateField.Segment.cjs.js +1 -0
  107. package/lib/wip/DateField/DateField.Segment.d.ts +2 -0
  108. package/lib/wip/DateField/DateField.Segment.es.js +8 -0
  109. package/lib/wip/DateField/DateField.Segments.cjs.js +1 -0
  110. package/lib/wip/DateField/DateField.Segments.d.ts +17 -0
  111. package/lib/wip/DateField/DateField.Segments.es.js +61 -0
  112. package/lib/wip/DateField/DateField.cjs.js +1 -0
  113. package/lib/wip/DateField/DateField.d.ts +3 -0
  114. package/lib/wip/DateField/DateField.es.js +191 -0
  115. package/lib/wip/DateField/DateField.types.cjs.js +1 -0
  116. package/lib/wip/DateField/DateField.types.d.ts +118 -0
  117. package/lib/wip/DateField/DateField.types.es.js +1 -0
  118. package/lib/wip/DateField/DateField.utils.cjs.js +1 -0
  119. package/lib/wip/DateField/DateField.utils.d.ts +26 -0
  120. package/lib/wip/DateField/DateField.utils.es.js +45 -0
  121. package/lib/wip/DateField/DateField.validation.cjs.js +1 -0
  122. package/lib/wip/DateField/DateField.validation.d.ts +26 -0
  123. package/lib/wip/DateField/DateField.validation.es.js +24 -0
  124. package/lib/wip/DateField/index.cjs.js +1 -0
  125. package/lib/wip/DateField/index.d.ts +2 -0
  126. package/lib/wip/DateField/index.es.js +4 -0
  127. package/lib/wip/DateField/useDateFieldFocus.cjs.js +1 -0
  128. package/lib/wip/DateField/useDateFieldFocus.d.ts +23 -0
  129. package/lib/wip/DateField/useDateFieldFocus.es.js +65 -0
  130. package/lib/wip/DateField/useDateFieldForm.cjs.js +1 -0
  131. package/lib/wip/DateField/useDateFieldForm.d.ts +32 -0
  132. package/lib/wip/DateField/useDateFieldForm.es.js +51 -0
  133. package/lib/wip/DateField/useDateFieldSegments.cjs.js +1 -0
  134. package/lib/wip/DateField/useDateFieldSegments.d.ts +7 -0
  135. package/lib/wip/DateField/useDateFieldSegments.es.js +13 -0
  136. package/lib/wip/DateField/useDateFieldValidity.cjs.js +1 -0
  137. package/lib/wip/DateField/useDateFieldValidity.d.ts +23 -0
  138. package/lib/wip/DateField/useDateFieldValidity.es.js +19 -0
  139. package/lib/wip/DateField/useDateFieldValue.cjs.js +1 -0
  140. package/lib/wip/DateField/useDateFieldValue.d.ts +19 -0
  141. package/lib/wip/DateField/useDateFieldValue.es.js +62 -0
  142. package/lib/wip/DateField/useInvalidState.cjs.js +1 -0
  143. package/lib/wip/DateField/useInvalidState.d.ts +13 -0
  144. package/lib/wip/DateField/useInvalidState.es.js +8 -0
  145. package/lib/wip/Panel/Footer/Panel.Footer.Actions.cjs.js +1 -1
  146. package/lib/wip/Panel/Footer/Panel.Footer.Actions.es.js +1 -1
  147. package/lib/wip/Panel/Footer/Panel.Footer.cjs.js +1 -1
  148. package/lib/wip/Panel/Footer/Panel.Footer.es.js +1 -1
  149. package/lib/wip/Panel/Header/Panel.Header.ContentAfter.cjs.js +1 -1
  150. package/lib/wip/Panel/Header/Panel.Header.ContentAfter.es.js +1 -1
  151. package/lib/wip/Panel/Header/Panel.Header.ContentBefore.cjs.js +1 -1
  152. package/lib/wip/Panel/Header/Panel.Header.ContentBefore.es.js +1 -1
  153. package/lib/wip/Panel/Header/Panel.Header.Description.cjs.js +1 -1
  154. package/lib/wip/Panel/Header/Panel.Header.Description.es.js +1 -1
  155. package/lib/wip/Panel/Header/Panel.Header.Heading.cjs.js +1 -1
  156. package/lib/wip/Panel/Header/Panel.Header.Heading.es.js +1 -1
  157. package/lib/wip/Panel/Header/Panel.Header.Row.cjs.js +1 -1
  158. package/lib/wip/Panel/Header/Panel.Header.Row.es.js +1 -1
  159. package/lib/wip/Panel/Header/Panel.Header.Subheader.cjs.js +1 -1
  160. package/lib/wip/Panel/Header/Panel.Header.Subheader.es.js +1 -1
  161. package/lib/wip/Panel/Header/Panel.Header.cjs.js +1 -1
  162. package/lib/wip/Panel/Header/Panel.Header.es.js +1 -1
  163. package/lib/wip/Panel/Panel.Body.cjs.js +1 -1
  164. package/lib/wip/Panel/Panel.Body.es.js +1 -1
  165. package/lib/wip/Panel/Panel.Inline.cjs.js +1 -1
  166. package/lib/wip/Panel/Panel.Inline.d.ts +3 -1
  167. package/lib/wip/Panel/Panel.Inline.es.js +44 -40
  168. package/lib/wip/Panel/Panel.Overlay.cjs.js +1 -1
  169. package/lib/wip/Panel/Panel.Overlay.d.ts +18 -2
  170. package/lib/wip/Panel/Panel.Overlay.es.js +110 -84
  171. package/lib/wip/Panel/Panel.ResizeHandle.cjs.js +1 -1
  172. package/lib/wip/Panel/Panel.ResizeHandle.es.js +1 -1
  173. package/lib/wip/Panel/Panel.cjs.js +1 -1
  174. package/lib/wip/Panel/Panel.d.ts +1 -1
  175. package/lib/wip/Panel/Panel.es.js +125 -94
  176. package/lib/wip/Panel/Panel.helpers.cjs.js +1 -1
  177. package/lib/wip/Panel/Panel.helpers.d.ts +2 -1
  178. package/lib/wip/Panel/Panel.helpers.es.js +37 -35
  179. package/lib/wip/Panel/Panel.types.d.ts +64 -10
  180. package/lib/wip/Panel/Panel.useResize.cjs.js +1 -1
  181. package/lib/wip/Panel/Panel.useResize.d.ts +3 -1
  182. package/lib/wip/Panel/Panel.useResize.es.js +34 -30
  183. package/lib/wip/index.cjs.js +1 -1
  184. package/lib/wip/index.d.ts +1 -0
  185. package/lib/wip/index.es.js +4 -2
  186. package/package.json +6 -6
  187. package/utils/hooks/index.cjs.js +1 -1
  188. package/utils/hooks/index.d.ts +1 -0
  189. package/utils/hooks/index.es.js +12 -10
  190. package/utils/hooks/useElementResize.cjs.js +1 -1
  191. package/utils/hooks/useElementResize.d.ts +1 -1
  192. package/utils/hooks/useElementResize.es.js +33 -33
  193. package/utils/hooks/usePrevious.cjs.js +1 -0
  194. package/utils/hooks/usePrevious.d.ts +5 -0
  195. package/utils/hooks/usePrevious.es.js +10 -0
  196. package/assets/floatingui.css +0 -1
  197. package/chunks/dialog.module.C_6Qrg4w.js +0 -1
  198. package/chunks/floatingui.module.BcBFebz0.js +0 -10
  199. package/chunks/floatingui.module.D3Aw_aYe.js +0 -1
  200. package/chunks/panel.module.CVyUzyCZ.js +0 -1
package/assets/panel.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-sem-color-surface-01);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:auto;max-height:90dvh;bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--position-bottom.bm-panel--size-full{height:100dvh;max-height:none}.bm-panel--overlay.bm-panel--position-full{top:0;bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--overlay.bm-panel--floating.bm-panel--position-full{inset:var(--bm-comp-panel-offset-y,1rem)var(--bm-comp-panel-offset-x,1rem);width:auto}.bm-panel--size-sm{width:var(--bm-comp-panel-size-sm)}.bm-panel--size-md{width:var(--bm-comp-panel-size-md)}.bm-panel--size-lg{width:var(--bm-comp-panel-size-lg)}.bm-panel--size-full{width:100%}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{transition:transform .4s ease-out;transform:translateY(0)}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}.bm-panel--overlay[data-position=full]{opacity:0}.bm-panel--overlay[data-position=full][data-status=open]{opacity:1;transition:opacity .4s ease-out}.bm-panel--overlay[data-position=full][data-status=close]{transition:opacity .4s ease-in}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}.bm-panel__inline-wrapper--size-sm[data-status=open]{width:var(--bm-comp-panel-size-sm);transition:width .4s ease-out}.bm-panel__inline-wrapper--size-md[data-status=open]{width:var(--bm-comp-panel-size-md);transition:width .4s ease-out}.bm-panel__inline-wrapper--size-lg[data-status=open]{width:var(--bm-comp-panel-size-lg);transition:width .4s ease-out}.bm-panel__inline-wrapper--size-full[data-status=open]{width:100%;transition:width .4s ease-out}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}.bm-panel__inline-wrapper-content{height:100%}
1
+ :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-sem-color-surface-01);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:var(--bm-comp-panel-size,auto);max-height:var(--bm-comp-panel-size,90dvh);bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--contained{position:absolute}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel--size-lg{--bm-comp-panel-size:var(--bm-comp-panel-size-lg)}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--inline.bm-panel--position-bottom{height:var(--bm-comp-panel-size,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-size,var(--bm-comp-panel-size-md))}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=open]{transition:none}}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=close]{transition:none}}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=open]{transition:none}}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=close]{transition:none}}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=open]{transition:none}}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=close]{transition:none}}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--size-lg{--bm-comp-panel-size:var(--bm-comp-panel-size-lg)}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status]{transition:none}}.bm-panel__inline-wrapper[data-status=open]{width:var(--bm-comp-panel-size,var(--bm-comp-panel-size-md));transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status=open]{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%;transition:none}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper-content{height:100%}
package/assets/segmentedControl.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-seg-control-color-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-seg-control-color-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-seg-control-color-border:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-seg-control-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-seg-control-color-fg-selected:var(--bm-sem-color-text-primary,#141d24);--bm-comp-seg-control-color-border-selected:var(--bm-sem-color-border-inverse,#465967);--bm-comp-seg-control-space-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-seg-control-space-md-x:var(--bm-sem-space-75,.75rem);--bm-comp-seg-control-space-lg-x:var(--bm-sem-space-100,1rem);--bm-comp-seg-control-radius:var(--bm-sem-radius-sm,.25rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-seg-control-color-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-seg-control-color-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-seg-control-color-border:var(--bm-sem-color-border-02,#465967);--bm-comp-seg-control-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-seg-control-color-fg-selected:var(--bm-sem-color-text-primary,#fff);--bm-comp-seg-control-color-border-selected:var(--bm-sem-color-border-inverse,#dfe7ec);--bm-comp-seg-control-space-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-seg-control-space-md-x:var(--bm-sem-space-75,.75rem);--bm-comp-seg-control-space-lg-x:var(--bm-sem-space-100,1rem);--bm-comp-seg-control-radius:var(--bm-sem-radius-sm,.25rem)}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg:var(--bm-sem-color-action-primary,#00768f);--bm-comp-btn-color-accent-filled-fg:var(--bm-sem-color-action-onPrimary,#fff);--bm-comp-btn-color-accent-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-fg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-outline-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-ghost-fg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-fg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-filled-bg:var(--bm-sem-color-surface-inverse,#202e39);--bm-comp-btn-color-neutral-filled-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-btn-color-neutral-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-outline-border:var(--bm-sem-color-border-inverse,#465967);--bm-comp-btn-color-neutral-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-ghost-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-filled-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-btn-color-neutral-subtle-filled-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-subtle-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-subtle-outline-border:var(--bm-sem-color-border-info-secondary,#57677566);--bm-comp-btn-color-neutral-subtle-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-ghost-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-neutral-subtle-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-neutral-subtle-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-filled-bg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-filled-fg:var(--bm-sem-color-static-white,#fff);--bm-comp-btn-color-destructive-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-btn-color-destructive-outline-border:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-btn-color-destructive-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-ghost-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-btn-color-destructive-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-btn-color-destructive-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-filled-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-btn-color-loading-filled-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-outline-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-btn-color-loading-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-ghost-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-btn-size-sm-width:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-btn-size-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-width:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-btn-size-lg-height:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-width:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-btn-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-label-x:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-sm-x:var(--bm-utility-comp-btn-space-sm-x,.5rem);--bm-comp-btn-space-sm-y:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-md-x:var(--bm-utility-comp-btn-space-md-x,.75rem);--bm-comp-btn-space-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-lg-x:var(--bm-utility-comp-btn-space-lg-x,1rem);--bm-comp-btn-space-lg-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-x:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-y:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-gap:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-label-x:var(--bm-sem-space-0,0);--bm-comp-btn-radius-container:var(--bm-utility-comp-btn-radius-container,.25rem);--bm-comp-btn-radius-focus:var(--bm-utility-comp-btn-radius-focus,.5rem);--bm-comp-btn-typo-sm:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-btn-typo-md:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro");--bm-comp-btn-typo-lg:var(--bm-sem-typo-compact-label-lg,600 1.125rem/1.25rem "Source Sans Pro");--bm-comp-btn-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-btn-opacity-spinner-track:var(--bm-primitive-opacity-20,.2)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg:var(--bm-sem-color-action-primary,#43bfd6);--bm-comp-btn-color-accent-filled-fg:var(--bm-sem-color-action-onPrimary,#141d24);--bm-comp-btn-color-accent-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-fg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-outline-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-ghost-fg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-fg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-filled-bg:var(--bm-sem-color-surface-inverse,#fff);--bm-comp-btn-color-neutral-filled-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-btn-color-neutral-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-outline-border:var(--bm-sem-color-border-inverse,#dfe7ec);--bm-comp-btn-color-neutral-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-ghost-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-filled-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-btn-color-neutral-subtle-filled-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-subtle-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-subtle-outline-border:var(--bm-sem-color-border-info-secondary,#d1dae066);--bm-comp-btn-color-neutral-subtle-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-ghost-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-neutral-subtle-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-neutral-subtle-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-filled-bg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-filled-fg:var(--bm-sem-color-static-white,#fff);--bm-comp-btn-color-destructive-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-btn-color-destructive-outline-border:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-btn-color-destructive-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-ghost-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-btn-color-destructive-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-btn-color-destructive-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-filled-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-btn-color-loading-filled-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-outline-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-btn-color-loading-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-ghost-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-btn-size-sm-width:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-btn-size-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-width:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-btn-size-lg-height:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-width:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-btn-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-label-x:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-sm-x:var(--bm-utility-comp-btn-space-sm-x,.5rem);--bm-comp-btn-space-sm-y:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-md-x:var(--bm-utility-comp-btn-space-md-x,.75rem);--bm-comp-btn-space-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-lg-x:var(--bm-utility-comp-btn-space-lg-x,1rem);--bm-comp-btn-space-lg-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-x:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-y:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-gap:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-label-x:var(--bm-sem-space-0,0);--bm-comp-btn-radius-container:var(--bm-utility-comp-btn-radius-container,.25rem);--bm-comp-btn-radius-focus:var(--bm-utility-comp-btn-radius-focus,.5rem);--bm-comp-btn-typo-sm:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-btn-typo-md:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro");--bm-comp-btn-typo-lg:var(--bm-sem-typo-compact-label-lg,600 1.125rem/1.25rem "Source Sans Pro");--bm-comp-btn-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-btn-opacity-spinner-track:var(--bm-primitive-opacity-20,.2)}.bm-segmented-control{box-shadow:var(--bm-comp-btn-shadow)}.bm-segmented-control--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-segmented-control__list{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:0;min-width:0;max-width:100%;display:inline-flex;position:relative}.bm-segmented-control__list ::slotted(*){flex-shrink:1;min-width:0}.bm-segmented-control__list--fluid{width:100%;display:flex}.bm-segmented-control__list--fluid ::slotted(*){flex:auto}.bm-segmented-control__item{border:var(--bm-comp-btn-border-width)solid var(--bm-comp-seg-control-color-border);border-color:var(--bm-comp-seg-control-color-border);background:var(--bm-comp-seg-control-color-bg);min-width:0;color:var(--bm-comp-seg-control-color-fg);cursor:pointer;outline:none;justify-content:center;margin-inline-start:-1px;display:flex;position:relative}.bm-segmented-control__item--fluid{flex:auto;min-width:0}.bm-segmented-control__item--fluid .bm-segmented-control__item__label{width:100%;min-width:0}.bm-segmented-control__item--first{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius);border-inline-start-color:var(--bm-comp-seg-control-color-border);margin-inline-start:0}[dir=rtl] .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}.bm-segmented-control__item--last{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0;border-inline-end-color:var(--bm-comp-seg-control-color-border);margin-inline-end:0}[dir=rtl] .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}.bm-segmented-control__item__content{justify-content:center;align-items:center;gap:var(--bm-comp-btn-space-gap);cursor:inherit;width:100%;min-width:0;display:flex}.bm-segmented-control__item__controlText{height:100%;padding:0 var(--bm-comp-btn-space-label-x);text-overflow:ellipsis;white-space:nowrap;align-content:center;overflow:hidden}.bm-segmented-control__item__icon,.bm-segmented-control__item ::slotted([slot=icon]){flex-shrink:0;align-items:center;display:flex}.bm-segmented-control__item--selected{z-index:1;background:var(--bm-comp-seg-control-color-bg-selected);border:var(--bm-comp-btn-border-width)solid var(--bm-comp-seg-control-color-border-selected)}.bm-segmented-control__item--selected .bm-segmented-control__item__controlText,.bm-segmented-control__item--selected .bm-segmented-control__item__icon,.bm-segmented-control__item--selected ::slotted([slot=icon]){color:var(--bm-comp-seg-control-color-fg-selected)}.bm-segmented-control__item--selected:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background:unset}.bm-segmented-control__item__state-layer{pointer-events:none;cursor:pointer;z-index:2}.bm-segmented-control__item:focus-visible .bm-state-layer{--bm-state-layer-outline-width:var(--bm-sem-border-width-focus);--bm-state-layer-outline-color:var(--bm-sem-color-border-focus);--bm-state-layer-outline-offset:0}.bm-segmented-control__item--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed!important}.bm-segmented-control__item--sm{height:var(--bm-comp-btn-size-sm-height);font:var(--bm-comp-btn-typo-sm);padding:0 var(--bm-comp-seg-control-space-sm-x)}.bm-segmented-control__item--sm .bm-segmented-control__item__icon svg,.bm-segmented-control__item--sm ::slotted([slot=icon]){width:var(--bm-comp-btn-size-sm-icon);height:var(--bm-comp-btn-size-sm-icon)}.bm-segmented-control__item--sm.bm-segmented-control__item--iconOnly{min-width:var(--bm-comp-btn-size-sm-width);padding:0!important}.bm-segmented-control__item--md{height:var(--bm-comp-btn-size-md-height);font:var(--bm-comp-btn-typo-md);padding:0 var(--bm-comp-seg-control-space-md-x)}.bm-segmented-control__item--md .bm-segmented-control__item__icon svg,.bm-segmented-control__item--md ::slotted([slot=icon]){width:var(--bm-comp-btn-size-md-icon);height:var(--bm-comp-btn-size-md-icon)}.bm-segmented-control__item--md.bm-segmented-control__item--iconOnly{min-width:var(--bm-comp-btn-size-md-width);padding:0!important}.bm-segmented-control__item--lg{height:var(--bm-comp-btn-size-lg-height);font:var(--bm-comp-btn-typo-lg);padding:0 var(--bm-comp-seg-control-space-lg-x)}.bm-segmented-control__item--lg .bm-segmented-control__item__icon svg,.bm-segmented-control__item--lg ::slotted([slot=icon]){width:var(--bm-comp-btn-size-lg-icon);height:var(--bm-comp-btn-size-lg-icon)}.bm-segmented-control__item--lg.bm-segmented-control__item--iconOnly{min-width:var(--bm-comp-btn-size-lg-width);padding:0!important}.bm-segmented-control__panel{display:none}.bm-segmented-control__panel--selected{display:block}
1
+ :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-seg-control-color-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-seg-control-color-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-seg-control-color-border:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-seg-control-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-seg-control-color-fg-selected:var(--bm-sem-color-text-primary,#141d24);--bm-comp-seg-control-color-border-selected:var(--bm-sem-color-border-inverse,#465967);--bm-comp-seg-control-space-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-seg-control-space-md-x:var(--bm-sem-space-75,.75rem);--bm-comp-seg-control-space-lg-x:var(--bm-sem-space-100,1rem);--bm-comp-seg-control-radius:var(--bm-sem-radius-sm,.25rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-seg-control-color-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-seg-control-color-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-seg-control-color-border:var(--bm-sem-color-border-02,#465967);--bm-comp-seg-control-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-seg-control-color-fg-selected:var(--bm-sem-color-text-primary,#fff);--bm-comp-seg-control-color-border-selected:var(--bm-sem-color-border-inverse,#dfe7ec);--bm-comp-seg-control-space-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-seg-control-space-md-x:var(--bm-sem-space-75,.75rem);--bm-comp-seg-control-space-lg-x:var(--bm-sem-space-100,1rem);--bm-comp-seg-control-radius:var(--bm-sem-radius-sm,.25rem)}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg:var(--bm-sem-color-action-primary,#00768f);--bm-comp-btn-color-accent-filled-fg:var(--bm-sem-color-action-onPrimary,#fff);--bm-comp-btn-color-accent-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-fg:var(--bm-sem-color-action-primary,#00768f);--bm-comp-btn-color-accent-outline-border:var(--bm-sem-color-action-primary,#00768f);--bm-comp-btn-color-accent-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-ghost-fg:var(--bm-sem-color-action-primary,#00768f);--bm-comp-btn-color-accent-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-fg:var(--bm-sem-color-action-primary,#00768f);--bm-comp-btn-color-accent-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-filled-bg:var(--bm-sem-color-action-neutral,#141d24);--bm-comp-btn-color-neutral-filled-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-btn-color-neutral-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-fg:var(--bm-sem-color-action-neutral,#141d24);--bm-comp-btn-color-neutral-outline-border:var(--bm-sem-color-action-neutral,#141d24);--bm-comp-btn-color-neutral-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-ghost-fg:var(--bm-sem-color-action-neutral,#141d24);--bm-comp-btn-color-neutral-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-fg:var(--bm-sem-color-action-neutral,#141d24);--bm-comp-btn-color-neutral-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-filled-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-btn-color-neutral-subtle-filled-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-subtle-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-subtle-outline-border:var(--bm-sem-color-border-info-secondary,#57677566);--bm-comp-btn-color-neutral-subtle-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-ghost-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-neutral-subtle-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-neutral-subtle-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-filled-bg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-filled-fg:var(--bm-sem-color-static-white,#fff);--bm-comp-btn-color-destructive-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-fg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-outline-border:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-ghost-fg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-fg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-filled-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-btn-color-loading-filled-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-outline-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-btn-color-loading-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-ghost-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-btn-size-sm-width:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-btn-size-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-width:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-btn-size-lg-height:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-width:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-btn-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-label-x:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-sm-x:var(--bm-alias-action-space-sm-x,.5rem);--bm-comp-btn-space-sm-y:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-md-x:var(--bm-alias-action-space-md-x,.75rem);--bm-comp-btn-space-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-lg-x:var(--bm-alias-action-space-lg-x,1rem);--bm-comp-btn-space-lg-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-x:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-y:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-gap:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-label-x:var(--bm-sem-space-0,0);--bm-comp-btn-radius-container:var(--bm-sem-radius-action-default,.25rem);--bm-comp-btn-radius-focus:var(--bm-alias-action-radius-focus,.5rem);--bm-comp-btn-typo-sm:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-btn-typo-md:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro");--bm-comp-btn-typo-lg:var(--bm-sem-typo-compact-label-lg,600 1.125rem/1.25rem "Source Sans Pro");--bm-comp-btn-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-btn-opacity-spinner-track:var(--bm-primitive-opacity-20,.2)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg:var(--bm-sem-color-action-primary,#43bfd6);--bm-comp-btn-color-accent-filled-fg:var(--bm-sem-color-action-onPrimary,#141d24);--bm-comp-btn-color-accent-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-fg:var(--bm-sem-color-action-primary,#43bfd6);--bm-comp-btn-color-accent-outline-border:var(--bm-sem-color-action-primary,#43bfd6);--bm-comp-btn-color-accent-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-ghost-fg:var(--bm-sem-color-action-primary,#43bfd6);--bm-comp-btn-color-accent-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-fg:var(--bm-sem-color-action-primary,#43bfd6);--bm-comp-btn-color-accent-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-filled-bg:var(--bm-sem-color-action-neutral,#fff);--bm-comp-btn-color-neutral-filled-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-btn-color-neutral-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-fg:var(--bm-sem-color-action-neutral,#fff);--bm-comp-btn-color-neutral-outline-border:var(--bm-sem-color-action-neutral,#fff);--bm-comp-btn-color-neutral-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-ghost-fg:var(--bm-sem-color-action-neutral,#fff);--bm-comp-btn-color-neutral-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-fg:var(--bm-sem-color-action-neutral,#fff);--bm-comp-btn-color-neutral-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-filled-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-btn-color-neutral-subtle-filled-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-subtle-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-subtle-outline-border:var(--bm-sem-color-border-info-secondary,#d1dae066);--bm-comp-btn-color-neutral-subtle-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-ghost-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-neutral-subtle-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-neutral-subtle-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-filled-bg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-filled-fg:var(--bm-sem-color-static-white,#fff);--bm-comp-btn-color-destructive-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-fg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-outline-border:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-ghost-fg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-fg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-filled-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-btn-color-loading-filled-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-outline-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-btn-color-loading-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-ghost-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-btn-size-sm-width:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-btn-size-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-width:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-btn-size-lg-height:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-width:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-btn-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-label-x:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-sm-x:var(--bm-alias-action-space-sm-x,.5rem);--bm-comp-btn-space-sm-y:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-md-x:var(--bm-alias-action-space-md-x,.75rem);--bm-comp-btn-space-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-lg-x:var(--bm-alias-action-space-lg-x,1rem);--bm-comp-btn-space-lg-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-x:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-y:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-gap:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-label-x:var(--bm-sem-space-0,0);--bm-comp-btn-radius-container:var(--bm-sem-radius-action-default,.25rem);--bm-comp-btn-radius-focus:var(--bm-alias-action-radius-focus,.5rem);--bm-comp-btn-typo-sm:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-btn-typo-md:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro");--bm-comp-btn-typo-lg:var(--bm-sem-typo-compact-label-lg,600 1.125rem/1.25rem "Source Sans Pro");--bm-comp-btn-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-btn-opacity-spinner-track:var(--bm-primitive-opacity-20,.2)}.bm-segmented-control{box-shadow:var(--bm-comp-btn-shadow)}.bm-segmented-control--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-segmented-control__list{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:0;min-width:0;max-width:100%;display:inline-flex;position:relative}.bm-segmented-control__list ::slotted(*){flex-shrink:1;min-width:0}.bm-segmented-control__list--fluid{width:100%;display:flex}.bm-segmented-control__list--fluid ::slotted(*){flex:auto}.bm-segmented-control__item{border:var(--bm-comp-btn-border-width)solid var(--bm-comp-seg-control-color-border);border-color:var(--bm-comp-seg-control-color-border);background:var(--bm-comp-seg-control-color-bg);min-width:0;color:var(--bm-comp-seg-control-color-fg);cursor:pointer;outline:none;justify-content:center;margin-inline-start:-1px;display:flex;position:relative}.bm-segmented-control__item--fluid{flex:auto;min-width:0}.bm-segmented-control__item--fluid .bm-segmented-control__item__label{width:100%;min-width:0}.bm-segmented-control__item--first{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius);border-inline-start-color:var(--bm-comp-seg-control-color-border);margin-inline-start:0}[dir=rtl] .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0}.bm-segmented-control__item--last{border-radius:0 var(--bm-comp-seg-control-radius)var(--bm-comp-seg-control-radius)0;border-inline-end-color:var(--bm-comp-seg-control-color-border);margin-inline-end:0}[dir=rtl] .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius)0 0 var(--bm-comp-seg-control-radius)}.bm-segmented-control__item__content{justify-content:center;align-items:center;gap:var(--bm-comp-btn-space-gap);cursor:inherit;width:100%;min-width:0;display:flex}.bm-segmented-control__item__controlText{height:100%;padding:0 var(--bm-comp-btn-space-label-x);text-overflow:ellipsis;white-space:nowrap;align-content:center;overflow:hidden}.bm-segmented-control__item__icon,.bm-segmented-control__item ::slotted([slot=icon]){flex-shrink:0;align-items:center;display:flex}.bm-segmented-control__item--selected{z-index:1;background:var(--bm-comp-seg-control-color-bg-selected);border:var(--bm-comp-btn-border-width)solid var(--bm-comp-seg-control-color-border-selected)}.bm-segmented-control__item--selected .bm-segmented-control__item__controlText,.bm-segmented-control__item--selected .bm-segmented-control__item__icon,.bm-segmented-control__item--selected ::slotted([slot=icon]){color:var(--bm-comp-seg-control-color-fg-selected)}.bm-segmented-control__item--selected:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background:unset}.bm-segmented-control__item__state-layer{pointer-events:none;cursor:pointer;z-index:2}.bm-segmented-control__item:focus-visible .bm-state-layer{--bm-state-layer-outline-width:var(--bm-sem-border-width-focus);--bm-state-layer-outline-color:var(--bm-sem-color-border-focus);--bm-state-layer-outline-offset:0}.bm-segmented-control__item--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed!important}.bm-segmented-control__item--sm{height:var(--bm-comp-btn-size-sm-height);font:var(--bm-comp-btn-typo-sm);padding:0 var(--bm-comp-seg-control-space-sm-x)}.bm-segmented-control__item--sm .bm-segmented-control__item__icon svg,.bm-segmented-control__item--sm ::slotted([slot=icon]){width:var(--bm-comp-btn-size-sm-icon);height:var(--bm-comp-btn-size-sm-icon)}.bm-segmented-control__item--sm.bm-segmented-control__item--iconOnly{min-width:var(--bm-comp-btn-size-sm-width);padding:0!important}.bm-segmented-control__item--md{height:var(--bm-comp-btn-size-md-height);font:var(--bm-comp-btn-typo-md);padding:0 var(--bm-comp-seg-control-space-md-x)}.bm-segmented-control__item--md .bm-segmented-control__item__icon svg,.bm-segmented-control__item--md ::slotted([slot=icon]){width:var(--bm-comp-btn-size-md-icon);height:var(--bm-comp-btn-size-md-icon)}.bm-segmented-control__item--md.bm-segmented-control__item--iconOnly{min-width:var(--bm-comp-btn-size-md-width);padding:0!important}.bm-segmented-control__item--lg{height:var(--bm-comp-btn-size-lg-height);font:var(--bm-comp-btn-typo-lg);padding:0 var(--bm-comp-seg-control-space-lg-x)}.bm-segmented-control__item--lg .bm-segmented-control__item__icon svg,.bm-segmented-control__item--lg ::slotted([slot=icon]){width:var(--bm-comp-btn-size-lg-icon);height:var(--bm-comp-btn-size-lg-icon)}.bm-segmented-control__item--lg.bm-segmented-control__item--iconOnly{min-width:var(--bm-comp-btn-size-lg-width);padding:0!important}.bm-segmented-control__panel{display:none}.bm-segmented-control__panel--selected{display:block}
package/assets/slider.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-slider-color-track-bg:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-slider-color-track-bg-filled:var(--bm-utility-color-accent-default,#00768f);--bm-comp-slider-color-handle-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-slider-color-handle-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-slider-color-endpoint:var(--bm-utility-color-accent-default,#00768f);--bm-comp-slider-color-values:var(--bm-sem-color-text-primary,#141d24);--bm-comp-slider-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-slider-color-step:var(--bm-sem-color-surface-01,#fff);--bm-comp-slider-size-track:var(--bm-primitive-dimension-25,.25rem);--bm-comp-slider-size-handle:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-slider-size-handle-active:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-slider-size-endpoint:var(--bm-comp-slider-size-track,.25rem);--bm-comp-slider-size-step-x:var(--bm-primitive-dimension-12,.125rem);--bm-comp-slider-space-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-slider-space-gap-inside-x:var(--bm-sem-space-50,.5rem);--bm-comp-slider-space-gap-outside-x:var(--bm-sem-space-100,1rem);--bm-comp-slider-radius-handle:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-endpoint:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-track:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-border-width-handle:var(--bm-sem-border-width-lg,.125rem);--bm-comp-slider-typo-values:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-slider-color-track-bg:var(--bm-sem-color-border-02,#465967);--bm-comp-slider-color-track-bg-filled:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-slider-color-handle-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-slider-color-handle-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-slider-color-endpoint:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-slider-color-values:var(--bm-sem-color-text-primary,#fff);--bm-comp-slider-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-slider-color-step:var(--bm-sem-color-surface-01,#202e39);--bm-comp-slider-size-track:var(--bm-primitive-dimension-25,.25rem);--bm-comp-slider-size-handle:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-slider-size-handle-active:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-slider-size-endpoint:var(--bm-comp-slider-size-track,.25rem);--bm-comp-slider-size-step-x:var(--bm-primitive-dimension-12,.125rem);--bm-comp-slider-space-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-slider-space-gap-inside-x:var(--bm-sem-space-50,.5rem);--bm-comp-slider-space-gap-outside-x:var(--bm-sem-space-100,1rem);--bm-comp-slider-radius-handle:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-endpoint:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-track:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-border-width-handle:var(--bm-sem-border-width-lg,.125rem);--bm-comp-slider-typo-values:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}.bm-slider{--bm-label-cursor:pointer;--bm-slider-cursor:pointer;--bm-slider-track-cursor:pointer;--bm-slider-thumb-cursor:pointer;--bm-comp-slider-min-percentage:0cqw;--bm-comp-slider-max-percentage:0cqw;width:100%;font:var(--bm-comp-input-typo-default)}.bm-slider--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed;--bm-slider-cursor:not-allowed;--bm-slider-track-cursor:not-allowed;--bm-slider-thumb-cursor:not-allowed}.bm-slider--disabled .bm-slider__thumb{background-color:var(--bm-comp-input-color-icon);border:unset}.bm-slider--disabled .bm-slider__track:before{background-color:var(--bm-comp-input-color-border-disabled)}.bm-slider--disabled .bm-slider__fill{background-color:var(--bm-comp-input-color-icon)}.bm-slider--disabled .bm-slider__value-axis-label{cursor:not-allowed;pointer-events:none;color:var(--bm-comp-input-color-icon)}.bm-slider--readonly{--bm-slider-cursor:default;--bm-slider-track-cursor:not-allowed;--bm-slider-thumb-cursor:default}.bm-slider--readonly .bm-slider__thumb{background-color:var(--bm-comp-input-color-icon);border:unset}.bm-slider--readonly .bm-slider__track:before,.bm-slider--readonly .bm-slider__fill{background-color:var(--bm-comp-input-color-border-disabled)}.bm-slider--readonly .bm-slider__value-axis-label{cursor:not-allowed;pointer-events:none;color:var(--bm-comp-input-color-icon)}.bm-slider--with-value-axis .bm-slider__content-container{align-items:flex-start}.bm-slider__track{height:var(--bm-comp-slider-size-handle);cursor:var(--bm-slider-track-cursor,pointer);align-items:center;display:flex;position:relative;container:slider-track/size}.bm-slider__track:before{content:"";width:100%;height:var(--bm-comp-slider-size-track);background-color:var(--bm-comp-slider-color-track-bg);border-radius:var(--bm-comp-slider-radius-track);position:absolute}.bm-slider__fill{height:var(--bm-comp-slider-size-track);background-color:var(--bm-comp-slider-color-track-bg-filled);border-radius:var(--bm-comp-slider-radius-track);transform-origin:0%;width:100%;transform:translateX(var(--bm-comp-slider-min-percentage,0cqw))scaleX(calc((var(--bm-comp-slider-max-percentage,0cqw) - var(--bm-comp-slider-min-percentage,0cqw))/100cqw));transition:transform 50ms cubic-bezier(0,.33,0,.76);position:absolute;left:0}[dir=rtl] .bm-slider__fill{transform:translateX(calc(100cqw - var(--bm-comp-slider-max-percentage,0cqw)))scaleX(calc((var(--bm-comp-slider-max-percentage,0cqw) - var(--bm-comp-slider-min-percentage,0cqw))/100cqw))}.bm-slider__thumb-container{--bm-comp-slider-thumb-percentage:0cqw;--bm-comp-slider-thumb-scale:1;left:calc(0 - var(--bm-comp-slider-size-handle)/2);width:var(--bm-comp-slider-size-handle);height:var(--bm-comp-slider-size-handle);transform-origin:50%;transform:translateX(calc(var(--bm-comp-slider-thumb-percentage,0cqw) - 50%));transition:transform 50ms cubic-bezier(0,.33,0,.76);position:absolute}[dir=rtl] .bm-slider__thumb-container{transform:translateX(calc(50% - var(--bm-comp-slider-thumb-percentage,0cqw)))}.bm-slider__thumb{background-color:var(--bm-comp-slider-color-handle-bg);border-radius:var(--bm-comp-slider-radius-handle);border:var(--bm-comp-slider-border-width-handle)solid var(--bm-comp-slider-color-handle-border);width:100%;height:100%;cursor:var(--bm-slider-thumb-cursor,grab);transform:scale(var(--bm-comp-slider-thumb-scale,1));transition:transform 50ms cubic-bezier(0,.33,0,.76)}.bm-slider__thumb:focus-visible{outline-color:var(--bm-utility-color-accent-default);box-shadow:0 0 0 var(--bm-sem-border-width-focus)var(--bm-sem-color-surface-01),0 0 0 calc(var(--bm-sem-border-width-focus) + var(--bm-sem-border-width-focus))var(--bm-sem-color-border-focus)}.bm-slider__thumb-container:active{--bm-comp-slider-thumb-scale:calc(var(--bm-comp-slider-size-handle-active)/var(--bm-comp-slider-size-handle))}.bm-slider__tick{width:var(--bm-comp-slider-size-step-x);height:var(--bm-comp-slider-size-track);background:var(--bm-comp-slider-color-step);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bm-slider__value-axis-label{font:var(--bm-comp-slider-typo-values);color:var(--bm-comp-slider-color-values);z-index:1;white-space:nowrap;cursor:pointer;pointer-events:auto;font-weight:inherit;background:0 0;border:none;padding:0;position:absolute}.bm-slider__value-axis-helper{visibility:hidden;position:relative}.bm-slider__value-axis{width:100%;margin-top:var(--bm-comp-slider-space-gap-y);position:relative}.bm-slider__content-container{align-items:center;gap:var(--bm-comp-slider-space-gap-outside-x);flex-direction:row;display:flex}.bm-slider__textfield{width:100%}.bm-slider__textfield ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bm-slider__textfield ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bm-slider__textfield [type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.bm-slider__content-before,.bm-slider__content-after{justify-content:center;align-items:center;display:flex}
1
+ :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-slider-color-track-bg:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-slider-color-track-bg-filled:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-slider-color-handle-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-slider-color-handle-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-slider-color-endpoint:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-slider-color-values:var(--bm-sem-color-text-primary,#141d24);--bm-comp-slider-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-slider-color-step:var(--bm-sem-color-surface-01,#fff);--bm-comp-slider-size-track:var(--bm-primitive-dimension-25,.25rem);--bm-comp-slider-size-handle:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-slider-size-handle-active:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-slider-size-endpoint:var(--bm-comp-slider-size-track,.25rem);--bm-comp-slider-size-step-x:var(--bm-primitive-dimension-12,.125rem);--bm-comp-slider-space-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-slider-space-gap-inside-x:var(--bm-sem-space-50,.5rem);--bm-comp-slider-space-gap-outside-x:var(--bm-sem-space-100,1rem);--bm-comp-slider-radius-handle:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-endpoint:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-track:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-border-width-handle:var(--bm-sem-border-width-lg,.125rem);--bm-comp-slider-typo-values:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-slider-color-track-bg:var(--bm-sem-color-border-02,#465967);--bm-comp-slider-color-track-bg-filled:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-slider-color-handle-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-slider-color-handle-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-slider-color-endpoint:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-slider-color-values:var(--bm-sem-color-text-primary,#fff);--bm-comp-slider-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-slider-color-step:var(--bm-sem-color-surface-01,#202e39);--bm-comp-slider-size-track:var(--bm-primitive-dimension-25,.25rem);--bm-comp-slider-size-handle:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-slider-size-handle-active:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-slider-size-endpoint:var(--bm-comp-slider-size-track,.25rem);--bm-comp-slider-size-step-x:var(--bm-primitive-dimension-12,.125rem);--bm-comp-slider-space-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-slider-space-gap-inside-x:var(--bm-sem-space-50,.5rem);--bm-comp-slider-space-gap-outside-x:var(--bm-sem-space-100,1rem);--bm-comp-slider-radius-handle:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-endpoint:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-radius-track:var(--bm-sem-radius-round,624.938rem);--bm-comp-slider-border-width-handle:var(--bm-sem-border-width-lg,.125rem);--bm-comp-slider-typo-values:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}.bm-slider{--bm-label-cursor:pointer;--bm-slider-cursor:pointer;--bm-slider-track-cursor:pointer;--bm-slider-thumb-cursor:pointer;--bm-comp-slider-min-percentage:0cqw;--bm-comp-slider-max-percentage:0cqw;width:100%;font:var(--bm-comp-input-typo-default)}.bm-slider--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed;--bm-slider-cursor:not-allowed;--bm-slider-track-cursor:not-allowed;--bm-slider-thumb-cursor:not-allowed}.bm-slider--disabled .bm-slider__thumb{background-color:var(--bm-comp-input-color-icon);border:unset}.bm-slider--disabled .bm-slider__track:before{background-color:var(--bm-comp-input-color-border-disabled)}.bm-slider--disabled .bm-slider__fill{background-color:var(--bm-comp-input-color-icon)}.bm-slider--disabled .bm-slider__value-axis-label{cursor:not-allowed;pointer-events:none;color:var(--bm-comp-input-color-icon)}.bm-slider--readonly{--bm-slider-cursor:default;--bm-slider-track-cursor:not-allowed;--bm-slider-thumb-cursor:default}.bm-slider--readonly .bm-slider__thumb{background-color:var(--bm-comp-input-color-icon);border:unset}.bm-slider--readonly .bm-slider__track:before,.bm-slider--readonly .bm-slider__fill{background-color:var(--bm-comp-input-color-border-disabled)}.bm-slider--readonly .bm-slider__value-axis-label{cursor:not-allowed;pointer-events:none;color:var(--bm-comp-input-color-icon)}.bm-slider--with-value-axis .bm-slider__content-container{align-items:flex-start}.bm-slider__track{height:var(--bm-comp-slider-size-handle);cursor:var(--bm-slider-track-cursor,pointer);align-items:center;display:flex;position:relative;container:slider-track/size}.bm-slider__track:before{content:"";width:100%;height:var(--bm-comp-slider-size-track);background-color:var(--bm-comp-slider-color-track-bg);border-radius:var(--bm-comp-slider-radius-track);position:absolute}.bm-slider__fill{height:var(--bm-comp-slider-size-track);background-color:var(--bm-comp-slider-color-track-bg-filled);border-radius:var(--bm-comp-slider-radius-track);transform-origin:0%;width:100%;transform:translateX(var(--bm-comp-slider-min-percentage,0cqw))scaleX(calc((var(--bm-comp-slider-max-percentage,0cqw) - var(--bm-comp-slider-min-percentage,0cqw))/100cqw));transition:transform 50ms cubic-bezier(0,.33,0,.76);position:absolute;left:0}[dir=rtl] .bm-slider__fill{transform:translateX(calc(100cqw - var(--bm-comp-slider-max-percentage,0cqw)))scaleX(calc((var(--bm-comp-slider-max-percentage,0cqw) - var(--bm-comp-slider-min-percentage,0cqw))/100cqw))}.bm-slider__thumb-container{--bm-comp-slider-thumb-percentage:0cqw;--bm-comp-slider-thumb-scale:1;left:calc(0 - var(--bm-comp-slider-size-handle)/2);width:var(--bm-comp-slider-size-handle);height:var(--bm-comp-slider-size-handle);transform-origin:50%;transform:translateX(calc(var(--bm-comp-slider-thumb-percentage,0cqw) - 50%));transition:transform 50ms cubic-bezier(0,.33,0,.76);position:absolute}[dir=rtl] .bm-slider__thumb-container{transform:translateX(calc(50% - var(--bm-comp-slider-thumb-percentage,0cqw)))}.bm-slider__thumb{background-color:var(--bm-comp-slider-color-handle-bg);border-radius:var(--bm-comp-slider-radius-handle);border:var(--bm-comp-slider-border-width-handle)solid var(--bm-comp-slider-color-handle-border);width:100%;height:100%;cursor:var(--bm-slider-thumb-cursor,grab);transform:scale(var(--bm-comp-slider-thumb-scale,1));transition:transform 50ms cubic-bezier(0,.33,0,.76)}.bm-slider__thumb:focus-visible{outline-color:var(--bm-alias-color-ramp-accent-base);box-shadow:0 0 0 var(--bm-sem-border-width-focus)var(--bm-sem-color-surface-01),0 0 0 calc(var(--bm-sem-border-width-focus) + var(--bm-sem-border-width-focus))var(--bm-sem-color-border-focus)}.bm-slider__thumb-container:active{--bm-comp-slider-thumb-scale:calc(var(--bm-comp-slider-size-handle-active)/var(--bm-comp-slider-size-handle))}.bm-slider__tick{width:var(--bm-comp-slider-size-step-x);height:var(--bm-comp-slider-size-track);background:var(--bm-comp-slider-color-step);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bm-slider__value-axis-label{font:var(--bm-comp-slider-typo-values);color:var(--bm-comp-slider-color-values);z-index:1;white-space:nowrap;cursor:pointer;pointer-events:auto;font-weight:inherit;background:0 0;border:none;padding:0;position:absolute}.bm-slider__value-axis-helper{visibility:hidden;position:relative}.bm-slider__value-axis{width:100%;margin-top:var(--bm-comp-slider-space-gap-y);position:relative}.bm-slider__content-container{align-items:center;gap:var(--bm-comp-slider-space-gap-outside-x);flex-direction:row;display:flex}.bm-slider__textfield{width:100%}.bm-slider__textfield ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bm-slider__textfield ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bm-slider__textfield [type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.bm-slider__content-before,.bm-slider__content-after{justify-content:center;align-items:center;display:flex}
package/assets/stepper.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-stepper-color-incomplete-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-stepper-color-incomplete-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-stepper-color-incomplete-border:var(--bm-sem-color-none,#fff0);--bm-comp-stepper-color-incomplete-heading:var(--bm-sem-color-text-secondary,#576775);--bm-comp-stepper-color-current-bg:var(--bm-utility-color-accent-subtlest,#e9fcff);--bm-comp-stepper-color-current-fg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-stepper-color-current-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-stepper-color-current-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-stepper-color-complete-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-stepper-color-complete-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-stepper-color-complete-border:var(--bm-comp-stepper-color-complete-bg,#00768f);--bm-comp-stepper-color-complete-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-stepper-color-error-bg:var(--bm-sem-color-surface-negative,#fee6e7);--bm-comp-stepper-color-error-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-stepper-color-error-border:var(--bm-comp-stepper-color-error-fg,#cc2429);--bm-comp-stepper-color-error-heading:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-stepper-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-stepper-color-line:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-stepper-color-line-complete:var(--bm-utility-color-accent-default,#00768f);--bm-comp-stepper-size-sm-container:var(--bm-primitive-dimension-100,1rem);--bm-comp-stepper-size-sm-incomplete:var(--bm-primitive-dimension-75,.75rem);--bm-comp-stepper-size-sm-line-wrapper:var(--bm-comp-stepper-size-sm-container,1rem);--bm-comp-stepper-size-md-container:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-stepper-size-md-line-wrapper:var(--bm-comp-stepper-size-md-container,1.5rem);--bm-comp-stepper-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-content-gap:var(--bm-sem-space-25,.25rem);--bm-comp-stepper-space-horizontal-line-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-horizontal-content-x:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-wrapper-y:var(--bm-sem-space-75,.75rem);--bm-comp-stepper-space-vertical-content-wrapper-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-bottom:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-typo-heading:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-stepper-typo-body:var(--bm-sem-typo-body-xs,400 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-typo-number:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-stepper-border-width-container:var(--bm-sem-border-width-md,.063rem);--bm-comp-stepper-border-width-line:var(--bm-sem-border-width-md,.063rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-stepper-color-incomplete-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-stepper-color-incomplete-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-stepper-color-incomplete-border:var(--bm-sem-color-none,#fff0);--bm-comp-stepper-color-incomplete-heading:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-stepper-color-current-bg:var(--bm-utility-color-accent-subtlest,#01262d);--bm-comp-stepper-color-current-fg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-stepper-color-current-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-stepper-color-current-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-stepper-color-complete-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-stepper-color-complete-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-stepper-color-complete-border:var(--bm-comp-stepper-color-complete-bg,#43bfd6);--bm-comp-stepper-color-complete-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-stepper-color-error-bg:var(--bm-sem-color-surface-negative,#520f11);--bm-comp-stepper-color-error-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-stepper-color-error-border:var(--bm-comp-stepper-color-error-fg,#f67378);--bm-comp-stepper-color-error-heading:var(--bm-sem-color-text-negative,#f67378);--bm-comp-stepper-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-stepper-color-line:var(--bm-sem-color-border-02,#465967);--bm-comp-stepper-color-line-complete:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-stepper-size-sm-container:var(--bm-primitive-dimension-100,1rem);--bm-comp-stepper-size-sm-incomplete:var(--bm-primitive-dimension-75,.75rem);--bm-comp-stepper-size-sm-line-wrapper:var(--bm-comp-stepper-size-sm-container,1rem);--bm-comp-stepper-size-md-container:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-stepper-size-md-line-wrapper:var(--bm-comp-stepper-size-md-container,1.5rem);--bm-comp-stepper-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-content-gap:var(--bm-sem-space-25,.25rem);--bm-comp-stepper-space-horizontal-line-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-horizontal-content-x:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-wrapper-y:var(--bm-sem-space-75,.75rem);--bm-comp-stepper-space-vertical-content-wrapper-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-bottom:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-typo-heading:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-stepper-typo-body:var(--bm-sem-typo-body-xs,400 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-typo-number:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-stepper-border-width-container:var(--bm-sem-border-width-md,.063rem);--bm-comp-stepper-border-width-line:var(--bm-sem-border-width-md,.063rem)}.bm-stepper{--bm-comp-stepper-line-thickness:var(--bm-comp-stepper-border-width-line);--bm-comp-stepper-size-container:var(--bm-comp-stepper-size-md-container);--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-space-horizontal-line-gap) + var(--bm-comp-stepper-size-container)/2);--bm-comp-stepper-size-line-min-height:1.5rem;width:100%;padding:unset;justify-content:center;align-items:flex-start;display:flex}.bm-stepper .bm-stepper__step--marker-only{--bm-comp-stepper-size-container:var(--bm-comp-stepper-size-sm-container);--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-space-horizontal-line-gap) + var(--bm-comp-stepper-size-container)/2)}.bm-stepper--horizontal{flex-direction:row}.bm-stepper--vertical{--bm-comp-stepper-line-thickness:var(--bm-comp-stepper-border-width-container);--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-size-md-line-wrapper)/2);flex-direction:column}.bm-stepper--vertical .bm-stepper__step--marker-only{--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-size-sm-line-wrapper)/2)}.bm-stepper__step{--bm-comp-stepper-line-color:var(--bm-comp-stepper-color-line);flex:1 1 0;justify-content:center;align-items:center;padding-block-start:0;padding-block-end:0;display:flex;position:relative}.bm-stepper__step--error .bm-stepper__marker{border-color:var(--bm-comp-stepper-color-error-border);background:var(--bm-comp-stepper-color-error-bg);color:var(--bm-comp-stepper-color-error-fg)}.bm-stepper__step--error .bm-stepper__heading{color:var(--bm-comp-stepper-color-error-heading)}.bm-stepper__step--current .bm-stepper__marker{border-color:var(--bm-comp-stepper-color-current-border);background:var(--bm-comp-stepper-color-current-bg);color:var(--bm-comp-stepper-color-current-fg)}.bm-stepper__step--current .bm-stepper__heading{color:var(--bm-comp-stepper-color-current-heading)}.bm-stepper__step--complete{--bm-comp-stepper-line-color:var(--bm-comp-stepper-color-line-complete)}.bm-stepper__step--complete .bm-stepper__marker{border-color:var(--bm-comp-stepper-color-complete-border);background:var(--bm-comp-stepper-color-complete-bg);color:var(--bm-comp-stepper-color-complete-fg)}.bm-stepper__step--complete .bm-stepper__heading{color:var(--bm-comp-stepper-color-complete-heading)}.bm-stepper__step--complete .bm-stepper__content-wrapper{border-inline-start-color:var(--bm-comp-stepper-line-color)}.bm-stepper__step--horizontal{min-width:var(--bm-comp-stepper-size-container)}.bm-stepper__step--horizontal:after{content:"";inline-size:calc(100% - (var(--bm-comp-stepper-size-container) + 2*var(--bm-comp-stepper-space-horizontal-line-gap)));background:var(--bm-comp-stepper-line-color);height:var(--bm-comp-stepper-line-thickness);position:absolute;top:calc(var(--bm-comp-stepper-size-container)/2 - var(--bm-comp-stepper-line-thickness)/2)}.bm-stepper__step--horizontal:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:last-child:after{content:unset}.bm-stepper__step--horizontal .bm-stepper__body{text-align:center}.bm-stepper__step--vertical{flex-direction:column;align-items:start;width:100%}.bm-stepper__step--vertical .bm-stepper__content-wrapper{width:calc(100% - (var(--bm-comp-stepper-space-inline-start) + var(--bm-comp-stepper-space-vertical-content-wrapper-gap)));min-height:var(--bm-comp-stepper-size-line-min-height);border-inline-start:.0625rem solid var(--bm-comp-stepper-line-color);margin-inline-start:calc(var(--bm-comp-stepper-space-inline-start) - var(--bm-comp-stepper-line-thickness)/2);margin-block:var(--bm-comp-stepper-space-vertical-content-wrapper-y);flex:1;padding-block-end:var(--bm-comp-stepper-space-vertical-content-bottom);padding-inline-start:calc(var(--bm-comp-stepper-space-inline-start) + var(--bm-comp-stepper-space-vertical-content-wrapper-gap))}.bm-stepper__step--vertical:last-child .bm-stepper__content-wrapper{border:unset}.bm-stepper__marker-wrapper{justify-content:center;align-items:center;gap:var(--bm-comp-stepper-space-gap);flex-direction:column;display:flex}.bm-stepper__marker-wrapper--vertical{justify-content:flex-start;gap:var(--bm-comp-stepper-space-gap);flex-direction:row;padding-inline-start:unset}.bm-stepper__marker-wrapper>div{gap:var(--bm-comp-stepper-space-content-gap);padding:0 var(--bm-comp-stepper-space-horizontal-content-x);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.bm-stepper__marker{width:var(--bm-comp-stepper-size-md-container);height:var(--bm-comp-stepper-size-md-container);border-radius:var(--bm-comp-stepper-radius);border:var(--bm-comp-stepper-border-width-container)solid var(--bm-comp-stepper-color-incomplete-border);background:var(--bm-comp-stepper-color-incomplete-bg);font:var(--bm-comp-stepper-typo-number);color:var(--bm-comp-stepper-color-incomplete-fg);text-align:center;padding:unset;justify-content:center;align-items:center;display:flex}.bm-stepper__marker--interactive{cursor:pointer}.bm-stepper__marker--interactive:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-stepper__marker>svg{width:var(--bm-sem-size-icon-sm);height:var(--bm-sem-size-icon-sm);flex-shrink:0}.bm-stepper__marker--marker-only{width:var(--bm-comp-stepper-size-sm-container);height:var(--bm-comp-stepper-size-sm-container)}.bm-stepper__marker--marker-only>svg{width:var(--bm-sem-size-icon-xs);height:var(--bm-sem-size-icon-xs)}.bm-stepper__heading{font:var(--bm-comp-stepper-typo-heading);color:var(--bm-comp-stepper-color-incomplete-heading);text-align:center}.bm-stepper__heading--interactive{cursor:pointer}.bm-stepper__body{color:var(--bm-comp-stepper-color-body);font:var(--bm-comp-stepper-typo-body);text-align:start}
1
+ :root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-stepper-color-incomplete-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-stepper-color-incomplete-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-stepper-color-incomplete-border:var(--bm-sem-color-none,#fff0);--bm-comp-stepper-color-incomplete-heading:var(--bm-sem-color-text-secondary,#576775);--bm-comp-stepper-color-current-bg:var(--bm-sem-color-surface-selected,#e9fcff);--bm-comp-stepper-color-current-fg:var(--bm-sem-color-text-selected,#00768f);--bm-comp-stepper-color-current-border:var(--bm-sem-color-border-selected,#00768f);--bm-comp-stepper-color-current-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-stepper-color-complete-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-stepper-color-complete-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-stepper-color-complete-border:var(--bm-comp-stepper-color-complete-bg,#00768f);--bm-comp-stepper-color-complete-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-stepper-color-error-bg:var(--bm-sem-color-surface-negative,#fee6e7);--bm-comp-stepper-color-error-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-stepper-color-error-border:var(--bm-comp-stepper-color-error-fg,#cc2429);--bm-comp-stepper-color-error-heading:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-stepper-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-stepper-color-line:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-stepper-color-line-complete:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-stepper-size-sm-container:var(--bm-primitive-dimension-100,1rem);--bm-comp-stepper-size-sm-incomplete:var(--bm-primitive-dimension-75,.75rem);--bm-comp-stepper-size-sm-line-wrapper:var(--bm-comp-stepper-size-sm-container,1rem);--bm-comp-stepper-size-md-container:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-stepper-size-md-line-wrapper:var(--bm-comp-stepper-size-md-container,1.5rem);--bm-comp-stepper-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-content-gap:var(--bm-sem-space-25,.25rem);--bm-comp-stepper-space-horizontal-line-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-horizontal-content-x:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-wrapper-y:var(--bm-sem-space-75,.75rem);--bm-comp-stepper-space-vertical-content-wrapper-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-bottom:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-typo-heading:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-stepper-typo-body:var(--bm-sem-typo-body-xs,400 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-typo-number:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-stepper-border-width-container:var(--bm-sem-border-width-md,.063rem);--bm-comp-stepper-border-width-line:var(--bm-sem-border-width-md,.063rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-stepper-color-incomplete-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-stepper-color-incomplete-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-stepper-color-incomplete-border:var(--bm-sem-color-none,#fff0);--bm-comp-stepper-color-incomplete-heading:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-stepper-color-current-bg:var(--bm-sem-color-surface-selected,#01262d);--bm-comp-stepper-color-current-fg:var(--bm-sem-color-text-selected,#43bfd6);--bm-comp-stepper-color-current-border:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-stepper-color-current-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-stepper-color-complete-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-stepper-color-complete-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-stepper-color-complete-border:var(--bm-comp-stepper-color-complete-bg,#43bfd6);--bm-comp-stepper-color-complete-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-stepper-color-error-bg:var(--bm-sem-color-surface-negative,#520f11);--bm-comp-stepper-color-error-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-stepper-color-error-border:var(--bm-comp-stepper-color-error-fg,#f67378);--bm-comp-stepper-color-error-heading:var(--bm-sem-color-text-negative,#f67378);--bm-comp-stepper-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-stepper-color-line:var(--bm-sem-color-border-02,#465967);--bm-comp-stepper-color-line-complete:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-stepper-size-sm-container:var(--bm-primitive-dimension-100,1rem);--bm-comp-stepper-size-sm-incomplete:var(--bm-primitive-dimension-75,.75rem);--bm-comp-stepper-size-sm-line-wrapper:var(--bm-comp-stepper-size-sm-container,1rem);--bm-comp-stepper-size-md-container:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-stepper-size-md-line-wrapper:var(--bm-comp-stepper-size-md-container,1.5rem);--bm-comp-stepper-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-content-gap:var(--bm-sem-space-25,.25rem);--bm-comp-stepper-space-horizontal-line-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-horizontal-content-x:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-wrapper-y:var(--bm-sem-space-75,.75rem);--bm-comp-stepper-space-vertical-content-wrapper-gap:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-space-vertical-content-bottom:var(--bm-sem-space-50,.5rem);--bm-comp-stepper-typo-heading:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-stepper-typo-body:var(--bm-sem-typo-body-xs,400 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-typo-number:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-stepper-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-stepper-border-width-container:var(--bm-sem-border-width-md,.063rem);--bm-comp-stepper-border-width-line:var(--bm-sem-border-width-md,.063rem)}.bm-stepper{--bm-comp-stepper-line-thickness:var(--bm-comp-stepper-border-width-line);--bm-comp-stepper-size-container:var(--bm-comp-stepper-size-md-container);--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-space-horizontal-line-gap) + var(--bm-comp-stepper-size-container)/2);--bm-comp-stepper-size-line-min-height:1.5rem;width:100%;padding:unset;justify-content:center;align-items:flex-start;display:flex}.bm-stepper .bm-stepper__step--marker-only{--bm-comp-stepper-size-container:var(--bm-comp-stepper-size-sm-container);--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-space-horizontal-line-gap) + var(--bm-comp-stepper-size-container)/2)}.bm-stepper--horizontal{flex-direction:row}.bm-stepper--vertical{--bm-comp-stepper-line-thickness:var(--bm-comp-stepper-border-width-container);--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-size-md-line-wrapper)/2);flex-direction:column}.bm-stepper--vertical .bm-stepper__step--marker-only{--bm-comp-stepper-space-inline-start:calc(var(--bm-comp-stepper-size-sm-line-wrapper)/2)}.bm-stepper__step{--bm-comp-stepper-line-color:var(--bm-comp-stepper-color-line);flex:1 1 0;justify-content:center;align-items:center;padding-block-start:0;padding-block-end:0;display:flex;position:relative}.bm-stepper__step--error .bm-stepper__marker{border-color:var(--bm-comp-stepper-color-error-border);background:var(--bm-comp-stepper-color-error-bg);color:var(--bm-comp-stepper-color-error-fg)}.bm-stepper__step--error .bm-stepper__heading{color:var(--bm-comp-stepper-color-error-heading)}.bm-stepper__step--current .bm-stepper__marker{border-color:var(--bm-comp-stepper-color-current-border);background:var(--bm-comp-stepper-color-current-bg);color:var(--bm-comp-stepper-color-current-fg)}.bm-stepper__step--current .bm-stepper__heading{color:var(--bm-comp-stepper-color-current-heading)}.bm-stepper__step--complete{--bm-comp-stepper-line-color:var(--bm-comp-stepper-color-line-complete)}.bm-stepper__step--complete .bm-stepper__marker{border-color:var(--bm-comp-stepper-color-complete-border);background:var(--bm-comp-stepper-color-complete-bg);color:var(--bm-comp-stepper-color-complete-fg)}.bm-stepper__step--complete .bm-stepper__heading{color:var(--bm-comp-stepper-color-complete-heading)}.bm-stepper__step--complete .bm-stepper__content-wrapper{border-inline-start-color:var(--bm-comp-stepper-line-color)}.bm-stepper__step--horizontal{min-width:var(--bm-comp-stepper-size-container)}.bm-stepper__step--horizontal:after{content:"";inline-size:calc(100% - (var(--bm-comp-stepper-size-container) + 2*var(--bm-comp-stepper-space-horizontal-line-gap)));background:var(--bm-comp-stepper-line-color);height:var(--bm-comp-stepper-line-thickness);position:absolute;top:calc(var(--bm-comp-stepper-size-container)/2 - var(--bm-comp-stepper-line-thickness)/2)}.bm-stepper__step--horizontal:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:calc(50% + var(--bm-comp-stepper-space-inline-start))}.bm-stepper__step--horizontal:last-child:after{content:unset}.bm-stepper__step--horizontal .bm-stepper__body{text-align:center}.bm-stepper__step--vertical{flex-direction:column;align-items:start;width:100%}.bm-stepper__step--vertical .bm-stepper__content-wrapper{width:calc(100% - (var(--bm-comp-stepper-space-inline-start) + var(--bm-comp-stepper-space-vertical-content-wrapper-gap)));min-height:var(--bm-comp-stepper-size-line-min-height);border-inline-start:.0625rem solid var(--bm-comp-stepper-line-color);margin-inline-start:calc(var(--bm-comp-stepper-space-inline-start) - var(--bm-comp-stepper-line-thickness)/2);margin-block:var(--bm-comp-stepper-space-vertical-content-wrapper-y);flex:1;padding-block-end:var(--bm-comp-stepper-space-vertical-content-bottom);padding-inline-start:calc(var(--bm-comp-stepper-space-inline-start) + var(--bm-comp-stepper-space-vertical-content-wrapper-gap))}.bm-stepper__step--vertical:last-child .bm-stepper__content-wrapper{border:unset}.bm-stepper__marker-wrapper{justify-content:center;align-items:center;gap:var(--bm-comp-stepper-space-gap);flex-direction:column;display:flex}.bm-stepper__marker-wrapper--vertical{justify-content:flex-start;gap:var(--bm-comp-stepper-space-gap);flex-direction:row;padding-inline-start:unset}.bm-stepper__marker-wrapper>div{gap:var(--bm-comp-stepper-space-content-gap);padding:0 var(--bm-comp-stepper-space-horizontal-content-x);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.bm-stepper__marker{width:var(--bm-comp-stepper-size-md-container);height:var(--bm-comp-stepper-size-md-container);border-radius:var(--bm-comp-stepper-radius);border:var(--bm-comp-stepper-border-width-container)solid var(--bm-comp-stepper-color-incomplete-border);background:var(--bm-comp-stepper-color-incomplete-bg);font:var(--bm-comp-stepper-typo-number);color:var(--bm-comp-stepper-color-incomplete-fg);text-align:center;padding:unset;justify-content:center;align-items:center;display:flex}.bm-stepper__marker--interactive{cursor:pointer}.bm-stepper__marker--interactive:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-stepper__marker>svg{width:var(--bm-sem-size-icon-sm);height:var(--bm-sem-size-icon-sm);flex-shrink:0}.bm-stepper__marker--marker-only{width:var(--bm-comp-stepper-size-sm-container);height:var(--bm-comp-stepper-size-sm-container)}.bm-stepper__marker--marker-only>svg{width:var(--bm-sem-size-icon-xs);height:var(--bm-sem-size-icon-xs)}.bm-stepper__heading{font:var(--bm-comp-stepper-typo-heading);color:var(--bm-comp-stepper-color-incomplete-heading);text-align:center}.bm-stepper__heading--interactive{cursor:pointer}.bm-stepper__body{color:var(--bm-comp-stepper-color-body);font:var(--bm-comp-stepper-typo-body);text-align:start}
package/chunks/DateField.Segment.7oCeBSNo.js ADDED
@@ -0,0 +1 @@
1
+ var y=require("../assets/DateField.css");const v=require("react/jsx-runtime"),N=require("clsx"),d=require("react"),M=require("./classNames.DAeKwerT.js"),D=require("../lib/wip/DateField/DateField.utils.cjs.js"),F="date-field",{baseClassNamePrefix:R,classModifierPrefix:q,subElementClassPrefix:r}=M.getBEMClassNames(F),c={field:`${r}field`,segments:`${r}segments`,segment:`${r}segment`,separator:`${r}separator`},u={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-date-field":"bm-date-field","bm-date-field--disabled":"bm-date-field--disabled","bm-date-field--error":"bm-date-field--error","bm-date-field__field":"bm-date-field__field","bm-date-field__segment":"bm-date-field__segment","bm-date-field--read-only":"bm-date-field--read-only","bm-date-field--fluid":"bm-date-field--fluid","bm-date-field__segments":"bm-date-field__segments","bm-date-field__separator":"bm-date-field__separator"},I={day:31,month:12,year:9999},P={day:"day",month:"month",year:"year"},k=({type:n,value:_,displayValue:t,isPlaceholder:g,isActive:a,disabled:l,readOnly:o,onFocus:C,onBlur:p,onInput:x,segmentRef:m})=>{const s=!l&&!o,f=d.useRef(null),E=d.useCallback(e=>{f.current=e,m(e)},[m]),h=e=>{if(!s)return;const b=e.currentTarget,i=e.nativeEvent.data;i!=null&&i.length===1&&x(n,i),b.textContent!==t&&(b.textContent=t)};return d.useLayoutEffect(()=>{if(!a||!s)return;const e=f.current;e&&D.selectElementContents(e)},[t,a,s]),v.jsx("span",{ref:E,role:"spinbutton","aria-label":P[n],"aria-valuenow":_??void 0,"aria-valuemin":1,"aria-valuemax":I[n],"aria-valuetext":t,"aria-disabled":l||void 0,"aria-readonly":o||void 0,contentEditable:s&&a,suppressContentEditableWarning:!0,tabIndex:a?0:-1,inputMode:s?"numeric":void 0,spellCheck:!1,autoCorrect:"off",autoCapitalize:"off","data-segment":n,"data-active":a,"data-placeholder":g,onFocus:C,onBlur:p,onInput:h,onMouseUp:e=>e.preventDefault(),className:N(u[c.segment]),children:t})};exports.DateFieldSegment=k;exports.baseClassNamePrefix=R;exports.classModifierPrefix=q;exports.staticDateFieldClassNames=c;exports.styles=u;
package/chunks/DateField.Segment.DbjGMAPP.js ADDED
@@ -0,0 +1,99 @@
1
+ import "../assets/DateField.css";
2
+ import { jsx as E } from "react/jsx-runtime";
3
+ import x from "clsx";
4
+ import { useRef as h, useCallback as v, useLayoutEffect as M } from "react";
5
+ import { g as N } from "./classNames.BTJmrO_L.js";
6
+ import { selectElementContents as I } from "../lib/wip/DateField/DateField.utils.es.js";
7
+ const k = "date-field", { baseClassNamePrefix: F, classModifierPrefix: G, subElementClassPrefix: s } = N(k), D = {
8
+ field: `${s}field`,
9
+ segments: `${s}segments`,
10
+ segment: `${s}segment`,
11
+ separator: `${s}separator`
12
+ }, R = {
13
+ "bm-light": "bm-light",
14
+ "bm-dark": "bm-dark",
15
+ "bm-inverse": "bm-inverse",
16
+ "bm-enterprise": "bm-enterprise",
17
+ "bm-consumer": "bm-consumer",
18
+ "bm-date-field": "bm-date-field",
19
+ "bm-date-field--disabled": "bm-date-field--disabled",
20
+ "bm-date-field--error": "bm-date-field--error",
21
+ "bm-date-field__field": "bm-date-field__field",
22
+ "bm-date-field__segment": "bm-date-field__segment",
23
+ "bm-date-field--read-only": "bm-date-field--read-only",
24
+ "bm-date-field--fluid": "bm-date-field--fluid",
25
+ "bm-date-field__segments": "bm-date-field__segments",
26
+ "bm-date-field__separator": "bm-date-field__separator"
27
+ }, $ = {
28
+ day: 31,
29
+ month: 12,
30
+ year: 9999
31
+ }, y = {
32
+ day: "day",
33
+ month: "month",
34
+ year: "year"
35
+ }, j = ({
36
+ type: r,
37
+ value: b,
38
+ displayValue: t,
39
+ isPlaceholder: c,
40
+ isActive: a,
41
+ disabled: o,
42
+ readOnly: i,
43
+ onFocus: u,
44
+ onBlur: _,
45
+ onInput: p,
46
+ segmentRef: m
47
+ }) => {
48
+ const n = !o && !i, l = h(null), g = v(
49
+ (e) => {
50
+ l.current = e, m(e);
51
+ },
52
+ [m]
53
+ ), C = (e) => {
54
+ if (!n) return;
55
+ const f = e.currentTarget, d = e.nativeEvent.data;
56
+ d != null && d.length === 1 && p(r, d), f.textContent !== t && (f.textContent = t);
57
+ };
58
+ return M(() => {
59
+ if (!a || !n) return;
60
+ const e = l.current;
61
+ e && I(e);
62
+ }, [t, a, n]), /* @__PURE__ */ E(
63
+ "span",
64
+ {
65
+ ref: g,
66
+ role: "spinbutton",
67
+ "aria-label": y[r],
68
+ "aria-valuenow": b ?? void 0,
69
+ "aria-valuemin": 1,
70
+ "aria-valuemax": $[r],
71
+ "aria-valuetext": t,
72
+ "aria-disabled": o || void 0,
73
+ "aria-readonly": i || void 0,
74
+ contentEditable: n && a,
75
+ suppressContentEditableWarning: !0,
76
+ tabIndex: a ? 0 : -1,
77
+ inputMode: n ? "numeric" : void 0,
78
+ spellCheck: !1,
79
+ autoCorrect: "off",
80
+ autoCapitalize: "off",
81
+ "data-segment": r,
82
+ "data-active": a,
83
+ "data-placeholder": c,
84
+ onFocus: u,
85
+ onBlur: _,
86
+ onInput: C,
87
+ onMouseUp: (e) => e.preventDefault(),
88
+ className: x(R[D.segment]),
89
+ children: t
90
+ }
91
+ );
92
+ };
93
+ export {
94
+ j as D,
95
+ D as a,
96
+ F as b,
97
+ G as c,
98
+ R as s
99
+ };
package/chunks/FloatingUI.arrow.BK0jH2ge.js ADDED
@@ -0,0 +1 @@
1
+ var _=require("../assets/FloatingUI.css");const m=require("react/jsx-runtime"),f=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const g=require("clsx"),a=require("react"),e={"bm-floatingui":"bm-floatingui","bm-floatingui__arrow":"bm-floatingui__arrow","bm-floatingui__overlay":"bm-floatingui__overlay","bm-floatingui__overlay--transparent":"bm-floatingui__overlay--transparent","bm-dialog":"bm-dialog","bm-panel--contained":"bm-panel--contained"},b=a.forwardRef(({options:r,middleware:t},n)=>{const{subElementClassPrefix:o}=f.getBEMClassNames("floatingui"),{className:i,hide:s}=r,l=g(e[`${o}arrow`],i),u=a.useRef(null),c=n||u;return s?null:m.jsx("span",{ref:c,style:t.arrowStyles,className:l})});exports.Arrow=b;exports.floatinguiStyles=e;
package/chunks/FloatingUI.arrow.BXR2atOC.js ADDED
@@ -0,0 +1,28 @@
1
+ import "../assets/FloatingUI.css";
2
+ import { jsx as f } from "react/jsx-runtime";
3
+ import { g as u } from "./classNames.BTJmrO_L.js";
4
+ import "./constants.CKKGf1-i.js";
5
+ import g from "clsx";
6
+ import a from "react";
7
+ const _ = {
8
+ "bm-floatingui": "bm-floatingui",
9
+ "bm-floatingui__arrow": "bm-floatingui__arrow",
10
+ "bm-floatingui__overlay": "bm-floatingui__overlay",
11
+ "bm-floatingui__overlay--transparent": "bm-floatingui__overlay--transparent",
12
+ "bm-dialog": "bm-dialog",
13
+ "bm-panel--contained": "bm-panel--contained"
14
+ }, x = a.forwardRef(({ options: o, middleware: r }, t) => {
15
+ const { subElementClassPrefix: i } = u("floatingui"), { className: l, hide: n } = o, e = g(_[`${i}arrow`], l), s = a.useRef(null), m = t || s;
16
+ return n ? null : /* @__PURE__ */ f(
17
+ "span",
18
+ {
19
+ ref: m,
20
+ style: r.arrowStyles,
21
+ className: e
22
+ }
23
+ );
24
+ });
25
+ export {
26
+ x as A,
27
+ _ as f
28
+ };
package/chunks/dialog.module.Djvqgz-x.js ADDED
@@ -0,0 +1 @@
1
+ var i=require("../assets/dialog.css");const _={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-dialog":"bm-dialog","bm-dialog--sm":"bm-dialog--sm","bm-dialog--md":"bm-dialog--md","bm-dialog--lg":"bm-dialog--lg","bm-dialog--xl":"bm-dialog--xl","bm-dialog--full":"bm-dialog--full","bm-dialog__body":"bm-dialog__body","bm-dialog__header":"bm-dialog__header","bm-dialog__header__row":"bm-dialog__header__row","bm-dialog__header__icon":"bm-dialog__header__icon","bm-dialog__header__icon--information":"bm-dialog__header__icon--information","bm-dialog__header__icon--positive":"bm-dialog__header__icon--positive","bm-dialog__header__icon--negative":"bm-dialog__header__icon--negative","bm-dialog__header__icon--warning":"bm-dialog__header__icon--warning","bm-dialog__header__heading":"bm-dialog__header__heading","bm-dialog__header__close-trigger":"bm-dialog__header__close-trigger","bm-dialog__header__description":"bm-dialog__header__description","bm-dialog__header__children":"bm-dialog__header__children","bm-dialog__header__divider":"bm-dialog__header__divider","bm-dialog__footer":"bm-dialog__footer","bm-dialog__footer__divider":"bm-dialog__footer__divider","bm-dialog__footer__actions":"bm-dialog__footer__actions","bm-dialog__footer__tertiaryActions":"bm-dialog__footer__tertiaryActions"};exports.styles=_;
package/chunks/{dialog.module.TRHzVysh.js → dialog.module.vokt9Lwb.js} RENAMED
@@ -10,6 +10,8 @@ const i = {
10
10
  "bm-dialog--md": "bm-dialog--md",
11
11
  "bm-dialog--lg": "bm-dialog--lg",
12
12
  "bm-dialog--xl": "bm-dialog--xl",
13
+ "bm-dialog--full": "bm-dialog--full",
14
+ "bm-dialog__body": "bm-dialog__body",
13
15
  "bm-dialog__header": "bm-dialog__header",
14
16
  "bm-dialog__header__row": "bm-dialog__header__row",
15
17
  "bm-dialog__header__icon": "bm-dialog__header__icon",
@@ -22,7 +24,6 @@ const i = {
22
24
  "bm-dialog__header__description": "bm-dialog__header__description",
23
25
  "bm-dialog__header__children": "bm-dialog__header__children",
24
26
  "bm-dialog__header__divider": "bm-dialog__header__divider",
25
- "bm-dialog__body": "bm-dialog__body",
26
27
  "bm-dialog__footer": "bm-dialog__footer",
27
28
  "bm-dialog__footer__divider": "bm-dialog__footer__divider",
28
29
  "bm-dialog__footer__actions": "bm-dialog__footer__actions",
package/chunks/panel.module.BVmRxZHo.js ADDED
@@ -0,0 +1 @@
1
+ var n=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--position-start":"bm-panel--position-start","bm-panel--position-end":"bm-panel--position-end","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--contained":"bm-panel--contained","bm-panel--floating":"bm-panel--floating","bm-panel--size-sm":"bm-panel--size-sm","bm-panel--size-md":"bm-panel--size-md","bm-panel--size-lg":"bm-panel--size-lg","bm-panel__body":"bm-panel__body","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__footer":"bm-panel__footer","bm-panel--padding-md":"bm-panel--padding-md","bm-panel__header__row":"bm-panel__header__row","bm-panel__header__content-before":"bm-panel__header__content-before","bm-panel__header__content-after":"bm-panel__header__content-after","bm-panel__header__heading":"bm-panel__header__heading","bm-panel__header__description":"bm-panel__header__description","bm-panel__header__close-button":"bm-panel__header__close-button","bm-panel__footer__actions":"bm-panel__footer__actions","bm-panel__footer__actions--start":"bm-panel__footer__actions--start","bm-panel__footer__actions--end":"bm-panel__footer__actions--end","bm-panel__footer__actions--spaceBetween":"bm-panel__footer__actions--spaceBetween","bm-panel__footer__actions--stacked":"bm-panel__footer__actions--stacked","bm-panel__overlay-divider":"bm-panel__overlay-divider","bm-panel__overlay-divider--start":"bm-panel__overlay-divider--start","bm-panel__overlay-divider--end":"bm-panel__overlay-divider--end","bm-panel__overlay-divider--bottom":"bm-panel__overlay-divider--bottom","bm-panel__resize-handle":"bm-panel__resize-handle","bm-panel--resizable":"bm-panel--resizable","bm-panel__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper--size-sm":"bm-panel__inline-wrapper--size-sm","bm-panel__inline-wrapper--size-md":"bm-panel__inline-wrapper--size-md","bm-panel__inline-wrapper--size-lg":"bm-panel__inline-wrapper--size-lg","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content"};exports.styles=e;
package/chunks/{panel.module.BblnuBjO.js → panel.module.CnHWv4EZ.js} RENAMED
@@ -11,8 +11,7 @@ const n = {
11
11
  "bm-panel--position-start": "bm-panel--position-start",
12
12
  "bm-panel--position-end": "bm-panel--position-end",
13
13
  "bm-panel--position-bottom": "bm-panel--position-bottom",
14
- "bm-panel--size-full": "bm-panel--size-full",
15
- "bm-panel--position-full": "bm-panel--position-full",
14
+ "bm-panel--contained": "bm-panel--contained",
16
15
  "bm-panel--floating": "bm-panel--floating",
17
16
  "bm-panel--size-sm": "bm-panel--size-sm",
18
17
  "bm-panel--size-md": "bm-panel--size-md",
@@ -43,7 +42,6 @@ const n = {
43
42
  "bm-panel__inline-wrapper--size-sm": "bm-panel__inline-wrapper--size-sm",
44
43
  "bm-panel__inline-wrapper--size-md": "bm-panel__inline-wrapper--size-md",
45
44
  "bm-panel__inline-wrapper--size-lg": "bm-panel__inline-wrapper--size-lg",
46
- "bm-panel__inline-wrapper--size-full": "bm-panel__inline-wrapper--size-full",
47
45
  "bm-panel__inline-wrapper-content": "bm-panel__inline-wrapper-content"
48
46
  };
49
47
  export {
package/lib/ActionList/ActionList.Group.d.ts CHANGED
@@ -14,7 +14,7 @@ export interface ActionListGroupProps extends React.ComponentPropsWithoutRef<'di
14
14
  */
15
15
  indent?: boolean | number;
16
16
  /**
17
- * Add a divider between groups
17
+ * Add a divider at the bottom of this group
18
18
  *
19
19
  * @default false
20
20
  */
package/lib/Autocomplete/Autocomplete.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),Ue=require("../../chunks/classNames.DAeKwerT.js"),Xe=require("../../chunks/constants.hwjHOsvT.js"),i=require("../../chunks/combobox.module.BRWGQi7s.js"),V=require("clsx"),E=require("../../chunks/form.context.hesWPMlU.js"),Ye=require("../Form/contexts/label.context.cjs.js"),Ze=require("../Form/contexts/helperText.context.cjs.js"),L=require("../ActionList/ActionList.cjs.js"),H=require("../_Options/Option.context.cjs.js"),et=require("../_Options/Option.cjs.js"),tt=require("../_Options/useSelectValue.cjs.js"),st=require("./useAutocompleteDropdown.cjs.js"),lt=require("./AutocompleteDropdown.cjs.js"),ot=require("./useAutocompleteChips.cjs.js"),it=require("./useAutocompleteKeyboardManager.cjs.js"),rt=require("./utils/filterOptions.cjs.js"),nt=require("./useClearSelection.cjs.js"),ct=require("./AutocompleteField.cjs.js"),at=require("./useAutocompleteA11y.cjs.js"),ut=require("./useAutocompleteInteractions.cjs.js"),dt=require("../_Options/strategies/SelectionStrategy.cjs.js"),pt=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:mt,subElementClassPrefix:$,classModifierPrefix:c}=Ue.getBEMClassNames("combobox"),bt=n.forwardRef(({theme:q,width:K,error:u,children:G,label:W=null,contentBefore:z,contentAfter:J,fluid:Q=!1,helperText:B=null,validationRules:U=[],className:X,hideRequiredMarker:Y=!1,disabled:Z=!1,readOnly:ee=!1,required:te=!1,placeholder:se="",onChange:x,noResultsText:le="No results found",optionFilter:v,hideChevron:oe=!1,..._},ie)=>{const{id:D,name:re,"aria-describedby":ne,multiple:s=!1,clearable:ce=s,...ae}=_,{showErrors:ue,isInvalid:de,errorShown:pe,disabled:l,readOnly:r,required:C}=E.useFormField({name:re,validationRules:U,disabledProp:Z,readOnlyProp:ee,requiredProp:te}),{aria:y,ids:me}=at.default({helperText:B,externalDescribedBy:ne,error:u,errorShown:pe,invalid:!!u||de}),{helperTextId:be,errorId:xe,validationErrorsId:_e,labelId:g}=me,ye=!!(u!=null&&u.length),fe=n.useCallback(t=>{x==null||x(t)},[x]),{value:d,setValue:F,selectProps:he,handleBlur:Ae,singleValue:P}=tt.useSelectValue({onChange:fe,..._},ie),[p,S]=n.useState(null),I=!p&&(!d||Array.isArray(d)&&!d.length),{optionsContext:Oe,optionIds:a,optionsProps:m,selectedOptionsProps:j,deselectOptionValue:w,getOptionByIndex:qe}=H.useCreateOptionsContext(d,F,s),ve=n.useMemo(()=>{if(!P)return;const t=a.map(e=>m.get(e)).findIndex(e=>(e==null?void 0:e.value)===P);return t!==-1?t:void 0},[a,m,P]),M=n.useRef(null),{getFieldProps:Ce,getInputProps:ge,dropdownProps:Pe,refs:Se,open:R,setOpen:f,status:Ie,setDisplayActiveIndex:je}=st.useAutocompleteDropdown({disabled:l,readOnly:r,lastSelectedOptionIndex:ve,fieldRef:M}),h=Se.domReference,Me=V(i.styles[mt],q&&Xe.themeClassName(q),Q&&i.styles[`${c}fluid`],y.invalid&&i.styles[`${c}error`],l&&i.styles[`${c}disabled`],r&&i.styles[`${c}read-only`],I&&i.styles[`${c}empty`],s&&i.styles[`${c}multiple`],i.styles[`${c}autocomplete`],i.styles[`${c}dropdown-${Ie}`],X),{canClear:Ne,handleClear:$e}=nt.default({multiple:s,clearable:ce,isEmpty:I,disabled:l,readOnly:r,setValue:F,setSearchText:S,inputRef:h,setOpen:f}),{chipGroupProps:Be,handleBlur:De,selectedChip:Fe,setSelectedChip:we,enabled:Re,selectPreviousChip:ke,selectNextChip:Te,options:Ve,deselectOptionValue:Ee}=ot.useAutocompleteChips({multiple:s,disabled:l,readOnly:r,open:R,setOpen:f,options:j,deselectOptionValue:w,fieldRef:M,inputRef:h}),{getKeyboardProps:k}=it.useAutocompleteKeyboardManager({multiple:s,disabled:l,readOnly:r,open:R,setOpen:f,inputRef:h,fieldRef:M,chips:{enabled:Re,selectedChip:Fe,setSelectedChip:we,selectPreviousChip:ke,selectNextChip:Te,options:Ve,deselectOptionValue:Ee}}),T=n.useMemo(()=>dt.createSelectionStrategy(s),[s]),{handleBlur:Le,handleFocus:He,handleItemClick:Ke}=ut.useAutocompleteInteractions({selectionStrategy:T,selectedOptions:j,inputRef:h,blurSelect:Ae,blurChips:De,setSearchText:S,setOpen:f,searchText:p,getOptionByIndex:qe,setDisplayActiveIndex:je}),N=n.useMemo(()=>a.reduce((t,e)=>{const b=m.get(e);if(!b)return t;const A=v?v(b,p):rt.default(b,p);return t[e]=A,t},{}),[a,m,p,v]),Ge=n.useMemo(()=>a.every(t=>N[t]),[a,N]),{ref:We,...ze}=k(Ce()),Je=k(ge());return o.jsxs(H.OptionsProvider,{value:Oe,children:[o.jsxs("div",{className:Me,style:{maxWidth:K},children:[o.jsx(Ye.LabelProvider,{ctxHtmlFor:D,ctxDisabled:l,ctxRequired:C&&!Y,ctxId:g,children:W}),o.jsx(ct.AutocompleteField,{id:D,disabled:l,readOnly:r,required:C,contentBefore:z,contentAfter:J,chips:o.jsx(pt.OptionChips,{multiple:s,disabled:l,readOnly:r,selectedOptions:j,deselectOptionValue:w,chipGroupProps:Be,input:o.jsx("input",{className:i.styles[`${$}field__input`],"aria-readonly":r,"aria-disabled":l,"aria-required":C,"aria-invalid":y.invalid,"aria-errormessage":y.errorMessage||void 0,"aria-labelledby":!_.ariaLabel&&g?g:void 0,"aria-label":_.ariaLabel,"aria-describedby":y.describedBy,placeholder:s&&!I?"":se,onChange:t=>S(t.target.value),disabled:l,readOnly:r,autoComplete:"off",tabIndex:l?-1:0,autoFocus:!1,...Je})}),hasClearButton:Ne,hideChevron:oe,onClear:$e,onBlur:Le,onFocusCapture:He,...ze,ref:We}),o.jsxs(Ze.HelperTextProvider,{ctxId:be,ctxDisabled:l,children:[B,ye&&o.jsx(E.HelperText,{id:xe,appearance:"negative",children:u})]}),ue(_e)]}),o.jsxs("select",{...ae,...he,hidden:!0,multiple:s,children:[o.jsx("option",{value:"",children:"empty"}),G]}),o.jsx(lt.AutocompleteDropdown,{...Pe,className:i.styles[`${$}dropdown`],disabled:l,readOnly:r,theme:q,multiple:s,onItemClick:Ke,children:o.jsx(L.ActionList,{role:"listbox",noResults:Ge?le:void 0,children:a.map(t=>{const e=m.get(t);if(!e)return null;const b=T.isSelected(e.value,d),A=N[t],Qe=A||e.disabled;return n.createElement(L.ActionList.Item,{...e,className:V(i.styles[`${$}option`],e.className),disabled:Qe,hidden:A,defaultSelected:b,key:`opt-${e.value??e.label}`,kind:s?"checkbox":"singleCheckMark",role:"option"})})})})]})}),O=bt;O.Option=et.Option;O.displayName="Autocomplete";exports.Autocomplete=O;exports.default=O;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),lt=require("../../chunks/classNames.DAeKwerT.js"),rt=require("../../chunks/constants.hwjHOsvT.js"),i=require("../../chunks/combobox.module.BRWGQi7s.js"),nt=require("clsx"),c=require("react"),J=require("../../chunks/form.context.hesWPMlU.js"),ct=require("../Form/contexts/label.context.cjs.js"),at=require("../Form/contexts/helperText.context.cjs.js"),Q=require("../ActionList/ActionList.cjs.js"),U=require("../_Options/Option.context.cjs.js"),ut=require("../_Options/Option.cjs.js"),dt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const pt=require("../_Options/getLastVisibleStructureIndex.cjs.js"),bt=require("../_Options/useRenderOption.cjs.js"),mt=require("../_Options/useSelectValue.cjs.js"),_t=require("./useAutocompleteDropdown.cjs.js"),xt=require("./AutocompleteDropdown.cjs.js"),ht=require("./useAutocompleteChips.cjs.js"),ft=require("./useAutocompleteKeyboardManager.cjs.js"),yt=require("./utils/filterOptions.cjs.js"),Ot=require("./useClearSelection.cjs.js"),gt=require("./AutocompleteField.cjs.js"),At=require("./useAutocompleteA11y.cjs.js"),qt=require("./useAutocompleteInteractions.cjs.js"),vt=require("../_Options/strategies/SelectionStrategy.cjs.js"),Ct=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:It,subElementClassPrefix:D,classModifierPrefix:a}=lt.getBEMClassNames("combobox"),Pt=c.forwardRef(({theme:q,width:X,error:d,children:Y,label:Z=null,contentBefore:ee,contentAfter:te,fluid:se=!1,helperText:F=null,validationRules:oe=[],className:ie,hideRequiredMarker:le=!1,disabled:re=!1,readOnly:ne=!1,required:ce=!1,placeholder:ae="",onChange:f,noResultsText:ue="No results found",optionFilter:v,hideChevron:de=!1,...y},pe)=>{const{id:L,name:be,"aria-describedby":me,multiple:t=!1,clearable:_e=t,...xe}=y,{showErrors:he,isInvalid:fe,errorShown:ye,disabled:s,readOnly:r,required:C}=J.useFormField({name:be,validationRules:oe,disabledProp:re,readOnlyProp:ne,requiredProp:ce}),{aria:O,ids:Oe}=At.default({helperText:F,externalDescribedBy:me,error:d,errorShown:ye,invalid:!!d||fe}),{helperTextId:ge,errorId:Ae,validationErrorsId:qe,labelId:I}=Oe,ve=!!(d!=null&&d.length),Ce=c.useCallback(e=>{f==null||f(e)},[f]),{value:b,setValue:G,selectProps:Ie,handleBlur:Pe,singleValue:P}=mt.useSelectValue({onChange:Ce,...y},pe),[m,S]=c.useState(null),j=!m&&(!b||Array.isArray(b)&&!b.length),{optionsContext:Se,optionIds:u,optionsProps:_,selectedOptionsProps:V,deselectOptionValue:T,getOptionByIndex:je,structureIds:M,groupsProps:w,optionGroupOf:E,optionIdsByGroup:B}=U.useCreateOptionsContext(b,G,t),Ve=c.useMemo(()=>{if(!P)return;const e=u.map(l=>_.get(l)).findIndex(l=>(l==null?void 0:l.value)===P);return e!==-1?e:void 0},[u,_,P]),N=c.useRef(null),{getFieldProps:Me,getInputProps:we,dropdownProps:Be,refs:Ne,open:H,setOpen:g,status:Re,setDisplayActiveIndex:$e}=_t.useAutocompleteDropdown({disabled:s,readOnly:r,lastSelectedOptionIndex:Ve,fieldRef:N}),A=Ne.domReference,De=nt(i.styles[It],q&&rt.themeClassName(q),se&&i.styles[`${a}fluid`],O.invalid&&i.styles[`${a}error`],s&&i.styles[`${a}disabled`],r&&i.styles[`${a}read-only`],j&&i.styles[`${a}empty`],t&&i.styles[`${a}multiple`],i.styles[`${a}autocomplete`],i.styles[`${a}dropdown-${Re}`],ie),{canClear:Fe,handleClear:Le}=Ot.default({multiple:t,clearable:_e,isEmpty:j,disabled:s,readOnly:r,setValue:G,setSearchText:S,inputRef:A,setOpen:g}),{chipGroupProps:Ge,handleBlur:Te,selectedChip:Ee,setSelectedChip:He,enabled:ke,selectPreviousChip:Ke,selectNextChip:We,options:ze,deselectOptionValue:Je}=ht.useAutocompleteChips({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,options:V,deselectOptionValue:T,fieldRef:N,inputRef:A}),{getKeyboardProps:k}=ft.useAutocompleteKeyboardManager({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,inputRef:A,fieldRef:N,chips:{enabled:ke,selectedChip:Ee,setSelectedChip:He,selectPreviousChip:Ke,selectNextChip:We,options:ze,deselectOptionValue:Je}}),K=c.useMemo(()=>vt.createSelectionStrategy(t),[t]),{handleBlur:Qe,handleFocus:Ue,handleItemClick:Xe}=qt.useAutocompleteInteractions({selectionStrategy:K,selectedOptions:V,inputRef:A,blurSelect:Pe,blurChips:Te,setSearchText:S,setOpen:g,searchText:m,getOptionByIndex:je,setDisplayActiveIndex:$e}),p=c.useMemo(()=>u.reduce((e,l)=>{const n=_.get(l);if(!n)return e;const x=E.get(l),z=x?w.get(x):void 0,R=v?v(n,m,z):yt.default(n,m);return e[l]=R,e},{}),[u,_,m,v,E,w]),Ye=c.useMemo(()=>u.length===0?!1:u.every(e=>p[e]),[u,p]),Ze=c.useMemo(()=>pt.getLastVisibleStructureIndex(M,B,p),[M,B,p]),W=bt.useRenderOption({optionsProps:_,selectionStrategy:K,value:b,multiple:t,optionClassName:i.styles[`${D}option`],filteredOptionsById:p}),{ref:et,...tt}=k(Me()),st=k(we());return o.jsxs(U.OptionsProvider,{value:Se,children:[o.jsxs("div",{className:De,style:{maxWidth:X},children:[o.jsx(ct.LabelProvider,{ctxHtmlFor:L,ctxDisabled:s,ctxRequired:C&&!le,ctxId:I,children:Z}),o.jsx(gt.AutocompleteField,{id:L,disabled:s,readOnly:r,required:C,contentBefore:ee,contentAfter:te,chips:o.jsx(Ct.OptionChips,{multiple:t,disabled:s,readOnly:r,selectedOptions:V,deselectOptionValue:T,chipGroupProps:Ge,input:o.jsx("input",{className:i.styles[`${D}field__input`],"aria-readonly":r,"aria-disabled":s,"aria-required":C,"aria-invalid":O.invalid,"aria-errormessage":O.errorMessage||void 0,"aria-labelledby":!y.ariaLabel&&I?I:void 0,"aria-label":y.ariaLabel,"aria-describedby":O.describedBy,placeholder:t&&!j?"":ae,onChange:e=>S(e.target.value),disabled:s,readOnly:r,autoComplete:"off",tabIndex:s?-1:0,autoFocus:!1,...st})}),hasClearButton:Fe,hideChevron:de,onClear:Le,onBlur:Qe,onFocusCapture:Ue,...tt,ref:et}),o.jsxs(at.HelperTextProvider,{ctxId:ge,ctxDisabled:s,children:[F,ve&&o.jsx(J.HelperText,{id:Ae,appearance:"negative",children:d})]}),he(qe)]}),o.jsxs("select",{...xe,...Ie,hidden:!0,multiple:t,children:[o.jsx("option",{value:"",children:"empty"}),Y]}),o.jsx(xt.AutocompleteDropdown,{...Be,className:i.styles[`${D}dropdown`],disabled:s,readOnly:r,theme:q,multiple:t,onItemClick:Xe,children:o.jsx(Q.ActionList,{role:"listbox",noResults:Ye?ue:void 0,children:M.map((e,l)=>{if(e.kind==="option")return W(e.id);const n=w.get(e.id);if(!n)return null;const x=B.get(e.id)??[],R=!x.some($=>!p[$]),ot=l===Ze,it=!!n.divider&&!ot;return o.jsx(Q.ActionList.Group,{heading:n.heading,divider:it,disabled:n.disabled,hidden:R,children:x.map($=>W($,n.disabled))},e.id)})})})]})}),h=Pt;h.Option=ut.Option;h.OptionGroup=dt.OptionGroup;h.displayName="Autocomplete";exports.Autocomplete=h;exports.default=h;
package/lib/Autocomplete/Autocomplete.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { FormValidator } from '@viasat/beam-shared/components/form';
2
2
  import { ThemeTypes } from '@viasat/beam-shared/utils';
3
3
  import { default as React, FC, PropsWithoutRef, ReactNode } from 'react';
4
- import { Option, OptionProps } from '../_Options';
4
+ import { Option, OptionGroup, OptionGroupProps, OptionProps } from '../_Options';
5
5
  export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'> {
6
6
  /**
7
7
  * Specify HelperText for Autocomplete
@@ -78,7 +78,7 @@ export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'>
78
78
  */
79
79
  contentAfter?: ReactNode;
80
80
  /**
81
- * Add `Autocomplete.Option` components as children
81
+ * Add any combination of `Autocomplete.Option` and `Autocomplete.OptionGroup` components as children
82
82
  */
83
83
  children: ReactNode;
84
84
  /**
@@ -102,13 +102,13 @@ export interface AutocompleteProps extends React.ComponentPropsWithRef<'select'>
102
102
  */
103
103
  hideChevron?: boolean;
104
104
  /**
105
- * Provide a custom option filtering function. Receives all option props (including undefined placeholders), and the current search text.
106
- * Should return a filtered array (can re-order). Defaults to internal case-insensitive label/value matching
105
+ * Provide a custom option filtering function. Receives the option props, the current search text, and (when the option is inside an `Autocomplete.OptionGroup`) the owning group's props. Return `true` to filter the option out, `false` to keep it visible. Defaults to internal case-insensitive label/value matching that ignores the group.
107
106
  */
108
- optionFilter?: (option: OptionProps, searchText: string | null) => boolean;
107
+ optionFilter?: (option: OptionProps, searchText: string | null, group?: OptionGroupProps) => boolean;
109
108
  }
110
109
  declare const AutocompleteComponent: FC<PropsWithoutRef<AutocompleteProps>>;
111
110
  export declare const Autocomplete: typeof AutocompleteComponent & {
112
111
  Option: typeof Option;
112
+ OptionGroup: typeof OptionGroup;
113
113
  };
114
114
  export default Autocomplete;