@arc-ui/community-components 3.0.0 → 3.1.0

package/lib/styles.css

@@ -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}.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)}}.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}}@media (min-width:768px){.DownloadList-module_headingContainer__PNio8{max-width:75%}}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_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)}.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}.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)}
+.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}.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)}}.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}}@media (min-width:768px){.DownloadList-module_headingContainer__PNio8{max-width:75%}}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_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)}.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_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)}.HeroLink-module_heroLink__WUqWB{align-items:center;background:transparent;border:2px solid #e5e5e5;border-radius:32px;color:#5514b4;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;height:-moz-fit-content;height:fit-content;justify-content:center;line-height:1;padding:16px 16px 16px 24px;text-decoration:none;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.HeroLink-module_heroLink__WUqWB:hover{border-color:#3f187f;color:#3f187f}.HeroLink-module_heroLink-inner__RE5i8{align-items:center;display:flex;gap:4px}.HeroLink-module_heroLink-label__93HPY{white-space:nowrap}.HeroLink-module_heroLink-icon__l7o4U{align-items:center;display:flex;justify-content:center}.HeroLink-module_heroLink--emptyLabel__XY2sa{padding:16px}.ActionTile-module_action-tile__JPwGb{align-items:center;background:transparent;border:1px solid #c8c8c8;border-radius:16px;cursor:pointer;display:flex;flex-direction:horizontal;gap:16px;height:164px;justify-content:space-between;padding:24px;position:relative;text-decoration:none;transition:all .2s ease;width:230px}.ActionTile-module_action-tile-content__ZkgHc{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:12px}.ActionTile-module_action-tile-icon__PY1EN{align-items:center;color:#2a2a2a;display:flex;height:48px;justify-content:flex-start;transition:color .2s ease;width:48px}.ActionTile-module_action-tile-heading__Uxdu9{word-wrap:break-word;color:#2a2a2a;font-family:BT Curve,sans-serif;font-size:20px;font-weight:500;letter-spacing:0;line-height:28px;margin:0 0 0 -12px;transition:color .2s ease;width:100%}.ActionTile-module_action-tile--active__-aWze{background:#efe5f7;border-color:#2a1c4a}.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:#2a1c4a}.ActionTile-module_action-tile--active__-aWze:hover{background:#efe5f7;border-color:#2a1c4a}.ActionTile-module_action-tile__JPwGb:hover{border-color:#3f187f}.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:#3f187f}.ActionTile-module_action-tile-tick__vhsJE{align-items:center;background:#2a1c4a;border-radius:24px;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px}.LinkTile-module_link-tile__xVUP3{background:#fff;border:1px solid #c8c8c8;border-radius:32px;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-decoration:none;transition:border-color .2s ease,border-radius .2s ease;width:306px}.LinkTile-module_link-tile-content__H-QN8{align-items:center;display:flex;gap:8px;justify-content:space-between}.LinkTile-module_link-tile-text__0K6zf{color:#5514b4;flex:1;font-family:BT Curve,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;transition:color .2s ease}.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:#5514b4;flex-shrink:0;transition:color .2s ease}.LinkTile-module_link-tile__xVUP3:hover{border-color:#5514b4}.LinkTile-module_link-tile__xVUP3:active{border-radius:32px}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-content__H-QN8 svg,.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:#3f187f}@media (max-width:1023px){.LinkTile-module_link-tile__xVUP3{padding:24px 16px 24px 24px}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/community-components",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "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": "13.3.0",
-    "@arc-ui/themes": "13.3.0",
+    "@arc-ui/components": "13.4.0",
+    "@arc-ui/themes": "13.4.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },
@@ -45,14 +45,14 @@
     }
   },
   "devDependencies": {
-    "@arc-ui/components": "13.3.0",
-    "@arc-ui/gradients": "13.3.0",
-    "@arc-ui/icons": "13.3.0",
-    "@arc-ui/themes": "13.3.0",
-    "@arc-ui/tokens-arc": "13.3.0",
-    "@arc-ui/tokens-bt-business": "13.3.0",
-    "@arc-ui/tokens-bt-enterprise": "13.3.0",
-    "@arc-ui/tokens-ee": "13.3.0",
+    "@arc-ui/components": "13.4.0",
+    "@arc-ui/gradients": "13.4.0",
+    "@arc-ui/icons": "13.4.0",
+    "@arc-ui/themes": "13.4.0",
+    "@arc-ui/tokens-arc": "13.4.0",
+    "@arc-ui/tokens-bt-business": "13.4.0",
+    "@arc-ui/tokens-bt-enterprise": "13.4.0",
+    "@arc-ui/tokens-ee": "13.4.0",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
@@ -74,10 +74,10 @@
     "tslib": "^2.8.1",
     "typescript": "^5.6.3",
     "@arc-ui/community-build-utils": "^0.1.0",
+    "@arc-ui/community-utils": "^0.2.0",
     "@arc-ui/community-css-config": "^0.1.1",
-    "@arc-ui/community-eslint-config": "^0.1.1",
-    "@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-eslint-config": "^0.1.1"
   },
   "browserslist": [
     "defaults",

package/src/components/Accordion/Accordion.module.css

@@ -0,0 +1,6 @@
+.Accordion ul,
+.Accordion li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}

package/src/components/Accordion/Accordion.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 
-import { filterDataAttrs } from "@arc-ui/community-utils/filter-data-attrs";
+import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
+
 import {
   AccordionHeading,
   type AccordionHeadingProps,
@@ -11,6 +12,8 @@ import {
   AccordionDisclosureListProps,
 } from "./components/AccordionDisclosureList/AccordionDisclosureList";
 
+import styles from "./Accordion.module.css";
+
 /**
  * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
  */
@@ -24,7 +27,7 @@ export const Accordion: React.FC<AccordionProps> = ({
   ...props
 }) => {
   return (
-    <div {...filterDataAttrs(props)}>
+    <div className={styles.Accordion} {...filterAttrs(props)}>
       <AccordionHeading
         isPadded
         id={id}

package/src/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { filterDataAttrs } from "@arc-ui/community-utils/filter-data-attrs";
+import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
 
 import {
   type DisclosureProps,
@@ -30,7 +30,7 @@ export const AccordionDisclosureList: React.FC<
               isOpen={isOpen}
               indentDetails={indentDetails}
               headingLevel={headingLevel}
-              {...filterDataAttrs(props)}
+              {...filterAttrs(props)}
             >
               {children}
             </Disclosure>

package/src/components/Accordion/components/AccordionHeading/AccordionHeading.tsx

@@ -1,13 +1,12 @@
 import React from "react";
 import classNames from "classnames";
 
-import { filterDataAttrs } from "@arc-ui/community-utils/filter-data-attrs";
+import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
 
 import { Heading, type HeadingLevel } from "@arc-ui/components/Heading";
 import { Text } from "@arc-ui/components/Text";
 import { VerticalSpace } from "@arc-ui/components/VerticalSpace";
-import { Image } from "@arc-ui/components/Image";
-import { type ImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
+import { Image, type ImageProps } from "@arc-ui/components/Image";
 
 import styles from "./AccordionHeading.module.css";
 
@@ -27,7 +26,7 @@ export const AccordionHeading: React.FC<AccordionHeadingProps> = ({
       [styles["accordion-header--padded"]]: isPadded,
       [styles["accordion-header--headingSizeM"]]: headingSize === "m",
     })}
-    {...filterDataAttrs(props)}
+    {...filterAttrs(props)}
   >
     <div
       className={classNames({ [styles["accordion-header--hasImage"]]: image })}

package/src/components/ActionTile/ActionTile.module.css

@@ -0,0 +1,89 @@
+.action-tile {
+  display: flex;
+  flex-direction: horizontal;
+  align-items: center;
+  justify-content: space-between;
+  width: 230px;
+  height: 164px;
+  padding: 24px;
+  gap: 16px;
+  border-radius: 16px;
+  border: 1px solid #c8c8c8;
+  background: transparent;
+  text-decoration: none;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+.action-tile-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  flex: 1;
+  align-items: flex-start;
+}
+
+.action-tile-icon {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 48px;
+  height: 48px;
+  color: #2a2a2a;
+  transition: color 0.2s ease;
+}
+
+.action-tile-heading {
+  font-family: "BT Curve", sans-serif;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 28px;
+  letter-spacing: 0;
+  color: #2a2a2a;
+  margin: 0;
+  transition: color 0.2s ease;
+  width: 100%;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  margin-left: -12px;
+}
+
+.action-tile--active {
+  background: #efe5f7;
+  border-color: #2a1c4a;
+}
+
+.action-tile--active .action-tile-heading,
+.action-tile--active .action-tile-icon {
+  color: #2a1c4a;
+}
+
+.action-tile--active:hover {
+  background: #efe5f7;
+  border-color: #2a1c4a;
+}
+
+.action-tile:hover {
+  border-color: #3f187f;
+}
+
+.action-tile:hover .action-tile-heading,
+.action-tile:hover .action-tile-icon {
+  color: #3f187f;
+}
+
+.action-tile-tick {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 24px;
+  background: #2a1c4a;
+  color: #ffffff;
+  flex-shrink: 0;
+  position: absolute;
+  top: -8px;
+  right: -8px;
+}

package/src/components/ActionTile/ActionTile.tsx

@@ -0,0 +1,70 @@
+import React from "react";
+import classNames from "classnames";
+import styles from "./ActionTile.module.css";
+import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
+import { Icon } from "@arc-ui/components/Icon";
+import { BtIconTickAlt2Px } from "@arc-ui/icons/BtIconTickAlt2Px";
+
+export const ActionTile: React.FC<ActionTileProps> = ({
+  icon,
+  heading,
+  isActive = false,
+  onClick,
+  className,
+  ...props
+}) => {
+  const tileClasses = classNames(
+    styles["action-tile"],
+    {
+      [styles["action-tile--active"]]: isActive,
+    },
+    className,
+  );
+
+  const content = (
+    <>
+      <div className={styles["action-tile-content"]}>
+        {icon && (
+          <div className={styles["action-tile-icon"]}>
+            <Icon icon={icon} size={48} />
+          </div>
+        )}
+        <h3 className={styles["action-tile-heading"]}>{heading}</h3>
+      </div>
+
+      {isActive && (
+        <div className={styles["action-tile-tick"]}>
+          <Icon icon={BtIconTickAlt2Px} size={20} />
+        </div>
+      )}
+    </>
+  );
+
+  return (
+    <div className={tileClasses} onClick={onClick} {...filterAttrs(props)}>
+      {content}
+    </div>
+  );
+};
+
+export interface ActionTileProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Optional icon to display
+   */
+  icon?: string;
+
+  /**
+   * Heading text (required)
+   */
+  heading: string;
+
+  /**
+   * Whether the tile is in active/selected state
+   */
+  isActive?: boolean;
+
+  /**
+   * Click handler
+   */
+  onClick?: () => void;
+}

package/src/components/ActionTile/index.ts

@@ -0,0 +1 @@
+export { ActionTile, type ActionTileProps } from "./ActionTile";

package/src/components/ArticleSidebar/ArticleSidebar.module.css

@@ -11,6 +11,12 @@
   padding-right: 16px;
 }
 
+.additionalContentContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
 .shareButtonContainer {
   display: flex;
   gap: 8px;

package/src/components/ArticleSidebar/ArticleSidebar.tsx

@@ -1,4 +1,5 @@
 import React, { useId, useState } from "react";
+import classNames from "classnames";
 
 import { ArcIconSocialLinkedin } from "@arc-ui/icons/ArcIconSocialLinkedin";
 import { ArcIconSocialX } from "@arc-ui/icons/ArcIconSocialX";
@@ -45,41 +46,51 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
     setShowToast(true);
   };
 
-  const shareButtons: ShareButton[] = [
-    {
-      isButton: true,
-      label: "Copy url to clipboard",
-      onClick: copyTextToClipBoard,
-      icon: BtIconLink,
-    },
-    {
-      label: "Share by email",
-      href: `mailto:?subject=${share.articleTitle}&body=${url}`,
-      icon: BtIconEmailUnread,
-    },
-    ...(share.linkedin
-      ? [
-          {
-            label: "Share on LinkedIn",
-            href: `https://www.linkedin.com/sharing/share-offsite/?url=${url}`,
-            icon: ArcIconSocialLinkedin,
-          },
-        ]
-      : []),
-    ...(share.x
-      ? [
-          {
-            label: "Share on x",
-            href: `https://twitter.com/intent/tweet?url=${url}`,
-            icon: ArcIconSocialX,
-          },
-        ]
-      : []),
-  ];
+  const shareButtons: ShareButton[] = share
+    ? [
+        {
+          isButton: true,
+          onClick: copyTextToClipBoard,
+          icon: BtIconLink,
+          ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
+        },
+        {
+          href: `mailto:?subject=${share.articleTitle}&body=${url}`,
+          icon: BtIconEmailUnread,
+          ariaLabel: share.emailAriaLabel || "Share by email",
+        },
+        ...(share.linkedin
+          ? [
+              {
+                href: `https://www.linkedin.com/sharing/share-offsite/?url=${url}`,
+                icon: ArcIconSocialLinkedin,
+                ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
+              },
+            ]
+          : []),
+        ...(share.x
+          ? [
+              {
+                href: `https://twitter.com/intent/tweet?url=${url}`,
+                icon: ArcIconSocialX,
+                ariaLabel: share.xAriaLabel || "Share on x",
+              },
+            ]
+          : []),
+      ]
+    : [];
+
+  const hasTopContent = Boolean(author || aboutSection || additionalContent);
+
+  const hasBottomContent = Boolean(linkSection || topics || share);
 
   return (
     <>
-      <div className={styles.textContent}>
+      <div
+        className={classNames({
+          [styles.textContent]: hasTopContent,
+        })}
+      >
         {author && (
           <>
             <Author {...author} avatar={{ ...author.avatar, size: "xl" }} />
@@ -88,7 +99,7 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
 
         {aboutSection && (
           <>
-            <VerticalSpace size="32" />
+            {author && <VerticalSpace size="32" />}
             <Heading level={aboutSection.headingLevel}>
               {aboutSection.heading}
             </Heading>
@@ -98,43 +109,54 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
           </>
         )}
 
-        {additionalContent &&
-          additionalContent.map(({ heading, headingLevel, content }) => (
-            <>
-              <VerticalSpace size="16" />
-              <Heading level={headingLevel} size="xxs">
-                {heading}
-              </Heading>
-              <Text size="s">{content}</Text>
-            </>
-          ))}
+        {additionalContent && (
+          <>
+            {(author || aboutSection) && <VerticalSpace size="16" />}
+            <div className={styles.additionalContentContainer}>
+              {additionalContent.map(({ heading, headingLevel, content }) => (
+                <div key={`${id}-${heading}`}>
+                  <Heading level={headingLevel} size="xxs">
+                    {heading}
+                  </Heading>
+                  <Text size="s">{content}</Text>
+                </div>
+              ))}
+            </div>
+          </>
+        )}
       </div>
 
-      {(author || aboutSection || additionalContent) && (
-        <div data-testid="content-rule">
+      {hasTopContent && hasBottomContent && (
+        <div data-testid="text-content-rule">
           <VerticalSpace size="32" />
           <Rule />
           <VerticalSpace size="32" />
         </div>
       )}
 
-      <Heading level={linkSection.headingLevel}>{linkSection.heading}</Heading>
-
-      {linkSection.links.map(({ text, url }) => (
+      {linkSection && (
         <>
-          <VerticalSpace size="8" />
-          <div key={`${id}-${url}`}>
-            <Link size="s" href={url}>
-              {text}
-            </Link>
-          </div>
-        </>
-      ))}
+          <Heading level={linkSection.headingLevel}>
+            {linkSection.heading}
+          </Heading>
 
-      <VerticalSpace size="32" />
+          {linkSection.links.map(({ text, url, ariaLabel }) => (
+            <>
+              <VerticalSpace size="8" />
+              <div key={`${id}-${url}`}>
+                <Link aria-label={ariaLabel} size="s" href={url}>
+                  {text}
+                </Link>
+              </div>
+            </>
+          ))}
+        </>
+      )}
 
       {topics && (
         <>
+          {linkSection && <VerticalSpace size="32" />}
+
           <Heading level={topics.headingLevel}>{topics.heading}</Heading>
 
           <VerticalSpace size="16" />
@@ -144,35 +166,43 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
               <Tag key={`${id}-${tag.title}`} {...tag} />
             ))}
           </div>
-
-          <VerticalSpace size="32" />
         </>
       )}
 
-      <Rule />
-
-      <VerticalSpace size="32" />
-
-      <Heading level={share.headingLevel}>{share.heading}</Heading>
-
-      <VerticalSpace size="16" />
-
-      <div className={styles.shareButtonContainer}>
-        {shareButtons.map(({ isButton, label, href, icon, onClick }) => (
-          <a
-            key={`${id}-${label}`}
-            role={isButton ? "button" : undefined}
-            target="_blank"
-            rel="noreferrer"
-            className={styles.shareButton}
-            aria-label={label}
-            href={href}
-            onClick={isButton ? onClick : undefined}
-          >
-            <Icon icon={icon} size={24} />
-          </a>
-        ))}
-      </div>
+      {share && (
+        <>
+          {(linkSection || topics) && (
+            <div data-testid="links-topics-content-rule">
+              <VerticalSpace size="32" />
+              <Rule />
+              <VerticalSpace size="32" />
+            </div>
+          )}
+
+          <Heading level={share.headingLevel}>{share.heading}</Heading>
+
+          <VerticalSpace size="16" />
+
+          <div className={styles.shareButtonContainer}>
+            {shareButtons.map(
+              ({ isButton, ariaLabel, href, icon, onClick }) => (
+                <a
+                  key={`${id}-${ariaLabel}`}
+                  role={isButton ? "button" : undefined}
+                  target="_blank"
+                  rel="noreferrer"
+                  className={styles.shareButton}
+                  aria-label={ariaLabel}
+                  href={href}
+                  onClick={isButton ? onClick : undefined}
+                >
+                  <Icon icon={icon} size={24} />
+                </a>
+              ),
+            )}
+          </div>
+        </>
+      )}
 
       <Toast>
         <ToastNotification
@@ -205,7 +235,7 @@ export interface ArticleSidebarProps {
   /**
    * Links that are relevant to the article.
    */
-  linkSection: LinkSection;
+  linkSection?: LinkSection;
 
   /**
    * Topics rendered as tags that are relevant to the article.
@@ -215,5 +245,5 @@ export interface ArticleSidebarProps {
   /**
    * Sharing options for the article.
    */
-  share: Share;
+  share?: Share;
 }

package/src/components/ArticleSidebar/types/link-section.ts

@@ -1,8 +1,9 @@
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
 
 interface Link {
   text: string;
   url: string;
+  ariaLabel?: string;
 }
 
 export interface LinkSection {

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

@@ -1,7 +1,7 @@
 export interface ShareButton {
-  label: string;
   icon: string;
   isButton?: boolean;
+  ariaLabel?: string;
   href?: string;
   onClick?: () => void;
 }