@arc-ui/community-components 1.0.2 → 2.0.0

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: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}
+.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}li,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_linkListItem__S83CL:after{color:#d9d9d9;content:"|";padding:0 8px}.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_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}.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)}

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { type SectionHeadingProps } from "../SectionHeading";
+import { type AccordionHeadingProps } from "./components/AccordionHeading/AccordionHeading";
 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 {
+export interface AccordionProps extends Omit<AccordionHeadingProps, "isPadded">, AccordionDisclosureListProps {
 }

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

@@ -5,5 +5,7 @@ export interface AccordionDisclosureListProps {
     /**
      * Array of `Disclosure` components. Maximum 10 in one `Accordion`.
      */
-    disclosureList: DisclosureProps[];
+    disclosureList: (DisclosureProps & {
+        id: string;
+    })[];
 }

package/dist/types/cjs/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
+import { type ImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
+export declare const AccordionHeading: React.FC<AccordionHeadingProps>;
+export interface AccordionHeadingProps {
+    /**
+     * heading for `AccordionHeading`.
+     */
+    heading: string;
+    /**
+     * Adds padding to `AccordionHeading`.
+     */
+    isPadded?: boolean;
+    /**
+     * Determine a heading level for `AccordionHeading`.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Text content for `AccordionHeading`.
+     */
+    content?: string;
+    /**
+     * Id content for `AccordionHeading`.
+     */
+    id?: string;
+    /**
+     * Header image for the `AccordionHeading`.
+     */
+    image?: ImageProps;
+    /**
+     * Header size for the `AccordionHeading`.
+     */
+    headingSize?: "xl" | "m";
+}

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

@@ -0,0 +1 @@
+export { AccordionHeading, type AccordionHeadingProps, } from "./AccordionHeading";

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

@@ -7,10 +7,6 @@ export interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" |
      * 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.
      */

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

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const ContentInfoWidget: React.FC<ContentInfoWidgetProps>;
+export interface ContentInfoWidgetProps {
+    icon: string;
+    text: string;
+}

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

@@ -0,0 +1 @@
+export { ContentInfoWidget, type ContentInfoWidgetProps, } from "./ContentInfoWidget";

package/dist/types/cjs/components/CopyLead/components/MediaContent/MediaContent.d.ts

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

package/dist/types/cjs/components/CopyLead/templates/Content/Content.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { type SectionHeadingProps } from "../../../../components/SectionHeading";
 import { type CopyLeadButton, type CopyLeadListItem } from "../../types";
 export declare const ContentTemplate: React.FC<ContentTemplateProps>;
 interface ContentTemplateProps extends SectionHeadingProps {
-    content: string;
+    content: string | ReactNode;
     listItems: CopyLeadListItem[];
     button?: CopyLeadButton;
 }

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 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";
@@ -7,7 +7,7 @@ interface MediaTemplateProps {
     heading: string;
     headingLevel?: HeadingLevel;
     listItems: CopyLeadListItem[];
-    content?: string;
+    content?: string | ReactNode;
     isReverseOrder?: boolean;
     button?: CopyLeadButton;
     image?: CopyLeadImage;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { type AccordionProps } from "../Accordion";
+import { type SectionHeadingProps } from "../SectionHeading";
+export declare const FAQs: React.FC<FAQsProps>;
+interface ExtendedAccordionProps extends AccordionProps {
+    altLinkTitle?: string;
+}
+export interface FAQsProps extends SectionHeadingProps {
+    type: "list" | "listWithLinks" | "tabs";
+    linkListHeading?: string;
+    accordionData: ExtendedAccordionProps[];
+}
+export {};

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

@@ -0,0 +1 @@
+export { FAQs, type FAQsProps } from "./FAQs";

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

@@ -1,10 +1,10 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { type HighlightLink } from "../../types";
 export declare const HighlightItem: React.FC<HighlightItemProps>;
 interface HighlightItemProps {
     icon?: string;
     heading: string;
-    text?: string;
+    text?: string | ReactNode;
     link?: HighlightLink;
     isSmallIcon: boolean;
 }

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

@@ -2,6 +2,6 @@ import { type HighlightLink } from "./highlight-link";
 export interface HighlightListItem {
     icon?: string;
     heading: string;
-    text?: string;
+    text?: string | React.ReactNode;
     link?: HighlightLink;
 }

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 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>;
@@ -18,7 +18,7 @@ export interface SectionHeadingProps {
     /**
      * Text content for `SectionHeading`.
      */
-    content?: string;
+    content?: string | ReactNode;
     /**
      * Id content for `SectionHeading`.
      */

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

@@ -2,6 +2,7 @@ export * from "./Accordion";
 export * from "./Author";
 export * from "./CopyLead";
 export * from "./DownloadList";
+export * from "./FAQs";
 export * from "./FeaturePost";
 export * from "./Highlights";
 export * from "./PromoListing";
@@ -12,3 +13,4 @@ export * from "./BannerWithTabs";
 export * from "./ArticleSidebar";
 export * from "./ProductNavigation";
 export * from "./SectionHeading";
+export * from "./ContentInfoWidget";

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { type SectionHeadingProps } from "../SectionHeading";
+import { type AccordionHeadingProps } from "./components/AccordionHeading/AccordionHeading";
 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 {
+export interface AccordionProps extends Omit<AccordionHeadingProps, "isPadded">, AccordionDisclosureListProps {
 }

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

@@ -5,5 +5,7 @@ export interface AccordionDisclosureListProps {
     /**
      * Array of `Disclosure` components. Maximum 10 in one `Accordion`.
      */
-    disclosureList: DisclosureProps[];
+    disclosureList: (DisclosureProps & {
+        id: string;
+    })[];
 }

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

@@ -0,0 +1,34 @@
+import React from "react";
+import { type HeadingLevel } from "@arc-ui/components/Heading";
+import { type ImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
+export declare const AccordionHeading: React.FC<AccordionHeadingProps>;
+export interface AccordionHeadingProps {
+    /**
+     * heading for `AccordionHeading`.
+     */
+    heading: string;
+    /**
+     * Adds padding to `AccordionHeading`.
+     */
+    isPadded?: boolean;
+    /**
+     * Determine a heading level for `AccordionHeading`.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Text content for `AccordionHeading`.
+     */
+    content?: string;
+    /**
+     * Id content for `AccordionHeading`.
+     */
+    id?: string;
+    /**
+     * Header image for the `AccordionHeading`.
+     */
+    image?: ImageProps;
+    /**
+     * Header size for the `AccordionHeading`.
+     */
+    headingSize?: "xl" | "m";
+}

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

@@ -0,0 +1 @@
+export { AccordionHeading, type AccordionHeadingProps, } from "./AccordionHeading";

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

@@ -7,10 +7,6 @@ export interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" |
      * 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.
      */

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

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const ContentInfoWidget: React.FC<ContentInfoWidgetProps>;
+export interface ContentInfoWidgetProps {
+    icon: string;
+    text: string;
+}

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

@@ -0,0 +1 @@
+export { ContentInfoWidget, type ContentInfoWidgetProps, } from "./ContentInfoWidget";

package/dist/types/esm/components/CopyLead/components/MediaContent/MediaContent.d.ts

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

package/dist/types/esm/components/CopyLead/templates/Content/Content.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { type SectionHeadingProps } from "../../../../components/SectionHeading";
 import { type CopyLeadButton, type CopyLeadListItem } from "../../types";
 export declare const ContentTemplate: React.FC<ContentTemplateProps>;
 interface ContentTemplateProps extends SectionHeadingProps {
-    content: string;
+    content: string | ReactNode;
     listItems: CopyLeadListItem[];
     button?: CopyLeadButton;
 }

package/dist/types/esm/components/CopyLead/templates/Media/Media.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 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";
@@ -7,7 +7,7 @@ interface MediaTemplateProps {
     heading: string;
     headingLevel?: HeadingLevel;
     listItems: CopyLeadListItem[];
-    content?: string;
+    content?: string | ReactNode;
     isReverseOrder?: boolean;
     button?: CopyLeadButton;
     image?: CopyLeadImage;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { type AccordionProps } from "../Accordion";
+import { type SectionHeadingProps } from "../SectionHeading";
+export declare const FAQs: React.FC<FAQsProps>;
+interface ExtendedAccordionProps extends AccordionProps {
+    altLinkTitle?: string;
+}
+export interface FAQsProps extends SectionHeadingProps {
+    type: "list" | "listWithLinks" | "tabs";
+    linkListHeading?: string;
+    accordionData: ExtendedAccordionProps[];
+}
+export {};

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

@@ -0,0 +1 @@
+export { FAQs, type FAQsProps } from "./FAQs";

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

@@ -1,10 +1,10 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { type HighlightLink } from "../../types";
 export declare const HighlightItem: React.FC<HighlightItemProps>;
 interface HighlightItemProps {
     icon?: string;
     heading: string;
-    text?: string;
+    text?: string | ReactNode;
     link?: HighlightLink;
     isSmallIcon: boolean;
 }

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

@@ -2,6 +2,6 @@ import { type HighlightLink } from "./highlight-link";
 export interface HighlightListItem {
     icon?: string;
     heading: string;
-    text?: string;
+    text?: string | React.ReactNode;
     link?: HighlightLink;
 }

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 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>;
@@ -18,7 +18,7 @@ export interface SectionHeadingProps {
     /**
      * Text content for `SectionHeading`.
      */
-    content?: string;
+    content?: string | ReactNode;
     /**
      * Id content for `SectionHeading`.
      */

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

@@ -2,6 +2,7 @@ export * from "./Accordion";
 export * from "./Author";
 export * from "./CopyLead";
 export * from "./DownloadList";
+export * from "./FAQs";
 export * from "./FeaturePost";
 export * from "./Highlights";
 export * from "./PromoListing";
@@ -12,3 +13,4 @@ export * from "./BannerWithTabs";
 export * from "./ArticleSidebar";
 export * from "./ProductNavigation";
 export * from "./SectionHeading";
+export * from "./ContentInfoWidget";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/community-components",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "type": "module",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
@@ -34,10 +34,10 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@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"
+    "@arc-ui/components": "13.0.0",
+    "@arc-ui/themes": "13.0.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "peerDependenciesMeta": {
     "@arc-ui/themes": {
@@ -45,13 +45,14 @@
     }
   },
   "devDependencies": {
-    "@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",
+    "@arc-ui/components": "13.0.0",
+    "@arc-ui/gradients": "13.0.0",
+    "@arc-ui/icons": "13.0.0",
+    "@arc-ui/themes": "13.0.0",
+    "@arc-ui/tokens-arc": "13.0.0",
+    "@arc-ui/tokens-bt-business": "13.0.0",
+    "@arc-ui/tokens-bt-enterprise": "13.0.0",
+    "@arc-ui/tokens-ee": "13.0.0",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
@@ -61,8 +62,8 @@
     "classnames": "^2.2.6",
     "date-fns": "2.30.0",
     "eslint": "^8.57.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "rimraf": "^6.0.1",
     "rollup": "^4.27.3",
     "rollup-plugin-copy": "^3.5.0",
@@ -74,9 +75,9 @@
     "tslib": "^2.8.1",
     "typescript": "^5.6.3",
     "@arc-ui/community-build-utils": "^0.1.0",
+    "@arc-ui/community-typescript-config": "^0.1.0",
     "@arc-ui/community-css-config": "^0.1.0",
     "@arc-ui/community-eslint-config": "^0.1.0",
-    "@arc-ui/community-typescript-config": "^0.1.0",
     "@arc-ui/community-utils": "^0.1.0"
   },
   "browserslist": [

package/src/components/Accordion/Accordion.tsx

@@ -1,8 +1,10 @@
 import React from "react";
 
 import { filterDataAttrs } from "@arc-ui/community-utils/filter-data-attrs";
-
-import { SectionHeading, type SectionHeadingProps } from "../SectionHeading";
+import {
+  AccordionHeading,
+  type AccordionHeadingProps,
+} from "./components/AccordionHeading/AccordionHeading";
 
 import {
   AccordionDisclosureList,
@@ -15,17 +17,21 @@ import {
 export const Accordion: React.FC<AccordionProps> = ({
   heading,
   headingLevel,
+  headingSize,
   content,
+  id,
   disclosureList,
   ...props
 }) => {
   return (
     <div {...filterDataAttrs(props)}>
-      <SectionHeading
+      <AccordionHeading
         isPadded
+        id={id}
         data-testid="Accordion-header"
         heading={heading}
         headingLevel={headingLevel}
+        headingSize={headingSize}
         content={content}
       />
       <AccordionDisclosureList disclosureList={disclosureList} />
@@ -34,5 +40,5 @@ export const Accordion: React.FC<AccordionProps> = ({
 };
 
 export interface AccordionProps
-  extends Omit<SectionHeadingProps, "isPadded">,
+  extends Omit<AccordionHeadingProps, "isPadded">,
     AccordionDisclosureListProps {}

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

@@ -0,0 +1,6 @@
+.AccordionDisclosureListItem.AccordionDisclosureListItem:not(:first-child)
+  > *
+  > summary {
+  border-top: 0;
+  line-height: 29px;
+}

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

@@ -5,34 +5,35 @@ import {
   Disclosure,
 } from "@arc-ui/components/Disclosure";
 
+import styles from "./AccordionDisclosureList.module.css";
+
 export const AccordionDisclosureList: React.FC<
   AccordionDisclosureListProps
 > = ({ disclosureList }) => {
   return (
-    <>
+    <ul>
       {disclosureList.map(
-        (
-          {
-            children,
-            summary,
-            isOpen = false,
-            indentDetails = false,
-            headingLevel,
-          },
-          index,
-        ) => (
-          <Disclosure
-            key={index}
-            summary={summary}
-            isOpen={isOpen}
-            indentDetails={indentDetails}
-            headingLevel={headingLevel}
-          >
-            {children}
-          </Disclosure>
+        ({
+          children,
+          summary,
+          isOpen = false,
+          indentDetails = false,
+          headingLevel,
+          id,
+        }) => (
+          <li key={id} className={styles.AccordionDisclosureListItem}>
+            <Disclosure
+              summary={summary}
+              isOpen={isOpen}
+              indentDetails={indentDetails}
+              headingLevel={headingLevel}
+            >
+              {children}
+            </Disclosure>
+          </li>
         ),
       )}
-    </>
+    </ul>
   );
 };
 
@@ -40,5 +41,5 @@ export interface AccordionDisclosureListProps {
   /**
    * Array of `Disclosure` components. Maximum 10 in one `Accordion`.
    */
-  disclosureList: DisclosureProps[];
+  disclosureList: (DisclosureProps & { id: string })[];
 }