@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.
- package/Accordion/Accordion.js +1 -1
- package/Accordion/AccordionGroup.js +1 -1
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +43 -43
- package/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.js +1 -1
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +1 -1
- package/BadgeDot/BadgeDot.js +18 -18
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +10 -10
- package/CloseButton/CloseButton.js +16 -16
- package/Divider/Divider.js +17 -17
- package/EmptyState/EmptyState.js +20 -20
- package/HelperText/HelperText.js +1 -1
- package/HelperText/index.js +1 -1
- package/InputChoiceGroup/InputChoiceGroup.js +54 -54
- package/Label/Label.d.ts +68 -0
- package/Label/Label.js +110 -0
- package/Link/Link.js +51 -51
- package/List/List.js +1 -1
- package/List/ListItem.js +1 -1
- package/ProgressBar/ProgressBar.js +19 -19
- package/SegmentedControl/SegmentedControl.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/SegmentedControl/SegmentedControlList.js +1 -1
- package/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/Spinner/Spinner.js +28 -28
- package/Tooltip/Tooltip.js +85 -85
- package/chunks/Accordion.Bwk3EG3j.js +161 -0
- package/chunks/Avatar.BgufO4-1.js +174 -0
- package/chunks/BreadcrumbsItem.DmudL_IG.js +121 -0
- package/chunks/HelperText.SJGM6Q5H.js +108 -0
- package/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/chunks/list.module.BSL1AIzv.js +4 -0
- package/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/custom-elements.json +1143 -1126
- package/local/Accordion/Accordion.js +1 -1
- package/local/Accordion/AccordionGroup.js +1 -1
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +20 -20
- package/local/Avatar/Avatar.js +1 -1
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +1 -1
- package/local/BadgeDot/BadgeDot.js +4 -4
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +10 -10
- package/local/CloseButton/CloseButton.js +24 -24
- package/local/Divider/Divider.js +22 -22
- package/local/EmptyState/EmptyState.js +18 -18
- package/local/HelperText/HelperText.js +1 -1
- package/local/HelperText/index.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +39 -39
- package/local/Label/Label.js +109 -0
- package/local/Link/Link.js +25 -25
- package/local/List/List.js +1 -1
- package/local/List/ListItem.js +1 -1
- package/local/ProgressBar/ProgressBar.js +19 -19
- package/local/SegmentedControl/SegmentedControl.js +1 -1
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/SegmentedControl/SegmentedControlList.js +1 -1
- package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/local/Spinner/Spinner.js +34 -34
- package/local/Tooltip/Tooltip.js +85 -85
- package/local/chunks/Accordion.UOcVt0ft.js +161 -0
- package/local/chunks/Avatar.CEb3Se7H.js +172 -0
- package/local/chunks/BreadcrumbsItem.Dp9fzlcw.js +121 -0
- package/local/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/local/chunks/index.DNafYKj-.js +106 -0
- package/local/chunks/list.module.BSL1AIzv.js +4 -0
- package/local/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/local/wip/Checkbox/Checkbox.js +1 -1
- package/local/wip/FileUpload/FileUpload.Button.js +1 -1
- package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/local/wip/FileUpload/FileUpload.List.js +1 -1
- package/local/wip/FileUpload/FileUpload.js +2 -2
- package/local/wip/Form/Form.decorator.js +1 -1
- package/local/wip/NativeSelect/NativeSelect.js +18 -18
- package/local/wip/RadioButton/RadioButton.js +9 -9
- package/local/wip/Switch/Switch.js +9 -9
- package/local/wip/TextArea/TextArea.js +21 -21
- package/local/wip/TextField/TextField.js +26 -26
- package/package.json +6 -6
- package/vscode.html-custom-data.json +201 -196
- package/wip/Checkbox/Checkbox.js +53 -53
- package/wip/FileUpload/FileUpload.Button.js +1 -1
- package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/wip/FileUpload/FileUpload.List.js +1 -1
- package/wip/FileUpload/FileUpload.js +2 -2
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/NativeSelect/NativeSelect.js +25 -25
- package/wip/RadioButton/RadioButton.js +7 -7
- package/wip/Switch/Switch.js +9 -9
- package/wip/TextArea/TextArea.js +13 -13
- package/wip/TextField/TextField.js +26 -26
- package/chunks/Accordion.DYD3XcAx.js +0 -161
- package/chunks/Avatar.C2rfzUGP.js +0 -174
- package/chunks/BreadcrumbsItem.4ZR6wbMz.js +0 -121
- package/chunks/HelperText.CcVVOtA3.js +0 -108
- package/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/chunks/list.module.CZRPBLzy.js +0 -4
- package/chunks/segmentedControl.module.BPXEWodj.js +0 -4
- package/local/chunks/Accordion.BP1XR2Gd.js +0 -161
- package/local/chunks/Avatar.CvTOzaRT.js +0 -172
- package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +0 -121
- package/local/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/local/chunks/index.Bz1Jq4c2.js +0 -106
- package/local/chunks/list.module.CZRPBLzy.js +0 -4
- package/local/chunks/segmentedControl.module.BPXEWodj.js +0 -4
- package/local/wip/Label/Label.js +0 -86
- package/wip/Label/Label.d.ts +0 -43
- package/wip/Label/Label.js +0 -87
- /package/{wip/Label → Label}/index.d.ts +0 -0
- /package/{local/wip/Label → Label}/index.js +0 -0
- /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
|
-
};
|
package/local/wip/Label/Label.js
DELETED
|
@@ -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
|
-
};
|
package/wip/Label/Label.d.ts
DELETED
|
@@ -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
|
package/wip/Label/Label.js
DELETED
|
@@ -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
|