@arc-ui/community-components 0.1.0 → 1.0.0

package/dist/styles.css

@@ -1 +1 @@
-.SectionHeading-module_section-header--padded__0FXP2{padding-bottom:40px;width:auto}@media (min-width:636px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}}@media (min-width:768px){.SectionHeading-module_section-header--padded__0FXP2{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.SectionHeading-module_section-header--padded__0FXP2{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.SectionHeading-module_section-header--padded__0FXP2{min-width:1216px;padding:0 312px 40px 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)}}@media (min-width:768px){.DownloadList-module_headingContainer__PNio8{max-width:75%}}.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20)}.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_promoListingContainer__vwez-{grid-column:span 2;height:100%;width:100%}.PromoListing-module_cardGrid__llf73{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}@media (min-width:320px){.PromoListing-module_cardGrid__llf73{grid-auto-rows:minmax(430px,1fr)}}@media (min-width:636px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(430px,1fr);grid-template-columns:repeat(4,1fr)}.PromoListing-module_cardGrid2Columns__qPLQk.PromoListing-module_cardGrid3Cards__VKWMs .PromoListing-module_promoListingContainer__vwez-:last-child,.PromoListing-module_cardGrid2Columns__qPLQk.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:4}}@media (min-width:768px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(430px,1fr)}}@media (min-width:1024px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(468px,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru{grid-auto-rows:minmax(437px,1fr);grid-template-columns:repeat(6,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid4Cards__5Bv5u .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:5}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid2Cards__wDc4S .PromoListing-module_promoListingContainer__vwez-:last-child,.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:6}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid2Cards__wDc4S .PromoListing-module_promoListingContainer__vwez-:nth-last-child(2),.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:nth-last-child(2){grid-column-end:4}}@media (min-width:1280px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(592px,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru{grid-auto-rows:minmax(523px,1fr)}.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:636px){.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)}.Statistics-module_statWrapper__83OnM{margin-bottom:-12px}@media (min-width:636px){.Statistics-module_statWrapper__83OnM{margin-bottom:0}}.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}}
+.SectionHeading-module_section-header__iB07I{padding-bottom:40px;width:auto}.SectionHeading-module_section-header--hasImage__Ka3T7{display:flex;flex-direction:column;gap:16px}@media (min-width:636px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}.SectionHeading-module_section-header--hasImage__Ka3T7{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.SectionHeading-module_section-header--padded__0FXP2{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.SectionHeading-module_section-header--padded__0FXP2{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.SectionHeading-module_section-header--padded__0FXP2{min-width:1216px;padding:0 312px 40px 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)}}@media (min-width:768px){.DownloadList-module_headingContainer__PNio8{max-width:75%}}.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20)}.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_promoListingContainer__vwez-{grid-column:span 2;height:100%;width:100%}.PromoListing-module_cardGrid__llf73{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}@media (min-width:320px){.PromoListing-module_cardGrid__llf73{grid-auto-rows:minmax(430px,1fr)}}@media (min-width:636px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(430px,1fr);grid-template-columns:repeat(4,1fr)}.PromoListing-module_cardGrid2Columns__qPLQk.PromoListing-module_cardGrid3Cards__VKWMs .PromoListing-module_promoListingContainer__vwez-:last-child,.PromoListing-module_cardGrid2Columns__qPLQk.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:4}}@media (min-width:768px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(430px,1fr)}}@media (min-width:1024px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(468px,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru{grid-auto-rows:minmax(437px,1fr);grid-template-columns:repeat(6,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid4Cards__5Bv5u .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:5}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid2Cards__wDc4S .PromoListing-module_promoListingContainer__vwez-:last-child,.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:6}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid2Cards__wDc4S .PromoListing-module_promoListingContainer__vwez-:nth-last-child(2),.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:nth-last-child(2){grid-column-end:4}}@media (min-width:1280px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(592px,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru{grid-auto-rows:minmax(523px,1fr)}.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:636px){.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)}.Statistics-module_statWrapper__83OnM{margin-bottom:-12px}@media (min-width:636px){.Statistics-module_statWrapper__83OnM{margin-bottom:0}}.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_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}

package/dist/types/{components → cjs/components}/Accordion/Accordion.d.ts

@@ -5,5 +5,5 @@ import { AccordionDisclosureListProps } from "./components/AccordionDisclosureLi
  * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
  */
 export declare const Accordion: React.FC<AccordionProps>;
-export interface AccordionProps extends SectionHeadingProps, AccordionDisclosureListProps {
+export interface AccordionProps extends Omit<SectionHeadingProps, "isPadded">, AccordionDisclosureListProps {
 }

package/dist/types/{components → cjs/components}/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type DisclosureProps } from "@arc-ui/components/dist/Disclosure";
+import { type DisclosureProps } from "@arc-ui/components/Disclosure";
 export declare const AccordionDisclosureList: React.FC<AccordionDisclosureListProps>;
 export interface AccordionDisclosureListProps {
     /**

package/dist/types/cjs/components/ArticleSidebar/ArticleSidebar.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { type TextSection } from "./types/text-section";
+import { type LinkSection } from "./types/link-section";
+import { type Topic } from "./types/topic";
+import { type Share } from "./types/share";
+import { type SidebarAuthor } from "./types/sidebar-author";
+/**
+ * Use `ArticleSidebar` to provide additional information about the article.
+ */
+export declare const ArticleSidebar: React.FC<ArticleSidebarProps>;
+export interface ArticleSidebarProps {
+    /**
+     * Props for Author component.
+     */
+    author?: SidebarAuthor;
+    /**
+     * Content for the about section.
+     */
+    aboutSection?: TextSection;
+    /**
+     * Array of headings and text for additional text sections.
+     */
+    additionalContent?: TextSection[];
+    /**
+     * Links that are relevant to the article.
+     */
+    linkSection: LinkSection;
+    /**
+     * Topics rendered as tags that are relevant to the article.
+     */
+    topics?: Topic;
+    /**
+     * Sharing options for the article.
+     */
+    share: Share;
+}

package/dist/types/cjs/components/ArticleSidebar/index.d.ts

@@ -0,0 +1 @@
+export { ArticleSidebar, type ArticleSidebarProps } from "./ArticleSidebar";

package/dist/types/cjs/components/ArticleSidebar/types/link-section.d.ts

@@ -0,0 +1,11 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+interface Link {
+    text: string;
+    url: string;
+}
+export interface LinkSection {
+    heading: string;
+    links: Link[];
+    headingLevel?: HeadingLevel;
+}
+export {};

package/dist/types/cjs/components/ArticleSidebar/types/share-button.d.ts

@@ -0,0 +1,8 @@
+import { type ArcIcon } from "../../../types/arc-icon";
+export interface ShareButton {
+    label: string;
+    icon: ArcIcon | React.ReactElement<SVGElement>;
+    isButton?: boolean;
+    href?: string;
+    onClick?: () => void;
+}

package/dist/types/cjs/components/ArticleSidebar/types/share.d.ts

@@ -0,0 +1,8 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+export interface Share {
+    heading: string;
+    articleTitle: string;
+    x?: boolean;
+    headingLevel?: HeadingLevel;
+    linkedin?: boolean;
+}

package/dist/types/cjs/components/ArticleSidebar/types/sidebar-author.d.ts

@@ -0,0 +1,4 @@
+import { type AuthorProps } from "../../Author";
+export interface SidebarAuthor extends AuthorProps {
+    avatar?: Omit<NonNullable<AuthorProps["avatar"]>, "size">;
+}

package/dist/types/cjs/components/ArticleSidebar/types/text-section.d.ts

@@ -0,0 +1,6 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+export interface TextSection {
+    heading: string;
+    content: string;
+    headingLevel?: HeadingLevel;
+}

package/dist/types/cjs/components/ArticleSidebar/types/topic.d.ts

@@ -0,0 +1,7 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type TagProps } from "@arc-ui/components/dist/types/components/Tag/Tag";
+export interface Topic {
+    heading: string;
+    tags: TagProps[];
+    headingLevel?: HeadingLevel;
+}

package/dist/types/{components → cjs/components}/Author/Author.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type AvatarProps } from "@arc-ui/components/dist/Avatar";
+import { type AvatarProps } from "@arc-ui/components/Avatar";
 export declare const Author: React.FC<AuthorProps>;
 export interface AuthorProps {
     /**

package/dist/types/cjs/components/BannerWithTabs/BannerWithTabs.d.ts

@@ -0,0 +1,42 @@
+import { FC } from "react";
+import { SectionHeadingProps } from "../SectionHeading";
+import { TemplateBannerProps } from "@arc-ui/components/dist/types/components/TemplateBanner/TemplateBanner";
+export declare const BannerWithTabs: FC<BannerWithTabsProps>;
+export interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" | "isPadded"> {
+    /**
+     * Align `SectionHeading` component.
+     */
+    alignTypography?: "left" | "center";
+    /**
+     * Invert colour of `SectionHeading` to colour of `TabbedBanner`.
+     */
+    isInverted?: boolean;
+    /**
+     * Default to an inital value of a tab. If this is left blank it will default to first tab.
+     */
+    defaultValue?: string;
+    /**
+     * Determine what tabs to render. They need both a `value` and `label` prop
+     */
+    tabs: {
+        value: string;
+        label: string;
+        content: TemplateBannerProps;
+    }[];
+    /**
+     * Set the minimum height of the all banners M and above.
+     */
+    minHeight?: number;
+    /**
+     * Set the minimum height all of the banner for the M breakpoint. This will be active when the TabbedBanner switches to the mobile layout at the medium breakpoint.
+     */
+    minHeightM?: number;
+    /**
+     * heading for `SectionHeading`.
+     */
+    heading: string;
+    /**
+     * Text content for `SectionHeading`.
+     */
+    content?: string;
+}

package/dist/types/{components → cjs/components}/CopyLead/components/MediaContent/MediaContent.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
 export declare const MediaContent: React.FC<MediaContentProps>;
 interface MediaContentProps {
     heading: string;

package/dist/types/{components → cjs/components}/CopyLead/templates/Media/Media.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
-import { type VideoPlayerProps } from "@arc-ui/components/dist/VideoPlayer";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
+import { type VideoPlayerProps } from "@arc-ui/components/VideoPlayer";
 import { type CopyLeadButton, type CopyLeadImage, type CopyLeadListItem } from "../../types";
 export declare const MediaTemplate: React.FC<MediaTemplateProps>;
 interface MediaTemplateProps {

package/dist/types/cjs/components/CopyLead/types/copy-lead-list-item.d.ts

@@ -0,0 +1,6 @@
+import { type ArcIcon } from "../../../types/arc-icon";
+export interface CopyLeadListItem {
+    icon: ArcIcon | React.ReactElement<SVGElement>;
+    heading: string;
+    text?: string;
+}

package/dist/types/cjs/components/DownloadList/DownloadList.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type SectionHeadingProps } from "../SectionHeading";
+import { type DownloadProps } from "@arc-ui/components/Download";
+export declare const DownloadList: React.FC<DownloadListProps>;
+export interface DownloadListProps extends Omit<SectionHeadingProps, "isPadded"> {
+    downloads: DownloadProps[];
+}

package/dist/types/{components → cjs/components}/FeaturePost/FeaturePost.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
-import { type VideoPlayerProps } from "@arc-ui/components/dist/VideoPlayer";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
+import { type VideoPlayerProps } from "@arc-ui/components/VideoPlayer";
 import { type FeaturePostAppButtonFooter, type FeaturePostCtaFooter, type FeaturePostImage } from "./types";
 /**
  * Use `FeaturePost` to direct traffic towards an article, case study, or product information page, or to a 3rd part App Store provider. Where the component links to an article page, the author attribution can be given here. The `FeaturePost` must be supported by an image, and in future, the component will support embedded video as well.

package/dist/types/{components → cjs/components}/FeaturePost/components/MediaContent/MediaContent.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type VideoPlayerProps } from "@arc-ui/components/dist/VideoPlayer";
+import { type VideoPlayerProps } from "@arc-ui/components/VideoPlayer";
 import { type FeaturePostImage } from "../../types";
 export declare const MediaContent: React.FC<MediaContentProps>;
 interface MediaContentProps {

package/dist/types/{components → cjs/components}/Highlights/Highlights.d.ts

@@ -5,7 +5,7 @@ import { type HighlightListItem } from "./types";
  * Use `Highlights` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link. Both two and three column options are available.
  */
 export declare const Highlights: React.FC<HighlightsProps>;
-export interface HighlightsProps extends SectionHeadingProps {
+export interface HighlightsProps extends Omit<SectionHeadingProps, "isPadded"> {
     /**
      * List items for `Highlights`. List length should be a minimum of 2 and a maximum of 6.
      */

package/dist/types/{components → cjs/components}/Highlights/components/HighlightItem/HighlightItem.d.ts

@@ -1,14 +1,12 @@
 import React from "react";
-import { type ArcIcon } from "@arc-ui/components/dist/types/types/arc-icon";
+import { type ArcIcon } from "../../../../types/arc-icon";
+import { type HighlightLink } from "../../types";
 export declare const HighlightItem: React.FC<HighlightItemProps>;
 interface HighlightItemProps {
     icon?: ArcIcon;
     heading: string;
     text?: string;
-    link?: {
-        url: string;
-        textLink: string;
-    };
+    link?: HighlightLink;
     isSmallIcon: boolean;
 }
 export {};

package/dist/types/cjs/components/Highlights/types/highlight-link.d.ts

@@ -0,0 +1,5 @@
+export interface HighlightLink {
+    url: string;
+    textLink: string;
+    onClick?: (e: React.MouseEvent) => void;
+}

package/dist/types/cjs/components/Highlights/types/highlight-list-item.d.ts

@@ -0,0 +1,8 @@
+import { type ArcIcon } from "../../../types/arc-icon";
+import { type HighlightLink } from "./highlight-link";
+export interface HighlightListItem {
+    icon?: ArcIcon;
+    heading: string;
+    text?: string;
+    link?: HighlightLink;
+}

package/dist/types/{components → cjs/components}/Highlights/types/index.d.ts

@@ -1 +1,2 @@
 export { type HighlightListItem } from "./highlight-list-item";
+export { type HighlightLink } from "./highlight-link";

package/dist/types/cjs/components/ProductNavigation/ProductNavigation.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { type SectionHeadingProps } from "../SectionHeading";
+import { type ListProps } from "./types";
+/**
+ * Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
+ */
+export declare const ProductNavigation: React.FC<ProductNavigationProps>;
+export interface ProductNavigationProps extends Omit<SectionHeadingProps, "isPadded"> {
+    /**
+     * List items for `ProductNavigation`.
+     */
+    productList: ListProps[];
+    /**
+     * Include "show more" or "show less" buttons.
+     */
+    hideButton?: boolean;
+    /**
+     * Prevent "show less" button from appearing after full productList is displayed.
+     */
+    hideShowLess?: boolean;
+    /**
+     * Set default expand or collapse view of product on page load.
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Set number of products to hide or show.
+     */
+    listIncrement?: number;
+    /**
+     * Set number of products to show by default.
+     */
+    cardsToDisplay?: number;
+    /**
+     * Custom onClick handler called everytime "show more" is pressed
+     */
+    onClickMore?: () => void;
+    /**
+     * Custom onClick handler called everytime "show less" is pressed
+     */
+    onClickLess?: () => void;
+    /**
+     * Set a loading state for the "show more" and "show less" buttons
+     */
+    isLoading?: boolean;
+    /**
+     * Set minHeight for all products.
+     */
+    minHeight?: number;
+}

package/dist/types/cjs/components/ProductNavigation/index.d.ts

@@ -0,0 +1,2 @@
+export { ProductNavigation, type ProductNavigationProps, } from "./ProductNavigation";
+export { type ListProps } from "./types";

package/dist/types/cjs/components/ProductNavigation/types/index.d.ts

@@ -0,0 +1 @@
+export { type ListProps } from "./product-list";

package/dist/types/cjs/components/ProductNavigation/types/product-list.d.ts

@@ -0,0 +1,6 @@
+import { InformationCardProps } from "@arc-ui/components/InformationCard";
+import { ButtonV2Props } from "@arc-ui/components/types/components/ButtonV2/ButtonV2";
+type ListInformationCardButtonProps = Pick<ButtonV2Props, "label" | "onClick" | "href">;
+type ListInformationCardProps = Pick<InformationCardProps, "heading" | "text">;
+export type ListProps = ListInformationCardButtonProps & ListInformationCardProps;
+export {};

package/dist/types/{components → cjs/components}/PromoListing/PromoListing.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { type SectionHeadingProps } from "../SectionHeading";
-import { type MediaCardProps } from "@arc-ui/components/dist/MediaCard";
-import { type ImpactCardProps } from "@arc-ui/components/dist/ImpactCard";
-import { type InformationCardProps } from "@arc-ui/components/dist/InformationCard";
-import { type TypographyCardProps } from "@arc-ui/components/dist/TypographyCard";
+import { type MediaCardProps } from "@arc-ui/components/MediaCard";
+import { type ImpactCardProps } from "@arc-ui/components/ImpactCard";
+import { type InformationCardProps } from "@arc-ui/components/InformationCard";
+import { type TypographyCardProps } from "@arc-ui/components/TypographyCard";
 /**
  * Use `PromoListing` to give supporting information about a page or proposition in the form of the card components (`ImpactCard`, `InformationCard`, `MediaCard` and `TypographyCard`).
  */
@@ -21,7 +21,7 @@ interface PromoListTypographyCard extends TypographyCardProps {
     type: "typography-card";
 }
 type PromoListCard = PromoListMediaCard | PromoListInformationCard | PromoListTypographyCard | PromoListImpactCard;
-export interface PromoListingProps extends SectionHeadingProps {
+export interface PromoListingProps extends Omit<SectionHeadingProps, "isPadded"> {
     /**
      * Cards for the PromoListing.
      */

package/dist/types/{components → cjs/components}/SectionHeading/SectionHeading.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
+import { type ImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
 export declare const SectionHeading: React.FC<SectionHeadingProps>;
 export interface SectionHeadingProps {
     /**
@@ -22,4 +23,8 @@ export interface SectionHeadingProps {
      * Id content for `SectionHeading`.
      */
     id?: string;
+    /**
+     * Header image for the `SectionHeading`.
+     */
+    image?: ImageProps;
 }

package/dist/types/{components → cjs/components}/Summary/Summary.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
 export declare const Summary: React.FC<SummaryProps>;
 interface SummaryContent {
     heading: string;

package/dist/types/cjs/components/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./Accordion";
+export * from "./Author";
+export * from "./CopyLead";
+export * from "./DownloadList";
+export * from "./FeaturePost";
+export * from "./Highlights";
+export * from "./PromoListing";
+export * from "./Quote";
+export * from "./Summary";
+export * from "./Statistics";
+export * from "./BannerWithTabs";
+export * from "./ArticleSidebar";
+export * from "./ProductNavigation";
+export * from "./SectionHeading";

package/dist/types/cjs/types/arc-icon.d.ts

@@ -0,0 +1,2 @@
+import { type SVGProps } from "react";
+export type ArcIcon = React.FC<SVGProps<SVGSVGElement>>;

package/dist/types/esm/components/Accordion/Accordion.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type SectionHeadingProps } from "../SectionHeading";
+import { AccordionDisclosureListProps } from "./components/AccordionDisclosureList/AccordionDisclosureList";
+/**
+ * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
+ */
+export declare const Accordion: React.FC<AccordionProps>;
+export interface AccordionProps extends Omit<SectionHeadingProps, "isPadded">, AccordionDisclosureListProps {
+}

package/dist/types/esm/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type DisclosureProps } from "@arc-ui/components/Disclosure";
+export declare const AccordionDisclosureList: React.FC<AccordionDisclosureListProps>;
+export interface AccordionDisclosureListProps {
+    /**
+     * Array of `Disclosure` components. Maximum 10 in one `Accordion`.
+     */
+    disclosureList: DisclosureProps[];
+}

package/dist/types/esm/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, type AccordionProps } from "./Accordion";

package/dist/types/esm/components/ArticleSidebar/ArticleSidebar.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { type TextSection } from "./types/text-section";
+import { type LinkSection } from "./types/link-section";
+import { type Topic } from "./types/topic";
+import { type Share } from "./types/share";
+import { type SidebarAuthor } from "./types/sidebar-author";
+/**
+ * Use `ArticleSidebar` to provide additional information about the article.
+ */
+export declare const ArticleSidebar: React.FC<ArticleSidebarProps>;
+export interface ArticleSidebarProps {
+    /**
+     * Props for Author component.
+     */
+    author?: SidebarAuthor;
+    /**
+     * Content for the about section.
+     */
+    aboutSection?: TextSection;
+    /**
+     * Array of headings and text for additional text sections.
+     */
+    additionalContent?: TextSection[];
+    /**
+     * Links that are relevant to the article.
+     */
+    linkSection: LinkSection;
+    /**
+     * Topics rendered as tags that are relevant to the article.
+     */
+    topics?: Topic;
+    /**
+     * Sharing options for the article.
+     */
+    share: Share;
+}

package/dist/types/esm/components/ArticleSidebar/index.d.ts

@@ -0,0 +1 @@
+export { ArticleSidebar, type ArticleSidebarProps } from "./ArticleSidebar";

package/dist/types/esm/components/ArticleSidebar/types/link-section.d.ts

@@ -0,0 +1,11 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+interface Link {
+    text: string;
+    url: string;
+}
+export interface LinkSection {
+    heading: string;
+    links: Link[];
+    headingLevel?: HeadingLevel;
+}
+export {};

package/dist/types/esm/components/ArticleSidebar/types/share-button.d.ts

@@ -0,0 +1,8 @@
+import { type ArcIcon } from "../../../types/arc-icon";
+export interface ShareButton {
+    label: string;
+    icon: ArcIcon | React.ReactElement<SVGElement>;
+    isButton?: boolean;
+    href?: string;
+    onClick?: () => void;
+}

package/dist/types/esm/components/ArticleSidebar/types/share.d.ts

@@ -0,0 +1,8 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+export interface Share {
+    heading: string;
+    articleTitle: string;
+    x?: boolean;
+    headingLevel?: HeadingLevel;
+    linkedin?: boolean;
+}

package/dist/types/esm/components/ArticleSidebar/types/sidebar-author.d.ts

@@ -0,0 +1,4 @@
+import { type AuthorProps } from "../../Author";
+export interface SidebarAuthor extends AuthorProps {
+    avatar?: Omit<NonNullable<AuthorProps["avatar"]>, "size">;
+}

package/dist/types/esm/components/ArticleSidebar/types/text-section.d.ts

@@ -0,0 +1,6 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+export interface TextSection {
+    heading: string;
+    content: string;
+    headingLevel?: HeadingLevel;
+}

package/dist/types/esm/components/ArticleSidebar/types/topic.d.ts

@@ -0,0 +1,7 @@
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type TagProps } from "@arc-ui/components/dist/types/components/Tag/Tag";
+export interface Topic {
+    heading: string;
+    tags: TagProps[];
+    headingLevel?: HeadingLevel;
+}

package/dist/types/esm/components/Author/Author.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type AvatarProps } from "@arc-ui/components/Avatar";
+export declare const Author: React.FC<AuthorProps>;
+export interface AuthorProps {
+    /**
+     * Name of the Author.
+     */
+    name: string;
+    /**
+     * Job title of the Author.
+     */
+    title: string;
+    /**
+     * Optional Avatar for the Author.
+     */
+    avatar?: AvatarProps;
+}

package/dist/types/esm/components/Author/index.d.ts

@@ -0,0 +1 @@
+export { Author, type AuthorProps } from "./Author";