@arc-ui/community-components 1.0.0 → 1.0.2

package/dist/styles.css

@@ -1 +1 @@
-.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}
+.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: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)}.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/cjs/components/ArticleSidebar/types/share-button.d.ts

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

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

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

package/dist/types/cjs/components/Highlights/components/HighlightItem/HighlightItem.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
-import { type ArcIcon } from "../../../../types/arc-icon";
 import { type HighlightLink } from "../../types";
 export declare const HighlightItem: React.FC<HighlightItemProps>;
 interface HighlightItemProps {
-    icon?: ArcIcon;
+    icon?: string;
     heading: string;
     text?: string;
     link?: HighlightLink;

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

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

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

@@ -14,5 +14,6 @@ export interface SummaryProps {
      * Determine a heading level for each column.
      */
     headingLevel?: HeadingLevel;
+    noBorder?: boolean;
 }
 export {};

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

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

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

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

package/dist/types/esm/components/Highlights/components/HighlightItem/HighlightItem.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
-import { type ArcIcon } from "../../../../types/arc-icon";
 import { type HighlightLink } from "../../types";
 export declare const HighlightItem: React.FC<HighlightItemProps>;
 interface HighlightItemProps {
-    icon?: ArcIcon;
+    icon?: string;
     heading: string;
     text?: string;
     link?: HighlightLink;

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

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

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

@@ -14,5 +14,6 @@ export interface SummaryProps {
      * Determine a heading level for each column.
      */
     headingLevel?: HeadingLevel;
+    noBorder?: boolean;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/community-components",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
@@ -34,8 +34,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@arc-ui/components": "12.0.0-beta.16",
-    "@arc-ui/themes": "12.0.0-beta.16",
+    "@arc-ui/components": "12.0.0-beta.22",
+    "@arc-ui/themes": "12.0.0-beta.22",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
@@ -45,13 +45,13 @@
     }
   },
   "devDependencies": {
-    "@arc-ui/components": "12.0.0-beta.16",
-    "@arc-ui/icons": "12.0.0-beta.16",
-    "@arc-ui/themes": "12.0.0-beta.16",
-    "@arc-ui/tokens-arc": "12.0.0-beta.16",
-    "@arc-ui/tokens-bt-business": "12.0.0-beta.16",
-    "@arc-ui/tokens-bt-enterprise": "12.0.0-beta.16",
-    "@arc-ui/tokens-ee": "12.0.0-beta.16",
+    "@arc-ui/components": "12.0.0-beta.22",
+    "@arc-ui/icons": "12.0.0-beta.22",
+    "@arc-ui/themes": "12.0.0-beta.22",
+    "@arc-ui/tokens-arc": "12.0.0-beta.22",
+    "@arc-ui/tokens-bt-business": "12.0.0-beta.22",
+    "@arc-ui/tokens-bt-enterprise": "12.0.0-beta.22",
+    "@arc-ui/tokens-ee": "12.0.0-beta.22",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
@@ -76,8 +76,8 @@
     "@arc-ui/community-build-utils": "^0.1.0",
     "@arc-ui/community-css-config": "^0.1.0",
     "@arc-ui/community-eslint-config": "^0.1.0",
-    "@arc-ui/community-utils": "^0.1.0",
-    "@arc-ui/community-typescript-config": "^0.1.0"
+    "@arc-ui/community-typescript-config": "^0.1.0",
+    "@arc-ui/community-utils": "^0.1.0"
   },
   "browserslist": [
     "defaults",

package/src/components/ArticleSidebar/ArticleSidebar.tsx

@@ -167,7 +167,7 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
             className={styles.shareButton}
             aria-label={label}
             href={href}
-            onClick={onClick}
+            onClick={isButton ? onClick : undefined}
           >
             <Icon icon={icon} size={24} />
           </a>

package/src/components/ArticleSidebar/types/share-button.ts

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

package/src/components/BannerWithTabs/BannerWithTabs.tsx

@@ -4,7 +4,7 @@ import classNames from "classnames";
 
 import styles from "./BannerWithTabs.module.css";
 import { SectionHeading, SectionHeadingProps } from "../SectionHeading";
-import { TabbedBanner } from "@arc-ui/components";
+import { TabbedBanner } from "@arc-ui/components/TabbedBanner";
 import { TemplateBannerProps } from "@arc-ui/components/dist/types/components/TemplateBanner/TemplateBanner";
 
 export const BannerWithTabs: FC<BannerWithTabsProps> = ({

package/src/components/CopyLead/types/copy-lead-list-item.ts

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

package/src/components/Highlights/components/HighlightItem/HighlightItem.tsx

@@ -1,7 +1,5 @@
 import React from "react";
 
-import { type ArcIcon } from "../../../../types/arc-icon";
-
 import { Heading } from "@arc-ui/components/Heading";
 import { Icon } from "@arc-ui/components/Icon";
 import { Text } from "@arc-ui/components/Text";
@@ -60,7 +58,7 @@ export const HighlightItem: React.FC<HighlightItemProps> = ({
 };
 
 interface HighlightItemProps {
-  icon?: ArcIcon;
+  icon?: string;
   heading: string;
   text?: string;
   link?: HighlightLink;

package/src/components/Highlights/types/highlight-list-item.ts

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

package/src/components/ProductNavigation/ProductNavigation.tsx

@@ -9,12 +9,10 @@ import { ArcSizeBreakpointsS } from "@arc-ui/tokens-arc";
 
 import { SectionHeading, type SectionHeadingProps } from "../SectionHeading";
 import { type ListProps } from "./types";
-import {
-  ButtonV2,
-  InformationCard,
-  VerticalSpace,
-  VisuallyHidden,
-} from "@arc-ui/components";
+import { ButtonV2 } from "@arc-ui/components/ButtonV2";
+import { InformationCard } from "@arc-ui/components/InformationCard";
+import { VerticalSpace } from "@arc-ui/components/VerticalSpace";
+import { VisuallyHidden } from "@arc-ui/components/VisuallyHidden";
 
 /**
  * Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
@@ -41,7 +39,7 @@ export const ProductNavigation: React.FC<ProductNavigationProps> = ({
   const [displayList, setDisplayList] = useState(
     productList.slice(0, cardsToDisplay),
   );
-  const cardRef = useRef(null);
+  const cardRef = useRef<HTMLLIElement>(null);
 
   useEffect(() => {
     if (defaultExpanded) {

package/src/components/Summary/Summary.module.css

@@ -10,7 +10,7 @@
   margin: 0;
 }
 
-@media (--arc-custom-media-min-width-s-px) {
+@media (--arc-custom-media-min-width-m-px) {
   .row {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(

package/src/components/Summary/Summary.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { ArcSizeBreakpointsS } from "@arc-ui/tokens-arc";
+import { ArcSizeBreakpointsM } from "@arc-ui/tokens-arc";
 
 import { Heading, type HeadingLevel } from "@arc-ui/components/Heading";
 import { Text } from "@arc-ui/components/Text";
@@ -13,14 +13,19 @@ import styles from "./Summary.module.css";
 
 export const Summary: React.FC<SummaryProps> = ({
   content,
+  noBorder = false,
   headingLevel = "3",
 }) => {
-  const isMinWidthArcBreakpointS = useMediaQuery(
-    `(min-width: ${ArcSizeBreakpointsS})`,
+  const isMinWidthArcBreakpointM = useMediaQuery(
+    `(min-width: ${ArcSizeBreakpointsM})`,
   );
 
   return (
-    <Box isBorderRadius borderWidth="thin" padding="24">
+    <Box
+      isBorderRadius
+      {...(!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" })}
+      padding="24"
+    >
       <div className={styles.row}>
         {content.map(({ heading, text }, i) => (
           <>
@@ -35,7 +40,7 @@ export const Summary: React.FC<SummaryProps> = ({
               <div className={styles.ruleContainer}>
                 <Rule
                   orientation={
-                    isMinWidthArcBreakpointS ? "vertical" : "horizontal"
+                    isMinWidthArcBreakpointM ? "vertical" : "horizontal"
                   }
                 />
               </div>
@@ -62,4 +67,6 @@ export interface SummaryProps {
    * Determine a heading level for each column.
    */
   headingLevel?: HeadingLevel;
+
+  noBorder?: boolean;
 }

package/versions.json

@@ -1 +1 @@
-["v1.0.0","v0.1.0"]
+["v1.0.2","v1.0.1","v1.0.0","v0.1.0"]

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

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

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

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

package/src/types/arc-icon.ts

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