@arc-ui/components 12.0.0-beta.21 → 12.0.0-beta.22
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 +40 -14
- package/lib/Alert/Alert.mjs +41 -15
- 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 +1 -1
- package/lib/Banner/Banner.mjs +1 -1
- package/lib/Box/styles.css +1 -1
- package/lib/BrandLogo/styles.css +1 -1
- package/lib/Breadcrumbs/styles.css +1 -1
- package/lib/Button/styles.css +1 -1
- package/lib/ButtonGroup/styles.css +1 -1
- package/lib/ButtonV2/styles.css +1 -1
- package/lib/Calendar/Calendar.cjs +2 -2
- package/lib/Calendar/Calendar.mjs +2 -2
- package/lib/Calendar/styles.css +1 -1
- 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/styles.css +1 -1
- package/lib/ContentSwitcher/ContentSwitcher.cjs +1 -1
- package/lib/ContentSwitcher/ContentSwitcher.mjs +1 -1
- package/lib/ContentSwitcher/styles.css +1 -1
- package/lib/ContentSwitcherDropdown/styles.css +1 -1
- package/lib/DatePicker/DatePicker.cjs +3 -3
- package/lib/DatePicker/DatePicker.mjs +4 -4
- 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 +58 -10
- package/lib/Drawer/Drawer.mjs +55 -7
- 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/styles.css +1 -1
- package/lib/GradientPageBackground/GradientPageBackground.cjs +1 -1
- package/lib/GradientPageBackground/GradientPageBackground.mjs +1 -1
- package/lib/GradientPageBackground/styles.css +1 -1
- 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 +1 -1
- package/lib/HeroBanner/HeroBanner.mjs +1 -1
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/styles.css +1 -1
- package/lib/Hidden/styles.css +1 -1
- package/lib/HorizontalCard/styles.css +1 -1
- package/lib/Icon/styles.css +1 -1
- package/lib/Image/styles.css +1 -1
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +2 -2
- package/lib/InformationCard/InformationCard.mjs +2 -2
- package/lib/InformationCard/styles.css +1 -1
- package/lib/Link/Link.cjs +8 -51
- package/lib/Link/Link.mjs +7 -54
- package/lib/Link/styles.css +1 -1
- package/lib/Markup/styles.css +1 -1
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/Menu.cjs +1 -1
- package/lib/Menu/Menu.mjs +1 -1
- package/lib/Menu/styles.css +1 -1
- package/lib/Modal/styles.css +1 -1
- package/lib/NavigationHeader/NavigationHeader.cjs +116 -51
- package/lib/NavigationHeader/NavigationHeader.mjs +112 -47
- package/lib/NavigationHeader/styles.css +1 -1
- package/lib/Pagination/styles.css +1 -1
- package/lib/PaginationSimple/styles.css +1 -1
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/styles.css +1 -1
- package/lib/ProgressBar/styles.css +1 -1
- package/lib/ProgressStepper/styles.css +1 -1
- package/lib/ProgressStepperOverflow/styles.css +1 -1
- package/lib/RadioCardGroup/styles.css +1 -1
- package/lib/RadioGroup/styles.css +1 -1
- package/lib/Rule/styles.css +1 -1
- package/lib/ScrollToTop/styles.css +1 -1
- package/lib/Section/styles.css +1 -1
- 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 +1 -1
- package/lib/SiteFooterV2/SiteFooterV2.mjs +1 -1
- package/lib/SiteFooterV2/styles.css +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.cjs +2 -2
- package/lib/SiteHeaderV2/SiteHeaderV2.mjs +3 -3
- 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/styles.css +1 -1
- package/lib/TabbedBanner/TabbedBanner.cjs +22 -34
- package/lib/TabbedBanner/TabbedBanner.mjs +24 -36
- package/lib/TabbedBanner/styles.css +1 -1
- package/lib/Tabs/Tabs.cjs +2 -2
- package/lib/Tabs/Tabs.mjs +2 -2
- package/lib/Tabs/styles.css +1 -1
- package/lib/Tag/styles.css +1 -1
- package/lib/TemplateBanner/TemplateBanner.cjs +1 -1
- package/lib/TemplateBanner/TemplateBanner.mjs +1 -1
- package/lib/TemplateBanner/styles.css +1 -1
- package/lib/Text/styles.css +1 -1
- package/lib/TextArea/TextArea.cjs +6 -6
- package/lib/TextArea/TextArea.mjs +6 -6
- 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/styles.css +1 -1
- package/lib/Toast/styles.css +1 -1
- package/lib/Tooltip/styles.css +1 -1
- package/lib/Truncate/styles.css +1 -1
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/styles.css +1 -1
- 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/{Calendar-BcNtpbeY.cjs → Calendar-B-va25n2.cjs} +1 -1
- package/lib/_shared/cjs/{ContentSwitcherList-NJN4H2Z-.cjs → ContentSwitcherList-bCEzIPN2.cjs} +2 -2
- package/lib/_shared/cjs/{DatePicker-Bdw9VFZ4.cjs → DatePicker-Dt4faA_N.cjs} +1 -1
- package/lib/_shared/cjs/Link-7xUgVf1I.cjs +48 -0
- package/lib/_shared/cjs/{SiteHeaderV2NavItemWithSubNav-Cd0f-Yof.cjs → SiteHeaderV2NavItemWithSubNav-CagFKPEa.cjs} +1 -1
- package/lib/_shared/cjs/{TemplateBanner-D2y2XmR2.cjs → TemplateBanner-CImrJ9ON.cjs} +13 -2
- package/lib/_shared/cjs/{arc-breakpoints--lzoExiR.cjs → arc-breakpoints-DWUgmeLA.cjs} +1 -1
- package/lib/_shared/cjs/{index.es-Th2hutNO.cjs → index.es-DlNskPlN.cjs} +1 -1
- package/lib/_shared/cjs/{kebabCase-CThj4IzG.cjs → kebabCase-D5yA6u-V.cjs} +8 -0
- package/lib/_shared/esm/{Calendar-ugZV8KxD.mjs → Calendar-Bd2_eT1Y.mjs} +1 -1
- package/lib/_shared/esm/{ContentSwitcherList-BN2jzXel.mjs → ContentSwitcherList-bCQz0qkU.mjs} +2 -2
- package/lib/_shared/esm/{DatePicker-CCctia-s.mjs → DatePicker-DT4OEzxP.mjs} +1 -1
- package/lib/_shared/esm/Link-Biyg9qBH.mjs +46 -0
- package/lib/_shared/esm/{SiteHeaderV2NavItemWithSubNav-XbvJNiSo.mjs → SiteHeaderV2NavItemWithSubNav-CxGwdV6u.mjs} +1 -1
- package/lib/_shared/esm/{TemplateBanner-C_mDNU5j.mjs → TemplateBanner-DeHjliNP.mjs} +13 -2
- package/lib/_shared/esm/{arc-breakpoints-DnWZ2-TX.mjs → arc-breakpoints-D5hR5m3t.mjs} +1 -1
- package/lib/_shared/esm/{index.es-Bo660IGW.mjs → index.es-C3WqfFKH.mjs} +2 -2
- package/lib/_shared/esm/{kebabCase-CHRdSZ4y.mjs → kebabCase-CCEMRBfd.mjs} +8 -1
- package/lib/index.cjs +568 -483
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +198 -128
- package/lib/index.d.mts +198 -128
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +569 -484
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +12 -8
- package/package.json +8 -8
- package/lib/_shared/cjs/DrawerContent-DifTc6g9.cjs +0 -62
- package/lib/_shared/esm/DrawerContent-D6bAU8EQ.mjs +0 -58
package/lib/Link/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-22 .arc .arc-Link{align-items:center;background:none;border:none;cursor:pointer;outline:none;text-decoration:none}.arc-v12-0-0-beta-22 .arc button.arc-Link{padding:0}.arc-v12-0-0-beta-22 .arc .arc-Link:focus-visible{outline:none}.arc-v12-0-0-beta-22 .arc .arc-Link-wrapper{display:inline-block}.arc-v12-0-0-beta-22 .arc .arc-Link-text{font-weight:inherit !important}.arc-v12-0-0-beta-22 .arc .arc-Link-text{font:var(--sem-type-body-reg-m);text-decoration:underline}.arc-v12-0-0-beta-22 .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-22 .arc .arc-Link--isImplied .arc-Link-text{text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-Link--isImplied:focus-visible .arc-Link-text{text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-Link--s .arc-Link-text{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-22 .arc .arc-Link--m .arc-Link-text{font:var(--sem-type-body-reg-m)}.arc-v12-0-0-beta-22 .arc .arc-Link--l .arc-Link-text{font:var(--sem-type-body-reg-l)}.arc-v12-0-0-beta-22 .arc .arc-Link:hover .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:hover[\:has\(.arc-Link\)] .arc-Link-text{text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-Link:hover .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:hover:has(.arc-Link) .arc-Link-text{text-decoration:underline}.arc-v12-0-0-beta-22 .arc a:focus-visible[\:has\(.arc-Link\)]{outline:none;text-decoration:none}.arc-v12-0-0-beta-22 .arc a:focus-visible:has(.arc-Link){outline:none;text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:visited .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:visited[\:has\(.arc-Link--onLightSurface\)] .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:visited[\:has\(.arc-Link--onLightSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-visited)}.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:visited .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:visited:has(.arc-Link--onLightSurface) .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:visited:has(.arc-Link--onLightSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-visited)}.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc-v12-0-0-beta-22 .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-22 .arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc-v12-0-0-beta-22 .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-22 .arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc-v12-0-0-beta-22 .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-22 .arc .arc-Link--onLightSurface:hover .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:hover[\:has\(.arc-Link--onLightSurface\)] .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:hover[\:has\(.arc-Link--onLightSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:hover .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onLightSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:hover:has(.arc-Link--onLightSurface) .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:hover:has(.arc-Link--onLightSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc a:focus-visible[\:has\(.arc-Link--onDarkSurface\)] .arc-Link--onDarkSurface .arc-Link-wrapper,.arc-v12-0-0-beta-22 .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-22 .arc a:focus-visible[\:has\(.arc-Link--onDarkSurface\)] .arc-Link--onDarkSurface .arc-Link-wrapper,.arc-v12-0-0-beta-22 .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-22 .arc a:focus-visible:has(.arc-Link--onDarkSurface) .arc-Link--onDarkSurface .arc-Link-wrapper,.arc-v12-0-0-beta-22 .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-22 .arc .arc-Link--onDarkSurface:visited .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:visited[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:visited[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-visited)}.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface:visited .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface:visited .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:visited:has(.arc-Link--onDarkSurface) .arc-Link-text,.arc-v12-0-0-beta-22 .arc a:visited:has(.arc-Link--onDarkSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-visited)}.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface:hover .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:hover[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:hover[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-text{color:var(--textlink-colors-dark-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface:hover .arc-Link-text,.arc-v12-0-0-beta-22 .arc .arc-Link--onDarkSurface:hover .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:hover:has(.arc-Link--onDarkSurface) .arc-Link-iconWrapper,.arc-v12-0-0-beta-22 .arc a:hover:has(.arc-Link--onDarkSurface) .arc-Link-text{color:var(--textlink-colors-dark-text-hover)}
|
package/lib/Markup/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-22 .arc .arc-Markup--measured{max-width:32em}.arc-v12-0-0-beta-22 .arc .arc-Markup blockquote,.arc-v12-0-0-beta-22 .arc .arc-Markup ol,.arc-v12-0-0-beta-22 .arc .arc-Markup p,.arc-v12-0-0-beta-22 .arc .arc-Markup>small,.arc-v12-0-0-beta-22 .arc .arc-Markup ul{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc-v12-0-0-beta-22 .arc .arc-Markup h1{margin-bottom:var(--sem-space-gap-110);margin-top:0}.arc-v12-0-0-beta-22 .arc .arc-Markup h2,.arc-v12-0-0-beta-22 .arc .arc-Markup h3,.arc-v12-0-0-beta-22 .arc .arc-Markup h4,.arc-v12-0-0-beta-22 .arc .arc-Markup h5,.arc-v12-0-0-beta-22 .arc .arc-Markup h6{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc-v12-0-0-beta-22 .arc .arc-Markup *+h1,.arc-v12-0-0-beta-22 .arc .arc-Markup *+h2,.arc-v12-0-0-beta-22 .arc .arc-Markup *+h3,.arc-v12-0-0-beta-22 .arc .arc-Markup *+h4,.arc-v12-0-0-beta-22 .arc .arc-Markup *+h5,.arc-v12-0-0-beta-22 .arc .arc-Markup *+h6{margin-top:var(--sem-space-gap-110)}.arc-v12-0-0-beta-22 .arc .arc-Markup hr,.arc-v12-0-0-beta-22 .arc .arc-Markup img,.arc-v12-0-0-beta-22 .arc .arc-Markup pre,.arc-v12-0-0-beta-22 .arc .arc-Markup table{margin-bottom:var(--sem-space-gap-110);margin-top:var(--sem-space-gap-110)}.arc-v12-0-0-beta-22 .arc .arc-Markup>:first-child{margin-top:0}.arc-v12-0-0-beta-22 .arc .arc-Markup>:last-child{margin-bottom:0}.arc-v12-0-0-beta-22 .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-22 .arc .arc-Markup blockquote p{margin-bottom:0;margin-top:0;quotes:"“" "”" "‘" "’"}.arc-v12-0-0-beta-22 .arc .arc-Markup blockquote p:first-child::before{content:open-quote;margin-left:-0.75ch}.arc-v12-0-0-beta-22 .arc .arc-Markup blockquote p:first-child::after{content:close-quote}.arc-v12-0-0-beta-22 .arc .arc-Markup blockquote p+p:last-child{text-align:right}.arc-v12-0-0-beta-22 .arc .arc-Markup h1,.arc-v12-0-0-beta-22 .arc .arc-Markup h2,.arc-v12-0-0-beta-22 .arc .arc-Markup h3{font-weight:var(--sem-font-weight-semi-bold)}.arc-v12-0-0-beta-22 .arc .arc-Markup h6{font:var(--sem-type-mobile-semi-xxs)}.arc-v12-0-0-beta-22 .arc .arc-Markup h5{font:var(--sem-type-mobile-semi-xs)}.arc-v12-0-0-beta-22 .arc .arc-Markup h4{font:var(--sem-type-mobile-semi-s)}.arc-v12-0-0-beta-22 .arc .arc-Markup h3{font:var(--sem-type-mobile-semi-m)}.arc-v12-0-0-beta-22 .arc .arc-Markup h2{font:var(--sem-type-mobile-semi-l)}.arc-v12-0-0-beta-22 .arc .arc-Markup h1{font:var(--sem-type-mobile-semi-xxl)}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-Markup h3{font:var(--sem-type-tablet-semi-m)}.arc-v12-0-0-beta-22 .arc .arc-Markup h2{font:var(--sem-type-tablet-semi-l)}.arc-v12-0-0-beta-22 .arc .arc-Markup h1{font:var(--sem-type-tablet-semi-xxl)}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-Markup h3{font:var(--sem-type-desktop-semi-m)}.arc-v12-0-0-beta-22 .arc .arc-Markup h2{font:var(--sem-type-desktop-semi-l)}.arc-v12-0-0-beta-22 .arc .arc-Markup h1{font:var(--sem-type-desktop-semi-xxl)}}.arc-v12-0-0-beta-22 .arc .arc-Markup img{display:block;max-width:100%}.arc-v12-0-0-beta-22 .arc .arc-Markup ol,.arc-v12-0-0-beta-22 .arc .arc-Markup ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.arc-v12-0-0-beta-22 .arc .arc-Markup ol{counter-reset:list}.arc-v12-0-0-beta-22 .arc .arc-Markup li{padding-left:var(--sem-space-padding-110);position:relative}.arc-v12-0-0-beta-22 .arc .arc-Markup li::before{left:0;position:absolute;text-align:center;width:24px}.arc-v12-0-0-beta-22 .arc .arc-Markup ul>li::before{content:"•"}.arc-v12-0-0-beta-22 .arc .arc-Markup ol>li::before{content:counter(list) ".";counter-increment:list}.arc-v12-0-0-beta-22 .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-22 .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-22 .arc .arc-Markup>small{display:block;font:var(--sem-type-interface-reg-s)}.arc-v12-0-0-beta-22 .arc .arc-Markup table{border-collapse:collapse;max-width:100%}.arc-v12-0-0-beta-22 .arc .arc-Markup td,.arc-v12-0-0-beta-22 .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-22 .arc .arc-Markup--onDarkSurface td,.arc-v12-0-0-beta-22 .arc .arc-Markup--onDarkSurface th{border-color:var(--sem-color-border-secondary-dark-minimal)}.arc-v12-0-0-beta-22 .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-22 .arc .arc-Markup.arc-Markup--onDarkSurface tbody tr:nth-child(even){background-color:rgba(255,255,255,0.15)}
|
package/lib/MediaCard/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-22 .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-22 .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-22 .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-22 .arc .arc-MediaCard[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--contained.arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--contained.arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--onDarkSurface[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--onDarkSurface:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard-imgContainer{border-radius:var(--card-border-radius-s);overflow:hidden}.arc-v12-0-0-beta-22 .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-22 .arc .arc-MediaCard--contained .arc-MediaCard-imgContainer{border-radius:0}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-s)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard-textContainer{flex:1 1 auto}.arc-v12-0-0-beta-22 .arc .arc-MediaCard .arc-Surface{flex:1}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-MediaCard-content{padding-top:var(--card-padding-m)}.arc-v12-0-0-beta-22 .arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-m)}}.arc-v12-0-0-beta-22 .arc .arc-MediaCard-label{color:var(--card-colors-light-text-support)}
|
package/lib/Menu/Menu.cjs
CHANGED
|
@@ -102,7 +102,7 @@ var MenuHeader = function (_a) {
|
|
|
102
102
|
var MenuItem = function (_a) {
|
|
103
103
|
var leadingIcon = _a.leadingIcon, supportingText = _a.supportingText, keyCommands = _a.keyCommands, trailingIcon = _a.trailingIcon, children = _a.children, onClick = _a.onClick, _b = _a.shouldKeepOpen, shouldKeepOpen = _b === void 0 ? true : _b, isDisabled = _a.isDisabled, href = _a.href, ariaLabel = _a.ariaLabel, props = filterAttrs.__rest(_a, ["leadingIcon", "supportingText", "keyCommands", "trailingIcon", "children", "onClick", "shouldKeepOpen", "isDisabled", "href", "ariaLabel"]);
|
|
104
104
|
var Component = href ? "a" : "div";
|
|
105
|
-
return (React.createElement(MenuItemMultiLevelContent.Item2, filterAttrs.__assign({ className: "arc-MenuItem", asChild: true, "aria-label": ariaLabel, onClick: onClick, onSelect: function (event) {
|
|
105
|
+
return (React.createElement(MenuItemMultiLevelContent.Item2, filterAttrs.__assign({ className: "arc-MenuItem", asChild: true, "aria-label": ariaLabel, onClick: isDisabled ? undefined : onClick, onSelect: function (event) {
|
|
106
106
|
if (shouldKeepOpen) {
|
|
107
107
|
event.preventDefault();
|
|
108
108
|
}
|
package/lib/Menu/Menu.mjs
CHANGED
|
@@ -101,7 +101,7 @@ var MenuHeader = function (_a) {
|
|
|
101
101
|
var MenuItem = function (_a) {
|
|
102
102
|
var leadingIcon = _a.leadingIcon, supportingText = _a.supportingText, keyCommands = _a.keyCommands, trailingIcon = _a.trailingIcon, children = _a.children, onClick = _a.onClick, _b = _a.shouldKeepOpen, shouldKeepOpen = _b === void 0 ? true : _b, isDisabled = _a.isDisabled, href = _a.href, ariaLabel = _a.ariaLabel, props = __rest(_a, ["leadingIcon", "supportingText", "keyCommands", "trailingIcon", "children", "onClick", "shouldKeepOpen", "isDisabled", "href", "ariaLabel"]);
|
|
103
103
|
var Component = href ? "a" : "div";
|
|
104
|
-
return (React__default.createElement(Item2, __assign({ className: "arc-MenuItem", asChild: true, "aria-label": ariaLabel, onClick: onClick, onSelect: function (event) {
|
|
104
|
+
return (React__default.createElement(Item2, __assign({ className: "arc-MenuItem", asChild: true, "aria-label": ariaLabel, onClick: isDisabled ? undefined : onClick, onSelect: function (event) {
|
|
105
105
|
if (shouldKeepOpen) {
|
|
106
106
|
event.preventDefault();
|
|
107
107
|
}
|
package/lib/Menu/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-22 .arc .arc-MenuContent{background:#ffffff;border-radius:12px;box-shadow:0 0 1px 0 rgba(0,0,0,0.2),0 4px 12px 0 rgba(0,0,0,0.1);display:flex;flex-direction:column;padding:12px;width:-moz-fit-content;width:fit-content;z-index:3}.arc-v12-0-0-beta-22 .arc .arc-MenuContent-enterDown-animation{animation:move-down 0.2s ease-out forwards}.arc-v12-0-0-beta-22 .arc .arc-MenuContent-enterLeft-animation{animation:move-left 0.2s ease-out forwards}.arc-v12-0-0-beta-22 .arc .arc-MenuContent-enterRight-animation{animation:move-right 0.2s ease-out forwards}@keyframes move-down{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes move-left{from{opacity:0.1;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes move-right{from{opacity:0.1;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.arc-v12-0-0-beta-22 .arc .arc-MenuItem{border-radius:var(--menu-card-border-radius-s);display:flex;flex-direction:row;gap:var(--menu-card-gap-m);outline:none;padding:var(--menu-card-padding-m);position:relative}.arc-v12-0-0-beta-22 .arc .arc-MenuItem--link,.arc-v12-0-0-beta-22 .arc .arc-MenuItem--link[data-highlighted]{color:var(--menu-card-text-primary);text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-MenuItem[data-highlighted]{background-color:var(--menu-card-bg-hover);border-radius:var(--menu-card-border-radius-s);border-bottom-left-radius:4px;border-top-left-radius:4px;cursor:pointer;z-index:4}.arc-v12-0-0-beta-22 .arc .arc-MenuItem[data-highlighted]::before{background-color:var(--menu-card-foreground-hover);border-bottom-left-radius:var(--menu-card-border-radius-s);border-top-left-radius:var(--menu-card-border-radius-s);content:"";height:100%;left:0;position:absolute;top:0;transition:background-color 0.3s ease;width:3px}.arc-v12-0-0-beta-22 .arc .arc-MenuItem[data-disabled]{color:var(--menu-card-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-22 .arc .arc-MenuItem-content{display:flex;gap:var(--menu-card-gap-m)}.arc-v12-0-0-beta-22 .arc .arc-MenuItem-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--menu-card-gap-m);margin-left:auto;text-wrap:nowrap}.arc-v12-0-0-beta-22 .arc .arc-MenuItem[data-state="checked"],.arc-v12-0-0-beta-22 .arc .arc-MenuItem[aria-expanded="true"]{background:var(--menu-card-bg-active)}.arc-v12-0-0-beta-22 .arc .arc-MenuItem-text{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--menu-card-gap-xs);text-wrap:wrap}.arc-v12-0-0-beta-22 .arc .arc-MenuSeparator{margin-left:-12px;margin-right:-12px;padding:var(--menu-card-padding-m) 0}.arc-v12-0-0-beta-22 .arc .arc-MenuLabel{overflow:auto;padding:12px;text-overflow:ellipsis;text-wrap:nowrap;color:#2a2a2a;font-size:14px;font-style:normal;font-weight:500;letter-spacing:1.4px;line-height:112%;text-transform:uppercase}.arc-v12-0-0-beta-22 .arc .arc-MenuLabel:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-MenuLabel:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MenuLabel.arc-MenuLabel--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MenuTrigger{background:transparent;border:none;padding:0}.arc-v12-0-0-beta-22 .arc .arc-MenuTrigger:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-MenuTrigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MenuTrigger.arc-MenuTrigger--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-MenuItemCheckbox{align-items:center}.arc-v12-0-0-beta-22 .arc .arc-MenuItemCheckbox-box{align-items:center;background:var(--checkbox-colors-light-bg-default);border:var(--checkbox-border-weight) solid var(--checkbox-colors-light-border-default);border-radius:var(--checkbox-border-radius-s);color:var(--checkbox-colors-light-bg-default);display:inline-flex;flex-shrink:0;height:var(--checkbox-size-s);justify-content:center;width:var(--checkbox-size-s)}.arc-v12-0-0-beta-22 .arc .arc-MenuItemCheckbox-box--checked{background:var(--checkbox-colors-light-bg-active);border:none}.arc-v12-0-0-beta-22 .arc .arc-MenuItemCheckbox[data-state="checked"]{background-color:#ffffff}.arc-v12-0-0-beta-22 .arc .arc-MenuItemCheckbox[data-state="checked"]:hover,.arc-v12-0-0-beta-22 .arc .arc-MenuItemCheckbox[data-state="checked"][data-highlighted]{background-color:var(--menu-card-bg-hover)}.arc-v12-0-0-beta-22 .arc .arc-MenuItemSingleSelect[data-state="unchecked"] .arc-MenuItem-actions{visibility:hidden}.arc-v12-0-0-beta-22 .arc .arc-MenuGroupSingleSelect{display:flex;flex-direction:column;gap:var(--menu-card-gap-xs)}.arc-v12-0-0-beta-22 .arc .arc-MenuScrollable{margin-left:-12px;margin-right:-12px;overflow-x:hidden;overflow-y:scroll;padding:4px 12px;scrollbar-width:thin}.arc-v12-0-0-beta-22 .arc .arc-MenuGroup{display:flex;flex-direction:column;gap:var(--menu-card-gap-xs)}.arc-v12-0-0-beta-22 .arc div[data-radix-popper-content-wrapper][\:has\(.arc-MenuContent\)]{min-width:auto !important}.arc-v12-0-0-beta-22 .arc div[data-radix-popper-content-wrapper]:has(.arc-MenuContent){min-width:auto !important}
|
package/lib/Modal/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v12-0-0-beta-
|
|
1
|
+
.arc-v12-0-0-beta-22 .arc .arc-Modal{color:auto}.arc-v12-0-0-beta-22 .arc .arc-Modal-overlay{align-items:center;background-color:var(--overlay-colors-overlay-default);display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:16px;position:fixed;top:0;width:100%;z-index:100}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog{background-color:var(--modal-colors-light-bg-default);border-radius:24px;display:flex;flex-direction:column;margin:auto;position:relative;width:100%}.arc-v12-0-0-beta-22 .arc .arc-Modal-section{padding:0 var(--modal-padding-m)}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog--fullBleed .arc-Modal-custom-section{padding:0}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog--maxHeightWindow{height:100%}.arc-v12-0-0-beta-22 .arc .arc-Modal-iconContainer{background:var(--modal-colors-light-bg-default);border-radius:16px;height:32px;position:absolute;right:8px;top:8px}.arc-v12-0-0-beta-22 .arc .arc-Modal-closeButton{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0}.arc-v12-0-0-beta-22 .arc .arc-Modal-closeButton: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-22 .arc .arc-Modal-content{overflow-x:hidden;overflow-y:auto}.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton:nth-of-type(n+2){margin-top:var(--modal-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog--s{max-width:var(--modal-size-m)}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog--m,.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog--l{max-width:var(--modal-size-l)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-Modal-overlay{padding:80px 24px}.arc-v12-0-0-beta-22 .arc .arc-Modal-actions{display:flex}.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton{flex:1 1 auto}.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton:nth-of-type(n+2){margin-left:var(--modal-gap-s);margin-top:0}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-Modal-actions{justify-content:flex-end}.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton{flex:0 1 auto}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-Modal-overlay{padding-left:32px;padding-right:32px}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog--m{max-width:var(--modal-size-xl)}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog--l{max-width:var(--modal-size-xxl)}.arc-v12-0-0-beta-22 .arc .arc-Modal-actions{justify-content:flex-end}.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton{flex:0 1 auto}}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-22 .arc .arc-Modal-overlay{animation:overlay-show 100ms cubic-bezier(0.44,0,0.55,0.94)}.arc-v12-0-0-beta-22 .arc .arc-Modal-dialog{animation:content-show 100ms cubic-bezier(0.44,0,0.55,0.94)}@keyframes content-show{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}@keyframes overlay-show{from{opacity:0}to{opacity:1}}}.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton--compact{display:flex}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton--compact button{width:auto}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-Modal-actionButton--compact{flex-grow:1}}:root{--columns-gutter-xs:var(--arc-size-grid-gutter-s);--columns-gutter-s:var(--arc-size-grid-gutter-m);--columns-gutter-m:var(--arc-size-grid-gutter-m);--columns-gutter-l:var(--arc-size-grid-gutter-m);--columns-gutter-xl:var(--arc-size-grid-gutter-l);--arc-columns-gap:var(--columns-gutter-xs);--arc-columns-count:12;--modal-max-width:100%;--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)));--arc-columns-span-4-width:calc((var(--arc-column-width) * 4) - var(--arc-columns-gap));--arc-columns-span-6-width:calc((var(--arc-column-width) * 6) - var(--arc-columns-gap));--arc-columns-span-8-width:calc((var(--arc-column-width) * 8) - var(--arc-columns-gap));--arc-columns-span-10-width:calc((var(--arc-column-width) * 10) - var(--arc-columns-gap));--arc-columns-span-12-width:calc((var(--arc-column-width) * 12) - var(--arc-columns-gap))}@media (min-width:320px){.arc-v12-0-0-beta-22 :root{--arc-columns-gap:var(--columns-gutter-s);--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)))}}@media (min-width:636px){:root{--arc-columns-gap:var(--columns-gutter-m);--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)))}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-Modal-overlay{padding-left:32px;padding-right:32px}:root{--modal-max-width:calc(var(--arc-size-breakpoints-xl) - calc(2 * var(--arc-size-section-margin-32)));--arc-columns-gap:var(--columns-gutter-xl);--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)))}}@media (min-width:320px){.arc-v12-0-0-beta-22 .arc-Modal-dialog--xs-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--xs-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--xs-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--xs-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--xs-span-12{max-width:var(--arc-columns-span-12-width)}}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc-Modal-dialog--s-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--s-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--s-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--s-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--s-span-12{max-width:var(--arc-columns-span-12-width)}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc-Modal-dialog--m-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--m-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--m-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--m-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--m-span-12{max-width:var(--arc-columns-span-12-width)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc-Modal-dialog--l-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--l-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--l-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--l-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v12-0-0-beta-22 .arc-Modal-dialog--l-span-12{max-width:var(--arc-columns-span-12-width)}}
|
|
@@ -7,30 +7,28 @@ var Visible = require('../_shared/cjs/Visible-vchtZSfm.cjs');
|
|
|
7
7
|
var index = require('../_shared/cjs/index-CTlXMLug.cjs');
|
|
8
8
|
var suffixModifier = require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
|
|
9
9
|
var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
|
|
10
|
+
var index$2 = require('../_shared/cjs/index-DAr_oO4-.cjs');
|
|
11
|
+
var index$1 = require('../_shared/cjs/index-DXNM3D1d.cjs');
|
|
13
12
|
var Tooltip = require('../_shared/cjs/Tooltip-BPHL0ELI.cjs');
|
|
14
13
|
var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
|
|
15
14
|
var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
|
|
16
|
-
var
|
|
15
|
+
var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
|
|
17
16
|
var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
|
|
18
|
-
var
|
|
17
|
+
var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-C09Kw6EG.cjs');
|
|
18
|
+
var kebabCase = require('../_shared/cjs/kebabCase-D5yA6u-V.cjs');
|
|
19
|
+
var arcBreakpoints = require('../_shared/cjs/arc-breakpoints-DWUgmeLA.cjs');
|
|
19
20
|
var Popover = require('../_shared/cjs/Popover-C5mmMkYU.cjs');
|
|
20
|
-
var index$1 = require('../_shared/cjs/index-DAr_oO4-.cjs');
|
|
21
|
-
var Icon = require('../_shared/cjs/Icon-CzhyKqMd.cjs');
|
|
22
21
|
var Hidden = require('../_shared/cjs/Hidden-Vsv1-xWO.cjs');
|
|
23
22
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
24
|
-
require('../_shared/cjs/
|
|
23
|
+
require('../_shared/cjs/Combination-B-rSVLfT.cjs');
|
|
25
24
|
require('react/jsx-runtime');
|
|
26
25
|
require('react-dom');
|
|
26
|
+
require('../_shared/cjs/index-Dv1xvB_E.cjs');
|
|
27
27
|
require('../_shared/cjs/index-B11wQrRa.cjs');
|
|
28
28
|
require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
|
|
29
|
-
require('../_shared/cjs/index.es-
|
|
29
|
+
require('../_shared/cjs/index.es-DlNskPlN.cjs');
|
|
30
30
|
require('../_shared/cjs/index-CaO6cOF0.cjs');
|
|
31
|
-
require('../_shared/cjs/Combination-B-rSVLfT.cjs');
|
|
32
31
|
require('../_shared/cjs/index-Bt7hfZBc.cjs');
|
|
33
|
-
require('../_shared/cjs/index-Dv1xvB_E.cjs');
|
|
34
32
|
|
|
35
33
|
/**
|
|
36
34
|
* Detect interaction mode
|
|
@@ -93,7 +91,8 @@ var BtRedcareLogo = function () { return (React.createElement("svg", { xmlns: "h
|
|
|
93
91
|
React.createElement("path", { d: "M25 0C11.285 0 0 11.285 0 25s11.285 25 25 25 25-11.285 25-25C49.995 11.287 38.713.005 25 0Zm0 46.92h-.005c-12.028 0-21.925-9.897-21.925-21.925S12.967 3.07 24.995 3.07 46.92 12.967 46.92 24.995V25C46.911 37.022 37.022 46.911 25 46.92Zm95.636-16.632-2.683-2.44-.153.19a5.93 5.93 0 0 1-1.965 1.626 5.484 5.484 0 0 1-2.415.508 4.314 4.314 0 0 1-2.323-.65 4.609 4.609 0 0 1-1.653-1.828 6.386 6.386 0 0 1 0-5.456 4.627 4.627 0 0 1 1.642-1.824 4.267 4.267 0 0 1 2.31-.65 5.014 5.014 0 0 1 2.317.521c.746.411 1.4.97 1.923 1.642l.153.187 2.686-2.436-.142-.176a9.26 9.26 0 0 0-3.09-2.47 8.886 8.886 0 0 0-3.84-.802 9.082 9.082 0 0 0-3.428.644 8.536 8.536 0 0 0-2.798 1.824 8.35 8.35 0 0 0-1.871 2.785 9.462 9.462 0 0 0 0 6.978 8.36 8.36 0 0 0 4.672 4.6 9.204 9.204 0 0 0 3.44.642 9.37 9.37 0 0 0 3.909-.788 9.195 9.195 0 0 0 3.16-2.457l.15-.17h-.001ZM22.8 24.626a4.224 4.224 0 0 0 1.625-3.4c0-3.075-2.224-4.751-5.5-4.751h-6.77v17h7.248c3.25 0 5.526-1.774 5.526-5-.003-1.875-.979-3.175-2.129-3.849Zm3.425-4.501H30.4v13.35h4.1v-13.35h4.175v-3.65h-12.45v3.65Zm126.251 4.57a5.193 5.193 0 0 0 .866-2.976 5.303 5.303 0 0 0-.68-2.7 4.818 4.818 0 0 0-1.98-1.861c-.857-.448-1.915-.676-3.143-.676h-8.354v16.992h4.097v-6.336h2.984l3.235 6.329h4.586l-3.86-7.028a4.777 4.777 0 0 0 2.25-1.744h-.001Zm-75.218 1.947h6.115V23.16h-6.115v-3.2h8.714v-3.484H73.16v16.992h13.048v-3.484h-8.95v-3.342Zm-6.888-1.947a5.193 5.193 0 0 0 .866-2.976 5.306 5.306 0 0 0-.68-2.707 4.825 4.825 0 0 0-1.98-1.861c-.86-.448-1.916-.676-3.135-.676H57.08v16.992h4.095v-6.33h2.983l3.235 6.33h4.586l-3.86-7.028a4.787 4.787 0 0 0 2.252-1.744h-.001Zm28.995-7.144c-1.436-.706-3.175-1.076-5.193-1.076h-6.228v16.992h6.228c2.01 0 3.757-.353 5.193-1.074a7.914 7.914 0 0 0 3.33-3 8.457 8.457 0 0 0 1.154-4.409 8.44 8.44 0 0 0-1.154-4.41 7.894 7.894 0 0 0-3.33-3.023Zm32.205-1.076h-4.279l-6.816 16.992h4.234l1.41-3.683h6.527l1.411 3.683h4.358l-6.786-16.847-.06-.145h.001Zm27.747 13.508v-3.34h6.117v-3.485h-6.117v-3.2h8.715v-3.483h-12.81v16.992h13.047v-3.484h-8.952Zm-140.367.042v.008-.001H16.2v-3.557h2.75c1.15 0 1.825.725 1.825 1.8 0 1.025-.666 1.75-1.825 1.75Zm80.711-5.054c0 1.534-.469 2.765-1.395 3.66-.926.897-2.309 1.356-4.094 1.356h-2.13V19.959h2.13c1.787 0 3.163.458 4.09 1.363.928.905 1.4 2.138 1.4 3.65l-.001-.001Zm27.694 1.588 2.029-5.335 2.05 5.335h-4.079Zm-60.312-4.744a2.02 2.02 0 0 1-.494 1.437c-.323.353-.834.53-1.519.53h-3.856v-3.919h3.856c.706 0 1.216.177 1.53.53.337.392.51.898.483 1.414v.008Zm82.108 0a2.024 2.024 0 0 1-.494 1.437c-.322.353-.833.53-1.52.53h-3.855v-3.919h3.855c.705 0 1.215.177 1.53.53.337.391.51.898.484 1.414v.008ZM16.2 19.932h2.526c.973 0 1.548.625 1.548 1.526 0 .949-.575 1.575-1.548 1.575H16.2v-3.101Z", fill: "currentColor" }))); };
|
|
94
92
|
|
|
95
93
|
var NavigationHeaderLogo = function (_a) {
|
|
96
|
-
var _b
|
|
94
|
+
var _b;
|
|
95
|
+
var _c = _a.brand, brand = _c === void 0 ? "bt" : _c, _d = _a.href, href = _d === void 0 ? "/" : _d, _e = _a.ariaLabel, ariaLabel = _e === void 0 ? "Home" : _e, _f = _a.isSurfaceSensitive, isSurfaceSensitive = _f === void 0 ? true : _f, svg = _a.svg, onClick = _a.onClick;
|
|
97
96
|
var surface = React.useContext(Surface.Context).surface;
|
|
98
97
|
var logos = {
|
|
99
98
|
bt: BtLogo,
|
|
@@ -104,7 +103,11 @@ var NavigationHeaderLogo = function (_a) {
|
|
|
104
103
|
btWholesale: BtWholesaleLogo,
|
|
105
104
|
};
|
|
106
105
|
var icon = svg || React.createElement(logos[brand]);
|
|
107
|
-
return (React.createElement("a", { className: index.classNames("arc-NavigationHeaderLogo",
|
|
106
|
+
return (React.createElement("a", { className: index.classNames("arc-NavigationHeaderLogo", (_b = {
|
|
107
|
+
"arc-NavigationHeaderLogo--staticColor": !isSurfaceSensitive
|
|
108
|
+
},
|
|
109
|
+
_b[suffixModifier.suffixModifier("arc-NavigationHeaderLogo--on", surface)] = isSurfaceSensitive,
|
|
110
|
+
_b)), "aria-label": ariaLabel, onClick: onClick, href: href }, icon));
|
|
108
111
|
};
|
|
109
112
|
|
|
110
113
|
// src/check-element-visibility/check-element-visibility.ts
|
|
@@ -117,18 +120,68 @@ var checkElementVisibility = (element) => {
|
|
|
117
120
|
}
|
|
118
121
|
};
|
|
119
122
|
|
|
120
|
-
var
|
|
121
|
-
var
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
123
|
+
var NavigationHeaderInlineAction = function (_a) {
|
|
124
|
+
var icon = _a.icon, text = _a.text, href = _a.href, onClick = _a.onClick;
|
|
125
|
+
return (React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React.createElement("a", { "aria-label": text, className: index.classNames("arc-NavigationHeaderInlineAction", "arc-NavigationHeaderInlineAction-link"), href: href, onClick: onClick }, children)); }, fallback: function (children) { return (React.createElement("button", { "aria-label": text, className: index.classNames("arc-NavigationHeaderInlineAction", "arc-NavigationHeaderInlineAction-button"), onClick: onClick }, children)); } },
|
|
126
|
+
React.createElement("div", { className: "arc-NavigationHeaderInlineAction-content" },
|
|
127
|
+
React.createElement(Icon.Icon, { "aria-hidden": true, icon: icon, size: 28 }),
|
|
128
|
+
React.createElement(Text.Text, { size: "l" }, text))));
|
|
129
|
+
};
|
|
130
|
+
|
|
131
|
+
var NavigationHeaderDisclosure = function (_a) {
|
|
132
|
+
var heading = _a.heading, children = _a.children;
|
|
133
|
+
var _b = React.useState(false), isOpen = _b[0], setIsOpen = _b[1];
|
|
134
|
+
var containerRef = React.useRef(null);
|
|
135
|
+
var handleOnClick = function (e) {
|
|
136
|
+
e.preventDefault();
|
|
137
|
+
setIsOpen(function (isOpen) { return !isOpen; });
|
|
138
|
+
};
|
|
139
|
+
React.useEffect(function () {
|
|
140
|
+
if (containerRef.current && containerRef.current.firstChild && isOpen) {
|
|
141
|
+
containerRef.current.firstChild.focus();
|
|
142
|
+
}
|
|
143
|
+
}, [isOpen, containerRef.current]);
|
|
144
|
+
return (React.createElement("details", { className: "arc-NavigationHeaderDisclosure", open: isOpen },
|
|
145
|
+
React.createElement("summary", { "aria-expanded": isOpen, onClick: handleOnClick, className: "arc-NavigationHeaderDisclosure-summary" },
|
|
146
|
+
React.createElement("span", { className: "arc-NavigationHeaderDisclosure-heading" }, heading),
|
|
147
|
+
React.createElement("span", { className: "arc-NavigationHeaderDisclosure-icon" },
|
|
148
|
+
React.createElement(ThemeIcon.ThemeIcon, { size: 28, icon: "navigationHeaderDisclosure" }))),
|
|
149
|
+
React.createElement("div", { ref: containerRef, className: "arc-NavigationHeaderDisclosure-details" }, children)));
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
var NavigationHeaderMenuLink = function (_a) {
|
|
153
|
+
var href = _a.href, onClick = _a.onClick, text = _a.text, _b = _a.size, size = _b === void 0 ? "l" : _b;
|
|
154
|
+
var icons = {
|
|
155
|
+
s: {
|
|
156
|
+
icon: "navigationHeaderMenuLinkSmall",
|
|
157
|
+
size: 24,
|
|
158
|
+
},
|
|
159
|
+
l: {
|
|
160
|
+
icon: "navigationHeaderMenuLinkLarge",
|
|
161
|
+
size: 28,
|
|
162
|
+
},
|
|
163
|
+
};
|
|
164
|
+
return (React.createElement("a", { "aria-label": text, href: href, onClick: onClick, className: index.classNames("arc-NavigationHeaderMenuLink", suffixModifier.suffixModifier("arc-NavigationHeaderMenuLink--size", size)) },
|
|
165
|
+
React.createElement("div", { className: "arc-NavigationHeaderMenuLink-text" }, text),
|
|
166
|
+
React.createElement("span", { className: "arc-NavigationHeaderMenuLink-icon" },
|
|
167
|
+
React.createElement(ThemeIcon.ThemeIcon, filterAttrs.__assign({}, icons[size])))));
|
|
125
168
|
};
|
|
126
169
|
|
|
127
170
|
var NavigationHeaderBurgerMenu = function (_a) {
|
|
128
|
-
var navItems = _a.navItems,
|
|
171
|
+
var navItems = _a.navItems, actions = _a.actions, header = _a.header, footer = _a.footer, logo = _a.logo;
|
|
129
172
|
var id = React.useId();
|
|
130
173
|
var _b = React.useState(false), isOpen = _b[0], setIsOpen = _b[1];
|
|
131
174
|
var triggerRef = React.useRef(null);
|
|
175
|
+
var interactionMode = useInteractionMode().interactionMode;
|
|
176
|
+
var _c = index$1.useThemeElement(), themeElement = _c[0], setThemeElement = _c[1];
|
|
177
|
+
var closeMenu = function () {
|
|
178
|
+
setIsOpen(false);
|
|
179
|
+
};
|
|
180
|
+
var focusTriggerElement = function () {
|
|
181
|
+
if (triggerRef.current && interactionMode === "keyboard") {
|
|
182
|
+
triggerRef.current.focus();
|
|
183
|
+
}
|
|
184
|
+
};
|
|
132
185
|
// Close the menu if the nav or trigger is hidden
|
|
133
186
|
React.useEffect(function () {
|
|
134
187
|
var resizeObserver = new ResizeObserver(function (entries) {
|
|
@@ -149,34 +202,46 @@ var NavigationHeaderBurgerMenu = function (_a) {
|
|
|
149
202
|
return (React.createElement(React.Fragment, null,
|
|
150
203
|
React.createElement(Tooltip.Tooltip, { asChild: true, delayDuration: 0, title: "Menu", side: "bottom" },
|
|
151
204
|
React.createElement(kebabCase.NavigationHeaderButton, { ref: triggerRef, isPadded: false, "aria-expanded": isOpen, "aria-label": isOpen ? "close menu" : "open menu", onClick: function () { return setIsOpen(!isOpen); } },
|
|
152
|
-
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-
|
|
205
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-trigger" },
|
|
153
206
|
React.createElement(ThemeIcon.ThemeIcon, { icon: "siteHeaderBurger", size: 24 })),
|
|
154
207
|
React.createElement(VisuallyHidden.VisuallyHidden, null, isOpen ? "close menu" : "open menu"))),
|
|
155
|
-
React.createElement(
|
|
156
|
-
React.createElement(
|
|
157
|
-
React.createElement(
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
208
|
+
React.createElement("div", { ref: setThemeElement },
|
|
209
|
+
React.createElement(index$2.Root, { open: isOpen },
|
|
210
|
+
React.createElement(index$2.Portal, { container: themeElement },
|
|
211
|
+
React.createElement(index$2.Overlay, { className: "arc-NavigationHeaderBurgerMenu-overlay" },
|
|
212
|
+
React.createElement(index$2.Content, { "aria-describedby": undefined, className: "arc-NavigationHeaderBurgerMenu-slider", onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeMenu, onInteractOutside: closeMenu, "aria-modal": "true" },
|
|
213
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-container" },
|
|
214
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-mainContent" },
|
|
215
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-header" },
|
|
216
|
+
React.createElement(index$2.Title, null,
|
|
217
|
+
React.createElement(VisuallyHidden.VisuallyHidden, null, "Menu")),
|
|
218
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-logoContainer" },
|
|
219
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-logoWrapper" },
|
|
220
|
+
React.createElement(NavigationHeaderLogo, filterAttrs.__assign({}, logo, { isSurfaceSensitive: false })))),
|
|
221
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-closeButtonContainer" },
|
|
222
|
+
React.createElement(Tooltip.Tooltip, { asChild: true, delayDuration: 0, title: "Close menu", side: "left" },
|
|
223
|
+
React.createElement(kebabCase.NavigationHeaderCloseButton, { onClick: closeMenu })))),
|
|
224
|
+
header && (React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-topContent" }, header)),
|
|
225
|
+
(navItems || actions) && (React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-navigationContent" },
|
|
226
|
+
navItems && (React.createElement("ul", { className: "arc-NavigationHeaderBurgerMenu-list" }, navItems.map(function (navItem, navItemIndex) { return (React.createElement(React.Fragment, { key: "".concat(id, "-burger-nav-item-").concat(navItemIndex) },
|
|
227
|
+
React.createElement("li", { className: "arc-NavigationHeaderBurgerMenu-listItem" },
|
|
228
|
+
React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-listItemContent" },
|
|
229
|
+
(navItem.type === "link" ||
|
|
230
|
+
navItem.type === "meatball") && (React.createElement(NavigationHeaderMenuLink, { href: navItem.href, onClick: navItem.onClick, text: navItem.text })),
|
|
231
|
+
(navItem.type === "subnav" ||
|
|
232
|
+
navItem.type === "dropdown") && (React.createElement(NavigationHeaderDisclosure, { heading: navItem.text }, navItem.items.map(function (subNavItem, subNavItemIndex) { return (React.createElement(NavigationHeaderMenuLink, { size: "s", key: "".concat(id, "-").concat(navItemIndex, "-burger-sub-nav-item-").concat(subNavItemIndex), href: subNavItem.href, onClick: subNavItem.onClick, text: subNavItem.text })); }))))))); }))),
|
|
233
|
+
actions && (React.createElement("div", { className: index.classNames("arc-NavigationHeaderBurgerMenu-actionsContainer", {
|
|
234
|
+
"arc-NavigationHeaderBurgerMenu-actionsContainer--seperator": navItems && actions,
|
|
235
|
+
}) }, actions.map(function (props, i) { return (React.createElement(NavigationHeaderInlineAction, filterAttrs.__assign({ key: "".concat(id, "-action-{").concat(i, "}") }, props))); })))))),
|
|
236
|
+
footer && (React.createElement("div", { className: "arc-NavigationHeaderBurgerMenu-footer" },
|
|
237
|
+
React.createElement(Surface.Surface, { isTransparent: true, background: "dark-black" }, footer)))))))))));
|
|
238
|
+
};
|
|
239
|
+
|
|
240
|
+
var NavigationHeaderNavLink = function (_a) {
|
|
241
|
+
var text = _a.text, onClick = _a.onClick, href = _a.href, _b = _a.borderRadiusSize, borderRadiusSize = _b === void 0 ? "s" : _b;
|
|
242
|
+
var surface = React.useContext(Surface.Context).surface;
|
|
243
|
+
return (React.createElement("a", { href: href, onClick: onClick, className: index.classNames("arc-NavigationHeaderNavLink", suffixModifier.suffixModifier("arc-NavigationHeaderNavLink--borderRadiusSize", borderRadiusSize), suffixModifier.suffixModifier("arc-NavigationHeaderNavLink--on", surface)) },
|
|
244
|
+
React.createElement(Text.Text, null, text)));
|
|
180
245
|
};
|
|
181
246
|
|
|
182
247
|
// src/get-focusable-elements/get-focusable-elements.ts
|
|
@@ -387,15 +452,15 @@ var NavigationHeaderSubnav = function (_a) {
|
|
|
387
452
|
]);
|
|
388
453
|
return (React.createElement("div", { ref: containerRef },
|
|
389
454
|
React.createElement(kebabCase.NavigationHeaderButton, { "data-sub-nav-item": true, ref: triggerRef, isActive: isOpen, "aria-label": ariaLabel, onClick: onTriggerClick }, trigger),
|
|
390
|
-
React.createElement(index$
|
|
391
|
-
React.createElement(index$
|
|
455
|
+
React.createElement(index$2.Root, { open: isOpen, modal: false },
|
|
456
|
+
React.createElement(index$2.Portal, { container: (_b = navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.navBarPortalRef) === null || _b === void 0 ? void 0 : _b.current },
|
|
392
457
|
React.createElement("div", { className: "arc-NavigationHeaderSubnav" },
|
|
393
458
|
React.createElement("div", { className: "arc-NavigationHeaderSubnav-container" },
|
|
394
459
|
React.createElement(NavigationHeaderContainer, { isExtended: navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.isExtended, isFluid: navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.isFluid, isPill: navigationHeaderContext === null || navigationHeaderContext === void 0 ? void 0 : navigationHeaderContext.isPill, background: "neutral" },
|
|
395
|
-
React.createElement(index$
|
|
460
|
+
React.createElement(index$2.Content, { ref: dialogRef, "aria-describedby": undefined, onEscapeKeyDown: onEscapeKeyDown, onCloseAutoFocus: onCloseAutoFocus, onOpenAutoFocus: onOpenAutoFocus },
|
|
396
461
|
React.createElement("div", { className: "arc-NavigationHeaderSubnav-content" },
|
|
397
462
|
React.createElement(VisuallyHidden.VisuallyHidden, null,
|
|
398
|
-
React.createElement(index$
|
|
463
|
+
React.createElement(index$2.Title, null,
|
|
399
464
|
trigger,
|
|
400
465
|
" sub menu")),
|
|
401
466
|
React.createElement("ul", { ref: listRef, className: "arc-NavigationHeaderSubnav-navList" }, children))))))))));
|
|
@@ -555,7 +620,7 @@ var defaultHeaderVisibility = {
|
|
|
555
620
|
};
|
|
556
621
|
|
|
557
622
|
var NavigationHeader = function (_a) {
|
|
558
|
-
var leftSlot = _a.leftSlot, middleSlot = _a.middleSlot, rightSlot = _a.rightSlot, isPill = _a.isPill, isExtended = _a.isExtended, isFluid = _a.isFluid, logo = _a.logo, navItems = _a.navItems, background = _a.background, meatballMenuTooltip = _a.meatballMenuTooltip,
|
|
623
|
+
var leftSlot = _a.leftSlot, middleSlot = _a.middleSlot, rightSlot = _a.rightSlot, isPill = _a.isPill, isExtended = _a.isExtended, isFluid = _a.isFluid, logo = _a.logo, navItems = _a.navItems, background = _a.background, meatballMenuTooltip = _a.meatballMenuTooltip, burgerMenuActions = _a.burgerMenuActions, burgerMenuFooter = _a.burgerMenuFooter, burgerMenuHeader = _a.burgerMenuHeader, burgerMenuVisibility = _a.burgerMenuVisibility, navMenuVisibility = _a.navMenuVisibility;
|
|
559
624
|
var navBarPortalRef = React.useRef(null);
|
|
560
625
|
var _b = React.useState(false), isSubMenuItemActive = _b[0], setIsSubMenuItemActive = _b[1];
|
|
561
626
|
var navBarBackground = isSubMenuItemActive ? "lightElevated" : background;
|
|
@@ -580,7 +645,7 @@ var NavigationHeader = function (_a) {
|
|
|
580
645
|
rightSlot && (React.createElement("div", { className: "arc-NavigationHeader-rightSlot" }, rightSlot)),
|
|
581
646
|
React.createElement(Visible.Visible, filterAttrs.__assign({}, burgerMenuVisibilityProps),
|
|
582
647
|
React.createElement("div", { className: "arc-NavigationHeader-burgerMenuSlot" },
|
|
583
|
-
React.createElement(NavigationHeaderBurgerMenu, { navItems: navItems,
|
|
648
|
+
React.createElement(NavigationHeaderBurgerMenu, { logo: logo, navItems: navItems, actions: burgerMenuActions, header: burgerMenuHeader, footer: burgerMenuFooter })))))));
|
|
584
649
|
};
|
|
585
650
|
|
|
586
651
|
var NavigationHeaderAction = function (_a) {
|