@arc-ui/components 12.0.0-beta.23 → 12.0.0-beta.24
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 +39 -39
- package/lib/Alert/Alert.mjs +40 -40
- package/lib/Alert/styles.css +1 -1
- package/lib/Align/Align.cjs +4 -3
- package/lib/Align/Align.mjs +2 -1
- package/lib/Align/styles.css +1 -1
- package/lib/AppButton/AppButton.cjs +5 -4
- package/lib/AppButton/AppButton.mjs +3 -2
- package/lib/AppButton/styles.css +1 -1
- package/lib/Avatar/Avatar.cjs +9 -7
- package/lib/Avatar/Avatar.mjs +9 -7
- package/lib/Avatar/styles.css +1 -1
- package/lib/AvatarGroup/AvatarGroup.cjs +14 -12
- package/lib/AvatarGroup/AvatarGroup.mjs +9 -7
- package/lib/AvatarGroup/styles.css +1 -1
- package/lib/Badge/Badge.cjs +3 -2
- package/lib/Badge/Badge.mjs +3 -2
- package/lib/Badge/styles.css +1 -1
- package/lib/Banner/Banner.cjs +14 -12
- package/lib/Banner/Banner.mjs +12 -10
- package/lib/Box/Box.cjs +4 -3
- package/lib/Box/Box.mjs +4 -3
- package/lib/Box/styles.css +1 -1
- package/lib/BrandLogo/BrandLogo.cjs +4 -3
- package/lib/BrandLogo/BrandLogo.mjs +4 -3
- package/lib/BrandLogo/styles.css +1 -1
- package/lib/Breadcrumbs/Breadcrumbs.cjs +7 -6
- package/lib/Breadcrumbs/Breadcrumbs.mjs +4 -3
- package/lib/Breadcrumbs/styles.css +1 -1
- package/lib/Button/Button.cjs +6 -5
- package/lib/Button/Button.mjs +6 -5
- package/lib/Button/styles.css +1 -1
- package/lib/ButtonGroup/ButtonGroup.cjs +11 -10
- package/lib/ButtonGroup/ButtonGroup.mjs +8 -7
- package/lib/ButtonGroup/styles.css +1 -1
- package/lib/ButtonV2/ButtonV2.cjs +6 -5
- package/lib/ButtonV2/ButtonV2.mjs +6 -5
- package/lib/ButtonV2/styles.css +1 -1
- package/lib/Calendar/Calendar.cjs +12 -10
- package/lib/Calendar/Calendar.mjs +12 -10
- package/lib/Calendar/styles.css +1 -1
- package/lib/CardFooter/CardFooter.cjs +5 -4
- package/lib/CardFooter/CardFooter.mjs +5 -4
- package/lib/CardFooter/styles.css +1 -1
- package/lib/CardHeading/CardHeading.cjs +6 -4
- package/lib/CardHeading/CardHeading.mjs +6 -4
- package/lib/CardHeading/styles.css +1 -1
- package/lib/Carousel/Carousel.cjs +7 -6
- package/lib/Carousel/Carousel.mjs +6 -5
- package/lib/Carousel/styles.css +1 -1
- package/lib/Checkbox/Checkbox.cjs +22 -55
- package/lib/Checkbox/Checkbox.mjs +23 -56
- package/lib/Checkbox/styles.css +1 -1
- package/lib/CheckboxIcon/CheckboxIcon.cjs +19 -0
- package/lib/CheckboxIcon/CheckboxIcon.mjs +13 -0
- package/lib/CheckboxIcon/styles.css +1 -0
- package/lib/ClientSideVisible/ClientSideVisible.cjs +8 -0
- package/lib/ClientSideVisible/ClientSideVisible.mjs +2 -0
- package/lib/Columns/Columns.cjs +7 -6
- package/lib/Columns/Columns.mjs +3 -2
- package/lib/Columns/styles.css +1 -1
- package/lib/ComboBox/ComboBox.cjs +30 -29
- package/lib/ComboBox/ComboBox.mjs +14 -13
- package/lib/ComboBox/styles.css +1 -1
- package/lib/ContentSwitcher/ContentSwitcher.cjs +5 -4
- package/lib/ContentSwitcher/ContentSwitcher.mjs +5 -4
- package/lib/ContentSwitcher/styles.css +1 -1
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs +10 -9
- package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.mjs +10 -9
- package/lib/ContentSwitcherDropdown/styles.css +1 -1
- package/lib/DatePicker/DatePicker.cjs +31 -30
- package/lib/DatePicker/DatePicker.mjs +20 -19
- package/lib/DatePicker/styles.css +1 -1
- package/lib/Disclosure/Disclosure.cjs +8 -6
- package/lib/Disclosure/Disclosure.mjs +6 -4
- package/lib/Disclosure/styles.css +1 -1
- package/lib/DisclosureMini/DisclosureMini.cjs +6 -5
- package/lib/DisclosureMini/DisclosureMini.mjs +6 -5
- package/lib/DisclosureMini/styles.css +1 -1
- package/lib/Download/Download.cjs +7 -6
- package/lib/Download/Download.mjs +7 -6
- package/lib/Download/styles.css +1 -1
- package/lib/Drawer/Drawer.cjs +154 -18
- package/lib/Drawer/Drawer.mjs +154 -18
- package/lib/Drawer/styles.css +1 -1
- package/lib/Elevation/Elevation.cjs +9 -5
- package/lib/Elevation/Elevation.mjs +8 -4
- package/lib/Elevation/styles.css +1 -1
- package/lib/Filter/Filter.cjs +7 -6
- package/lib/Filter/Filter.mjs +4 -3
- package/lib/Filter/styles.css +1 -1
- package/lib/FormControl/FormControl.cjs +8 -7
- package/lib/FormControl/FormControl.mjs +8 -7
- package/lib/FormControl/styles.css +1 -1
- package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +12 -10
- package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +10 -8
- package/lib/GhostedHeroBanner/styles.css +1 -1
- package/lib/GradientPageBackground/GradientPageBackground.cjs +96 -209
- package/lib/GradientPageBackground/GradientPageBackground.mjs +97 -210
- package/lib/GradientPageBackground/styles.css +1 -1
- package/lib/Grid/Grid.cjs +3 -2
- package/lib/Grid/Grid.mjs +3 -2
- package/lib/Grid/styles.css +1 -1
- package/lib/Group/Group.cjs +7 -6
- package/lib/Group/Group.mjs +3 -2
- package/lib/Group/styles.css +1 -1
- package/lib/Heading/Heading.cjs +5 -3
- package/lib/Heading/Heading.mjs +5 -3
- package/lib/Heading/styles.css +1 -1
- package/lib/HeroBanner/HeroBanner.cjs +14 -12
- package/lib/HeroBanner/HeroBanner.mjs +14 -12
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/HeroButton.cjs +9 -8
- package/lib/HeroButton/HeroButton.mjs +5 -4
- package/lib/HeroButton/styles.css +1 -1
- package/lib/Hidden/Hidden.cjs +3 -2
- package/lib/Hidden/Hidden.mjs +3 -2
- package/lib/Hidden/styles.css +1 -1
- package/lib/HorizontalCard/HorizontalCard.cjs +14 -12
- package/lib/HorizontalCard/HorizontalCard.mjs +11 -9
- package/lib/HorizontalCard/styles.css +1 -1
- package/lib/Icon/Icon.cjs +4 -3
- package/lib/Icon/Icon.mjs +4 -3
- package/lib/Icon/styles.css +1 -1
- package/lib/Image/Image.cjs +3 -2
- package/lib/Image/Image.mjs +3 -2
- package/lib/Image/styles.css +1 -1
- package/lib/ImpactCard/ImpactCard.cjs +13 -11
- package/lib/ImpactCard/ImpactCard.mjs +10 -8
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +29 -19
- package/lib/InformationCard/InformationCard.mjs +23 -13
- package/lib/InformationCard/styles.css +1 -1
- package/lib/Link/Link.cjs +6 -5
- package/lib/Link/Link.mjs +6 -5
- package/lib/Link/styles.css +1 -1
- package/lib/Markup/Markup.cjs +5 -4
- package/lib/Markup/Markup.mjs +3 -2
- package/lib/Markup/styles.css +1 -1
- package/lib/MediaCard/MediaCard.cjs +15 -13
- package/lib/MediaCard/MediaCard.mjs +11 -9
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/Menu.cjs +221 -83
- package/lib/Menu/Menu.mjs +206 -68
- package/lib/Menu/styles.css +1 -1
- package/lib/Modal/Modal.cjs +22 -20
- package/lib/Modal/Modal.mjs +18 -16
- package/lib/Modal/styles.css +1 -1
- package/lib/NavigationHeader/NavigationHeader.cjs +123 -105
- package/lib/NavigationHeader/NavigationHeader.mjs +107 -89
- package/lib/NavigationHeader/styles.css +1 -1
- package/lib/Pagination/Pagination.cjs +10 -9
- package/lib/Pagination/Pagination.mjs +6 -5
- package/lib/Pagination/styles.css +1 -1
- package/lib/PaginationSimple/PaginationSimple.cjs +7 -6
- package/lib/PaginationSimple/PaginationSimple.mjs +5 -4
- package/lib/PaginationSimple/styles.css +1 -1
- package/lib/Popover/Popover.cjs +8 -7
- package/lib/Popover/Popover.mjs +8 -7
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/Poster.cjs +10 -9
- package/lib/Poster/Poster.mjs +4 -3
- package/lib/Poster/styles.css +1 -1
- package/lib/ProgressBar/ProgressBar.cjs +15 -13
- package/lib/ProgressBar/ProgressBar.mjs +10 -8
- package/lib/ProgressBar/styles.css +1 -1
- package/lib/ProgressStepper/ProgressStepper.cjs +6 -6
- package/lib/ProgressStepper/ProgressStepper.mjs +6 -6
- package/lib/ProgressStepper/styles.css +1 -1
- package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs +8 -8
- package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs +6 -6
- package/lib/ProgressStepperOverflow/styles.css +1 -1
- package/lib/RadioCardGroup/RadioCardGroup.cjs +13 -12
- package/lib/RadioCardGroup/RadioCardGroup.mjs +9 -8
- package/lib/RadioCardGroup/styles.css +1 -1
- package/lib/RadioGroup/RadioGroup.cjs +14 -12
- package/lib/RadioGroup/RadioGroup.mjs +12 -10
- package/lib/RadioGroup/styles.css +1 -1
- package/lib/Rule/Rule.cjs +4 -3
- package/lib/Rule/Rule.mjs +4 -3
- package/lib/Rule/styles.css +1 -1
- package/lib/ScrollToTop/ScrollToTop.cjs +11 -18
- package/lib/ScrollToTop/ScrollToTop.mjs +11 -18
- package/lib/ScrollToTop/styles.css +1 -1
- package/lib/Section/Section.cjs +3 -2
- package/lib/Section/Section.mjs +3 -2
- package/lib/Section/styles.css +1 -1
- package/lib/Select/Select.cjs +25 -17
- package/lib/Select/Select.mjs +25 -17
- package/lib/Select/styles.css +1 -1
- package/lib/SemanticHeading/SemanticHeading.cjs +10 -0
- package/lib/SemanticHeading/SemanticHeading.mjs +4 -0
- package/lib/SemanticHeading/styles.css +1 -0
- package/lib/SiteFooter/SiteFooter.cjs +13 -12
- package/lib/SiteFooter/SiteFooter.mjs +7 -6
- package/lib/SiteFooter/styles.css +1 -1
- package/lib/SiteFooterV2/SiteFooterV2.cjs +23 -22
- package/lib/SiteFooterV2/SiteFooterV2.mjs +10 -9
- package/lib/SiteFooterV2/styles.css +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.cjs +30 -29
- package/lib/SiteHeaderV2/SiteHeaderV2.mjs +10 -9
- package/lib/SiteHeaderV2/styles.css +1 -1
- package/lib/Skeleton/Skeleton.cjs +4 -3
- package/lib/Skeleton/Skeleton.mjs +2 -1
- package/lib/Skeleton/styles.css +1 -1
- package/lib/SkipLink/SkipLink.cjs +5 -4
- package/lib/SkipLink/SkipLink.mjs +4 -3
- package/lib/SkipLink/styles.css +1 -1
- package/lib/Spinner/Spinner.cjs +3 -2
- package/lib/Spinner/Spinner.mjs +3 -2
- package/lib/Spinner/styles.css +1 -1
- package/lib/Surface/Surface.cjs +3 -2
- package/lib/Surface/Surface.mjs +3 -2
- package/lib/Surface/styles.css +1 -1
- package/lib/Switch/Switch.cjs +14 -13
- package/lib/Switch/Switch.mjs +12 -11
- package/lib/Switch/styles.css +1 -1
- package/lib/TabbedBanner/TabbedBanner.cjs +26 -24
- package/lib/TabbedBanner/TabbedBanner.mjs +22 -20
- package/lib/TabbedBanner/styles.css +1 -1
- package/lib/Tabs/Tabs.cjs +12 -11
- package/lib/Tabs/Tabs.mjs +5 -4
- package/lib/Tabs/styles.css +1 -1
- package/lib/Tag/Tag.cjs +9 -6
- package/lib/Tag/Tag.mjs +8 -5
- package/lib/Tag/styles.css +1 -1
- package/lib/TemplateBanner/TemplateBanner.cjs +12 -10
- package/lib/TemplateBanner/TemplateBanner.mjs +12 -10
- package/lib/TemplateBanner/styles.css +1 -1
- package/lib/Text/Text.cjs +4 -3
- package/lib/Text/Text.mjs +4 -3
- package/lib/Text/styles.css +1 -1
- package/lib/TextArea/TextArea.cjs +11 -10
- package/lib/TextArea/TextArea.mjs +9 -8
- package/lib/TextArea/styles.css +1 -1
- package/lib/TextInput/TextInput.cjs +10 -9
- package/lib/TextInput/TextInput.mjs +10 -9
- package/lib/TextInput/styles.css +1 -1
- package/lib/Theme/Theme.cjs +5 -4
- package/lib/Theme/Theme.mjs +3 -2
- package/lib/Theme/styles.css +1 -1
- package/lib/ThemeIcon/ThemeIcon.cjs +4 -3
- package/lib/ThemeIcon/ThemeIcon.mjs +4 -3
- package/lib/ThemeIcon/styles.css +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +12 -11
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +8 -7
- package/lib/ThumbnailSignpost/styles.css +1 -1
- package/lib/Toast/Toast.cjs +12 -9
- package/lib/Toast/Toast.mjs +9 -6
- package/lib/Toast/styles.css +1 -1
- package/lib/Tooltip/Tooltip.cjs +6 -5
- package/lib/Tooltip/Tooltip.mjs +6 -5
- package/lib/Tooltip/styles.css +1 -1
- package/lib/Truncate/Truncate.cjs +4 -3
- package/lib/Truncate/Truncate.mjs +2 -1
- package/lib/Truncate/styles.css +1 -1
- package/lib/TypographyCard/TypographyCard.cjs +11 -9
- package/lib/TypographyCard/TypographyCard.mjs +9 -7
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/UniversalHeader.cjs +7 -6
- package/lib/UniversalHeader/UniversalHeader.mjs +3 -2
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/VerticalSpace.cjs +3 -2
- package/lib/VerticalSpace/VerticalSpace.mjs +3 -2
- package/lib/VerticalSpace/styles.css +1 -1
- package/lib/VideoPlayer/VideoPlayer.cjs +27 -26
- package/lib/VideoPlayer/VideoPlayer.mjs +26 -25
- package/lib/VideoPlayer/styles.css +1 -1
- package/lib/Visible/Visible.cjs +3 -2
- package/lib/Visible/Visible.mjs +3 -2
- package/lib/Visible/styles.css +1 -1
- package/lib/VisuallyHidden/VisuallyHidden.cjs +3 -2
- package/lib/VisuallyHidden/VisuallyHidden.mjs +3 -2
- package/lib/VisuallyHidden/styles.css +1 -1
- package/lib/_shared/cjs/{Avatar-CrUioj_6.cjs → Avatar-CecZTQdk.cjs} +11 -10
- package/lib/_shared/cjs/Badge-DX5PjtiZ.cjs +15 -0
- package/lib/_shared/cjs/BannerImage-qK8-w9rt.cjs +13 -0
- package/lib/_shared/cjs/{Box-COPXU1Jf.cjs → Box-Va2g7Gdp.cjs} +5 -4
- package/lib/_shared/cjs/{BrandLogo-D5wlIFmm.cjs → BrandLogo-coNfTwRv.cjs} +5 -4
- package/lib/_shared/cjs/{Button-uD9mR8w-.cjs → Button-MXE2zSmS.cjs} +9 -8
- package/lib/_shared/cjs/ButtonV2-BJlwsXlN.cjs +58 -0
- package/lib/_shared/cjs/{Calendar-Bfdgf5q1.cjs → Calendar-CFUNKEyb.cjs} +35 -41
- package/lib/_shared/cjs/{CardFooter-ChphRFHe.cjs → CardFooter-BPtRFaCy.cjs} +5 -16
- package/lib/_shared/cjs/{CardHeading-Cl0D1Khp.cjs → CardHeading-1-dcxBUr.cjs} +4 -3
- package/lib/_shared/cjs/CheckboxIcon-B94mtYCX.cjs +52 -0
- package/lib/_shared/cjs/ClientSideVisible-BhW-T6kb.cjs +16 -0
- package/lib/_shared/cjs/{Combination-B-rSVLfT.cjs → Combination-6m6aOXZq.cjs} +9 -9
- package/lib/_shared/cjs/{ContentSwitcherDropdown-U5ZTbJTe.cjs → ContentSwitcherDropdown-BtEnzdMw.cjs} +23 -12
- package/lib/_shared/cjs/{ContentSwitcherList-pcYtuT6L.cjs → ContentSwitcherList-BgAW2IhJ.cjs} +14 -10
- package/lib/_shared/cjs/{DisclosureMini-CtvDxVaG.cjs → DisclosureMini-KEuIc8tE.cjs} +7 -6
- package/lib/_shared/cjs/{Download-CrIytI74.cjs → Download-NY3tbv9Q.cjs} +8 -5
- package/lib/_shared/cjs/{FormControl-BPnKQrCm.cjs → FormControl-DiERJpGW.cjs} +16 -13
- package/lib/_shared/cjs/GridRow-l_SePUqV.cjs +45 -0
- package/lib/_shared/cjs/{Heading-BEMSkLYR.cjs → Heading-CoiZ2EmD.cjs} +7 -8
- package/lib/_shared/cjs/{Hidden-Vsv1-xWO.cjs → Hidden-BN0Q0NpZ.cjs} +4 -3
- package/lib/_shared/cjs/{Icon-CzhyKqMd.cjs → Icon-Dk2XHa7V.cjs} +5 -4
- package/lib/_shared/cjs/{Image-C1pcrfnN.cjs → Image-CSe0KpDN.cjs} +8 -7
- package/lib/_shared/cjs/{Link-C3OSQIIk.cjs → Link-PWpx-rRO.cjs} +10 -9
- package/lib/_shared/cjs/{Popover-C5mmMkYU.cjs → Popover-hpvmhKV8.cjs} +9 -7
- package/lib/_shared/cjs/{ProgressStepper-BL9Y5c4X.cjs → ProgressStepper-DTZQabiV.cjs} +142 -10
- package/lib/_shared/cjs/{Rule-DMQsi2L6.cjs → Rule-jmvOpci7.cjs} +4 -3
- package/lib/_shared/cjs/{Section-Bz2fwj8Z.cjs → Section-BorWFfNe.cjs} +4 -3
- package/lib/_shared/cjs/SemanticHeading-BPXN_z49.cjs +12 -0
- package/lib/_shared/cjs/Spinner-427lpnHI.cjs +17 -0
- package/lib/_shared/cjs/{Surface-BFx1yNsq.cjs → Surface-DIU5ciDT.cjs} +6 -5
- package/lib/_shared/cjs/{TemplateBanner-COymAI91.cjs → TemplateBanner-BlmWfDQD.cjs} +15 -14
- package/lib/_shared/cjs/{Text-Cr5nmYmx.cjs → Text-jwsn80lQ.cjs} +5 -4
- package/lib/_shared/cjs/{TextInput-ByySubi5.cjs → TextInput-B0JrZhOo.cjs} +13 -12
- package/lib/_shared/cjs/{ThemeIcon-BoxbjTaQ.cjs → ThemeIcon-Def4RZfK.cjs} +5 -4
- package/lib/_shared/cjs/{Tooltip-BPHL0ELI.cjs → Tooltip-CEb7YEP2.cjs} +10 -9
- package/lib/_shared/cjs/{VerticalSpace-BJvST6WP.cjs → VerticalSpace-DLQUYsvc.cjs} +5 -3
- package/lib/_shared/cjs/{Visible-vchtZSfm.cjs → Visible-DZWtZ5qG.cjs} +4 -3
- package/lib/_shared/cjs/VisuallyHidden-CQg3cOVK.cjs +15 -0
- package/lib/_shared/cjs/{arc-breakpoints-CS8JVk5T.cjs → arc-breakpoints-BDA1EnFK.cjs} +11 -1
- package/lib/_shared/cjs/filter-attrs-D19P2s1V.cjs +15 -0
- package/lib/_shared/cjs/{index-Dv1xvB_E.cjs → index-BGGFOAAx.cjs} +1 -1
- package/lib/_shared/cjs/{index-CaO6cOF0.cjs → index-BWfgSvRQ.cjs} +3 -3
- package/lib/_shared/cjs/{index-C_Rl7v2g.cjs → index-CDVpHNP8.cjs} +3 -3
- package/lib/_shared/cjs/{index-EFXw1jWg.cjs → index-CklPiHsS.cjs} +1 -1
- package/lib/_shared/cjs/{index-DAr_oO4-.cjs → index-D9onmVh5.cjs} +2 -2
- package/lib/_shared/cjs/{index-Bt7hfZBc.cjs → index-KrMgv4q_.cjs} +1 -1
- package/lib/_shared/cjs/{index.es-fkulh7qu.cjs → index.es-VcVPUNjD.cjs} +1 -1
- package/lib/_shared/cjs/{filter-attrs-eK6E_34o.cjs → tslib.es6-CCZ3TN_7.cjs} +0 -13
- package/lib/_shared/cjs/use-media-query-DqZqShGX.cjs +58 -0
- package/lib/_shared/esm/{Avatar-Fb1E5MA9.mjs → Avatar-Cyqjgj85.mjs} +6 -5
- package/lib/_shared/esm/{Badge-BZ7E0zcQ.mjs → Badge-C_3PBa0p.mjs} +2 -1
- package/lib/_shared/esm/{BannerImage-BTsixvUH.mjs → BannerImage-CgjgaYkJ.mjs} +2 -2
- package/lib/_shared/esm/{Box-BYm_GTct.mjs → Box-C8iK8x5c.mjs} +3 -2
- package/lib/_shared/esm/{BrandLogo-_2Z_8I2Y.mjs → BrandLogo-Dc-d_8ZN.mjs} +3 -2
- package/lib/_shared/esm/{Button-BxuM3_gz.mjs → Button-BpQQut8P.mjs} +5 -4
- package/lib/_shared/esm/{ButtonV2-DwYBAojW.mjs → ButtonV2-C4a_kkhh.mjs} +16 -13
- package/lib/_shared/esm/{Calendar-Drh_NJ9I.mjs → Calendar-CFdUlPXh.mjs} +14 -20
- package/lib/_shared/esm/{CardFooter-fsAY4cc6.mjs → CardFooter-BpVSztgE.mjs} +5 -16
- package/lib/_shared/esm/{CardHeading-_setRRjq.mjs → CardHeading-q6k7obu0.mjs} +4 -3
- package/lib/_shared/esm/CheckboxIcon-Bzto2Tke.mjs +50 -0
- package/lib/_shared/esm/ClientSideVisible-D_iBE-3U.mjs +14 -0
- package/lib/_shared/esm/{Combination-BpO6XTeS.mjs → Combination-BQ4XBtF-.mjs} +1 -1
- package/lib/_shared/esm/{ContentSwitcherDropdown-BCkuAfwC.mjs → ContentSwitcherDropdown-DgrN4Bdb.mjs} +21 -10
- package/lib/_shared/esm/{ContentSwitcherList-DwHfU3no.mjs → ContentSwitcherList-i4m4nAzP.mjs} +8 -4
- package/lib/_shared/esm/{DisclosureMini-B9LzsQC2.mjs → DisclosureMini-ClSe9sSt.mjs} +5 -4
- package/lib/_shared/esm/{Download-DFz_1HCG.mjs → Download-BD8Bigeq.mjs} +8 -5
- package/lib/_shared/esm/{FormControl-CWyrVi1u.mjs → FormControl-Pc1aHUNM.mjs} +13 -10
- package/lib/_shared/esm/{GridRow-Ddt5CtFn.mjs → GridRow-vjacXnq0.mjs} +3 -2
- package/lib/_shared/esm/{Heading-CxHWefi7.mjs → Heading-B9cbwfoz.mjs} +7 -8
- package/lib/_shared/esm/{Hidden-DsrAaC0z.mjs → Hidden-CGRhG3dU.mjs} +2 -1
- package/lib/_shared/esm/{Icon-CcPOJcQm.mjs → Icon-CCUbr_AO.mjs} +3 -2
- package/lib/_shared/esm/{Image-Dl8oH1Rn.mjs → Image-LemsonUX.mjs} +4 -3
- package/lib/_shared/esm/{Link-DxjGH_7f.mjs → Link-ogbR4K3O.mjs} +5 -4
- package/lib/_shared/esm/{Popover-8FfvgL4c.mjs → Popover-D0ePWPz_.mjs} +8 -6
- package/lib/_shared/esm/{ProgressStepper-CLBtBNy2.mjs → ProgressStepper-CujHLQsm.mjs} +137 -5
- package/lib/_shared/esm/{Rule-3gdMHH-R.mjs → Rule-I1w3EaZi.mjs} +3 -2
- package/lib/_shared/esm/{Section-7InCvzfh.mjs → Section-COc1l3mp.mjs} +2 -1
- package/lib/_shared/esm/SemanticHeading-1tLcSJYD.mjs +10 -0
- package/lib/_shared/esm/{Spinner-Cd7LiPTy.mjs → Spinner-DvngCIwx.mjs} +2 -1
- package/lib/_shared/esm/{Surface-Colbp3Zx.mjs → Surface-C69KVzkY.mjs} +2 -1
- package/lib/_shared/esm/{TemplateBanner-Dkgzu3A5.mjs → TemplateBanner-DEYOSosH.mjs} +12 -11
- package/lib/_shared/esm/{Text-CBlnm5CT.mjs → Text-BAzOkkzN.mjs} +3 -2
- package/lib/_shared/esm/{TextInput-Dk7qNGoh.mjs → TextInput-CjDG2cIX.mjs} +8 -7
- package/lib/_shared/esm/{ThemeIcon-CN_Ed5b1.mjs → ThemeIcon-B0SruPZC.mjs} +3 -2
- package/lib/_shared/esm/{Tooltip-Dc82Ht7G.mjs → Tooltip-BpSzN3Tx.mjs} +7 -6
- package/lib/_shared/esm/{VerticalSpace-Duhm0zXP.mjs → VerticalSpace-BLWB02I7.mjs} +4 -2
- package/lib/_shared/esm/{Visible-B13QJn7R.mjs → Visible-B0d79VWZ.mjs} +2 -1
- package/lib/_shared/esm/{VisuallyHidden-DqAgoqJo.mjs → VisuallyHidden-aSQ4RA1o.mjs} +2 -1
- package/lib/_shared/esm/{arc-breakpoints-D7Ie4kBt.mjs → arc-breakpoints-Bs-at7wk.mjs} +7 -2
- package/lib/_shared/esm/filter-attrs-v_SweZXP.mjs +13 -0
- package/lib/_shared/esm/{index-DLovItWo.mjs → index-BFKdmv_g.mjs} +1 -1
- package/lib/_shared/esm/{index-J5IHetgg.mjs → index-CN4hP3Wu.mjs} +2 -2
- package/lib/_shared/esm/{index-CxrL7jIX.mjs → index-Do2wfP-X.mjs} +3 -3
- package/lib/_shared/esm/{index-DXTwueLZ.mjs → index-GCEHSsY8.mjs} +1 -1
- package/lib/_shared/esm/{index-BbAu4d3T.mjs → index-u47CK8Y0.mjs} +1 -1
- package/lib/_shared/esm/{index-CYUcQl4W.mjs → index-vnVJe9rH.mjs} +3 -3
- package/lib/_shared/esm/{index.es-CtRkzfKP.mjs → index.es-tyrXzvpp.mjs} +1 -1
- package/lib/_shared/esm/{filter-attrs-B6CM-NUr.mjs → tslib.es6-w7hdJ3oZ.mjs} +1 -13
- package/lib/_shared/esm/use-media-query-BmsMeo2M.mjs +56 -0
- package/lib/index.cjs +1018 -790
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +324 -142
- package/lib/index.d.mts +324 -142
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +1018 -792
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +6 -14
- package/lib/use-media-query/use-media-query.cjs +1 -1
- package/lib/use-media-query/use-media-query.mjs +1 -1
- package/package.json +9 -8
- package/lib/_shared/cjs/Badge-CQVEPH9v.cjs +0 -14
- package/lib/_shared/cjs/BannerImage-kdAKagG-.cjs +0 -13
- package/lib/_shared/cjs/ButtonV2-Bta5SVVY.cjs +0 -55
- package/lib/_shared/cjs/GridRow-BW2ZGtND.cjs +0 -44
- package/lib/_shared/cjs/Spinner-bbrOwxv2.cjs +0 -16
- package/lib/_shared/cjs/VisuallyHidden-B4XCvPYP.cjs +0 -14
- package/lib/_shared/cjs/index-CqYNiqix.cjs +0 -137
- package/lib/_shared/cjs/use-media-query-BsUfHjPZ.cjs +0 -41
- package/lib/_shared/esm/index-CL6dwOYV.mjs +0 -135
- package/lib/_shared/esm/use-media-query-DmKuIDEM.mjs +0 -39
package/lib/Link/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-24 .arc .arc-Link{align-items:center;background:none;border:none;cursor:pointer;outline:none;padding:0;text-decoration:none}.arc-v12-0-0-beta-24 .arc .arc-Link:focus-visible{outline:none}.arc-v12-0-0-beta-24 .arc .arc-Link-wrapper{display:inline-block}.arc-v12-0-0-beta-24 .arc .arc-Link-text{font-weight:inherit !important}.arc-v12-0-0-beta-24 .arc .arc-Link-text{font:var(--sem-type-body-reg-m);text-decoration:underline}.arc-v12-0-0-beta-24 .arc .arc-Link-iconWrapper{align-items:flex-end;-moz-column-gap:var(--textlink-gap-s);column-gap:var(--textlink-gap-s);display:inline-flex;flex-wrap:nowrap}.arc-v12-0-0-beta-24 .arc .arc-Link--isImplied .arc-Link-text{text-decoration:none}.arc-v12-0-0-beta-24 .arc .arc-Link--isImplied:focus-visible .arc-Link-text{text-decoration:underline}.arc-v12-0-0-beta-24 .arc .arc-Link--isButton{text-align:left}.arc-v12-0-0-beta-24 .arc .arc-Link--s .arc-Link-text{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-24 .arc .arc-Link--m .arc-Link-text{font:var(--sem-type-body-reg-m)}.arc-v12-0-0-beta-24 .arc .arc-Link--l .arc-Link-text{font:var(--sem-type-body-reg-l)}.arc-v12-0-0-beta-24 .arc .arc-Link:hover .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:hover[\:has\(.arc-Link\)] .arc-Link-text{text-decoration:underline}.arc-v12-0-0-beta-24 .arc .arc-Link:hover .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:hover:has(.arc-Link) .arc-Link-text{text-decoration:underline}.arc-v12-0-0-beta-24 .arc a:focus-visible[\:has\(.arc-Link\)]{outline:none;text-decoration:none}.arc-v12-0-0-beta-24 .arc a:focus-visible:has(.arc-Link){outline:none;text-decoration:none}.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:visited .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:visited[\:has\(.arc-Link--onLightSurface\)] .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:visited[\:has\(.arc-Link--onLightSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-visited)}.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:visited .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:visited:has(.arc-Link--onLightSurface) .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:visited:has(.arc-Link--onLightSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-visited)}.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc-v12-0-0-beta-24 .arc a:focus-visible[\:has\(.arc-Link--onLightSurface\)] .arc-Link--onLightSurface .arc-Link-wrapper{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-24 .arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc-v12-0-0-beta-24 .arc a:focus-visible[\:has\(.arc-Link--onLightSurface\)] .arc-Link--onLightSurface .arc-Link-wrapper{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-24 .arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc-v12-0-0-beta-24 .arc a:focus-visible:has(.arc-Link--onLightSurface) .arc-Link--onLightSurface .arc-Link-wrapper{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-24 .arc .arc-Link--onLightSurface:hover .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:hover[\:has\(.arc-Link--onLightSurface\)] .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:hover[\:has\(.arc-Link--onLightSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:hover .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onLightSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:hover:has(.arc-Link--onLightSurface) .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:hover:has(.arc-Link--onLightSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-default)}.arc-v12-0-0-beta-24 .arc a:focus-visible[\:has\(.arc-Link--onDarkSurface\)] .arc-Link--onDarkSurface .arc-Link-wrapper,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:focus-visible .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc a:focus-visible[\:has\(.arc-Link--onDarkSurface\)] .arc-Link--onDarkSurface .arc-Link-wrapper,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:focus-visible .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc a:focus-visible:has(.arc-Link--onDarkSurface) .arc-Link--onDarkSurface .arc-Link-wrapper,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:focus-visible .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:visited .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:visited[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:visited[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-visited)}.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:visited .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:visited:has(.arc-Link--onDarkSurface) .arc-Link-text,.arc-v12-0-0-beta-24 .arc a:visited:has(.arc-Link--onDarkSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-visited)}.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:hover .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:hover[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:hover[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-text{color:var(--textlink-colors-dark-text-hover)}.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:hover .arc-Link-text,.arc-v12-0-0-beta-24 .arc .arc-Link--onDarkSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:hover:has(.arc-Link--onDarkSurface) .arc-Link-iconWrapper,.arc-v12-0-0-beta-24 .arc a:hover:has(.arc-Link--onDarkSurface) .arc-Link-text{color:var(--textlink-colors-dark-text-hover)}
|
package/lib/Markup/Markup.cjs
CHANGED
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
7
|
-
var
|
|
7
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
8
|
+
var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
|
|
8
9
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
9
10
|
|
|
10
11
|
/**
|
|
11
12
|
* Use `Markup` to display HTML-formatted text.
|
|
12
13
|
*/
|
|
13
14
|
var Markup = function (_a) {
|
|
14
|
-
var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props =
|
|
15
|
+
var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = tslib_es6.__rest(_a, ["children", "isMeasured"]);
|
|
15
16
|
var surface = React.useContext(Surface.Context).surface;
|
|
16
|
-
return (React.createElement("div",
|
|
17
|
+
return (React.createElement("div", tslib_es6.__assign({ className: index.classNames({
|
|
17
18
|
"arc-Markup": true,
|
|
18
19
|
"arc-Markup--measured": isMeasured,
|
|
19
20
|
"arc-Markup--onDarkSurface": surface === "dark",
|
package/lib/Markup/Markup.mjs
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { _ as __rest, a as __assign
|
|
2
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
3
3
|
import React__default, { useContext } from 'react';
|
|
4
4
|
import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
|
|
5
|
-
import {
|
|
5
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
6
|
+
import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
|
|
6
7
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
|
7
8
|
|
|
8
9
|
/**
|
package/lib/Markup/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-24 .arc .arc-Markup--measured{max-width:32em}.arc-v12-0-0-beta-24 .arc .arc-Markup blockquote,.arc-v12-0-0-beta-24 .arc .arc-Markup ol,.arc-v12-0-0-beta-24 .arc .arc-Markup p,.arc-v12-0-0-beta-24 .arc .arc-Markup>small,.arc-v12-0-0-beta-24 .arc .arc-Markup ul{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc-v12-0-0-beta-24 .arc .arc-Markup h1{margin-bottom:var(--sem-space-gap-110);margin-top:0}.arc-v12-0-0-beta-24 .arc .arc-Markup h2,.arc-v12-0-0-beta-24 .arc .arc-Markup h3,.arc-v12-0-0-beta-24 .arc .arc-Markup h4,.arc-v12-0-0-beta-24 .arc .arc-Markup h5,.arc-v12-0-0-beta-24 .arc .arc-Markup h6{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc-v12-0-0-beta-24 .arc .arc-Markup *+h1,.arc-v12-0-0-beta-24 .arc .arc-Markup *+h2,.arc-v12-0-0-beta-24 .arc .arc-Markup *+h3,.arc-v12-0-0-beta-24 .arc .arc-Markup *+h4,.arc-v12-0-0-beta-24 .arc .arc-Markup *+h5,.arc-v12-0-0-beta-24 .arc .arc-Markup *+h6{margin-top:var(--sem-space-gap-110)}.arc-v12-0-0-beta-24 .arc .arc-Markup hr,.arc-v12-0-0-beta-24 .arc .arc-Markup img,.arc-v12-0-0-beta-24 .arc .arc-Markup pre,.arc-v12-0-0-beta-24 .arc .arc-Markup table{margin-bottom:var(--sem-space-gap-110);margin-top:var(--sem-space-gap-110)}.arc-v12-0-0-beta-24 .arc .arc-Markup>:first-child{margin-top:0}.arc-v12-0-0-beta-24 .arc .arc-Markup>:last-child{margin-bottom:0}.arc-v12-0-0-beta-24 .arc .arc-Markup blockquote{margin-bottom:0;margin-left:var(--sem-space-gap-110);margin-right:0;margin-top:0}.arc-v12-0-0-beta-24 .arc .arc-Markup blockquote p{margin-bottom:0;margin-top:0;quotes:"“" "”" "‘" "’"}.arc-v12-0-0-beta-24 .arc .arc-Markup blockquote p:first-child::before{content:open-quote;margin-left:-0.75ch}.arc-v12-0-0-beta-24 .arc .arc-Markup blockquote p:first-child::after{content:close-quote}.arc-v12-0-0-beta-24 .arc .arc-Markup blockquote p+p:last-child{text-align:right}.arc-v12-0-0-beta-24 .arc .arc-Markup h1,.arc-v12-0-0-beta-24 .arc .arc-Markup h2,.arc-v12-0-0-beta-24 .arc .arc-Markup h3{font-weight:var(--sem-font-weight-semi-bold)}.arc-v12-0-0-beta-24 .arc .arc-Markup h6{font:var(--sem-type-mobile-semi-xxs)}.arc-v12-0-0-beta-24 .arc .arc-Markup h5{font:var(--sem-type-mobile-semi-xs)}.arc-v12-0-0-beta-24 .arc .arc-Markup h4{font:var(--sem-type-mobile-semi-s)}.arc-v12-0-0-beta-24 .arc .arc-Markup h3{font:var(--sem-type-mobile-semi-m)}.arc-v12-0-0-beta-24 .arc .arc-Markup h2{font:var(--sem-type-mobile-semi-l)}.arc-v12-0-0-beta-24 .arc .arc-Markup h1{font:var(--sem-type-mobile-semi-xxl)}@media (min-width:768px){.arc-v12-0-0-beta-24 .arc .arc-Markup h3{font:var(--sem-type-tablet-semi-m)}.arc-v12-0-0-beta-24 .arc .arc-Markup h2{font:var(--sem-type-tablet-semi-l)}.arc-v12-0-0-beta-24 .arc .arc-Markup h1{font:var(--sem-type-tablet-semi-xxl)}}@media (min-width:1280px){.arc-v12-0-0-beta-24 .arc .arc-Markup h3{font:var(--sem-type-desktop-semi-m)}.arc-v12-0-0-beta-24 .arc .arc-Markup h2{font:var(--sem-type-desktop-semi-l)}.arc-v12-0-0-beta-24 .arc .arc-Markup h1{font:var(--sem-type-desktop-semi-xxl)}}.arc-v12-0-0-beta-24 .arc .arc-Markup img{display:block;max-width:100%}.arc-v12-0-0-beta-24 .arc .arc-Markup ol,.arc-v12-0-0-beta-24 .arc .arc-Markup ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.arc-v12-0-0-beta-24 .arc .arc-Markup ol{counter-reset:list}.arc-v12-0-0-beta-24 .arc .arc-Markup li{padding-left:var(--sem-space-padding-110);position:relative}.arc-v12-0-0-beta-24 .arc .arc-Markup li::before{left:0;position:absolute;text-align:center;width:24px}.arc-v12-0-0-beta-24 .arc .arc-Markup ul>li::before{content:"•"}.arc-v12-0-0-beta-24 .arc .arc-Markup ol>li::before{content:counter(list) ".";counter-increment:list}.arc-v12-0-0-beta-24 .arc .arc-Markup hr{background-color:var(--sem-color-border-secondary-light-minimal);border:0;color:var(--sem-color-border-secondary-light-minimal);height:1px;margin-bottom:0;margin-top:0}.arc-v12-0-0-beta-24 .arc .arc-Markup--onDarkSurface hr{background-color:var(--sem-color-border-secondary-dark-minimal);color:var(--sem-color-border-secondary-dark-minimal)}.arc-v12-0-0-beta-24 .arc .arc-Markup>small{display:block;font:var(--sem-type-interface-reg-s)}.arc-v12-0-0-beta-24 .arc .arc-Markup table{border-collapse:collapse;max-width:100%}.arc-v12-0-0-beta-24 .arc .arc-Markup td,.arc-v12-0-0-beta-24 .arc .arc-Markup th{border:1px solid var(--sem-color-border-secondary-light-minimal);height:calc(4px * 9);padding-left:calc(4px * 4);padding-right:calc(4px * 4);vertical-align:middle}.arc-v12-0-0-beta-24 .arc .arc-Markup--onDarkSurface td,.arc-v12-0-0-beta-24 .arc .arc-Markup--onDarkSurface th{border-color:var(--sem-color-border-secondary-dark-minimal)}.arc-v12-0-0-beta-24 .arc .arc-Markup th{font-weight:var(--sem-font-weight-semi-bold)}.arc .arc-Markup tbody tr:nth-child(even){background-color:rgba(0,0,0,0.05)}.arc .arc-Markup:not(.arc-Markup--onDarkSurface) tbody tr:nth-child(even){background-color:rgba(42,28,74,0.05)}.arc-v12-0-0-beta-24 .arc .arc-Markup.arc-Markup--onDarkSurface tbody tr:nth-child(even){background-color:rgba(255,255,255,0.15)}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
7
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
|
|
8
|
+
var Image = require('../_shared/cjs/Image-CSe0KpDN.cjs');
|
|
9
|
+
var Heading = require('../_shared/cjs/Heading-CoiZ2EmD.cjs');
|
|
10
|
+
var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
|
|
11
|
+
var Text = require('../_shared/cjs/Text-jwsn80lQ.cjs');
|
|
12
|
+
var VerticalSpace = require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
|
|
13
|
+
var CardHeading = require('../_shared/cjs/CardHeading-1-dcxBUr.cjs');
|
|
14
|
+
var CardFooter = require('../_shared/cjs/CardFooter-BPtRFaCy.cjs');
|
|
14
15
|
var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-C09Kw6EG.cjs');
|
|
15
16
|
require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
|
|
16
17
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
17
|
-
require('../_shared/cjs/
|
|
18
|
+
require('../_shared/cjs/SemanticHeading-BPXN_z49.cjs');
|
|
19
|
+
require('../_shared/cjs/ThemeIcon-Def4RZfK.cjs');
|
|
18
20
|
require('../_shared/cjs/index-BLRjGROQ.cjs');
|
|
19
21
|
|
|
20
22
|
var VideoPlayer = React.lazy(function () {
|
|
@@ -29,7 +31,7 @@ var VideoPlayer = React.lazy(function () {
|
|
|
29
31
|
* Use `MediaCard` to contain content and an image about a single subject.
|
|
30
32
|
*/
|
|
31
33
|
var MediaCard = function (_a) {
|
|
32
|
-
var media = _a.media, url = _a.url, onClick = _a.onClick, heading = _a.heading, label = _a.label, _b = _a.labelLevel, labelLevel = _b === void 0 ? "3" : _b, text = _a.text, metaText = _a.metaText, minHeight = _a.minHeight, _c = _a.buttonIcon, buttonIcon = _c === void 0 ? "arrow" : _c, _d = _a.isContained, isContained = _d === void 0 ? true : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props =
|
|
34
|
+
var media = _a.media, url = _a.url, onClick = _a.onClick, heading = _a.heading, label = _a.label, _b = _a.labelLevel, labelLevel = _b === void 0 ? "3" : _b, text = _a.text, metaText = _a.metaText, minHeight = _a.minHeight, _c = _a.buttonIcon, buttonIcon = _c === void 0 ? "arrow" : _c, _d = _a.isContained, isContained = _d === void 0 ? true : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props = tslib_es6.__rest(_a, ["media", "url", "onClick", "heading", "label", "labelLevel", "text", "metaText", "minHeight", "buttonIcon", "isContained", "headingLevel"]);
|
|
33
35
|
var surface = React.useContext(Surface.Context).surface;
|
|
34
36
|
var _f = React.useState(false), isClient = _f[0], setIsClient = _f[1];
|
|
35
37
|
var _g = React.useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
|
|
@@ -37,16 +39,16 @@ var MediaCard = function (_a) {
|
|
|
37
39
|
React.useEffect(function () {
|
|
38
40
|
setIsClient(true);
|
|
39
41
|
}, []);
|
|
40
|
-
return (React.createElement("div",
|
|
42
|
+
return (React.createElement("div", tslib_es6.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-MediaCard", {
|
|
41
43
|
"arc-MediaCard--outlined": url && isContained && showHoverState,
|
|
42
44
|
"arc-MediaCard--contained": isContained,
|
|
43
45
|
"arc-MediaCard--onDarkSurface": surface === "dark",
|
|
44
46
|
}) }, filterAttrs.filterAttrs(props)),
|
|
45
47
|
React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: isContained, wrapper: function (children) { return (React.createElement(Surface.Surface, { growVertically: true, background: "light-white" }, children)); } },
|
|
46
48
|
media.type === "img" && (React.createElement("div", { className: "arc-MediaCard-imgContainer" },
|
|
47
|
-
React.createElement(Image.Image,
|
|
49
|
+
React.createElement(Image.Image, tslib_es6.__assign({}, media)))),
|
|
48
50
|
media.type === "video" && isClient && (React.createElement(React.Suspense, { fallback: null },
|
|
49
|
-
React.createElement(VideoPlayer,
|
|
51
|
+
React.createElement(VideoPlayer, tslib_es6.__assign({ isSupportingTextHidden: true }, media)))),
|
|
50
52
|
React.createElement("div", { className: "arc-MediaCard-content" },
|
|
51
53
|
label && (React.createElement("div", { className: "arc-MediaCard-label" },
|
|
52
54
|
React.createElement(Heading.Heading, { level: labelLevel, fontStyle: "overline" }, label),
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { _ as __rest, a as __assign
|
|
2
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
|
|
3
3
|
import React__default, { useContext, useState, useEffect, Suspense } from 'react';
|
|
4
4
|
import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { C as
|
|
5
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
|
|
6
|
+
import { I as Image } from '../_shared/esm/Image-LemsonUX.mjs';
|
|
7
|
+
import { H as Heading } from '../_shared/esm/Heading-B9cbwfoz.mjs';
|
|
8
|
+
import { C as Context, S as Surface } from '../_shared/esm/Surface-C69KVzkY.mjs';
|
|
9
|
+
import { T as Text } from '../_shared/esm/Text-BAzOkkzN.mjs';
|
|
10
|
+
import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
|
|
11
|
+
import { C as CardHeading } from '../_shared/esm/CardHeading-q6k7obu0.mjs';
|
|
12
|
+
import { C as CardFooter } from '../_shared/esm/CardFooter-BpVSztgE.mjs';
|
|
12
13
|
import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-WoJxFYwS.mjs';
|
|
13
14
|
import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
|
|
14
15
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
|
15
|
-
import '../_shared/esm/
|
|
16
|
+
import '../_shared/esm/SemanticHeading-1tLcSJYD.mjs';
|
|
17
|
+
import '../_shared/esm/ThemeIcon-B0SruPZC.mjs';
|
|
16
18
|
import '../_shared/esm/index-Cr6KeQLU.mjs';
|
|
17
19
|
|
|
18
20
|
var VideoPlayer = React__default.lazy(function () {
|
package/lib/MediaCard/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-24 .arc .arc-MediaCard{color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:4px;overflow:hidden;position:relative;transition:all 0.2s ease-in-out}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--contained{border-radius:var(--card-border-radius-s);box-shadow:0 0 0 var(--card-border-weight-s) var(--card-colors-light-border-default)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--outlined{box-shadow:0 0 0 var(--card-border-weight-m) var(--card-colors-light-border-hover)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--contained.arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--contained.arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--onDarkSurface[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--onDarkSurface:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard-imgContainer{border-radius:var(--card-border-radius-s);overflow:hidden}.arc-v12-0-0-beta-24 .arc .arc-MediaCard-content{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--card-padding-s) var(--card-padding-xs) 0 var(--card-padding-xs)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--contained .arc-MediaCard-imgContainer{border-radius:0}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-s)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard-textContainer{flex:1 1 auto}.arc-v12-0-0-beta-24 .arc .arc-MediaCard .arc-Surface{flex:1}@media (min-width:1280px){.arc-v12-0-0-beta-24 .arc .arc-MediaCard-content{padding-top:var(--card-padding-m)}.arc-v12-0-0-beta-24 .arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-m)}}.arc-v12-0-0-beta-24 .arc .arc-MediaCard-label{color:var(--card-colors-light-text-support)}
|