@viasat/beam-react 2.0.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/README.md +273 -0
- package/assets/ActionList.css +1 -0
- package/assets/Alert.css +1 -0
- package/assets/AspectRatio.css +1 -0
- package/assets/Avatar.css +1 -0
- package/assets/Badge.css +1 -0
- package/assets/BadgeDot.css +1 -0
- package/assets/Box.css +1 -0
- package/assets/BreadcrumbsItem.css +1 -0
- package/assets/Button.css +1 -0
- package/assets/Checkbox.css +1 -0
- package/assets/Chip.css +1 -0
- package/assets/ChipGroup.css +1 -0
- package/assets/CloseButton.css +1 -0
- package/assets/Divider.css +1 -0
- package/assets/EmptyState.css +1 -0
- package/assets/Flag.css +1 -0
- package/assets/Icon.css +1 -0
- package/assets/InputChoiceGroup.css +1 -0
- package/assets/Label.css +1 -0
- package/assets/Link.css +1 -0
- package/assets/List.css +1 -0
- package/assets/Logo.css +1 -0
- package/assets/Menu.css +1 -0
- package/assets/NativeSelect.css +1 -0
- package/assets/NavigationItem.css +1 -0
- package/assets/PageHeader.css +1 -0
- package/assets/Pagination.css +1 -0
- package/assets/ProgressBar.css +1 -0
- package/assets/RadioButton.css +1 -0
- package/assets/SpinnerWrap.css +1 -0
- package/assets/StateLayer.css +1 -0
- package/assets/Switch.css +1 -0
- package/assets/Text.css +1 -0
- package/assets/TextArea.css +1 -0
- package/assets/TextField.css +1 -0
- package/assets/Toast.css +1 -0
- package/assets/ToastContainer.css +1 -0
- package/assets/Tooltip.css +1 -0
- package/assets/accordion.css +1 -0
- package/assets/card.css +1 -0
- package/assets/combobox.css +1 -0
- package/assets/dialog.css +1 -0
- package/assets/fileUpload.css +1 -0
- package/assets/floatingui.css +1 -0
- package/assets/form.css +1 -0
- package/assets/header.css +1 -0
- package/assets/index.css +1 -0
- package/assets/pageLayout.css +1 -0
- package/assets/popover.css +1 -0
- package/assets/segmentedControl.css +1 -0
- package/assets/sideNav.css +1 -0
- package/assets/slider.css +1 -0
- package/assets/stepper.css +1 -0
- package/assets/tabs.css +1 -0
- package/chunks/ActionList.Group.Bv9vgU22.js +1 -0
- package/chunks/ActionList.Group.DuNxYNZQ.js +107 -0
- package/chunks/ActionList.Item.D7Rg5iMb.js +1 -0
- package/chunks/ActionList.Item.Dg_KHGsm.js +186 -0
- package/chunks/Avatar.C9tpC3sT.js +180 -0
- package/chunks/Avatar.CKJ80I6h.js +1 -0
- package/chunks/BreadcrumbsItem.BkT8MeqE.js +1 -0
- package/chunks/BreadcrumbsItem.CPJ-ECZa.js +109 -0
- package/chunks/CSSLookup.Cjf6o2Gz.js +106 -0
- package/chunks/CSSLookup.DESAWWRT.js +1 -0
- package/chunks/Check.CR4kqxW9.js +1 -0
- package/chunks/Check.DrrmNVhJ.js +5 -0
- package/chunks/CheckCircleOutline.Bn3mTuUE.js +5 -0
- package/chunks/CheckCircleOutline.iRHrT_Eb.js +1 -0
- package/chunks/ChevronLeftCurved.CX7aH27X.js +5 -0
- package/chunks/ChevronLeftCurved.JKg9pOxN.js +1 -0
- package/chunks/ChevronRightCurved.9hi9Zc8J.js +5 -0
- package/chunks/ChevronRightCurved.CoT-Bqyo.js +1 -0
- package/chunks/Close.B6_m4YZQ.js +5 -0
- package/chunks/Close.DXMVoxHm.js +1 -0
- package/chunks/ErrorOutline.Cb78OesH.js +1 -0
- package/chunks/ErrorOutline._gBx3dtF.js +5 -0
- package/chunks/FloatingUI.context.2kPXcTvi.js +320 -0
- package/chunks/FloatingUI.context.BULqADss.js +1 -0
- package/chunks/InfoOutline.Co5VGOxN.js +5 -0
- package/chunks/InfoOutline.Gr8gkm5N.js +1 -0
- package/chunks/InfoOutlined.C-WIrH0D.js +1 -0
- package/chunks/InfoOutlined.D3_Iy2PA.js +5 -0
- package/chunks/NavigationItem.Dj8FWMjs.js +64 -0
- package/chunks/NavigationItem.PeFGKPy2.js +1 -0
- package/chunks/SpinnerWrap.DI2J26ka.js +180 -0
- package/chunks/SpinnerWrap.Dyuei3Yi.js +1 -0
- package/chunks/ToastContext.BJK1U8nL.js +1 -0
- package/chunks/ToastContext.DzKCvrgk.js +46 -0
- package/chunks/Upload.Dwk6BbNa.js +5 -0
- package/chunks/Upload.jKR_HysC.js +1 -0
- package/chunks/WarningOutlined.B3hTzZPs.js +5 -0
- package/chunks/WarningOutlined.BPePPeyt.js +1 -0
- package/chunks/accordion.module.CoPeAto1.js +1 -0
- package/chunks/accordion.module.D_MgtPh7.js +25 -0
- package/chunks/card.module.DA5t5zn2.js +1 -0
- package/chunks/card.module.DlwBUz0H.js +56 -0
- package/chunks/classNames.DAeKwerT.js +1 -0
- package/chunks/classNames.DNsS4J__.js +18 -0
- package/chunks/combobox.module.DNJ3sGlK.js +27 -0
- package/chunks/combobox.module.XIDBRMf_.js +1 -0
- package/chunks/constants.BBi77pmH.js +56 -0
- package/chunks/constants.hwjHOsvT.js +1 -0
- package/chunks/dialog.module.COfowyPc.js +1 -0
- package/chunks/dialog.module.D6BI3ubv.js +31 -0
- package/chunks/fileUpload.module.CYse7_N5.js +1 -0
- package/chunks/fileUpload.module.Ck0Nfc4j.js +38 -0
- package/chunks/floatingui.module.BcBFebz0.js +10 -0
- package/chunks/floatingui.module.D3Aw_aYe.js +1 -0
- package/chunks/form.context.B1PXIJNq.js +1 -0
- package/chunks/form.context.CNWjF5qA.js +119 -0
- package/chunks/header.module.BuIYSyu4.js +1 -0
- package/chunks/header.module.WpoWPQ08.js +23 -0
- package/chunks/helpers.COm6C5Gf.js +1 -0
- package/chunks/helpers.Wv7n4ip7.js +53 -0
- package/chunks/pageLayout.module.DMI6jywC.js +1 -0
- package/chunks/pageLayout.module.DdHiv8V-.js +10 -0
- package/chunks/pagination.BpxTz0AB.js +1 -0
- package/chunks/pagination.Cx3KTy4R.js +25 -0
- package/chunks/popover.module.C6KFea25.js +11 -0
- package/chunks/popover.module.Dum8SaSU.js +1 -0
- package/chunks/segmentedControl.module.BLAuwbVR.js +32 -0
- package/chunks/segmentedControl.module.BTtkp9Hz.js +1 -0
- package/chunks/sideNav.module.B3wMOMTH.js +1 -0
- package/chunks/sideNav.module.DBN2ryFs.js +56 -0
- package/chunks/slider.module.BW1fy3GU.js +25 -0
- package/chunks/slider.module.Ds7jMW6I.js +1 -0
- package/chunks/stepper.C_I6_cLs.js +13 -0
- package/chunks/stepper.Dv0fTQr3.js +1 -0
- package/chunks/stepper.module.B6DIBv0A.js +1 -0
- package/chunks/stepper.module.BbV81plY.js +28 -0
- package/chunks/tabs.module.B6iC5RD9.js +1 -0
- package/chunks/tabs.module.DIdPGCch.js +42 -0
- package/chunks/tokens.Bgac_JPh.js +1 -0
- package/chunks/tokens.CXaNS8Cf.js +13 -0
- package/chunks/useFormValidator.hook.BtP4A6XY.js +1 -0
- package/chunks/useFormValidator.hook.CSmddwEt.js +171 -0
- package/custom-properties.d.cjs.js +1 -0
- package/custom-properties.d.es.js +1 -0
- package/index.cjs.js +1 -0
- package/index.d.ts +2 -0
- package/index.es.js +159 -0
- package/lib/Accordion/Accordion.cjs.js +1 -0
- package/lib/Accordion/Accordion.d.ts +37 -0
- package/lib/Accordion/Accordion.es.js +92 -0
- package/lib/Accordion/Accordion.figma.d.ts +1 -0
- package/lib/Accordion/AccordionContext.cjs.js +1 -0
- package/lib/Accordion/AccordionContext.d.ts +16 -0
- package/lib/Accordion/AccordionContext.es.js +37 -0
- package/lib/Accordion/AccordionGroup.cjs.js +1 -0
- package/lib/Accordion/AccordionGroup.d.ts +19 -0
- package/lib/Accordion/AccordionGroup.es.js +21 -0
- package/lib/Accordion/AccordionGroup.figma.d.ts +1 -0
- package/lib/Accordion/index.cjs.js +1 -0
- package/lib/Accordion/index.d.ts +2 -0
- package/lib/Accordion/index.es.js +6 -0
- package/lib/ActionList/ActionList.Group.cjs.js +1 -0
- package/lib/ActionList/ActionList.Group.d.ts +40 -0
- package/lib/ActionList/ActionList.Group.es.js +12 -0
- package/lib/ActionList/ActionList.IconButton.cjs.js +1 -0
- package/lib/ActionList/ActionList.IconButton.d.ts +7 -0
- package/lib/ActionList/ActionList.IconButton.es.js +60 -0
- package/lib/ActionList/ActionList.Item.cjs.js +1 -0
- package/lib/ActionList/ActionList.Item.context.cjs.js +1 -0
- package/lib/ActionList/ActionList.Item.context.d.ts +11 -0
- package/lib/ActionList/ActionList.Item.context.es.js +20 -0
- package/lib/ActionList/ActionList.Item.d.ts +61 -0
- package/lib/ActionList/ActionList.Item.es.js +29 -0
- package/lib/ActionList/ActionList.cjs.js +1 -0
- package/lib/ActionList/ActionList.context.cjs.js +1 -0
- package/lib/ActionList/ActionList.context.d.ts +36 -0
- package/lib/ActionList/ActionList.context.es.js +78 -0
- package/lib/ActionList/ActionList.d.ts +51 -0
- package/lib/ActionList/ActionList.es.js +93 -0
- package/lib/ActionList/ActionListIndentationContext.cjs.js +1 -0
- package/lib/ActionList/ActionListIndentationContext.d.ts +13 -0
- package/lib/ActionList/ActionListIndentationContext.es.js +20 -0
- package/lib/ActionList/ActionListSelectionContext.cjs.js +1 -0
- package/lib/ActionList/ActionListSelectionContext.d.ts +10 -0
- package/lib/ActionList/ActionListSelectionContext.es.js +81 -0
- package/lib/ActionList/index.cjs.js +1 -0
- package/lib/ActionList/index.d.ts +1 -0
- package/lib/ActionList/index.es.js +4 -0
- package/lib/ActionList/useActionListChildren.cjs.js +1 -0
- package/lib/ActionList/useActionListChildren.d.ts +13 -0
- package/lib/ActionList/useActionListChildren.es.js +8 -0
- package/lib/Alert/Alert.cjs.js +1 -0
- package/lib/Alert/Alert.d.ts +171 -0
- package/lib/Alert/Alert.es.js +187 -0
- package/lib/Alert/index.cjs.js +1 -0
- package/lib/Alert/index.d.ts +1 -0
- package/lib/Alert/index.es.js +4 -0
- package/lib/Autocomplete/Autocomplete.cjs.js +1 -0
- package/lib/Autocomplete/Autocomplete.d.ts +108 -0
- package/lib/Autocomplete/Autocomplete.es.js +308 -0
- package/lib/Autocomplete/Autocomplete.types.cjs.js +1 -0
- package/lib/Autocomplete/Autocomplete.types.d.ts +24 -0
- package/lib/Autocomplete/Autocomplete.types.es.js +1 -0
- package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -0
- package/lib/Autocomplete/AutocompleteDropdown.d.ts +25 -0
- package/lib/Autocomplete/AutocompleteDropdown.es.js +88 -0
- package/lib/Autocomplete/AutocompleteField.cjs.js +1 -0
- package/lib/Autocomplete/AutocompleteField.d.ts +19 -0
- package/lib/Autocomplete/AutocompleteField.es.js +56 -0
- package/lib/Autocomplete/index.cjs.js +1 -0
- package/lib/Autocomplete/index.d.ts +3 -0
- package/lib/Autocomplete/index.es.js +5 -0
- package/lib/Autocomplete/useAutocompleteA11y.cjs.js +1 -0
- package/lib/Autocomplete/useAutocompleteA11y.d.ts +26 -0
- package/lib/Autocomplete/useAutocompleteA11y.es.js +28 -0
- package/lib/Autocomplete/useAutocompleteChipKeyboard.cjs.js +1 -0
- package/lib/Autocomplete/useAutocompleteChipKeyboard.d.ts +39 -0
- package/lib/Autocomplete/useAutocompleteChipKeyboard.es.js +47 -0
- package/lib/Autocomplete/useAutocompleteChips.cjs.js +1 -0
- package/lib/Autocomplete/useAutocompleteChips.d.ts +29 -0
- package/lib/Autocomplete/useAutocompleteChips.es.js +57 -0
- package/lib/Autocomplete/useAutocompleteDropdown.cjs.js +1 -0
- package/lib/Autocomplete/useAutocompleteDropdown.d.ts +57 -0
- package/lib/Autocomplete/useAutocompleteDropdown.es.js +160 -0
- package/lib/Autocomplete/useAutocompleteInteractions.cjs.js +1 -0
- package/lib/Autocomplete/useAutocompleteInteractions.d.ts +20 -0
- package/lib/Autocomplete/useAutocompleteInteractions.es.js +48 -0
- package/lib/Autocomplete/useAutocompleteKeyboardManager.cjs.js +1 -0
- package/lib/Autocomplete/useAutocompleteKeyboardManager.d.ts +37 -0
- package/lib/Autocomplete/useAutocompleteKeyboardManager.es.js +32 -0
- package/lib/Autocomplete/useClearSelection.cjs.js +1 -0
- package/lib/Autocomplete/useClearSelection.d.ts +22 -0
- package/lib/Autocomplete/useClearSelection.es.js +27 -0
- package/lib/Autocomplete/utils/filterOptions.cjs.js +1 -0
- package/lib/Autocomplete/utils/filterOptions.d.ts +3 -0
- package/lib/Autocomplete/utils/filterOptions.es.js +11 -0
- package/lib/Avatar/Avatar.cjs.js +1 -0
- package/lib/Avatar/Avatar.d.ts +45 -0
- package/lib/Avatar/Avatar.es.js +8 -0
- package/lib/Avatar/AvatarGroup.cjs.js +1 -0
- package/lib/Avatar/AvatarGroup.d.ts +29 -0
- package/lib/Avatar/AvatarGroup.es.js +68 -0
- package/lib/Avatar/index.cjs.js +1 -0
- package/lib/Avatar/index.d.ts +4 -0
- package/lib/Avatar/index.es.js +6 -0
- package/lib/Badge/Badge.cjs.js +1 -0
- package/lib/Badge/Badge.d.ts +51 -0
- package/lib/Badge/Badge.es.js +91 -0
- package/lib/Badge/Badge.figma.d.ts +1 -0
- package/lib/Badge/index.cjs.js +1 -0
- package/lib/Badge/index.d.ts +1 -0
- package/lib/Badge/index.es.js +4 -0
- package/lib/BadgeDot/BadgeDot.cjs.js +1 -0
- package/lib/BadgeDot/BadgeDot.d.ts +35 -0
- package/lib/BadgeDot/BadgeDot.es.js +71 -0
- package/lib/BadgeDot/index.cjs.js +1 -0
- package/lib/BadgeDot/index.d.ts +2 -0
- package/lib/BadgeDot/index.es.js +4 -0
- package/lib/Box/Box.cjs.js +1 -0
- package/lib/Box/Box.d.ts +40 -0
- package/lib/Box/Box.es.js +97 -0
- package/lib/Box/index.cjs.js +1 -0
- package/lib/Box/index.d.ts +1 -0
- package/lib/Box/index.es.js +4 -0
- package/lib/Breadcrumbs/Breadcrumbs.cjs.js +1 -0
- package/lib/Breadcrumbs/Breadcrumbs.d.ts +28 -0
- package/lib/Breadcrumbs/Breadcrumbs.es.js +54 -0
- package/lib/Breadcrumbs/BreadcrumbsItem.cjs.js +1 -0
- package/lib/Breadcrumbs/BreadcrumbsItem.d.ts +33 -0
- package/lib/Breadcrumbs/BreadcrumbsItem.es.js +10 -0
- package/lib/Breadcrumbs/index.cjs.js +1 -0
- package/lib/Breadcrumbs/index.d.ts +2 -0
- package/lib/Breadcrumbs/index.es.js +6 -0
- package/lib/Button/Button.cjs.js +1 -0
- package/lib/Button/Button.d.ts +75 -0
- package/lib/Button/Button.es.js +149 -0
- package/lib/Button/Button.figma.d.ts +1 -0
- package/lib/Button/index.cjs.js +1 -0
- package/lib/Button/index.d.ts +1 -0
- package/lib/Button/index.es.js +5 -0
- package/lib/Card/AspectRatio.cjs.js +1 -0
- package/lib/Card/AspectRatio.d.ts +16 -0
- package/lib/Card/AspectRatio.es.js +36 -0
- package/lib/Card/Card.Body.cjs.js +1 -0
- package/lib/Card/Card.Body.d.ts +11 -0
- package/lib/Card/Card.Body.es.js +17 -0
- package/lib/Card/Card.Content.cjs.js +1 -0
- package/lib/Card/Card.Content.d.ts +11 -0
- package/lib/Card/Card.Content.es.js +22 -0
- package/lib/Card/Card.Footer.cjs.js +1 -0
- package/lib/Card/Card.Footer.d.ts +30 -0
- package/lib/Card/Card.Footer.es.js +33 -0
- package/lib/Card/Card.Header.cjs.js +1 -0
- package/lib/Card/Card.Header.d.ts +95 -0
- package/lib/Card/Card.Header.es.js +95 -0
- package/lib/Card/Card.Media.cjs.js +1 -0
- package/lib/Card/Card.Media.d.ts +37 -0
- package/lib/Card/Card.Media.es.js +47 -0
- package/lib/Card/Card.MediaAbove.cjs.js +1 -0
- package/lib/Card/Card.MediaAbove.d.ts +33 -0
- package/lib/Card/Card.MediaAbove.es.js +7 -0
- package/lib/Card/Card.MediaBelow.cjs.js +1 -0
- package/lib/Card/Card.MediaBelow.d.ts +38 -0
- package/lib/Card/Card.MediaBelow.es.js +7 -0
- package/lib/Card/Card.cjs.js +1 -0
- package/lib/Card/Card.d.ts +87 -0
- package/lib/Card/Card.es.js +55 -0
- package/lib/Card/CardContext.cjs.js +1 -0
- package/lib/Card/CardContext.d.ts +11 -0
- package/lib/Card/CardContext.es.js +15 -0
- package/lib/Card/index.cjs.js +1 -0
- package/lib/Card/index.d.ts +2 -0
- package/lib/Card/index.es.js +4 -0
- package/lib/Checkbox/Checkbox.cjs.js +1 -0
- package/lib/Checkbox/Checkbox.d.ts +30 -0
- package/lib/Checkbox/Checkbox.es.js +97 -0
- package/lib/Checkbox/Checkbox.figma.d.ts +1 -0
- package/lib/Checkbox/index.cjs.js +1 -0
- package/lib/Checkbox/index.d.ts +1 -0
- package/lib/Checkbox/index.es.js +4 -0
- package/lib/Chips/Chip.cjs.js +1 -0
- package/lib/Chips/Chip.context.cjs.js +1 -0
- package/lib/Chips/Chip.context.d.ts +29 -0
- package/lib/Chips/Chip.context.es.js +40 -0
- package/lib/Chips/Chip.d.ts +67 -0
- package/lib/Chips/Chip.es.js +136 -0
- package/lib/Chips/ChipGroup.cjs.js +1 -0
- package/lib/Chips/ChipGroup.d.ts +42 -0
- package/lib/Chips/ChipGroup.es.js +56 -0
- package/lib/Chips/index.cjs.js +1 -0
- package/lib/Chips/index.d.ts +4 -0
- package/lib/Chips/index.es.js +6 -0
- package/lib/CloseButton/CloseButton.cjs.js +1 -0
- package/lib/CloseButton/CloseButton.d.ts +25 -0
- package/lib/CloseButton/CloseButton.es.js +58 -0
- package/lib/CloseButton/CloseButton.figma.d.ts +1 -0
- package/lib/CloseButton/index.cjs.js +1 -0
- package/lib/CloseButton/index.d.ts +1 -0
- package/lib/CloseButton/index.es.js +4 -0
- package/lib/Dialog/Dialog.Body.cjs.js +1 -0
- package/lib/Dialog/Dialog.Body.d.ts +16 -0
- package/lib/Dialog/Dialog.Body.es.js +31 -0
- package/lib/Dialog/Dialog.Content.cjs.js +1 -0
- package/lib/Dialog/Dialog.Content.d.ts +11 -0
- package/lib/Dialog/Dialog.Content.es.js +33 -0
- package/lib/Dialog/Dialog.Footer.cjs.js +1 -0
- package/lib/Dialog/Dialog.Footer.d.ts +12 -0
- package/lib/Dialog/Dialog.Footer.es.js +37 -0
- package/lib/Dialog/Dialog.Header.cjs.js +1 -0
- package/lib/Dialog/Dialog.Header.d.ts +56 -0
- package/lib/Dialog/Dialog.Header.es.js +95 -0
- package/lib/Dialog/Dialog.Trigger.cjs.js +1 -0
- package/lib/Dialog/Dialog.Trigger.d.ts +22 -0
- package/lib/Dialog/Dialog.Trigger.es.js +13 -0
- package/lib/Dialog/Dialog.cjs.js +1 -0
- package/lib/Dialog/Dialog.context.cjs.js +1 -0
- package/lib/Dialog/Dialog.context.d.ts +19 -0
- package/lib/Dialog/Dialog.context.es.js +20 -0
- package/lib/Dialog/Dialog.d.ts +77 -0
- package/lib/Dialog/Dialog.es.js +52 -0
- package/lib/Dialog/index.cjs.js +1 -0
- package/lib/Dialog/index.d.ts +8 -0
- package/lib/Dialog/index.es.js +5 -0
- package/lib/Divider/Divider.cjs.js +1 -0
- package/lib/Divider/Divider.d.ts +48 -0
- package/lib/Divider/Divider.es.js +96 -0
- package/lib/Divider/index.cjs.js +1 -0
- package/lib/Divider/index.d.ts +1 -0
- package/lib/Divider/index.es.js +4 -0
- package/lib/EmptyState/EmptyState.cjs.js +1 -0
- package/lib/EmptyState/EmptyState.d.ts +26 -0
- package/lib/EmptyState/EmptyState.es.js +51 -0
- package/lib/EmptyState/EmptyState.figma.d.ts +1 -0
- package/lib/EmptyState/index.cjs.js +1 -0
- package/lib/EmptyState/index.d.ts +1 -0
- package/lib/EmptyState/index.es.js +4 -0
- package/lib/FileUpload/FileUpload.Button.cjs.js +1 -0
- package/lib/FileUpload/FileUpload.Button.d.ts +22 -0
- package/lib/FileUpload/FileUpload.Button.es.js +65 -0
- package/lib/FileUpload/FileUpload.Dropzone.cjs.js +1 -0
- package/lib/FileUpload/FileUpload.Dropzone.d.ts +17 -0
- package/lib/FileUpload/FileUpload.Dropzone.es.js +87 -0
- package/lib/FileUpload/FileUpload.List.Item.cjs.js +1 -0
- package/lib/FileUpload/FileUpload.List.Item.d.ts +49 -0
- package/lib/FileUpload/FileUpload.List.Item.es.js +116 -0
- package/lib/FileUpload/FileUpload.List.cjs.js +1 -0
- package/lib/FileUpload/FileUpload.List.d.ts +34 -0
- package/lib/FileUpload/FileUpload.List.es.js +51 -0
- package/lib/FileUpload/FileUpload.cjs.js +1 -0
- package/lib/FileUpload/FileUpload.d.ts +86 -0
- package/lib/FileUpload/FileUpload.es.js +186 -0
- package/lib/FileUpload/FileUpload.reducer.cjs.js +1 -0
- package/lib/FileUpload/FileUpload.reducer.d.ts +2 -0
- package/lib/FileUpload/FileUpload.reducer.es.js +59 -0
- package/lib/FileUpload/FileUploadContext.cjs.js +1 -0
- package/lib/FileUpload/FileUploadContext.d.ts +3 -0
- package/lib/FileUpload/FileUploadContext.es.js +6 -0
- package/lib/FileUpload/FileUploadListContext.cjs.js +1 -0
- package/lib/FileUpload/FileUploadListContext.d.ts +3 -0
- package/lib/FileUpload/FileUploadListContext.es.js +6 -0
- package/lib/FileUpload/helpers.cjs.js +1 -0
- package/lib/FileUpload/helpers.d.ts +1 -0
- package/lib/FileUpload/helpers.es.js +36 -0
- package/lib/FileUpload/index.cjs.js +1 -0
- package/lib/FileUpload/index.d.ts +2 -0
- package/lib/FileUpload/index.es.js +4 -0
- package/lib/FileUpload/useFileManagement.cjs.js +1 -0
- package/lib/FileUpload/useFileManagement.d.ts +14 -0
- package/lib/FileUpload/useFileManagement.es.js +228 -0
- package/lib/Flag/Flag.cjs.js +1 -0
- package/lib/Flag/Flag.d.ts +29 -0
- package/lib/Flag/Flag.es.js +53 -0
- package/lib/Flag/index.cjs.js +1 -0
- package/lib/Flag/index.d.ts +1 -0
- package/lib/Flag/index.es.js +4 -0
- package/lib/FloatingUI/FloatingUI.arrow.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.arrow.d.ts +11 -0
- package/lib/FloatingUI/FloatingUI.arrow.es.js +20 -0
- package/lib/FloatingUI/FloatingUI.content.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.content.d.ts +20 -0
- package/lib/FloatingUI/FloatingUI.content.es.js +111 -0
- package/lib/FloatingUI/FloatingUI.context.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.context.d.ts +232 -0
- package/lib/FloatingUI/FloatingUI.context.es.js +9 -0
- package/lib/FloatingUI/FloatingUI.interactions.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.interactions.d.ts +19 -0
- package/lib/FloatingUI/FloatingUI.interactions.es.js +47 -0
- package/lib/FloatingUI/FloatingUI.root.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.root.d.ts +5 -0
- package/lib/FloatingUI/FloatingUI.root.es.js +13 -0
- package/lib/FloatingUI/FloatingUI.treeWrapper.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.treeWrapper.d.ts +5 -0
- package/lib/FloatingUI/FloatingUI.treeWrapper.es.js +9 -0
- package/lib/FloatingUI/FloatingUI.trigger.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.trigger.close.cjs.js +1 -0
- package/lib/FloatingUI/FloatingUI.trigger.close.d.ts +9 -0
- package/lib/FloatingUI/FloatingUI.trigger.close.es.js +30 -0
- package/lib/FloatingUI/FloatingUI.trigger.d.ts +9 -0
- package/lib/FloatingUI/FloatingUI.trigger.es.js +25 -0
- package/lib/FloatingUI/index.cjs.js +1 -0
- package/lib/FloatingUI/index.d.ts +5 -0
- package/lib/FloatingUI/index.es.js +10 -0
- package/lib/FloatingUI/useSelected.cjs.js +1 -0
- package/lib/FloatingUI/useSelected.d.ts +9 -0
- package/lib/FloatingUI/useSelected.es.js +22 -0
- package/lib/Form/Form.cjs.js +1 -0
- package/lib/Form/Form.d.ts +29 -0
- package/lib/Form/Form.es.js +67 -0
- package/lib/Form/contexts/form.context.cjs.js +1 -0
- package/lib/Form/contexts/form.context.d.ts +30 -0
- package/lib/Form/contexts/form.context.es.js +9 -0
- package/lib/Form/contexts/helperText.context.cjs.js +1 -0
- package/lib/Form/contexts/helperText.context.d.ts +12 -0
- package/lib/Form/contexts/helperText.context.es.js +14 -0
- package/lib/Form/contexts/index.cjs.js +1 -0
- package/lib/Form/contexts/index.d.ts +3 -0
- package/lib/Form/contexts/index.es.js +12 -0
- package/lib/Form/contexts/label.context.cjs.js +1 -0
- package/lib/Form/contexts/label.context.d.ts +14 -0
- package/lib/Form/contexts/label.context.es.js +16 -0
- package/lib/Form/hooks/index.cjs.js +1 -0
- package/lib/Form/hooks/index.d.ts +5 -0
- package/lib/Form/hooks/index.es.js +14 -0
- package/lib/Form/hooks/useAccessibleId.hook.cjs.js +1 -0
- package/lib/Form/hooks/useAccessibleId.hook.d.ts +5 -0
- package/lib/Form/hooks/useAccessibleId.hook.es.js +16 -0
- package/lib/Form/hooks/useActionValidator.hook.cjs.js +1 -0
- package/lib/Form/hooks/useActionValidator.hook.d.ts +7 -0
- package/lib/Form/hooks/useActionValidator.hook.es.js +14 -0
- package/lib/Form/hooks/useFieldValidator.hook.cjs.js +1 -0
- package/lib/Form/hooks/useFieldValidator.hook.d.ts +8 -0
- package/lib/Form/hooks/useFieldValidator.hook.es.js +7 -0
- package/lib/Form/hooks/useFormValidator.hook.cjs.js +1 -0
- package/lib/Form/hooks/useFormValidator.hook.d.ts +16 -0
- package/lib/Form/hooks/useFormValidator.hook.es.js +5 -0
- package/lib/Form/hooks/useUniversalRef.hook.cjs.js +1 -0
- package/lib/Form/hooks/useUniversalRef.hook.d.ts +6 -0
- package/lib/Form/hooks/useUniversalRef.hook.es.js +12 -0
- package/lib/Form/index.cjs.js +1 -0
- package/lib/Form/index.d.ts +1 -0
- package/lib/Form/index.es.js +6 -0
- package/lib/Header/Header.cjs.js +1 -0
- package/lib/Header/Header.d.ts +23 -0
- package/lib/Header/Header.es.js +57 -0
- package/lib/Header/HeaderAction.cjs.js +1 -0
- package/lib/Header/HeaderAction.d.ts +13 -0
- package/lib/Header/HeaderAction.es.js +23 -0
- package/lib/Header/HeaderActionGroup.cjs.js +1 -0
- package/lib/Header/HeaderActionGroup.d.ts +21 -0
- package/lib/Header/HeaderActionGroup.es.js +29 -0
- package/lib/Header/HeaderMasthead.cjs.js +1 -0
- package/lib/Header/HeaderMasthead.d.ts +55 -0
- package/lib/Header/HeaderMasthead.es.js +100 -0
- package/lib/Header/HeaderNavigation.cjs.js +1 -0
- package/lib/Header/HeaderNavigation.d.ts +14 -0
- package/lib/Header/HeaderNavigation.es.js +16 -0
- package/lib/Header/HeaderSideNavTrigger.cjs.js +1 -0
- package/lib/Header/HeaderSideNavTrigger.d.ts +15 -0
- package/lib/Header/HeaderSideNavTrigger.es.js +61 -0
- package/lib/Header/index.cjs.js +1 -0
- package/lib/Header/index.d.ts +4 -0
- package/lib/Header/index.es.js +11 -0
- package/lib/HelperText/HelperText.cjs.js +1 -0
- package/lib/HelperText/HelperText.d.ts +37 -0
- package/lib/HelperText/HelperText.es.js +12 -0
- package/lib/HelperText/HelperText.figma.d.ts +1 -0
- package/lib/HelperText/index.cjs.js +1 -0
- package/lib/HelperText/index.d.ts +1 -0
- package/lib/HelperText/index.es.js +4 -0
- package/lib/Icon/Icon.cjs.js +1 -0
- package/lib/Icon/Icon.d.ts +37 -0
- package/lib/Icon/Icon.es.js +75 -0
- package/lib/Icon/index.cjs.js +1 -0
- package/lib/Icon/index.d.ts +2 -0
- package/lib/Icon/index.es.js +4 -0
- package/lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js +1 -0
- package/lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.d.ts +4 -0
- package/lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.es.js +9 -0
- package/lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.figma.d.ts +1 -0
- package/lib/InputChoiceGroup/CheckboxGroup/index.cjs.js +1 -0
- package/lib/InputChoiceGroup/CheckboxGroup/index.d.ts +1 -0
- package/lib/InputChoiceGroup/CheckboxGroup/index.es.js +4 -0
- package/lib/InputChoiceGroup/InputChoiceGroup.cjs.js +1 -0
- package/lib/InputChoiceGroup/InputChoiceGroup.context.cjs.js +1 -0
- package/lib/InputChoiceGroup/InputChoiceGroup.context.d.ts +14 -0
- package/lib/InputChoiceGroup/InputChoiceGroup.context.es.js +16 -0
- package/lib/InputChoiceGroup/InputChoiceGroup.d.ts +65 -0
- package/lib/InputChoiceGroup/InputChoiceGroup.es.js +99 -0
- package/lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js +1 -0
- package/lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.d.ts +4 -0
- package/lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.es.js +9 -0
- package/lib/InputChoiceGroup/RadioButtonGroup/index.cjs.js +1 -0
- package/lib/InputChoiceGroup/RadioButtonGroup/index.d.ts +1 -0
- package/lib/InputChoiceGroup/RadioButtonGroup/index.es.js +4 -0
- package/lib/InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js +1 -0
- package/lib/InputChoiceGroup/SwitchGroup/SwitchGroup.d.ts +4 -0
- package/lib/InputChoiceGroup/SwitchGroup/SwitchGroup.es.js +9 -0
- package/lib/InputChoiceGroup/SwitchGroup/index.cjs.js +1 -0
- package/lib/InputChoiceGroup/SwitchGroup/index.d.ts +1 -0
- package/lib/InputChoiceGroup/SwitchGroup/index.es.js +4 -0
- package/lib/InputChoiceGroup/index.cjs.js +1 -0
- package/lib/InputChoiceGroup/index.d.ts +3 -0
- package/lib/InputChoiceGroup/index.es.js +8 -0
- package/lib/Label/Label.cjs.js +1 -0
- package/lib/Label/Label.d.ts +32 -0
- package/lib/Label/Label.es.js +50 -0
- package/lib/Label/Label.figma.d.ts +1 -0
- package/lib/Label/index.cjs.js +1 -0
- package/lib/Label/index.d.ts +1 -0
- package/lib/Label/index.es.js +4 -0
- package/lib/Link/Link.cjs.js +1 -0
- package/lib/Link/Link.d.ts +48 -0
- package/lib/Link/Link.es.js +65 -0
- package/lib/Link/index.cjs.js +1 -0
- package/lib/Link/index.d.ts +1 -0
- package/lib/Link/index.es.js +4 -0
- package/lib/List/List.Item.cjs.js +1 -0
- package/lib/List/List.Item.d.ts +16 -0
- package/lib/List/List.Item.es.js +21 -0
- package/lib/List/List.cjs.js +1 -0
- package/lib/List/List.d.ts +41 -0
- package/lib/List/List.es.js +83 -0
- package/lib/List/ListContext.cjs.js +1 -0
- package/lib/List/ListContext.d.ts +11 -0
- package/lib/List/ListContext.es.js +13 -0
- package/lib/List/index.cjs.js +1 -0
- package/lib/List/index.d.ts +2 -0
- package/lib/List/index.es.js +4 -0
- package/lib/Logo/Logo.cjs.js +1 -0
- package/lib/Logo/Logo.d.ts +29 -0
- package/lib/Logo/Logo.es.js +53 -0
- package/lib/Logo/index.cjs.js +1 -0
- package/lib/Logo/index.d.ts +2 -0
- package/lib/Logo/index.es.js +4 -0
- package/lib/Menu/ActionListContextWrapper.cjs.js +1 -0
- package/lib/Menu/ActionListContextWrapper.d.ts +5 -0
- package/lib/Menu/ActionListContextWrapper.es.js +13 -0
- package/lib/Menu/Menu.PopoverContent.cjs.js +1 -0
- package/lib/Menu/Menu.PopoverContent.d.ts +8 -0
- package/lib/Menu/Menu.PopoverContent.es.js +37 -0
- package/lib/Menu/Menu.Trigger.cjs.js +1 -0
- package/lib/Menu/Menu.Trigger.d.ts +8 -0
- package/lib/Menu/Menu.Trigger.es.js +14 -0
- package/lib/Menu/Menu.cjs.js +1 -0
- package/lib/Menu/Menu.context.cjs.js +1 -0
- package/lib/Menu/Menu.context.d.ts +10 -0
- package/lib/Menu/Menu.context.es.js +6 -0
- package/lib/Menu/Menu.d.ts +39 -0
- package/lib/Menu/Menu.es.js +118 -0
- package/lib/Menu/Menu.stories.utils.d.ts +6 -0
- package/lib/Menu/index.cjs.js +1 -0
- package/lib/Menu/index.d.ts +2 -0
- package/lib/Menu/index.es.js +6 -0
- package/lib/NativeSelect/NativeSelect.cjs.js +1 -0
- package/lib/NativeSelect/NativeSelect.d.ts +62 -0
- package/lib/NativeSelect/NativeSelect.es.js +135 -0
- package/lib/NativeSelect/index.cjs.js +1 -0
- package/lib/NativeSelect/index.d.ts +1 -0
- package/lib/NativeSelect/index.es.js +4 -0
- package/lib/PageHeader/PageHeader.cjs.js +1 -0
- package/lib/PageHeader/PageHeader.d.ts +107 -0
- package/lib/PageHeader/PageHeader.es.js +138 -0
- package/lib/PageHeader/index.cjs.js +1 -0
- package/lib/PageHeader/index.d.ts +2 -0
- package/lib/PageHeader/index.es.js +4 -0
- package/lib/PageLayout/PageLayout.cjs.js +1 -0
- package/lib/PageLayout/PageLayout.d.ts +22 -0
- package/lib/PageLayout/PageLayout.es.js +32 -0
- package/lib/PageLayout/PageLayoutAside.cjs.js +1 -0
- package/lib/PageLayout/PageLayoutAside.d.ts +11 -0
- package/lib/PageLayout/PageLayoutAside.es.js +24 -0
- package/lib/PageLayout/PageLayoutHeader.cjs.js +1 -0
- package/lib/PageLayout/PageLayoutHeader.d.ts +11 -0
- package/lib/PageLayout/PageLayoutHeader.es.js +24 -0
- package/lib/PageLayout/PageLayoutMain.cjs.js +1 -0
- package/lib/PageLayout/PageLayoutMain.d.ts +11 -0
- package/lib/PageLayout/PageLayoutMain.es.js +24 -0
- package/lib/PageLayout/index.cjs.js +1 -0
- package/lib/PageLayout/index.d.ts +1 -0
- package/lib/PageLayout/index.es.js +4 -0
- package/lib/Pagination/PageButton.cjs.js +1 -0
- package/lib/Pagination/PageButton.d.ts +1 -0
- package/lib/Pagination/PageButton.es.js +38 -0
- package/lib/Pagination/PageButtons.cjs.js +1 -0
- package/lib/Pagination/PageButtons.d.ts +8 -0
- package/lib/Pagination/PageButtons.es.js +77 -0
- package/lib/Pagination/Pagination.cjs.js +1 -0
- package/lib/Pagination/Pagination.d.ts +33 -0
- package/lib/Pagination/Pagination.es.js +65 -0
- package/lib/Pagination/PaginationControls.cjs.js +1 -0
- package/lib/Pagination/PaginationControls.d.ts +15 -0
- package/lib/Pagination/PaginationControls.es.js +80 -0
- package/lib/Pagination/Truncation.cjs.js +1 -0
- package/lib/Pagination/Truncation.d.ts +7 -0
- package/lib/Pagination/Truncation.es.js +23 -0
- package/lib/Pagination/index.cjs.js +1 -0
- package/lib/Pagination/index.d.ts +1 -0
- package/lib/Pagination/index.es.js +4 -0
- package/lib/Popover/Popover.cjs.js +1 -0
- package/lib/Popover/Popover.content.cjs.js +1 -0
- package/lib/Popover/Popover.content.d.ts +13 -0
- package/lib/Popover/Popover.content.es.js +30 -0
- package/lib/Popover/Popover.context.cjs.js +1 -0
- package/lib/Popover/Popover.context.d.ts +14 -0
- package/lib/Popover/Popover.context.es.js +16 -0
- package/lib/Popover/Popover.d.ts +129 -0
- package/lib/Popover/Popover.es.js +60 -0
- package/lib/Popover/Popover.stories.utils.d.ts +16 -0
- package/lib/Popover/Popover.trigger.cjs.js +1 -0
- package/lib/Popover/Popover.trigger.d.ts +22 -0
- package/lib/Popover/Popover.trigger.es.js +13 -0
- package/lib/Popover/Popover.utils.cjs.js +1 -0
- package/lib/Popover/Popover.utils.d.ts +2 -0
- package/lib/Popover/Popover.utils.es.js +15 -0
- package/lib/Popover/index.cjs.js +1 -0
- package/lib/Popover/index.d.ts +3 -0
- package/lib/Popover/index.es.js +5 -0
- package/lib/PortalProvider/PortalContext.cjs.js +1 -0
- package/lib/PortalProvider/PortalContext.d.ts +32 -0
- package/lib/PortalProvider/PortalContext.es.js +13 -0
- package/lib/PortalProvider/PortalProvider.cjs.js +1 -0
- package/lib/PortalProvider/PortalProvider.d.ts +22 -0
- package/lib/PortalProvider/PortalProvider.es.js +22 -0
- package/lib/PortalProvider/index.cjs.js +1 -0
- package/lib/PortalProvider/index.d.ts +2 -0
- package/lib/PortalProvider/index.es.js +7 -0
- package/lib/ProgressBar/ProgressBar.cjs.js +1 -0
- package/lib/ProgressBar/ProgressBar.d.ts +38 -0
- package/lib/ProgressBar/ProgressBar.es.js +117 -0
- package/lib/ProgressBar/index.cjs.js +1 -0
- package/lib/ProgressBar/index.d.ts +1 -0
- package/lib/ProgressBar/index.es.js +4 -0
- package/lib/RadioButton/RadioButton.cjs.js +1 -0
- package/lib/RadioButton/RadioButton.d.ts +29 -0
- package/lib/RadioButton/RadioButton.es.js +101 -0
- package/lib/RadioButton/index.cjs.js +1 -0
- package/lib/RadioButton/index.d.ts +1 -0
- package/lib/RadioButton/index.es.js +4 -0
- package/lib/SegmentedControl/SegmentedControl.Item.cjs.js +1 -0
- package/lib/SegmentedControl/SegmentedControl.Item.d.ts +20 -0
- package/lib/SegmentedControl/SegmentedControl.Item.es.js +96 -0
- package/lib/SegmentedControl/SegmentedControl.List.cjs.js +1 -0
- package/lib/SegmentedControl/SegmentedControl.List.d.ts +12 -0
- package/lib/SegmentedControl/SegmentedControl.List.es.js +33 -0
- package/lib/SegmentedControl/SegmentedControl.Panel.cjs.js +1 -0
- package/lib/SegmentedControl/SegmentedControl.Panel.d.ts +12 -0
- package/lib/SegmentedControl/SegmentedControl.Panel.es.js +31 -0
- package/lib/SegmentedControl/SegmentedControl.cjs.js +1 -0
- package/lib/SegmentedControl/SegmentedControl.d.ts +42 -0
- package/lib/SegmentedControl/SegmentedControl.es.js +52 -0
- package/lib/SegmentedControl/SegmentedControlContext.cjs.js +1 -0
- package/lib/SegmentedControl/SegmentedControlContext.d.ts +19 -0
- package/lib/SegmentedControl/SegmentedControlContext.es.js +15 -0
- package/lib/SegmentedControl/index.cjs.js +1 -0
- package/lib/SegmentedControl/index.d.ts +1 -0
- package/lib/SegmentedControl/index.es.js +4 -0
- package/lib/Select/Select.cjs.js +1 -0
- package/lib/Select/Select.d.ts +95 -0
- package/lib/Select/Select.es.js +259 -0
- package/lib/Select/Select.types.cjs.js +1 -0
- package/lib/Select/Select.types.d.ts +24 -0
- package/lib/Select/Select.types.es.js +1 -0
- package/lib/Select/SelectDropdown.cjs.js +1 -0
- package/lib/Select/SelectDropdown.d.ts +2 -0
- package/lib/Select/SelectDropdown.es.js +88 -0
- package/lib/Select/SelectField.cjs.js +1 -0
- package/lib/Select/SelectField.d.ts +26 -0
- package/lib/Select/SelectField.es.js +68 -0
- package/lib/Select/index.cjs.js +1 -0
- package/lib/Select/index.d.ts +3 -0
- package/lib/Select/index.es.js +5 -0
- package/lib/Select/useClearSelection.cjs.js +1 -0
- package/lib/Select/useClearSelection.d.ts +19 -0
- package/lib/Select/useClearSelection.es.js +22 -0
- package/lib/Select/useSelectA11y.cjs.js +1 -0
- package/lib/Select/useSelectA11y.d.ts +26 -0
- package/lib/Select/useSelectA11y.es.js +28 -0
- package/lib/Select/useSelectChipKeyboard.cjs.js +1 -0
- package/lib/Select/useSelectChipKeyboard.d.ts +32 -0
- package/lib/Select/useSelectChipKeyboard.es.js +38 -0
- package/lib/Select/useSelectChips.cjs.js +1 -0
- package/lib/Select/useSelectChips.d.ts +27 -0
- package/lib/Select/useSelectChips.es.js +55 -0
- package/lib/Select/useSelectDropdown.cjs.js +1 -0
- package/lib/Select/useSelectDropdown.d.ts +54 -0
- package/lib/Select/useSelectDropdown.es.js +123 -0
- package/lib/Select/useSelectKeyboardManager.cjs.js +1 -0
- package/lib/Select/useSelectKeyboardManager.d.ts +35 -0
- package/lib/Select/useSelectKeyboardManager.es.js +25 -0
- package/lib/SideNav/SideNav.cjs.js +1 -0
- package/lib/SideNav/SideNav.d.ts +68 -0
- package/lib/SideNav/SideNav.es.js +179 -0
- package/lib/SideNav/SideNavActionList.cjs.js +1 -0
- package/lib/SideNav/SideNavActionList.d.ts +19 -0
- package/lib/SideNav/SideNavActionList.es.js +26 -0
- package/lib/SideNav/SideNavActionListGroup.cjs.js +1 -0
- package/lib/SideNav/SideNavActionListGroup.d.ts +10 -0
- package/lib/SideNav/SideNavActionListGroup.es.js +33 -0
- package/lib/SideNav/SideNavActionListGroupHeading.cjs.js +1 -0
- package/lib/SideNav/SideNavActionListGroupHeading.d.ts +16 -0
- package/lib/SideNav/SideNavActionListGroupHeading.es.js +20 -0
- package/lib/SideNav/SideNavActionListItem.cjs.js +1 -0
- package/lib/SideNav/SideNavActionListItem.d.ts +23 -0
- package/lib/SideNav/SideNavActionListItem.es.js +82 -0
- package/lib/SideNav/SideNavActionListItemExpandable.cjs.js +1 -0
- package/lib/SideNav/SideNavActionListItemExpandable.d.ts +39 -0
- package/lib/SideNav/SideNavActionListItemExpandable.es.js +87 -0
- package/lib/SideNav/SideNavActionListItemFlyout.cjs.js +1 -0
- package/lib/SideNav/SideNavActionListItemFlyout.d.ts +17 -0
- package/lib/SideNav/SideNavActionListItemFlyout.es.js +49 -0
- package/lib/SideNav/SideNavActionListItemLabel.cjs.js +1 -0
- package/lib/SideNav/SideNavActionListItemLabel.d.ts +8 -0
- package/lib/SideNav/SideNavActionListItemLabel.es.js +5 -0
- package/lib/SideNav/SideNavBody.cjs.js +1 -0
- package/lib/SideNav/SideNavBody.d.ts +20 -0
- package/lib/SideNav/SideNavBody.es.js +83 -0
- package/lib/SideNav/SideNavContext.cjs.js +3 -0
- package/lib/SideNav/SideNavContext.d.ts +29 -0
- package/lib/SideNav/SideNavContext.es.js +73 -0
- package/lib/SideNav/SideNavExpandableContext.cjs.js +1 -0
- package/lib/SideNav/SideNavExpandableContext.d.ts +10 -0
- package/lib/SideNav/SideNavExpandableContext.es.js +13 -0
- package/lib/SideNav/SideNavFooter.cjs.js +1 -0
- package/lib/SideNav/SideNavFooter.d.ts +9 -0
- package/lib/SideNav/SideNavFooter.es.js +16 -0
- package/lib/SideNav/SideNavHeader.cjs.js +1 -0
- package/lib/SideNav/SideNavHeader.d.ts +9 -0
- package/lib/SideNav/SideNavHeader.es.js +16 -0
- package/lib/SideNav/SideNavLayoutContext.cjs.js +1 -0
- package/lib/SideNav/SideNavLayoutContext.d.ts +12 -0
- package/lib/SideNav/SideNavLayoutContext.es.js +19 -0
- package/lib/SideNav/index.cjs.js +1 -0
- package/lib/SideNav/index.d.ts +2 -0
- package/lib/SideNav/index.es.js +18 -0
- package/lib/Slider/DualSlider.cjs.js +1 -0
- package/lib/Slider/DualSlider.d.ts +8 -0
- package/lib/Slider/DualSlider.es.js +322 -0
- package/lib/Slider/SingleSlider.cjs.js +1 -0
- package/lib/Slider/SingleSlider.d.ts +8 -0
- package/lib/Slider/SingleSlider.es.js +215 -0
- package/lib/Slider/Slider.Error.cjs.js +1 -0
- package/lib/Slider/Slider.Error.d.ts +7 -0
- package/lib/Slider/Slider.Error.es.js +27 -0
- package/lib/Slider/Slider.TextField.cjs.js +1 -0
- package/lib/Slider/Slider.TextField.d.ts +16 -0
- package/lib/Slider/Slider.TextField.es.js +73 -0
- package/lib/Slider/Slider.Thumb.cjs.js +1 -0
- package/lib/Slider/Slider.Thumb.d.ts +31 -0
- package/lib/Slider/Slider.Thumb.es.js +115 -0
- package/lib/Slider/Slider.TickMarks.cjs.js +1 -0
- package/lib/Slider/Slider.TickMarks.d.ts +13 -0
- package/lib/Slider/Slider.TickMarks.es.js +37 -0
- package/lib/Slider/Slider.ValueAxisLabels.cjs.js +1 -0
- package/lib/Slider/Slider.ValueAxisLabels.d.ts +13 -0
- package/lib/Slider/Slider.ValueAxisLabels.es.js +49 -0
- package/lib/Slider/Slider.cjs.js +1 -0
- package/lib/Slider/Slider.d.ts +7 -0
- package/lib/Slider/Slider.es.js +65 -0
- package/lib/Slider/Slider.types.cjs.js +1 -0
- package/lib/Slider/Slider.types.d.ts +152 -0
- package/lib/Slider/Slider.types.es.js +1 -0
- package/lib/Slider/hooks/index.cjs.js +1 -0
- package/lib/Slider/hooks/index.d.ts +6 -0
- package/lib/Slider/hooks/index.es.js +14 -0
- package/lib/Slider/hooks/useAxisPoints.cjs.js +1 -0
- package/lib/Slider/hooks/useAxisPoints.d.ts +8 -0
- package/lib/Slider/hooks/useAxisPoints.es.js +10 -0
- package/lib/Slider/hooks/useDualSliderLogic.cjs.js +1 -0
- package/lib/Slider/hooks/useDualSliderLogic.d.ts +23 -0
- package/lib/Slider/hooks/useDualSliderLogic.es.js +60 -0
- package/lib/Slider/hooks/useSingleSliderLogic.cjs.js +1 -0
- package/lib/Slider/hooks/useSingleSliderLogic.d.ts +22 -0
- package/lib/Slider/hooks/useSingleSliderLogic.es.js +49 -0
- package/lib/Slider/hooks/useSliderApi.cjs.js +1 -0
- package/lib/Slider/hooks/useSliderApi.d.ts +17 -0
- package/lib/Slider/hooks/useSliderApi.es.js +59 -0
- package/lib/Slider/hooks/useSliderBase.cjs.js +1 -0
- package/lib/Slider/hooks/useSliderBase.d.ts +65 -0
- package/lib/Slider/hooks/useSliderBase.es.js +111 -0
- package/lib/Slider/hooks/useSliderEvents.cjs.js +1 -0
- package/lib/Slider/hooks/useSliderEvents.d.ts +2 -0
- package/lib/Slider/hooks/useSliderEvents.es.js +39 -0
- package/lib/Slider/hooks/useSliderThumbNavigation.cjs.js +1 -0
- package/lib/Slider/hooks/useSliderThumbNavigation.d.ts +13 -0
- package/lib/Slider/hooks/useSliderThumbNavigation.es.js +62 -0
- package/lib/Slider/index.cjs.js +1 -0
- package/lib/Slider/index.d.ts +4 -0
- package/lib/Slider/index.es.js +5 -0
- package/lib/Slider/slider.constants.cjs.js +1 -0
- package/lib/Slider/slider.constants.d.ts +29 -0
- package/lib/Slider/slider.constants.es.js +14 -0
- package/lib/Slider/utils/slider.rendering.utils.cjs.js +1 -0
- package/lib/Slider/utils/slider.rendering.utils.d.ts +13 -0
- package/lib/Slider/utils/slider.rendering.utils.es.js +43 -0
- package/lib/Slider/utils/slider.validation.utils.cjs.js +1 -0
- package/lib/Slider/utils/slider.validation.utils.d.ts +8 -0
- package/lib/Slider/utils/slider.validation.utils.es.js +46 -0
- package/lib/Slider/utils/sliderLogic.utils.cjs.js +1 -0
- package/lib/Slider/utils/sliderLogic.utils.d.ts +4 -0
- package/lib/Slider/utils/sliderLogic.utils.es.js +27 -0
- package/lib/Spinner/Spinner.cjs.js +1 -0
- package/lib/Spinner/Spinner.d.ts +39 -0
- package/lib/Spinner/Spinner.es.js +47 -0
- package/lib/Spinner/Spinner.figma.d.ts +1 -0
- package/lib/Spinner/SpinnerWrap.cjs.js +1 -0
- package/lib/Spinner/SpinnerWrap.d.ts +34 -0
- package/lib/Spinner/SpinnerWrap.es.js +11 -0
- package/lib/Spinner/index.cjs.js +1 -0
- package/lib/Spinner/index.d.ts +2 -0
- package/lib/Spinner/index.es.js +4 -0
- package/lib/StateLayer/StateLayer.cjs.js +1 -0
- package/lib/StateLayer/StateLayer.d.ts +11 -0
- package/lib/StateLayer/StateLayer.es.js +30 -0
- package/lib/StateLayer/index.cjs.js +1 -0
- package/lib/StateLayer/index.d.ts +1 -0
- package/lib/StateLayer/index.es.js +4 -0
- package/lib/Stepper/Stepper.Body.cjs.js +1 -0
- package/lib/Stepper/Stepper.Body.d.ts +3 -0
- package/lib/Stepper/Stepper.Body.es.js +16 -0
- package/lib/Stepper/Stepper.Context.cjs.js +1 -0
- package/lib/Stepper/Stepper.Context.d.ts +6 -0
- package/lib/Stepper/Stepper.Context.es.js +9 -0
- package/lib/Stepper/Stepper.Heading.cjs.js +1 -0
- package/lib/Stepper/Stepper.Heading.d.ts +2 -0
- package/lib/Stepper/Stepper.Heading.es.js +21 -0
- package/lib/Stepper/Stepper.Marker.cjs.js +1 -0
- package/lib/Stepper/Stepper.Marker.d.ts +9 -0
- package/lib/Stepper/Stepper.Marker.es.js +40 -0
- package/lib/Stepper/Stepper.Step.cjs.js +1 -0
- package/lib/Stepper/Stepper.Step.d.ts +24 -0
- package/lib/Stepper/Stepper.Step.es.js +56 -0
- package/lib/Stepper/Stepper.cjs.js +1 -0
- package/lib/Stepper/Stepper.d.ts +37 -0
- package/lib/Stepper/Stepper.es.js +43 -0
- package/lib/Stepper/index.cjs.js +1 -0
- package/lib/Stepper/index.d.ts +2 -0
- package/lib/Stepper/index.es.js +7 -0
- package/lib/Stepper/useBeamStepper.cjs.js +1 -0
- package/lib/Stepper/useBeamStepper.d.ts +95 -0
- package/lib/Stepper/useBeamStepper.es.js +193 -0
- package/lib/Switch/Switch.cjs.js +1 -0
- package/lib/Switch/Switch.d.ts +35 -0
- package/lib/Switch/Switch.es.js +107 -0
- package/lib/Switch/index.cjs.js +1 -0
- package/lib/Switch/index.d.ts +1 -0
- package/lib/Switch/index.es.js +4 -0
- package/lib/Tabs/Tabs.Group.cjs.js +1 -0
- package/lib/Tabs/Tabs.Group.d.ts +10 -0
- package/lib/Tabs/Tabs.Group.es.js +203 -0
- package/lib/Tabs/Tabs.Item.cjs.js +1 -0
- package/lib/Tabs/Tabs.Item.d.ts +21 -0
- package/lib/Tabs/Tabs.Item.es.js +114 -0
- package/lib/Tabs/Tabs.Panel.cjs.js +1 -0
- package/lib/Tabs/Tabs.Panel.d.ts +12 -0
- package/lib/Tabs/Tabs.Panel.es.js +33 -0
- package/lib/Tabs/Tabs.cjs.js +1 -0
- package/lib/Tabs/Tabs.d.ts +53 -0
- package/lib/Tabs/Tabs.es.js +117 -0
- package/lib/Tabs/TabsContext.cjs.js +1 -0
- package/lib/Tabs/TabsContext.d.ts +21 -0
- package/lib/Tabs/TabsContext.es.js +15 -0
- package/lib/Tabs/index.cjs.js +1 -0
- package/lib/Tabs/index.d.ts +1 -0
- package/lib/Tabs/index.es.js +4 -0
- package/lib/Text/Text.cjs.js +1 -0
- package/lib/Text/Text.d.ts +64 -0
- package/lib/Text/Text.es.js +175 -0
- package/lib/Text/index.cjs.js +1 -0
- package/lib/Text/index.d.ts +1 -0
- package/lib/Text/index.es.js +4 -0
- package/lib/TextArea/TextArea.cjs.js +1 -0
- package/lib/TextArea/TextArea.d.ts +83 -0
- package/lib/TextArea/TextArea.es.js +151 -0
- package/lib/TextArea/index.cjs.js +1 -0
- package/lib/TextArea/index.d.ts +1 -0
- package/lib/TextArea/index.es.js +4 -0
- package/lib/TextField/TextField.cjs.js +1 -0
- package/lib/TextField/TextField.d.ts +74 -0
- package/lib/TextField/TextField.es.js +111 -0
- package/lib/TextField/TextField.figma.d.ts +1 -0
- package/lib/TextField/index.cjs.js +1 -0
- package/lib/TextField/index.d.ts +1 -0
- package/lib/TextField/index.es.js +4 -0
- package/lib/Toasts/Toast.cjs.js +1 -0
- package/lib/Toasts/Toast.d.ts +60 -0
- package/lib/Toasts/Toast.es.js +131 -0
- package/lib/Toasts/ToastContainer.cjs.js +1 -0
- package/lib/Toasts/ToastContainer.d.ts +28 -0
- package/lib/Toasts/ToastContainer.es.js +93 -0
- package/lib/Toasts/ToastContext.cjs.js +1 -0
- package/lib/Toasts/ToastContext.d.ts +15 -0
- package/lib/Toasts/ToastContext.es.js +7 -0
- package/lib/Toasts/index.cjs.js +1 -0
- package/lib/Toasts/index.d.ts +3 -0
- package/lib/Toasts/index.es.js +9 -0
- package/lib/Tooltip/Tooltip.cjs.js +1 -0
- package/lib/Tooltip/Tooltip.d.ts +122 -0
- package/lib/Tooltip/Tooltip.es.js +116 -0
- package/lib/Tooltip/index.cjs.js +1 -0
- package/lib/Tooltip/index.d.ts +1 -0
- package/lib/Tooltip/index.es.js +5 -0
- package/lib/Tooltip/useTooltipClipping.cjs.js +1 -0
- package/lib/Tooltip/useTooltipClipping.d.ts +5 -0
- package/lib/Tooltip/useTooltipClipping.es.js +20 -0
- package/lib/_Navigation/Navigation.cjs.js +1 -0
- package/lib/_Navigation/Navigation.d.ts +20 -0
- package/lib/_Navigation/Navigation.es.js +32 -0
- package/lib/_Navigation/NavigationItem.cjs.js +1 -0
- package/lib/_Navigation/NavigationItem.d.ts +26 -0
- package/lib/_Navigation/NavigationItem.es.js +10 -0
- package/lib/_Navigation/classes.cjs.js +1 -0
- package/lib/_Navigation/classes.d.ts +11 -0
- package/lib/_Navigation/classes.es.js +16 -0
- package/lib/_Navigation/index.cjs.js +1 -0
- package/lib/_Navigation/index.d.ts +2 -0
- package/lib/_Navigation/index.es.js +6 -0
- package/lib/_Options/Option.cjs.js +1 -0
- package/lib/_Options/Option.context.cjs.js +1 -0
- package/lib/_Options/Option.context.d.ts +29 -0
- package/lib/_Options/Option.context.es.js +123 -0
- package/lib/_Options/Option.d.ts +3 -0
- package/lib/_Options/Option.es.js +31 -0
- package/lib/_Options/Option.types.cjs.js +1 -0
- package/lib/_Options/Option.types.d.ts +11 -0
- package/lib/_Options/Option.types.es.js +1 -0
- package/lib/_Options/OptionChips.cjs.js +1 -0
- package/lib/_Options/OptionChips.d.ts +20 -0
- package/lib/_Options/OptionChips.es.js +48 -0
- package/lib/_Options/index.cjs.js +1 -0
- package/lib/_Options/index.d.ts +4 -0
- package/lib/_Options/index.es.js +10 -0
- package/lib/_Options/strategies/SelectionStrategy.cjs.js +1 -0
- package/lib/_Options/strategies/SelectionStrategy.d.ts +16 -0
- package/lib/_Options/strategies/SelectionStrategy.es.js +42 -0
- package/lib/_Options/useSelectValue.cjs.js +1 -0
- package/lib/_Options/useSelectValue.d.ts +13 -0
- package/lib/_Options/useSelectValue.es.js +109 -0
- package/lib/index.cjs.js +1 -0
- package/lib/index.d.ts +51 -0
- package/lib/index.es.js +152 -0
- package/lib/wip/index.cjs.js +1 -0
- package/lib/wip/index.d.ts +0 -0
- package/lib/wip/index.es.js +1 -0
- package/package.json +78 -0
- package/utils/children.cjs.js +1 -0
- package/utils/children.d.ts +1 -0
- package/utils/children.es.js +9 -0
- package/utils/extractSpecifiedComponents.cjs.js +1 -0
- package/utils/extractSpecifiedComponents.d.ts +28 -0
- package/utils/extractSpecifiedComponents.es.js +16 -0
- package/utils/functions.cjs.js +1 -0
- package/utils/functions.d.ts +13 -0
- package/utils/functions.es.js +35 -0
- package/utils/hooks/index.cjs.js +1 -0
- package/utils/hooks/index.d.ts +56 -0
- package/utils/hooks/index.es.js +108 -0
- package/utils/hooks/useBoundingBox.cjs.js +1 -0
- package/utils/hooks/useBoundingBox.d.ts +6 -0
- package/utils/hooks/useBoundingBox.es.js +39 -0
- package/utils/hooks/useElementClick.cjs.js +1 -0
- package/utils/hooks/useElementClick.d.ts +42 -0
- package/utils/hooks/useElementClick.es.js +23 -0
- package/utils/hooks/useElementResize.cjs.js +1 -0
- package/utils/hooks/useElementResize.d.ts +1 -0
- package/utils/hooks/useElementResize.es.js +46 -0
- package/utils/hooks/useId.cjs.js +1 -0
- package/utils/hooks/useId.d.ts +7 -0
- package/utils/hooks/useId.es.js +24 -0
- package/utils/hooks/useIsMounted.cjs.js +1 -0
- package/utils/hooks/useIsMounted.d.ts +11 -0
- package/utils/hooks/useIsMounted.es.js +10 -0
- package/utils/hooks/useKeyboardNavigation.cjs.js +1 -0
- package/utils/hooks/useKeyboardNavigation.d.ts +38 -0
- package/utils/hooks/useKeyboardNavigation.es.js +97 -0
- package/utils/hooks/useLocalStorage.cjs.js +1 -0
- package/utils/hooks/useLocalStorage.d.ts +3 -0
- package/utils/hooks/useLocalStorage.es.js +41 -0
- package/utils/keyboardComposition.cjs.js +1 -0
- package/utils/keyboardComposition.d.ts +17 -0
- package/utils/keyboardComposition.es.js +21 -0
- package/utils/safeReact.cjs.js +1 -0
- package/utils/safeReact.d.ts +63 -0
- package/utils/safeReact.es.js +5 -0
- package/utils/spacing.cjs.js +1 -0
- package/utils/spacing.d.ts +77 -0
- package/utils/spacing.es.js +29 -0
- package/utils/theming/index.cjs.js +1 -0
- package/utils/theming/index.d.ts +1 -0
- package/utils/theming/index.es.js +8 -0
- package/utils/theming/useBeamTheme.cjs.js +1 -0
- package/utils/theming/useBeamTheme.d.ts +34 -0
- package/utils/theming/useBeamTheme.es.js +213 -0
- package/utils/types/render-fn.cjs.js +1 -0
- package/utils/types/render-fn.d.ts +9 -0
- package/utils/types/render-fn.es.js +1 -0
- package/utils/types.cjs.js +1 -0
- package/utils/types.d.ts +23 -0
- package/utils/types.es.js +1 -0
package/README.md
ADDED
|
@@ -0,0 +1,273 @@
|
|
|
1
|
+
# ⚛️ Beam React
|
|
2
|
+
|
|
3
|
+
A **headless**, **token-driven** React component library built for modern web applications. Beam React provides scalable, accessible components with first-class support for theming, tree-shaking, and cross-platform development.
|
|
4
|
+
|
|
5
|
+
<br />
|
|
6
|
+
|
|
7
|
+
## 🔖 Table of Contents
|
|
8
|
+
|
|
9
|
+
1. [✨ Features](#features)
|
|
10
|
+
2. [💻 Installation](#installation)
|
|
11
|
+
3. [🚀 Quick Start](#quick-start)
|
|
12
|
+
4. [🛠️ Usage](#usage)
|
|
13
|
+
5. [🎨 Theming](#theming)
|
|
14
|
+
6. [📦 Tree-Shaking & Optimization](#tree-shaking--optimization)
|
|
15
|
+
7. [📚 Documentation](#documentation)
|
|
16
|
+
|
|
17
|
+
## Features
|
|
18
|
+
|
|
19
|
+
- **50+ Production-Ready Components** - From basic buttons to complex data visualizations
|
|
20
|
+
- **Fully Accessible** - WCAG 2.1 AA compliant with comprehensive ARIA support
|
|
21
|
+
- **Token-Driven Design** - Built on `@viasat/beam-tokens` for consistent, themeable styling
|
|
22
|
+
- **Tree-Shakable** - Optimized bundle sizes with automatic CSS code-splitting
|
|
23
|
+
- **TypeScript First** - Complete type definitions and IntelliSense support
|
|
24
|
+
- **Framework Agnostic Styling** - Works with any CSS approach (CSS Modules, Tailwind, CSS-in-JS)
|
|
25
|
+
- **Dark Mode Ready** - Built-in support for light and dark themes
|
|
26
|
+
- **Next.js Optimized** - Server component compatible with App Router support
|
|
27
|
+
|
|
28
|
+
## Installation
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
npm install @viasat/beam-react
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
yarn add @viasat/beam-react
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
pnpm add @viasat/beam-react
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
> 💡 **Note**: When you install `@viasat/beam-react`, it automatically includes all necessary dependencies such as `@viasat/beam-icons`, `@viasat/beam-tokens`, and `@viasat/beam-fonts`.
|
|
43
|
+
|
|
44
|
+
## Quick Start
|
|
45
|
+
|
|
46
|
+
### Standard React Application
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
import { Button } from '@viasat/beam-react/Button';
|
|
50
|
+
import { Text } from '@viasat/beam-react/Text';
|
|
51
|
+
import { Box } from '@viasat/beam-react/Box';
|
|
52
|
+
|
|
53
|
+
// Import base tokens and fonts
|
|
54
|
+
import '@viasat/beam-tokens/styles.css';
|
|
55
|
+
import '@viasat/beam-fonts/styles.css';
|
|
56
|
+
|
|
57
|
+
export default function App() {
|
|
58
|
+
return (
|
|
59
|
+
<Box>
|
|
60
|
+
<Text variant="heading-lg">Welcome to Beam</Text>
|
|
61
|
+
<Button onClick={() => alert('Hello!')}>Get Started</Button>
|
|
62
|
+
</Box>
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
### Next.js Application
|
|
68
|
+
|
|
69
|
+
#### 1. Copy Fonts to Public Directory
|
|
70
|
+
|
|
71
|
+
Add a `postinstall` script to your `package.json`:
|
|
72
|
+
|
|
73
|
+
```json
|
|
74
|
+
{
|
|
75
|
+
"scripts": {
|
|
76
|
+
"postinstall": "cp -R node_modules/@viasat/beam-fonts/assets public/fonts"
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
Run the script:
|
|
82
|
+
|
|
83
|
+
```bash
|
|
84
|
+
npm run postinstall
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
#### 2. Import Styles in Your Root Layout
|
|
88
|
+
|
|
89
|
+
```tsx
|
|
90
|
+
// app/layout.tsx
|
|
91
|
+
import '@viasat/beam-tokens/styles.css';
|
|
92
|
+
import '@viasat/beam-fonts/styles.nextjs.css'; // Use Next.js-specific font import
|
|
93
|
+
|
|
94
|
+
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
95
|
+
return (
|
|
96
|
+
<html lang="en">
|
|
97
|
+
<body>{children}</body>
|
|
98
|
+
</html>
|
|
99
|
+
);
|
|
100
|
+
}
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
#### 3. Use Beam Components
|
|
104
|
+
|
|
105
|
+
```tsx
|
|
106
|
+
// app/page.tsx
|
|
107
|
+
import { Button } from '@viasat/beam-react/Button';
|
|
108
|
+
|
|
109
|
+
export default function HomePage() {
|
|
110
|
+
return <Button appearance="accent">Click me!</Button>;
|
|
111
|
+
}
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
## Usage
|
|
115
|
+
|
|
116
|
+
### Importing Components
|
|
117
|
+
|
|
118
|
+
Beam supports multiple import patterns, all optimized for tree-shaking:
|
|
119
|
+
|
|
120
|
+
```tsx
|
|
121
|
+
// Root-level import
|
|
122
|
+
import { Box, Button, Text } from '@viasat/beam-react';
|
|
123
|
+
|
|
124
|
+
// Direct component import (recommended)
|
|
125
|
+
import { Box } from '@viasat/beam-react/Box';
|
|
126
|
+
import { Button } from '@viasat/beam-react/Button';
|
|
127
|
+
import { Text } from '@viasat/beam-react/Text';
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
Both approaches are fully tree-shakable and will only include the components you use.
|
|
131
|
+
|
|
132
|
+
### Required Styles
|
|
133
|
+
|
|
134
|
+
Import the base stylesheet in your application entry point:
|
|
135
|
+
|
|
136
|
+
```ts
|
|
137
|
+
// For standard React apps
|
|
138
|
+
import '@viasat/beam-tokens/styles.css';
|
|
139
|
+
import '@viasat/beam-fonts/styles.css';
|
|
140
|
+
|
|
141
|
+
// For Next.js apps
|
|
142
|
+
import '@viasat/beam-tokens/styles.css';
|
|
143
|
+
import '@viasat/beam-fonts/styles.nextjs.css';
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
## Theming
|
|
147
|
+
|
|
148
|
+
Beam React components are built on top of `@viasat/beam-tokens`, providing powerful theming capabilities including light/dark modes, accent theming, product theming (enterprise/consumer), and brand-specific customization. All components automatically respond to theme context without any additional configuration.
|
|
149
|
+
|
|
150
|
+
**📖 [View Complete Theming Guide](https://react.beam.viasat.com/?path=/docs/concepts-theming--docs)**
|
|
151
|
+
|
|
152
|
+
### Quick Example
|
|
153
|
+
|
|
154
|
+
```tsx
|
|
155
|
+
import { BeamThemeProvider } from '@viasat/beam-react';
|
|
156
|
+
import '@viasat/beam-tokens/styles.css';
|
|
157
|
+
|
|
158
|
+
function App() {
|
|
159
|
+
return (
|
|
160
|
+
<BeamThemeProvider
|
|
161
|
+
defaultTheme={{ mode: 'light', accent: 'teal', productType: 'enterprise' }}
|
|
162
|
+
>
|
|
163
|
+
{/* All components automatically use the theme */}
|
|
164
|
+
</BeamThemeProvider>
|
|
165
|
+
);
|
|
166
|
+
}
|
|
167
|
+
```
|
|
168
|
+
|
|
169
|
+
### Next.js Theming
|
|
170
|
+
|
|
171
|
+
When using `BeamThemeProvider` in Next.js, you'll need to:
|
|
172
|
+
|
|
173
|
+
1. **Mark the provider as a client component** with `'use client'`
|
|
174
|
+
2. **Add `suppressHydrationWarning` to your `<html>` tag** to prevent hydration warnings (the theme provider updates this element)
|
|
175
|
+
|
|
176
|
+
```tsx
|
|
177
|
+
// app/layout.tsx
|
|
178
|
+
import ClientProviders from './clientProviders';
|
|
179
|
+
import '@viasat/beam-tokens/styles.css';
|
|
180
|
+
import '@viasat/beam-fonts/styles.nextjs.css';
|
|
181
|
+
|
|
182
|
+
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
183
|
+
return (
|
|
184
|
+
<html lang="en" suppressHydrationWarning>
|
|
185
|
+
<body>
|
|
186
|
+
<ClientProviders>{children}</ClientProviders>
|
|
187
|
+
</body>
|
|
188
|
+
</html>
|
|
189
|
+
);
|
|
190
|
+
}
|
|
191
|
+
```
|
|
192
|
+
|
|
193
|
+
```tsx
|
|
194
|
+
// app/clientProviders.tsx
|
|
195
|
+
'use client';
|
|
196
|
+
import { BeamThemeProvider } from '@viasat/beam-react';
|
|
197
|
+
|
|
198
|
+
export default function ClientProviders({
|
|
199
|
+
children,
|
|
200
|
+
}: {
|
|
201
|
+
children: React.ReactNode;
|
|
202
|
+
}) {
|
|
203
|
+
return <BeamThemeProvider>{children}</BeamThemeProvider>;
|
|
204
|
+
}
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
> **📖 For complete Next.js setup, detailed information on accent themes, brand themes, dynamic theme switching, and advanced theming patterns, see the [theming documentation](https://react.beam.viasat.com/?path=/docs/concepts-theming--docs).**
|
|
208
|
+
|
|
209
|
+
## Tree-Shaking & Optimization
|
|
210
|
+
|
|
211
|
+
Beam 3 is designed for optimal performance with **zero-config tree-shaking**:
|
|
212
|
+
|
|
213
|
+
### How It Works
|
|
214
|
+
|
|
215
|
+
- **Component Styles Are Split** - Each component includes only the CSS it needs
|
|
216
|
+
- **ESM-Based Tree-Shaking** - Only imported components are included in your bundle
|
|
217
|
+
- **Automatic CSS Code-Splitting** - Vite/Webpack automatically split CSS per component
|
|
218
|
+
- **Optimized Side Effects** - CSS files are properly marked, ensuring safe tree-shaking of JS while preserving styles
|
|
219
|
+
|
|
220
|
+
### Bundle Size Examples
|
|
221
|
+
|
|
222
|
+
```tsx
|
|
223
|
+
// Only Button's JS + CSS is included
|
|
224
|
+
import { Button } from '@viasat/beam-react/Button';
|
|
225
|
+
|
|
226
|
+
// Only Button and Box's JS + CSS is included
|
|
227
|
+
import { Button } from '@viasat/beam-react/Button';
|
|
228
|
+
import { Box } from '@viasat/beam-react/Box';
|
|
229
|
+
|
|
230
|
+
// Root-level imports work too (same bundle size as above)
|
|
231
|
+
import { Button, Box } from '@viasat/beam-react';
|
|
232
|
+
```
|
|
233
|
+
|
|
234
|
+
### Build Tool Compatibility
|
|
235
|
+
|
|
236
|
+
Beam works seamlessly with:
|
|
237
|
+
|
|
238
|
+
- ✅ **Vite** - Full support with automatic optimization
|
|
239
|
+
- ✅ **Webpack 5** - Modern tree-shaking and code-splitting
|
|
240
|
+
- ✅ **Next.js** - App Router and Pages Router compatible
|
|
241
|
+
- ✅ **Rollup** - ESM-first bundling
|
|
242
|
+
- ✅ **esbuild** - Ultra-fast builds with tree-shaking
|
|
243
|
+
|
|
244
|
+
## Documentation
|
|
245
|
+
|
|
246
|
+
### Storybook
|
|
247
|
+
|
|
248
|
+
Explore our comprehensive component library with live examples and API documentation:
|
|
249
|
+
|
|
250
|
+
**📖 [Beam React Storybook](https://react.beam.viasat.com/)**
|
|
251
|
+
|
|
252
|
+
#### Component API
|
|
253
|
+
|
|
254
|
+
Each component includes:
|
|
255
|
+
|
|
256
|
+
- **Props Documentation** - Complete TypeScript definitions
|
|
257
|
+
- **Usage Examples** - Common patterns and configurations
|
|
258
|
+
- **Accessibility Notes** - ARIA labels, keyboard navigation, screen reader support
|
|
259
|
+
- **Theming Options** - Available variants and customization points
|
|
260
|
+
|
|
261
|
+
### Additional Resources
|
|
262
|
+
|
|
263
|
+
- **Design Tokens** - [@viasat/beam-tokens](https://www.npmjs.com/package/@viasat/beam-tokens)
|
|
264
|
+
- **Icon Library** - [@viasat/beam-icons](https://www.npmjs.com/package/@viasat/beam-icons)
|
|
265
|
+
- **Typography** - [@viasat/beam-fonts](https://www.npmjs.com/package/@viasat/beam-fonts)
|
|
266
|
+
|
|
267
|
+
## Contributing
|
|
268
|
+
|
|
269
|
+
This package is part of the Beam Design System monorepo. For contribution guidelines, please refer to the main repository documentation.
|
|
270
|
+
|
|
271
|
+
## License
|
|
272
|
+
|
|
273
|
+
MIT © Viasat
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-actionlist-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-actionlist-color-bg-selected:var(--bm-sem-color-surface-selected,#e9fcff);--bm-comp-actionlist-color-text-selected:var(--bm-sem-color-text-selected,#00768f);--bm-comp-actionlist-color-text-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-actionlist-color-text-suffix:var(--bm-sem-color-text-secondary,#576775);--bm-comp-actionlist-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-actionlist-color-group-heading:var(--bm-sem-color-text-secondary,#576775);--bm-comp-actionlist-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-actionlist-color-icon-selected:var(--bm-sem-color-icon-selected,#00768f);--bm-comp-actionlist-color-indicator:var(--bm-sem-color-icon-selected,#00768f);--bm-comp-actionlist-color-check:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-actionlist-color-divider:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-actionlist-radius:var(--bm-sem-radius-md,.5rem);--bm-comp-actionlist-radius-indicator:var(--bm-sem-radius-xs,.125rem);--bm-comp-actionlist-size-height:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-actionlist-size-state-offset:var(--bm-primitive-dimension-50,.5rem);--bm-comp-actionlist-size-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-actionlist-size-choice:var(--bm-sem-size-icon-sm,1rem);--bm-comp-actionlist-size-indicator-width:var(--bm-primitive-dimension-12,.125rem);--bm-comp-actionlist-space-y:var(--bm-sem-space-50,.5rem);--bm-comp-actionlist-space-choice-y:var(--bm-sem-space-12,.125rem);--bm-comp-actionlist-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-actionlist-typo-text:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-actionlist-typo-text-selected:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-actionlist-typo-text-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-actionlist-typo-text-suffix:var(--bm-sem-typo-body-xs,400 .75rem/1.25rem "Source Sans Pro");--bm-comp-actionlist-typo-heading-group:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-actionlist-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-actionlist-color-bg-selected:var(--bm-sem-color-surface-selected,#00414d);--bm-comp-actionlist-color-text-selected:var(--bm-sem-color-text-selected,#43bfd6);--bm-comp-actionlist-color-text-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-actionlist-color-text-suffix:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-actionlist-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-actionlist-color-group-heading:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-actionlist-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-actionlist-color-icon-selected:var(--bm-sem-color-icon-selected,#43bfd6);--bm-comp-actionlist-color-indicator:var(--bm-sem-color-icon-selected,#43bfd6);--bm-comp-actionlist-color-check:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-actionlist-color-divider:var(--bm-sem-color-border-01,#32424e);--bm-comp-actionlist-radius:var(--bm-sem-radius-md,.5rem);--bm-comp-actionlist-radius-indicator:var(--bm-sem-radius-xs,.125rem);--bm-comp-actionlist-size-height:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-actionlist-size-state-offset:var(--bm-primitive-dimension-50,.5rem);--bm-comp-actionlist-size-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-actionlist-size-choice:var(--bm-sem-size-icon-sm,1rem);--bm-comp-actionlist-size-indicator-width:var(--bm-primitive-dimension-12,.125rem);--bm-comp-actionlist-space-y:var(--bm-sem-space-50,.5rem);--bm-comp-actionlist-space-choice-y:var(--bm-sem-space-12,.125rem);--bm-comp-actionlist-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-actionlist-typo-text:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-actionlist-typo-text-selected:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-actionlist-typo-text-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-actionlist-typo-text-suffix:var(--bm-sem-typo-body-xs,400 .75rem/1.25rem "Source Sans Pro");--bm-comp-actionlist-typo-heading-group:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro")}.bm-action-list{flex-direction:column;display:flex}.bm-action-list__no-results{min-height:var(--bm-comp-actionlist-size-height);padding:var(--bm-comp-actionlist-space-y)0;color:var(--bm-sem-color-text-primary);text-align:center;font:var(--bm-sem-typo-body-md);justify-content:center;align-items:center;display:flex}.bm-action-list__loading{padding:var(--bm-comp-actionlist-space-y)0}.bm-action-list__item{gap:var(--bm-comp-actionlist-space-gap);min-height:var(--bm-comp-actionlist-size-height);padding:var(--bm-comp-actionlist-space-y)0;color:var(--bm-comp-actionlist-color-text);cursor:pointer;isolation:isolate;flex-direction:row;align-items:center;display:flex;position:relative}.bm-action-list__item[hidden]{display:none}.bm-action-list__item:has(.bm-action-list__item__supporting-text){align-items:flex-start}.bm-action-list__item:focus{outline:none}.bm-action-list__item--kind-destructive{color:var(--bm-sem-color-text-negative)}.bm-action-list__item--disabled{pointer-events:none;cursor:default;opacity:var(--bm-sem-opacity-disabled)}.bm-action-list__item--disabled>.bm-state-layer{--bm-state-layer-background:"unset";--bm-state-layer-opacity:0}.bm-action-list__item--active>.bm-state-layer{--bm-state-layer-outline-color:var(--bm-sem-color-border-focus);--bm-state-layer-opacity:1}.bm-action-list__item__choice,.bm-action-list__item__switch{color:var(--bm-comp-actionlist-color-check);justify-content:center;align-items:center;display:flex}.bm-action-list__item__choice{width:var(--bm-comp-actionlist-size-icon);height:var(--bm-comp-actionlist-size-icon)}.bm-action-list__item__content-before{min-width:var(--bm-comp-actionlist-size-icon);min-height:var(--bm-comp-actionlist-size-icon);color:var(--bm-comp-actionlist-color-icon);--bm-comp-icon-size:var(--bm-comp-actionlist-size-icon);--bm-comp-icon-color:var(--bm-comp-actionlist-color-icon);display:flex}.bm-action-list__item--kind-destructive .bm-action-list__item__content-before{--bm-comp-icon-color:var(--bm-sem-color-icon-negative-strong)}.bm-action-list__item__content{flex-direction:column;flex:1;align-items:flex-start;display:flex}.bm-action-list__item__text{-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;font:var(--bm-comp-actionlist-typo-text);-webkit-box-orient:vertical;align-self:stretch;display:-webkit-box;overflow:hidden}.bm-action-list__item--header{cursor:default}.bm-action-list__item--header .bm-action-list__item__text{color:var(--bm-comp-actionlist-color-heading);font:var(--bm-sem-typo-label-md)}.bm-action-list__item__supporting-text{color:var(--bm-comp-actionlist-color-text-supporting);font:var(--bm-comp-actionlist-typo-text-supporting);align-self:stretch;overflow:hidden}.bm-action-list__item__content-after{justify-content:flex-end;gap:var(--bm-comp-actionlist-space-gap);min-width:var(--bm-comp-actionlist-size-icon);min-height:var(--bm-comp-actionlist-size-icon);color:var(--bm-comp-actionlist-color-text-suffix);font:var(--bm-comp-actionlist-typo-text-suffix);text-align:right;--bm-comp-icon-size:var(--bm-comp-actionlist-size-icon);--bm-comp-icon-color:var(--bm-comp-actionlist-color-icon);display:flex}.bm-action-list__item__content-after .bm-button{--bm--comp-btn-size-icon:var(--bm-comp-actionlist-size-icon);--bm-comp-btn-size-sm-width:tokens.$bm-comp-actionlist-size-icon;--bm-comp-btn-size-sm-height:tokens.$bm-comp-actionlist-size-icon}.bm-action-list__item__flyout{--bm-comp-icon-size:var(--bm-comp-actionlist-size-icon);--bm-comp-icon-color:var(--bm-comp-actionlist-color-icon)}.bm-action-list__item__flyout:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.bm-action-list__item__flyout:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.bm-action-list__item__flyout:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.bm-action-list__item>.bm-state-layer{--bm-state-layer-left:calc(-1*var(--bm-comp-actionlist-size-state-offset));--bm-state-layer-right:calc(-1*var(--bm-comp-actionlist-size-state-offset));--bm-state-layer-outline-offset:calc(-1*var(--bm-state-layer-outline-width));border-radius:var(--bm-comp-actionlist-radius);z-index:-1}.bm-action-list__group{flex-direction:column;display:flex}.bm-action-list__group__heading{text-overflow:ellipsis;white-space:nowrap;padding-top:var(--bm-comp-actionlist-space-y);color:var(--bm-comp-actionlist-color-group-heading);font:var(--bm-comp-actionlist-typo-heading-group);overflow:hidden}.bm-action-list__group__divider{margin:var(--bm-comp-actionlist-space-y)0}.bm-action-list__item__icon-button__placeholder{width:var(--bm-comp-actionlist-size-icon);height:var(--bm-comp-actionlist-size-icon);display:flex}
|
package/assets/Alert.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-alert-color-positive-bg:var(--bm-sem-color-surface-positive,#daf7cf);--bm-comp-alert-color-positive-icon:var(--bm-sem-color-icon-positive-strong,#187c36);--bm-comp-alert-color-positive-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-positive-body:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-positive-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-warning-bg:var(--bm-sem-color-surface-warning,#ffe4c9);--bm-comp-alert-color-warning-icon:var(--bm-sem-color-icon-warning-strong,#ac4902);--bm-comp-alert-color-warning-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-warning-body:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-warning-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-negative-bg:var(--bm-sem-color-surface-negative,#fee6e7);--bm-comp-alert-color-negative-icon:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-alert-color-negative-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-negative-body:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-negative-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-info-primary-bg:var(--bm-sem-color-surface-info-primary,#ccf0ff);--bm-comp-alert-color-info-primary-icon:var(--bm-sem-color-icon-info-primary-strong,#006ead);--bm-comp-alert-color-info-primary-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-info-primary-body:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-info-primary-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-info-secondary-bg:var(--bm-sem-color-surface-info-secondary,#dfe7ec);--bm-comp-alert-color-info-secondary-icon:var(--bm-sem-color-icon-info-secondary-strong,#465967);--bm-comp-alert-color-info-secondary-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-info-secondary-body:var(--bm-sem-color-text-primary,#141d24);--bm-comp-alert-color-info-secondary-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-space-x:var(--bm-sem-space-100,1rem);--bm-comp-alert-space-y:var(--bm-sem-space-100,1rem);--bm-comp-alert-space-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-alert-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-alert-space-text-gap:var(--bm-sem-space-12,.125rem);--bm-comp-alert-space-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-alert-radius-in-page:var(--bm-sem-radius-md,.5rem);--bm-comp-alert-radius-full-width:var(--bm-sem-radius-none);--bm-comp-alert-border-width:var(--bm-sem-border-width-none,0);--bm-comp-alert-size-sm-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-alert-size-md-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-alert-typo-sm-heading:var(--bm-sem-typo-heading-xs,700 1rem/1.25rem "Uni Neue");--bm-comp-alert-typo-sm-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-alert-typo-md-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-alert-typo-md-body:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-alert-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-alert-color-positive-bg:var(--bm-sem-color-surface-positive,#02310e);--bm-comp-alert-color-positive-icon:var(--bm-sem-color-icon-positive-strong,#b3eb9e);--bm-comp-alert-color-positive-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-positive-body:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-positive-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-warning-bg:var(--bm-sem-color-surface-warning,#3e1a00);--bm-comp-alert-color-warning-icon:var(--bm-sem-color-icon-warning-strong,#ffd4a8);--bm-comp-alert-color-warning-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-warning-body:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-warning-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-negative-bg:var(--bm-sem-color-surface-negative,#520f11);--bm-comp-alert-color-negative-icon:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-alert-color-negative-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-negative-body:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-negative-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-info-primary-bg:var(--bm-sem-color-surface-info-primary,#002f57);--bm-comp-alert-color-info-primary-icon:var(--bm-sem-color-icon-info-primary-strong,#9be1ff);--bm-comp-alert-color-info-primary-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-info-primary-body:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-info-primary-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-color-info-secondary-bg:var(--bm-sem-color-surface-info-secondary,#202e39);--bm-comp-alert-color-info-secondary-icon:var(--bm-sem-color-icon-info-secondary-strong,#c3cdd5);--bm-comp-alert-color-info-secondary-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-info-secondary-body:var(--bm-sem-color-text-primary,#fff);--bm-comp-alert-color-info-secondary-border:var(--bm-sem-color-none,#fff0);--bm-comp-alert-space-x:var(--bm-sem-space-100,1rem);--bm-comp-alert-space-y:var(--bm-sem-space-100,1rem);--bm-comp-alert-space-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-alert-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-alert-space-text-gap:var(--bm-sem-space-12,.125rem);--bm-comp-alert-space-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-alert-radius-in-page:var(--bm-sem-radius-md,.5rem);--bm-comp-alert-radius-full-width:var(--bm-sem-radius-none);--bm-comp-alert-border-width:var(--bm-sem-border-width-none,0);--bm-comp-alert-size-sm-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-alert-size-md-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-alert-typo-sm-heading:var(--bm-sem-typo-heading-xs,700 1rem/1.25rem "Uni Neue");--bm-comp-alert-typo-sm-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-alert-typo-md-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-alert-typo-md-body:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-alert-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-alert{word-break:break-word;align-items:center;gap:var(--bm-comp-alert-space-gap);padding:var(--bm-comp-alert-space-sm-y)var(--bm-comp-alert-space-x);box-shadow:var(--bm-comp-alert-shadow);border-width:var(--bm-comp-alert-border-width);border-radius:var(--bm-comp-alert-radius-in-page);border-style:solid;display:flex}.bm-alert__content__wrapper{justify-content:space-between;align-items:center;gap:var(--bm-comp-alert-space-gap);flex-wrap:wrap;flex:1 0 0;display:flex}.bm-alert .bm-alert__content{gap:var(--bm-comp-alert-space-text-gap);font:var(--bm-comp-alert-typo-sm-body);flex-direction:column;display:flex}.bm-alert .bm-alert__content__heading{font:var(--bm-comp-alert-typo-sm-heading)}.bm-alert__actions{gap:var(--bm-comp-alert-space-actions-gap);display:flex}.bm-alert .bm-alert__icon,.bm-alert .bm-alert__icon svg{min-width:var(--bm-comp-alert-size-sm-icon);min-height:var(--bm-comp-alert-size-sm-icon);align-self:center;align-items:center;display:flex}.bm-alert .bm-alert__icon--wrapping,.bm-alert .bm-alert__icon svg--wrapping{align-self:flex-start}.bm-alert__close-button{align-self:center;display:flex}.bm-alert__close-button--wrapping{align-self:baseline}.bm-alert--full-width{border-radius:var(--bm-comp-alert-radius-full-width)}.bm-alert--md{padding:var(--bm-comp-alert-space-y)var(--bm-comp-alert-space-x)}.bm-alert--md .bm-alert__content{font:var(--bm-comp-alert-typo-md-body)}.bm-alert--md .bm-alert__content__heading{font:var(--bm-comp-alert-typo-md-heading)}.bm-alert--md .bm-alert__icon,.bm-alert--md .bm-alert__icon svg{min-width:var(--bm-comp-alert-size-md-icon);min-height:var(--bm-comp-alert-size-md-icon)}.bm-alert--positive{background-color:var(--bm-comp-alert-color-positive-bg);border-color:var(--bm-comp-alert-color-positive-border)}.bm-alert--positive .bm-alert__icon,.bm-alert--positive .bm-alert__icon svg{color:var(--bm-comp-alert-color-positive-icon)}.bm-alert--positive .bm-alert__content{color:var(--bm-comp-alert-color-positive-body)}.bm-alert--warning{background-color:var(--bm-comp-alert-color-warning-bg);border-color:var(--bm-comp-alert-color-warning-border)}.bm-alert--warning .bm-alert__icon,.bm-alert--warning .bm-alert__icon svg{color:var(--bm-comp-alert-color-warning-icon)}.bm-alert--warning .bm-alert__content{color:var(--bm-comp-alert-color-warning-body)}.bm-alert--negative{background-color:var(--bm-comp-alert-color-negative-bg);border-color:var(--bm-comp-alert-color-negative-border)}.bm-alert--negative .bm-alert__icon,.bm-alert--negative .bm-alert__icon svg{color:var(--bm-comp-alert-color-negative-icon)}.bm-alert--negative .bm-alert__content{color:var(--bm-comp-alert-color-negative-body)}.bm-alert--infoPrimary{background-color:var(--bm-comp-alert-color-info-primary-bg);border-color:var(--bm-comp-alert-color-info-primary-border)}.bm-alert--infoPrimary .bm-alert__icon,.bm-alert--infoPrimary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-primary-icon)}.bm-alert--infoPrimary .bm-alert__content{color:var(--bm-comp-alert-color-info-primary-body)}.bm-alert--infoSecondary{background-color:var(--bm-comp-alert-color-info-secondary-bg);border-color:var(--bm-comp-alert-color-info-secondary-border)}.bm-alert--infoSecondary .bm-alert__icon,.bm-alert--infoSecondary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-secondary-icon)}.bm-alert--infoSecondary .bm-alert__content{color:var(--bm-comp-alert-color-info-secondary-body)}.bm-alert[dir=rtl]{flex-direction:row-reverse}.bm-alert--no-box{display:contents}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bm-aspect-ratio{aspect-ratio:var(--bm-comp-aspect-ratio-aspect-ratio);width:100%;position:relative;overflow:hidden}.bm-aspect-ratio img,.bm-aspect-ratio video{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:relative}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-avatar-size-xs:var(--bm-primitive-dimension-125,1.25rem);--bm-comp-avatar-size-sm:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-avatar-size-md:var(--bm-primitive-dimension-200,2rem);--bm-comp-avatar-size-lg:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-avatar-size-xl:var(--bm-primitive-dimension-300,3rem);--bm-comp-avatar-size-icon-xs:var(--bm-sem-size-icon-xs,.75rem);--bm-comp-avatar-size-icon-sm:var(--bm-sem-size-icon-xs,.75rem);--bm-comp-avatar-size-icon-md:var(--bm-sem-size-icon-sm,1rem);--bm-comp-avatar-size-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-avatar-size-icon-xl:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-avatar-color-border:var(--bm-sem-color-surface-01,#fff);--bm-comp-avatar-color-accent-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-avatar-color-accent-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-avatar-color-neutral-bg:var(--bm-utility-color-gray-default,#576775);--bm-comp-avatar-color-neutral-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-avatar-color-overflow-bg:var(--bm-utility-color-gray-subtler,#dfe7ec);--bm-comp-avatar-color-overflow-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-avatar-color-overflow-border:var(--bm-sem-color-surface-01,#fff);--bm-comp-avatar-typo-xs:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-avatar-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-avatar-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-avatar-typo-lg:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-avatar-typo-xl:var(--bm-sem-typo-label-lg,600 1.125rem/1.75rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-avatar-size-xs:var(--bm-primitive-dimension-125,1.25rem);--bm-comp-avatar-size-sm:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-avatar-size-md:var(--bm-primitive-dimension-200,2rem);--bm-comp-avatar-size-lg:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-avatar-size-xl:var(--bm-primitive-dimension-300,3rem);--bm-comp-avatar-size-icon-xs:var(--bm-sem-size-icon-xs,.75rem);--bm-comp-avatar-size-icon-sm:var(--bm-sem-size-icon-xs,.75rem);--bm-comp-avatar-size-icon-md:var(--bm-sem-size-icon-sm,1rem);--bm-comp-avatar-size-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-avatar-size-icon-xl:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-avatar-color-border:var(--bm-sem-color-surface-01,#202e39);--bm-comp-avatar-color-accent-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-avatar-color-accent-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-avatar-color-neutral-bg:var(--bm-utility-color-gray-default,#9fafbc);--bm-comp-avatar-color-neutral-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-avatar-color-overflow-bg:var(--bm-utility-color-gray-subtler,#32424e);--bm-comp-avatar-color-overflow-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-avatar-color-overflow-border:var(--bm-sem-color-surface-01,#202e39);--bm-comp-avatar-typo-xs:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-avatar-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-avatar-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-avatar-typo-lg:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-avatar-typo-xl:var(--bm-sem-typo-label-lg,600 1.125rem/1.75rem "Source Sans Pro")}.bm-avatar{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.bm-avatar__image{width:100%;height:100%;display:flex}.bm-avatar--interactive{cursor:pointer}.bm-avatar--disabled{opacity:var(--bm-sem-opacity-disabled);-webkit-user-select:none;user-select:none}.bm-avatar--hidden{display:none}.bm-avatar--with-border{outline:var(--bm-sem-border-width-md)solid var(--bm-comp-avatar-color-border);flex:none}.bm-avatar--content{z-index:1;position:relative}.bm-avatar:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-avatar--xs{height:var(--bm-comp-avatar-size-xs);width:var(--bm-comp-avatar-size-xs)}.bm-avatar__icon--xs{color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-xs);height:var(--bm-comp-avatar-size-icon-xs);display:flex}.bm-avatar__text--xs{cursor:default;font:var(--bm-comp-avatar-typo-xs)}.bm-avatar--sm{height:var(--bm-comp-avatar-size-sm);width:var(--bm-comp-avatar-size-sm)}.bm-avatar__icon--sm{color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-sm);height:var(--bm-comp-avatar-size-icon-sm);display:flex}.bm-avatar__text--sm{cursor:default;font:var(--bm-comp-avatar-typo-sm)}.bm-avatar--md{height:var(--bm-comp-avatar-size-md);width:var(--bm-comp-avatar-size-md)}.bm-avatar__icon--md{color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-md);height:var(--bm-comp-avatar-size-icon-md);display:flex}.bm-avatar__text--md{cursor:default;font:var(--bm-comp-avatar-typo-md)}.bm-avatar--lg{height:var(--bm-comp-avatar-size-lg);width:var(--bm-comp-avatar-size-lg)}.bm-avatar__icon--lg{color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-lg);height:var(--bm-comp-avatar-size-icon-lg);display:flex}.bm-avatar__text--lg{cursor:default;font:var(--bm-comp-avatar-typo-lg)}.bm-avatar--xl{height:var(--bm-comp-avatar-size-xl);width:var(--bm-comp-avatar-size-xl)}.bm-avatar__icon--xl{color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-xl);height:var(--bm-comp-avatar-size-icon-xl);display:flex}.bm-avatar__text--xl{cursor:default;font:var(--bm-comp-avatar-typo-xl)}.bm-avatar--circle{border-radius:var(--bm-sem-radius-round)}.bm-avatar--square{border-radius:var(--bm-sem-radius-sm)}.bm-avatar--neutral{background:var(--bm-comp-avatar-color-neutral-bg);color:var(--bm-comp-avatar-color-neutral-fg)}.bm-avatar--accent{background:var(--bm-comp-avatar-color-accent-bg);color:var(--bm-comp-avatar-color-accent-fg)}.bm-avatar--overflow{background:var(--bm-comp-avatar-color-overflow-bg);color:var(--bm-comp-avatar-color-overflow-fg)}.bm-avatar-group{row-gap:var(--bm-sem-space-50);display:flex}.bm-avatar-group>*,.bm-avatar-group bm-avatar{outline:var(--bm-sem-border-width-md)solid var(--bm-comp-avatar-color-border);flex:none}.bm-avatar-group--wrapping{flex-wrap:wrap}.bm-avatar-group--stacked-xs{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-xs ::slotted(*),.bm-avatar-group--stacked-xs>*,.bm-avatar-group--stacked-xs bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25)*-1)}.bm-avatar-group--stacked-sm{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-sm ::slotted(*),.bm-avatar-group--stacked-sm>*,.bm-avatar-group--stacked-sm bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25)*-1)}.bm-avatar-group--stacked-md{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-md ::slotted(*),.bm-avatar-group--stacked-md>*,.bm-avatar-group--stacked-md bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25)*-1)}.bm-avatar-group--stacked-lg{padding-inline-start:calc(var(--bm-sem-space-50))}.bm-avatar-group--stacked-lg ::slotted(*),.bm-avatar-group--stacked-lg>*,.bm-avatar-group--stacked-lg bm-avatar{margin-inline-start:calc(var(--bm-sem-space-50)*-1)}.bm-avatar-group--stacked-xl{padding-inline-start:calc(var(--bm-sem-space-50))}.bm-avatar-group--stacked-xl ::slotted(*),.bm-avatar-group--stacked-xl>*,.bm-avatar-group--stacked-xl bm-avatar{margin-inline-start:calc(var(--bm-sem-space-50)*-1)}.bm-avatar-group--spaced-xs,.bm-avatar-group--spaced-sm,.bm-avatar-group--spaced-md{gap:var(--bm-sem-space-25)}.bm-avatar-group--spaced-lg,.bm-avatar-group--spaced-xl{gap:var(--bm-sem-space-50)}.bm-avatar-group--xs ::slotted(*){height:var(--bm-comp-avatar-size-xs)}.bm-avatar-group--sm ::slotted(*){height:var(--bm-comp-avatar-size-sm)}.bm-avatar-group--md ::slotted(*){height:var(--bm-comp-avatar-size-md)}.bm-avatar-group--lg ::slotted(*){height:var(--bm-comp-avatar-size-lg)}.bm-avatar-group--xl ::slotted(*){height:var(--bm-comp-avatar-size-xl)}.bm-avatar-group--circle>*,.bm-avatar-group--circle bm-avatar,.bm-avatar-group--circle ::slotted(*){border-radius:var(--bm-sem-radius-round)}.bm-avatar-group--square>*,.bm-avatar-group--square bm-avatar,.bm-avatar-group--square ::slotted(*){border-radius:var(--bm-sem-radius-sm)}
|
package/assets/Badge.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-badge-color-positive-strong-bg:var(--bm-sem-color-surface-positive-strong,#187c36);--bm-comp-badge-color-positive-strong-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-badge-color-positive-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-positive-medium-bg:var(--bm-sem-color-surface-positive,#daf7cf);--bm-comp-badge-color-positive-medium-fg:var(--bm-sem-color-text-positive,#187c36);--bm-comp-badge-color-positive-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-positive-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-positive-subtle-fg:var(--bm-sem-color-text-positive,#187c36);--bm-comp-badge-color-positive-subtle-border:var(--bm-sem-color-border-positive,#187c3666);--bm-comp-badge-color-warning-strong-bg:var(--bm-sem-color-surface-warning-strong,#ac4902);--bm-comp-badge-color-warning-strong-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-badge-color-warning-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-warning-medium-bg:var(--bm-sem-color-surface-warning,#ffe4c9);--bm-comp-badge-color-warning-medium-fg:var(--bm-sem-color-text-warning,#ac4902);--bm-comp-badge-color-warning-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-warning-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-warning-subtle-fg:var(--bm-sem-color-text-warning,#ac4902);--bm-comp-badge-color-warning-subtle-border:var(--bm-sem-color-border-warning,#ac490266);--bm-comp-badge-color-negative-strong-bg:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-badge-color-negative-strong-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-badge-color-negative-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-negative-medium-bg:var(--bm-sem-color-surface-negative,#fee6e7);--bm-comp-badge-color-negative-medium-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-badge-color-negative-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-negative-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-negative-subtle-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-badge-color-negative-subtle-border:var(--bm-sem-color-border-negative,#cc242966);--bm-comp-badge-color-info-primary-strong-bg:var(--bm-sem-color-surface-info-primary-strong,#006ead);--bm-comp-badge-color-info-primary-strong-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-badge-color-info-primary-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-primary-medium-bg:var(--bm-sem-color-surface-info-primary,#ccf0ff);--bm-comp-badge-color-info-primary-medium-fg:var(--bm-sem-color-text-info-primary,#006ead);--bm-comp-badge-color-info-primary-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-primary-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-info-primary-subtle-fg:var(--bm-sem-color-text-info-primary,#006ead);--bm-comp-badge-color-info-primary-subtle-border:var(--bm-sem-color-border-info-primary,#006ead66);--bm-comp-badge-color-info-secondary-strong-bg:var(--bm-sem-color-surface-info-secondary-strong,#576775);--bm-comp-badge-color-info-secondary-strong-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-badge-color-info-secondary-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-secondary-medium-bg:var(--bm-sem-color-surface-info-secondary,#dfe7ec);--bm-comp-badge-color-info-secondary-medium-fg:var(--bm-sem-color-text-info-secondary,#465967);--bm-comp-badge-color-info-secondary-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-secondary-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-info-secondary-subtle-fg:var(--bm-sem-color-text-info-secondary,#465967);--bm-comp-badge-color-info-secondary-subtle-border:var(--bm-sem-color-border-info-secondary,#57677566);--bm-comp-badge-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-badge-space-x:var(--bm-utility-comp-badge-space-x,.75rem);--bm-comp-badge-size-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-badge-size-sm-height:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-badge-size-md-height:var(--bm-primitive-dimension-175,1.75rem);--bm-comp-badge-radius:var(--bm-utility-comp-badge-radius,624.938rem);--bm-comp-badge-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-badge-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-badge-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-badge-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-badge-dot-color-positive-bg:var(--bm-sem-color-icon-positive,#24a148);--bm-comp-badge-dot-color-positive-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-positive-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-warning-bg:var(--bm-sem-color-icon-warning,#eb6200);--bm-comp-badge-dot-color-warning-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-warning-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-negative-bg:var(--bm-sem-color-icon-negative,#ed464c);--bm-comp-badge-dot-color-negative-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-negative-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-info-primary-bg:var(--bm-sem-color-icon-info-primary,#0095e0);--bm-comp-badge-dot-color-info-primary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-primary-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-info-secondary-bg:var(--bm-sem-color-icon-info-secondary,#576775);--bm-comp-badge-dot-color-info-secondary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-secondary-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-badge-dot-size:.625rem;--bm-comp-badge-dot-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-badge-dot-border-width:var(--bm-sem-border-width-md,.063rem);--bm-comp-badge-dot-typo-subtle:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-badge-dot-typo-strong:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-badge-color-positive-strong-bg:var(--bm-sem-color-surface-positive-strong,#b3eb9e);--bm-comp-badge-color-positive-strong-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-badge-color-positive-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-positive-medium-bg:var(--bm-sem-color-surface-positive,#02310e);--bm-comp-badge-color-positive-medium-fg:var(--bm-sem-color-text-positive,#b3eb9e);--bm-comp-badge-color-positive-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-positive-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-positive-subtle-fg:var(--bm-sem-color-text-positive,#b3eb9e);--bm-comp-badge-color-positive-subtle-border:var(--bm-sem-color-border-positive,#b3eb9e66);--bm-comp-badge-color-warning-strong-bg:var(--bm-sem-color-surface-warning-strong,#ffd4a8);--bm-comp-badge-color-warning-strong-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-badge-color-warning-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-warning-medium-bg:var(--bm-sem-color-surface-warning,#3e1a00);--bm-comp-badge-color-warning-medium-fg:var(--bm-sem-color-text-warning,#ffd4a8);--bm-comp-badge-color-warning-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-warning-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-warning-subtle-fg:var(--bm-sem-color-text-warning,#ffd4a8);--bm-comp-badge-color-warning-subtle-border:var(--bm-sem-color-border-warning,#ffd4a866);--bm-comp-badge-color-negative-strong-bg:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-badge-color-negative-strong-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-badge-color-negative-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-negative-medium-bg:var(--bm-sem-color-surface-negative,#520f11);--bm-comp-badge-color-negative-medium-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-badge-color-negative-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-negative-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-negative-subtle-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-badge-color-negative-subtle-border:var(--bm-sem-color-border-negative,#fdcbcd66);--bm-comp-badge-color-info-primary-strong-bg:var(--bm-sem-color-surface-info-primary-strong,#64cefb);--bm-comp-badge-color-info-primary-strong-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-badge-color-info-primary-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-primary-medium-bg:var(--bm-sem-color-surface-info-primary,#002f57);--bm-comp-badge-color-info-primary-medium-fg:var(--bm-sem-color-text-info-primary,#9be1ff);--bm-comp-badge-color-info-primary-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-primary-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-info-primary-subtle-fg:var(--bm-sem-color-text-info-primary,#9be1ff);--bm-comp-badge-color-info-primary-subtle-border:var(--bm-sem-color-border-info-primary,#9be1ff66);--bm-comp-badge-color-info-secondary-strong-bg:var(--bm-sem-color-surface-info-secondary-strong,#d1dae0);--bm-comp-badge-color-info-secondary-strong-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-badge-color-info-secondary-strong-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-secondary-medium-bg:var(--bm-sem-color-surface-info-secondary,#202e39);--bm-comp-badge-color-info-secondary-medium-fg:var(--bm-sem-color-text-info-secondary,#c3cdd5);--bm-comp-badge-color-info-secondary-medium-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-color-info-secondary-subtle-bg:var(--bm-primitive-color-transparent,#fff0);--bm-comp-badge-color-info-secondary-subtle-fg:var(--bm-sem-color-text-info-secondary,#c3cdd5);--bm-comp-badge-color-info-secondary-subtle-border:var(--bm-sem-color-border-info-secondary,#d1dae066);--bm-comp-badge-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-badge-space-x:var(--bm-utility-comp-badge-space-x,.75rem);--bm-comp-badge-size-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-badge-size-sm-height:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-badge-size-md-height:var(--bm-primitive-dimension-175,1.75rem);--bm-comp-badge-radius:var(--bm-utility-comp-badge-radius,624.938rem);--bm-comp-badge-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-badge-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-badge-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-badge-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-badge-dot-color-positive-bg:var(--bm-sem-color-icon-positive,#71d963);--bm-comp-badge-dot-color-positive-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-positive-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-warning-bg:var(--bm-sem-color-icon-warning,#ffb17a);--bm-comp-badge-dot-color-warning-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-warning-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-negative-bg:var(--bm-sem-color-icon-negative,#ed464c);--bm-comp-badge-dot-color-negative-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-negative-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-info-primary-bg:var(--bm-sem-color-icon-info-primary,#64cefb);--bm-comp-badge-dot-color-info-primary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-primary-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-info-secondary-bg:var(--bm-sem-color-icon-info-secondary,#9fafbc);--bm-comp-badge-dot-color-info-secondary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-secondary-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-badge-dot-size:.625rem;--bm-comp-badge-dot-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-badge-dot-border-width:var(--bm-sem-border-width-md,.063rem);--bm-comp-badge-dot-typo-subtle:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-badge-dot-typo-strong:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro")}.bm-badge{border-radius:var(--bm-comp-badge-radius);padding-left:var(--bm-comp-badge-space-x);padding-right:var(--bm-comp-badge-space-x);justify-content:center;align-items:center;gap:var(--bm-comp-badge-space-gap);width:-moz-fit-content;width:fit-content;max-width:-moz-fit-content;box-shadow:var(--bm-comp-badge-shadow);flex-direction:row;display:inline-flex}.bm-badge__icon{width:var(--bm-comp-badge-size-icon);height:var(--bm-comp-badge-size-icon);transform:translate(0,0)}.bm-badge__label{text-wrap:nowrap}.bm-badge--sm{height:var(--bm-comp-badge-size-sm-height);font:var(--bm-comp-badge-typo-sm)}.bm-badge--md{height:var(--bm-comp-badge-size-md-height);font:var(--bm-comp-badge-typo-md)}.bm-badge--positive-strong{background-color:var(--bm-comp-badge-color-positive-strong-bg);color:var(--bm-comp-badge-color-positive-strong-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-positive-strong-border)}.bm-badge--positive-medium{background-color:var(--bm-comp-badge-color-positive-medium-bg);color:var(--bm-comp-badge-color-positive-medium-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-positive-medium-border)}.bm-badge--positive-subtle{background-color:var(--bm-comp-badge-color-positive-subtle-bg);color:var(--bm-comp-badge-color-positive-subtle-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-positive-subtle-border)}.bm-badge--warning-strong{background-color:var(--bm-comp-badge-color-warning-strong-bg);color:var(--bm-comp-badge-color-warning-strong-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-warning-strong-border)}.bm-badge--warning-medium{background-color:var(--bm-comp-badge-color-warning-medium-bg);color:var(--bm-comp-badge-color-warning-medium-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-warning-medium-border)}.bm-badge--warning-subtle{background-color:var(--bm-comp-badge-color-warning-subtle-bg);color:var(--bm-comp-badge-color-warning-subtle-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-warning-subtle-border)}.bm-badge--negative-strong{background-color:var(--bm-comp-badge-color-negative-strong-bg);color:var(--bm-comp-badge-color-negative-strong-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-negative-strong-border)}.bm-badge--negative-medium{background-color:var(--bm-comp-badge-color-negative-medium-bg);color:var(--bm-comp-badge-color-negative-medium-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-negative-medium-border)}.bm-badge--negative-subtle{background-color:var(--bm-comp-badge-color-negative-subtle-bg);color:var(--bm-comp-badge-color-negative-subtle-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-negative-subtle-border)}.bm-badge--infoPrimary-strong{background-color:var(--bm-comp-badge-color-info-primary-strong-bg);color:var(--bm-comp-badge-color-info-primary-strong-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-info-primary-strong-border)}.bm-badge--infoPrimary-medium{background-color:var(--bm-comp-badge-color-info-primary-medium-bg);color:var(--bm-comp-badge-color-info-primary-medium-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-info-primary-medium-border)}.bm-badge--infoPrimary-subtle{background-color:var(--bm-comp-badge-color-info-primary-subtle-bg);color:var(--bm-comp-badge-color-info-primary-subtle-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-info-primary-subtle-border)}.bm-badge--infoSecondary-strong{background-color:var(--bm-comp-badge-color-info-secondary-strong-bg);color:var(--bm-comp-badge-color-info-secondary-strong-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-info-secondary-strong-border)}.bm-badge--infoSecondary-medium{background-color:var(--bm-comp-badge-color-info-secondary-medium-bg);color:var(--bm-comp-badge-color-info-secondary-medium-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-info-secondary-medium-border)}.bm-badge--infoSecondary-subtle{background-color:var(--bm-comp-badge-color-info-secondary-subtle-bg);color:var(--bm-comp-badge-color-info-secondary-subtle-fg);border:var(--bm-comp-badge-border-width)solid var(--bm-comp-badge-color-info-secondary-subtle-border)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-badge-dot-color-positive-bg:var(--bm-sem-color-icon-positive,#24a148);--bm-comp-badge-dot-color-positive-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-positive-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-warning-bg:var(--bm-sem-color-icon-warning,#eb6200);--bm-comp-badge-dot-color-warning-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-warning-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-negative-bg:var(--bm-sem-color-icon-negative,#ed464c);--bm-comp-badge-dot-color-negative-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-negative-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-info-primary-bg:var(--bm-sem-color-icon-info-primary,#0095e0);--bm-comp-badge-dot-color-info-primary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-primary-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-color-info-secondary-bg:var(--bm-sem-color-icon-info-secondary,#576775);--bm-comp-badge-dot-color-info-secondary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-secondary-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-badge-dot-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-badge-dot-size:.625rem;--bm-comp-badge-dot-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-badge-dot-border-width:var(--bm-sem-border-width-md,.063rem);--bm-comp-badge-dot-typo-subtle:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-badge-dot-typo-strong:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-badge-dot-color-positive-bg:var(--bm-sem-color-icon-positive,#71d963);--bm-comp-badge-dot-color-positive-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-positive-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-warning-bg:var(--bm-sem-color-icon-warning,#ffb17a);--bm-comp-badge-dot-color-warning-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-warning-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-negative-bg:var(--bm-sem-color-icon-negative,#ed464c);--bm-comp-badge-dot-color-negative-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-negative-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-info-primary-bg:var(--bm-sem-color-icon-info-primary,#64cefb);--bm-comp-badge-dot-color-info-primary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-primary-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-color-info-secondary-bg:var(--bm-sem-color-icon-info-secondary,#9fafbc);--bm-comp-badge-dot-color-info-secondary-border:var(--bm-sem-color-none,#fff0);--bm-comp-badge-dot-color-info-secondary-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-badge-dot-space-gap:var(--bm-sem-space-50,.5rem);--bm-comp-badge-dot-size:.625rem;--bm-comp-badge-dot-radius:var(--bm-sem-radius-round,624.938rem);--bm-comp-badge-dot-border-width:var(--bm-sem-border-width-md,.063rem);--bm-comp-badge-dot-typo-subtle:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-badge-dot-typo-strong:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro")}.bm-badge-dot{align-items:center;gap:var(--bm-comp-badge-dot-space-gap);font:var(--bm-comp-badge-dot-typo-strong);min-width:min-content;color:var(--bm-comp-badge-dot-color-info-primary-text);display:inline-flex}.bm-badge-dot:before{content:" ";min-width:var(--bm-comp-badge-dot-size);width:var(--bm-comp-badge-dot-size);height:var(--bm-comp-badge-dot-size);border-radius:var(--bm-comp-badge-dot-radius);border-width:var(--bm-comp-badge-dot-border-width);background-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-info-primary-border));box-sizing:border-box;border-style:solid;flex-shrink:0}.bm-badge-dot:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{flex-direction:row-reverse}.bm-badge-dot:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{flex-direction:row-reverse}.bm-badge-dot:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{flex-direction:row-reverse}.bm-badge-dot--infoPrimary{color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot--infoPrimary:before{background-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-info-primary-border))}.bm-badge-dot--infoSecondary{color:var(--bm-comp-badge-dot-color-info-secondary-text)}.bm-badge-dot--infoSecondary:before{background-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-info-secondary-bg));border-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-info-secondary-border))}.bm-badge-dot--positive{color:var(--bm-comp-badge-dot-color-positive-text)}.bm-badge-dot--positive:before{background-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-positive-bg));border-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-positive-border))}.bm-badge-dot--warning{color:var(--bm-comp-badge-dot-color-warning-text)}.bm-badge-dot--warning:before{background-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-warning-bg));border-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-warning-border))}.bm-badge-dot--negative{color:var(--bm-comp-badge-dot-color-negative-text)}.bm-badge-dot--negative:before{background-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-negative-bg));border-color:var(--bm-comp-badge-dot-color,var(--bm-comp-badge-dot-color-negative-border))}.bm-badge-dot--subtle{font:var(--bm-comp-badge-dot-typo-subtle)}.bm-badge-dot--strong{font:var(--bm-comp-badge-dot-typo-strong)}
|
package/assets/Box.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bm-box--border-width-none{border-width:var(--bm-sem-border-width-none);border-style:solid}.bm-box--border-width-md{border-width:var(--bm-sem-border-width-md);border-style:solid}.bm-box--border-width-lg{border-width:var(--bm-sem-border-width-lg);border-style:solid}.bm-box--border-width-xl{border-width:var(--bm-sem-border-width-xl);border-style:solid}.bm-box--border-width-divider{border-width:var(--bm-sem-border-width-md);border-style:solid;border-top-width:0;border-left-width:0;border-right-width:0}.bm-box--surface-00{background:var(--bm-sem-color-surface-00)}.bm-box--surface-00-alt{background:var(--bm-sem-color-surface-00-alt)}.bm-box--surface-01{background:var(--bm-sem-color-surface-01)}.bm-box--surface-02{background:var(--bm-sem-color-surface-02)}.bm-box--surface-03{background:var(--bm-sem-color-surface-03)}.bm-box--surface-positive{background:var(--bm-sem-color-surface-positive)}.bm-box--surface-warning{background:var(--bm-sem-color-surface-warning)}.bm-box--surface-negative{background:var(--bm-sem-color-surface-negative)}.bm-box--surface-info-primary{background:var(--bm-sem-color-surface-info-primary)}.bm-box--surface-info-secondary{background:var(--bm-sem-color-surface-info-secondary)}.bm-box--surface-positive-strong{background:var(--bm-sem-color-surface-positive-strong)}.bm-box--surface-warning-strong{background:var(--bm-sem-color-surface-warning-strong)}.bm-box--surface-negative-strong{background:var(--bm-sem-color-surface-negative-strong)}.bm-box--surface-info-primary-strong{background:var(--bm-sem-color-surface-info-primary-strong)}.bm-box--surface-info-secondary-strong{background:var(--bm-sem-color-surface-info-secondary-strong)}.bm-box--surface-selected{background:var(--bm-sem-color-surface-selected)}.bm-box--surface-selected-subtle{background:var(--bm-sem-color-surface-selected-subtle)}.bm-box--surface-highlight{background:var(--bm-sem-color-surface-highlight)}.bm-box--surface-transparent{background:var(--bm-sem-color-surface-transparent)}.bm-box--surface-inverse{background:var(--bm-sem-color-surface-inverse)}.bm-box--surface-expressive{background:var(--bm-expressive-color-bg)}.bm-box--surface-expressive-stronger{background:var(--bm-expressive-color-bg-stronger)}.bm-box--surface-expressive-inverse{background:var(--bm-expressive-color-inverse-bg)}.bm-box--border-00{border-color:var(--bm-sem-color-border-00);border-style:solid}.bm-box--border-00:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-00-alt{border-color:var(--bm-sem-color-border-00-alt);border-style:solid}.bm-box--border-00-alt:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-01{border-color:var(--bm-sem-color-border-01);border-style:solid}.bm-box--border-01:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-02{border-color:var(--bm-sem-color-border-02);border-style:solid}.bm-box--border-02:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-03{border-color:var(--bm-sem-color-border-03);border-style:solid}.bm-box--border-03:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-strong{border-color:var(--bm-sem-color-border-strong);border-style:solid}.bm-box--border-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-positive{border-color:var(--bm-sem-color-border-positive);border-style:solid}.bm-box--border-positive:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-warning{border-color:var(--bm-sem-color-border-warning);border-style:solid}.bm-box--border-warning:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-negative{border-color:var(--bm-sem-color-border-negative);border-style:solid}.bm-box--border-negative:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-primary{border-color:var(--bm-sem-color-border-info-primary);border-style:solid}.bm-box--border-info-primary:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-secondary{border-color:var(--bm-sem-color-border-info-secondary);border-style:solid}.bm-box--border-info-secondary:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-positive-strong{border-color:var(--bm-sem-color-border-positive-strong);border-style:solid}.bm-box--border-positive-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-warning-strong{border-color:var(--bm-sem-color-border-warning-strong);border-style:solid}.bm-box--border-warning-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-negative-strong{border-color:var(--bm-sem-color-border-negative-strong);border-style:solid}.bm-box--border-negative-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-primary-strong{border-color:var(--bm-sem-color-border-info-primary-strong);border-style:solid}.bm-box--border-info-primary-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-secondary-strong{border-color:var(--bm-sem-color-border-info-secondary-strong);border-style:solid}.bm-box--border-info-secondary-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-selected{border-color:var(--bm-sem-color-border-selected);border-style:solid}.bm-box--border-selected:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-focus{border-color:var(--bm-sem-color-border-focus);border-style:solid}.bm-box--border-focus:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-inverse{border-color:var(--bm-sem-color-border-inverse);border-style:solid}.bm-box--border-inverse:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-expressive{border-color:var(--bm-expressive-color-border);border-style:solid}.bm-box--border-expressive:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-expressive-stronger{border-color:var(--bm-expressive-color-border-stronger);border-style:solid}.bm-box--border-expressive-stronger:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-transparent{border-color:var(--bm-sem-color-border-transparent);border-style:solid}.bm-box--border-transparent:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--radius-none{border-radius:var(--bm-sem-radius-none)}.bm-box--radius-xs{border-radius:var(--bm-sem-radius-xs)}.bm-box--radius-sm{border-radius:var(--bm-sem-radius-sm)}.bm-box--radius-md{border-radius:var(--bm-sem-radius-md)}.bm-box--radius-lg{border-radius:var(--bm-sem-radius-lg)}.bm-box--radius-round{border-radius:var(--bm-sem-radius-round)}.bm-box--shadow-none{box-shadow:var(--bm-sem-shadow-none)}.bm-box--shadow-sm{box-shadow:var(--bm-sem-shadow-sm)}.bm-box--shadow-md{box-shadow:var(--bm-sem-shadow-md)}.bm-box--shadow-lg{box-shadow:var(--bm-sem-shadow-lg)}.bm-box--shadow-overlay{box-shadow:var(--bm-sem-shadow-overlay)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-breadcrumb-color-enabled:var(--bm-sem-color-text-secondary,#576775);--bm-comp-breadcrumb-color-hover:var(--bm-sem-color-text-primary,#141d24);--bm-comp-breadcrumb-color-active:var(--bm-sem-color-text-primary,#141d24);--bm-comp-breadcrumb-color-selected:var(--bm-sem-color-text-primary,#141d24);--bm-comp-breadcrumb-size-icon-chevron:var(--bm-sem-size-icon-sm,1rem);--bm-comp-breadcrumb-typo-default:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-breadcrumb-space-gap:var(--bm-sem-space-25,.25rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-breadcrumb-color-enabled:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-breadcrumb-color-hover:var(--bm-sem-color-text-primary,#fff);--bm-comp-breadcrumb-color-active:var(--bm-sem-color-text-primary,#fff);--bm-comp-breadcrumb-color-selected:var(--bm-sem-color-text-primary,#fff);--bm-comp-breadcrumb-size-icon-chevron:var(--bm-sem-size-icon-sm,1rem);--bm-comp-breadcrumb-typo-default:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-breadcrumb-space-gap:var(--bm-sem-space-25,.25rem)}.bm-breadcrumbs__list{align-items:center;gap:var(--bm-comp-breadcrumb-space-gap);margin:0;padding:0;list-style:none;display:flex}.bm-breadcrumbs__item{align-items:center;gap:var(--bm-comp-breadcrumb-space-gap);display:flex}.bm-breadcrumbs__link{--bm-sem-color-link-secondary:var(--bm-comp-breadcrumb-color-enabled)}.bm-breadcrumbs__link:hover{--bm-comp-link-color-primary-hover:var(--bm-comp-breadcrumb-color-hover)}.bm-breadcrumbs__link:active{--bm-comp-link-color-secondary-active:var(--bm-comp-breadcrumb-color-active)}.bm-breadcrumbs__link.bm-link--disabled{cursor:pointer;--bm-sem-opacity-disabled:1}.bm-breadcrumbs__link.bm-link--disabled:hover{text-decoration:underline}.bm-breadcrumbs__icon{flex-shrink:0;display:inline-flex}.bm-breadcrumbs__icon ::slotted([slot=icon]){color:var(--bm-comp-breadcrumb-color-enabled);width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon);display:inline-flex}.bm-breadcrumbs__icon--current{width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon);color:var(--bm-comp-breadcrumb-color-selected)}.bm-breadcrumbs__separator{min-width:var(--bm-comp-breadcrumb-size-icon-chevron);min-height:var(--bm-comp-breadcrumb-size-icon-chevron);max-width:var(--bm-comp-breadcrumb-size-icon-chevron);max-height:var(--bm-comp-breadcrumb-size-icon-chevron);color:var(--bm-comp-breadcrumb-color-enabled)}[dir=rtl] .bm-breadcrumbs__separator{transform:rotate(180deg)}.bm-breadcrumbs__text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}[dir=rtl] .bm-breadcrumbs__text{unicode-bidi:plaintext}.bm-breadcrumbs__current{color:var(--bm-comp-breadcrumb-color-selected);font:var(--bm-comp-breadcrumb-typo-default);align-items:center;gap:var(--bm-comp-breadcrumb-space-gap);display:flex}.bm-breadcrumbs__item--ellipsis{color:var(--bm-comp-breadcrumb-color-enabled)}.bm-breadcrumbs__item--ellipsis :focus-visible{outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-breadcrumbs--wrap .bm-breadcrumbs__list{flex-wrap:wrap}:host(*) .bm-breadcrumbs__text{color:var(--bm-comp-breadcrumb-color-enabled)}:host(*) .bm-breadcrumbs__text:hover{color:var(--bm-comp-breadcrumb-color-hover)}:host(*) .bm-breadcrumbs__text:active{color:var(--bm-comp-breadcrumb-color-active)}::part(link){max-width:var(--bm-comp-breadcrumbs-truncation-width,auto);--bm-sem-color-link-secondary:var(--bm-comp-breadcrumb-color-enabled)}:host-context([dir=rtl]) .bm-breadcrumbs__text{unicode-bidi:plaintext}:host-context([dir=rtl]) .bm-breadcrumbs__separator{transform:rotate(180deg)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-spinner-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-spinner-color-body:var(--bm-sem-color-text-primary,#141d24);--bm-comp-spinner-color-track:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-spinner-color-indicator:var(--bm-utility-color-accent-default,#00768f);--bm-comp-spinner-color-indicator-neutral:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-spinner-space-xs-gap:var(--bm-sem-space-50,.5rem);--bm-comp-spinner-space-sm-gap:var(--bm-sem-space-100,1rem);--bm-comp-spinner-space-md-gap:var(--bm-sem-space-150,1.5rem);--bm-comp-spinner-space-lg-gap:var(--bm-sem-space-150,1.5rem);--bm-comp-spinner-space-content-gap:var(--bm-sem-space-50,.5rem);--bm-comp-spinner-space-nudge-y:var(--bm-sem-space-12,.125rem);--bm-comp-spinner-size-xxs-track:var(--bm-primitive-dimension-100,1rem);--bm-comp-spinner-size-xxs-border-width:var(--bm-primitive-dimension-12,.125rem);--bm-comp-spinner-size-xs-track:var(--bm-primitive-dimension-125,1.25rem);--bm-comp-spinner-size-xs-border-width:var(--bm-primitive-dimension-12,.125rem);--bm-comp-spinner-size-sm-track:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-spinner-size-sm-border-width:var(--bm-primitive-dimension-25,.25rem);--bm-comp-spinner-size-md-track:var(--bm-primitive-dimension-400,4rem);--bm-comp-spinner-size-md-border-width:var(--bm-primitive-dimension-37,.375rem);--bm-comp-spinner-size-lg-track:var(--bm-primitive-dimension-550,5.5rem);--bm-comp-spinner-size-lg-border-width:var(--bm-primitive-dimension-50,.5rem);--bm-comp-spinner-size-width:27.5rem;--bm-comp-spinner-typo-heading:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-spinner-typo-body:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-spinner-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-spinner-color-body:var(--bm-sem-color-text-primary,#fff);--bm-comp-spinner-color-track:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-spinner-color-indicator:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-spinner-color-indicator-neutral:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-spinner-space-xs-gap:var(--bm-sem-space-50,.5rem);--bm-comp-spinner-space-sm-gap:var(--bm-sem-space-100,1rem);--bm-comp-spinner-space-md-gap:var(--bm-sem-space-150,1.5rem);--bm-comp-spinner-space-lg-gap:var(--bm-sem-space-150,1.5rem);--bm-comp-spinner-space-content-gap:var(--bm-sem-space-50,.5rem);--bm-comp-spinner-space-nudge-y:var(--bm-sem-space-12,.125rem);--bm-comp-spinner-size-xxs-track:var(--bm-primitive-dimension-100,1rem);--bm-comp-spinner-size-xxs-border-width:var(--bm-primitive-dimension-12,.125rem);--bm-comp-spinner-size-xs-track:var(--bm-primitive-dimension-125,1.25rem);--bm-comp-spinner-size-xs-border-width:var(--bm-primitive-dimension-12,.125rem);--bm-comp-spinner-size-sm-track:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-spinner-size-sm-border-width:var(--bm-primitive-dimension-25,.25rem);--bm-comp-spinner-size-md-track:var(--bm-primitive-dimension-400,4rem);--bm-comp-spinner-size-md-border-width:var(--bm-primitive-dimension-37,.375rem);--bm-comp-spinner-size-lg-track:var(--bm-primitive-dimension-550,5.5rem);--bm-comp-spinner-size-lg-border-width:var(--bm-primitive-dimension-50,.5rem);--bm-comp-spinner-size-width:27.5rem;--bm-comp-spinner-typo-heading:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-spinner-typo-body:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro")}: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,#fff);--bm-comp-btn-color-accent-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-fg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-outline-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-ghost-fg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-fg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-btn-color-accent-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-filled-bg:var(--bm-sem-color-surface-inverse,#202e39);--bm-comp-btn-color-neutral-filled-fg:var(--bm-sem-color-text-primary-inverse,#fff);--bm-comp-btn-color-neutral-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-outline-border:var(--bm-sem-color-border-inverse,#465967);--bm-comp-btn-color-neutral-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-ghost-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-filled-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-btn-color-neutral-subtle-filled-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-subtle-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-fg:var(--bm-sem-color-text-primary,#141d24);--bm-comp-btn-color-neutral-subtle-outline-border:var(--bm-sem-color-border-info-secondary,#57677566);--bm-comp-btn-color-neutral-subtle-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-ghost-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-neutral-subtle-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-neutral-subtle-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-filled-bg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-filled-fg:var(--bm-sem-color-static-white,#fff);--bm-comp-btn-color-destructive-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-btn-color-destructive-outline-border:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-btn-color-destructive-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-ghost-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-btn-color-destructive-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-fg:var(--bm-sem-color-text-negative,#cc2429);--bm-comp-btn-color-destructive-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-filled-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-btn-color-loading-filled-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-outline-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-btn-color-loading-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-ghost-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-btn-color-loading-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-btn-size-sm-width:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-btn-size-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-width:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-btn-size-lg-height:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-width:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-btn-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-label-x:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-sm-x:var(--bm-utility-comp-btn-space-sm-x,.5rem);--bm-comp-btn-space-sm-y:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-md-x:var(--bm-utility-comp-btn-space-md-x,.75rem);--bm-comp-btn-space-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-lg-x:var(--bm-utility-comp-btn-space-lg-x,1rem);--bm-comp-btn-space-lg-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-x:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-y:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-gap:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-label-x:var(--bm-sem-space-0,0);--bm-comp-btn-radius-container:var(--bm-utility-comp-btn-radius-container,.25rem);--bm-comp-btn-radius-focus:var(--bm-utility-comp-btn-radius-focus,.5rem);--bm-comp-btn-typo-sm:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-btn-typo-md:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro");--bm-comp-btn-typo-lg:var(--bm-sem-typo-compact-label-lg,600 1.125rem/1.25rem "Source Sans Pro");--bm-comp-btn-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-btn-opacity-spinner-track:var(--bm-primitive-opacity-20,.2)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg:var(--bm-sem-color-action-primary,#43bfd6);--bm-comp-btn-color-accent-filled-fg:var(--bm-sem-color-action-onPrimary,#141d24);--bm-comp-btn-color-accent-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-outline-fg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-outline-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-ghost-fg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-accent-bare-fg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-btn-color-accent-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-filled-bg:var(--bm-sem-color-surface-inverse,#fff);--bm-comp-btn-color-neutral-filled-fg:var(--bm-sem-color-text-primary-inverse,#141d24);--bm-comp-btn-color-neutral-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-outline-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-outline-border:var(--bm-sem-color-border-inverse,#dfe7ec);--bm-comp-btn-color-neutral-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-ghost-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-bare-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-filled-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-btn-color-neutral-subtle-filled-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-subtle-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-outline-fg:var(--bm-sem-color-text-primary,#fff);--bm-comp-btn-color-neutral-subtle-outline-border:var(--bm-sem-color-border-info-secondary,#d1dae066);--bm-comp-btn-color-neutral-subtle-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-ghost-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-neutral-subtle-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-neutral-subtle-bare-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-neutral-subtle-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-filled-bg:var(--bm-sem-color-action-destructive,#cc2429);--bm-comp-btn-color-destructive-filled-fg:var(--bm-sem-color-static-white,#fff);--bm-comp-btn-color-destructive-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-outline-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-btn-color-destructive-outline-border:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-btn-color-destructive-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-ghost-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-btn-color-destructive-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-destructive-bare-fg:var(--bm-sem-color-text-negative,#f67378);--bm-comp-btn-color-destructive-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-filled-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-btn-color-loading-filled-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-filled-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-outline-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-outline-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-btn-color-loading-ghost-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-ghost-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-ghost-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-bg:var(--bm-sem-color-none,#fff0);--bm-comp-btn-color-loading-bare-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-btn-color-loading-bare-border:var(--bm-sem-color-none,#fff0);--bm-comp-btn-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-btn-size-sm-width:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-btn-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-btn-size-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-width:var(--bm-sem-size-height-md,2.5rem);--bm-comp-btn-size-md-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-btn-size-lg-height:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-width:var(--bm-sem-size-height-lg,3rem);--bm-comp-btn-size-lg-icon:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-btn-space-gap:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-label-x:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-sm-x:var(--bm-utility-comp-btn-space-sm-x,.5rem);--bm-comp-btn-space-sm-y:var(--bm-sem-space-25,.25rem);--bm-comp-btn-space-md-x:var(--bm-utility-comp-btn-space-md-x,.75rem);--bm-comp-btn-space-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-lg-x:var(--bm-utility-comp-btn-space-lg-x,1rem);--bm-comp-btn-space-lg-y:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-x:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-y:var(--bm-sem-space-0,0);--bm-comp-btn-space-bare-gap:var(--bm-sem-space-50,.5rem);--bm-comp-btn-space-bare-label-x:var(--bm-sem-space-0,0);--bm-comp-btn-radius-container:var(--bm-utility-comp-btn-radius-container,.25rem);--bm-comp-btn-radius-focus:var(--bm-utility-comp-btn-radius-focus,.5rem);--bm-comp-btn-typo-sm:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-btn-typo-md:var(--bm-sem-typo-compact-label-md,600 1rem/1.25rem "Source Sans Pro");--bm-comp-btn-typo-lg:var(--bm-sem-typo-compact-label-lg,600 1.125rem/1.25rem "Source Sans Pro");--bm-comp-btn-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-btn-opacity-spinner-track:var(--bm-primitive-opacity-20,.2)}.bm-button__icon-wrap svg,.bm-button ::slotted([slot=iconBefore]),.bm-button ::slotted([slot=iconAfter]){width:var(--bm--comp-btn-size-icon);height:var(--bm--comp-btn-size-icon);display:block}.bm-button{cursor:pointer;width:-moz-fit-content;width:fit-content;padding:var(--bm--comp-btn-space-padding-y)var(--bm--comp-btn-space-padding-x);justify-content:center;align-items:center;gap:var(--bm-comp-btn-space-gap);border-radius:var(--bm-comp-btn-radius-container);max-width:100%;font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y:var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x:var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon:var(--bm-comp-btn-size-md-icon);border:none;flex-direction:row;display:inline-flex;position:relative}.bm-button--sm{font:var(--bm-comp-btn-typo-sm);min-width:var(--bm-comp-btn-size-sm-width);min-height:var(--bm-comp-btn-size-sm-height);--bm--comp-btn-space-padding-y:var(--bm-comp-btn-space-sm-y);--bm--comp-btn-space-padding-x:var(--bm-comp-btn-space-sm-x);--bm--comp-btn-size-icon:var(--bm-comp-btn-size-sm-icon)}.bm-button--md{font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y:var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x:var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon:var(--bm-comp-btn-size-md-icon)}.bm-button--lg{font:var(--bm-comp-btn-typo-lg);min-width:var(--bm-comp-btn-size-lg-width);min-height:var(--bm-comp-btn-size-lg-height);--bm--comp-btn-space-padding-y:var(--bm-comp-btn-space-lg-y);--bm--comp-btn-space-padding-x:var(--bm-comp-btn-space-lg-x);--bm--comp-btn-size-icon:var(--bm-comp-btn-size-lg-icon)}.bm-button--icon-only{padding:unset}.bm-button__label{z-index:1;padding:0 var(--bm-comp-btn-space-label-x);text-align:start;position:relative}.bm-button{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);border-color:var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-filled-fg)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background:var(--bm-sem-color-state-layer-hover-strong)}.bm-button--accent-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background:var(--bm-sem-color-state-layer-active-strong)}.bm-button--accent-outline{background:var(--bm-comp-btn-color-accent-outline-bg);color:var(--bm-comp-btn-color-accent-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-accent-outline-border)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-outline-fg)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-ghost{background:var(--bm-comp-btn-color-accent-ghost-bg);color:var(--bm-comp-btn-color-accent-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-accent-ghost-border)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-ghost-fg)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare{background:var(--bm-comp-btn-color-accent-bare-bg);color:var(--bm-comp-btn-color-accent-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-accent-bare-border);padding:var(--bm-comp-btn-space-bare-y)var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);justify-content:center;align-items:center;display:flex;min-height:unset!important;min-width:unset!important}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-bare-fg)}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--accent-bare .bm-state-layer{--bm-state-layer-top:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset:0!important}.bm-button--neutral-filled{background:var(--bm-comp-btn-color-neutral-filled-bg);color:var(--bm-comp-btn-color-neutral-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-filled-border)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-filled-fg)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background:var(--bm-sem-color-state-layer-hover-inverse)}.bm-button--neutral-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background:var(--bm-sem-color-state-layer-active-inverse)}.bm-button--neutral-outline{background:var(--bm-comp-btn-color-neutral-outline-bg);color:var(--bm-comp-btn-color-neutral-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-outline-border)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-outline-fg)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-ghost{background:var(--bm-comp-btn-color-neutral-ghost-bg);color:var(--bm-comp-btn-color-neutral-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-ghost-border)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-ghost-fg)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare{background:var(--bm-comp-btn-color-neutral-bare-bg);color:var(--bm-comp-btn-color-neutral-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-bare-border);padding:var(--bm-comp-btn-space-bare-y)var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);justify-content:center;align-items:center;display:flex;min-height:unset!important;min-width:unset!important}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-bare-fg)}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-bare .bm-state-layer{--bm-state-layer-top:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset:0!important}.bm-button--neutral-subtle-filled{background:var(--bm-comp-btn-color-neutral-subtle-filled-bg);color:var(--bm-comp-btn-color-neutral-subtle-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-subtle-filled-border)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-outline{background:var(--bm-comp-btn-color-neutral-subtle-outline-bg);color:var(--bm-comp-btn-color-neutral-subtle-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-subtle-outline-border)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-ghost{background:var(--bm-comp-btn-color-neutral-subtle-ghost-bg);color:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-subtle-ghost-border)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare{background:var(--bm-comp-btn-color-neutral-subtle-bare-bg);color:var(--bm-comp-btn-color-neutral-subtle-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-neutral-subtle-bare-border);padding:var(--bm-comp-btn-space-bare-y)var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);justify-content:center;align-items:center;display:flex;min-height:unset!important;min-width:unset!important}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg)}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-subtle-bare .bm-state-layer{--bm-state-layer-top:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset:0!important}.bm-button--destructive-filled{background:var(--bm-comp-btn-color-destructive-filled-bg);color:var(--bm-comp-btn-color-destructive-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-destructive-filled-border)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-filled-fg)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background:var(--bm-sem-color-state-layer-hover-strong)}.bm-button--destructive-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background:var(--bm-sem-color-state-layer-active-strong)}.bm-button--destructive-outline{background:var(--bm-comp-btn-color-destructive-outline-bg);color:var(--bm-comp-btn-color-destructive-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-destructive-outline-border)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-outline-fg)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-ghost{background:var(--bm-comp-btn-color-destructive-ghost-bg);color:var(--bm-comp-btn-color-destructive-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-destructive-ghost-border)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-ghost-fg)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare{background:var(--bm-comp-btn-color-destructive-bare-bg);color:var(--bm-comp-btn-color-destructive-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width)solid var(--bm-comp-btn-color-destructive-bare-border);padding:var(--bm-comp-btn-space-bare-y)var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);justify-content:center;align-items:center;display:flex;min-height:unset!important;min-width:unset!important}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-bare-fg)}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--destructive-bare .bm-state-layer{--bm-state-layer-top:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left:calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset:0!important}.bm-button[class*=filled]{box-shadow:var(--bm-comp-btn-shadow)}.bm-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}.bm-button--loading{cursor:not-allowed}.bm-button--loading .bm-spinner-wrap{margin:unset}.bm-button--fluid{width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-checkbox{display:inline-flex}.bm-checkbox--read-only{--bm-input-choice-cursor:default;--bm-input-choice-label-cursor:default;--bm-input-choice-label-pointer-events:none}.bm-checkbox--disabled{--bm-input-choice-cursor:not-allowed;--bm-input-choice-label-cursor:not-allowed}.bm-checkbox__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor,pointer)}.bm-checkbox--with-label .bm-checkbox__label .bm-checkbox__input{margin:var(--bm-comp-input-space-choice-nudge)var(--bm-sem-space-0)}.bm-checkbox--error .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg-error)}.bm-checkbox--read-only .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon)}.bm-checkbox--disabled .bm-checkbox__label{color:var(--bm-comp-input-color-text-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-checkbox__label .bm-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:var(--bm-sem-space-0);flex-shrink:var(--bm-sem-space-0);width:var(--bm-comp-input-size-choice-checkbox);height:var(--bm-comp-input-size-choice-checkbox);background-color:var(--bm-comp-input-color-bg);cursor:var(--bm-input-choice-cursor,pointer);box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-checkbox);border-width:var(--bm-comp-input-border-width-field-default);position:relative}.bm-checkbox__label .bm-checkbox__input:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg);border-color:var(--bm-comp-input-color-choice-checkbox-selected-border)}.bm-checkbox__label .bm-checkbox__input:checked:after{content:"";background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon);width:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);height:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bm-checkbox--indeterminate .bm-checkbox__input:checked:after{border-radius:var(--bm-comp-input-size-choice-checkbox);width:50%;height:2px;-webkit-mask-image:none;mask-image:none}
|
package/assets/Chip.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-chip-color-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-chip-color-fg:var(--bm-sem-color-icon-primary,#141d24);--bm-comp-chip-color-border:var(--bm-sem-color-none,#fff0);--bm-comp-chip-color-bg-selected:var(--bm-sem-color-surface-selected,#e9fcff);--bm-comp-chip-color-fg-selected:var(--bm-sem-color-icon-selected,#00768f);--bm-comp-chip-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-chip-radius-container:var(--bm-utility-comp-chip-radius-container,.25rem);--bm-comp-chip-radius-focus:var(--bm-utility-comp-chip-radius-focus,.5rem);--bm-comp-chip-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-chip-space-sm-x:var(--bm-utility-comp-chip-space-sm-x,.5rem);--bm-comp-chip-space-sm-gap:var(--bm-sem-space-25,.25rem);--bm-comp-chip-space-md-x:var(--bm-utility-comp-chip-space-md-x,.5rem);--bm-comp-chip-space-lg-x:var(--bm-utility-comp-chip-space-lg-x,.75rem);--bm-comp-chip-space-text:var(--bm-sem-space-25,.25rem);--bm-comp-chip-size-sm-height:var(--bm-sem-size-height-xs,1.5rem);--bm-comp-chip-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-md-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-chip-size-md-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-lg-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-chip-size-lg-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-chip-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-lg:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-chip-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-chip-color-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-chip-color-fg:var(--bm-sem-color-icon-primary,#fff);--bm-comp-chip-color-border:var(--bm-sem-color-none,#fff0);--bm-comp-chip-color-bg-selected:var(--bm-sem-color-surface-selected,#00414d);--bm-comp-chip-color-fg-selected:var(--bm-sem-color-icon-selected,#43bfd6);--bm-comp-chip-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-chip-radius-container:var(--bm-utility-comp-chip-radius-container,.25rem);--bm-comp-chip-radius-focus:var(--bm-utility-comp-chip-radius-focus,.5rem);--bm-comp-chip-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-chip-space-sm-x:var(--bm-utility-comp-chip-space-sm-x,.5rem);--bm-comp-chip-space-sm-gap:var(--bm-sem-space-25,.25rem);--bm-comp-chip-space-md-x:var(--bm-utility-comp-chip-space-md-x,.5rem);--bm-comp-chip-space-lg-x:var(--bm-utility-comp-chip-space-lg-x,.75rem);--bm-comp-chip-space-text:var(--bm-sem-space-25,.25rem);--bm-comp-chip-size-sm-height:var(--bm-sem-size-height-xs,1.5rem);--bm-comp-chip-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-md-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-chip-size-md-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-lg-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-chip-size-lg-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-chip-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-lg:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-chip-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-chip{width:-moz-fit-content;width:fit-content;box-shadow:var(--bm-comp-chip-shadow);color:var(--bm-comp-chip-color-fg);background-color:var(--bm-comp-chip-color-bg);border-color:var(--bm-comp-chip-color-border);border-radius:var(--bm-comp-chip-radius-container);border-style:solid;border-width:var(--bm-comp-chip-border-width);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.bm-chip__input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.bm-chip__label{cursor:inherit;align-items:center;gap:0;display:flex}.bm-chip--ellipsis .bm-chip__label>span{-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.bm-chip__icon{color:var(--bm-comp-chip-color-fg);align-items:center;display:flex}.bm-chip:has(input:checked){color:var(--bm-comp-chip-color-fg-selected);background-color:var(--bm-comp-chip-color-bg-selected);border-color:var(--bm-comp-chip-color-border-selected);--bm-comp-close-btn-color-default:tokens.$bm-comp-chip-color-fg-selected}.bm-chip:has(input:checked) .bm-chip__icon{color:var(--bm-comp-chip-color-fg-selected)}.bm-chip:has(input[type=radio]:checked){color:var(--bm-comp-chip-color-fg-selected);background-color:var(--bm-comp-chip-color-bg-selected);border-color:var(--bm-comp-chip-color-border-selected)}.bm-chip__state-layer{pointer-events:none;--bm-state-layer-opacity:0;--bm-state-layer-outline-width:0}.bm-chip--has-focus .bm-state-layer{--bm-state-layer-opacity:1;--bm-state-layer-outline-width:var(--bm-sem-border-width-focus)}.bm-chip:focus-within:has(input:focus) .bm-state-layer{--bm-state-layer-outline-width:0px}.bm-chip:focus-within:has(input:focus-visible) .bm-state-layer{--bm-state-layer-outline-width:var(--bm-sem-border-width-focus)}.bm-chip--disabled{opacity:var(--bm-sem-opacity-disabled);pointer-events:none;cursor:not-allowed!important}.bm-chip--fluid{width:100%}.bm-chip--non-selectable{cursor:text;-webkit-user-select:text;user-select:text}.bm-chip--sm{height:var(--bm-comp-chip-size-sm-height);padding-inline:var(--bm-comp-chip-space-sm-x);font:var(--bm-comp-chip-typo-sm);gap:var(--bm-comp-chip-space-sm-gap)}.bm-chip--sm .bm-chip__label{gap:var(--bm-comp-chip-space-sm-gap)}.bm-chip--sm .bm-chip__icon{width:var(--bm-comp-chip-size-sm-icon);height:var(--bm-comp-chip-size-sm-icon)}.bm-chip--md{height:var(--bm-comp-chip-size-md-height);padding-inline:var(--bm-comp-chip-space-md-x);font:var(--bm-comp-chip-typo-md);gap:0}.bm-chip--md .bm-chip__label{gap:0}.bm-chip--md .bm-chip__icon{width:var(--bm-comp-chip-size-md-icon);height:var(--bm-comp-chip-size-md-icon)}.bm-chip--md .bm-chip__label>span:not(.bm-chip__icon){padding-inline:var(--bm-comp-chip-space-text)}.bm-chip--lg{height:var(--bm-comp-chip-size-lg-height);padding-inline:var(--bm-comp-chip-space-lg-x);font:var(--bm-comp-chip-typo-lg);gap:0}.bm-chip--lg .bm-chip__label{gap:0}.bm-chip--lg .bm-chip__icon{width:var(--bm-comp-chip-size-lg-icon);height:var(--bm-comp-chip-size-lg-icon)}.bm-chip--lg .bm-chip__label>span:not(.bm-chip__icon){padding-inline:var(--bm-comp-chip-space-text)}.bm-chip__label{flex-direction:row}.bm-chip__icon{order:-1}.bm-chip__dismiss-button{order:1;margin-inline-start:auto}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-chip-color-bg:var(--bm-sem-color-action-neutral-subtle,#9fafbc29);--bm-comp-chip-color-fg:var(--bm-sem-color-icon-primary,#141d24);--bm-comp-chip-color-border:var(--bm-sem-color-none,#fff0);--bm-comp-chip-color-bg-selected:var(--bm-sem-color-surface-selected,#e9fcff);--bm-comp-chip-color-fg-selected:var(--bm-sem-color-icon-selected,#00768f);--bm-comp-chip-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-chip-radius-container:var(--bm-utility-comp-chip-radius-container,.25rem);--bm-comp-chip-radius-focus:var(--bm-utility-comp-chip-radius-focus,.5rem);--bm-comp-chip-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-chip-space-sm-x:var(--bm-utility-comp-chip-space-sm-x,.5rem);--bm-comp-chip-space-sm-gap:var(--bm-sem-space-25,.25rem);--bm-comp-chip-space-md-x:var(--bm-utility-comp-chip-space-md-x,.5rem);--bm-comp-chip-space-lg-x:var(--bm-utility-comp-chip-space-lg-x,.75rem);--bm-comp-chip-space-text:var(--bm-sem-space-25,.25rem);--bm-comp-chip-size-sm-height:var(--bm-sem-size-height-xs,1.5rem);--bm-comp-chip-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-md-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-chip-size-md-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-lg-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-chip-size-lg-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-chip-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-lg:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-chip-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-chip-color-bg:var(--bm-sem-color-action-neutral-subtle,#8697a529);--bm-comp-chip-color-fg:var(--bm-sem-color-icon-primary,#fff);--bm-comp-chip-color-border:var(--bm-sem-color-none,#fff0);--bm-comp-chip-color-bg-selected:var(--bm-sem-color-surface-selected,#00414d);--bm-comp-chip-color-fg-selected:var(--bm-sem-color-icon-selected,#43bfd6);--bm-comp-chip-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-chip-radius-container:var(--bm-utility-comp-chip-radius-container,.25rem);--bm-comp-chip-radius-focus:var(--bm-utility-comp-chip-radius-focus,.5rem);--bm-comp-chip-border-width:var(--bm-sem-border-width-action,.063rem);--bm-comp-chip-space-sm-x:var(--bm-utility-comp-chip-space-sm-x,.5rem);--bm-comp-chip-space-sm-gap:var(--bm-sem-space-25,.25rem);--bm-comp-chip-space-md-x:var(--bm-utility-comp-chip-space-md-x,.5rem);--bm-comp-chip-space-lg-x:var(--bm-utility-comp-chip-space-lg-x,.75rem);--bm-comp-chip-space-text:var(--bm-sem-space-25,.25rem);--bm-comp-chip-size-sm-height:var(--bm-sem-size-height-xs,1.5rem);--bm-comp-chip-size-sm-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-md-height:var(--bm-sem-size-height-sm,2rem);--bm-comp-chip-size-md-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-chip-size-lg-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-chip-size-lg-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-chip-typo-sm:var(--bm-sem-typo-label-xs,600 .75rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-md:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-chip-typo-lg:var(--bm-sem-typo-label-md,600 1rem/1.5rem "Source Sans Pro");--bm-comp-chip-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-chips-group{flex-direction:row;align-items:center;width:-moz-fit-content;width:fit-content;display:flex;position:relative}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-close-btn-color-default:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-close-btn-space-x:var(--bm-primitive-dimension-12,.125rem);--bm-comp-close-btn-space-y:var(--bm-primitive-dimension-12,.125rem);--bm-comp-close-btn-size-xs:var(--bm-sem-size-icon-xs,.75rem);--bm-comp-close-btn-size-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-close-btn-size-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-close-btn-size-lg:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-close-btn-size-xl:var(--bm-sem-size-icon-xl,1.75rem);--bm-comp-close-btn-radius:var(--bm-utility-comp-btn-radius-container,.25rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-close-btn-color-default:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-close-btn-space-x:var(--bm-primitive-dimension-12,.125rem);--bm-comp-close-btn-space-y:var(--bm-primitive-dimension-12,.125rem);--bm-comp-close-btn-size-xs:var(--bm-sem-size-icon-xs,.75rem);--bm-comp-close-btn-size-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-close-btn-size-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-close-btn-size-lg:var(--bm-sem-size-icon-lg,1.5rem);--bm-comp-close-btn-size-xl:var(--bm-sem-size-icon-xl,1.75rem);--bm-comp-close-btn-radius:var(--bm-utility-comp-btn-radius-container,.25rem)}.bm-close-button{padding:var(--bm-comp-close-btn-space-y)var(--bm-comp-close-btn-space-x);cursor:pointer;border:unset;border-radius:var(--bm-comp-close-btn-radius);background-color:unset;color:var(--bm-comp-close-btn-color-default);outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.bm-close-button .bm-state-layer{--bm-state-layer-outline-offset:calc(0px - var(--bm-sem-size-focus-offset))}.bm-close-button--xs{height:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-y)*2);width:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-x)*2)}.bm-close-button--xs .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xs);width:var(--bm-comp-close-btn-size-xs)}.bm-close-button--sm{height:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-y)*2);width:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-x)*2)}.bm-close-button--sm .bm-close-button__icon{height:var(--bm-comp-close-btn-size-sm);width:var(--bm-comp-close-btn-size-sm)}.bm-close-button--md{height:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-y)*2);width:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-x)*2)}.bm-close-button--md .bm-close-button__icon{height:var(--bm-comp-close-btn-size-md);width:var(--bm-comp-close-btn-size-md)}.bm-close-button--lg{height:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-y)*2);width:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-x)*2)}.bm-close-button--lg .bm-close-button__icon{height:var(--bm-comp-close-btn-size-lg);width:var(--bm-comp-close-btn-size-lg)}.bm-close-button--xl{height:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-y)*2);width:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-x)*2)}.bm-close-button--xl .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xl);width:var(--bm-comp-close-btn-size-xl)}.bm-close-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-divider-color-text:var(--bm-sem-color-text-secondary,#576775);--bm-comp-divider-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-divider-typo-text:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-divider-size-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-divider-size-icon-only:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-divider-space-content:var(--bm-sem-space-50,.5rem);--bm-comp-divider-space-content-gap:var(--bm-sem-space-25,.25rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-divider-color-text:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-divider-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-divider-typo-text:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-divider-size-icon:var(--bm-sem-size-icon-sm,1rem);--bm-comp-divider-size-icon-only:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-divider-space-content:var(--bm-sem-space-50,.5rem);--bm-comp-divider-space-content-gap:var(--bm-sem-space-25,.25rem)}:host([orientation=vertical]),.bm-divider--vertical{height:var(--bm-comp-divider-length,100%);width:auto}:host,.bm-divider{width:var(--bm-comp-divider-length,100%)}.bm-divider{box-sizing:border-box;width:var(--bm-comp-divider-length,100%);height:auto}.bm-divider--horizontal{text-align:center}.bm-divider--vertical{height:var(--bm-comp-divider-length,100%);width:auto;min-height:1.25rem}.bm-divider--vertical .bm-divider__wrapper{flex-direction:column;align-items:center;height:100%;display:flex}.bm-divider--vertical:before,.bm-divider--vertical:after{width:.0625rem;height:100%}.bm-divider--vertical .bm-divider__content{padding:var(--bm-comp-divider-space-content)0}.bm-divider__wrapper{align-items:center;width:100%;height:100%;display:flex;position:relative}.bm-divider__wrapper:before,.bm-divider__wrapper:after{content:"";background-color:currentColor;flex:auto;height:.0625rem}.bm-divider__content{font:var(--bm-comp-divider-typo-text);padding:0 var(--bm-comp-divider-space-content);color:var(--bm-comp-divider-color-text);align-items:center;gap:var(--bm-comp-divider-space-content-gap);display:inline-flex}.bm-divider__icon{color:var(--bm-comp-divider-color-icon);align-items:center;display:inline-flex}.bm-divider__icon svg{height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider__icon ::slotted([slot=icon]){height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon);display:inline-flex}.bm-divider--icon-only .bm-divider__icon{color:var(--bm-comp-divider-color-icon);margin-right:0}.bm-divider--icon-only .bm-divider__icon svg,.bm-divider--icon-only .bm-divider__icon ::slotted([slot=icon]){height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider__text{white-space:nowrap}.bm-divider--border-width-md .bm-divider__wrapper:before,.bm-divider--border-width-md .bm-divider__wrapper:after{height:var(--bm-sem-border-width-md)}.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-md);height:auto}.bm-divider--border-width-lg .bm-divider__wrapper:before,.bm-divider--border-width-lg .bm-divider__wrapper:after{height:var(--bm-sem-border-width-lg)}.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-lg);height:auto}.bm-divider--border-width-xl .bm-divider__wrapper:before,.bm-divider--border-width-xl .bm-divider__wrapper:after{height:var(--bm-sem-border-width-xl)}.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-xl);height:auto}.bm-divider--border-style-dashed .bm-divider__wrapper:before,.bm-divider--border-style-dashed .bm-divider__wrapper:after{background:repeating-linear-gradient(90deg,currentColor,currentColor .25rem,#0000 .25rem .5rem)}.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(currentColor,currentColor .25rem,#0000 .25rem .5rem)}.bm-divider--border-style-dotted .bm-divider__wrapper:before,.bm-divider--border-style-dotted .bm-divider__wrapper:after{background:repeating-linear-gradient(90deg,currentColor,currentColor .125rem,#0000 .125rem .375rem)}.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(currentColor,currentColor .125rem,#0000 .125rem .375rem)}.bm-divider--border-color-border-00{color:var(--bm-sem-color-border-00)}.bm-divider--border-color-border-00-alt{color:var(--bm-sem-color-border-00-alt)}.bm-divider--border-color-border-01{color:var(--bm-sem-color-border-01)}.bm-divider--border-color-border-02{color:var(--bm-sem-color-border-02)}.bm-divider--border-color-border-03{color:var(--bm-sem-color-border-03)}.bm-divider--border-color-border-strong{color:var(--bm-sem-color-border-strong)}.bm-divider--border-color-border-positive{color:var(--bm-sem-color-border-positive)}.bm-divider--border-color-border-warning{color:var(--bm-sem-color-border-warning)}.bm-divider--border-color-border-negative{color:var(--bm-sem-color-border-negative)}.bm-divider--border-color-border-info-primary{color:var(--bm-sem-color-border-info-primary)}.bm-divider--border-color-border-info-secondary{color:var(--bm-sem-color-border-info-secondary)}.bm-divider--border-color-border-positive-strong{color:var(--bm-sem-color-border-positive-strong)}.bm-divider--border-color-border-warning-strong{color:var(--bm-sem-color-border-warning-strong)}.bm-divider--border-color-border-negative-strong{color:var(--bm-sem-color-border-negative-strong)}.bm-divider--border-color-border-info-primary-strong{color:var(--bm-sem-color-border-info-primary-strong)}.bm-divider--border-color-border-info-secondary-strong{color:var(--bm-sem-color-border-info-secondary-strong)}.bm-divider--border-color-border-inverse{color:var(--bm-sem-color-border-inverse)}.bm-divider--align-start .bm-divider__wrapper:before{flex:0}.bm-divider--align-start .bm-divider__wrapper:after{flex:auto}.bm-divider--align-start .bm-divider__content{padding-inline-start:0}.bm-divider--align-end .bm-divider__wrapper:before{flex:auto}.bm-divider--align-end .bm-divider__wrapper:after{flex:0}.bm-divider--align-end .bm-divider__content{padding-inline-end:0}.bm-divider--vertical.bm-divider--align-start .bm-divider__wrapper:before,.bm-divider--vertical.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-empty-state-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-empty-state-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-empty-state-color-icon:var(--bm-utility-color-accent-default,#00768f);--bm-comp-empty-state-space-gap:var(--bm-sem-space-200,2rem);--bm-comp-empty-state-space-text-gap:var(--bm-sem-space-100,1rem);--bm-comp-empty-state-space-actions-gap:var(--bm-sem-space-150,1.5rem);--bm-comp-empty-state-size-icon:var(--bm-primitive-dimension-600,6rem);--bm-comp-empty-state-size-width:35rem;--bm-comp-empty-state-typo-heading:var(--bm-sem-typo-heading-lg,700 1.5rem/2rem "Uni Neue");--bm-comp-empty-state-typo-body:var(--bm-sem-typo-body-lg,400 1.125rem/1.75rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-empty-state-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-empty-state-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-empty-state-color-icon:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-empty-state-space-gap:var(--bm-sem-space-200,2rem);--bm-comp-empty-state-space-text-gap:var(--bm-sem-space-100,1rem);--bm-comp-empty-state-space-actions-gap:var(--bm-sem-space-150,1.5rem);--bm-comp-empty-state-size-icon:var(--bm-primitive-dimension-600,6rem);--bm-comp-empty-state-size-width:35rem;--bm-comp-empty-state-typo-heading:var(--bm-sem-typo-heading-lg,700 1.5rem/2rem "Uni Neue");--bm-comp-empty-state-typo-body:var(--bm-sem-typo-body-lg,400 1.125rem/1.75rem "Source Sans Pro")}.bm-empty-state{max-width:var(--bm-comp-empty-state-size-width);align-items:center;gap:var(--bm-comp-empty-state-space-gap);background-color:unset;flex-direction:column;display:flex}.bm-empty-state__icon,.bm-empty-state ::slotted([slot=icon]){color:var(--bm-comp-empty-state-color-icon)}.bm-empty-state__icon>svg,.bm-empty-state ::slotted([slot=icon]){height:var(--bm-comp-empty-state-size-icon);width:var(--bm-comp-empty-state-size-icon)}.bm-empty-state__body-container{align-items:center;gap:var(--bm-comp-empty-state-space-text-gap);flex-direction:column;display:flex}.bm-empty-state__heading,.bm-empty-state ::slotted([slot=heading]){text-align:center;font:var(--bm-comp-empty-state-typo-heading);color:var(--bm-comp-empty-state-color-heading)}.bm-empty-state__body,.bm-empty-state ::slotted([slot=body]){text-align:center;font:var(--bm-comp-empty-state-typo-body);color:var(--bm-comp-empty-state-color-body);gap:var(--bm-comp-empty-state-space-text-gap);flex-direction:column;display:flex}.bm-empty-state__actions,.bm-empty-state ::slotted([slot=actions]){align-items:center;gap:var(--bm-comp-empty-state-space-actions-gap);flex-direction:column;display:flex}
|
package/assets/Flag.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bm-flag--clickable{cursor:pointer}.bm-flag--inline{display:inline}.bm-flag--inline-block{display:inline-block}.bm-flag--block{display:block}.bm-flag--none{display:none}
|
package/assets/Icon.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bm-icon{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;--bm-comp-icon-color:inherit;fill:currentColor;font-style:normal;font-weight:400;font-size:var(--bm-comp-icon-size,var(--bm-sem-size-icon-md));width:var(--bm-comp-icon-size,var(--bm-sem-size-icon-md));height:var(--bm-comp-icon-size,var(--bm-sem-size-icon-md));color:var(--bm-comp-icon-color);vertical-align:middle;line-height:inherit;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;display:inline-block;box-sizing:border-box!important}.bm-icon--primary{--bm-comp-icon-color:var(--bm-sem-color-icon-primary)}.bm-icon--secondary{--bm-comp-icon-color:var(--bm-sem-color-icon-secondary)}.bm-icon--positive{--bm-comp-icon-color:var(--bm-sem-color-icon-positive)}.bm-icon--warning{--bm-comp-icon-color:var(--bm-sem-color-icon-warning)}.bm-icon--negative{--bm-comp-icon-color:var(--bm-sem-color-icon-negative)}.bm-icon--infoPrimary{--bm-comp-icon-color:var(--bm-sem-color-icon-info-primary)}.bm-icon--infoSecondary{--bm-comp-icon-color:var(--bm-sem-color-icon-info-secondary)}.bm-icon--positiveStrong{--bm-comp-icon-color:var(--bm-sem-color-icon-positive-strong)}.bm-icon--warningStrong{--bm-comp-icon-color:var(--bm-sem-color-icon-warning-strong)}.bm-icon--negativeStrong{--bm-comp-icon-color:var(--bm-sem-color-icon-negative-strong)}.bm-icon--infoPrimaryStrong{--bm-comp-icon-color:var(--bm-sem-color-icon-info-primary-strong)}.bm-icon--infoSecondaryStrong{--bm-comp-icon-color:var(--bm-sem-color-icon-info-secondary-strong)}.bm-icon--primaryInverse{--bm-comp-icon-color:var(--bm-sem-color-icon-primary-inverse)}.bm-icon--secondaryInverse{--bm-comp-icon-color:var(--bm-sem-color-icon-secondary-inverse)}.bm-icon--xs{--bm-comp-icon-size:var(--bm-sem-size-icon-xs)}.bm-icon--sm{--bm-comp-icon-size:var(--bm-sem-size-icon-sm)}.bm-icon--md{--bm-comp-icon-size:var(--bm-sem-size-icon-md)}.bm-icon--lg{--bm-comp-icon-size:var(--bm-sem-size-icon-lg)}.bm-icon--xl{--bm-comp-icon-size:var(--bm-sem-size-icon-xl)}.bm-icon--clickable{cursor:pointer}
|