@viasat/beam-web-components 2.21.0 → 2.22.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 (122) hide show
  1. package/Accordion/Accordion.js +1 -1
  2. package/Accordion/AccordionGroup.js +1 -1
  3. package/Accordion/index.js +1 -1
  4. package/Alert/Alert.js +43 -43
  5. package/Avatar/Avatar.js +1 -1
  6. package/Avatar/AvatarGroup.js +1 -1
  7. package/Avatar/index.js +1 -1
  8. package/Badge/Badge.js +1 -1
  9. package/BadgeDot/BadgeDot.js +18 -18
  10. package/Breadcrumbs/Breadcrumbs.js +1 -1
  11. package/Breadcrumbs/BreadcrumbsItem.js +1 -1
  12. package/Breadcrumbs/index.js +1 -1
  13. package/Button/Button.js +10 -10
  14. package/CloseButton/CloseButton.js +16 -16
  15. package/Divider/Divider.js +17 -17
  16. package/EmptyState/EmptyState.js +20 -20
  17. package/HelperText/HelperText.js +1 -1
  18. package/HelperText/index.js +1 -1
  19. package/InputChoiceGroup/InputChoiceGroup.js +54 -54
  20. package/Label/Label.d.ts +68 -0
  21. package/Label/Label.js +110 -0
  22. package/Link/Link.js +51 -51
  23. package/List/List.js +1 -1
  24. package/List/ListItem.js +1 -1
  25. package/ProgressBar/ProgressBar.js +19 -19
  26. package/SegmentedControl/SegmentedControl.js +1 -1
  27. package/SegmentedControl/SegmentedControlItem.js +1 -1
  28. package/SegmentedControl/SegmentedControlList.js +1 -1
  29. package/SegmentedControl/SegmentedControlPanel.js +1 -1
  30. package/Spinner/Spinner.js +28 -28
  31. package/Tooltip/Tooltip.js +85 -85
  32. package/chunks/Accordion.Bwk3EG3j.js +161 -0
  33. package/chunks/Avatar.BgufO4-1.js +174 -0
  34. package/chunks/BreadcrumbsItem.DmudL_IG.js +121 -0
  35. package/chunks/HelperText.SJGM6Q5H.js +108 -0
  36. package/chunks/fileUpload.module.CNe9mg2f.js +4 -0
  37. package/chunks/list.module.BSL1AIzv.js +4 -0
  38. package/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
  39. package/custom-elements.json +1143 -1126
  40. package/local/Accordion/Accordion.js +1 -1
  41. package/local/Accordion/AccordionGroup.js +1 -1
  42. package/local/Accordion/index.js +1 -1
  43. package/local/Alert/Alert.js +20 -20
  44. package/local/Avatar/Avatar.js +1 -1
  45. package/local/Avatar/AvatarGroup.js +1 -1
  46. package/local/Avatar/index.js +1 -1
  47. package/local/Badge/Badge.js +1 -1
  48. package/local/BadgeDot/BadgeDot.js +4 -4
  49. package/local/Breadcrumbs/Breadcrumbs.js +1 -1
  50. package/local/Breadcrumbs/BreadcrumbsItem.js +1 -1
  51. package/local/Breadcrumbs/index.js +1 -1
  52. package/local/Button/Button.js +10 -10
  53. package/local/CloseButton/CloseButton.js +24 -24
  54. package/local/Divider/Divider.js +22 -22
  55. package/local/EmptyState/EmptyState.js +18 -18
  56. package/local/HelperText/HelperText.js +1 -1
  57. package/local/HelperText/index.js +1 -1
  58. package/local/InputChoiceGroup/InputChoiceGroup.js +39 -39
  59. package/local/Label/Label.js +109 -0
  60. package/local/Link/Link.js +25 -25
  61. package/local/List/List.js +1 -1
  62. package/local/List/ListItem.js +1 -1
  63. package/local/ProgressBar/ProgressBar.js +19 -19
  64. package/local/SegmentedControl/SegmentedControl.js +1 -1
  65. package/local/SegmentedControl/SegmentedControlItem.js +1 -1
  66. package/local/SegmentedControl/SegmentedControlList.js +1 -1
  67. package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
  68. package/local/Spinner/Spinner.js +34 -34
  69. package/local/Tooltip/Tooltip.js +85 -85
  70. package/local/chunks/Accordion.UOcVt0ft.js +161 -0
  71. package/local/chunks/Avatar.CEb3Se7H.js +172 -0
  72. package/local/chunks/BreadcrumbsItem.Dp9fzlcw.js +121 -0
  73. package/local/chunks/fileUpload.module.CNe9mg2f.js +4 -0
  74. package/local/chunks/index.DNafYKj-.js +106 -0
  75. package/local/chunks/list.module.BSL1AIzv.js +4 -0
  76. package/local/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
  77. package/local/wip/Checkbox/Checkbox.js +1 -1
  78. package/local/wip/FileUpload/FileUpload.Button.js +1 -1
  79. package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
  80. package/local/wip/FileUpload/FileUpload.List.Item.js +2 -2
  81. package/local/wip/FileUpload/FileUpload.List.js +1 -1
  82. package/local/wip/FileUpload/FileUpload.js +2 -2
  83. package/local/wip/Form/Form.decorator.js +1 -1
  84. package/local/wip/NativeSelect/NativeSelect.js +18 -18
  85. package/local/wip/RadioButton/RadioButton.js +9 -9
  86. package/local/wip/Switch/Switch.js +9 -9
  87. package/local/wip/TextArea/TextArea.js +21 -21
  88. package/local/wip/TextField/TextField.js +26 -26
  89. package/package.json +6 -6
  90. package/vscode.html-custom-data.json +201 -196
  91. package/wip/Checkbox/Checkbox.js +53 -53
  92. package/wip/FileUpload/FileUpload.Button.js +1 -1
  93. package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
  94. package/wip/FileUpload/FileUpload.List.Item.js +2 -2
  95. package/wip/FileUpload/FileUpload.List.js +1 -1
  96. package/wip/FileUpload/FileUpload.js +2 -2
  97. package/wip/Form/Form.decorator.js +1 -1
  98. package/wip/NativeSelect/NativeSelect.js +25 -25
  99. package/wip/RadioButton/RadioButton.js +7 -7
  100. package/wip/Switch/Switch.js +9 -9
  101. package/wip/TextArea/TextArea.js +13 -13
  102. package/wip/TextField/TextField.js +26 -26
  103. package/chunks/Accordion.DYD3XcAx.js +0 -161
  104. package/chunks/Avatar.C2rfzUGP.js +0 -174
  105. package/chunks/BreadcrumbsItem.4ZR6wbMz.js +0 -121
  106. package/chunks/HelperText.CcVVOtA3.js +0 -108
  107. package/chunks/fileUpload.module.kN6o64aL.js +0 -4
  108. package/chunks/list.module.CZRPBLzy.js +0 -4
  109. package/chunks/segmentedControl.module.BPXEWodj.js +0 -4
  110. package/local/chunks/Accordion.BP1XR2Gd.js +0 -161
  111. package/local/chunks/Avatar.CvTOzaRT.js +0 -172
  112. package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +0 -121
  113. package/local/chunks/fileUpload.module.kN6o64aL.js +0 -4
  114. package/local/chunks/index.Bz1Jq4c2.js +0 -106
  115. package/local/chunks/list.module.CZRPBLzy.js +0 -4
  116. package/local/chunks/segmentedControl.module.BPXEWodj.js +0 -4
  117. package/local/wip/Label/Label.js +0 -86
  118. package/wip/Label/Label.d.ts +0 -43
  119. package/wip/Label/Label.js +0 -87
  120. /package/{wip/Label → Label}/index.d.ts +0 -0
  121. /package/{local/wip/Label → Label}/index.js +0 -0
  122. /package/{wip → local}/Label/index.js +0 -0
@@ -1,4 +0,0 @@
1
- const i = ":root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-list-space-indent: var(--bm-sem-space-200, 2rem);--bm-comp-list-space-icon: var(--bm-sem-space-50, .5rem);--bm-comp-list-space-marker: var(--bm-sem-space-25, .25rem);--bm-comp-list-space-bottom-md: var(--bm-sem-space-50, .5rem);--bm-comp-list-space-bottom-lg: var(--bm-sem-space-100, 1rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-list-space-indent: var(--bm-sem-space-200, 2rem);--bm-comp-list-space-icon: var(--bm-sem-space-50, .5rem);--bm-comp-list-space-marker: var(--bm-sem-space-25, .25rem);--bm-comp-list-space-bottom-md: var(--bm-sem-space-50, .5rem);--bm-comp-list-space-bottom-lg: var(--bm-sem-space-100, 1rem)}.bm-list{list-style:none;color:var(--bm-sem-color-text-primary);padding-inline-start:var(--bm-comp-list-space-indent);margin-block-start:0;margin-block-end:0}.bm-list--ordered{list-style-type:decimal}.bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered{list-style-type:lower-alpha}.bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:lower-roman}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:decimal}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:lower-alpha}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:lower-roman}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:decimal}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:lower-alpha}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:lower-roman}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:decimal}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered{list-style-type:lower-alpha}.bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered>li .bm-list--ordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered{list-style-type:disc}.bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered{list-style-type:circle}.bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:disc}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:circle}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:disc}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:circle}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:disc}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:circle}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:disc}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:circle}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered{list-style-type:disc}.bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered>li .bm-list--unordered li{padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list--unstyled,.bm-list--withIcons{list-style-type:none;padding-inline-start:0}.bm-list--withIcons .bm-list__content{display:flex}.bm-list--indent{padding-inline-start:var(--bm-comp-list-space-indent)}.bm-list--sm.bm-list--wcWithIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-md) + var(--bm-comp-list-space-icon)))}.bm-list--sm li,.bm-list--sm,.bm-list--sm ::slotted(bm-list-item){font:var(--bm-sem-typo-body-sm)}.bm-list--sm .bm-list__icon{color:var(--bm-sem-color-icon-primary)}.bm-list--sm .bm-list__icon svg{vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-md);height:var(--bm-sem-size-icon-md)}.bm-list--sm .bm-list--withIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-md) + var(--bm-comp-list-space-icon)))}.bm-list--md.bm-list--wcWithIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-lg) + var(--bm-comp-list-space-icon)))}.bm-list--md li,.bm-list--md,.bm-list--md ::slotted(bm-list-item){font:var(--bm-sem-typo-body-md)}.bm-list--md .bm-list__icon{color:var(--bm-sem-color-icon-primary)}.bm-list--md .bm-list__icon svg{vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg)}.bm-list--md .bm-list--withIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-lg) + var(--bm-comp-list-space-icon)))}.bm-list--lg.bm-list--wcWithIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-xl) + var(--bm-comp-list-space-icon)))}.bm-list--lg li,.bm-list--lg,.bm-list--lg ::slotted(bm-list-item){font:var(--bm-sem-typo-body-lg)}.bm-list--lg .bm-list__icon{color:var(--bm-sem-color-icon-primary)}.bm-list--lg .bm-list__icon svg{vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-xl);height:var(--bm-sem-size-icon-xl)}.bm-list--lg .bm-list--withIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-xl) + var(--bm-comp-list-space-icon)))}.bm-list--xl.bm-list--wcWithIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-2xl) + var(--bm-comp-list-space-icon)))}.bm-list--xl li,.bm-list--xl,.bm-list--xl ::slotted(bm-list-item){font:var(--bm-sem-typo-body-xl)}.bm-list--xl .bm-list__icon{color:var(--bm-sem-color-icon-primary)}.bm-list--xl .bm-list__icon svg{vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-2xl);height:var(--bm-sem-size-icon-2xl)}.bm-list--xl .bm-list--withIcons{margin-inline-start:calc(-1 * (var(--bm-sem-size-icon-2xl) + var(--bm-comp-list-space-icon)))}.bm-list--density-md li:not(:has(>ol,>ul)){padding-bottom:var(--bm-comp-list-space-bottom-md)}.bm-list--density-md ol,.bm-list--density-md ul,.bm-list--density-md--nested{padding-top:var(--bm-comp-list-space-bottom-md)}.bm-list--density-lg li:not(:has(>ol,>ul)){padding-bottom:var(--bm-comp-list-space-bottom-lg)}.bm-list--density-lg ol,.bm-list--density-lg ul,.bm-list--density-lg--nested{padding-top:var(--bm-comp-list-space-bottom-lg)}.bm-list__item{display:list-item}.bm-list__item--decimal{list-style-type:decimal;padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list__item--lower-alpha{list-style:lower-alpha;padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list__item--lower-roman{list-style-type:lower-roman;padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list__item--disc{list-style-type:disc;padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list__item--circle{list-style-type:circle;padding-inline-start:var(--bm-comp-list-space-marker)}.bm-list__item__content{display:flex}.bm-list__item--density-md{padding-bottom:var(--bm-comp-list-space-bottom-md)}.bm-list__item--density-lg{padding-bottom:var(--bm-comp-list-space-bottom-lg)}.bm-list__item--sm__icon svg,.bm-list__item--sm ::slotted([slot=icon]){flex-shrink:0;color:var(--bm-sem-color-icon-primary);display:inline-block;vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-md);height:var(--bm-sem-size-icon-md)}.bm-list__item--md__icon svg,.bm-list__item--md ::slotted([slot=icon]){flex-shrink:0;color:var(--bm-sem-color-icon-primary);display:inline-block;vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg)}.bm-list__item--lg__icon svg,.bm-list__item--lg ::slotted([slot=icon]){flex-shrink:0;color:var(--bm-sem-color-icon-primary);display:inline-block;vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-xl);height:var(--bm-sem-size-icon-xl)}.bm-list__item--xl__icon svg,.bm-list__item--xl ::slotted([slot=icon]){flex-shrink:0;color:var(--bm-sem-color-icon-primary);display:inline-block;vertical-align:bottom;margin-inline-end:var(--bm-comp-list-space-icon);width:var(--bm-sem-size-icon-2xl);height:var(--bm-sem-size-icon-2xl)}";
2
- export {
3
- i as l
4
- };
@@ -1,4 +0,0 @@
1
- const o = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--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, #ffffff );--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,[data-bm-theme~=bm-dark]{--bm-comp-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--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, #ffffff );--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,[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, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--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, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--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, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--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, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--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, #ffffff00 );--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, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--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, #ffffff00);--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, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--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, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}:host,.bm-dark,.bm-light .bm-inverse,[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, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #ffffff );--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, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--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, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--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, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--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, #ffffff00 );--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, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--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, #ffffff00);--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, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--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, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--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, #ffffff00);--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 rgb(0, 0, 0, 0));--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{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:0;max-width:100%;min-width:0}.bm-segmented-control__list ::slotted(*){min-width:0;flex-shrink:1}.bm-segmented-control__list--fluid{width:100%;display:flex}.bm-segmented-control__list--fluid ::slotted(*){flex:1 1 auto}.bm-segmented-control__item{display:flex;position:relative;border:var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border);border-color:var(--bm-comp-seg-control-color-border);margin-inline-start:-1px;min-width:0;outline:none;background:var(--bm-comp-seg-control-color-bg);color:var(--bm-comp-seg-control-color-fg);cursor:pointer;justify-content:center}.bm-segmented-control__item--fluid{flex:1 1 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,:dir(rtl) .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,:dir(rtl) .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{display:flex;align-items:center;justify-content:center;gap:var(--bm-comp-btn-space-gap);cursor:inherit;min-width:0;width:100%}.bm-segmented-control__item__controlText{align-content:center;height:100%;padding:0 var(--bm-comp-btn-space-label-x);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bm-segmented-control__item__icon,.bm-segmented-control__item ::slotted([slot=icon]){display:flex;align-items:center;flex-shrink:0}.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{padding:0!important;min-width:var(--bm-comp-btn-size-sm-width)}.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{padding:0!important;min-width:var(--bm-comp-btn-size-md-width)}.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{padding:0!important;min-width:var(--bm-comp-btn-size-lg-width)}.bm-segmented-control__panel{display:none}.bm-segmented-control__panel--selected{display:block}';
2
- export {
3
- o as s
4
- };
@@ -1,86 +0,0 @@
1
- import { r as g, a as x, x as u } from "../../chunks/lit-element.CJtt9wj5.js";
2
- import { n as m, c as S } from "../../chunks/register-custom-element.vod7zfGv.js";
3
- import { n as P } from "../../chunks/query-assigned-nodes.Dgvsf6BR.js";
4
- import { n as $, c as f, g as C } from "../../chunks/classNames.C6fNrXWF.js";
5
- import { t as w } from "../../chunks/constants.jOWREYQE.js";
6
- const k = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-label-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-label-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}.bm-label{color:var(--bm-comp-label-color-text);font:var(--bm-comp-label-typo-default);margin-bottom:var(--bm-comp-label-space-bottom, var(--bm-sem-space-0))}.bm-label label{cursor:var(--bm-comp-label-cursor, default);pointer-events:var(--bm-comp-label-pointer-events, inherit)}.bm-label--disabled label{opacity:var(--bm-sem-opacity-disabled)}.bm-label--required label:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label--required label:has(:last-child):after{content:""}.bm-label--required label:has(:last-child)>*:last-child:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label__optional{font:var(--bm-comp-label-typo-optional);margin-left:var(--bm-comp-label-space-gap)}.bm-label__tooltip{vertical-align:top;display:inline-block;margin-inline-start:var(--bm-comp-label-space-gap)}.bm-label__tooltip button{color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-label__tooltip svg{height:var(--bm-comp-label-size-icon);width:var(--bm-comp-label-size-icon)}.bm-label--no-box{display:contents}';
7
- var q = Object.defineProperty, O = Object.getOwnPropertyDescriptor, _ = (e) => {
8
- throw TypeError(e);
9
- }, r = (e, a, o, b) => {
10
- for (var l = b > 1 ? void 0 : b ? O(a, o) : a, p = e.length - 1, n; p >= 0; p--)
11
- (n = e[p]) && (l = (b ? n(a, o, l) : n(l)) || l);
12
- return b && l && q(a, o, l), l;
13
- }, E = (e, a, o) => a.has(e) || _("Cannot " + o), s = (e, a, o) => (E(e, a, "read from private field"), o ? o.call(e) : a.get(e)), i = (e, a, o) => a.has(e) ? _("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), c, h, v, y;
14
- const { baseClassNamePrefix: z, subElementClassPrefix: M, classModifierPrefix: d } = C("label");
15
- let t = class extends x {
16
- constructor() {
17
- super(...arguments), this.disabled = !1, this.required = !1, i(this, c, () => !!(this.hasOptionalSlot || this.optional)), i(this, h, () => this.requestUpdate()), i(this, v, () => {
18
- this.dispatchEvent(
19
- new CustomEvent("bm-label-click", {
20
- bubbles: !0,
21
- composed: !0
22
- })
23
- );
24
- }), i(this, y, () => u`
25
- <span
26
- class="${f(
27
- `${M}optional`,
28
- !s(this, c).call(this) && `${d}no-box`
29
- )}"
30
- >
31
- <slot name="optional" @slotchange=${s(this, h)}>
32
- ${this.optional}
33
- </slot>
34
- </span>
35
- `);
36
- }
37
- get hasOptionalSlot() {
38
- return $(this.optionalNodes);
39
- }
40
- render() {
41
- const e = f(
42
- z,
43
- this.theme && w(this.theme),
44
- this.disabled && `${d}disabled`,
45
- this.required && !s(this, c).call(this) && `${d}required`
46
- );
47
- return u`
48
- <div class="${e}">
49
- <label @click="${s(this, v)}">
50
- <slot name="text">${this.text}</slot>
51
- ${s(this, y).call(this)}
52
- </label>
53
- <slot name="tooltip"></slot>
54
- </div>
55
- `;
56
- }
57
- };
58
- c = /* @__PURE__ */ new WeakMap();
59
- h = /* @__PURE__ */ new WeakMap();
60
- v = /* @__PURE__ */ new WeakMap();
61
- y = /* @__PURE__ */ new WeakMap();
62
- t.styles = g(k);
63
- r([
64
- m({ type: Boolean })
65
- ], t.prototype, "disabled", 2);
66
- r([
67
- m({ type: Boolean })
68
- ], t.prototype, "required", 2);
69
- r([
70
- m({ type: String })
71
- ], t.prototype, "text", 2);
72
- r([
73
- m({ type: String })
74
- ], t.prototype, "optional", 2);
75
- r([
76
- m({ type: String })
77
- ], t.prototype, "theme", 2);
78
- r([
79
- P({ slot: "optional", flatten: !0 })
80
- ], t.prototype, "optionalNodes", 2);
81
- t = r([
82
- S("bm-label")
83
- ], t);
84
- export {
85
- t as BmLabel
86
- };
@@ -1,43 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
3
- import { Optional } from '@viasat/beam-shared/utils/types';
4
- /**
5
- * @summary `bm-label`
6
- *
7
- * @slot text - Specify the text for Label
8
- * @slot optional - Specify if the Label displays as optional
9
- * @slot tooltip - Specify if the icon displays to add a Tooltip
10
- */
11
- export declare class BmLabel extends LitElement {
12
- #private;
13
- /**
14
- * Specify if the Label displays disabled
15
- */
16
- disabled: boolean;
17
- /**
18
- * Specify if the Label displays as required
19
- */
20
- required: boolean;
21
- /**
22
- * Specify the text for Label
23
- */
24
- text: Optional<string>;
25
- /**
26
- * Specify the text for Label
27
- */
28
- optional: Optional<string>;
29
- /**
30
- * Specify the theme of the Label. By default it inherits the theme from the parent
31
- */
32
- theme: Optional<ThemeTypes>;
33
- static styles: import('lit').CSSResult;
34
- private optionalNodes?;
35
- private get hasOptionalSlot();
36
- render(): import('lit-html').TemplateResult<1>;
37
- }
38
- declare global {
39
- interface HTMLElementTagNameMap {
40
- 'bm-label': BmLabel;
41
- }
42
- }
43
- //# sourceMappingURL=Label.d.ts.map
@@ -1,87 +0,0 @@
1
- import { unsafeCSS as _, LitElement as S, html as u } from "lit";
2
- import { property as s, queryAssignedNodes as x } from "lit/decorators.js";
3
- import f from "clsx";
4
- import { n as P, g as C } from "../../chunks/classNames.Cq_tbDRp.js";
5
- import { t as $ } from "../../chunks/constants.jOWREYQE.js";
6
- import { c as q } from "../../chunks/register-custom-element.DHGKOhmA.js";
7
- const w = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-label-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-label-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}.bm-label{color:var(--bm-comp-label-color-text);font:var(--bm-comp-label-typo-default);margin-bottom:var(--bm-comp-label-space-bottom, var(--bm-sem-space-0))}.bm-label label{cursor:var(--bm-comp-label-cursor, default);pointer-events:var(--bm-comp-label-pointer-events, inherit)}.bm-label--disabled label{opacity:var(--bm-sem-opacity-disabled)}.bm-label--required label:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label--required label:has(:last-child):after{content:""}.bm-label--required label:has(:last-child)>*:last-child:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label__optional{font:var(--bm-comp-label-typo-optional);margin-left:var(--bm-comp-label-space-gap)}.bm-label__tooltip{vertical-align:top;display:inline-block;margin-inline-start:var(--bm-comp-label-space-gap)}.bm-label__tooltip button{color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-label__tooltip svg{height:var(--bm-comp-label-size-icon);width:var(--bm-comp-label-size-icon)}.bm-label--no-box{display:contents}';
8
- var k = Object.defineProperty, E = Object.getOwnPropertyDescriptor, g = (e) => {
9
- throw TypeError(e);
10
- }, r = (e, a, o, b) => {
11
- for (var l = b > 1 ? void 0 : b ? E(a, o) : a, c = e.length - 1, n; c >= 0; c--)
12
- (n = e[c]) && (l = (b ? n(a, o, l) : n(l)) || l);
13
- return b && l && k(a, o, l), l;
14
- }, O = (e, a, o) => a.has(e) || g("Cannot " + o), m = (e, a, o) => (O(e, a, "read from private field"), o ? o.call(e) : a.get(e)), i = (e, a, o) => a.has(e) ? g("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), p, h, v, y;
15
- const { baseClassNamePrefix: N, subElementClassPrefix: z, classModifierPrefix: d } = C("label");
16
- let t = class extends S {
17
- constructor() {
18
- super(...arguments), this.disabled = !1, this.required = !1, i(this, p, () => !!(this.hasOptionalSlot || this.optional)), i(this, h, () => this.requestUpdate()), i(this, v, () => {
19
- this.dispatchEvent(
20
- new CustomEvent("bm-label-click", {
21
- bubbles: !0,
22
- composed: !0
23
- })
24
- );
25
- }), i(this, y, () => u`
26
- <span
27
- class="${f(
28
- `${z}optional`,
29
- !m(this, p).call(this) && `${d}no-box`
30
- )}"
31
- >
32
- <slot name="optional" @slotchange=${m(this, h)}>
33
- ${this.optional}
34
- </slot>
35
- </span>
36
- `);
37
- }
38
- get hasOptionalSlot() {
39
- return P(this.optionalNodes);
40
- }
41
- render() {
42
- const e = f(
43
- N,
44
- this.theme && $(this.theme),
45
- this.disabled && `${d}disabled`,
46
- this.required && !m(this, p).call(this) && `${d}required`
47
- );
48
- return u`
49
- <div class="${e}">
50
- <label @click="${m(this, v)}">
51
- <slot name="text">${this.text}</slot>
52
- ${m(this, y).call(this)}
53
- </label>
54
- <slot name="tooltip"></slot>
55
- </div>
56
- `;
57
- }
58
- };
59
- p = /* @__PURE__ */ new WeakMap();
60
- h = /* @__PURE__ */ new WeakMap();
61
- v = /* @__PURE__ */ new WeakMap();
62
- y = /* @__PURE__ */ new WeakMap();
63
- t.styles = _(w);
64
- r([
65
- s({ type: Boolean })
66
- ], t.prototype, "disabled", 2);
67
- r([
68
- s({ type: Boolean })
69
- ], t.prototype, "required", 2);
70
- r([
71
- s({ type: String })
72
- ], t.prototype, "text", 2);
73
- r([
74
- s({ type: String })
75
- ], t.prototype, "optional", 2);
76
- r([
77
- s({ type: String })
78
- ], t.prototype, "theme", 2);
79
- r([
80
- x({ slot: "optional", flatten: !0 })
81
- ], t.prototype, "optionalNodes", 2);
82
- t = r([
83
- q("bm-label")
84
- ], t);
85
- export {
86
- t as BmLabel
87
- };
File without changes
File without changes
File without changes