@arc-ui/components 12.0.0-beta.6 → 12.0.0-beta.8
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/dist/Alert/Alert.cjs.js +4 -4
- package/dist/Alert/Alert.esm.js +4 -4
- package/dist/Alert/styles.css +1 -1
- package/dist/Align/Align.cjs.js +1 -1
- package/dist/Align/Align.esm.js +1 -1
- package/dist/AppButton/AppButton.cjs.js +2 -2
- package/dist/AppButton/AppButton.esm.js +2 -2
- package/dist/Avatar/Avatar.cjs.js +6 -6
- package/dist/Avatar/Avatar.esm.js +6 -6
- package/dist/AvatarGroup/AvatarGroup.cjs.js +6 -6
- package/dist/AvatarGroup/AvatarGroup.esm.js +6 -6
- package/dist/Badge/Badge.cjs.js +5 -12
- package/dist/Badge/Badge.esm.js +4 -11
- package/dist/Box/Box.cjs.js +6 -24
- package/dist/Box/Box.esm.js +5 -23
- package/dist/Box/styles.css +1 -1
- package/dist/BrandLogo/BrandLogo.cjs.js +3 -3
- package/dist/BrandLogo/BrandLogo.esm.js +3 -3
- package/dist/BrandLogo/styles.css +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.cjs.js +5 -4
- package/dist/Breadcrumbs/Breadcrumbs.esm.js +5 -4
- package/dist/Breadcrumbs/styles.css +1 -1
- package/dist/Button/Button.cjs.js +5 -5
- package/dist/Button/Button.esm.js +5 -5
- package/dist/Button/styles.css +1 -1
- package/dist/ButtonV2/ButtonV2.cjs.js +5 -5
- package/dist/ButtonV2/ButtonV2.esm.js +5 -5
- package/dist/ButtonV2/styles.css +1 -1
- package/dist/Calendar/Calendar.cjs.js +9 -9
- package/dist/Calendar/Calendar.esm.js +9 -9
- package/dist/Calendar/styles.css +1 -1
- package/dist/CardFooter/CardFooter.cjs.js +6 -6
- package/dist/CardFooter/CardFooter.esm.js +6 -6
- package/dist/CardFooter/styles.css +1 -1
- package/dist/CardHeading/CardHeading.cjs.js +4 -4
- package/dist/CardHeading/CardHeading.esm.js +4 -4
- package/dist/Carousel/Carousel.cjs.js +1921 -0
- package/dist/Carousel/Carousel.esm.js +1913 -0
- package/dist/Carousel/package.json +7 -0
- package/dist/Carousel/styles.css +1 -0
- package/dist/Checkbox/Checkbox.cjs.js +8 -8
- package/dist/Checkbox/Checkbox.esm.js +8 -8
- package/dist/Checkbox/styles.css +1 -1
- package/dist/Columns/Columns.cjs.js +2 -2
- package/dist/Columns/Columns.esm.js +2 -2
- package/dist/ContentSwitcher/ContentSwitcher.cjs.js +20 -0
- package/dist/ContentSwitcher/ContentSwitcher.esm.js +12 -0
- package/dist/ContentSwitcher/package.json +7 -0
- package/dist/ContentSwitcher/styles.css +1 -0
- package/dist/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs.js +23 -0
- package/dist/ContentSwitcherDropdown/ContentSwitcherDropdown.esm.js +15 -0
- package/dist/ContentSwitcherDropdown/package.json +7 -0
- package/dist/ContentSwitcherDropdown/styles.css +1 -0
- package/dist/DatePicker/DatePicker.cjs.js +16 -16
- package/dist/DatePicker/DatePicker.esm.js +16 -16
- package/dist/Disclosure/Disclosure.cjs.js +4 -4
- package/dist/Disclosure/Disclosure.esm.js +4 -4
- package/dist/Disclosure/styles.css +1 -1
- package/dist/DisclosureMini/DisclosureMini.cjs.js +5 -5
- package/dist/DisclosureMini/DisclosureMini.esm.js +5 -5
- package/dist/Download/Download.cjs.js +16 -0
- package/dist/Download/Download.esm.js +8 -0
- package/dist/Download/package.json +7 -0
- package/dist/Download/styles.css +1 -0
- package/dist/Elevation/Elevation.cjs.js +1 -1
- package/dist/Elevation/Elevation.esm.js +1 -1
- package/dist/Elevation/styles.css +1 -1
- package/dist/Filter/Filter.cjs.js +4 -4
- package/dist/Filter/Filter.esm.js +4 -4
- package/dist/FormControl/FormControl.cjs.js +7 -7
- package/dist/FormControl/FormControl.esm.js +7 -7
- package/dist/Grid/Grid.cjs.js +2 -2
- package/dist/Grid/Grid.esm.js +2 -2
- package/dist/Grid/styles.css +1 -1
- package/dist/Group/Group.cjs.js +3 -3
- package/dist/Group/Group.esm.js +3 -3
- package/dist/Heading/Heading.cjs.js +3 -3
- package/dist/Heading/Heading.esm.js +3 -3
- package/dist/Heading/styles.css +1 -1
- package/dist/HeroBanner/HeroBanner.cjs.js +63 -0
- package/dist/HeroBanner/HeroBanner.esm.js +55 -0
- package/dist/HeroBanner/package.json +7 -0
- package/dist/HeroBanner/styles.css +1 -0
- package/dist/HeroButton/HeroButton.cjs.js +5 -5
- package/dist/HeroButton/HeroButton.esm.js +5 -5
- package/dist/HeroButton/styles.css +1 -1
- package/dist/Hidden/Hidden.cjs.js +1 -1
- package/dist/Hidden/Hidden.esm.js +1 -1
- package/dist/Icon/Icon.cjs.js +3 -3
- package/dist/Icon/Icon.esm.js +3 -3
- package/dist/Image/Image.cjs.js +2 -2
- package/dist/Image/Image.esm.js +2 -2
- package/dist/ImpactCard/ImpactCard.cjs.js +10 -11
- package/dist/ImpactCard/ImpactCard.esm.js +10 -11
- package/dist/ImpactCard/styles.css +1 -1
- package/dist/InformationCard/InformationCard.cjs.js +34 -48
- package/dist/InformationCard/InformationCard.esm.js +34 -48
- package/dist/InformationCard/styles.css +1 -1
- package/dist/Link/Link.cjs.js +8 -8
- package/dist/Link/Link.esm.js +8 -8
- package/dist/Link/styles.css +1 -1
- package/dist/Markup/Markup.cjs.js +2 -2
- package/dist/Markup/Markup.esm.js +2 -2
- package/dist/MediaCard/MediaCard.cjs.js +13 -13
- package/dist/MediaCard/MediaCard.esm.js +13 -13
- package/dist/MediaCard/styles.css +1 -1
- package/dist/Modal/Modal.cjs.js +11 -11
- package/dist/Modal/Modal.esm.js +11 -11
- package/dist/Pagination/Pagination.cjs.js +3 -3
- package/dist/Pagination/Pagination.esm.js +3 -3
- package/dist/PaginationSimple/PaginationSimple.cjs.js +82 -13
- package/dist/PaginationSimple/PaginationSimple.esm.js +82 -13
- package/dist/PaginationSimple/styles.css +1 -1
- package/dist/Poster/Poster.cjs.js +4 -4
- package/dist/Poster/Poster.esm.js +4 -4
- package/dist/ProgressBar/ProgressBar.cjs.js +6 -6
- package/dist/ProgressBar/ProgressBar.esm.js +6 -6
- package/dist/ProgressStepper/ProgressStepper.cjs.js +5 -5
- package/dist/ProgressStepper/ProgressStepper.esm.js +5 -5
- package/dist/ProgressStepper/styles.css +1 -1
- package/dist/RadioGroup/RadioGroup.cjs.js +8 -8
- package/dist/RadioGroup/RadioGroup.esm.js +8 -8
- package/dist/RadioGroup/styles.css +1 -1
- package/dist/Rule/Rule.cjs.js +2 -2
- package/dist/Rule/Rule.esm.js +2 -2
- package/dist/Rule/styles.css +1 -1
- package/dist/ScrollToTop/ScrollToTop.cjs.js +21 -4
- package/dist/ScrollToTop/ScrollToTop.esm.js +21 -4
- package/dist/ScrollToTop/styles.css +1 -1
- package/dist/Section/Section.cjs.js +2 -2
- package/dist/Section/Section.esm.js +2 -2
- package/dist/Select/Select.cjs.js +29 -2204
- package/dist/Select/Select.esm.js +17 -2173
- package/dist/Select/styles.css +1 -1
- package/dist/SiteFooter/SiteFooter.cjs.js +7 -7
- package/dist/SiteFooter/SiteFooter.esm.js +7 -7
- package/dist/SiteHeaderV2/SiteHeaderV2.cjs.js +11 -10
- package/dist/SiteHeaderV2/SiteHeaderV2.esm.js +11 -10
- package/dist/SiteHeaderV2/styles.css +1 -1
- package/dist/SkipLink/SkipLink.cjs.js +1 -1
- package/dist/SkipLink/SkipLink.esm.js +1 -1
- package/dist/Spinner/Spinner.cjs.js +12 -0
- package/dist/Spinner/Spinner.esm.js +4 -0
- package/dist/Spinner/package.json +7 -0
- package/dist/Spinner/styles.css +1 -0
- package/dist/Surface/Surface.cjs.js +2 -2
- package/dist/Surface/Surface.esm.js +2 -2
- package/dist/Surface/styles.css +1 -1
- package/dist/Switch/Switch.cjs.js +10 -10
- package/dist/Switch/Switch.esm.js +10 -10
- package/dist/Switch/styles.css +1 -1
- package/dist/Tabs/Tabs.cjs.js +9 -9
- package/dist/Tabs/Tabs.esm.js +9 -9
- package/dist/Tabs/styles.css +1 -1
- package/dist/Tag/Tag.cjs.js +77 -8
- package/dist/Tag/Tag.esm.js +76 -7
- package/dist/Tag/styles.css +1 -1
- package/dist/Text/Text.cjs.js +3 -3
- package/dist/Text/Text.esm.js +3 -3
- package/dist/TextArea/TextArea.cjs.js +55 -49
- package/dist/TextArea/TextArea.esm.js +55 -49
- package/dist/TextInput/TextInput.cjs.js +8 -9
- package/dist/TextInput/TextInput.esm.js +8 -9
- package/dist/Theme/Theme.cjs.js +5 -4
- package/dist/Theme/Theme.esm.js +5 -4
- package/dist/Theme/styles.css +1 -1
- package/dist/ThemeIcon/ThemeIcon.cjs.js +3 -3
- package/dist/ThemeIcon/ThemeIcon.esm.js +3 -3
- package/dist/ThemeIcon/styles.css +1 -1
- package/dist/Toast/Toast.cjs.js +8 -8
- package/dist/Toast/Toast.esm.js +8 -8
- package/dist/Toast/styles.css +1 -1
- package/dist/Truncate/Truncate.cjs.js +3 -3
- package/dist/Truncate/Truncate.esm.js +3 -3
- package/dist/TypographyCard/TypographyCard.cjs.js +9 -10
- package/dist/TypographyCard/TypographyCard.esm.js +9 -10
- package/dist/TypographyCard/styles.css +1 -1
- package/dist/UniversalHeader/UniversalHeader.cjs.js +3 -3
- package/dist/UniversalHeader/UniversalHeader.esm.js +3 -3
- package/dist/VerticalSpace/VerticalSpace.cjs.js +2 -2
- package/dist/VerticalSpace/VerticalSpace.esm.js +2 -2
- package/dist/VideoPlayer/VideoPlayer.cjs.js +37 -24
- package/dist/VideoPlayer/VideoPlayer.esm.js +37 -24
- package/dist/VideoPlayer/styles.css +1 -1
- package/dist/Visible/Visible.cjs.js +1 -1
- package/dist/Visible/Visible.esm.js +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.cjs.js +2 -2
- package/dist/VisuallyHidden/VisuallyHidden.esm.js +2 -2
- package/dist/VisuallyHidden/styles.css +1 -1
- package/dist/_shared/cjs/{Avatar-9277512a.js → Avatar-7478d063.js} +4 -4
- package/dist/_shared/cjs/Badge-ca986033.js +17 -0
- package/dist/_shared/cjs/Box-e225b4a4.js +29 -0
- package/dist/_shared/cjs/{BrandLogo-ce65cd74.js → BrandLogo-bf632f2b.js} +2 -2
- package/dist/_shared/cjs/{Breadcrumbs-c7821aa9.js → Breadcrumbs-bb292a9e.js} +5 -4
- package/dist/_shared/cjs/BtIconArrowRight.esm-c78e3c11.js +30 -0
- package/dist/_shared/cjs/BtIconChevronRight2Px.esm-e8329e34.js +44 -0
- package/dist/_shared/cjs/BtIconChevronRightMid.esm-745faaca.js +28 -0
- package/dist/_shared/cjs/BtIconPlayFill.esm-7e848bd9.js +30 -0
- package/dist/_shared/cjs/{Button-ea665c9c.js → Button-76215474.js} +4 -4
- package/dist/_shared/cjs/{ButtonV2-373877da.js → ButtonV2-320f74b2.js} +13 -8
- package/dist/_shared/cjs/{Calendar-e5184158.js → Calendar-16ed5bec.js} +11 -11
- package/dist/_shared/cjs/CardFooter-6aa9a280.js +79 -0
- package/dist/_shared/cjs/{CardHeading-3ddcf774.js → CardHeading-30ef8abc.js} +2 -2
- package/dist/_shared/cjs/{Checkbox-850dcf99.js → Checkbox-4dbaac21.js} +12 -7
- package/dist/_shared/cjs/{Columns-5c6bab74.js → Columns-ff4977f8.js} +1 -1
- package/dist/_shared/cjs/{Combination-854a36ce.js → Combination-d19b4dc6.js} +2 -2
- package/dist/_shared/cjs/ContentSwitcher-1b789e2f.js +98 -0
- package/dist/_shared/cjs/ContentSwitcherDropdown-0de9f7e4.js +47 -0
- package/dist/_shared/cjs/{DatePicker-2bf10a10.js → DatePicker-a0f14025.js} +6 -23
- package/dist/_shared/cjs/{DisclosureMini-c730c24d.js → DisclosureMini-09ee2d12.js} +4 -4
- package/dist/_shared/cjs/Download-08d71049.js +43 -0
- package/dist/_shared/cjs/{Filter-c42eee70.js → Filter-60b0dd96.js} +3 -3
- package/dist/_shared/cjs/{FormControl-5c963e6e.js → FormControl-fa7bb586.js} +5 -5
- package/dist/_shared/cjs/{Grid-69ed0e5c.js → Grid-a50fb206.js} +1 -1
- package/dist/_shared/cjs/{Group-5233a907.js → Group-1aba9855.js} +2 -2
- package/dist/_shared/cjs/{Heading-14378b72.js → Heading-cb321adf.js} +5 -4
- package/dist/_shared/cjs/{HeroButton-db7d03d6.js → HeroButton-75e1ab78.js} +12 -12
- package/dist/_shared/cjs/{Icon-7f1e8a19.js → Icon-859c6c00.js} +16 -5
- package/dist/_shared/cjs/{Image-c8969ad9.js → Image-b807e951.js} +1 -1
- package/dist/_shared/cjs/{MediaCard-4ff9f5c0.js → MediaCard-8101ae8b.js} +9 -9
- package/dist/_shared/cjs/{Poster-8fba5492.js → Poster-46b6803e.js} +3 -3
- package/dist/_shared/cjs/{ProgressStepper-aaff6b51.js → ProgressStepper-5fb2e7ac.js} +8 -32
- package/dist/_shared/cjs/{RadioGroup-6142dceb.js → RadioGroup-f8963bd2.js} +4 -4
- package/dist/_shared/cjs/{Section-46646353.js → Section-bee4a090.js} +1 -1
- package/dist/_shared/cjs/{SiteFooter-cfe7163f.js → SiteFooter-3fee99ae.js} +6 -6
- package/dist/_shared/cjs/{SiteHeaderV2-043d976a.js → SiteHeaderV2-0f072158.js} +16 -49
- package/dist/_shared/cjs/Spinner-2a1d9f20.js +24 -0
- package/dist/_shared/cjs/{Surface-7500f314.js → Surface-4bc47dcb.js} +3 -2
- package/dist/_shared/cjs/Tabs-ba44ea49.js +90 -0
- package/dist/_shared/cjs/{Text-284a7314.js → Text-f6be8fdd.js} +5 -4
- package/dist/_shared/cjs/{TextInput-bcc3f86c.js → TextInput-9d9a53ac.js} +6 -6
- package/dist/_shared/cjs/{ThemeIcon-c3dc056d.js → ThemeIcon-6b10d20a.js} +2 -2
- package/dist/_shared/cjs/{Toast-69020185.js → Toast-a33b5a2e.js} +6 -6
- package/dist/_shared/cjs/{UniversalHeader-07be88fd.js → UniversalHeader-114ac8f5.js} +2 -2
- package/dist/_shared/cjs/{VerticalSpace-973deefe.js → VerticalSpace-3908ae62.js} +1 -1
- package/dist/_shared/cjs/{VisuallyHidden-25393f58.js → VisuallyHidden-821078c9.js} +1 -1
- package/dist/_shared/cjs/{component-4e71e3d3.js → component-ae4b7058.js} +1 -1
- package/dist/_shared/cjs/{Tabs-bd1f208d.js → index-1e7a1fce.js} +8 -92
- package/dist/_shared/cjs/{index-6cbaf5e0.js → index-2bf59363.js} +1 -1
- package/dist/_shared/cjs/{index-dbab0ad6.js → index-527f962b.js} +1 -1
- package/dist/_shared/cjs/index-6b0bf2cc.js +2204 -0
- package/dist/_shared/cjs/{index-568bc1da.js → index-879e71ee.js} +7 -7
- package/dist/_shared/cjs/{index-c137700a.js → index-ba3141f5.js} +1 -1
- package/dist/_shared/cjs/{index-677557a4.js → index-dbc843d3.js} +1 -1
- package/dist/_shared/cjs/{index.es-ba095ee5.js → index.es-11fc5df7.js} +2 -2
- package/dist/_shared/cjs/{index.es-c26e8978.js → index.es-b404d2c5.js} +123 -0
- package/dist/_shared/esm/{Avatar-b5ac0a89.js → Avatar-b2fde5c6.js} +4 -4
- package/dist/_shared/esm/Badge-a6bda4a7.js +11 -0
- package/dist/_shared/esm/Box-2a1645ed.js +23 -0
- package/dist/_shared/esm/{BrandLogo-fb863b5b.js → BrandLogo-3424eb79.js} +2 -2
- package/dist/_shared/esm/{Breadcrumbs-01ebed9b.js → Breadcrumbs-7de7bfa5.js} +5 -4
- package/dist/_shared/esm/BtIconArrowRight.esm-8bcaa8ad.js +24 -0
- package/dist/_shared/esm/BtIconChevronRight2Px.esm-84262845.js +37 -0
- package/dist/_shared/esm/BtIconChevronRightMid.esm-f67f0ca3.js +22 -0
- package/dist/_shared/esm/BtIconPlayFill.esm-ec2797a0.js +24 -0
- package/dist/_shared/esm/{Button-1491784f.js → Button-9cab8eec.js} +4 -4
- package/dist/_shared/esm/{ButtonV2-f9019e00.js → ButtonV2-4dc8830e.js} +13 -8
- package/dist/_shared/esm/{Calendar-5c2fb044.js → Calendar-e3f8c4f0.js} +11 -11
- package/dist/_shared/esm/CardFooter-2902bd84.js +73 -0
- package/dist/_shared/esm/{CardHeading-4223432d.js → CardHeading-6d3dbfad.js} +2 -2
- package/dist/_shared/esm/{Checkbox-97def257.js → Checkbox-f40de2e9.js} +12 -7
- package/dist/_shared/esm/{Columns-9aa5df4a.js → Columns-5e02e601.js} +1 -1
- package/dist/_shared/esm/{Combination-2af75870.js → Combination-a063f96d.js} +2 -2
- package/dist/_shared/esm/ContentSwitcher-e0bd73a7.js +92 -0
- package/dist/_shared/esm/ContentSwitcherDropdown-306b4660.js +41 -0
- package/dist/_shared/esm/{DatePicker-2d891441.js → DatePicker-3f82e2c4.js} +6 -23
- package/dist/_shared/esm/{DisclosureMini-6292f721.js → DisclosureMini-60cb2a6c.js} +4 -4
- package/dist/_shared/esm/Download-a5443778.js +37 -0
- package/dist/_shared/esm/{Filter-71e06965.js → Filter-bc821cbc.js} +3 -3
- package/dist/_shared/esm/{FormControl-e0acdf7a.js → FormControl-7ff0a178.js} +5 -5
- package/dist/_shared/esm/{Grid-727d05d6.js → Grid-75251350.js} +1 -1
- package/dist/_shared/esm/{Group-b1b14ab4.js → Group-b4e10621.js} +2 -2
- package/dist/_shared/esm/{Heading-0dfbdb24.js → Heading-14df0c64.js} +5 -4
- package/dist/_shared/esm/{HeroButton-bb983125.js → HeroButton-1221bd94.js} +12 -12
- package/dist/_shared/esm/{Icon-428e8061.js → Icon-3e813b34.js} +16 -5
- package/dist/_shared/esm/{Image-c1dc10b5.js → Image-85c39506.js} +1 -1
- package/dist/_shared/esm/{MediaCard-d83b5561.js → MediaCard-387c8f11.js} +9 -9
- package/dist/_shared/esm/{Poster-ac72059a.js → Poster-adcd3ba3.js} +3 -3
- package/dist/_shared/esm/{ProgressStepper-e3e7b392.js → ProgressStepper-72b070a8.js} +8 -32
- package/dist/_shared/esm/{RadioGroup-0d337240.js → RadioGroup-6e657cee.js} +4 -4
- package/dist/_shared/esm/{Section-c1dc6e37.js → Section-b9caea45.js} +1 -1
- package/dist/_shared/esm/{SiteFooter-7e924fb4.js → SiteFooter-61b4ae63.js} +6 -6
- package/dist/_shared/esm/{SiteHeaderV2-94b9a407.js → SiteHeaderV2-1fde7d20.js} +9 -42
- package/dist/_shared/esm/Spinner-9d28043d.js +18 -0
- package/dist/_shared/esm/{Surface-c425e5e6.js → Surface-56d329b0.js} +3 -2
- package/dist/_shared/esm/Tabs-276a0836.js +84 -0
- package/dist/_shared/esm/{Text-96d8a35f.js → Text-98ad2e78.js} +5 -4
- package/dist/_shared/esm/{TextInput-8e3b81bf.js → TextInput-eccd0140.js} +6 -6
- package/dist/_shared/esm/{ThemeIcon-9fac63d0.js → ThemeIcon-810de4bc.js} +2 -2
- package/dist/_shared/esm/{Toast-ebe2cd97.js → Toast-62932e3b.js} +6 -6
- package/dist/_shared/esm/{UniversalHeader-22ff848b.js → UniversalHeader-370d7fa4.js} +2 -2
- package/dist/_shared/esm/{VerticalSpace-6a3533db.js → VerticalSpace-549fbdc8.js} +1 -1
- package/dist/_shared/esm/{VisuallyHidden-cf45ac18.js → VisuallyHidden-fee374a8.js} +1 -1
- package/dist/_shared/esm/{component-3e60a45e.js → component-94b3dbfe.js} +1 -1
- package/dist/_shared/esm/{index-61497bd9.js → index-14c7f4da.js} +1 -1
- package/dist/_shared/esm/index-24509173.js +2169 -0
- package/dist/_shared/esm/{index-3a2c1ceb.js → index-57d4cb34.js} +10 -10
- package/dist/_shared/esm/{Tabs-028cee5d.js → index-89a7c31c.js} +6 -89
- package/dist/_shared/esm/{index-cf208294.js → index-ac50b180.js} +1 -1
- package/dist/_shared/esm/{index-fb8b9df7.js → index-b9923ee4.js} +8 -8
- package/dist/_shared/esm/{index-f6cc48d2.js → index-e969452b.js} +1 -1
- package/dist/_shared/esm/{index-d083425f.js → index-f2ddcbe2.js} +1 -1
- package/dist/_shared/esm/{index.es-5496ec12.js → index.es-4921e8dd.js} +123 -1
- package/dist/_shared/esm/{index.es-974af4a2.js → index.es-52a3bcff.js} +2 -2
- package/dist/index.es.js +9899 -9531
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +9902 -9530
- package/dist/index.js.map +1 -1
- package/dist/styles.css +9 -7
- package/dist/types/components/Avatar/index.d.ts +1 -1
- package/dist/types/components/Box/Box.d.ts +4 -0
- package/dist/types/components/ButtonV2/ButtonV2.d.ts +2 -2
- package/dist/types/components/Carousel/Carousel.d.ts +34 -0
- package/dist/types/components/Carousel/components/DotButton.d.ts +10 -0
- package/dist/types/components/Carousel/constants/breakpoints.d.ts +5 -0
- package/dist/types/components/Carousel/helpers/get-options.d.ts +3 -0
- package/dist/types/components/Carousel/helpers/get-slide-width.d.ts +12 -0
- package/dist/types/components/Carousel/index.d.ts +1 -0
- package/dist/types/components/Carousel/types/breakpoints.d.ts +1 -0
- package/dist/types/components/Carousel/types/keynames.d.ts +5 -0
- package/dist/types/components/Carousel/types/responsive.d.ts +3 -0
- package/dist/types/components/Carousel/types/screen-sizes.d.ts +2 -0
- package/dist/types/components/Carousel/types/slide-config.d.ts +5 -0
- package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/components/ContentSwitcher/ContentSwitcher.d.ts +28 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherContent/ContentSwitcherContent.d.ts +12 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherContent/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherList/ContentSwitcherList.d.ts +24 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherList/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherTab/ContentSwitcherTab.d.ts +17 -0
- package/dist/types/components/ContentSwitcher/ContentSwitcherTab/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcher/index.d.ts +1 -0
- package/dist/types/components/ContentSwitcherDropdown/ContentSwitcherDropdown.d.ts +37 -0
- package/dist/types/components/ContentSwitcherDropdown/index.d.ts +1 -0
- package/dist/types/components/Disclosure/index.d.ts +1 -1
- package/dist/types/components/Download/Download.d.ts +41 -0
- package/dist/types/components/Download/index.d.ts +1 -0
- package/dist/types/components/Heading/Heading.d.ts +4 -0
- package/dist/types/components/Heading/index.d.ts +1 -1
- package/dist/types/components/HeroBanner/HeroBanner.d.ts +52 -0
- package/dist/types/components/HeroBanner/index.d.ts +1 -0
- package/dist/types/components/Icon/Icon.d.ts +2 -2
- package/dist/types/components/ImpactCard/index.d.ts +1 -1
- package/dist/types/components/InformationCard/InformationCard.d.ts +2 -2
- package/dist/types/components/InformationCard/index.d.ts +1 -1
- package/dist/types/components/MediaCard/index.d.ts +1 -1
- package/dist/types/components/PaginationSimple/PaginationSimple.d.ts +24 -16
- package/dist/types/components/Spinner/Spinner.d.ts +16 -0
- package/dist/types/components/Spinner/index.d.ts +1 -0
- package/dist/types/components/Surface/Surface.d.ts +4 -0
- package/dist/types/components/Tabs/TabsList/TabsList.d.ts +5 -0
- package/dist/types/components/Text/Text.d.ts +4 -0
- package/dist/types/components/TextInput/TextInput.d.ts +2 -2
- package/dist/types/components/ThemeIcon/icon-names.d.ts +1 -1
- package/dist/types/components/Truncate/Truncate.d.ts +1 -1
- package/dist/types/components/TypographyCard/index.d.ts +1 -1
- package/dist/types/components/VideoPlayer/VideoPlayer.d.ts +9 -0
- package/dist/types/components/index.d.ts +4 -0
- package/dist/types/styles.d.ts +6 -1
- package/package.json +21 -18
- package/dist/_shared/cjs/ArcIconEclipse.esm-ac777a76.js +0 -28
- package/dist/_shared/cjs/BtIconArrowRight.esm-6053bb79.js +0 -30
- package/dist/_shared/cjs/BtIconChevronRightMid.esm-3e8d18a9.js +0 -28
- package/dist/_shared/cjs/BtIconPlayFill.esm-b8997cfc.js +0 -30
- package/dist/_shared/cjs/CardFooter-a1bb3ded.js +0 -79
- package/dist/_shared/cjs/Tag-4eb2ed9e.js +0 -44
- package/dist/_shared/esm/ArcIconEclipse.esm-bb48b82a.js +0 -22
- package/dist/_shared/esm/BtIconArrowRight.esm-93da96bb.js +0 -24
- package/dist/_shared/esm/BtIconChevronRightMid.esm-4764708f.js +0 -22
- package/dist/_shared/esm/BtIconPlayFill.esm-05fc0344.js +0 -24
- package/dist/_shared/esm/CardFooter-e4380cda.js +0 -73
- package/dist/_shared/esm/Tag-1ae027ee.js +0 -38
- package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Todo.d.ts +0 -2
- package/dist/_shared/cjs/{index-6f33b8c0.js → index-76f7dd53.js} +8 -8
package/dist/Alert/Alert.cjs.js
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
5
|
+
var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var index = require('../_shared/cjs/index-9947ac13.js');
|
|
8
|
-
var Icon = require('../_shared/cjs/Icon-
|
|
9
|
-
var ThemeIcon = require('../_shared/cjs/ThemeIcon-
|
|
10
|
-
require('../_shared/cjs/Surface-
|
|
8
|
+
var Icon = require('../_shared/cjs/Icon-859c6c00.js');
|
|
9
|
+
var ThemeIcon = require('../_shared/cjs/ThemeIcon-6b10d20a.js');
|
|
10
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
package/dist/Alert/Alert.esm.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-
|
|
1
|
+
import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
|
|
2
2
|
import React__default, { useState } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
|
|
4
|
-
import { I as Icon } from '../_shared/esm/Icon-
|
|
5
|
-
import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-
|
|
6
|
-
import '../_shared/esm/Surface-
|
|
4
|
+
import { I as Icon } from '../_shared/esm/Icon-3e813b34.js';
|
|
5
|
+
import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-810de4bc.js';
|
|
6
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
|
7
7
|
|
|
8
8
|
/** Use `Alert` to inform the user of important changes or actions. */
|
|
9
9
|
var Alert = function (_a) {
|
package/dist/Alert/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-Alert{background-color:var(--alert-colors-status-light-bg-subtle-default);border-color:var(--alert-colors-status-light-border-default);border-radius:var(--alert-border-radius-s);border-style:solid;border-width:var(--alert-border-weight-s) var(--alert-border-weight-s) var(--alert-border-weight-s) var(--alert-border-weight-m);
|
|
1
|
+
.arc .arc-Alert{background-color:var(--alert-colors-status-light-bg-subtle-default);border-color:var(--alert-colors-status-light-border-default);border-radius:var(--alert-border-radius-s);border-style:solid;border-width:var(--alert-border-weight-s) var(--alert-border-weight-s) var(--alert-border-weight-s) var(--alert-border-weight-m);display:flex;padding:calc(var(--alert-padding-s) - var(--alert-border-weight-s)) calc(var(--alert-padding-m) - var(--alert-border-weight-s)) calc(var(--alert-padding-s) - var(--alert-border-weight-s)) calc(var(--alert-padding-m) - var(--alert-border-weight-m))}.arc .arc-Alert-icon{color:var(--alert-colors-status-light-text-default)}.arc .arc-Alert-content{display:flex;flex-direction:column;gap:var(--alert-gap-s);padding:0 var(--alert-padding-xs)}.arc .arc-Alert-heading{color:var(--alert-colors-status-light-text-default);font:var(--sem-type-interface-alert-title-m)}.arc .arc-Alert-description{color:var(--alert-colors-status-light-text-default);font:var(--sem-type-body-reg-s)}.arc .arc-Alert-dismiss{align-self:flex-start;background-color:transparent;border:none;color:var(--alert-colors-status-light-text-default);margin-left:auto;padding:0;position:relative}.arc .arc-Alert-dismiss:focus-visible{outline:none}.arc .arc-Alert-dismiss:focus-visible::after{border-radius:100%;bottom:0;content:"";height:24px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;right:0;width:24px}.arc a.arc-Alert-link{color:var(--alert-colors-status-light-text-default);font:var(--sem-type-body-reg-s);padding-bottom:var(--alert-padding-xxs);padding-top:var(--alert-padding-xxs);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc .arc-Alert-link:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Alert-dismiss:hover{cursor:pointer}.arc .arc-Alert--error{background-color:var(--alert-colors-status-light-bg-subtle-error);border-color:var(--alert-colors-status-light-border-error)}.arc .arc-Alert--warning{background-color:var(--alert-colors-status-light-bg-subtle-warning);border-color:var(--alert-colors-status-light-border-warning)}.arc .arc-Alert--success{background-color:var(--alert-colors-status-light-bg-subtle-success);border-color:var(--alert-colors-status-light-border-success)}
|
package/dist/Align/Align.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
5
|
+
var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
|
|
6
6
|
var index = require('../_shared/cjs/index-9947ac13.js');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
|
package/dist/Align/Align.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from '../_shared/esm/index.es-
|
|
1
|
+
import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
|
|
2
2
|
import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
5
|
+
var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-
|
|
7
|
+
var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-821078c9.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-
|
|
1
|
+
import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-
|
|
3
|
+
import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-fee374a8.js';
|
|
4
4
|
|
|
5
5
|
var GooglePlayIcon = function () { return (React__default.createElement("svg", { "aria-hidden": true, role: "presentation", xmlns: "http://www.w3.org/2000/svg", id: "artwork", version: "1.1", height: "48", width: "162", viewBox: "0 0 135 40" },
|
|
6
6
|
React__default.createElement("defs", null,
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Avatar = require('../_shared/cjs/Avatar-
|
|
6
|
-
require('../_shared/cjs/index.es-
|
|
5
|
+
var Avatar = require('../_shared/cjs/Avatar-7478d063.js');
|
|
6
|
+
require('../_shared/cjs/index.es-b404d2c5.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../_shared/cjs/index-9947ac13.js');
|
|
9
9
|
require('../_shared/cjs/ConditionalWrapper-bf944594.js');
|
|
10
|
-
require('../_shared/cjs/ThemeIcon-
|
|
11
|
-
require('../_shared/cjs/Surface-
|
|
12
|
-
require('../_shared/cjs/Image-
|
|
13
|
-
require('../_shared/cjs/Heading-
|
|
10
|
+
require('../_shared/cjs/ThemeIcon-6b10d20a.js');
|
|
11
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
12
|
+
require('../_shared/cjs/Image-b807e951.js');
|
|
13
|
+
require('../_shared/cjs/Heading-cb321adf.js');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { A as Avatar } from '../_shared/esm/Avatar-
|
|
2
|
-
import '../_shared/esm/index.es-
|
|
1
|
+
export { A as Avatar } from '../_shared/esm/Avatar-b2fde5c6.js';
|
|
2
|
+
import '../_shared/esm/index.es-4921e8dd.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
5
5
|
import '../_shared/esm/ConditionalWrapper-b85979de.js';
|
|
6
|
-
import '../_shared/esm/ThemeIcon-
|
|
7
|
-
import '../_shared/esm/Surface-
|
|
8
|
-
import '../_shared/esm/Image-
|
|
9
|
-
import '../_shared/esm/Heading-
|
|
6
|
+
import '../_shared/esm/ThemeIcon-810de4bc.js';
|
|
7
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
|
8
|
+
import '../_shared/esm/Image-85c39506.js';
|
|
9
|
+
import '../_shared/esm/Heading-14df0c64.js';
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
5
|
+
var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var index = require('../_shared/cjs/index-9947ac13.js');
|
|
8
|
-
var Avatar = require('../_shared/cjs/Avatar-
|
|
8
|
+
var Avatar = require('../_shared/cjs/Avatar-7478d063.js');
|
|
9
9
|
var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-bf944594.js');
|
|
10
|
-
require('../_shared/cjs/ThemeIcon-
|
|
11
|
-
require('../_shared/cjs/Surface-
|
|
12
|
-
require('../_shared/cjs/Image-
|
|
13
|
-
require('../_shared/cjs/Heading-
|
|
10
|
+
require('../_shared/cjs/ThemeIcon-6b10d20a.js');
|
|
11
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
12
|
+
require('../_shared/cjs/Image-b807e951.js');
|
|
13
|
+
require('../_shared/cjs/Heading-cb321adf.js');
|
|
14
14
|
|
|
15
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
16
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-
|
|
1
|
+
import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
|
|
2
2
|
import React__default, { useId } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
|
|
4
|
-
import { A as Avatar } from '../_shared/esm/Avatar-
|
|
4
|
+
import { A as Avatar } from '../_shared/esm/Avatar-b2fde5c6.js';
|
|
5
5
|
import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-b85979de.js';
|
|
6
|
-
import '../_shared/esm/ThemeIcon-
|
|
7
|
-
import '../_shared/esm/Surface-
|
|
8
|
-
import '../_shared/esm/Image-
|
|
9
|
-
import '../_shared/esm/Heading-
|
|
6
|
+
import '../_shared/esm/ThemeIcon-810de4bc.js';
|
|
7
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
|
8
|
+
import '../_shared/esm/Image-85c39506.js';
|
|
9
|
+
import '../_shared/esm/Heading-14df0c64.js';
|
|
10
10
|
|
|
11
11
|
var getAvatars = function (avatars, max) {
|
|
12
12
|
var maxAvatars = avatars.slice(0, max);
|
package/dist/Badge/Badge.cjs.js
CHANGED
|
@@ -2,18 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
var Badge = require('../_shared/cjs/Badge-ca986033.js');
|
|
6
|
+
require('../_shared/cjs/index.es-b404d2c5.js');
|
|
7
|
+
require('react');
|
|
8
|
+
require('../_shared/cjs/index-9947ac13.js');
|
|
8
9
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
11
|
|
|
13
|
-
|
|
14
|
-
var Badge = function (_a) {
|
|
15
|
-
var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = index_es.__rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
|
|
16
|
-
return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Badge", index_es.suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), index_es.filterDataAttrs(props)), children));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
exports.Badge = Badge;
|
|
12
|
+
exports.Badge = Badge.Badge;
|
package/dist/Badge/Badge.esm.js
CHANGED
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
/** Use `Badge` as a static, non-interactive way to provide short updates. */
|
|
6
|
-
var Badge = function (_a) {
|
|
7
|
-
var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = __rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
|
|
8
|
-
return (React__default.createElement("div", __assign({ className: classNames("arc-Badge", suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), filterDataAttrs(props)), children));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { Badge };
|
|
1
|
+
export { B as Badge } from '../_shared/esm/Badge-a6bda4a7.js';
|
|
2
|
+
import '../_shared/esm/index.es-4921e8dd.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import '../_shared/esm/index-2e73c2e9.js';
|
package/dist/Box/Box.cjs.js
CHANGED
|
@@ -2,30 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
var Box = require('../_shared/cjs/Box-e225b4a4.js');
|
|
6
|
+
require('../_shared/cjs/index.es-b404d2c5.js');
|
|
7
|
+
require('react');
|
|
8
|
+
require('../_shared/cjs/index-9947ac13.js');
|
|
9
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
9
10
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
12
|
|
|
14
|
-
|
|
15
|
-
* Use `Box` as a simple way to group bespoke content and interactive elements together.
|
|
16
|
-
*/
|
|
17
|
-
var Box = function (_a) {
|
|
18
|
-
var _b;
|
|
19
|
-
var children = _a.children, borderWidth = _a.borderWidth, elevationLevel = _a.elevationLevel, padding = _a.padding, _c = _a.isFullHeight, isFullHeight = _c === void 0 ? false : _c, _d = _a.isBorderRadius, isBorderRadius = _d === void 0 ? false : _d, _e = _a.surface, surface = _e === void 0 ? "light-white" : _e, props = index_es.__rest(_a, ["children", "borderWidth", "elevationLevel", "padding", "isFullHeight", "isBorderRadius", "surface"]);
|
|
20
|
-
return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Box", (_b = {},
|
|
21
|
-
_b["arc-Box--fullHeight"] = isFullHeight,
|
|
22
|
-
_b["arc-Box--borderRadius"] = isBorderRadius,
|
|
23
|
-
_b["arc-Box--borderThin"] = borderWidth === "thin",
|
|
24
|
-
_b["arc-Box--borderMedium"] = borderWidth === "medium",
|
|
25
|
-
_b["arc-Box--elevation1"] = elevationLevel === "1",
|
|
26
|
-
_b["arc-Box--elevation2"] = elevationLevel === "2",
|
|
27
|
-
_b)) }, index_es.filterDataAttrs(props)),
|
|
28
|
-
React__default["default"].createElement(Surface.Surface, { padding: padding, background: surface }, children)));
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
exports.Box = Box;
|
|
13
|
+
exports.Box = Box.Box;
|
package/dist/Box/Box.esm.js
CHANGED
|
@@ -1,23 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Use `Box` as a simple way to group bespoke content and interactive elements together.
|
|
8
|
-
*/
|
|
9
|
-
var Box = function (_a) {
|
|
10
|
-
var _b;
|
|
11
|
-
var children = _a.children, borderWidth = _a.borderWidth, elevationLevel = _a.elevationLevel, padding = _a.padding, _c = _a.isFullHeight, isFullHeight = _c === void 0 ? false : _c, _d = _a.isBorderRadius, isBorderRadius = _d === void 0 ? false : _d, _e = _a.surface, surface = _e === void 0 ? "light-white" : _e, props = __rest(_a, ["children", "borderWidth", "elevationLevel", "padding", "isFullHeight", "isBorderRadius", "surface"]);
|
|
12
|
-
return (React__default.createElement("div", __assign({ className: classNames("arc-Box", (_b = {},
|
|
13
|
-
_b["arc-Box--fullHeight"] = isFullHeight,
|
|
14
|
-
_b["arc-Box--borderRadius"] = isBorderRadius,
|
|
15
|
-
_b["arc-Box--borderThin"] = borderWidth === "thin",
|
|
16
|
-
_b["arc-Box--borderMedium"] = borderWidth === "medium",
|
|
17
|
-
_b["arc-Box--elevation1"] = elevationLevel === "1",
|
|
18
|
-
_b["arc-Box--elevation2"] = elevationLevel === "2",
|
|
19
|
-
_b)) }, filterDataAttrs(props)),
|
|
20
|
-
React__default.createElement(Surface, { padding: padding, background: surface }, children)));
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { Box };
|
|
1
|
+
export { B as Box } from '../_shared/esm/Box-2a1645ed.js';
|
|
2
|
+
import '../_shared/esm/index.es-4921e8dd.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import '../_shared/esm/index-2e73c2e9.js';
|
|
5
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
package/dist/Box/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-Box{border:0 solid var(--box-colors-light-border-subtle);overflow:hidden}.arc .arc-Box--fullHeight,.arc .arc-Box--fullHeight>:first-child{height:100%}.arc .arc-Box--borderRadius{border-radius:var(--box-border-radius-s)}.arc .arc-Box--borderThin{border-width:var(--box-border-weight-xs)}.arc .arc-Box--borderMedium{border-width:var(--box-border-weight-s)}.arc .arc-Box--elevation1{box-shadow:var(--
|
|
1
|
+
.arc .arc-Box{border:0 solid var(--box-colors-light-border-subtle);overflow:hidden}.arc .arc-Box--fullHeight,.arc .arc-Box--fullHeight>:first-child{height:100%}.arc .arc-Box--borderRadius{border-radius:var(--box-border-radius-s)}.arc .arc-Box--borderThin{border-width:var(--box-border-weight-xs)}.arc .arc-Box--borderMedium{border-width:var(--box-border-weight-s)}.arc .arc-Box--elevation1{box-shadow:var(--elevation-02)}.arc .arc-Box--elevation2{box-shadow:var(--elevation-05)}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var BrandLogo = require('../_shared/cjs/BrandLogo-
|
|
6
|
-
require('../_shared/cjs/index.es-
|
|
5
|
+
var BrandLogo = require('../_shared/cjs/BrandLogo-bf632f2b.js');
|
|
6
|
+
require('../_shared/cjs/index.es-b404d2c5.js');
|
|
7
7
|
require('../_shared/cjs/index-9947ac13.js');
|
|
8
8
|
require('react');
|
|
9
|
-
require('../_shared/cjs/Surface-
|
|
9
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { B as BrandLogo } from '../_shared/esm/BrandLogo-
|
|
2
|
-
import '../_shared/esm/index.es-
|
|
1
|
+
export { B as BrandLogo } from '../_shared/esm/BrandLogo-3424eb79.js';
|
|
2
|
+
import '../_shared/esm/index.es-4921e8dd.js';
|
|
3
3
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
4
4
|
import 'react';
|
|
5
|
-
import '../_shared/esm/Surface-
|
|
5
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bt-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M26.225 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65zM25 46.925c-12.1 0-21.925-9.825-21.925-21.924C3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.926 12.9 46.926 25c0 12.1-9.825 21.926-21.926 21.926zM25 50c13.8 0 25-11.2 25-25C50 11.199 38.8 0 25 0S0 11.2 0 25c0 13.801 11.2 25 25 25zm-4.225-21.725c0-1.074-.674-1.8-1.825-1.8H16.2v3.55h2.75c1.15 0 1.825-.725 1.825-1.75zm-.5-6.824c0-.9-.574-1.526-1.55-1.526h-2.524v3.1h2.525c.975 0 1.55-.624 1.55-1.574zm4.65 7.025c0 3.225-2.275 5-5.524 5h-7.246v-17h6.771c3.275 0 5.5 1.674 5.5 4.75 0 1.399-.625 2.649-1.625 3.4 1.15.674 2.124 1.974 2.124 3.85z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-redcare-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 169 50'%3E%3Cpath d='M25 0C11.285 0 0 11.285 0 25s11.285 25 25 25 25-11.285 25-25C49.995 11.287 38.713.005 25 0Zm0 46.92h-.005c-12.028 0-21.925-9.897-21.925-21.925S12.967 3.07 24.995 3.07 46.92 12.967 46.92 24.995V25C46.911 37.022 37.022 46.911 25 46.92Zm95.636-16.632-2.683-2.44-.153.19a5.93 5.93 0 0 1-1.965 1.626 5.484 5.484 0 0 1-2.415.508 4.314 4.314 0 0 1-2.323-.65 4.609 4.609 0 0 1-1.653-1.828 6.386 6.386 0 0 1 0-5.456 4.627 4.627 0 0 1 1.642-1.824 4.267 4.267 0 0 1 2.31-.65 5.014 5.014 0 0 1 2.317.521c.746.411 1.4.97 1.923 1.642l.153.187 2.686-2.436-.142-.176a9.26 9.26 0 0 0-3.09-2.47 8.886 8.886 0 0 0-3.84-.802 9.082 9.082 0 0 0-3.428.644 8.536 8.536 0 0 0-2.798 1.824 8.35 8.35 0 0 0-1.871 2.785 9.462 9.462 0 0 0 0 6.978 8.36 8.36 0 0 0 4.672 4.6 9.204 9.204 0 0 0 3.44.642 9.37 9.37 0 0 0 3.909-.788 9.195 9.195 0 0 0 3.16-2.457l.15-.17h-.001ZM22.8 24.626a4.224 4.224 0 0 0 1.625-3.4c0-3.075-2.224-4.751-5.5-4.751h-6.77v17h7.248c3.25 0 5.526-1.774 5.526-5-.003-1.875-.979-3.175-2.129-3.849Zm3.425-4.501H30.4v13.35h4.1v-13.35h4.175v-3.65h-12.45v3.65Zm126.251 4.57a5.193 5.193 0 0 0 .866-2.976 5.303 5.303 0 0 0-.68-2.7 4.818 4.818 0 0 0-1.98-1.861c-.857-.448-1.915-.676-3.143-.676h-8.354v16.992h4.097v-6.336h2.984l3.235 6.329h4.586l-3.86-7.028a4.777 4.777 0 0 0 2.25-1.744h-.001Zm-75.218 1.947h6.115V23.16h-6.115v-3.2h8.714v-3.484H73.16v16.992h13.048v-3.484h-8.95v-3.342Zm-6.888-1.947a5.193 5.193 0 0 0 .866-2.976 5.306 5.306 0 0 0-.68-2.707 4.825 4.825 0 0 0-1.98-1.861c-.86-.448-1.916-.676-3.135-.676H57.08v16.992h4.095v-6.33h2.983l3.235 6.33h4.586l-3.86-7.028a4.787 4.787 0 0 0 2.252-1.744h-.001Zm28.995-7.144c-1.436-.706-3.175-1.076-5.193-1.076h-6.228v16.992h6.228c2.01 0 3.757-.353 5.193-1.074a7.914 7.914 0 0 0 3.33-3 8.457 8.457 0 0 0 1.154-4.409 8.44 8.44 0 0 0-1.154-4.41 7.894 7.894 0 0 0-3.33-3.023Zm32.205-1.076h-4.279l-6.816 16.992h4.234l1.41-3.683h6.527l1.411 3.683h4.358l-6.786-16.847-.06-.145h.001Zm27.747 13.508v-3.34h6.117v-3.485h-6.117v-3.2h8.715v-3.483h-12.81v16.992h13.047v-3.484h-8.952Zm-140.367.042v.008-.001H16.2v-3.557h2.75c1.15 0 1.825.725 1.825 1.8 0 1.025-.666 1.75-1.825 1.75Zm80.711-5.054c0 1.534-.469 2.765-1.395 3.66-.926.897-2.309 1.356-4.094 1.356h-2.13V19.959h2.13c1.787 0 3.163.458 4.09 1.363.928.905 1.4 2.138 1.4 3.65l-.001-.001Zm27.694 1.588 2.029-5.335 2.05 5.335h-4.079Zm-60.312-4.744a2.02 2.02 0 0 1-.494 1.437c-.323.353-.834.53-1.519.53h-3.856v-3.919h3.856c.706 0 1.216.177 1.53.53.337.392.51.898.483 1.414v.008Zm82.108 0a2.024 2.024 0 0 1-.494 1.437c-.322.353-.833.53-1.52.53h-3.855v-3.919h3.855c.705 0 1.215.177 1.53.53.337.391.51.898.484 1.414v.008ZM16.2 19.932h2.526c.973 0 1.548.625 1.548 1.526 0 .949-.575 1.575-1.548 1.575H16.2v-3.101Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-wholesale-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 203 50'%3E%3Cpath d='M26.226 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65ZM25 46.925C12.9 46.925 3.075 37.1 3.075 25 3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.925 12.9 46.925 25c0 12.1-9.825 21.925-21.925 21.925ZM25 50c13.8 0 25-11.2 25-25S38.8 0 25 0 0 11.2 0 25s11.2 25 25 25Zm-4.225-21.724c0-1.075-.675-1.8-1.825-1.8H16.2v3.551h2.75c1.15-.002 1.825-.727 1.825-1.751Zm-.5-6.825c0-.9-.576-1.526-1.551-1.526H16.2v3.1h2.526c.973.001 1.549-.625 1.549-1.574Zm4.65 7.024c0 3.224-2.274 5-5.524 5h-7.246v-17h6.772c3.275 0 5.5 1.676 5.5 4.75 0 1.4-.625 2.65-1.625 3.401 1.149.674 2.124 1.974 2.124 3.849Zm48.125.125-3.284-12.125h-3.942l-3.307 12.219-2.948-12.219h-4.364l4.93 16.995h4.458l3.13-11.268 3.109 11.268h4.459l4.928-16.995h-4.245L73.049 28.6Zm19.122-5.44H85.1v-6.685H81V33.47h4.1v-6.824h7.072v6.824h4.1V16.475h-4.1v6.685Zm20.784-4.471a8.77 8.77 0 0 0-2.873-1.808 9.774 9.774 0 0 0-3.556-.642c-1.267 0-2.463.215-3.556.642a8.753 8.753 0 0 0-2.874 1.808 8.224 8.224 0 0 0-1.908 2.769c-.452 1.064-.68 2.245-.68 3.516 0 1.27.23 2.451.68 3.515a8.224 8.224 0 0 0 1.908 2.77 8.773 8.773 0 0 0 2.874 1.807 9.773 9.773 0 0 0 3.555.642c1.267 0 2.463-.215 3.557-.642a8.716 8.716 0 0 0 2.873-1.808 8.195 8.195 0 0 0 1.907-2.769c.451-1.064.679-2.245.679-3.515 0-1.269-.23-2.452-.68-3.516a8.194 8.194 0 0 0-1.906-2.77Zm-1.605 6.285c0 1.042-.214 1.961-.633 2.735a4.67 4.67 0 0 1-1.722 1.814c-.723.432-1.554.652-2.468.652-.898 0-1.721-.218-2.445-.652a4.772 4.772 0 0 1-1.735-1.815c-.427-.773-.644-1.692-.644-2.734 0-1.043.217-1.967.644-2.747a4.653 4.653 0 0 1 1.734-1.813c.723-.425 1.547-.642 2.445-.642.913 0 1.744.215 2.469.642a4.577 4.577 0 0 1 1.72 1.811c.421.782.635 1.706.635 2.748Zm9.53-8.499h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 10.171h6.118V23.16h-6.118v-3.2h8.716v-3.485h-12.814V33.47h13.05v-3.483h-8.952v-3.341Zm22.279-1.113c-.688-.819-1.823-1.464-3.371-1.916l-2.644-.78c-.685-.208-1.17-.451-1.439-.721a1.275 1.275 0 0 1-.381-.947c0-.415.174-.75.534-1.02.374-.282 1.015-.425 1.904-.425a5.2 5.2 0 0 1 2.09.418 5.24 5.24 0 0 1 1.62 1.074l.17.171 2.318-2.563-.156-.155c-.695-.695-1.58-1.279-2.632-1.737-1.058-.459-2.23-.692-3.483-.692-1.239 0-2.359.214-3.329.634-.978.425-1.758 1.03-2.316 1.8-.563.777-.846 1.698-.846 2.735 0 1.137.347 2.122 1.035 2.924.68.796 1.715 1.402 3.075 1.808l2.646.78c.871.256 1.447.526 1.718.8.257.265.382.595.382 1.008 0 .453-.211.8-.645 1.065-.466.284-1.124.427-1.958.427-.912 0-1.766-.15-2.538-.444a6.99 6.99 0 0 1-2.126-1.292l-.178-.157-2.251 2.712.157.148a8.77 8.77 0 0 0 3.117 1.88 11.47 11.47 0 0 0 3.846.639c.707 0 1.451-.094 2.215-.279a8.06 8.06 0 0 0 2.176-.875 4.942 4.942 0 0 0 1.685-1.61c.433-.672.651-1.49.651-2.428 0-1.151-.352-2.155-1.046-2.982Zm7.387-9.058-6.822 16.995h4.231l1.416-3.684h6.532l1.417 3.684h4.351l-6.846-16.995h-4.279Zm4.142 10.086h-4.077l2.03-5.334 2.047 5.334Zm12.046-10.086h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 13.512v-3.341h6.117V23.16h-6.117v-3.2h8.715v-3.485h-12.814V33.47h13.052v-3.483h-8.953Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-ee-logo:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 32"%3E%3Cpath d="M15.928 15.998a9.034 9.034 0 0 0 3.101-6.819c.005-5-4.05-9.055-9.05-9.055-5 0-9.055 4.055-9.055 9.055 0 2.72 1.202 5.16 3.101 6.819a9.056 9.056 0 1 0 15.008 6.823 9.024 9.024 0 0 0-3.105-6.823ZM8.75 20.372a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.683.683 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.729.729 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.759.759 0 0 1-.244.284.734.734 0 0 1 .324.608Zm0-13.642a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.682.682 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.73.73 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.758.758 0 0 1-.244.284.734.734 0 0 1 .324.608Z"/%3E%3C/svg%3E')}.arc .arc-BrandLogo{background-color:currentColor;-webkit-mask-image:var(--bt-logo);mask-image:var(--bt-logo);-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:34px}.arc .arc-BrandLogo::after{content:"";display:block;padding-top:100%}.arc .arc-BrandLogo-text{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arc .arc-BrandLogo--subBrandRedcare{-webkit-mask-image:var(--bt-redcare-logo);mask-image:var(--bt-redcare-logo);width:116px}.arc .arc-BrandLogo--subBrandRedcare::after{padding-top:29.3%}.arc .arc-BrandLogo--subBrandWholesale{-webkit-mask-image:var(--bt-wholesale-logo);mask-image:var(--bt-wholesale-logo);width:140px}.arc .arc-BrandLogo--subBrandWholesale::after{padding-top:24.3%}.arc .arc-BrandLogo--colorBrand{background-color:var(--logos-colors-light-fg-default)}.arc .arc-BrandLogo--colorBrand.arc-BrandLogo--onDarkSurface{background-color:var(--logos-colors-dark-fg-default)}.arc .arc-BrandLogo--subBrandEe{-webkit-mask-image:var(--bt-ee-logo);mask-image:var(--bt-ee-logo)}
|
|
1
|
+
:root{--bt-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M26.225 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65zM25 46.925c-12.1 0-21.925-9.825-21.925-21.924C3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.926 12.9 46.926 25c0 12.1-9.825 21.926-21.926 21.926zM25 50c13.8 0 25-11.2 25-25C50 11.199 38.8 0 25 0S0 11.2 0 25c0 13.801 11.2 25 25 25zm-4.225-21.725c0-1.074-.674-1.8-1.825-1.8H16.2v3.55h2.75c1.15 0 1.825-.725 1.825-1.75zm-.5-6.824c0-.9-.574-1.526-1.55-1.526h-2.524v3.1h2.525c.975 0 1.55-.624 1.55-1.574zm4.65 7.025c0 3.225-2.275 5-5.524 5h-7.246v-17h6.771c3.275 0 5.5 1.674 5.5 4.75 0 1.399-.625 2.649-1.625 3.4 1.15.674 2.124 1.974 2.124 3.85z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-redcare-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 169 50'%3E%3Cpath d='M25 0C11.285 0 0 11.285 0 25s11.285 25 25 25 25-11.285 25-25C49.995 11.287 38.713.005 25 0Zm0 46.92h-.005c-12.028 0-21.925-9.897-21.925-21.925S12.967 3.07 24.995 3.07 46.92 12.967 46.92 24.995V25C46.911 37.022 37.022 46.911 25 46.92Zm95.636-16.632-2.683-2.44-.153.19a5.93 5.93 0 0 1-1.965 1.626 5.484 5.484 0 0 1-2.415.508 4.314 4.314 0 0 1-2.323-.65 4.609 4.609 0 0 1-1.653-1.828 6.386 6.386 0 0 1 0-5.456 4.627 4.627 0 0 1 1.642-1.824 4.267 4.267 0 0 1 2.31-.65 5.014 5.014 0 0 1 2.317.521c.746.411 1.4.97 1.923 1.642l.153.187 2.686-2.436-.142-.176a9.26 9.26 0 0 0-3.09-2.47 8.886 8.886 0 0 0-3.84-.802 9.082 9.082 0 0 0-3.428.644 8.536 8.536 0 0 0-2.798 1.824 8.35 8.35 0 0 0-1.871 2.785 9.462 9.462 0 0 0 0 6.978 8.36 8.36 0 0 0 4.672 4.6 9.204 9.204 0 0 0 3.44.642 9.37 9.37 0 0 0 3.909-.788 9.195 9.195 0 0 0 3.16-2.457l.15-.17h-.001ZM22.8 24.626a4.224 4.224 0 0 0 1.625-3.4c0-3.075-2.224-4.751-5.5-4.751h-6.77v17h7.248c3.25 0 5.526-1.774 5.526-5-.003-1.875-.979-3.175-2.129-3.849Zm3.425-4.501H30.4v13.35h4.1v-13.35h4.175v-3.65h-12.45v3.65Zm126.251 4.57a5.193 5.193 0 0 0 .866-2.976 5.303 5.303 0 0 0-.68-2.7 4.818 4.818 0 0 0-1.98-1.861c-.857-.448-1.915-.676-3.143-.676h-8.354v16.992h4.097v-6.336h2.984l3.235 6.329h4.586l-3.86-7.028a4.777 4.777 0 0 0 2.25-1.744h-.001Zm-75.218 1.947h6.115V23.16h-6.115v-3.2h8.714v-3.484H73.16v16.992h13.048v-3.484h-8.95v-3.342Zm-6.888-1.947a5.193 5.193 0 0 0 .866-2.976 5.306 5.306 0 0 0-.68-2.707 4.825 4.825 0 0 0-1.98-1.861c-.86-.448-1.916-.676-3.135-.676H57.08v16.992h4.095v-6.33h2.983l3.235 6.33h4.586l-3.86-7.028a4.787 4.787 0 0 0 2.252-1.744h-.001Zm28.995-7.144c-1.436-.706-3.175-1.076-5.193-1.076h-6.228v16.992h6.228c2.01 0 3.757-.353 5.193-1.074a7.914 7.914 0 0 0 3.33-3 8.457 8.457 0 0 0 1.154-4.409 8.44 8.44 0 0 0-1.154-4.41 7.894 7.894 0 0 0-3.33-3.023Zm32.205-1.076h-4.279l-6.816 16.992h4.234l1.41-3.683h6.527l1.411 3.683h4.358l-6.786-16.847-.06-.145h.001Zm27.747 13.508v-3.34h6.117v-3.485h-6.117v-3.2h8.715v-3.483h-12.81v16.992h13.047v-3.484h-8.952Zm-140.367.042v.008-.001H16.2v-3.557h2.75c1.15 0 1.825.725 1.825 1.8 0 1.025-.666 1.75-1.825 1.75Zm80.711-5.054c0 1.534-.469 2.765-1.395 3.66-.926.897-2.309 1.356-4.094 1.356h-2.13V19.959h2.13c1.787 0 3.163.458 4.09 1.363.928.905 1.4 2.138 1.4 3.65l-.001-.001Zm27.694 1.588 2.029-5.335 2.05 5.335h-4.079Zm-60.312-4.744a2.02 2.02 0 0 1-.494 1.437c-.323.353-.834.53-1.519.53h-3.856v-3.919h3.856c.706 0 1.216.177 1.53.53.337.392.51.898.483 1.414v.008Zm82.108 0a2.024 2.024 0 0 1-.494 1.437c-.322.353-.833.53-1.52.53h-3.855v-3.919h3.855c.705 0 1.215.177 1.53.53.337.391.51.898.484 1.414v.008ZM16.2 19.932h2.526c.973 0 1.548.625 1.548 1.526 0 .949-.575 1.575-1.548 1.575H16.2v-3.101Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-wholesale-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 203 50'%3E%3Cpath d='M26.226 16.475h12.45v3.65H34.5v13.35h-4.1v-13.35h-4.175v-3.65ZM25 46.925C12.9 46.925 3.075 37.1 3.075 25 3.075 12.9 12.9 3.075 25 3.075 37.1 3.075 46.925 12.9 46.925 25c0 12.1-9.825 21.925-21.925 21.925ZM25 50c13.8 0 25-11.2 25-25S38.8 0 25 0 0 11.2 0 25s11.2 25 25 25Zm-4.225-21.724c0-1.075-.675-1.8-1.825-1.8H16.2v3.551h2.75c1.15-.002 1.825-.727 1.825-1.751Zm-.5-6.825c0-.9-.576-1.526-1.551-1.526H16.2v3.1h2.526c.973.001 1.549-.625 1.549-1.574Zm4.65 7.024c0 3.224-2.274 5-5.524 5h-7.246v-17h6.772c3.275 0 5.5 1.676 5.5 4.75 0 1.4-.625 2.65-1.625 3.401 1.149.674 2.124 1.974 2.124 3.849Zm48.125.125-3.284-12.125h-3.942l-3.307 12.219-2.948-12.219h-4.364l4.93 16.995h4.458l3.13-11.268 3.109 11.268h4.459l4.928-16.995h-4.245L73.049 28.6Zm19.122-5.44H85.1v-6.685H81V33.47h4.1v-6.824h7.072v6.824h4.1V16.475h-4.1v6.685Zm20.784-4.471a8.77 8.77 0 0 0-2.873-1.808 9.774 9.774 0 0 0-3.556-.642c-1.267 0-2.463.215-3.556.642a8.753 8.753 0 0 0-2.874 1.808 8.224 8.224 0 0 0-1.908 2.769c-.452 1.064-.68 2.245-.68 3.516 0 1.27.23 2.451.68 3.515a8.224 8.224 0 0 0 1.908 2.77 8.773 8.773 0 0 0 2.874 1.807 9.773 9.773 0 0 0 3.555.642c1.267 0 2.463-.215 3.557-.642a8.716 8.716 0 0 0 2.873-1.808 8.195 8.195 0 0 0 1.907-2.769c.451-1.064.679-2.245.679-3.515 0-1.269-.23-2.452-.68-3.516a8.194 8.194 0 0 0-1.906-2.77Zm-1.605 6.285c0 1.042-.214 1.961-.633 2.735a4.67 4.67 0 0 1-1.722 1.814c-.723.432-1.554.652-2.468.652-.898 0-1.721-.218-2.445-.652a4.772 4.772 0 0 1-1.735-1.815c-.427-.773-.644-1.692-.644-2.734 0-1.043.217-1.967.644-2.747a4.653 4.653 0 0 1 1.734-1.813c.723-.425 1.547-.642 2.445-.642.913 0 1.744.215 2.469.642a4.577 4.577 0 0 1 1.72 1.811c.421.782.635 1.706.635 2.748Zm9.53-8.499h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 10.171h6.118V23.16h-6.118v-3.2h8.716v-3.485h-12.814V33.47h13.05v-3.483h-8.952v-3.341Zm22.279-1.113c-.688-.819-1.823-1.464-3.371-1.916l-2.644-.78c-.685-.208-1.17-.451-1.439-.721a1.275 1.275 0 0 1-.381-.947c0-.415.174-.75.534-1.02.374-.282 1.015-.425 1.904-.425a5.2 5.2 0 0 1 2.09.418 5.24 5.24 0 0 1 1.62 1.074l.17.171 2.318-2.563-.156-.155c-.695-.695-1.58-1.279-2.632-1.737-1.058-.459-2.23-.692-3.483-.692-1.239 0-2.359.214-3.329.634-.978.425-1.758 1.03-2.316 1.8-.563.777-.846 1.698-.846 2.735 0 1.137.347 2.122 1.035 2.924.68.796 1.715 1.402 3.075 1.808l2.646.78c.871.256 1.447.526 1.718.8.257.265.382.595.382 1.008 0 .453-.211.8-.645 1.065-.466.284-1.124.427-1.958.427-.912 0-1.766-.15-2.538-.444a6.99 6.99 0 0 1-2.126-1.292l-.178-.157-2.251 2.712.157.148a8.77 8.77 0 0 0 3.117 1.88 11.47 11.47 0 0 0 3.846.639c.707 0 1.451-.094 2.215-.279a8.06 8.06 0 0 0 2.176-.875 4.942 4.942 0 0 0 1.685-1.61c.433-.672.651-1.49.651-2.428 0-1.151-.352-2.155-1.046-2.982Zm7.387-9.058-6.822 16.995h4.231l1.416-3.684h6.532l1.417 3.684h4.351l-6.846-16.995h-4.279Zm4.142 10.086h-4.077l2.03-5.334 2.047 5.334Zm12.046-10.086h-4.1V33.47h12.249v-3.483h-8.149V16.475Zm13.58 13.512v-3.341h6.117V23.16h-6.117v-3.2h8.715v-3.485h-12.814V33.47h13.052v-3.483h-8.953Z' fill='%232a2a2a' /%3E%3C/svg%3E");--bt-ee-logo:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 32"%3E%3Cpath d="M15.928 15.998a9.034 9.034 0 0 0 3.101-6.819c.005-5-4.05-9.055-9.05-9.055-5 0-9.055 4.055-9.055 9.055 0 2.72 1.202 5.16 3.101 6.819a9.056 9.056 0 1 0 15.008 6.823 9.024 9.024 0 0 0-3.105-6.823ZM8.75 20.372a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.683.683 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.729.729 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.759.759 0 0 1-.244.284.734.734 0 0 1 .324.608Zm0-13.642a.734.734 0 0 1-.324.608.734.734 0 0 1 0 1.215.73.73 0 0 1 .218.231.723.723 0 0 1 .616-.337c.262 0 .493.138.621.346a.729.729 0 0 1 1.243 0 .733.733 0 1 1 0 .772.729.729 0 0 1-1.243 0 .729.729 0 0 1-1.246-.009.682.682 0 0 1-.209.213.734.734 0 0 1 0 1.216.734.734 0 0 1 0 1.215.684.684 0 0 1 .244.284.734.734 0 0 1 .652-.408.73.73 0 0 1 .653.408.734.734 0 0 1 .652-.408.73.73 0 0 1 .652.408.734.734 0 0 1 .652-.408.733.733 0 0 1 0 1.464.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.653.408.73.73 0 0 1-.652-.408.734.734 0 0 1-.652.408.733.733 0 0 1-.408-1.34.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.216.734.734 0 0 1 0-1.215.734.734 0 0 1 0-1.216.733.733 0 0 1 .408-1.34.73.73 0 0 1 .652.409.734.734 0 0 1 .652-.409.73.73 0 0 1 .653.409.734.734 0 0 1 .652-.409c.288 0 .532.17.652.409a.734.734 0 0 1 .652-.409.733.733 0 0 1 0 1.465.73.73 0 0 1-.652-.409.734.734 0 0 1-.652.409.73.73 0 0 1-.652-.409.734.734 0 0 1-.653.409.73.73 0 0 1-.652-.409.758.758 0 0 1-.244.284.734.734 0 0 1 .324.608Z"/%3E%3C/svg%3E')}.arc .arc-BrandLogo{background-color:currentColor;-webkit-mask-image:var(--bt-logo);mask-image:var(--bt-logo);-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:34px}.arc .arc-BrandLogo::after{content:"";display:block;padding-top:100%}.arc .arc-BrandLogo-text{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arc .arc-BrandLogo--subBrandRedcare{-webkit-mask-image:var(--bt-redcare-logo);mask-image:var(--bt-redcare-logo);width:116px}.arc .arc-BrandLogo--subBrandRedcare::after{padding-top:29.3%}.arc .arc-BrandLogo--subBrandWholesale{-webkit-mask-image:var(--bt-wholesale-logo);mask-image:var(--bt-wholesale-logo);width:140px}.arc .arc-BrandLogo--subBrandWholesale::after{padding-top:24.3%}.arc .arc-BrandLogo--colorBrand{background-color:var(--logos-colors-light-fg-default)}.arc .arc-BrandLogo--colorBrand.arc-BrandLogo--onDarkSurface{background-color:var(--logos-colors-dark-fg-default)}.arc .arc-BrandLogo--subBrandEe{-webkit-mask-image:var(--bt-ee-logo);mask-image:var(--bt-ee-logo)}
|
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-
|
|
6
|
-
require('../_shared/cjs/index.es-
|
|
5
|
+
var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-bb292a9e.js');
|
|
6
|
+
require('../_shared/cjs/index.es-b404d2c5.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../_shared/cjs/debounce-a74c28cf.js');
|
|
9
9
|
require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
|
|
10
|
-
require('../_shared/cjs/
|
|
10
|
+
require('../_shared/cjs/Icon-859c6c00.js');
|
|
11
11
|
require('../_shared/cjs/index-9947ac13.js');
|
|
12
|
-
require('../_shared/cjs/Surface-
|
|
12
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
13
|
+
require('../_shared/cjs/BtIconChevronRight2Px.esm-e8329e34.js');
|
|
13
14
|
require('../_shared/cjs/handle-link-click-17a44cf4.js');
|
|
14
15
|
|
|
15
16
|
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-
|
|
2
|
-
import '../_shared/esm/index.es-
|
|
1
|
+
export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-7de7bfa5.js';
|
|
2
|
+
import '../_shared/esm/index.es-4921e8dd.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../_shared/esm/debounce-c8e41002.js';
|
|
5
5
|
import '../_shared/esm/_commonjsHelpers-0109d574.js';
|
|
6
|
-
import '../_shared/esm/
|
|
6
|
+
import '../_shared/esm/Icon-3e813b34.js';
|
|
7
7
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
8
|
-
import '../_shared/esm/Surface-
|
|
8
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
|
9
|
+
import '../_shared/esm/BtIconChevronRight2Px.esm-84262845.js';
|
|
9
10
|
import '../_shared/esm/handle-link-click-f64f55a2.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-Breadcrumbs{display:flex;flex-wrap:nowrap;list-style:none}.arc .arc-Breadcrumbs-spacer{color:var(--breadcrumb-colors-light-fg-strong);padding:0 var(--breadcrumb-gap-xs);text-align:center}.arc .arc-Breadcrumbs-spacerIcon{align-self:center;color:var(--breadcrumb-colors-light-fg-strong);height:var(--breadcrumb-size-icon-s);margin-right:var(--breadcrumb-gap-xs);width:var(--breadcrumb-size-icon-s)}.arc .arc-Breadcrumbs-item{align-items:center;display:flex;flex-wrap:nowrap;font:var(--sem-type-body-reg-m)
|
|
1
|
+
.arc .arc-Breadcrumbs{display:flex;flex-wrap:nowrap;list-style:none}.arc .arc-Breadcrumbs-spacer{color:var(--breadcrumb-colors-light-fg-strong);padding:0 var(--breadcrumb-gap-xs);text-align:center}.arc .arc-Breadcrumbs-spacerIcon{align-self:center;color:var(--breadcrumb-colors-light-fg-strong);height:var(--breadcrumb-size-icon-s);margin-right:var(--breadcrumb-gap-xs);width:var(--breadcrumb-size-icon-s)}.arc .arc-Breadcrumbs-item{align-items:center;display:flex;flex-wrap:nowrap;font:var(--sem-type-body-reg-m)}.arc .arc-Breadcrumbs-list{display:flex;flex-wrap:wrap;list-style:none;padding:0}.arc .arc-Breadcrumbs-text>a,.arc .arc-Breadcrumbs-text{color:var(--breadcrumb-colors-light-text-default) !important}.arc .arc-Breadcrumbs-text>a,.arc .arc-Breadcrumbs-text{margin-right:var(--breadcrumb-gap-xs);text-decoration:underline}.arc .arc-Breadcrumbs-text:hover{cursor:pointer}.arc .arc-Breadcrumbs-expand{background:none;border:none;font:inherit;padding:inherit}.arc .arc-Breadcrumbs-text:focus,.arc .arc-Breadcrumbs-expand:focus,.arc .arc-Breadcrumbs-expand:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Breadcrumbs-expand:focus:not(:focus-visible){outline:0}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-spacer{color:var(--breadcrumb-colors-dark-fg-strong)}.arc .arc-Breadcrumbs-text:hover>a,.arc .arc-Breadcrumbs-text:hover{color:var(--breadcrumb-colors-light-text-hover) !important}.arc .arc-Breadcrumbs-text:active{color:var(--breadcrumb-colors-light-text-strong) !important}.arc .arc-Breadcrumbs-text--active,.arc .arc-Breadcrumbs-text--active:hover{color:var(--breadcrumb-colors-light-text-strong) !important}.arc .arc-Breadcrumbs-text--active,.arc .arc-Breadcrumbs-text--active:hover{cursor:default;text-decoration:none}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text>a,.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text{color:var(--breadcrumb-colors-dark-text-default) !important}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:hover{color:var(--breadcrumb-colors-dark-text-hover) !important}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:focus,.arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus,.arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand[focus-within]{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:focus,.arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus,.arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand[focus-within]{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:focus,.arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus,.arc .arc-Breadcrumbs--light.arc-Breadcrumbs-expand:focus-within{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-spacerIcon{color:var(--breadcrumb-colors-dark-fg-strong)}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text:active{color:var(--breadcrumb-colors-dark-text-strong) !important}.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text--active,.arc .arc-Breadcrumbs--light .arc-Breadcrumbs-text--active:hover{color:var(--breadcrumb-colors-dark-text-strong) !important}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Button = require('../_shared/cjs/Button-
|
|
6
|
-
require('../_shared/cjs/index.es-
|
|
5
|
+
var Button = require('../_shared/cjs/Button-76215474.js');
|
|
6
|
+
require('../_shared/cjs/index.es-b404d2c5.js');
|
|
7
7
|
require('../_shared/cjs/index-9947ac13.js');
|
|
8
8
|
require('react');
|
|
9
|
-
require('../_shared/cjs/Icon-
|
|
10
|
-
require('../_shared/cjs/Surface-
|
|
11
|
-
require('../_shared/cjs/ThemeIcon-
|
|
9
|
+
require('../_shared/cjs/Icon-859c6c00.js');
|
|
10
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
11
|
+
require('../_shared/cjs/ThemeIcon-6b10d20a.js');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { B as Button } from '../_shared/esm/Button-
|
|
2
|
-
import '../_shared/esm/index.es-
|
|
1
|
+
export { B as Button } from '../_shared/esm/Button-9cab8eec.js';
|
|
2
|
+
import '../_shared/esm/index.es-4921e8dd.js';
|
|
3
3
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
4
4
|
import 'react';
|
|
5
|
-
import '../_shared/esm/Icon-
|
|
6
|
-
import '../_shared/esm/Surface-
|
|
7
|
-
import '../_shared/esm/ThemeIcon-
|
|
5
|
+
import '../_shared/esm/Icon-3e813b34.js';
|
|
6
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
|
7
|
+
import '../_shared/esm/ThemeIcon-810de4bc.js';
|
package/dist/Button/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-Button{background:var(--button-colors-light-bg-default);background-origin:border-box;border:var(--button-border-weight-s) solid transparent;border-radius:var(--button-border-radius-s);color:var(--button-colors-light-text-default-alt);cursor:pointer;display:inline-block;font:inherit;font:var(--sem-type-interface-button-m);height:var(--button-size-l);margin:0;padding-bottom:0;padding-left:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-top:0;position:relative;text-align:left;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc .arc-Button--sizeS{font:var(--sem-type-interface-button-s);height:var(--button-size-m);padding-left:calc(var(--button-padding-l) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc .arc-Button--sizeL{font:var(--sem-type-interface-button-l);height:var(--button-size-xl);padding-left:calc(var(--button-padding-xxxl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xxxl) - var(--button-border-weight-s))}.arc .arc-Button-inner{align-items:center;display:flex;height:100%;justify-content:center}.arc .arc-Button--displayBlock{display:block}.arc .arc-Button--fullWidth{text-align:center;width:100%}.arc .arc-Button--hasSupportingText{height:60px}.arc .arc-Button--hasSupportingText.arc-Button--sizeS{height:56px}.arc .arc-Button--hasSupportingText.arc-Button--sizeL{height:68px}@media (hover:hover){.arc .arc-Button:hover{background:var(--button-colors-light-bg-hover);color:var(--button-colors-light-text-default-alt)}}.arc .arc-Button:focus{border-radius:var(--
|
|
1
|
+
.arc .arc-Button{background:var(--button-colors-light-bg-default);background-origin:border-box;border:var(--button-border-weight-s) solid transparent;border-radius:var(--button-border-radius-s);color:var(--button-colors-light-text-default-alt);cursor:pointer;display:inline-block;font:inherit;font:var(--sem-type-interface-button-m);height:var(--button-size-l);margin:0;padding-bottom:0;padding-left:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xl) - var(--button-border-weight-s));padding-top:0;position:relative;text-align:left;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc .arc-Button--sizeS{font:var(--sem-type-interface-button-s);height:var(--button-size-m);padding-left:calc(var(--button-padding-l) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc .arc-Button--sizeL{font:var(--sem-type-interface-button-l);height:var(--button-size-xl);padding-left:calc(var(--button-padding-xxxl) - var(--button-border-weight-s));padding-right:calc(var(--button-padding-xxxl) - var(--button-border-weight-s))}.arc .arc-Button-inner{align-items:center;display:flex;height:100%;justify-content:center}.arc .arc-Button--displayBlock{display:block}.arc .arc-Button--fullWidth{text-align:center;width:100%}.arc .arc-Button--hasSupportingText{height:60px}.arc .arc-Button--hasSupportingText.arc-Button--sizeS{height:56px}.arc .arc-Button--hasSupportingText.arc-Button--sizeL{height:68px}@media (hover:hover){.arc .arc-Button:hover{background:var(--button-colors-light-bg-hover);color:var(--button-colors-light-text-default-alt)}}.arc .arc-Button:focus{border-radius:var(--button-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc .arc-Button:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-Button:active{background:var(--button-colors-light-bg-pressed);background-image:none;color:var(--button-colors-light-text-default-alt)}.arc .arc-Button--onDarkSurface{background:var(--button-colors-dark-bg-default);color:var(--button-colors-dark-text-default-alt)}@media (hover:hover){.arc .arc-Button--onDarkSurface:hover{background:var(--button-colors-dark-bg-hover);border-color:transparent;color:var(--button-colors-dark-text-default-alt)}}.arc .arc-Button--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-Button--onDarkSurface:active{background:var(--button-colors-dark-bg-pressed);color:var(--button-colors-dark-text-default-alt)}.arc .arc-Button--fillOutlined{background-color:transparent;background-image:none;border-color:var(--button-colors-light-border-default);color:var(--button-colors-light-text-default);position:relative}@media (hover:hover){.arc .arc-Button--fillOutlined:hover{background:var(--button-colors-light-bg-hover);border-color:transparent;color:var(--button-colors-light-text-default-alt)}}.arc .arc-Button--fillOutlined:active{background-color:transparent;border-color:var(--button-colors-light-border-pressed);color:var(--button-colors-light-text-pressed)}.arc .arc-Button--fillOutlined.arc-Button--onDarkSurface{background-color:transparent;border-color:var(--button-colors-dark-border-default);color:var(--button-colors-dark-text-default)}@media (hover:hover){.arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:hover{background:var(--button-colors-dark-bg-hover);border-color:transparent;color:var(--button-colors-dark-text-default-alt)}}.arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:active{border-color:var(--button-colors-dark-border-pressed);color:var(--button-colors-dark-text-pressed)}.arc .arc-Button--fillFlat,.arc .arc-Button--fillFlat.arc-Button--sizeS,.arc .arc-Button--fillFlat.arc-Button--sizeL{padding:0 !important}.arc .arc-Button--fillFlat,.arc .arc-Button--fillFlat.arc-Button--sizeS,.arc .arc-Button--fillFlat.arc-Button--sizeL{background-color:transparent;background-image:none;border:0;border-radius:0;color:var(--button-colors-light-text-default);height:auto;vertical-align:middle}.arc .arc-Button--fillFlat:focus{border-radius:var(--focus-border-radius-s)}.arc .arc-Button--fillFlat.arc-Button--iconBeforeText .arc-Button-icon{margin-left:-4px}.arc .arc-Button--fillFlat.arc-Button--iconAfterText .arc-Button-icon{margin-right:-4px}@media (hover:hover){.arc .arc-Button--fillFlat:hover{background-color:transparent;color:var(--button-colors-light-text-hover)}}.arc .arc-Button--fillFlat:active{background-color:transparent;color:var(--button-colors-light-text-pressed)}.arc .arc-Button--fillFlat.arc-Button--onDarkSurface{background-color:transparent;color:var(--button-colors-dark-text-default)}@media (hover:hover){.arc .arc-Button--fillFlat.arc-Button--onDarkSurface:hover{background-color:transparent;color:var(--button-colors-dark-text-hover)}}.arc .arc-Button--fillFlat.arc-Button--onDarkSurface:active{background-color:transparent;color:var(--button-colors-dark-text-pressed)}.arc .arc-Button[disabled]{background:var(--button-colors-light-bg-disabled);color:var(--button-colors-light-text-disabled);cursor:not-allowed}.arc .arc-Button--onDarkSurface[disabled]{background:var(--button-colors-dark-bg-disabled);color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc .arc-Button--onDarkSurface[disabled]:hover{background:var(--button-colors-dark-bg-disabled);color:var(--button-colors-dark-text-disabled)}}.arc .arc-Button--fillOutlined[disabled]{background:transparent;border-color:var(--button-colors-light-border-disabled);color:var(--button-colors-light-text-disabled)}.arc .arc-Button--fillOutlined.arc-Button--onDarkSurface[disabled]{background:transparent;border-color:var(--button-colors-dark-border-disabled);color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc .arc-Button--fillOutlined.arc-Button--onDarkSurface[disabled]:hover{background-color:transparent;border-color:var(--button-colors-dark-border-disabled);color:var(--button-colors-dark-text-disabled)}}.arc .arc-Button--fillFlat[disabled]{background-color:transparent;color:var(--button-colors-light-text-disabled)}.arc .arc-Button--fillFlat.arc-Button--onDarkSurface[disabled]{background-color:transparent;color:var(--button-colors-dark-text-disabled)}@media (hover:hover){.arc .arc-Button--fillFlat.arc-Button--onDarkSurface[disabled]:hover{background-color:transparent;color:var(--button-colors-dark-text-disabled)}}.arc .arc-Button-supportingText{display:block;font:var(--sem-type-body-reg-xs)}.arc .arc-Button--sizeL .arc-Button-supportingText{font:var(--sem-type-body-reg-s)}.arc .arc-Button-icon{height:var(--button-size-icon-m);margin-left:var(--button-gap-s);margin-right:calc((0 - var(--button-gap-xs)) * 1px);width:var(--button-size-icon-m)}.arc .arc-Button--iconBeforeText{padding-left:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc .arc-Button--iconBeforeText.arc-Button--sizeS{padding-left:calc(var(--button-padding-m) - var(--button-border-weight-s))}.arc .arc-Button--iconBeforeText.arc-Button--sizeL{padding-left:calc(var(--button-padding-xl) - var(--button-border-weight-s))}.arc .arc-Button--iconAfterText{padding-right:calc(var(--button-padding-l) - var(--button-border-weight-s))}.arc .arc-Button--iconAfterText.arc-Button--sizeS{padding-right:calc(var(--button-padding-m) - var(--button-border-weight-s))}.arc .arc-Button--iconAfterText.arc-Button--sizeL{padding-right:calc(var(--button-padding-xl) - var(--button-border-weight-s))}.arc .arc-Button--sizeS .arc-Button-icon{height:var(--button-size-icon-s);width:var(--button-size-icon-s)}.arc .arc-Button--sizeL .arc-Button-icon{height:var(--button-size-icon-xl);margin-left:var(--button-gap-l);width:var(--button-size-icon-xl)}.arc .arc-Button--iconBeforeText.arc-Button--hasSupportingText{text-align:left}.arc .arc-Button--iconBeforeText .arc-Button-icon{margin-left:0;margin-right:var(--button-gap-m);order:-1}.arc .arc-Button--iconOnly{height:var(--button-size-l);padding:0;width:var(--button-size-l)}.arc .arc-Button--iconOnly.arc-Button--sizeS{height:var(--button-size-m);padding:0;width:var(--button-size-m)}.arc .arc-Button--iconOnly.arc-Button--sizeL{height:var(--button-size-xl);padding:0;width:var(--button-size-xl)}.arc .arc-Button--iconOnly.arc-Button--fillFlat,.arc .arc-Button--iconOnly.arc-Button--fillFlat.arc-Button--sizeS,.arc .arc-Button--iconOnly.arc-Button--fillFlat.arc-Button--sizeL{height:auto;padding:0;width:auto}.arc .arc-Button--iconOnly .arc-Button-icon{margin:0}.arc .arc-Button--sizeL.arc-Button--iconBeforeText .arc-Button-icon{margin-right:var(--button-gap-m)}.arc .arc-Button--supportText{margin-top:var(--button-gap-xs)}.arc .arc-Button--iconOnly .arc-Button-text,.arc .arc-Button--iconOnly .arc-Button-supportingText{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)){.arc .arc-Button--fillOutlined:active::after,.arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:active::after,.arc .arc-Button--fillOutlined[disabled]::after{display:none}@media (hover:hover){.arc .arc-Button--fillOutlined:hover::after,.arc .arc-Button--fillOutlined.arc-Button--onDarkSurface:hover::after{display:none}}}@supports ((-webkit-background-clip: text) or (background-clip: text)){.arc .arc-Button:active .arc-Button-text,.arc .arc-Button--onDarkSurface:active .arc-Button-text,.arc .arc-Button[disabled] .arc-Button-text{color:inherit}@media (hover:hover){.arc .arc-Button:hover .arc-Button-text,.arc .arc-Button--onDarkSurface:hover .arc-Button-text{color:inherit}}}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var ButtonV2 = require('../_shared/cjs/ButtonV2-
|
|
6
|
-
require('../_shared/cjs/index.es-
|
|
5
|
+
var ButtonV2 = require('../_shared/cjs/ButtonV2-320f74b2.js');
|
|
6
|
+
require('../_shared/cjs/index.es-b404d2c5.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../_shared/cjs/index-9947ac13.js');
|
|
9
|
-
require('../_shared/cjs/Icon-
|
|
10
|
-
require('../_shared/cjs/Surface-
|
|
11
|
-
require('../_shared/cjs/
|
|
9
|
+
require('../_shared/cjs/Icon-859c6c00.js');
|
|
10
|
+
require('../_shared/cjs/Surface-4bc47dcb.js');
|
|
11
|
+
require('../_shared/cjs/Spinner-2a1d9f20.js');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { B as ButtonV2 } from '../_shared/esm/ButtonV2-
|
|
2
|
-
import '../_shared/esm/index.es-
|
|
1
|
+
export { B as ButtonV2 } from '../_shared/esm/ButtonV2-4dc8830e.js';
|
|
2
|
+
import '../_shared/esm/index.es-4921e8dd.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../_shared/esm/index-2e73c2e9.js';
|
|
5
|
-
import '../_shared/esm/Icon-
|
|
6
|
-
import '../_shared/esm/Surface-
|
|
7
|
-
import '../_shared/esm/
|
|
5
|
+
import '../_shared/esm/Icon-3e813b34.js';
|
|
6
|
+
import '../_shared/esm/Surface-56d329b0.js';
|
|
7
|
+
import '../_shared/esm/Spinner-9d28043d.js';
|
package/dist/ButtonV2/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc .arc-ButtonV2{align-items:center;background:var(--button-v2-colors-light-bg-default);border:none;border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default-alt);display:flex;height:var(--button-v2-size-s);padding:0 var(--button-v2-padding-l);position:relative;text-decoration:none;width:-moz-fit-content;width:fit-content}.arc .arc-ButtonV2-inner{align-items:center;color:inherit;display:flex;gap:var(--button-v2-gap-s)}.arc .arc-ButtonV2-label{font:var(--sem-type-interface-button-s)}.arc .arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 var(--button-v2-padding-xxl)}.arc .arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-m) 0 var(--button-v2-padding-l)}.arc .arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-m)}.arc .arc-ButtonV2--withIconBeforeText .arc-ButtonV2-label{text-align:left}.arc .arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-xl) 0 var(--button-v2-padding-xxl)}.arc .arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-xxl) 0 var(--button-v2-padding-xl)}.arc .arc-ButtonV2--secondary.arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-xl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xl) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--m .arc-ButtonV2-inner{gap:var(--button-v2-gap-m)}.arc .arc-ButtonV2--m .arc-ButtonV2-inner .arc-ButtonV2-label{font:var(--sem-type-interface-button-m)}.arc .arc-ButtonV2--emptyLabel .arc-ButtonV2-inner{gap:0}.arc .arc-ButtonV2-inner--iconBeforeText{flex-direction:row-reverse}.arc .arc-ButtonV2--isFullWidth{justify-content:center;width:100%}.arc .arc-ButtonV2:hover{background:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt);cursor:pointer}.arc .arc-ButtonV2:active{background:var(--button-v2-colors-light-bg-pressed)}.arc .arc-ButtonV2:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc .arc-ButtonV2:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-ButtonV2.arc-ButtonV2--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.arc .arc-ButtonV2--isLoading .arc-Icon{animation:1s linear rotate infinite}.arc .arc-ButtonV2--emptyLabel,.arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:var(--button-v2-padding-xs)}.arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel,.arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:calc(var(--button-v2-padding-xs) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default);padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary:hover{border-color:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt)}.arc .arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-light-border-pressed);color:var(--button-v2-colors-light-text-pressed)}.arc .arc-ButtonV2--isLoading .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-light-bg-minimal);color:var(--button-v2-colors-light-text-hover)}.arc .arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-light-bg-strong);color:var(--button-v2-colors-light-text-pressed)}.arc .arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}.arc .arc-ButtonV2--warning:hover{background:var(--button-v2-colors-light-status-bg-hover)}.arc .arc-ButtonV2--warning:active{background:var(--button-v2-colors-light-status-bg-pressed)}.arc .arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--onDarkSurface:hover{background:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--onDarkSurface:active{background:var(--button-v2-colors-dark-bg-pressed)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:hover{background:var(--button-v2-colors-dark-bg-hover);border-color:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-dark-border-pressed);color:var(--button-v2-colors-dark-text-pressed)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-dark-bg-minimal)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-dark-bg-strong);color:var(--button-v2-colors-dark-text-pressed)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:hover{background:var(--button-v2-colors-dark-status-bg-hover)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:active{background:var(--button-v2-colors-dark-status-bg-pressed)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2{background:var(--button-v2-colors-light-bg-default);color:var(--button-v2-colors-light-text-default-alt);cursor:not-allowed}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}
|
|
1
|
+
.arc .arc-ButtonV2{align-items:center;background:var(--button-v2-colors-light-bg-default);border:none;border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default-alt);display:flex;height:var(--button-v2-size-s);padding:0 var(--button-v2-padding-l);position:relative;text-decoration:none;width:-moz-fit-content;width:fit-content}.arc .arc-ButtonV2-inner{align-items:center;color:inherit;display:flex;gap:var(--button-v2-gap-s)}.arc .arc-ButtonV2-label{font:var(--sem-type-interface-button-s)}.arc .arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 var(--button-v2-padding-xxl)}.arc .arc-ButtonV2--l{height:var(--button-v2-size-l);padding:0 var(--button-v2-padding-xxxl)}.arc .arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-m) 0 var(--button-v2-padding-l)}.arc .arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-m)}.arc .arc-ButtonV2--withIconBeforeText .arc-ButtonV2-label{text-align:left}.arc .arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-xxl)}.arc .arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-xxl) 0 var(--button-v2-padding-l)}.arc .arc-ButtonV2--l.arc-ButtonV2--withIcon{padding:0 var(--button-v2-padding-l) 0 var(--button-v2-padding-xxxl)}.arc .arc-ButtonV2--l.arc-ButtonV2--withIconBeforeText{padding:0 var(--button-v2-padding-xxxl) 0 var(--button-v2-padding-l)}.arc .arc-ButtonV2--secondary.arc-ButtonV2--m{height:var(--button-v2-size-m);padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-m) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--m.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-xxl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--l{height:var(--button-v2-size-l);padding:0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--l.arc-ButtonV2--withIcon{padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary.arc-ButtonV2--l.arc-ButtonV2--withIconBeforeText{padding:0 calc(var(--button-v2-padding-xxxl) - var(--button-v2-border-weight-s)) 0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--m .arc-ButtonV2-inner,.arc .arc-ButtonV2--l .arc-ButtonV2-inner{gap:var(--button-v2-gap-m)}.arc .arc-ButtonV2--m .arc-ButtonV2-inner .arc-ButtonV2-label{font:var(--sem-type-interface-button-m)}.arc .arc-ButtonV2--l .arc-ButtonV2-inner .arc-ButtonV2-label{font:var(--sem-type-interface-button-l)}.arc .arc-ButtonV2--emptyLabel .arc-ButtonV2-inner{gap:0}.arc .arc-ButtonV2-inner--iconBeforeText{flex-direction:row-reverse}.arc .arc-ButtonV2--isFullWidth{justify-content:center;width:100%}.arc .arc-ButtonV2:hover{background:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt);cursor:pointer}.arc .arc-ButtonV2:active{background:var(--button-v2-colors-light-bg-pressed)}.arc .arc-ButtonV2:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc .arc-ButtonV2:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-ButtonV2.arc-ButtonV2--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-ButtonV2--emptyLabel,.arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:var(--button-v2-padding-xs)}.arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel,.arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel.arc-ButtonV2--m{padding:calc(var(--button-v2-padding-xs) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default);padding:0 calc(var(--button-v2-padding-l) - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--secondary:hover{border-color:var(--button-v2-colors-light-bg-hover);color:var(--button-v2-colors-light-text-default-alt)}.arc .arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-light-border-pressed);color:var(--button-v2-colors-light-text-pressed)}.arc .arc-ButtonV2--isLoading .arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-light-bg-minimal);color:var(--button-v2-colors-light-text-hover)}.arc .arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-light-bg-strong);color:var(--button-v2-colors-light-text-pressed)}.arc .arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}.arc .arc-ButtonV2--warning:hover{background:var(--button-v2-colors-light-status-bg-hover)}.arc .arc-ButtonV2--warning:active{background:var(--button-v2-colors-light-status-bg-pressed)}.arc .arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--onDarkSurface:hover{background:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--onDarkSurface:active{background:var(--button-v2-colors-dark-bg-pressed)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:hover{background:var(--button-v2-colors-dark-bg-hover);border-color:var(--button-v2-colors-dark-bg-hover);color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary:active{background:transparent;border-color:var(--button-v2-colors-dark-border-pressed);color:var(--button-v2-colors-dark-text-pressed)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:hover{background:var(--button-v2-colors-dark-bg-minimal)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary:active{background:var(--button-v2-colors-dark-bg-strong);color:var(--button-v2-colors-dark-text-pressed)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:hover{background:var(--button-v2-colors-dark-status-bg-hover)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning:active{background:var(--button-v2-colors-dark-status-bg-pressed)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2{background:var(--button-v2-colors-light-bg-default);color:var(--button-v2-colors-light-text-default-alt);cursor:not-allowed}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-light-border-default);border-radius:var(--button-v2-border-radius-s);color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-light-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--warning{background:var(--button-v2-colors-light-status-bg-default);border:none;color:var(--button-v2-colors-light-status-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface{background:var(--button-v2-colors-dark-bg-default);border:none;color:var(--button-v2-colors-dark-text-default-alt)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--secondary{background:transparent;border:var(--button-v2-border-weight-s) solid var(--button-v2-colors-dark-border-default);color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--tertiary{background:transparent;border:none;color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--warning{background:var(--button-v2-colors-dark-status-bg-default);border:none;color:var(--button-v2-colors-dark-status-text-default)}.arc .arc-ButtonV2--compact,.arc .arc-ButtonV2--compact.arc-ButtonV2--withIcon{background:none;border:none;color:var(--button-v2-colors-light-text-default);height:var(--button-v2-size-m);padding:0}.arc .arc-ButtonV2--compact:hover{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc .arc-ButtonV2--compact:active{background:none;color:var(--button-v2-colors-light-text-pressed);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc .arc-ButtonV2--compact.arc-ButtonV2--s{height:var(--button-v2-size-s)}.arc .arc-ButtonV2--compact.arc-ButtonV2--l{height:var(--button-v2-size-l)}.arc .arc-ButtonV2--emptyLabel,.arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--m,.arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--compact{padding:var(--button-v2-padding-xs)}.arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--compact.arc-ButtonV2--l{padding:4px}.arc .arc-ButtonV2--emptyLabel.arc-ButtonV2--l{padding:12px}.arc .arc-ButtonV2--secondary.arc-ButtonV2--emptyLabel.arc-ButtonV2--l{padding:calc(12px - var(--button-v2-border-weight-s))}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact,.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact.arc-ButtonV2--withIcon{color:var(--button-v2-colors-dark-text-default)}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact:hover{color:var(--button-v2-colors-dark-text-hover);text-decoration:none}.arc .arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact:active{color:var(--button-v2-colors-dark-text-pressed)}.arc .arc-ButtonV2--isLoading.arc-ButtonV2--onDarkSurface.arc-ButtonV2--compact{color:var(--button-v2-colors-dark-text-default)}
|