@arc-ui/components 12.0.0-beta.16 → 12.0.0-beta.18
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/lib/Alert/Alert.cjs +1 -1
- package/lib/Alert/Alert.mjs +1 -1
- package/lib/Alert/styles.css +1 -1
- package/lib/Align/styles.css +1 -1
- package/lib/AppButton/styles.css +1 -1
- package/lib/Avatar/styles.css +1 -1
- package/lib/AvatarGroup/styles.css +1 -1
- package/lib/Badge/styles.css +1 -1
- package/lib/Banner/Banner.cjs +6 -6
- package/lib/Banner/Banner.mjs +6 -6
- package/lib/Box/styles.css +1 -1
- package/lib/BrandLogo/styles.css +1 -1
- package/lib/Breadcrumbs/Breadcrumbs.cjs +2 -2
- package/lib/Breadcrumbs/Breadcrumbs.mjs +2 -2
- package/lib/Breadcrumbs/styles.css +1 -1
- package/lib/Button/Button.cjs +2 -2
- package/lib/Button/Button.mjs +2 -2
- package/lib/Button/styles.css +1 -1
- package/lib/ButtonGroup/ButtonGroup.cjs +3 -3
- package/lib/ButtonGroup/ButtonGroup.mjs +3 -3
- package/lib/ButtonGroup/styles.css +1 -1
- package/lib/ButtonV2/ButtonV2.cjs +2 -2
- package/lib/ButtonV2/ButtonV2.mjs +2 -2
- package/lib/ButtonV2/styles.css +1 -1
- package/lib/Calendar/Calendar.cjs +4 -4
- package/lib/Calendar/Calendar.mjs +4 -4
- package/lib/Calendar/styles.css +1 -1
- package/lib/CardFooter/CardFooter.cjs +2 -4
- package/lib/CardFooter/CardFooter.mjs +2 -4
- package/lib/CardFooter/styles.css +1 -1
- package/lib/CardHeading/styles.css +1 -1
- package/lib/Carousel/Carousel.cjs +1 -1
- package/lib/Carousel/Carousel.mjs +1 -1
- package/lib/Carousel/styles.css +1 -1
- package/lib/Checkbox/styles.css +1 -1
- package/lib/Columns/styles.css +1 -1
- package/lib/ComboBox/ComboBox.cjs +6 -6
- package/lib/ComboBox/ComboBox.mjs +6 -6
- package/lib/ComboBox/styles.css +1 -1
- package/lib/ContentSwitcher/styles.css +1 -1
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs +6 -4
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.mjs +6 -4
- package/lib/ContentSwitcherDropdown/styles.css +1 -1
- package/lib/DatePicker/DatePicker.cjs +9 -9
- package/lib/DatePicker/DatePicker.mjs +9 -9
- package/lib/DatePicker/styles.css +1 -1
- package/lib/Disclosure/styles.css +1 -1
- package/lib/DisclosureMini/styles.css +1 -1
- package/lib/Download/styles.css +1 -1
- package/lib/Drawer/Drawer.cjs +3 -3
- package/lib/Drawer/Drawer.mjs +3 -3
- package/lib/Drawer/styles.css +1 -1
- package/lib/Elevation/styles.css +1 -1
- package/lib/Filter/styles.css +1 -1
- package/lib/FormControl/styles.css +1 -1
- package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +31 -0
- package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +29 -0
- package/lib/GhostedHeroBanner/styles.css +1 -0
- package/lib/GradientBackground/GradientBackground.cjs +19 -0
- package/lib/GradientBackground/GradientBackground.mjs +17 -0
- package/lib/GradientBackground/styles.css +1 -0
- package/lib/Grid/styles.css +1 -1
- package/lib/Group/styles.css +1 -1
- package/lib/Heading/styles.css +1 -1
- package/lib/HeroBanner/HeroBanner.cjs +6 -6
- package/lib/HeroBanner/HeroBanner.mjs +6 -6
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/HeroButton.cjs +2 -2
- package/lib/HeroButton/HeroButton.mjs +2 -2
- package/lib/HeroButton/styles.css +1 -1
- package/lib/Hidden/styles.css +1 -1
- package/lib/HorizontalCard/HorizontalCard.cjs +2 -4
- package/lib/HorizontalCard/HorizontalCard.mjs +2 -4
- package/lib/HorizontalCard/styles.css +1 -1
- package/lib/Icon/Icon.cjs +1 -1
- package/lib/Icon/Icon.mjs +1 -1
- package/lib/Icon/styles.css +1 -1
- package/lib/Image/styles.css +1 -1
- package/lib/ImpactCard/ImpactCard.cjs +2 -4
- package/lib/ImpactCard/ImpactCard.mjs +2 -4
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +4 -4
- package/lib/InformationCard/InformationCard.mjs +4 -4
- package/lib/InformationCard/styles.css +1 -1
- package/lib/Link/Link.cjs +9 -22
- package/lib/Link/Link.mjs +9 -22
- package/lib/Link/styles.css +1 -1
- package/lib/Markup/styles.css +1 -1
- package/lib/MediaCard/MediaCard.cjs +4 -6
- package/lib/MediaCard/MediaCard.mjs +4 -6
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/Menu.cjs +261 -0
- package/lib/Menu/Menu.mjs +243 -0
- package/lib/Menu/styles.css +1 -0
- package/lib/Modal/Modal.cjs +18 -12
- package/lib/Modal/Modal.mjs +18 -12
- package/lib/Modal/styles.css +1 -1
- package/lib/Pagination/styles.css +1 -1
- package/lib/PaginationSimple/PaginationSimple.cjs +15 -49
- package/lib/PaginationSimple/PaginationSimple.mjs +15 -49
- package/lib/PaginationSimple/styles.css +1 -1
- package/lib/Popover/Popover.cjs +7 -7
- package/lib/Popover/Popover.mjs +7 -7
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/styles.css +1 -1
- package/lib/ProgressBar/styles.css +1 -1
- package/lib/ProgressStepper/ProgressStepper.cjs +8 -23
- package/lib/ProgressStepper/ProgressStepper.mjs +8 -23
- package/lib/ProgressStepper/styles.css +1 -1
- package/lib/RadioCardGroup/RadioCardGroup.cjs +2 -2
- package/lib/RadioCardGroup/RadioCardGroup.mjs +3 -3
- package/lib/RadioCardGroup/styles.css +1 -1
- package/lib/RadioGroup/styles.css +1 -1
- package/lib/Rule/styles.css +1 -1
- package/lib/ScrollToTop/ScrollToTop.cjs +8 -17
- package/lib/ScrollToTop/ScrollToTop.mjs +8 -17
- package/lib/ScrollToTop/styles.css +1 -1
- package/lib/Section/styles.css +1 -1
- package/lib/Select/Select.cjs +4 -3
- package/lib/Select/Select.mjs +4 -3
- package/lib/Select/styles.css +1 -1
- package/lib/SiteFooter/SiteFooter.cjs +1 -1
- package/lib/SiteFooter/SiteFooter.mjs +1 -1
- package/lib/SiteFooter/styles.css +1 -1
- package/lib/SiteFooterV2/SiteFooterV2.cjs +5 -5
- package/lib/SiteFooterV2/SiteFooterV2.mjs +5 -5
- package/lib/SiteFooterV2/styles.css +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.cjs +11 -11
- package/lib/SiteHeaderV2/SiteHeaderV2.mjs +12 -12
- package/lib/SiteHeaderV2/styles.css +1 -1
- package/lib/Skeleton/styles.css +1 -1
- package/lib/SkipLink/styles.css +1 -1
- package/lib/Spinner/styles.css +1 -1
- package/lib/Surface/styles.css +1 -1
- package/lib/Switch/Switch.cjs +3 -2
- package/lib/Switch/Switch.mjs +3 -2
- package/lib/Switch/styles.css +1 -1
- package/lib/TabbedBanner/TabbedBanner.cjs +13 -10
- package/lib/TabbedBanner/TabbedBanner.mjs +13 -10
- package/lib/TabbedBanner/styles.css +1 -1
- package/lib/Tabs/Tabs.cjs +1 -1
- package/lib/Tabs/Tabs.mjs +1 -1
- package/lib/Tabs/styles.css +1 -1
- package/lib/Tag/Tag.cjs +15 -37
- package/lib/Tag/Tag.mjs +15 -37
- package/lib/Tag/styles.css +1 -1
- package/lib/TemplateBanner/TemplateBanner.cjs +6 -6
- package/lib/TemplateBanner/TemplateBanner.mjs +6 -6
- package/lib/TemplateBanner/styles.css +1 -1
- package/lib/Text/styles.css +1 -1
- package/lib/TextArea/TextArea.cjs +34 -26
- package/lib/TextArea/TextArea.mjs +34 -26
- package/lib/TextArea/styles.css +1 -1
- package/lib/TextInput/styles.css +1 -1
- package/lib/Theme/Theme.cjs +1 -1
- package/lib/Theme/Theme.mjs +1 -1
- package/lib/Theme/styles.css +1 -1
- package/lib/ThemeIcon/styles.css +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +4 -4
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +4 -4
- package/lib/ThumbnailSignpost/styles.css +1 -1
- package/lib/Toast/styles.css +1 -1
- package/lib/Tooltip/Tooltip.cjs +1 -1
- package/lib/Tooltip/Tooltip.mjs +1 -1
- package/lib/Tooltip/styles.css +1 -1
- package/lib/Truncate/styles.css +1 -1
- package/lib/TypographyCard/TypographyCard.cjs +2 -4
- package/lib/TypographyCard/TypographyCard.mjs +2 -4
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/styles.css +1 -1
- package/lib/VideoPlayer/VideoPlayer.cjs +12 -5
- package/lib/VideoPlayer/VideoPlayer.mjs +12 -5
- package/lib/VideoPlayer/styles.css +1 -1
- package/lib/Visible/styles.css +1 -1
- package/lib/VisuallyHidden/styles.css +1 -1
- package/lib/_shared/cjs/BannerImage-kdAKagG-.cjs +13 -0
- package/lib/_shared/cjs/BtIconArrowRight-Bm5PIn_6.cjs +11 -0
- package/lib/_shared/cjs/BtIconChevronRight2Px-CIRaur2B.cjs +20 -0
- package/lib/_shared/cjs/BtIconChevronRightMid-eGxk3ae6.cjs +11 -0
- package/lib/_shared/cjs/{Button-b36K7-Cf.cjs → Button-CKTa6bQL.cjs} +1 -1
- package/lib/_shared/cjs/{ButtonV2-s8OF4enU.cjs → ButtonV2-CRNNZ_nd.cjs} +15 -4
- package/lib/_shared/cjs/{Calendar-D58QIWQz.cjs → Calendar-C5C0evEy.cjs} +17 -40
- package/lib/_shared/cjs/{CardFooter-B2ljCf25.cjs → CardFooter-DwE-u0Om.cjs} +9 -45
- package/lib/_shared/cjs/{Combination-iNPq-pNP.cjs → Combination-B-rSVLfT.cjs} +2 -0
- package/lib/_shared/cjs/{ComboBox-CmVMpsxn.cjs → ComboBox-BIMxZhJp.cjs} +10 -20
- package/lib/_shared/cjs/{ContentSwitcherDropdown-CWP2-zun.cjs → ContentSwitcherDropdown-CAWaAMZN.cjs} +4 -2
- package/lib/_shared/cjs/{DatePicker-Cx5VZpwJ.cjs → DatePicker-BgU6iidG.cjs} +2 -2
- package/lib/_shared/cjs/HeroButton-CiIygZ16.cjs +82 -0
- package/lib/_shared/cjs/Icon-KMACQ1i3.cjs +39 -0
- package/lib/_shared/cjs/{MediaCard-DkTTTQNz.cjs → MediaCard-kcqfmeue.cjs} +2 -2
- package/lib/_shared/cjs/MenuSubContent-Bs2_ebS3.cjs +1330 -0
- package/lib/_shared/cjs/{RadioCardGroupInput-DT0Xce4L.cjs → RadioCardGroupInput-BmntgyWB.cjs} +1 -1
- package/lib/_shared/cjs/{SiteHeaderV2NavItemWithSubNav-XnnzUfOs.cjs → SiteHeaderV2NavItemWithSubNav-DgoCW2W3.cjs} +8 -7
- package/lib/_shared/cjs/{TemplateBanner-BCbI7NLb.cjs → TemplateBanner-BMi77IGK.cjs} +10 -18
- package/lib/_shared/cjs/{index-DbQ2PCr3.cjs → index-Bt7hfZBc.cjs} +1 -1
- package/lib/_shared/cjs/{index-BcWpGxUd.cjs → index-C_Rl7v2g.cjs} +27 -94
- package/lib/_shared/cjs/{index-Cn7XSNle.cjs → index-CaO6cOF0.cjs} +3 -3
- package/lib/_shared/cjs/index-CqYNiqix.cjs +137 -0
- package/lib/_shared/cjs/{index-BMs6MHwq.cjs → index-DAr_oO4-.cjs} +2 -2
- package/lib/_shared/cjs/{index-DNgUhsBO.cjs → index-Dv1xvB_E.cjs} +1 -1
- package/lib/_shared/cjs/index-EFXw1jWg.cjs +97 -0
- package/lib/_shared/cjs/{index.es-CY6h69at.cjs → index.es-sqSQUWYg.cjs} +1 -1
- package/lib/_shared/esm/BannerImage-BTsixvUH.mjs +11 -0
- package/lib/_shared/esm/BtIconArrowRight-DpUmY3g3.mjs +9 -0
- package/lib/_shared/esm/BtIconChevronRight2Px-DzWb16fR.mjs +17 -0
- package/lib/_shared/esm/BtIconChevronRightMid-DE4lmVaG.mjs +9 -0
- package/lib/_shared/esm/{Button-DtmI3xYm.mjs → Button-9L4AksQP.mjs} +1 -1
- package/lib/_shared/esm/{ButtonV2-CkFdHviV.mjs → ButtonV2-2U4PvnpS.mjs} +15 -4
- package/lib/_shared/esm/{Calendar-C_b271wl.mjs → Calendar-L6u3D8xb.mjs} +17 -40
- package/lib/_shared/esm/{CardFooter-6APGUbK4.mjs → CardFooter-CgDDDI7Z.mjs} +9 -45
- package/lib/_shared/esm/{Combination-CFD0IA8r.mjs → Combination-BpO6XTeS.mjs} +1 -1
- package/lib/_shared/esm/{ComboBox-CTx_umV_.mjs → ComboBox-DUTrEu0N.mjs} +10 -20
- package/lib/_shared/esm/{ContentSwitcherDropdown-DuN_n1jh.mjs → ContentSwitcherDropdown-dktkyAjY.mjs} +4 -2
- package/lib/_shared/esm/{DatePicker-CIdfpUqM.mjs → DatePicker-CccSfg17.mjs} +2 -2
- package/lib/_shared/esm/HeroButton-HYskwyvn.mjs +80 -0
- package/lib/_shared/esm/Icon-MZfaoOo9.mjs +36 -0
- package/lib/_shared/esm/{MediaCard-_6xVVmiF.mjs → MediaCard-CjTDOvmx.mjs} +2 -2
- package/lib/_shared/esm/MenuSubContent-Cv9mSn58.mjs +1297 -0
- package/lib/_shared/esm/{RadioCardGroupInput-CwYJBtmO.mjs → RadioCardGroupInput-Cy1r7M8l.mjs} +1 -1
- package/lib/_shared/esm/{SiteHeaderV2NavItemWithSubNav-C_rohQhn.mjs → SiteHeaderV2NavItemWithSubNav-BLqiSeEC.mjs} +8 -7
- package/lib/_shared/esm/{TemplateBanner-Cckao4N8.mjs → TemplateBanner-zc4VmeeW.mjs} +10 -18
- package/lib/_shared/esm/index-BbAu4d3T.mjs +76 -0
- package/lib/_shared/esm/index-CL6dwOYV.mjs +135 -0
- package/lib/_shared/esm/{index-CpOcAL8k.mjs → index-CYUcQl4W.mjs} +3 -71
- package/lib/_shared/esm/{index-ZYyu0Vjh.mjs → index-CxrL7jIX.mjs} +3 -3
- package/lib/_shared/esm/{index-DNxTGgc1.mjs → index-DLovItWo.mjs} +1 -1
- package/lib/_shared/esm/{index-BUp5JjoD.mjs → index-DXTwueLZ.mjs} +1 -1
- package/lib/_shared/esm/{index-pkbjTTz_.mjs → index-J5IHetgg.mjs} +2 -2
- package/lib/_shared/esm/{index.es-JItYKukj.mjs → index.es-C3WGtwrW.mjs} +2 -2
- package/lib/index.cjs +2457 -1014
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +800 -431
- package/lib/index.d.mts +800 -431
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +2437 -1014
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +22 -8
- package/package.json +11 -8
- package/lib/_shared/cjs/BtIconArrowRight-BX-bj8Y6.cjs +0 -27
- package/lib/_shared/cjs/BtIconChevronRight2Px-CnplmEFZ.cjs +0 -41
- package/lib/_shared/cjs/BtIconChevronRightMid-C6zjDEMv.cjs +0 -25
- package/lib/_shared/cjs/BtIconPlayFill-WUt-9eLl.cjs +0 -27
- package/lib/_shared/cjs/HeroButton-CrsC6Q7A.cjs +0 -124
- package/lib/_shared/cjs/Icon-DdqFr6bT.cjs +0 -52
- package/lib/_shared/esm/BtIconArrowRight-CTjAzV9X.mjs +0 -25
- package/lib/_shared/esm/BtIconChevronRight2Px-CWIIvs1E.mjs +0 -38
- package/lib/_shared/esm/BtIconChevronRightMid-DB68JQ0u.mjs +0 -23
- package/lib/_shared/esm/BtIconPlayFill-DEoVOrOQ.mjs +0 -25
- package/lib/_shared/esm/HeroButton-x7krReay.mjs +0 -122
- package/lib/_shared/esm/Icon-B626JGP1.mjs +0 -49
package/lib/ThemeIcon/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--alertDismiss{-webkit-mask-image:var(--comp-alert-dismiss);mask-image:var(--comp-alert-dismiss)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--alertError{-webkit-mask-image:var(--comp-alert-error);mask-image:var(--comp-alert-error)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--alertGeneral{-webkit-mask-image:var(--comp-alert-general);mask-image:var(--comp-alert-general)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--alertSuccess{-webkit-mask-image:var(--comp-alert-success);mask-image:var(--comp-alert-success)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--alertWarning{-webkit-mask-image:var(--comp-alert-warning);mask-image:var(--comp-alert-warning)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--avatarUser{-webkit-mask-image:var(--comp-avatar-user);mask-image:var(--comp-avatar-user)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--breadcrumbLeft{-webkit-mask-image:var(--comp-breadcrumb-left);mask-image:var(--comp-breadcrumb-left)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--breadcrumbRight{-webkit-mask-image:var(--comp-breadcrumb-right);mask-image:var(--comp-breadcrumb-right)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--buttonLeft{-webkit-mask-image:var(--comp-button-left);mask-image:var(--comp-button-left)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--buttonRight{-webkit-mask-image:var(--comp-button-right);mask-image:var(--comp-button-right)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--cardButton{-webkit-mask-image:var(--comp-card-button);mask-image:var(--comp-card-button)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--carouselLeft{-webkit-mask-image:var(--comp-carousel-left);mask-image:var(--comp-carousel-left)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--carouselRight{-webkit-mask-image:var(--comp-carousel-right);mask-image:var(--comp-carousel-right)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--checkboxChecked{-webkit-mask-image:var(--comp-checkbox-checked);mask-image:var(--comp-checkbox-checked)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--checkboxError{-webkit-mask-image:var(--comp-checkbox-error);mask-image:var(--comp-checkbox-error)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--datePickerCalendar{-webkit-mask-image:var(--comp-date-picker-calendar);mask-image:var(--comp-date-picker-calendar)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--disclosureExpand{-webkit-mask-image:var(--comp-disclosure-expand);mask-image:var(--comp-disclosure-expand)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--disclosureMiniExpand{-webkit-mask-image:var(--comp-disclosure-mini-expand);mask-image:var(--comp-disclosure-mini-expand)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--downloadFile{-webkit-mask-image:var(--comp-download-file);mask-image:var(--comp-download-file)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--downloadAccessibility{-webkit-mask-image:var(--comp-download-accessibility);mask-image:var(--comp-download-accessibility)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--drawerClose{-webkit-mask-image:var(--comp-drawer-close);mask-image:var(--comp-drawer-close)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--formControlAlert{-webkit-mask-image:var(--comp-form-control-alert);mask-image:var(--comp-form-control-alert)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--modalClose{-webkit-mask-image:var(--comp-modal-close);mask-image:var(--comp-modal-close)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--paginationPrevious{-webkit-mask-image:var(--comp-pagination-previous);mask-image:var(--comp-pagination-previous)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--paginationNext{-webkit-mask-image:var(--comp-pagination-next);mask-image:var(--comp-pagination-next)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--paginationSimplePrevious{-webkit-mask-image:var(--comp-pagination-simple-previous);mask-image:var(--comp-pagination-simple-previous)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--paginationSimpleNext{-webkit-mask-image:var(--comp-pagination-simple-next);mask-image:var(--comp-pagination-simple-next)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--progressBarSuccess{-webkit-mask-image:var(--comp-progress-bar-success);mask-image:var(--comp-progress-bar-success)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--progressBarError{-webkit-mask-image:var(--comp-progress-bar-error);mask-image:var(--comp-progress-bar-error)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--progressBarRefresh{-webkit-mask-image:var(--comp-progress-bar-refresh);mask-image:var(--comp-progress-bar-refresh)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--progressStepperComplete{-webkit-mask-image:var(--comp-progress-stepper-complete);mask-image:var(--comp-progress-stepper-complete)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--progressStepperCurrent{-webkit-mask-image:var(--comp-progress-stepper-current);mask-image:var(--comp-progress-stepper-current)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--progressStepperWarning{-webkit-mask-image:var(--comp-progress-stepper-warning);mask-image:var(--comp-progress-stepper-warning)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--progressStepperError{-webkit-mask-image:var(--comp-progress-stepper-error);mask-image:var(--comp-progress-stepper-error)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--scrollToTop{-webkit-mask-image:var(--comp-scroll-to-top);mask-image:var(--comp-scroll-to-top)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--selectTrigger{-webkit-mask-image:var(--comp-select-trigger);mask-image:var(--comp-select-trigger)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--selectScrollUp{-webkit-mask-image:var(--comp-select-scroll-up);mask-image:var(--comp-select-scroll-up)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--selectScrollDown{-webkit-mask-image:var(--comp-select-scroll-down);mask-image:var(--comp-select-scroll-down)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--selectIndicator{-webkit-mask-image:var(--comp-select-indicator);mask-image:var(--comp-select-indicator)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteFooterExpand{-webkit-mask-image:var(--comp-site-footer-expand);mask-image:var(--comp-site-footer-expand)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteHeaderBack{-webkit-mask-image:var(--comp-site-header-back);mask-image:var(--comp-site-header-back)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteHeaderLink{-webkit-mask-image:var(--comp-site-header-link);mask-image:var(--comp-site-header-link)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteHeaderItemGroupExpand{-webkit-mask-image:var(--comp-site-header-item-group-expand);mask-image:var(--comp-site-header-item-group-expand)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteHeaderNavItemExpand{-webkit-mask-image:var(--comp-site-header-nav-item-expand);mask-image:var(--comp-site-header-nav-item-expand)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteHeaderNavItemExpandAlt{-webkit-mask-image:var(--comp-site-header-nav-item-expand-alt);mask-image:var(--comp-site-header-nav-item-expand-alt)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteHeaderViewAll{-webkit-mask-image:var(--comp-site-header-view-all);mask-image:var(--comp-site-header-view-all)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--siteHeaderSubNavOpen{-webkit-mask-image:var(--comp-site-header-sub-nav-open);mask-image:var(--comp-site-header-sub-nav-open)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--switchToggle{-webkit-mask-image:var(--comp-site-switch-toggle);mask-image:var(--comp-site-switch-toggle)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--tabsNext{-webkit-mask-image:var(--comp-tabs-next);mask-image:var(--comp-tabs-next)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--tabsPrevious{-webkit-mask-image:var(--comp-tabs-previous);mask-image:var(--comp-tabs-previous)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--toastGeneral{-webkit-mask-image:var(--comp-toast-general);mask-image:var(--comp-toast-general)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--tagRemove{-webkit-mask-image:var(--comp-tag-remove);mask-image:var(--comp-tag-remove)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--toastSuccess{-webkit-mask-image:var(--comp-toast-success);mask-image:var(--comp-toast-success)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--toastWarning{-webkit-mask-image:var(--comp-toast-warning);mask-image:var(--comp-toast-warning)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--toastError{-webkit-mask-image:var(--comp-toast-error);mask-image:var(--comp-toast-error)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--toastDismiss{-webkit-mask-image:var(--comp-toast-dismiss);mask-image:var(--comp-toast-dismiss)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--videoPlayerTranscript{-webkit-mask-image:var(--comp-video-player-transcript);mask-image:var(--comp-video-player-transcript)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon{background-color:currentColor;color:currentColor;display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorBrand{background-color:var(--sem-color-fg-primary-light-default);color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorBrand.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-fg-primary-dark-default);color:var(--sem-color-fg-primary-dark-default)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorStatusRed{background-color:var(--sem-color-status-fg-light-error);color:var(--sem-color-status-fg-light-error)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorStatusRed.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-error);color:var(--sem-color-status-fg-dark-error)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorStatusAmber{background-color:var(--sem-color-status-fg-light-warning);color:var(--sem-color-status-fg-light-warning)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorStatusAmber.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-warning);color:var(--sem-color-status-fg-dark-warning)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorStatusGreen{background-color:var(--sem-color-status-fg-light-success);color:var(--sem-color-status-fg-light-success)}.arc-v12-0-0-beta-16 .arc .arc-ThemeIcon--colorStatusGreen.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-success);color:var(--sem-color-status-fg-dark-success)}
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--alertDismiss{-webkit-mask-image:var(--comp-alert-dismiss);mask-image:var(--comp-alert-dismiss)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--alertError{-webkit-mask-image:var(--comp-alert-error);mask-image:var(--comp-alert-error)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--alertGeneral{-webkit-mask-image:var(--comp-alert-general);mask-image:var(--comp-alert-general)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--alertSuccess{-webkit-mask-image:var(--comp-alert-success);mask-image:var(--comp-alert-success)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--alertWarning{-webkit-mask-image:var(--comp-alert-warning);mask-image:var(--comp-alert-warning)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--avatarUser{-webkit-mask-image:var(--comp-avatar-user);mask-image:var(--comp-avatar-user)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--breadcrumbLeft{-webkit-mask-image:var(--comp-breadcrumb-left);mask-image:var(--comp-breadcrumb-left)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--breadcrumbRight{-webkit-mask-image:var(--comp-breadcrumb-right);mask-image:var(--comp-breadcrumb-right)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--buttonLeft{-webkit-mask-image:var(--comp-button-left);mask-image:var(--comp-button-left)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--buttonRight{-webkit-mask-image:var(--comp-button-right);mask-image:var(--comp-button-right)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--cardButton{-webkit-mask-image:var(--comp-card-button);mask-image:var(--comp-card-button)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--carouselLeft{-webkit-mask-image:var(--comp-carousel-left);mask-image:var(--comp-carousel-left)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--carouselRight{-webkit-mask-image:var(--comp-carousel-right);mask-image:var(--comp-carousel-right)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--checkboxChecked{-webkit-mask-image:var(--comp-checkbox-checked);mask-image:var(--comp-checkbox-checked)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--checkboxError{-webkit-mask-image:var(--comp-checkbox-error);mask-image:var(--comp-checkbox-error)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--datePickerCalendar{-webkit-mask-image:var(--comp-date-picker-calendar);mask-image:var(--comp-date-picker-calendar)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--disclosureExpand{-webkit-mask-image:var(--comp-disclosure-expand);mask-image:var(--comp-disclosure-expand)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--disclosureMiniExpand{-webkit-mask-image:var(--comp-disclosure-mini-expand);mask-image:var(--comp-disclosure-mini-expand)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--downloadFile{-webkit-mask-image:var(--comp-download-file);mask-image:var(--comp-download-file)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--downloadAccessibility{-webkit-mask-image:var(--comp-download-accessibility);mask-image:var(--comp-download-accessibility)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--drawerClose{-webkit-mask-image:var(--comp-drawer-close);mask-image:var(--comp-drawer-close)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--formControlAlert{-webkit-mask-image:var(--comp-form-control-alert);mask-image:var(--comp-form-control-alert)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--modalClose{-webkit-mask-image:var(--comp-modal-close);mask-image:var(--comp-modal-close)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--paginationPrevious{-webkit-mask-image:var(--comp-pagination-previous);mask-image:var(--comp-pagination-previous)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--paginationNext{-webkit-mask-image:var(--comp-pagination-next);mask-image:var(--comp-pagination-next)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--paginationSimplePrevious{-webkit-mask-image:var(--comp-pagination-simple-previous);mask-image:var(--comp-pagination-simple-previous)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--paginationSimpleNext{-webkit-mask-image:var(--comp-pagination-simple-next);mask-image:var(--comp-pagination-simple-next)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--progressBarSuccess{-webkit-mask-image:var(--comp-progress-bar-success);mask-image:var(--comp-progress-bar-success)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--progressBarError{-webkit-mask-image:var(--comp-progress-bar-error);mask-image:var(--comp-progress-bar-error)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--progressBarRefresh{-webkit-mask-image:var(--comp-progress-bar-refresh);mask-image:var(--comp-progress-bar-refresh)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--progressStepperComplete{-webkit-mask-image:var(--comp-progress-stepper-complete);mask-image:var(--comp-progress-stepper-complete)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--progressStepperCurrent{-webkit-mask-image:var(--comp-progress-stepper-current);mask-image:var(--comp-progress-stepper-current)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--progressStepperWarning{-webkit-mask-image:var(--comp-progress-stepper-warning);mask-image:var(--comp-progress-stepper-warning)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--progressStepperError{-webkit-mask-image:var(--comp-progress-stepper-error);mask-image:var(--comp-progress-stepper-error)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--scrollToTop{-webkit-mask-image:var(--comp-scroll-to-top);mask-image:var(--comp-scroll-to-top)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--selectTrigger{-webkit-mask-image:var(--comp-select-trigger);mask-image:var(--comp-select-trigger)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--selectScrollUp{-webkit-mask-image:var(--comp-select-scroll-up);mask-image:var(--comp-select-scroll-up)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--selectScrollDown{-webkit-mask-image:var(--comp-select-scroll-down);mask-image:var(--comp-select-scroll-down)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--selectIndicator{-webkit-mask-image:var(--comp-select-indicator);mask-image:var(--comp-select-indicator)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteFooterExpand{-webkit-mask-image:var(--comp-site-footer-expand);mask-image:var(--comp-site-footer-expand)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteHeaderBack{-webkit-mask-image:var(--comp-site-header-back);mask-image:var(--comp-site-header-back)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteHeaderLink{-webkit-mask-image:var(--comp-site-header-link);mask-image:var(--comp-site-header-link)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteHeaderItemGroupExpand{-webkit-mask-image:var(--comp-site-header-item-group-expand);mask-image:var(--comp-site-header-item-group-expand)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteHeaderNavItemExpand{-webkit-mask-image:var(--comp-site-header-nav-item-expand);mask-image:var(--comp-site-header-nav-item-expand)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteHeaderNavItemExpandAlt{-webkit-mask-image:var(--comp-site-header-nav-item-expand-alt);mask-image:var(--comp-site-header-nav-item-expand-alt)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteHeaderViewAll{-webkit-mask-image:var(--comp-site-header-view-all);mask-image:var(--comp-site-header-view-all)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--siteHeaderSubNavOpen{-webkit-mask-image:var(--comp-site-header-sub-nav-open);mask-image:var(--comp-site-header-sub-nav-open)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--switchToggle{-webkit-mask-image:var(--comp-site-switch-toggle);mask-image:var(--comp-site-switch-toggle)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--tabsNext{-webkit-mask-image:var(--comp-tabs-next);mask-image:var(--comp-tabs-next)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--tabsPrevious{-webkit-mask-image:var(--comp-tabs-previous);mask-image:var(--comp-tabs-previous)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--toastGeneral{-webkit-mask-image:var(--comp-toast-general);mask-image:var(--comp-toast-general)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--tagRemove{-webkit-mask-image:var(--comp-tag-remove);mask-image:var(--comp-tag-remove)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--toastSuccess{-webkit-mask-image:var(--comp-toast-success);mask-image:var(--comp-toast-success)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--toastWarning{-webkit-mask-image:var(--comp-toast-warning);mask-image:var(--comp-toast-warning)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--toastError{-webkit-mask-image:var(--comp-toast-error);mask-image:var(--comp-toast-error)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--toastDismiss{-webkit-mask-image:var(--comp-toast-dismiss);mask-image:var(--comp-toast-dismiss)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--videoPlayerTranscript{-webkit-mask-image:var(--comp-video-player-transcript);mask-image:var(--comp-video-player-transcript)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon{background-color:currentColor;color:currentColor;display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorBrand{background-color:var(--sem-color-fg-primary-light-default);color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorBrand.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-fg-primary-dark-default);color:var(--sem-color-fg-primary-dark-default)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorStatusRed{background-color:var(--sem-color-status-fg-light-error);color:var(--sem-color-status-fg-light-error)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorStatusRed.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-error);color:var(--sem-color-status-fg-dark-error)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorStatusAmber{background-color:var(--sem-color-status-fg-light-warning);color:var(--sem-color-status-fg-light-warning)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorStatusAmber.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-warning);color:var(--sem-color-status-fg-dark-warning)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorStatusGreen{background-color:var(--sem-color-status-fg-light-success);color:var(--sem-color-status-fg-light-success)}.arc-v12-0-0-beta-18 .arc .arc-ThemeIcon--colorStatusGreen.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-success);color:var(--sem-color-status-fg-dark-success)}
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
6
|
-
var BtIconArrowRight = require('../_shared/cjs/BtIconArrowRight-
|
|
5
|
+
var index_es = require('../_shared/cjs/index.es-sqSQUWYg.cjs');
|
|
6
|
+
var BtIconArrowRight = require('../_shared/cjs/BtIconArrowRight-Bm5PIn_6.cjs');
|
|
7
7
|
var useMediaQuery = require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
|
|
8
8
|
var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');
|
|
9
|
-
var ButtonV2 = require('../_shared/cjs/ButtonV2-
|
|
9
|
+
var ButtonV2 = require('../_shared/cjs/ButtonV2-CRNNZ_nd.cjs');
|
|
10
10
|
var Image = require('../_shared/cjs/Image-C1pcrfnN.cjs');
|
|
11
11
|
var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
|
|
12
12
|
require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
13
13
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
14
14
|
require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
|
|
15
15
|
require('../_shared/cjs/Surface-BFx1yNsq.cjs');
|
|
16
|
-
require('../_shared/cjs/Icon-
|
|
16
|
+
require('../_shared/cjs/Icon-KMACQ1i3.cjs');
|
|
17
17
|
require('../_shared/cjs/Spinner-bbrOwxv2.cjs');
|
|
18
18
|
|
|
19
19
|
var ThumbnailSignpost = function (_a) {
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight-
|
|
3
|
+
import { a as ArcSizeBreakpointsS } from '../_shared/esm/index.es-C3WGtwrW.mjs';
|
|
4
|
+
import { B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight-DpUmY3g3.mjs';
|
|
5
5
|
import { u as useMediaQuery } from '../_shared/esm/use-media-query-DmKuIDEM.mjs';
|
|
6
6
|
import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';
|
|
7
|
-
import { B as ButtonV2 } from '../_shared/esm/ButtonV2-
|
|
7
|
+
import { B as ButtonV2 } from '../_shared/esm/ButtonV2-2U4PvnpS.mjs';
|
|
8
8
|
import { I as Image } from '../_shared/esm/Image-Dl8oH1Rn.mjs';
|
|
9
9
|
import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
|
|
10
10
|
import '../_shared/esm/index-5C0-U8cc.mjs';
|
|
11
11
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
|
12
12
|
import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
|
|
13
13
|
import '../_shared/esm/Surface-Colbp3Zx.mjs';
|
|
14
|
-
import '../_shared/esm/Icon-
|
|
14
|
+
import '../_shared/esm/Icon-MZfaoOo9.mjs';
|
|
15
15
|
import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
|
|
16
16
|
|
|
17
17
|
var ThumbnailSignpost = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost{display:flex;flex-direction:row;gap:var(--thumbnail-signpost-gap)}.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image{flex-shrink:0;width:var(--thumbnail-signpost-width-xxs)}.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image img{border-radius:var(--thumbnail-signpost-border-radius-s)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-xs)}}@media (min-width:768px){.arc-v12-0-0-beta-18 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-s)}}
|
package/lib/Toast/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-Toast{align-items:center;border-radius:var(--toast-border-radius-s);display:flex;padding:var(--toast-padding-s)}.arc-v12-0-0-beta-18 .arc .arc-Toast-viewport{bottom:var(--vertical-space-size-40);left:var(--vertical-space-size-20);list-style:none;margin:0;padding:0;position:fixed;width:calc(100% - var(--vertical-space-size-40));z-index:999}.arc-v12-0-0-beta-18 .arc .arc-Toast-root:nth-of-type(n+1){margin-top:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .arc .arc-Toast-icon{flex:0 0 auto}.arc-v12-0-0-beta-18 .arc .arc-Toast-title{flex:1 1 auto;margin-left:var(--toast-gap-s)}.arc-v12-0-0-beta-18 .arc .arc-Toast-dismiss{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;margin-left:auto;padding:0;position:relative}.arc-v12-0-0-beta-18 .arc .arc-Toast-link{margin:0 var(--toast-gap-s)}.arc-v12-0-0-beta-18 .arc .arc-Toast-root:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss,.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-link{color:var(--toast-colors-status-dark-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-dismiss: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-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-dismiss:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-link,.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-link:hover{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-link,.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-link:hover{color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast{background:var(--toast-colors-status-light-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast{background:var(--toast-colors-status-dark-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-default);color:var(--toast-colors-status-light-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--error{background:var(--toast-colors-status-light-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-error);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--warning{background:var(--toast-colors-status-light-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-warning);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--success{background:var(--toast-colors-status-light-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-success);color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-dismiss,.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-dismiss,.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-dismiss{color:var(--toast-colors-status-light-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-light-fg-error)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-light-fg-warning)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-light-fg-success)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-default);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error{background:var(--toast-colors-status-dark-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-error);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning{background:var(--toast-colors-status-dark-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-warning);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success{background:var(--toast-colors-status-dark-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-success);color:var(--toast-colors-status-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-default)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-error)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-warning)}.arc-v12-0-0-beta-18 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-success)}.arc-v12-0-0-beta-18 .arc .arc-Toast-root[data-state="open"]{animation:slide-in 150ms cubic-bezier(0.16,1,0.3,1)}.arc-v12-0-0-beta-18 .arc .arc-Toast-root[data-state="closed"]{animation:hide 100ms ease-in}.arc-v12-0-0-beta-18 .arc .arc-Toast-root[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x))}.arc-v12-0-0-beta-18 .arc .arc-Toast-root[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out}.arc-v12-0-0-beta-18 .arc .arc-Toast-root[data-swipe="end"]{animation:slide-right 100ms ease-out}@media (min-width:404px){.arc-v12-0-0-beta-18 .arc .arc-Toast-viewport{--arc-toast-viewport-width:384px;left:calc(50% - (var(--arc-toast-viewport-width)/2));max-width:var(--arc-toast-viewport-width);width:100%}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes slide-right{from{opacity:1;transform:translateX(var(--radix-toast-swipe-end-x))}to{opacity:0;transform:translateX(calc(var(--radix-toast-swipe-end-x) + 100%))}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
|
package/lib/Tooltip/Tooltip.cjs
CHANGED
|
@@ -8,7 +8,7 @@ var ReactDOM = require('react-dom');
|
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
var index$1 = require('../_shared/cjs/index-B11wQrRa.cjs');
|
|
10
10
|
var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
|
|
11
|
-
var Icon = require('../_shared/cjs/Icon-
|
|
11
|
+
var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
|
|
12
12
|
var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
|
|
13
13
|
require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
14
14
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
package/lib/Tooltip/Tooltip.mjs
CHANGED
|
@@ -8,7 +8,7 @@ import ReactDOM__default from 'react-dom';
|
|
|
8
8
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
9
9
|
import { u as useSize, a as useFloating, b as autoUpdate, o as offset, s as shift, l as limitShift, f as flip, c as size, d as arrow, h as hide } from '../_shared/esm/index-CWHcEz3_.mjs';
|
|
10
10
|
import { S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
|
|
11
|
-
import { I as Icon } from '../_shared/esm/Icon-
|
|
11
|
+
import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
|
|
12
12
|
import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
|
|
13
13
|
import '../_shared/esm/index-5C0-U8cc.mjs';
|
|
14
14
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
package/lib/Tooltip/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-Tooltip-arrow{background:#434343;border-bottom:1px solid #2a2a2a;border-bottom-right-radius:1px;border-right:1px solid #2a2a2a;fill:none;height:10px;position:relative;transform:translate(0,-52%) rotate(45deg);width:10px}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-trigger{all:unset;cursor:pointer}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-content{background:#434343;border:1px solid #2a2a2a;border-radius:5px;box-shadow:var(--elevation-02);padding:4px 8px;text-align:center}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-trigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-18 .arc .arc-Tooltip-trigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}
|
package/lib/Truncate/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-Truncate>*,.arc-v12-0-0-beta-18 .arc .arc-Truncate{display:inherit;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;vertical-align:initial;white-space:nowrap}
|
|
@@ -6,13 +6,11 @@ var React = require('react');
|
|
|
6
6
|
var index = require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
7
7
|
var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
|
|
8
8
|
var CardHeading = require('../_shared/cjs/CardHeading-Cl0D1Khp.cjs');
|
|
9
|
-
var CardFooter = require('../_shared/cjs/CardFooter-
|
|
9
|
+
var CardFooter = require('../_shared/cjs/CardFooter-DwE-u0Om.cjs');
|
|
10
10
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
11
11
|
require('../_shared/cjs/Heading-BEMSkLYR.cjs');
|
|
12
12
|
require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
|
|
13
|
-
require('../_shared/cjs/
|
|
14
|
-
require('../_shared/cjs/BtIconPlayFill-WUt-9eLl.cjs');
|
|
15
|
-
require('../_shared/cjs/Icon-DdqFr6bT.cjs');
|
|
13
|
+
require('../_shared/cjs/Icon-KMACQ1i3.cjs');
|
|
16
14
|
require('../_shared/cjs/index-BLRjGROQ.cjs');
|
|
17
15
|
|
|
18
16
|
/** Use `TypographyCard` for content that benefits from larger and energetic typography. */
|
|
@@ -4,13 +4,11 @@ import React__default, { useContext, useState } from 'react';
|
|
|
4
4
|
import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
|
|
5
5
|
import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
|
|
6
6
|
import { C as CardHeading } from '../_shared/esm/CardHeading-_setRRjq.mjs';
|
|
7
|
-
import { C as CardFooter } from '../_shared/esm/CardFooter-
|
|
7
|
+
import { C as CardFooter } from '../_shared/esm/CardFooter-CgDDDI7Z.mjs';
|
|
8
8
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
|
9
9
|
import '../_shared/esm/Heading-CxHWefi7.mjs';
|
|
10
10
|
import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
|
|
11
|
-
import '../_shared/esm/
|
|
12
|
-
import '../_shared/esm/BtIconPlayFill-DEoVOrOQ.mjs';
|
|
13
|
-
import '../_shared/esm/Icon-B626JGP1.mjs';
|
|
11
|
+
import '../_shared/esm/Icon-MZfaoOo9.mjs';
|
|
14
12
|
import '../_shared/esm/index-Cr6KeQLU.mjs';
|
|
15
13
|
|
|
16
14
|
/** Use `TypographyCard` for content that benefits from larger and energetic typography. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-TypographyCard{border-radius:var(--card-border-radius-s);box-shadow:0 0 1px var(--card-border-weight-s) var(--card-colors-light-border-default);color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:hidden;padding:var(--card-padding-s);position:relative;transition:outline 0.2s ease-in-out}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard-contentContainer{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:24px}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard-label{color:var(--card-colors-light-text-support);font:var(--sem-type-body-semi-s);margin-bottom:var(--card-gap-m)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-border-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--outlined:not(.arc-TypographyCard--darkPathway) .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined .arc-CardHeading{color:var(--card-colors-dark-text-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined{box-shadow:0 0 0 2px var(--card-colors-dark-border-hover)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 2px transparent}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px var(--card-colors-light-border-default);outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--lightPathway{background:var(--card-colors-light-bg-emphasis)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway{background:var(--card-colors-dark-bg-emphasis);box-shadow:0 0 0 1px transparent;color:var(--card-colors-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--darkPathway .arc-TypographyCard-label{color:var(--card-colors-dark-text-support)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined[focus-within]{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-18 .arc .arc-TypographyCard--onDarkSurface.arc-TypographyCard--outlined:focus-within{box-shadow:0 0 0 1px transparent;outline-color:var(--focus-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-TypographyCard{padding:var(--card-padding-m)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader{color:var(--universal-header-colors-light-text-default);position:relative}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader::after,.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader::before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader::after{background-image:linear-gradient(to right,rgba(240,240,240,0),rgba(240,240,240,1) 100%);right:0;width:24px}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader::before{background-image:linear-gradient(to left,rgba(240,240,240,0),rgba(240,240,240,1) 100%);left:0;width:16px}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader::before{width:24px}}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-items{align-items:center;display:flex;list-style:none;margin:0 auto;max-width:620px;overflow-x:auto;padding-left:0;padding-right:var(--universal-header-padding-m)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-items{max-width:1008px;padding-left:var(--universal-header-padding-m);padding-right:var(--universal-header-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-items{max-width:1280px;padding-left:var(--universal-header-padding-xl);padding-right:var(--universal-header-padding-xl)}}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-link{color:inherit;display:block;font:var(--sem-type-body-reg-xs);padding-top:calc(4px * 2);padding-bottom:calc(4px * 2);padding-left:calc(4px * 4);padding-right:calc(4px * 4);text-decoration:none;white-space:nowrap}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-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-v12-0-0-beta-18 .arc .arc-UniversalHeader-link:hover{color:var(--universal-header-colors-light-text-hover);text-decoration:underline}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-link--isActive{background-color:var(--header-menu-colors-light-fg-default);color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-link--isActive:hover{color:var(--header-menu-colors-light-text-default-alt)}.arc-v12-0-0-beta-18 .arc .arc-UniversalHeader-contentSlot{margin-left:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size4.arc-VerticalSpace--debugVisible::after{content:"Space 4";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1);top:calc(calc(0px - var(--vertical-space-size-4)) * 1)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size8.arc-VerticalSpace--debugVisible::after{content:"Space 8";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size12.arc-VerticalSpace--debugVisible::after{content:"Space 12";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size16.arc-VerticalSpace--debugVisible::after{content:"Space 16";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size20.arc-VerticalSpace--debugVisible::after{content:"Space 20";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size24.arc-VerticalSpace--debugVisible::after{content:"Space 24";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size28.arc-VerticalSpace--debugVisible::after{content:"Space 28";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size32.arc-VerticalSpace--debugVisible::after{content:"Space 32";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size40.arc-VerticalSpace--debugVisible::after{content:"Space 40";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size48.arc-VerticalSpace--debugVisible::after{content:"Space 48";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size64.arc-VerticalSpace--debugVisible::after{content:"Space 64";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size96.arc-VerticalSpace--debugVisible::after{content:"Space 96";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--size128.arc-VerticalSpace--debugVisible::after{content:"Space 128";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}@media (min-width:636px){.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS4.arc-VerticalSpace--debugVisible::after{content:"Space 4 S";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS8.arc-VerticalSpace--debugVisible::after{content:"Space 8 S";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS12.arc-VerticalSpace--debugVisible::after{content:"Space 12 S";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS16.arc-VerticalSpace--debugVisible::after{content:"Space 16 S";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS20.arc-VerticalSpace--debugVisible::after{content:"Space 20 S";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS24.arc-VerticalSpace--debugVisible::after{content:"Space 24 S";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS28.arc-VerticalSpace--debugVisible::after{content:"Space 28 S";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS32.arc-VerticalSpace--debugVisible::after{content:"Space 32 S";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS40.arc-VerticalSpace--debugVisible::after{content:"Space 40 S";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS48.arc-VerticalSpace--debugVisible::after{content:"Space 48 S";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS64.arc-VerticalSpace--debugVisible::after{content:"Space 64 S";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS96.arc-VerticalSpace--debugVisible::after{content:"Space 96 S";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeS128.arc-VerticalSpace--debugVisible::after{content:"Space 128 S";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:768px){.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM4.arc-VerticalSpace--debugVisible::after{content:"Space 4 M";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM8.arc-VerticalSpace--debugVisible::after{content:"Space 8 M";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM12.arc-VerticalSpace--debugVisible::after{content:"Space 12 M";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM16.arc-VerticalSpace--debugVisible::after{content:"Space 16 M";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM20.arc-VerticalSpace--debugVisible::after{content:"Space 20 M";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM24.arc-VerticalSpace--debugVisible::after{content:"Space 24 M";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM28.arc-VerticalSpace--debugVisible::after{content:"Space 28 M";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM32.arc-VerticalSpace--debugVisible::after{content:"Space 32 M";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM40.arc-VerticalSpace--debugVisible::after{content:"Space 40 M";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM48.arc-VerticalSpace--debugVisible::after{content:"Space 48 M";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM64.arc-VerticalSpace--debugVisible::after{content:"Space 64 M";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM96.arc-VerticalSpace--debugVisible::after{content:"Space 96 M";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeM128.arc-VerticalSpace--debugVisible::after{content:"Space 128 M";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1024px){.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 L";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 L";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 L";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 L";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 L";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 L";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 L";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 L";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 L";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 L";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 L";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 L";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 L";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1280px){.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 XL";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 XL";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 XL";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 XL";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 XL";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 XL";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 XL";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 XL";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 XL";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 XL";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 XL";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 XL";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--sizeXL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 XL";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-16 .arc .arc-VerticalSpace--debugVisible::after{align-items:center;background-color:rgba(var(--arc-debug-rgb),0.5);color:inherit;content:"Space";display:flex;height:var(--vertical-space-size-24);justify-content:center;left:0;outline:1px dashed rgba(var(--arc-debug-rgb),1);outline-offset:-1px;position:absolute;right:0;top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-16 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size4.arc-VerticalSpace--debugVisible::after{content:"Space 4";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1);top:calc(calc(0px - var(--vertical-space-size-4)) * 1)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size8.arc-VerticalSpace--debugVisible::after{content:"Space 8";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size12.arc-VerticalSpace--debugVisible::after{content:"Space 12";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size16.arc-VerticalSpace--debugVisible::after{content:"Space 16";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size20.arc-VerticalSpace--debugVisible::after{content:"Space 20";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size24.arc-VerticalSpace--debugVisible::after{content:"Space 24";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size28.arc-VerticalSpace--debugVisible::after{content:"Space 28";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size32.arc-VerticalSpace--debugVisible::after{content:"Space 32";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size40.arc-VerticalSpace--debugVisible::after{content:"Space 40";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size48.arc-VerticalSpace--debugVisible::after{content:"Space 48";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size64.arc-VerticalSpace--debugVisible::after{content:"Space 64";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size96.arc-VerticalSpace--debugVisible::after{content:"Space 96";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--size128.arc-VerticalSpace--debugVisible::after{content:"Space 128";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS4.arc-VerticalSpace--debugVisible::after{content:"Space 4 S";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS8.arc-VerticalSpace--debugVisible::after{content:"Space 8 S";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS12.arc-VerticalSpace--debugVisible::after{content:"Space 12 S";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS16.arc-VerticalSpace--debugVisible::after{content:"Space 16 S";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS20.arc-VerticalSpace--debugVisible::after{content:"Space 20 S";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS24.arc-VerticalSpace--debugVisible::after{content:"Space 24 S";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS28.arc-VerticalSpace--debugVisible::after{content:"Space 28 S";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS32.arc-VerticalSpace--debugVisible::after{content:"Space 32 S";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS40.arc-VerticalSpace--debugVisible::after{content:"Space 40 S";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS48.arc-VerticalSpace--debugVisible::after{content:"Space 48 S";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS64.arc-VerticalSpace--debugVisible::after{content:"Space 64 S";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS96.arc-VerticalSpace--debugVisible::after{content:"Space 96 S";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeS128.arc-VerticalSpace--debugVisible::after{content:"Space 128 S";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:768px){.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM4.arc-VerticalSpace--debugVisible::after{content:"Space 4 M";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM8.arc-VerticalSpace--debugVisible::after{content:"Space 8 M";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM12.arc-VerticalSpace--debugVisible::after{content:"Space 12 M";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM16.arc-VerticalSpace--debugVisible::after{content:"Space 16 M";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM20.arc-VerticalSpace--debugVisible::after{content:"Space 20 M";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM24.arc-VerticalSpace--debugVisible::after{content:"Space 24 M";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM28.arc-VerticalSpace--debugVisible::after{content:"Space 28 M";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM32.arc-VerticalSpace--debugVisible::after{content:"Space 32 M";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM40.arc-VerticalSpace--debugVisible::after{content:"Space 40 M";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM48.arc-VerticalSpace--debugVisible::after{content:"Space 48 M";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM64.arc-VerticalSpace--debugVisible::after{content:"Space 64 M";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM96.arc-VerticalSpace--debugVisible::after{content:"Space 96 M";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeM128.arc-VerticalSpace--debugVisible::after{content:"Space 128 M";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 L";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 L";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 L";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 L";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 L";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 L";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 L";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 L";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 L";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 L";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 L";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 L";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 L";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}@media (min-width:1280px){.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL4{padding-bottom:var(--vertical-space-size-4)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL4.arc-VerticalSpace--debugVisible::after{content:"Space 4 XL";height:var(--vertical-space-size-4);top:calc((0px - var(--vertical-space-size-4)) * 1px);top:calc(calc(0px - var(--vertical-space-size-4)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL8{padding-bottom:var(--vertical-space-size-8)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL8.arc-VerticalSpace--debugVisible::after{content:"Space 8 XL";height:var(--vertical-space-size-8);top:calc((0px - var(--vertical-space-size-8)) * 1px);top:calc(calc(0px - var(--vertical-space-size-8)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL12{padding-bottom:var(--vertical-space-size-12)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL12.arc-VerticalSpace--debugVisible::after{content:"Space 12 XL";height:var(--vertical-space-size-12);top:calc((0px - var(--vertical-space-size-12)) * 1px);top:calc(calc(0px - var(--vertical-space-size-12)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL16{padding-bottom:var(--vertical-space-size-16)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL16.arc-VerticalSpace--debugVisible::after{content:"Space 16 XL";height:var(--vertical-space-size-16);top:calc((0px - var(--vertical-space-size-16)) * 1px);top:calc(calc(0px - var(--vertical-space-size-16)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL20{padding-bottom:var(--vertical-space-size-20)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL20.arc-VerticalSpace--debugVisible::after{content:"Space 20 XL";height:var(--vertical-space-size-20);top:calc((0px - var(--vertical-space-size-20)) * 1px);top:calc(calc(0px - var(--vertical-space-size-20)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL24{padding-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL24.arc-VerticalSpace--debugVisible::after{content:"Space 24 XL";height:var(--vertical-space-size-24);top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL28{padding-bottom:var(--vertical-space-size-28)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL28.arc-VerticalSpace--debugVisible::after{content:"Space 28 XL";height:var(--vertical-space-size-28);top:calc((0px - var(--vertical-space-size-28)) * 1px);top:calc(calc(0px - var(--vertical-space-size-28)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL32{padding-bottom:var(--vertical-space-size-32)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL32.arc-VerticalSpace--debugVisible::after{content:"Space 32 XL";height:var(--vertical-space-size-32);top:calc((0px - var(--vertical-space-size-32)) * 1px);top:calc(calc(0px - var(--vertical-space-size-32)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL40{padding-bottom:var(--vertical-space-size-40)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL40.arc-VerticalSpace--debugVisible::after{content:"Space 40 XL";height:var(--vertical-space-size-40);top:calc((0px - var(--vertical-space-size-40)) * 1px);top:calc(calc(0px - var(--vertical-space-size-40)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL48{padding-bottom:var(--vertical-space-size-48)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL48.arc-VerticalSpace--debugVisible::after{content:"Space 48 XL";height:var(--vertical-space-size-48);top:calc((0px - var(--vertical-space-size-48)) * 1px);top:calc(calc(0px - var(--vertical-space-size-48)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL64{padding-bottom:var(--vertical-space-size-64)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL64.arc-VerticalSpace--debugVisible::after{content:"Space 64 XL";height:var(--vertical-space-size-64);top:calc((0px - var(--vertical-space-size-64)) * 1px);top:calc(calc(0px - var(--vertical-space-size-64)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL96{padding-bottom:var(--vertical-space-size-96)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL96.arc-VerticalSpace--debugVisible::after{content:"Space 96 XL";height:var(--vertical-space-size-96);top:calc((0px - var(--vertical-space-size-96)) * 1px);top:calc(calc(0px - var(--vertical-space-size-96)) * 1px)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL128{padding-bottom:var(--vertical-space-size-128)}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--sizeXL128.arc-VerticalSpace--debugVisible::after{content:"Space 128 XL";height:var(--vertical-space-size-128);top:calc((0px - var(--vertical-space-size-128)) * 1px);top:calc(calc(0px - var(--vertical-space-size-128)) * 1px)}}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--debugVisible{position:relative}.arc-v12-0-0-beta-18 .arc .arc-VerticalSpace--debugVisible::after{align-items:center;background-color:rgba(var(--arc-debug-rgb),0.5);color:inherit;content:"Space";display:flex;height:var(--vertical-space-size-24);justify-content:center;left:0;outline:1px dashed rgba(var(--arc-debug-rgb),1);outline-offset:-1px;position:absolute;right:0;top:calc((0px - var(--vertical-space-size-24)) * 1px);top:calc(calc(0px - var(--vertical-space-size-24)) * 1px)}.arc-v12-0-0-beta-18 .arc *+.arc-VerticalSpace.arc-VerticalSpace--debugVisible::after{top:0}
|
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
7
|
-
var
|
|
8
|
-
var Icon = require('../_shared/cjs/Icon-DdqFr6bT.cjs');
|
|
7
|
+
var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
|
|
9
8
|
var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
|
|
10
9
|
var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
|
|
11
10
|
var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');
|
|
@@ -17,6 +16,14 @@ require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
|
17
16
|
require('../_shared/cjs/Surface-BFx1yNsq.cjs');
|
|
18
17
|
require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
|
|
19
18
|
|
|
19
|
+
/**
|
|
20
|
+
* Do not edit directly
|
|
21
|
+
* Generated file
|
|
22
|
+
*/
|
|
23
|
+
|
|
24
|
+
const BtIconPlayFill =
|
|
25
|
+
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M13.161 11.762a.1.1 0 0 0-.107 0 .1.1 0 0 0-.054.092v8.288a.1.1 0 0 0 .054.093.1.1 0 0 0 .107 0l7.178-4.144a.1.1 0 0 0 .054-.092.1.1 0 0 0-.054-.094Z'/%3e%3cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m4.839 14.957-7.178 4.145a1.108 1.108 0 0 1-1.661-.96v-8.288a1.107 1.107 0 0 1 1.661-.958l7.178 4.144a1.107 1.107 0 0 1 0 1.917'/%3e%3c/svg%3e";
|
|
26
|
+
|
|
20
27
|
var cjs;
|
|
21
28
|
var hasRequiredCjs;
|
|
22
29
|
|
|
@@ -207,8 +214,8 @@ function memoizeOne(resultFn, isEqual) {
|
|
|
207
214
|
}
|
|
208
215
|
|
|
209
216
|
var memoizeOne_esm = /*#__PURE__*/Object.freeze({
|
|
210
|
-
|
|
211
|
-
|
|
217
|
+
__proto__: null,
|
|
218
|
+
default: memoizeOne
|
|
212
219
|
});
|
|
213
220
|
|
|
214
221
|
var require$$2 = /*@__PURE__*/index.getAugmentedNamespace(memoizeOne_esm);
|
|
@@ -3163,7 +3170,7 @@ var VideoPlayer = function (_a) {
|
|
|
3163
3170
|
onError: onError,
|
|
3164
3171
|
onEnded: onEnded,
|
|
3165
3172
|
playIcon: (React.createElement("div", { className: "arc-VideoPlayer-icon" },
|
|
3166
|
-
React.createElement(Icon.Icon, {
|
|
3173
|
+
React.createElement(Icon.Icon, { icon: BtIconPlayFill }))),
|
|
3167
3174
|
playing: Boolean(light),
|
|
3168
3175
|
controls: true,
|
|
3169
3176
|
className: "arc-VideoPlayer",
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import { b as getAugmentedNamespace, a as commonjsGlobal, g as getDefaultExportFromCjs, c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
|
|
5
|
-
import {
|
|
6
|
-
import { I as Icon } from '../_shared/esm/Icon-B626JGP1.mjs';
|
|
5
|
+
import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
|
|
7
6
|
import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
|
|
8
7
|
import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
|
|
9
8
|
import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';
|
|
@@ -15,6 +14,14 @@ import '../_shared/esm/index-Spae4j7j.mjs';
|
|
|
15
14
|
import '../_shared/esm/Surface-Colbp3Zx.mjs';
|
|
16
15
|
import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
|
|
17
16
|
|
|
17
|
+
/**
|
|
18
|
+
* Do not edit directly
|
|
19
|
+
* Generated file
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
const BtIconPlayFill =
|
|
23
|
+
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M13.161 11.762a.1.1 0 0 0-.107 0 .1.1 0 0 0-.054.092v8.288a.1.1 0 0 0 .054.093.1.1 0 0 0 .107 0l7.178-4.144a.1.1 0 0 0 .054-.092.1.1 0 0 0-.054-.094Z'/%3e%3cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m4.839 14.957-7.178 4.145a1.108 1.108 0 0 1-1.661-.96v-8.288a1.107 1.107 0 0 1 1.661-.958l7.178 4.144a1.107 1.107 0 0 1 0 1.917'/%3e%3c/svg%3e";
|
|
24
|
+
|
|
18
25
|
var cjs;
|
|
19
26
|
var hasRequiredCjs;
|
|
20
27
|
|
|
@@ -205,8 +212,8 @@ function memoizeOne(resultFn, isEqual) {
|
|
|
205
212
|
}
|
|
206
213
|
|
|
207
214
|
var memoizeOne_esm = /*#__PURE__*/Object.freeze({
|
|
208
|
-
|
|
209
|
-
|
|
215
|
+
__proto__: null,
|
|
216
|
+
default: memoizeOne
|
|
210
217
|
});
|
|
211
218
|
|
|
212
219
|
var require$$2 = /*@__PURE__*/getAugmentedNamespace(memoizeOne_esm);
|
|
@@ -3161,7 +3168,7 @@ var VideoPlayer = function (_a) {
|
|
|
3161
3168
|
onError: onError,
|
|
3162
3169
|
onEnded: onEnded,
|
|
3163
3170
|
playIcon: (React__default.createElement("div", { className: "arc-VideoPlayer-icon" },
|
|
3164
|
-
React__default.createElement(Icon, {
|
|
3171
|
+
React__default.createElement(Icon, { icon: BtIconPlayFill }))),
|
|
3165
3172
|
playing: Boolean(light),
|
|
3166
3173
|
controls: true,
|
|
3167
3174
|
className: "arc-VideoPlayer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer{height:100%;width:100%}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-wrapper--borderRadius{border-radius:var(--sem-border-radius-s)}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-icon{color:var(--sem-color-bg-secondary-light-minimal);height:80px;opacity:0.8;transition:0.4s ease opacity;width:80px}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-icon:hover{opacity:1}.arc-v12-0-0-beta-18 .arc .arc-VideoPlayer-transcriptSectionHeading{display:inline}
|
package/lib/Visible/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-Visible{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-Visible--xs{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc-v12-0-0-beta-18 .arc .arc-Visible--s{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-Visible--m{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc-v12-0-0-beta-18 .arc .arc-Visible--l{display:none}.arc-v12-0-0-beta-18 .arc .arc-Visible--xl{display:block}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-18 .arc .arc-VisuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var Image = require('./Image-C1pcrfnN.cjs');
|
|
6
|
+
|
|
7
|
+
var BannerImage = function (_a) {
|
|
8
|
+
var sources = _a.sources, ariaHidden = _a.ariaHidden, props = filterAttrs.__rest(_a, ["sources", "ariaHidden"]);
|
|
9
|
+
return (React.createElement(Image.Image, filterAttrs.__assign({ "aria-hidden": ariaHidden, fadeOnLoad: true }, props), sources &&
|
|
10
|
+
sources.map(function (source) { return React.createElement("source", filterAttrs.__assign({ key: source.srcSet }, source)); })));
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
exports.BannerImage = BannerImage;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Do not edit directly
|
|
5
|
+
* Generated file
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
const BtIconArrowRight =
|
|
9
|
+
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 27a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13'/%3e%3cpath d='M18.146 11.646a.5.5 0 0 0 0 .707l3.147 3.147H9.5a.5.5 0 0 0 0 1h11.793l-3.146 3.146a.5.5 0 1 0 .707.707L23.207 16l-4.354-4.354a.5.5 0 0 0-.707 0'/%3e%3c/svg%3e";
|
|
10
|
+
|
|
11
|
+
exports.BtIconArrowRight = BtIconArrowRight;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Do not edit directly
|
|
5
|
+
* Generated file
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
const BtIconChevronLeft2Px =
|
|
9
|
+
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M22.5 29.999a1 1 0 0 1-.707-.293L8.086 15.993 21.793 2.294a1 1 0 0 1 1.414 1.415L10.914 15.994l12.293 12.298a1 1 0 0 1-.707 1.706'/%3e%3c/svg%3e";
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Do not edit directly
|
|
13
|
+
* Generated file
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
const BtIconChevronRight2Px =
|
|
17
|
+
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M9.5 29.999a1 1 0 0 1-.707-1.708l12.293-12.285L8.793 3.71a1 1 0 0 1 1.414-1.415l13.707 13.713-13.707 13.7a1 1 0 0 1-.707.292'/%3e%3c/svg%3e";
|
|
18
|
+
|
|
19
|
+
exports.BtIconChevronLeft2Px = BtIconChevronLeft2Px;
|
|
20
|
+
exports.BtIconChevronRight2Px = BtIconChevronRight2Px;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Do not edit directly
|
|
5
|
+
* Generated file
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
const BtIconChevronRightMid =
|
|
9
|
+
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='M9.045 8 6.197 5.148a.673.673 0 0 1 .731-1.097.7.7 0 0 1 .218.146l3.324 3.328a.673.673 0 0 1 0 .95l-3.324 3.329A.67.67 0 0 1 6 11.328c0-.178.07-.35.197-.476z' clip-rule='evenodd'/%3e%3c/svg%3e";
|
|
10
|
+
|
|
11
|
+
exports.BtIconChevronRightMid = BtIconChevronRightMid;
|
|
@@ -4,7 +4,7 @@ var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('./index-CTlXMLug.cjs');
|
|
6
6
|
var suffixModifier = require('./suffix-modifier-DLUGR-yG.cjs');
|
|
7
|
-
var Icon = require('./Icon-
|
|
7
|
+
var Icon = require('./Icon-KMACQ1i3.cjs');
|
|
8
8
|
var Surface = require('./Surface-BFx1yNsq.cjs');
|
|
9
9
|
var ThemeIcon = require('./ThemeIcon-BoxbjTaQ.cjs');
|
|
10
10
|
|
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('./index-CTlXMLug.cjs');
|
|
6
|
-
var Icon = require('./Icon-
|
|
6
|
+
var Icon = require('./Icon-KMACQ1i3.cjs');
|
|
7
7
|
var Surface = require('./Surface-BFx1yNsq.cjs');
|
|
8
8
|
var Spinner = require('./Spinner-bbrOwxv2.cjs');
|
|
9
9
|
|
|
10
10
|
var ButtonV2 = React.forwardRef(function (_a, ref) {
|
|
11
|
-
var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, ariaControls = _a.ariaControls, ariaExpanded = _a.ariaExpanded, ariaHasPopup = _a.ariaHasPopup, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = filterAttrs.__rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "ariaControls", "ariaExpanded", "ariaHasPopup", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
|
|
11
|
+
var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, ariaControls = _a.ariaControls, ariaExpanded = _a.ariaExpanded, ariaHasPopup = _a.ariaHasPopup, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, isSpan = _a.isSpan, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = filterAttrs.__rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "ariaControls", "ariaExpanded", "ariaHasPopup", "isFullWidth", "isLoading", "isSpan", "onClick", "href", "id", "rel", "target", "type", "form"]);
|
|
12
12
|
var surface = React.useContext(Surface.Context).surface;
|
|
13
|
+
var ButtonElement = isSpan ? "span" : "button";
|
|
13
14
|
var iconSizes = {
|
|
14
15
|
s: 16,
|
|
15
16
|
m: 32,
|
|
@@ -24,6 +25,16 @@ var ButtonV2 = React.forwardRef(function (_a, ref) {
|
|
|
24
25
|
"arc-ButtonV2--withIconBeforeText": iconPosition === "beforeText" && (icon || isLoading),
|
|
25
26
|
});
|
|
26
27
|
var commonProps = filterAttrs.__assign({ id: id, onClick: onClick, ref: ref }, filterAttrs.filterAttrs(props));
|
|
28
|
+
var getIconColor = function (buttonStyle) {
|
|
29
|
+
switch (buttonStyle) {
|
|
30
|
+
case "compact":
|
|
31
|
+
case "secondary":
|
|
32
|
+
case "tertiary":
|
|
33
|
+
return surface === "light" ? "gradient" : "auto";
|
|
34
|
+
default:
|
|
35
|
+
return "auto";
|
|
36
|
+
}
|
|
37
|
+
};
|
|
27
38
|
var buttonContent = (React.createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
|
|
28
39
|
"arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
|
|
29
40
|
}) },
|
|
@@ -31,11 +42,11 @@ var ButtonV2 = React.forwardRef(function (_a, ref) {
|
|
|
31
42
|
isLoading && (React.createElement("span", { className: "arc-ButtonV2-icon" },
|
|
32
43
|
React.createElement(Spinner.Spinner, { size: size }))),
|
|
33
44
|
icon && !isLoading && (React.createElement("span", { className: "arc-ButtonV2-icon" },
|
|
34
|
-
React.createElement(Icon.Icon, { size: iconSizes[size], icon: icon })))));
|
|
45
|
+
React.createElement(Icon.Icon, { color: getIconColor(buttonStyle), size: iconSizes[size], icon: icon })))));
|
|
35
46
|
if (href && !isLoading) {
|
|
36
47
|
return (React.createElement("a", filterAttrs.__assign({}, commonProps, { className: ButtonV2Classes, href: href, rel: rel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, target: target }), buttonContent));
|
|
37
48
|
}
|
|
38
|
-
return (React.createElement(
|
|
49
|
+
return (React.createElement(ButtonElement, filterAttrs.__assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, disabled: isLoading, type: type, form: form }),
|
|
39
50
|
React.createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
|
|
40
51
|
"arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
|
|
41
52
|
}) }, buttonContent)));
|