@arc-ui/community-components 3.9.0 → 3.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +13 -12
- package/CHANGELOG.md +14 -0
- package/generate-versions.js +48 -1
- package/lib/ActionTile/ActionTile.cjs +10 -9
- package/lib/ActionTile/ActionTile.mjs +10 -9
- package/lib/ActionTile/styles.css +1 -1
- package/lib/HeaderBarNotification/HeaderBarNotification.cjs +57 -0
- package/lib/HeaderBarNotification/HeaderBarNotification.mjs +55 -0
- package/lib/HeaderBarNotification/styles.css +1 -0
- package/lib/ProductNavigation/ProductNavigation.cjs +17 -17
- package/lib/ProductNavigation/ProductNavigation.mjs +17 -17
- package/lib/index.cjs +75 -28
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +48 -4
- package/lib/index.d.mts +48 -4
- package/lib/index.mjs +76 -30
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +4 -4
- package/src/components/ActionTile/ActionTile.module.css +20 -1
- package/src/components/ActionTile/ActionTile.tsx +11 -14
- package/src/components/HeaderBarNotification/HeaderBarNotification.module.css +51 -0
- package/src/components/HeaderBarNotification/HeaderBarNotification.tsx +153 -0
- package/src/components/HeaderBarNotification/index.ts +4 -0
- package/src/components/ProductNavigation/ProductNavigation.tsx +42 -38
- package/src/components/index.ts +1 -0
- package/versions.json +1 -1
package/lib/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.AccordionHeading-module_accordion-header__8s12f{padding-bottom:40px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{display:flex;flex-direction:column;gap:16px}@media (min-width:636px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:588px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:1216px;padding:0 312px 40px 0}}.AccordionHeading-module_accordion-header--headingSizeM__amLfy{padding-bottom:24px;width:auto}.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT:not(:first-child)>*>summary{border-top:0;line-height:29px}.Accordion-module_Accordion__LsXTU li,.Accordion-module_Accordion__LsXTU ul{list-style:none;margin:0;padding:0}.SectionHeading-module_sectionHeading--hasImage__qaz6n{display:flex;flex-direction:column;gap:16px}.SectionHeading-module_sectionHeading--isCentered__i0fR8{text-align:center}@media (min-width:636px){.SectionHeading-module_sectionHeading--hasImage__qaz6n{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:10px}}@media (min-width:1280px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:0}}.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-16)*-1);overflow-x:hidden;padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-24)*-1);padding:6px var(--arc-size-section-margin-24)}}@media (min-width:1280px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-32)*-1);padding:6px var(--arc-size-section-margin-32)}}.ArticleCarousel-module_cardWrapper__lS3oc,.ArticleCarousel-module_cardWrapper__lS3oc>*{height:100%}.ArticleCarousel-module_cardWrapperCarousel__v3jv1{height:100%;margin-right:16px;width:288px}.ArticleCarousel-module_cardWrapperCarousel__v3jv1>*{height:100%}@media (min-width:636px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:24px}}@media (min-width:768px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{width:348px}}@media (min-width:1024px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:0;padding:6px;width:100%}}.ArticleCarousel-module_lastCard__my93x{margin-right:0}.Author-module_authorContent__TBY7b{padding-left:var(--sem-space-padding-70)}.Author-module_largeAvatar__Vco03{margin-bottom:var(--sem-space-gap-5)}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) auto 0;width:100%}.CopyLead-module_col__0Da5H{flex:1 1 auto;width:100%}.CopyLead-module_container__I91ym{align-items:flex-start;display:flex;gap:var(--sem-space-padding-150)}.CopyLead-module_container--content__e8LxG{flex-direction:column}.CopyLead-module_container--media__QcMWi{flex-direction:column-reverse}.CopyLead-module_container--align-center__Fh1Sd{align-items:center}.CopyLead-module_container--align-top__UIXOZ{align-items:flex-start}.CopyLead-module_list__arnJd{list-style:none;margin:0;max-width:480px;padding:0}.CopyLead-module_listItem__NscHE{display:flex}.CopyLead-module_listItem__NscHE:nth-of-type(n+2){margin-top:var(--sem-space-padding-150)}.CopyLead-module_listItemCentered__Kwdab{align-items:center}.CopyLead-module_listItemIconContainer__dgnhJ{flex:0 0 auto}.CopyLead-module_listItemTextContainer__Dl9lw{flex:1 1 auto;padding:0 0 0 var(--sem-space-padding-80)}.CopyLead-module_imgWrapper__HYP3w{border-radius:var(--sem-border-radius-s);overflow:hidden}.CopyLead-module_mediaContainer__PxTnm{margin-bottom:var(--sem-space-padding-150)}.CopyLead-module_content__Bja1D{max-width:715px}@media (min-width:636px){.CopyLead-module_buttonContainer__3OaRG{width:-moz-max-content;width:max-content}}@media (min-width:768px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-110)}.CopyLead-module_container--content__e8LxG,.CopyLead-module_container--media__QcMWi{flex-direction:row}.CopyLead-module_container--reverse__Gq9u8{flex-direction:row-reverse}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) 0 0}.CopyLead-module_col__0Da5H{width:50%}.CopyLead-module_list__arnJd{max-width:100%}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-80)}}@media (min-width:1024px){.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-110)}}@media (min-width:1280px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-130)}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-130)}}.DownloadList-module_downloadList-below__21q6i,.DownloadList-module_downloadList-right__mHYHL{margin-top:calc(var(--arc-columns-gap)*-1)}@media (min-width:1024px){.DownloadList-module_downloadList-right__mHYHL{margin-top:0}}html{scroll-behavior:smooth}.FAQs-module_FAQs__FtQr4 li,.FAQs-module_FAQs__FtQr4 ul{list-style:none;margin:0;padding:0}.FAQs-module_linkListSection__RdQkU{display:flex;flex-direction:column;margin-bottom:40px}.FAQs-module_linkListTitle__RVni3{margin-bottom:8px}.FAQs-module_linkList__dPyXj{display:flex;flex-wrap:wrap;row-gap:8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:after{color:#d9d9d9;content:"|";padding:0 8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:last-child:after{content:""}@media (--arc-custom-media-min-width-s-px ){.FAQs-module_linkList--padded__8Paxc{min-width:588px;width:auto}}@media (--arc-custom-media-min-width-m-px ){.FAQs-module_linkList--padded__8Paxc{min-width:720px;padding-right:186px}}@media (--arc-custom-media-min-width-l-px ){.FAQs-module_linkList--padded__8Paxc{min-width:960px;padding-right:246px}}@media (--arc-custom-media-min-width-xl-px ){.FAQs-module_linkList--padded__8Paxc{min-width:1216px;padding-right:312px}}.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20);text-transform:uppercase}.FeaturePost-module_authorContent__FEuRO{padding-left:var(--sem-space-padding-70)}.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:var(--sem-space-padding-70) 0 0}.FeaturePost-module_imgWrapper__r6omd{border-radius:var(--sem-border-radius-s);overflow:hidden}@media (min-width:636px){.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:0 0 0 var(--sem-space-padding-70)}}@media (min-width:768px){.FeaturePost-module_featurePost__9jY21{display:flex;gap:24px}.FeaturePost-module_featurePostReversed__WQRXm{flex-direction:row-reverse}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-110) 0 0}.FeaturePost-module_col__eW8gY{flex:0 1 auto;width:50%}.FeaturePost-module_labelDate__NXOgY{padding-left:var(--sem-space-padding-70)}}@media (min-width:1280px){.FeaturePost-module_featurePost__9jY21{gap:32px}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-130) 0 0}}.Highlights-module_highlights__Hf7Zq{grid-gap:48px 24px;display:grid;gap:48px 24px;grid-template-columns:1fr}.Highlights-module_highlightItem__-N6le{max-width:480px;width:auto}@media (min-width:636px){.Highlights-module_highlights__Hf7Zq{grid-template-columns:1fr 1fr}.Highlights-module_highlightItem__-N6le{min-width:282px;padding-right:0}}@media (min-width:768px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{max-width:-moz-max-content;max-width:max-content;min-width:348px;padding-right:62px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:224px}}@media (min-width:1024px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:468px;padding-right:82px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:304px}}@media (min-width:1280px){.Highlights-module_highlights__Hf7Zq{gap:48px 32px}.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:592px;padding-right:104px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:384px}}.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_CarouselWrapper__iYwWp{margin:0 calc(var(--arc-size-section-margin-16)*-1);overflow:hidden;padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.PromoListing-module_CarouselWrapper__iYwWp{margin:0 calc(var(--arc-size-section-margin-24)*-1);padding:6px var(--arc-size-section-margin-24)}}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}.PromoListing-module_cardGrid__llf73{grid-gap:16px;display:grid;gap:16px;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;padding:0}.PromoListing-module_cardWrapper__I4iwh,.PromoListing-module_cardWrapper__I4iwh>*{height:100%}.PromoListing-module_cardWrapperCarousel__t-2qM{height:100%;margin-right:16px;width:288px}.PromoListing-module_cardWrapperCarousel__t-2qM>*{height:100%}@media (min-width:636px){.PromoListing-module_cardWrapperCarousel__t-2qM{margin-right:24px}.PromoListing-module_cardGrid__llf73{gap:24px}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb,.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.PromoListing-module_cardWrapperCarousel__t-2qM{width:348px}}@media (min-width:1024px){.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(3,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.PromoListing-module_cardGrid__llf73{gap:32px}}.Quote-module_blockQuote__STj-z{font-size:36px;font-style:normal;font-weight:500;margin:0}.Quote-module_quoteContent__kWc51{line-height:44px;margin:0;padding-bottom:32px;padding-top:32px}.Quote-module_quoteDefault__tU5db{fill:#5514b4;color:#5514b4}.Quote-module_quoteSecondary__3Rk3f{fill:#434343;color:#434343}.Quote-module_quoteIcon__HK1TV{height:76.471px;width:100px}svg{padding:0}@media (min-width:768px){.Quote-module_blockQuote__STj-z{font-size:40px}.Quote-module_quoteContent__kWc51{line-height:48px}}@media (min-width:1024px){.Quote-module_quoteIcon__HK1TV{height:95.588px;width:125px}}@media (min-width:1280px){.Quote-module_blockQuote__STj-z{font-size:56px}.Quote-module_quoteContent__kWc51{line-height:64px}}.Summary-module_ruleContainer__ydWlG{flex:0 1 auto;padding:24px}.Summary-module_ruleContainer__ydWlG .arc-Rule{margin:0}@media (min-width:768px){.Summary-module_row__SKV--{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}@media (min-width:1024px){.Summary-module_ruleContainer__ydWlG{padding:12px 48px}.Summary-module_row__SKV--{padding:0 24px}}.Statistics-module_list__BI-eQ{list-style:none;margin:0;padding:0}.Statistics-module_mutedText__MR1JM,.arc a.Statistics-module_mutedText__MR1JM{color:var(--sem-color-text-primary-light-subtle)}.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:none}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:block}@media (min-width:636px){.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:block}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:none}}.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{text-align:center}@media (min-width:636px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:62px;padding-right:62px}}@media (min-width:768px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:86px;padding-right:86px}}@media (min-width:1024px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:104px;padding-right:104px}}.ArticleSidebar-module_tagGroup__rIPQc{display:flex;flex-wrap:wrap;gap:16px}.ArticleSidebar-module_textContent__3nCfG{padding-right:16px}.ArticleSidebar-module_additionalContentContainer__91L4n{display:flex;flex-direction:column;gap:16px}.ArticleSidebar-module_shareButtonContainer__iAfHL{display:flex;gap:8px}.arc a.ArticleSidebar-module_shareButton__rb-1E{background:var(--sem-color-bg-secondary-light-default);border:1px solid var(--sem-color-border-secondary-light-subtle);border-radius:50%;color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:block;padding:12px;transition:color .4s ease,border-color .4s ease}.arc a.ArticleSidebar-module_shareButton__rb-1E:hover{border-color:var(--sem-color-bg-primary-light-strong);color:var(--sem-color-bg-primary-light-strong)}.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:24px;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;max-width:1216px;padding:0}@media (min-width:636px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:32px}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-top:56px;position:absolute;scale:0;width:calc(100% - 32px)}@media (min-width:768px){.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-left:12px;margin-top:0;position:static;scale:0;width:auto}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ[focus-within]{scale:1}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ:focus-within{scale:1}.ContentInfoWidget-module_container__yaS-8{align-items:center;display:flex;flex-direction:row;max-width:250px;overflow-x:hidden;white-space:nowrap}.ContentInfoWidget-module_text__O1BdZ{padding-left:8px}.ContentInfoWidget-module_icon__LEww1{color:var(--sem-color-fg-secondary-light-subtle)}.ActionTile-module_action-tile__JPwGb{align-items:center;background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;gap:var(--sem-space-padding-70);height:164px;isolation:isolate;justify-content:center;min-height:132px;overflow:visible;padding:var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease;width:230px}.ActionTile-module_action-tile-content__ZkgHc{align-items:flex-start;align-self:stretch;display:flex;flex:1;flex-direction:column;gap:var(--sem-space-padding-60)}.ActionTile-module_action-tile-icon__PY1EN{align-items:center;color:var(--sem-color-fg-secondary-light-default);display:flex;height:48px;justify-content:flex-start;transition:color .2s ease;width:48px}.ActionTile-module_action-tile-heading__Uxdu9{word-wrap:break-word;align-self:stretch;color:var(--sem-color-fg-secondary-light-default);flex-grow:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-m);margin:0;transition:color .2s ease;width:100%}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{align-items:center;background:var(--sem-color-fg-primary-light-minimal);border-radius:var(--sem-border-radius-l);color:var(--sem-color-fg-secondary-light-alt);display:flex;flex-shrink:0;height:28px;justify-content:center;position:absolute;right:-4px;top:-4px;width:28px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.LinkTile-module_link-tile__xVUP3{background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;flex:none;flex-direction:column;flex-grow:1;height:144px;max-height:144px;max-width:306px;min-height:144px;overflow:hidden;padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease}.LinkTile-module_link-tile-content__H-QN8,.LinkTile-module_link-tile__xVUP3{align-items:center;align-self:stretch;display:flex;justify-content:center;width:100%}.LinkTile-module_link-tile-content__H-QN8{flex:none;flex-direction:row;gap:var(--sem-space-padding-40);min-height:48px}.LinkTile-module_link-tile-icon__kTMfH{color:var(--sem-color-fg-primary-light-default);display:flex;flex:none;flex-shrink:0;height:32px;order:1;transition:color .2s ease;width:32px}.LinkTile-module_link-tile-text__0K6zf{color:var(--sem-color-fg-primary-light-default);flex:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-xs);order:0;transition:color .2s ease}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color .2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH,.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.InlineLinkGroup-module_quick-help__cMTpB{align-items:center;display:flex;flex-direction:column;width:100%}.InlineLinkGroup-module_quick-help__cMTpB li,.InlineLinkGroup-module_quick-help__cMTpB ul{list-style:none;margin:0;padding:0}.InlineLinkGroup-module_quick-help-label__VLKen{align-items:center;display:flex;flex-direction:row;padding-bottom:var(--sem-space-padding-110);width:100%}.InlineLinkGroup-module_quick-help-container__IStTk{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sem-space-padding-70);width:100%}.InlineLinkGroup-module_quick-help-item__QTIMl{align-items:center;display:flex;flex:0 0 auto;gap:var(--arc-spacing-4);width:auto}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:none;height:24px;width:24px}.InlineLinkGroup-module_quick-help-separator__qJE0q{align-items:center;display:flex}.InlineLinkGroup-module_quick-help-separator-line__VbCVI{background:var(--sem-color-border-secondary-light-minimal);height:14px;width:1px}@media not (min-width:636px){.InlineLinkGroup-module_quick-help-container__IStTk{align-items:flex-start;flex-direction:column;gap:var(--sem-space-padding-70)}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:block}.InlineLinkGroup-module_quick-help-separator__qJE0q{display:none}}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-m);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px);cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus{outline-color:var(--focus-colors-dark-border-subtle)}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{font:var(--sem-type-body-reg-s);width:100%}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ{color:var(--surface-colors-bg-light-white);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{align-items:center;color:var(--button-v2-colors-light-text-default);display:flex;font:var(--sem-type-interface-button-s);gap:var(--button-v2-gap-xs);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_thumbnailButton__Nn-NR{color:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-dark-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-dark-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV{max-width:1280px}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV li,.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV ul{margin:0;padding:0;text-decoration:none}.PromoListingThumbnailSignpost-module_list__E9l0E{grid-column-gap:var(--arc-size-grid-gutter-s);grid-row-gap:24px;-moz-column-gap:var(--arc-size-grid-gutter-s);column-gap:var(--arc-size-grid-gutter-s);display:grid;grid-template-columns:repeat(12,1fr);list-style:none;margin:0;padding:0;row-gap:24px}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 12}@media (min-width:636px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:32px}}@media (min-width:768px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-m);column-gap:var(--arc-size-grid-gutter-m)}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 6}}@media (min-width:1024px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:40px}}@media (min-width:1280px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-l);column-gap:var(--arc-size-grid-gutter-l)}}.VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-dark-default);border-radius:var(--sem-border-radius-s);position:relative;transition:background-color .4s ease;z-index:1}.VideoCardPlayIcon-module_playIconContainer--s__ETbOZ{height:44px;position:absolute;right:var(--sem-space-gap-110);top:var(--sem-space-gap-110);width:44px}.VideoCardPlayIcon-module_playIconContainer--l__OGccg{height:64px;width:64px}.VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-secondary-light-default);height:100%;transition:color .4s ease;width:100%}.react-player__preview:hover .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-subtle)}.react-player__preview:focus .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-default)}.react-player__preview:focus .VideoCardPlayIcon-module_playIcon__kzito,.react-player__preview:hover .VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-primary-dark-default)}.VideoCardPlayer-module_container__G-Uta{border:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);border-radius:var(--sem-border-radius-s);outline:var(--sem-border-width-l) solid transparent;overflow:hidden;transition:outline-color .4s ease,box-shadow .4s ease}.VideoCardPlayer-module_container__G-Uta iframe{border:none;height:100%;width:100%}.VideoCardPlayer-module_container__G-Uta .react-player__preview{position:relative}.VideoCardPlayer-module_player__BgueT{height:100%;width:100%}.VideoCardPlayer-module_playerWrapper__UcH1q{position:relative;width:100%}.VideoCardPlayer-module_playerWrapper--landscape__shKv-{aspect-ratio:16/9}.VideoCardPlayer-module_playerWrapper--portrait__7bKAr{aspect-ratio:9/16}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)]{outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus){outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)],.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:hover\)]{box-shadow:var(--elevation-05)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus),.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:hover){box-shadow:var(--elevation-05)}@media (--arc-custom-media-min-width-l-px ){.VideoCardPlayer-module_container__G-Uta{border:none}}.VideoCardThumbnail-module_thumbnail__Yamk0{align-items:flex-end;background-size:cover;bottom:0;cursor:pointer;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail__Yamk0:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail--landscape__FmnLk:before{background:linear-gradient(180deg,rgba(42,42,42,0) 0,rgba(42,42,42,.62) 51.92%,var(--sem-color-bg-secondary-light-alt) 100%)}.VideoCardThumbnail-module_thumbnail--portrait__FZS93:before{background:linear-gradient(0deg,var(--sem-color-bg-secondary-light-alt) .01%,rgba(42,42,42,.9) 16.31%,rgba(42,42,42,.81) 26.66%,rgba(42,42,42,0) 100%)}.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-130);position:relative}.VideoCardThumbnail-module_thumbnail--portrait__FZS93 .VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-110)}@media (min-width:1280px){.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-160)}}.VideoHeroCardContent-module_mainText--lightBackground__nGl6W{color:var(--sem-color-fg-secondary-dark-alt)}.VideoHeroCardContent-module_statContainer--lightBackground__7hXAf{color:var(--sem-color-fg-secondary-light-default)}.VideoHeroCardContent-module_mainText--darkBackground__Pfizt,.VideoHeroCardContent-module_statContainer--darkBackground__X3-r2{color:var(--sem-color-fg-primary-dark-default)}.VideoHeroCardContent-module_statContainer__q21g9{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--sem-space-gap-40)}.VideoHeroCardContent-module_stat__iIcoq{align-items:center;display:flex;gap:var(--sem-space-gap-5);white-space:nowrap}.VideoHeroCardContent-module_stat__iIcoq:not(:last-of-type){padding-right:var(--sem-space-padding-110)}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{background:#f7f7f7;border-radius:64px;display:flex;gap:32px;overflow:hidden;padding:64px 16px 16px;width:100%}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{height:100%;min-width:288px}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS>*{flex:1 1 0;min-width:0}.BusinessSegmentSwitcher-module_cardCol__jsySH{display:flex;flex-direction:column;gap:32px}.BusinessSegmentSwitcher-module_cardCol__jsySH>:first-child{flex:1}.BusinessSegmentSwitcher-module_cardCol__jsySH>:nth-child(2){flex-shrink:0}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0 -16px}@media (min-width:329px){.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0}}@media (min-width:636px){.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 24px 24px}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:282px}}@media (min-width:768px){.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:block}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN),.BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi{display:none}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:384px}}@media (min-width:1024px){.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN){display:flex}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 32px 32px}}.PartnerLogoSubgroup-module_subgroupHeader__rXAai{margin-bottom:32px}.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.PartnerLogoSubgroup-module_logoWrapper__tyxVI{align-items:center;border:1px solid var(--sem-color-border-primary-default);border-radius:16px;box-sizing:border-box;display:flex;justify-content:center;padding:8px}.PartnerLogoSubgroup-module_logoImage__h7DJd{max-height:100%;max-width:100%;object-fit:contain}@media (min-width:636px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(6,1fr)}}.PartnerBrandLogos-module_subgroupList__4e1kv{display:flex;flex-direction:column;gap:32px;list-style:none;margin:0;padding:0}
|
|
1
|
+
.HeaderBarNotification-module_container__18nau{background:#fff;border-radius:var(--sem-border-radius-m);display:flex;flex-direction:column;gap:16px;padding:20px}@media (--arc-custom-media-min-width-m-px ){.HeaderBarNotification-module_container__18nau{align-items:center;flex-direction:row}}.HeaderBarNotification-module_content__SUo-l{align-items:center;display:flex;gap:16px;margin-right:24px;max-width:70vw;min-width:55%;width:100%}@media (--arc-custom-media-min-width-m-px ){.HeaderBarNotification-module_content__SUo-l{margin-right:16px;width:400px}}.HeaderBarNotification-module_image__uV-nD{flex-shrink:0}.HeaderBarNotification-module_details__S5Rrx{display:flex;flex-direction:column;width:100%}.HeaderBarNotification-module_closeButtonContainer__b1UDI{margin:0;position:absolute;right:20px;top:20px}@media (--arc-custom-media-min-width-m-px ){.HeaderBarNotification-module_closeButtonContainer__b1UDI{position:relative;right:0;top:0}}.AccordionHeading-module_accordion-header__8s12f{padding-bottom:40px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{display:flex;flex-direction:column;gap:16px}@media (min-width:636px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:588px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:1216px;padding:0 312px 40px 0}}.AccordionHeading-module_accordion-header--headingSizeM__amLfy{padding-bottom:24px;width:auto}.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT:not(:first-child)>*>summary{border-top:0;line-height:29px}.Accordion-module_Accordion__LsXTU li,.Accordion-module_Accordion__LsXTU ul{list-style:none;margin:0;padding:0}.SectionHeading-module_sectionHeading--hasImage__qaz6n{display:flex;flex-direction:column;gap:16px}.SectionHeading-module_sectionHeading--isCentered__i0fR8{text-align:center}@media (min-width:636px){.SectionHeading-module_sectionHeading--hasImage__qaz6n{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:10px}}@media (min-width:1280px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:0}}.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-16)*-1);overflow-x:hidden;padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-24)*-1);padding:6px var(--arc-size-section-margin-24)}}@media (min-width:1280px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-32)*-1);padding:6px var(--arc-size-section-margin-32)}}.ArticleCarousel-module_cardWrapper__lS3oc,.ArticleCarousel-module_cardWrapper__lS3oc>*{height:100%}.ArticleCarousel-module_cardWrapperCarousel__v3jv1{height:100%;margin-right:16px;width:288px}.ArticleCarousel-module_cardWrapperCarousel__v3jv1>*{height:100%}@media (min-width:636px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:24px}}@media (min-width:768px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{width:348px}}@media (min-width:1024px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:0;padding:6px;width:100%}}.ArticleCarousel-module_lastCard__my93x{margin-right:0}.Author-module_authorContent__TBY7b{padding-left:var(--sem-space-padding-70)}.Author-module_largeAvatar__Vco03{margin-bottom:var(--sem-space-gap-5)}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) auto 0;width:100%}.CopyLead-module_col__0Da5H{flex:1 1 auto;width:100%}.CopyLead-module_container__I91ym{align-items:flex-start;display:flex;gap:var(--sem-space-padding-150)}.CopyLead-module_container--content__e8LxG{flex-direction:column}.CopyLead-module_container--media__QcMWi{flex-direction:column-reverse}.CopyLead-module_container--align-center__Fh1Sd{align-items:center}.CopyLead-module_container--align-top__UIXOZ{align-items:flex-start}.CopyLead-module_list__arnJd{list-style:none;margin:0;max-width:480px;padding:0}.CopyLead-module_listItem__NscHE{display:flex}.CopyLead-module_listItem__NscHE:nth-of-type(n+2){margin-top:var(--sem-space-padding-150)}.CopyLead-module_listItemCentered__Kwdab{align-items:center}.CopyLead-module_listItemIconContainer__dgnhJ{flex:0 0 auto}.CopyLead-module_listItemTextContainer__Dl9lw{flex:1 1 auto;padding:0 0 0 var(--sem-space-padding-80)}.CopyLead-module_imgWrapper__HYP3w{border-radius:var(--sem-border-radius-s);overflow:hidden}.CopyLead-module_mediaContainer__PxTnm{margin-bottom:var(--sem-space-padding-150)}.CopyLead-module_content__Bja1D{max-width:715px}@media (min-width:636px){.CopyLead-module_buttonContainer__3OaRG{width:-moz-max-content;width:max-content}}@media (min-width:768px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-110)}.CopyLead-module_container--content__e8LxG,.CopyLead-module_container--media__QcMWi{flex-direction:row}.CopyLead-module_container--reverse__Gq9u8{flex-direction:row-reverse}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) 0 0}.CopyLead-module_col__0Da5H{width:50%}.CopyLead-module_list__arnJd{max-width:100%}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-80)}}@media (min-width:1024px){.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-110)}}@media (min-width:1280px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-130)}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-130)}}.DownloadList-module_downloadList-below__21q6i,.DownloadList-module_downloadList-right__mHYHL{margin-top:calc(var(--arc-columns-gap)*-1)}@media (min-width:1024px){.DownloadList-module_downloadList-right__mHYHL{margin-top:0}}html{scroll-behavior:smooth}.FAQs-module_FAQs__FtQr4 li,.FAQs-module_FAQs__FtQr4 ul{list-style:none;margin:0;padding:0}.FAQs-module_linkListSection__RdQkU{display:flex;flex-direction:column;margin-bottom:40px}.FAQs-module_linkListTitle__RVni3{margin-bottom:8px}.FAQs-module_linkList__dPyXj{display:flex;flex-wrap:wrap;row-gap:8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:after{color:#d9d9d9;content:"|";padding:0 8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:last-child:after{content:""}@media (--arc-custom-media-min-width-s-px ){.FAQs-module_linkList--padded__8Paxc{min-width:588px;width:auto}}@media (--arc-custom-media-min-width-m-px ){.FAQs-module_linkList--padded__8Paxc{min-width:720px;padding-right:186px}}@media (--arc-custom-media-min-width-l-px ){.FAQs-module_linkList--padded__8Paxc{min-width:960px;padding-right:246px}}@media (--arc-custom-media-min-width-xl-px ){.FAQs-module_linkList--padded__8Paxc{min-width:1216px;padding-right:312px}}.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20);text-transform:uppercase}.FeaturePost-module_authorContent__FEuRO{padding-left:var(--sem-space-padding-70)}.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:var(--sem-space-padding-70) 0 0}.FeaturePost-module_imgWrapper__r6omd{border-radius:var(--sem-border-radius-s);overflow:hidden}@media (min-width:636px){.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:0 0 0 var(--sem-space-padding-70)}}@media (min-width:768px){.FeaturePost-module_featurePost__9jY21{display:flex;gap:24px}.FeaturePost-module_featurePostReversed__WQRXm{flex-direction:row-reverse}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-110) 0 0}.FeaturePost-module_col__eW8gY{flex:0 1 auto;width:50%}.FeaturePost-module_labelDate__NXOgY{padding-left:var(--sem-space-padding-70)}}@media (min-width:1280px){.FeaturePost-module_featurePost__9jY21{gap:32px}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-130) 0 0}}.Highlights-module_highlights__Hf7Zq{grid-gap:48px 24px;display:grid;gap:48px 24px;grid-template-columns:1fr}.Highlights-module_highlightItem__-N6le{max-width:480px;width:auto}@media (min-width:636px){.Highlights-module_highlights__Hf7Zq{grid-template-columns:1fr 1fr}.Highlights-module_highlightItem__-N6le{min-width:282px;padding-right:0}}@media (min-width:768px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{max-width:-moz-max-content;max-width:max-content;min-width:348px;padding-right:62px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:224px}}@media (min-width:1024px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:468px;padding-right:82px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:304px}}@media (min-width:1280px){.Highlights-module_highlights__Hf7Zq{gap:48px 32px}.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:592px;padding-right:104px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:384px}}.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_CarouselWrapper__iYwWp{margin:0 calc(var(--arc-size-section-margin-16)*-1);overflow:hidden;padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.PromoListing-module_CarouselWrapper__iYwWp{margin:0 calc(var(--arc-size-section-margin-24)*-1);padding:6px var(--arc-size-section-margin-24)}}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}.PromoListing-module_cardGrid__llf73{grid-gap:16px;display:grid;gap:16px;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;padding:0}.PromoListing-module_cardWrapper__I4iwh,.PromoListing-module_cardWrapper__I4iwh>*{height:100%}.PromoListing-module_cardWrapperCarousel__t-2qM{height:100%;margin-right:16px;width:288px}.PromoListing-module_cardWrapperCarousel__t-2qM>*{height:100%}@media (min-width:636px){.PromoListing-module_cardWrapperCarousel__t-2qM{margin-right:24px}.PromoListing-module_cardGrid__llf73{gap:24px}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb,.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.PromoListing-module_cardWrapperCarousel__t-2qM{width:348px}}@media (min-width:1024px){.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(3,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.PromoListing-module_cardGrid__llf73{gap:32px}}.Quote-module_blockQuote__STj-z{font-size:36px;font-style:normal;font-weight:500;margin:0}.Quote-module_quoteContent__kWc51{line-height:44px;margin:0;padding-bottom:32px;padding-top:32px}.Quote-module_quoteDefault__tU5db{fill:#5514b4;color:#5514b4}.Quote-module_quoteSecondary__3Rk3f{fill:#434343;color:#434343}.Quote-module_quoteIcon__HK1TV{height:76.471px;width:100px}svg{padding:0}@media (min-width:768px){.Quote-module_blockQuote__STj-z{font-size:40px}.Quote-module_quoteContent__kWc51{line-height:48px}}@media (min-width:1024px){.Quote-module_quoteIcon__HK1TV{height:95.588px;width:125px}}@media (min-width:1280px){.Quote-module_blockQuote__STj-z{font-size:56px}.Quote-module_quoteContent__kWc51{line-height:64px}}.Summary-module_ruleContainer__ydWlG{flex:0 1 auto;padding:24px}.Summary-module_ruleContainer__ydWlG .arc-Rule{margin:0}@media (min-width:768px){.Summary-module_row__SKV--{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}@media (min-width:1024px){.Summary-module_ruleContainer__ydWlG{padding:12px 48px}.Summary-module_row__SKV--{padding:0 24px}}.Statistics-module_list__BI-eQ{list-style:none;margin:0;padding:0}.Statistics-module_mutedText__MR1JM,.arc a.Statistics-module_mutedText__MR1JM{color:var(--sem-color-text-primary-light-subtle)}.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:none}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:block}@media (min-width:636px){.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:block}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:none}}.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{text-align:center}@media (min-width:636px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:62px;padding-right:62px}}@media (min-width:768px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:86px;padding-right:86px}}@media (min-width:1024px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:104px;padding-right:104px}}.ArticleSidebar-module_tagGroup__rIPQc{display:flex;flex-wrap:wrap;gap:16px}.ArticleSidebar-module_textContent__3nCfG{padding-right:16px}.ArticleSidebar-module_additionalContentContainer__91L4n{display:flex;flex-direction:column;gap:16px}.ArticleSidebar-module_shareButtonContainer__iAfHL{display:flex;gap:8px}.arc a.ArticleSidebar-module_shareButton__rb-1E{background:var(--sem-color-bg-secondary-light-default);border:1px solid var(--sem-color-border-secondary-light-subtle);border-radius:50%;color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:block;padding:12px;transition:color .4s ease,border-color .4s ease}.arc a.ArticleSidebar-module_shareButton__rb-1E:hover{border-color:var(--sem-color-bg-primary-light-strong);color:var(--sem-color-bg-primary-light-strong)}.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:24px;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;max-width:1216px;padding:0}@media (min-width:636px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:32px}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-top:56px;position:absolute;scale:0;width:calc(100% - 32px)}@media (min-width:768px){.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-left:12px;margin-top:0;position:static;scale:0;width:auto}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ[focus-within]{scale:1}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ:focus-within{scale:1}.ContentInfoWidget-module_container__yaS-8{align-items:center;display:flex;flex-direction:row;max-width:250px;overflow-x:hidden;white-space:nowrap}.ContentInfoWidget-module_text__O1BdZ{padding-left:8px}.ContentInfoWidget-module_icon__LEww1{color:var(--sem-color-fg-secondary-light-subtle)}.ActionTile-module_action-tile__JPwGb{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--sem-space-padding-70);height:164px;isolation:isolate;justify-content:center;min-height:132px;min-width:230px;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:visible;padding:var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.ActionTile-module_action-tile-content__ZkgHc{align-items:flex-start;align-self:stretch;display:flex;flex:1;flex-direction:column;gap:var(--sem-space-padding-60)}.ActionTile-module_action-tile-content--without-icon__7F5xj{justify-content:center}.ActionTile-module_action-tile-icon__PY1EN{align-items:center;color:var(--sem-color-fg-secondary-light-default);display:flex;height:48px;justify-content:flex-start;transition:color .2s ease;width:48px}.ActionTile-module_action-tile-heading__Uxdu9{word-wrap:break-word;align-self:stretch;color:var(--sem-color-fg-secondary-light-default);flex-grow:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-m);margin:0;text-align:left;transition:color .2s ease;width:100%}.ActionTile-module_action-tile-content--without-icon__7F5xj .ActionTile-module_action-tile-heading__Uxdu9{flex-grow:0}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{align-items:center;background:var(--sem-color-fg-primary-light-minimal);border-radius:var(--sem-border-radius-l);color:var(--sem-color-fg-secondary-light-alt);display:flex;flex-shrink:0;height:28px;justify-content:center;position:absolute;right:-4px;top:-4px;width:28px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile__JPwGb:focus-visible{box-shadow:0 0 0 1px var(--card-colors-light-fg-hover);outline-color:var(--focus-colors-light-border-subtle)}.LinkTile-module_link-tile__xVUP3{background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;flex:none;flex-direction:column;flex-grow:1;height:144px;max-height:144px;max-width:306px;min-height:144px;overflow:hidden;padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease}.LinkTile-module_link-tile-content__H-QN8,.LinkTile-module_link-tile__xVUP3{align-items:center;align-self:stretch;display:flex;justify-content:center;width:100%}.LinkTile-module_link-tile-content__H-QN8{flex:none;flex-direction:row;gap:var(--sem-space-padding-40);min-height:48px}.LinkTile-module_link-tile-icon__kTMfH{color:var(--sem-color-fg-primary-light-default);display:flex;flex:none;flex-shrink:0;height:32px;order:1;transition:color .2s ease;width:32px}.LinkTile-module_link-tile-text__0K6zf{color:var(--sem-color-fg-primary-light-default);flex:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-xs);order:0;transition:color .2s ease}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color .2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH,.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.InlineLinkGroup-module_quick-help__cMTpB{align-items:center;display:flex;flex-direction:column;width:100%}.InlineLinkGroup-module_quick-help__cMTpB li,.InlineLinkGroup-module_quick-help__cMTpB ul{list-style:none;margin:0;padding:0}.InlineLinkGroup-module_quick-help-label__VLKen{align-items:center;display:flex;flex-direction:row;padding-bottom:var(--sem-space-padding-110);width:100%}.InlineLinkGroup-module_quick-help-container__IStTk{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sem-space-padding-70);width:100%}.InlineLinkGroup-module_quick-help-item__QTIMl{align-items:center;display:flex;flex:0 0 auto;gap:var(--arc-spacing-4);width:auto}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:none;height:24px;width:24px}.InlineLinkGroup-module_quick-help-separator__qJE0q{align-items:center;display:flex}.InlineLinkGroup-module_quick-help-separator-line__VbCVI{background:var(--sem-color-border-secondary-light-minimal);height:14px;width:1px}@media not (min-width:636px){.InlineLinkGroup-module_quick-help-container__IStTk{align-items:flex-start;flex-direction:column;gap:var(--sem-space-padding-70)}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:block}.InlineLinkGroup-module_quick-help-separator__qJE0q{display:none}}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-m);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px);cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus{outline-color:var(--focus-colors-dark-border-subtle)}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{font:var(--sem-type-body-reg-s);width:100%}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ{color:var(--surface-colors-bg-light-white);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{align-items:center;color:var(--button-v2-colors-light-text-default);display:flex;font:var(--sem-type-interface-button-s);gap:var(--button-v2-gap-xs);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_thumbnailButton__Nn-NR{color:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-dark-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-dark-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV{max-width:1280px}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV li,.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV ul{margin:0;padding:0;text-decoration:none}.PromoListingThumbnailSignpost-module_list__E9l0E{grid-column-gap:var(--arc-size-grid-gutter-s);grid-row-gap:24px;-moz-column-gap:var(--arc-size-grid-gutter-s);column-gap:var(--arc-size-grid-gutter-s);display:grid;grid-template-columns:repeat(12,1fr);list-style:none;margin:0;padding:0;row-gap:24px}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 12}@media (min-width:636px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:32px}}@media (min-width:768px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-m);column-gap:var(--arc-size-grid-gutter-m)}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 6}}@media (min-width:1024px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:40px}}@media (min-width:1280px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-l);column-gap:var(--arc-size-grid-gutter-l)}}.VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-dark-default);border-radius:var(--sem-border-radius-s);position:relative;transition:background-color .4s ease;z-index:1}.VideoCardPlayIcon-module_playIconContainer--s__ETbOZ{height:44px;position:absolute;right:var(--sem-space-gap-110);top:var(--sem-space-gap-110);width:44px}.VideoCardPlayIcon-module_playIconContainer--l__OGccg{height:64px;width:64px}.VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-secondary-light-default);height:100%;transition:color .4s ease;width:100%}.react-player__preview:hover .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-subtle)}.react-player__preview:focus .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-default)}.react-player__preview:focus .VideoCardPlayIcon-module_playIcon__kzito,.react-player__preview:hover .VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-primary-dark-default)}.VideoCardPlayer-module_container__G-Uta{border:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);border-radius:var(--sem-border-radius-s);outline:var(--sem-border-width-l) solid transparent;overflow:hidden;transition:outline-color .4s ease,box-shadow .4s ease}.VideoCardPlayer-module_container__G-Uta iframe{border:none;height:100%;width:100%}.VideoCardPlayer-module_container__G-Uta .react-player__preview{position:relative}.VideoCardPlayer-module_player__BgueT{height:100%;width:100%}.VideoCardPlayer-module_playerWrapper__UcH1q{position:relative;width:100%}.VideoCardPlayer-module_playerWrapper--landscape__shKv-{aspect-ratio:16/9}.VideoCardPlayer-module_playerWrapper--portrait__7bKAr{aspect-ratio:9/16}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)]{outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus){outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)],.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:hover\)]{box-shadow:var(--elevation-05)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus),.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:hover){box-shadow:var(--elevation-05)}@media (--arc-custom-media-min-width-l-px ){.VideoCardPlayer-module_container__G-Uta{border:none}}.VideoCardThumbnail-module_thumbnail__Yamk0{align-items:flex-end;background-size:cover;bottom:0;cursor:pointer;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail__Yamk0:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail--landscape__FmnLk:before{background:linear-gradient(180deg,rgba(42,42,42,0) 0,rgba(42,42,42,.62) 51.92%,var(--sem-color-bg-secondary-light-alt) 100%)}.VideoCardThumbnail-module_thumbnail--portrait__FZS93:before{background:linear-gradient(0deg,var(--sem-color-bg-secondary-light-alt) .01%,rgba(42,42,42,.9) 16.31%,rgba(42,42,42,.81) 26.66%,rgba(42,42,42,0) 100%)}.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-130);position:relative}.VideoCardThumbnail-module_thumbnail--portrait__FZS93 .VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-110)}@media (min-width:1280px){.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-160)}}.VideoHeroCardContent-module_mainText--lightBackground__nGl6W{color:var(--sem-color-fg-secondary-dark-alt)}.VideoHeroCardContent-module_statContainer--lightBackground__7hXAf{color:var(--sem-color-fg-secondary-light-default)}.VideoHeroCardContent-module_mainText--darkBackground__Pfizt,.VideoHeroCardContent-module_statContainer--darkBackground__X3-r2{color:var(--sem-color-fg-primary-dark-default)}.VideoHeroCardContent-module_statContainer__q21g9{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--sem-space-gap-40)}.VideoHeroCardContent-module_stat__iIcoq{align-items:center;display:flex;gap:var(--sem-space-gap-5);white-space:nowrap}.VideoHeroCardContent-module_stat__iIcoq:not(:last-of-type){padding-right:var(--sem-space-padding-110)}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{background:#f7f7f7;border-radius:64px;display:flex;gap:32px;overflow:hidden;padding:64px 16px 16px;width:100%}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{height:100%;min-width:288px}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS>*{flex:1 1 0;min-width:0}.BusinessSegmentSwitcher-module_cardCol__jsySH{display:flex;flex-direction:column;gap:32px}.BusinessSegmentSwitcher-module_cardCol__jsySH>:first-child{flex:1}.BusinessSegmentSwitcher-module_cardCol__jsySH>:nth-child(2){flex-shrink:0}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0 -16px}@media (min-width:329px){.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0}}@media (min-width:636px){.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 24px 24px}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:282px}}@media (min-width:768px){.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:block}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN),.BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi{display:none}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:384px}}@media (min-width:1024px){.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN){display:flex}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 32px 32px}}.PartnerLogoSubgroup-module_subgroupHeader__rXAai{margin-bottom:32px}.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.PartnerLogoSubgroup-module_logoWrapper__tyxVI{align-items:center;border:1px solid var(--sem-color-border-primary-default);border-radius:16px;box-sizing:border-box;display:flex;justify-content:center;padding:8px}.PartnerLogoSubgroup-module_logoImage__h7DJd{max-height:100%;max-width:100%;object-fit:contain}@media (min-width:636px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(6,1fr)}}.PartnerBrandLogos-module_subgroupList__4e1kv{display:flex;flex-direction:column;gap:32px;list-style:none;margin:0;padding:0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arc-ui/community-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.10.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"homepage": "https://ui.digital-ent-int.bt.com",
|
|
6
6
|
"author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
|
|
@@ -79,11 +79,11 @@
|
|
|
79
79
|
"stylelint": "^16.10.0",
|
|
80
80
|
"tslib": "^2.8.1",
|
|
81
81
|
"typescript": "^5.6.3",
|
|
82
|
-
"@arc-ui/community-
|
|
82
|
+
"@arc-ui/community-build-utils": "^0.1.0",
|
|
83
83
|
"@arc-ui/community-eslint-config": "^0.1.1",
|
|
84
|
+
"@arc-ui/community-css-config": "^0.1.1",
|
|
84
85
|
"@arc-ui/community-utils": "^0.2.0",
|
|
85
|
-
"@arc-ui/community-typescript-config": "^0.1.0"
|
|
86
|
-
"@arc-ui/community-build-utils": "^0.1.0"
|
|
86
|
+
"@arc-ui/community-typescript-config": "^0.1.0"
|
|
87
87
|
},
|
|
88
88
|
"browserslist": [
|
|
89
89
|
"defaults",
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
@import url("@arc-ui/tokens-arc/dist/custom-media.css");
|
|
2
2
|
|
|
3
3
|
.action-tile {
|
|
4
|
+
appearance: none;
|
|
4
5
|
box-sizing: border-box;
|
|
5
6
|
display: flex;
|
|
6
7
|
flex-direction: row;
|
|
7
8
|
justify-content: center;
|
|
8
9
|
align-items: center;
|
|
9
|
-
width:
|
|
10
|
+
width: 100%;
|
|
11
|
+
min-width: 230px;
|
|
10
12
|
height: 164px;
|
|
11
13
|
min-height: 132px;
|
|
12
14
|
padding: var(--sem-space-padding-110);
|
|
@@ -17,6 +19,9 @@
|
|
|
17
19
|
background: var(--sem-color-bg-secondary-light-default);
|
|
18
20
|
text-decoration: none;
|
|
19
21
|
cursor: pointer;
|
|
22
|
+
font: inherit;
|
|
23
|
+
outline: var(--focus-border-weight-s) solid transparent;
|
|
24
|
+
outline-offset: 2px;
|
|
20
25
|
transition:
|
|
21
26
|
border-color 0.2s ease,
|
|
22
27
|
box-shadow 0.2s ease;
|
|
@@ -34,6 +39,10 @@
|
|
|
34
39
|
align-self: stretch;
|
|
35
40
|
}
|
|
36
41
|
|
|
42
|
+
.action-tile-content--without-icon {
|
|
43
|
+
justify-content: center;
|
|
44
|
+
}
|
|
45
|
+
|
|
37
46
|
.action-tile-icon {
|
|
38
47
|
display: flex;
|
|
39
48
|
align-items: center;
|
|
@@ -58,6 +67,11 @@
|
|
|
58
67
|
overflow-wrap: break-word;
|
|
59
68
|
align-self: stretch;
|
|
60
69
|
flex-grow: 1;
|
|
70
|
+
text-align: left;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.action-tile-content--without-icon .action-tile-heading {
|
|
74
|
+
flex-grow: 0;
|
|
61
75
|
}
|
|
62
76
|
|
|
63
77
|
.action-tile--active {
|
|
@@ -107,3 +121,8 @@
|
|
|
107
121
|
.action-tile--active:hover .action-tile-icon {
|
|
108
122
|
color: var(--sem-color-fg-primary-light-minimal);
|
|
109
123
|
}
|
|
124
|
+
|
|
125
|
+
.action-tile:focus-visible {
|
|
126
|
+
box-shadow: 0 0 0 1px var(--card-colors-light-fg-hover);
|
|
127
|
+
outline-color: var(--focus-colors-light-border-subtle);
|
|
128
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import styles from "./ActionTile.module.css";
|
|
4
|
-
import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
|
|
5
4
|
import { Icon } from "@arc-ui/components/Icon";
|
|
5
|
+
import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
|
|
6
6
|
import { BtIconTickAlt2Px } from "@arc-ui/icons/BtIconTickAlt2Px";
|
|
7
7
|
|
|
8
8
|
export const ActionTile: React.FC<ActionTileProps> = ({
|
|
@@ -11,22 +11,17 @@ export const ActionTile: React.FC<ActionTileProps> = ({
|
|
|
11
11
|
heading,
|
|
12
12
|
isActive = false,
|
|
13
13
|
onClick,
|
|
14
|
-
className,
|
|
15
14
|
...props
|
|
16
15
|
}) => {
|
|
17
|
-
const tileClasses = classNames(
|
|
18
|
-
styles["action-tile"],
|
|
19
|
-
{
|
|
20
|
-
[styles["action-tile--active"]]: isActive,
|
|
21
|
-
},
|
|
22
|
-
className,
|
|
23
|
-
);
|
|
24
|
-
|
|
25
16
|
const displayIcon = isActive && activeIcon ? activeIcon : icon;
|
|
26
17
|
|
|
27
18
|
const content = (
|
|
28
19
|
<>
|
|
29
|
-
<div
|
|
20
|
+
<div
|
|
21
|
+
className={classNames(styles["action-tile-content"], {
|
|
22
|
+
[styles["action-tile-content--without-icon"]]: !displayIcon,
|
|
23
|
+
})}
|
|
24
|
+
>
|
|
30
25
|
{displayIcon && (
|
|
31
26
|
<div className={styles["action-tile-icon"]}>
|
|
32
27
|
<Icon icon={displayIcon} size={48} />
|
|
@@ -46,7 +41,9 @@ export const ActionTile: React.FC<ActionTileProps> = ({
|
|
|
46
41
|
return (
|
|
47
42
|
<button
|
|
48
43
|
type="button"
|
|
49
|
-
className={
|
|
44
|
+
className={classNames(styles["action-tile"], {
|
|
45
|
+
[styles["action-tile--active"]]: isActive,
|
|
46
|
+
})}
|
|
50
47
|
onClick={onClick}
|
|
51
48
|
aria-pressed={isActive}
|
|
52
49
|
{...filterAttrs(props)}
|
|
@@ -56,7 +53,7 @@ export const ActionTile: React.FC<ActionTileProps> = ({
|
|
|
56
53
|
);
|
|
57
54
|
};
|
|
58
55
|
|
|
59
|
-
export interface ActionTileProps
|
|
56
|
+
export interface ActionTileProps {
|
|
60
57
|
/**
|
|
61
58
|
* Icon to display in default state
|
|
62
59
|
*/
|
|
@@ -80,5 +77,5 @@ export interface ActionTileProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
80
77
|
/**
|
|
81
78
|
* Click handler
|
|
82
79
|
*/
|
|
83
|
-
onClick?:
|
|
80
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
84
81
|
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 16px;
|
|
5
|
+
padding: 20px;
|
|
6
|
+
background: #ffffff;
|
|
7
|
+
border-radius: var(--sem-border-radius-m);
|
|
8
|
+
|
|
9
|
+
@media (--arc-custom-media-min-width-m-px) {
|
|
10
|
+
flex-direction: row;
|
|
11
|
+
align-items: center;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.content {
|
|
16
|
+
display: flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
gap: 16px;
|
|
19
|
+
width: 100%;
|
|
20
|
+
min-width: 55%;
|
|
21
|
+
max-width: 70vw;
|
|
22
|
+
margin-right: 24px;
|
|
23
|
+
|
|
24
|
+
@media (--arc-custom-media-min-width-m-px) {
|
|
25
|
+
width: 400px;
|
|
26
|
+
margin-right: 16px;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.image {
|
|
31
|
+
flex-shrink: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.details {
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
width: 100%;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.closeButtonContainer {
|
|
41
|
+
position: absolute;
|
|
42
|
+
right: 20px;
|
|
43
|
+
top: 20px;
|
|
44
|
+
margin: 0;
|
|
45
|
+
|
|
46
|
+
@media (--arc-custom-media-min-width-m-px) {
|
|
47
|
+
position: relative;
|
|
48
|
+
right: 0;
|
|
49
|
+
top: 0;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useState, useEffect } from "react";
|
|
3
|
+
|
|
4
|
+
import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
|
|
5
|
+
import {
|
|
6
|
+
NavigationHeaderAction,
|
|
7
|
+
NavigationHeaderActionProps,
|
|
8
|
+
} from "@arc-ui/components/NavigationHeader";
|
|
9
|
+
import { Popover } from "@arc-ui/components/Popover";
|
|
10
|
+
import { Icon } from "@arc-ui/components/Icon";
|
|
11
|
+
import { Image } from "@arc-ui/components/Image";
|
|
12
|
+
import { Heading } from "@arc-ui/components/Heading";
|
|
13
|
+
import { Text } from "@arc-ui/components/Text";
|
|
14
|
+
import { Tooltip } from "@arc-ui/components/Tooltip";
|
|
15
|
+
import { ButtonV2 } from "@arc-ui/components/ButtonV2";
|
|
16
|
+
|
|
17
|
+
import { BtIconCrossAlt } from "@arc-ui/icons/BtIconCrossAlt";
|
|
18
|
+
|
|
19
|
+
import styles from "./HeaderBarNotification.module.css";
|
|
20
|
+
|
|
21
|
+
export const HeaderBarNotification: React.FC<HeaderBarNotificationProps> = ({
|
|
22
|
+
headerActionProps,
|
|
23
|
+
notificationId,
|
|
24
|
+
isPersistant = false,
|
|
25
|
+
icon,
|
|
26
|
+
image,
|
|
27
|
+
heading,
|
|
28
|
+
tagline,
|
|
29
|
+
children,
|
|
30
|
+
button,
|
|
31
|
+
...props
|
|
32
|
+
}) => {
|
|
33
|
+
const [showNotification, setShowNotification] =
|
|
34
|
+
useState<boolean>(isPersistant);
|
|
35
|
+
const localStorageId = `hide${notificationId.replace(/[^a-zA-Z0-9\-_]/g, "")}`;
|
|
36
|
+
|
|
37
|
+
// Check to see if the notication has been hidden or not and show it if so
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
if (typeof window !== "undefined" && !isPersistant) {
|
|
40
|
+
setShowNotification(!localStorage.getItem(localStorageId));
|
|
41
|
+
}
|
|
42
|
+
}, []);
|
|
43
|
+
|
|
44
|
+
// Handle the closure of the notification, store it in the session so we don't keep showing it.
|
|
45
|
+
const handleClosePopup = () => {
|
|
46
|
+
if (!isPersistant) localStorage.setItem(localStorageId, "true");
|
|
47
|
+
setShowNotification(false);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
return (
|
|
51
|
+
<Popover
|
|
52
|
+
open={showNotification}
|
|
53
|
+
side={"bottom"}
|
|
54
|
+
sideOffset={12}
|
|
55
|
+
maxWidth={900}
|
|
56
|
+
arrow={true}
|
|
57
|
+
content={
|
|
58
|
+
<div className={styles.container}>
|
|
59
|
+
<div className={styles.content}>
|
|
60
|
+
{(image || icon) && (
|
|
61
|
+
<div className={styles.image}>
|
|
62
|
+
{image && (
|
|
63
|
+
<Image src={image} alt={heading} fit={"cover"} width={55} />
|
|
64
|
+
)}
|
|
65
|
+
{icon && <Icon icon={icon} size={35} />}
|
|
66
|
+
</div>
|
|
67
|
+
)}
|
|
68
|
+
|
|
69
|
+
<div className={styles.details}>
|
|
70
|
+
{tagline && (
|
|
71
|
+
<Text size="m" tone="muted">
|
|
72
|
+
{tagline}
|
|
73
|
+
</Text>
|
|
74
|
+
)}
|
|
75
|
+
<Heading size="s" level={"3"}>
|
|
76
|
+
{heading}
|
|
77
|
+
</Heading>
|
|
78
|
+
{children}
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
{button && (
|
|
82
|
+
<ButtonV2
|
|
83
|
+
onClick={button.handleClick}
|
|
84
|
+
label={button.text}
|
|
85
|
+
buttonStyle="secondary"
|
|
86
|
+
isFullWidth={true}
|
|
87
|
+
/>
|
|
88
|
+
)}
|
|
89
|
+
<div className={styles.closeButtonContainer}>
|
|
90
|
+
<Tooltip
|
|
91
|
+
side="bottom"
|
|
92
|
+
title={"Dismiss Notification"}
|
|
93
|
+
asChild={true}
|
|
94
|
+
>
|
|
95
|
+
<ButtonV2
|
|
96
|
+
data-testid={localStorageId}
|
|
97
|
+
buttonStyle="tertiary"
|
|
98
|
+
aria-label={`Close ${notificationId} popup`}
|
|
99
|
+
onClick={handleClosePopup}
|
|
100
|
+
icon={BtIconCrossAlt}
|
|
101
|
+
/>
|
|
102
|
+
</Tooltip>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
}
|
|
106
|
+
{...filterAttrs(props)}
|
|
107
|
+
>
|
|
108
|
+
<NavigationHeaderAction isAttention={true} {...headerActionProps} />
|
|
109
|
+
</Popover>
|
|
110
|
+
);
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
export interface HeaderBarNotificationProps {
|
|
114
|
+
/**
|
|
115
|
+
* Header Element to attach the notifcation too.
|
|
116
|
+
*/
|
|
117
|
+
headerActionProps: NavigationHeaderActionProps;
|
|
118
|
+
/**
|
|
119
|
+
* Nofication ID used to store dismissal in users session
|
|
120
|
+
*/
|
|
121
|
+
notificationId: string;
|
|
122
|
+
/**
|
|
123
|
+
* Always show on every reload, ignore saving dismissal to users session
|
|
124
|
+
*/
|
|
125
|
+
isPersistant?: boolean;
|
|
126
|
+
/**
|
|
127
|
+
* Notification Icon
|
|
128
|
+
*/
|
|
129
|
+
icon?: string;
|
|
130
|
+
/**
|
|
131
|
+
* Notification Image
|
|
132
|
+
*/
|
|
133
|
+
image?: string;
|
|
134
|
+
/**
|
|
135
|
+
* Notification Heading
|
|
136
|
+
*/
|
|
137
|
+
heading: string;
|
|
138
|
+
/**
|
|
139
|
+
* Notification tagline
|
|
140
|
+
*/
|
|
141
|
+
tagline?: string;
|
|
142
|
+
/**
|
|
143
|
+
* Notification content
|
|
144
|
+
*/
|
|
145
|
+
children?: React.ReactNode;
|
|
146
|
+
/**
|
|
147
|
+
* Data for the button, click events and text
|
|
148
|
+
*/
|
|
149
|
+
button?: {
|
|
150
|
+
handleClick: () => void;
|
|
151
|
+
text: string;
|
|
152
|
+
};
|
|
153
|
+
}
|
|
@@ -110,45 +110,49 @@ export const ProductNavigation: React.FC<ProductNavigationProps> = ({
|
|
|
110
110
|
</li>
|
|
111
111
|
))}
|
|
112
112
|
</ul>
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
113
|
+
{!hideButton &&
|
|
114
|
+
!(defaultExpanded && displayList.length === productList.length) && (
|
|
115
|
+
<>
|
|
116
|
+
<VerticalSpace size="40" />
|
|
117
|
+
<div style={{ display: "flex" }}>
|
|
118
|
+
{!hideLessButton && (
|
|
119
|
+
<ButtonV2
|
|
120
|
+
label={
|
|
121
|
+
displayList.length < productList.length
|
|
122
|
+
? "Show more"
|
|
123
|
+
: "Show less"
|
|
124
|
+
}
|
|
125
|
+
buttonStyle="secondary"
|
|
126
|
+
onClick={clickController}
|
|
127
|
+
isFullWidth={isMinWidthArcBreakpointS ? false : true}
|
|
128
|
+
isLoading={isLoading}
|
|
129
|
+
/>
|
|
130
|
+
)}
|
|
131
|
+
{displaySkipButton && displayList.length > cardsToDisplay && (
|
|
132
|
+
<div
|
|
133
|
+
id="skip-link"
|
|
134
|
+
className={classNames(styles["productNavigation-skipLink"])}
|
|
135
|
+
tabIndex={-1}
|
|
136
|
+
>
|
|
137
|
+
<ButtonV2
|
|
138
|
+
label="Move to first new card"
|
|
139
|
+
buttonStyle="primary"
|
|
140
|
+
onClick={moveFocus}
|
|
141
|
+
isFullWidth={isMinWidthArcBreakpointS ? false : true}
|
|
142
|
+
/>
|
|
143
|
+
</div>
|
|
144
|
+
)}
|
|
145
|
+
<VisuallyHidden>
|
|
146
|
+
<div aria-live="polite" id="aria-live-region" aria-atomic>
|
|
147
|
+
<p>
|
|
148
|
+
Total products listed {displayList.length}. Total products
|
|
149
|
+
hidden {productList.length - displayList.length}.
|
|
150
|
+
</p>
|
|
151
|
+
</div>
|
|
152
|
+
</VisuallyHidden>
|
|
141
153
|
</div>
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
<div aria-live="polite" id="aria-live-region" aria-atomic>
|
|
145
|
-
<p>
|
|
146
|
-
Total products listed {displayList.length}. Total products hidden{" "}
|
|
147
|
-
{productList.length - displayList.length}.
|
|
148
|
-
</p>
|
|
149
|
-
</div>
|
|
150
|
-
</VisuallyHidden>
|
|
151
|
-
</div>
|
|
154
|
+
</>
|
|
155
|
+
)}
|
|
152
156
|
</div>
|
|
153
157
|
);
|
|
154
158
|
};
|
package/src/components/index.ts
CHANGED
package/versions.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
["v3.9.0","v3.8.1","v3.8.0","v3.7.1","v3.7.0","v3.6.0","v3.5.0","v3.4.0","v3.3.0","v3.2.0","v3.1.0","v3.0.1","v3.0.0","v2.0.0","v1.1.0","v1.0.2","v1.0.1","v1.0.0","v0.1.0"]
|
|
1
|
+
[{"version":"v3.10.0","date":null},{"version":"v3.9.0","date":"2026-05-22"},{"version":"v3.8.1","date":"2026-05-13"},{"version":"v3.8.0","date":"2026-04-29"},{"version":"v3.7.1","date":"2026-04-22"},{"version":"v3.7.0","date":"2026-04-17"},{"version":"v3.6.0","date":"2026-04-10"},{"version":"v3.5.0","date":"2026-04-02"},{"version":"v3.4.0","date":"2026-03-26"},{"version":"v3.3.0","date":"2026-03-20"},{"version":"v3.2.0","date":"2026-03-09"},{"version":"v3.1.0","date":"2026-02-26"},{"version":"v3.0.1","date":"2026-02-18"},{"version":"v3.0.0","date":null},{"version":"v2.0.0","date":"2026-01-21"},{"version":"v1.1.0","date":"2025-11-19"},{"version":"v1.0.2","date":"2025-08-18"},{"version":"v1.0.1","date":"2025-08-05"},{"version":"v1.0.0","date":"2025-04-29"},{"version":"v0.1.0","date":null}]
|