npm - @dnanpm/ui-components - Versions diffs - 0.8.0 → 0.10.0 - Mend

@dnanpm/ui-components 0.8.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (249) hide show

package/dist/components/Footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { ArrowRight } from '@dnanpm/icons';\nimport { AccordionItem } from '../AccordionItem';\nimport { IconButton } from '../IconButton';\nimport { cn } from '../../utils/cn';\nimport focusStyles from '../../styles/utils/focus.module.css';\nimport textDecorationStyles from '../../styles/utils/text-decoration.module.css';\nimport appStoreBadge from './assets/app-store-badge.svg';\nimport googlePlayBadge from './assets/google-play-badge.svg';\nimport styles from './Footer.module.css';\nimport {\n defaultAppStoreAriaLabel,\n defaultCopyrightLabel,\n defaultGooglePlayAriaLabel,\n defaultRenderLink,\n defaultSocialAriaLabel,\n resolveSocialIcon,\n resolveTopSectionIcon,\n} from './Footer.utils';\nimport type {\n FooterAppLink,\n FooterLink,\n FooterLinkProps,\n FooterProps,\n FooterRenderLink,\n} from './Footer.types';\n\nconst linkClasses = (extra?: string) =>\n cn(styles.footer__link, textDecorationStyles.underlineLink, focusStyles.focusable, extra);\n\nconst renderNavLink = (link: FooterLink, renderLink: FooterRenderLink) =>\n renderLink(\n {\n href: link.href,\n className: linkClasses(),\n 'aria-label': link.ariaLabel,\n children: link.label,\n },\n { external: link.external ?? false },\n );\n\nconst renderBadge = (\n link: FooterAppLink,\n src: string,\n renderLink: FooterRenderLink,\n fallbackAriaLabel: string,\n) =>\n renderLink(\n {\n href: link.href,\n className: cn(styles.footer__badge, focusStyles.focusable),\n 'aria-label': link.ariaLabel ?? fallbackAriaLabel,\n children: <img src={src} alt=\"\" aria-hidden=\"true\" />,\n },\n { external: true },\n );\n\nexport const Footer = ({\n topSection,\n navigation,\n socialLinks,\n organizations,\n currentOrganizationId,\n languages,\n currentLanguageCode,\n appLinks,\n mandatoryLinks,\n copyrightLabel,\n renderLink = defaultRenderLink,\n onChatOpen,\n onCookieSettingsClick,\n navigationLabel = 'Footer linkit',\n socialLabel = 'DNA sosiaalisessa mediassa',\n organizationsLabel = 'Valitse sivusto',\n languagesLabel = 'Valitse kieli',\n mandatoryLinksLabel = 'Lakisääteiset linkit',\n className,\n ref,\n ...props\n}: FooterProps) => {\n const visibleMandatoryLinks = (mandatoryLinks ?? []).filter(\n (link) => !link.opensCookieSettings \|\| onCookieSettingsClick,\n );\n\n const hasBadges = Boolean(appLinks?.appStore \|\| appLinks?.googlePlay);\n const topSectionHeadingId = useId();\n\n return (\n <footer\n ref={ref}\n data-color-scheme=\"dark\"\n className={cn(styles.footer, className)}\n {...props}\n >\n {topSection && topSection.length > 0 && (\n <div className={styles.footer__top}>\n <div className={cn(styles.footer__inner, styles['footer__top-row'])}>\n {topSection.map((group, index) => {\n const Icon = resolveTopSectionIcon(group.icon);\n const links = group.links.filter(\n (link) => !link.opensChat \|\| onChatOpen,\n );\n // Names the section as a landmark so it is discoverable alongside the main nav.\n const headingId = `${topSectionHeadingId}-${index}`;\n\n return (\n <section\n key={group.title}\n aria-labelledby={headingId}\n className={styles['footer__top-column']}\n >\n <div className={styles['footer__top-heading']}>\n {Icon && (\n <Icon\n className={styles['footer__top-icon']}\n aria-hidden=\"true\"\n />\n )}\n <h2 id={headingId} className={styles['footer__top-title']}>\n {group.title}\n </h2>\n </div>\n {links.length > 0 && (\n <ul className={styles['footer__top-links']}>\n {links.map((link) => (\n <li key={link.label}>\n {link.opensChat ? (\n <IconButton\n icon={ArrowRight}\n onClick={onChatOpen}\n className={styles['footer__top-link']}\n labelBehavior=\"wrap\"\n >\n {link.label}\n </IconButton>\n ) : (\n <IconButton\n icon={ArrowRight}\n href={link.href}\n aria-label={link.ariaLabel}\n className={styles['footer__top-link']}\n labelBehavior=\"wrap\"\n renderLink={(linkProps) =>\n renderLink(\n linkProps as FooterLinkProps,\n {\n external:\n link.external ?? false,\n },\n )\n }\n >\n {link.label}\n </IconButton>\n )}\n </li>\n ))}\n </ul>\n )}\n </section>\n );\n })}\n </div>\n </div>\n )}\n\n <div className={styles.footer__bottom}>\n <div className={cn(styles.footer__inner, styles.footer__container)}>\n {navigation && navigation.length > 0 && (\n <nav aria-label={navigationLabel}>\n {/* Accordions below 768px; the columns branch is display:none here. /}\n <div className={styles['footer__nav-accordions']}>\n {navigation.map((group) => (\n <AccordionItem\n key={group.heading}\n variant=\"panel\"\n label={group.heading}\n className={styles.footer__accordion}\n >\n <ul className={styles['footer__link-list']}>\n {group.links.map((link) => (\n <li key={link.label}>\n {renderNavLink(link, renderLink)}\n </li>\n ))}\n </ul>\n </AccordionItem>\n ))}\n </div>\n\n <div className={styles['footer__nav-columns']}>\n {navigation.map((group) => (\n <div key={group.heading} className={styles.footer__column}>\n <h2 className={styles['footer__column-heading']}>\n {group.heading}\n </h2>\n <ul className={styles['footer__link-list']}>\n {group.links.map((link) => (\n <li key={link.label}>\n {renderNavLink(link, renderLink)}\n </li>\n ))}\n </ul>\n </div>\n ))}\n </div>\n </nav>\n )}\n\n {/ The bottom bar always renders: it carries the copyright. */}\n <div\n className={cn(\n styles.footer__divider,\n Boolean(navigation?.length) && styles['footer__divider--after-nav'],\n )}\n />\n\n <div className={styles.footer__meta}>\n {languages && languages.length > 0 && (\n <ul\n className={styles['footer__language-list']}\n aria-label={languagesLabel}\n >\n {languages.map((language) => {\n const isCurrent = language.code === currentLanguageCode;\n\n return (\n <li key={language.code}>\n {renderLink(\n {\n href: language.href,\n className: cn(\n styles.footer__language,\n isCurrent &&\n styles['footer__language--current'],\n focusStyles.focusable,\n ),\n 'aria-label': language.ariaLabel,\n 'aria-current': isCurrent ? 'true' : undefined,\n children: language.label,\n },\n { external: language.external ?? false },\n )}\n </li>\n );\n })}\n </ul>\n )}\n\n <div className={styles['footer__meta-center']}>\n {socialLinks && socialLinks.length > 0 && (\n <ul\n className={styles['footer__social-list']}\n aria-label={socialLabel}\n >\n {socialLinks.map((social) => {\n const Icon = resolveSocialIcon(social.platform);\n\n return (\n <li key={social.platform}>\n {renderLink(\n {\n href: social.href,\n className: cn(\n styles['footer__social-link'],\n focusStyles.focusable,\n ),\n 'aria-label':\n social.ariaLabel ??\n defaultSocialAriaLabel(social.platform),\n children: Icon ? (\n <Icon\n className={\n styles['footer__social-icon']\n }\n aria-hidden=\"true\"\n />\n ) : null,\n },\n { external: true },\n )}\n </li>\n );\n })}\n </ul>\n )}\n\n {organizations && organizations.length > 0 && (\n <ul\n className={styles['footer__organization-list']}\n aria-label={organizationsLabel}\n >\n {organizations.map((organization) => {\n const isCurrent = organization.id === currentOrganizationId;\n\n return (\n <li key={organization.id}>\n {renderLink(\n {\n href: organization.href,\n className: cn(\n styles.footer__organization,\n isCurrent &&\n styles[\n 'footer__organization--current'\n ],\n focusStyles.focusable,\n ),\n 'aria-current': isCurrent\n ? 'true'\n : undefined,\n children: organization.label,\n },\n {\n external: organization.external ?? false,\n },\n )}\n </li>\n );\n })}\n </ul>\n )}\n\n <ul\n className={styles['footer__legal-list']}\n aria-label={mandatoryLinksLabel}\n >\n {visibleMandatoryLinks.map((link) => (\n <li key={link.label}>\n {link.opensCookieSettings ? (\n <button\n type=\"button\"\n onClick={onCookieSettingsClick}\n className={linkClasses(styles.footer__action)}\n >\n {link.label}\n </button>\n ) : (\n renderNavLink(link, renderLink)\n )}\n </li>\n ))}\n <li className={styles.footer__copyright}>\n {copyrightLabel ?? defaultCopyrightLabel()}\n </li>\n </ul>\n </div>\n\n {hasBadges && (\n <div className={styles.footer__apps}>\n {appLinks?.title && (\n <span className={styles['footer__apps-title']}>\n {appLinks.title}\n </span>\n )}\n <div className={styles.footer__badges}>\n {appLinks?.appStore &&\n renderBadge(\n appLinks.appStore,\n appStoreBadge,\n renderLink,\n defaultAppStoreAriaLabel,\n )}\n {appLinks?.googlePlay &&\n renderBadge(\n appLinks.googlePlay,\n googlePlayBadge,\n renderLink,\n defaultGooglePlayAriaLabel,\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n </footer>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { ArrowRight } from '@dnanpm/icons';\nimport { AccordionItem } from '../AccordionItem';\nimport { IconButton } from '../IconButton';\nimport { cn } from '../../utils/cn';\nimport { focusStyles, textDecorationStyles } from '../../styles/utils';\nimport appStoreBadge from './assets/app-store-badge.svg';\nimport googlePlayBadge from './assets/google-play-badge.svg';\nimport styles from './Footer.module.css';\nimport {\n defaultAppStoreAriaLabel,\n defaultCopyrightLabel,\n defaultGooglePlayAriaLabel,\n defaultRenderLink,\n defaultSocialAriaLabel,\n resolveSocialIcon,\n resolveTopSectionIcon,\n} from './Footer.utils';\nimport type {\n FooterAppLink,\n FooterLink,\n FooterLinkProps,\n FooterProps,\n FooterRenderLink,\n} from './Footer.types';\n\nconst linkClasses = (extra?: string) =>\n cn(styles.footer__link, textDecorationStyles.underlineLink, focusStyles.focusable, extra);\n\nconst renderNavLink = (link: FooterLink, renderLink: FooterRenderLink) =>\n renderLink(\n {\n href: link.href,\n className: linkClasses(),\n 'aria-label': link.ariaLabel,\n children: link.label,\n },\n { external: link.external ?? false },\n );\n\nconst renderBadge = (\n link: FooterAppLink,\n src: string,\n renderLink: FooterRenderLink,\n fallbackAriaLabel: string,\n) =>\n renderLink(\n {\n href: link.href,\n className: cn(styles.footer__badge, focusStyles.focusable),\n 'aria-label': link.ariaLabel ?? fallbackAriaLabel,\n children: <img src={src} alt=\"\" aria-hidden=\"true\" />,\n },\n { external: true },\n );\n\nexport const Footer = ({\n topSection,\n navigation,\n socialLinks,\n organizations,\n currentOrganizationId,\n languages,\n currentLanguageCode,\n appLinks,\n mandatoryLinks,\n copyrightLabel,\n renderLink = defaultRenderLink,\n onChatOpen,\n onCookieSettingsClick,\n navigationLabel = 'Footer linkit',\n socialLabel = 'DNA sosiaalisessa mediassa',\n organizationsLabel = 'Valitse sivusto',\n languagesLabel = 'Valitse kieli',\n mandatoryLinksLabel = 'Lakisääteiset linkit',\n className,\n ref,\n ...props\n}: FooterProps) => {\n const visibleMandatoryLinks = (mandatoryLinks ?? []).filter(\n (link) => !link.opensCookieSettings \|\| onCookieSettingsClick,\n );\n\n const hasBadges = Boolean(appLinks?.appStore \|\| appLinks?.googlePlay);\n const topSectionHeadingId = useId();\n\n return (\n <footer\n ref={ref}\n data-color-scheme=\"dark\"\n className={cn(styles.footer, className)}\n {...props}\n >\n {topSection && topSection.length > 0 && (\n <div className={styles.footer__top}>\n <div className={cn(styles.footer__inner, styles['footer__top-row'])}>\n {topSection.map((group, index) => {\n const Icon = resolveTopSectionIcon(group.icon);\n const links = group.links.filter(\n (link) => !link.opensChat \|\| onChatOpen,\n );\n // Names the section as a landmark so it is discoverable alongside the main nav.\n const headingId = `${topSectionHeadingId}-${index}`;\n\n return (\n <section\n key={group.title}\n aria-labelledby={headingId}\n className={styles['footer__top-column']}\n >\n <div className={styles['footer__top-heading']}>\n {Icon && (\n <Icon\n className={styles['footer__top-icon']}\n aria-hidden=\"true\"\n />\n )}\n <h2 id={headingId} className={styles['footer__top-title']}>\n {group.title}\n </h2>\n </div>\n {links.length > 0 && (\n <ul className={styles['footer__top-links']}>\n {links.map((link) => (\n <li key={link.label}>\n {link.opensChat ? (\n <IconButton\n icon={ArrowRight}\n onClick={onChatOpen}\n className={styles['footer__top-link']}\n labelBehavior=\"wrap\"\n >\n {link.label}\n </IconButton>\n ) : (\n <IconButton\n icon={ArrowRight}\n href={link.href}\n aria-label={link.ariaLabel}\n className={styles['footer__top-link']}\n labelBehavior=\"wrap\"\n renderLink={(linkProps) =>\n renderLink(\n linkProps as FooterLinkProps,\n {\n external:\n link.external ?? false,\n },\n )\n }\n >\n {link.label}\n </IconButton>\n )}\n </li>\n ))}\n </ul>\n )}\n </section>\n );\n })}\n </div>\n </div>\n )}\n\n <div className={styles.footer__bottom}>\n <div className={cn(styles.footer__inner, styles.footer__container)}>\n {navigation && navigation.length > 0 && (\n <nav aria-label={navigationLabel}>\n {/* Accordions below 768px; the columns branch is display:none here. /}\n <div className={styles['footer__nav-accordions']}>\n {navigation.map((group) => (\n <AccordionItem\n key={group.heading}\n variant=\"panel\"\n label={group.heading}\n className={styles.footer__accordion}\n >\n <ul className={styles['footer__link-list']}>\n {group.links.map((link) => (\n <li key={link.label}>\n {renderNavLink(link, renderLink)}\n </li>\n ))}\n </ul>\n </AccordionItem>\n ))}\n </div>\n\n <div className={styles['footer__nav-columns']}>\n {navigation.map((group) => (\n <div key={group.heading} className={styles.footer__column}>\n <h2 className={styles['footer__column-heading']}>\n {group.heading}\n </h2>\n <ul className={styles['footer__link-list']}>\n {group.links.map((link) => (\n <li key={link.label}>\n {renderNavLink(link, renderLink)}\n </li>\n ))}\n </ul>\n </div>\n ))}\n </div>\n </nav>\n )}\n\n {/ The bottom bar always renders: it carries the copyright. */}\n <div\n className={cn(\n styles.footer__divider,\n Boolean(navigation?.length) && styles['footer__divider--after-nav'],\n )}\n />\n\n <div className={styles.footer__meta}>\n {languages && languages.length > 0 && (\n <ul\n className={styles['footer__language-list']}\n aria-label={languagesLabel}\n >\n {languages.map((language) => {\n const isCurrent = language.code === currentLanguageCode;\n\n return (\n <li key={language.code}>\n {renderLink(\n {\n href: language.href,\n className: cn(\n styles.footer__language,\n isCurrent &&\n styles['footer__language--current'],\n focusStyles.focusable,\n ),\n 'aria-label': language.ariaLabel,\n 'aria-current': isCurrent ? 'true' : undefined,\n children: language.label,\n },\n { external: language.external ?? false },\n )}\n </li>\n );\n })}\n </ul>\n )}\n\n <div className={styles['footer__meta-center']}>\n {socialLinks && socialLinks.length > 0 && (\n <ul\n className={styles['footer__social-list']}\n aria-label={socialLabel}\n >\n {socialLinks.map((social) => {\n const Icon = resolveSocialIcon(social.platform);\n\n return (\n <li key={social.platform}>\n {renderLink(\n {\n href: social.href,\n className: cn(\n styles['footer__social-link'],\n focusStyles.focusable,\n ),\n 'aria-label':\n social.ariaLabel ??\n defaultSocialAriaLabel(social.platform),\n children: Icon ? (\n <Icon\n className={\n styles['footer__social-icon']\n }\n aria-hidden=\"true\"\n />\n ) : null,\n },\n { external: true },\n )}\n </li>\n );\n })}\n </ul>\n )}\n\n {organizations && organizations.length > 0 && (\n <ul\n className={styles['footer__organization-list']}\n aria-label={organizationsLabel}\n >\n {organizations.map((organization) => {\n const isCurrent = organization.id === currentOrganizationId;\n\n return (\n <li key={organization.id}>\n {renderLink(\n {\n href: organization.href,\n className: cn(\n styles.footer__organization,\n isCurrent &&\n styles[\n 'footer__organization--current'\n ],\n focusStyles.focusable,\n ),\n 'aria-current': isCurrent\n ? 'true'\n : undefined,\n children: organization.label,\n },\n {\n external: organization.external ?? false,\n },\n )}\n </li>\n );\n })}\n </ul>\n )}\n\n <ul\n className={styles['footer__legal-list']}\n aria-label={mandatoryLinksLabel}\n >\n {visibleMandatoryLinks.map((link) => (\n <li key={link.label}>\n {link.opensCookieSettings ? (\n <button\n type=\"button\"\n onClick={onCookieSettingsClick}\n className={linkClasses(styles.footer__action)}\n >\n {link.label}\n </button>\n ) : (\n renderNavLink(link, renderLink)\n )}\n </li>\n ))}\n <li className={styles.footer__copyright}>\n {copyrightLabel ?? defaultCopyrightLabel()}\n </li>\n </ul>\n </div>\n\n {hasBadges && (\n <div className={styles.footer__apps}>\n {appLinks?.title && (\n <span className={styles['footer__apps-title']}>\n {appLinks.title}\n </span>\n )}\n <div className={styles.footer__badges}>\n {appLinks?.appStore &&\n renderBadge(\n appLinks.appStore,\n appStoreBadge,\n renderLink,\n defaultAppStoreAriaLabel,\n )}\n {appLinks?.googlePlay &&\n renderBadge(\n appLinks.googlePlay,\n googlePlayBadge,\n renderLink,\n defaultGooglePlayAriaLabel,\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n </footer>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Footer/Footer.module.css.cjs CHANGED Viewed

@@ -1,61 +1,61 @@
 require('./Footer.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const footer = "_footer_1lum3_8";
-const footer__inner = "_footer__inner_1lum3_31";
-const footer__top = "_footer__top_1lum3_36";
-const footer__bottom = "_footer__bottom_1lum3_37";
-const footer__container = "_footer__container_1lum3_122";
-const footer__column = "_footer__column_1lum3_156";
-const footer__link = "_footer__link_1lum3_111";
-const footer__action = "_footer__action_1lum3_191";
-const footer__accordion = "_footer__accordion_1lum3_224";
-const footer__divider = "_footer__divider_1lum3_235";
-const footer__meta = "_footer__meta_1lum3_249";
-const footer__language = "_footer__language_1lum3_276";
-const footer__organization = "_footer__organization_1lum3_346";
-const footer__copyright = "_footer__copyright_1lum3_407";
-const footer__apps = "_footer__apps_1lum3_413";
-const footer__badges = "_footer__badges_1lum3_431";
-const footer__badge = "_footer__badge_1lum3_431";
+const footer = "_footer_1iwfy_8";
+const footer__inner = "_footer__inner_1iwfy_31";
+const footer__top = "_footer__top_1iwfy_36";
+const footer__bottom = "_footer__bottom_1iwfy_37";
+const footer__container = "_footer__container_1iwfy_122";
+const footer__column = "_footer__column_1iwfy_156";
+const footer__link = "_footer__link_1iwfy_111";
+const footer__action = "_footer__action_1iwfy_191";
+const footer__accordion = "_footer__accordion_1iwfy_224";
+const footer__divider = "_footer__divider_1iwfy_235";
+const footer__meta = "_footer__meta_1iwfy_249";
+const footer__language = "_footer__language_1iwfy_276";
+const footer__organization = "_footer__organization_1iwfy_346";
+const footer__copyright = "_footer__copyright_1iwfy_407";
+const footer__apps = "_footer__apps_1iwfy_413";
+const footer__badges = "_footer__badges_1iwfy_431";
+const footer__badge = "_footer__badge_1iwfy_431";
 const styles = {
   footer,
   footer__inner,
   footer__top,
   footer__bottom,
-  "footer__top-row": "_footer__top-row_1lum3_61",
-  "footer__top-column": "_footer__top-column_1lum3_76",
-  "footer__top-heading": "_footer__top-heading_1lum3_84",
-  "footer__top-icon": "_footer__top-icon_1lum3_91",
-  "footer__top-title": "_footer__top-title_1lum3_97",
-  "footer__top-links": "_footer__top-links_1lum3_102",
-  "footer__link-list": "_footer__link-list_1lum3_111",
-  "footer__top-link": "_footer__top-link_1lum3_102",
+  "footer__top-row": "_footer__top-row_1iwfy_61",
+  "footer__top-column": "_footer__top-column_1iwfy_76",
+  "footer__top-heading": "_footer__top-heading_1iwfy_84",
+  "footer__top-icon": "_footer__top-icon_1iwfy_91",
+  "footer__top-title": "_footer__top-title_1iwfy_97",
+  "footer__top-links": "_footer__top-links_1iwfy_102",
+  "footer__link-list": "_footer__link-list_1iwfy_111",
+  "footer__top-link": "_footer__top-link_1iwfy_102",
   footer__container,
-  "footer__nav-accordions": "_footer__nav-accordions_1lum3_135",
-  "footer__nav-columns": "_footer__nav-columns_1lum3_139",
+  "footer__nav-accordions": "_footer__nav-accordions_1iwfy_135",
+  "footer__nav-columns": "_footer__nav-columns_1iwfy_139",
   footer__column,
-  "footer__column-heading": "_footer__column-heading_1lum3_164",
+  "footer__column-heading": "_footer__column-heading_1iwfy_164",
   footer__link,
   footer__action,
   footer__accordion,
   footer__divider,
-  "footer__divider--after-nav": "_footer__divider--after-nav_1lum3_242",
+  "footer__divider--after-nav": "_footer__divider--after-nav_1iwfy_242",
   footer__meta,
-  "footer__meta-center": "_footer__meta-center_1lum3_265",
-  "footer__language-list": "_footer__language-list_1lum3_276",
+  "footer__meta-center": "_footer__meta-center_1iwfy_265",
+  "footer__language-list": "_footer__language-list_1iwfy_276",
   footer__language,
-  "footer__language--current": "_footer__language--current_1lum3_303",
-  "footer__social-list": "_footer__social-list_1lum3_315",
-  "footer__social-link": "_footer__social-link_1lum3_323",
-  "footer__social-icon": "_footer__social-icon_1lum3_338",
-  "footer__organization-list": "_footer__organization-list_1lum3_346",
+  "footer__language--current": "_footer__language--current_1iwfy_303",
+  "footer__social-list": "_footer__social-list_1iwfy_315",
+  "footer__social-link": "_footer__social-link_1iwfy_323",
+  "footer__social-icon": "_footer__social-icon_1iwfy_338",
+  "footer__organization-list": "_footer__organization-list_1iwfy_346",
   footer__organization,
-  "footer__organization--current": "_footer__organization--current_1lum3_370",
-  "footer__legal-list": "_footer__legal-list_1lum3_383",
+  "footer__organization--current": "_footer__organization--current_1iwfy_370",
+  "footer__legal-list": "_footer__legal-list_1iwfy_383",
   footer__copyright,
   footer__apps,
-  "footer__apps-title": "_footer__apps-title_1lum3_427",
+  "footer__apps-title": "_footer__apps-title_1iwfy_427",
   footer__badges,
   footer__badge
 };

package/dist/components/Footer/Footer.module.css.js CHANGED Viewed

@@ -1,59 +1,59 @@
 import './Footer.css';
-const footer = "_footer_1lum3_8";
-const footer__inner = "_footer__inner_1lum3_31";
-const footer__top = "_footer__top_1lum3_36";
-const footer__bottom = "_footer__bottom_1lum3_37";
-const footer__container = "_footer__container_1lum3_122";
-const footer__column = "_footer__column_1lum3_156";
-const footer__link = "_footer__link_1lum3_111";
-const footer__action = "_footer__action_1lum3_191";
-const footer__accordion = "_footer__accordion_1lum3_224";
-const footer__divider = "_footer__divider_1lum3_235";
-const footer__meta = "_footer__meta_1lum3_249";
-const footer__language = "_footer__language_1lum3_276";
-const footer__organization = "_footer__organization_1lum3_346";
-const footer__copyright = "_footer__copyright_1lum3_407";
-const footer__apps = "_footer__apps_1lum3_413";
-const footer__badges = "_footer__badges_1lum3_431";
-const footer__badge = "_footer__badge_1lum3_431";
+const footer = "_footer_1iwfy_8";
+const footer__inner = "_footer__inner_1iwfy_31";
+const footer__top = "_footer__top_1iwfy_36";
+const footer__bottom = "_footer__bottom_1iwfy_37";
+const footer__container = "_footer__container_1iwfy_122";
+const footer__column = "_footer__column_1iwfy_156";
+const footer__link = "_footer__link_1iwfy_111";
+const footer__action = "_footer__action_1iwfy_191";
+const footer__accordion = "_footer__accordion_1iwfy_224";
+const footer__divider = "_footer__divider_1iwfy_235";
+const footer__meta = "_footer__meta_1iwfy_249";
+const footer__language = "_footer__language_1iwfy_276";
+const footer__organization = "_footer__organization_1iwfy_346";
+const footer__copyright = "_footer__copyright_1iwfy_407";
+const footer__apps = "_footer__apps_1iwfy_413";
+const footer__badges = "_footer__badges_1iwfy_431";
+const footer__badge = "_footer__badge_1iwfy_431";
 const styles = {
   footer,
   footer__inner,
   footer__top,
   footer__bottom,
-  "footer__top-row": "_footer__top-row_1lum3_61",
-  "footer__top-column": "_footer__top-column_1lum3_76",
-  "footer__top-heading": "_footer__top-heading_1lum3_84",
-  "footer__top-icon": "_footer__top-icon_1lum3_91",
-  "footer__top-title": "_footer__top-title_1lum3_97",
-  "footer__top-links": "_footer__top-links_1lum3_102",
-  "footer__link-list": "_footer__link-list_1lum3_111",
-  "footer__top-link": "_footer__top-link_1lum3_102",
+  "footer__top-row": "_footer__top-row_1iwfy_61",
+  "footer__top-column": "_footer__top-column_1iwfy_76",
+  "footer__top-heading": "_footer__top-heading_1iwfy_84",
+  "footer__top-icon": "_footer__top-icon_1iwfy_91",
+  "footer__top-title": "_footer__top-title_1iwfy_97",
+  "footer__top-links": "_footer__top-links_1iwfy_102",
+  "footer__link-list": "_footer__link-list_1iwfy_111",
+  "footer__top-link": "_footer__top-link_1iwfy_102",
   footer__container,
-  "footer__nav-accordions": "_footer__nav-accordions_1lum3_135",
-  "footer__nav-columns": "_footer__nav-columns_1lum3_139",
+  "footer__nav-accordions": "_footer__nav-accordions_1iwfy_135",
+  "footer__nav-columns": "_footer__nav-columns_1iwfy_139",
   footer__column,
-  "footer__column-heading": "_footer__column-heading_1lum3_164",
+  "footer__column-heading": "_footer__column-heading_1iwfy_164",
   footer__link,
   footer__action,
   footer__accordion,
   footer__divider,
-  "footer__divider--after-nav": "_footer__divider--after-nav_1lum3_242",
+  "footer__divider--after-nav": "_footer__divider--after-nav_1iwfy_242",
   footer__meta,
-  "footer__meta-center": "_footer__meta-center_1lum3_265",
-  "footer__language-list": "_footer__language-list_1lum3_276",
+  "footer__meta-center": "_footer__meta-center_1iwfy_265",
+  "footer__language-list": "_footer__language-list_1iwfy_276",
   footer__language,
-  "footer__language--current": "_footer__language--current_1lum3_303",
-  "footer__social-list": "_footer__social-list_1lum3_315",
-  "footer__social-link": "_footer__social-link_1lum3_323",
-  "footer__social-icon": "_footer__social-icon_1lum3_338",
-  "footer__organization-list": "_footer__organization-list_1lum3_346",
+  "footer__language--current": "_footer__language--current_1iwfy_303",
+  "footer__social-list": "_footer__social-list_1iwfy_315",
+  "footer__social-link": "_footer__social-link_1iwfy_323",
+  "footer__social-icon": "_footer__social-icon_1iwfy_338",
+  "footer__organization-list": "_footer__organization-list_1iwfy_346",
   footer__organization,
-  "footer__organization--current": "_footer__organization--current_1lum3_370",
-  "footer__legal-list": "_footer__legal-list_1lum3_383",
+  "footer__organization--current": "_footer__organization--current_1iwfy_370",
+  "footer__legal-list": "_footer__legal-list_1iwfy_383",
   footer__copyright,
   footer__apps,
-  "footer__apps-title": "_footer__apps-title_1lum3_427",
+  "footer__apps-title": "_footer__apps-title_1iwfy_427",
   footer__badges,
   footer__badge
 };

package/dist/components/FunctionButton/FunctionButton.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const focus_module = require("../../styles/utils/focus.module.css.cjs");
+const index = require("../../styles/utils/index.cjs");
 const FunctionButton_module = require("./FunctionButton.module.css.cjs");
 const cn = require("../../utils/cn/cn.cjs");
 const FunctionButton = ({
@@ -22,7 +22,7 @@ const FunctionButton = ({
         FunctionButton_module["function-button"],
         FunctionButton_module[`function-button--${variant}`],
         { [FunctionButton_module["function-button--large"]]: size === "large" },
-        focus_module.default.focusable,
+        index.focusStyles.focusable,
         className
       ),
       ...props,

package/dist/components/FunctionButton/FunctionButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FunctionButton.cjs","sources":["../../../src/components/FunctionButton/FunctionButton.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport focusStyles from '../../styles/utils~~/focus.module.css~~';\nimport styles from './FunctionButton.module.css';\nimport type { FunctionButtonProps } from './FunctionButton.types';\n\nexport const FunctionButton = ({\n icon: Icon,\n variant = 'default',\n size = 'default',\n className,\n type = 'button',\n ref,\n ...props\n}: FunctionButtonProps) => {\n return (\n <button\n ref={ref}\n type={type}\n className={cn(\n styles['function-button'],\n styles[`function-button--${variant}`],\n { [styles['function-button--large']]: size === 'large' },\n focusStyles.focusable,\n className,\n )}\n {...props}\n >\n <Icon aria-hidden=\"true\" />\n </button>\n );\n};\n"],"names":["jsx","cn","styles","focusStyles"],"mappings":";;;;;;AAKO,MAAM,iBAAiB,CAAC;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,SACIA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,WAAWC,GAAAA;AAAAA,QACPC,sBAAO,iBAAiB;AAAA,QACxBA,sBAAO,oBAAoB,OAAO,EAAE;AAAA,QACpC,EAAE,CAACA,sBAAO,wBAAwB,CAAC,GAAG,SAAS,QAAA;AAAA,QAC/CC,~~aAAAA~~,~~QAAY~~;AAAA,QACZ;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MAEJ,UAAAH,2BAAAA,IAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrC;;"}
1	+ {"version":3,"file":"FunctionButton.cjs","sources":["../../../src/components/FunctionButton/FunctionButton.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport { focusStyles } from '../../styles/utils';\nimport styles from './FunctionButton.module.css';\nimport type { FunctionButtonProps } from './FunctionButton.types';\n\nexport const FunctionButton = ({\n icon: Icon,\n variant = 'default',\n size = 'default',\n className,\n type = 'button',\n ref,\n ...props\n}: FunctionButtonProps) => {\n return (\n <button\n ref={ref}\n type={type}\n className={cn(\n styles['function-button'],\n styles[`function-button--${variant}`],\n { [styles['function-button--large']]: size === 'large' },\n focusStyles.focusable,\n className,\n )}\n {...props}\n >\n <Icon aria-hidden=\"true\" />\n </button>\n );\n};\n"],"names":["jsx","cn","styles","focusStyles"],"mappings":";;;;;;AAKO,MAAM,iBAAiB,CAAC;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,SACIA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,WAAWC,GAAAA;AAAAA,QACPC,sBAAO,iBAAiB;AAAA,QACxBA,sBAAO,oBAAoB,OAAO,EAAE;AAAA,QACpC,EAAE,CAACA,sBAAO,wBAAwB,CAAC,GAAG,SAAS,QAAA;AAAA,QAC/CC,MAAAA,YAAY;AAAA,QACZ;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MAEJ,UAAAH,2BAAAA,IAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrC;;"}

package/dist/components/FunctionButton/FunctionButton.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@layer dds-components {._function-button_kp4nc_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._function-button_kp4nc_1 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -122,4 +122,7 @@
         color: GrayText;
     }
 }
-}
+/**
+ * Do not edit directly, this file was auto-generated.
+ */ }

package/dist/components/FunctionButton/FunctionButton.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import focusStyles from "../../styles/utils/focus.module.css.js";
+import { focusStyles } from "../../styles/utils/index.js";
 import styles from "./FunctionButton.module.css.js";
 import { cn } from "../../utils/cn/cn.js";
 const FunctionButton = ({

package/dist/components/FunctionButton/FunctionButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FunctionButton.js","sources":["../../../src/components/FunctionButton/FunctionButton.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport focusStyles from '../../styles/utils~~/focus.module.css~~';\nimport styles from './FunctionButton.module.css';\nimport type { FunctionButtonProps } from './FunctionButton.types';\n\nexport const FunctionButton = ({\n icon: Icon,\n variant = 'default',\n size = 'default',\n className,\n type = 'button',\n ref,\n ...props\n}: FunctionButtonProps) => {\n return (\n <button\n ref={ref}\n type={type}\n className={cn(\n styles['function-button'],\n styles[`function-button--${variant}`],\n { [styles['function-button--large']]: size === 'large' },\n focusStyles.focusable,\n className,\n )}\n {...props}\n >\n <Icon aria-hidden=\"true\" />\n </button>\n );\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,iBAAiB,CAAC;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACP,OAAO,iBAAiB;AAAA,QACxB,OAAO,oBAAoB,OAAO,EAAE;AAAA,QACpC,EAAE,CAAC,OAAO,wBAAwB,CAAC,GAAG,SAAS,QAAA;AAAA,QAC/C,YAAY;AAAA,QACZ;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MAEJ,UAAA,oBAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrC;"}
1	+ {"version":3,"file":"FunctionButton.js","sources":["../../../src/components/FunctionButton/FunctionButton.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport { focusStyles } from '../../styles/utils';\nimport styles from './FunctionButton.module.css';\nimport type { FunctionButtonProps } from './FunctionButton.types';\n\nexport const FunctionButton = ({\n icon: Icon,\n variant = 'default',\n size = 'default',\n className,\n type = 'button',\n ref,\n ...props\n}: FunctionButtonProps) => {\n return (\n <button\n ref={ref}\n type={type}\n className={cn(\n styles['function-button'],\n styles[`function-button--${variant}`],\n { [styles['function-button--large']]: size === 'large' },\n focusStyles.focusable,\n className,\n )}\n {...props}\n >\n <Icon aria-hidden=\"true\" />\n </button>\n );\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,iBAAiB,CAAC;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACP,OAAO,iBAAiB;AAAA,QACxB,OAAO,oBAAoB,OAAO,EAAE;AAAA,QACpC,EAAE,CAAC,OAAO,wBAAwB,CAAC,GAAG,SAAS,QAAA;AAAA,QAC/C,YAAY;AAAA,QACZ;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MAEJ,UAAA,oBAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrC;"}

package/dist/components/Hero/Hero.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const elevation_module = require("../../styles/utils/elevation.module.css.cjs");
+const index = require("../../styles/utils/index.cjs");
 const Hero_module = require("./Hero.module.css.cjs");
 const Hero_utils = require("./Hero.utils.cjs");
 const cn = require("../../utils/cn/cn.cjs");
@@ -17,8 +17,7 @@ const Hero = ({
   LogoImage,
   logoImageProps,
   backgroundColor,
-  primaryCta,
-  secondaryCta,
+  actions,
   className,
   ref,
   ...props
@@ -29,7 +28,7 @@ const Hero = ({
   const image = ResolvedImage != null ? /* @__PURE__ */ jsxRuntime.jsx(ResolvedImage, { ...imageProps }) : void 0;
   const logoImage = ResolvedLogoImage != null ? /* @__PURE__ */ jsxRuntime.jsx(ResolvedLogoImage, { ...logoImageProps }) : void 0;
   const HeadingLevel = headingLevel;
-  const hasActions = primaryCta != null || secondaryCta != null;
+  const hasActions = actions != null && typeof actions !== "boolean";
   const backgroundStyle = image == null && backgroundColor != null ? { backgroundColor } : void 0;
   const ariaLabelledBy = props["aria-label"] ? void 0 : props["aria-labelledby"] || headingId;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -43,34 +42,36 @@ const Hero = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__background, style: backgroundStyle, children: [
           image != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__backgroundImageComponent, "aria-hidden": "true", children: image }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__overlay, "aria-hidden": "true" })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__overlay, "aria-hidden": "true" }),
+          logoImage != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__logoImageWrap, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__logoImage, children: logoImage }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__content, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn(Hero_module.default.hero__card, elevation_module.default.elevationHigh), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__main, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__text, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__header, children: [
-                label != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__label, children: label }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  HeadingLevel,
-                  {
-                    id: headingId,
-                    className: cn.cn(
-                      Hero_module.default.hero__heading,
-                      Hero_utils.headingClassByStyle[headingStyle]
-                    ),
-                    children: heading
-                  }
-                )
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__content, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn.cn(Hero_module.default.hero__card, index.elevationStyles.elevationHigh),
+            "data-color-scheme": "light",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__main, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__text, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__header, children: [
+                  label != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__label, children: label }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    HeadingLevel,
+                    {
+                      id: headingId,
+                      className: cn.cn(
+                        Hero_module.default.hero__heading,
+                        Hero_utils.headingClassByStyle[headingStyle]
+                      ),
+                      children: heading
+                    }
+                  )
+                ] }),
+                description != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn(Hero_module.default.hero__description, "dds-prose"), children: description })
               ] }),
-              description != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn(Hero_module.default.hero__description, "dds-prose"), children: description })
-            ] }),
-            hasActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Hero_module.default.hero__actions, children: [
-              primaryCta != null && primaryCta,
-              secondaryCta != null && secondaryCta
+              hasActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__actions, children: actions })
             ] })
-          ] }) }),
-          logoImage != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Hero_module.default.hero__logoImage, "aria-hidden": "true", children: logoImage })
-        ] })
+          }
+        ) })
       ]
     }
   );

package/dist/components/Hero/Hero.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hero.cjs","sources":["../../../src/components/Hero/Hero.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { cn } from '../../utils/cn';\nimport elevationStyles from '../../styles/utils~~/elevation.module.css~~';\nimport styles from './Hero.module.css';\nimport type { HeroProps } from './Hero.types';\nimport { headingClassByStyle } from './Hero.utils';\n\nexport const Hero = ({\n label,\n heading,\n description,\n headingLevel = 'h1',\n headingStyle = 'default',\n Image,\n imageProps,\n LogoImage,\n logoImageProps,\n backgroundColor,\n ~~primaryCta~~,\n ~~secondaryCta,\n~~ className,\n ref,\n ...props\n}: HeroProps) => {\n const headingId = useId();\n\n const ResolvedImage = Image ?? (imageProps != null ? 'img' : undefined);\n const ResolvedLogoImage = LogoImage ?? (logoImageProps != null ? 'img' : undefined);\n const image = ResolvedImage != null ? <ResolvedImage {...imageProps} /> : undefined;\n const logoImage =\n ResolvedLogoImage != null ? <ResolvedLogoImage {...logoImageProps} /> : undefined;\n const HeadingLevel = headingLevel;\n\n const hasActions = ~~primaryCta~~ != null \|\| ~~secondaryCta~~ != ~~null~~;\n const backgroundStyle =\n image == null && backgroundColor != null ? { backgroundColor } : undefined;\n const ariaLabelledBy = props['aria-label'] ? undefined : props['aria-labelledby'] \|\| headingId;\n\n return (\n <section\n ref={ref}\n {...props}\n className={cn(styles.hero, className)}\n aria-label={props['aria-label']}\n aria-labelledby={ariaLabelledBy}\n >\n <div className={styles.hero__background} style={backgroundStyle}>\n {image != null && (\n <div className={styles.hero__backgroundImageComponent} aria-hidden=\"true\">\n {image}\n </div>\n )}\n <div className={styles.hero__overlay} aria-hidden=\"true\" />\n </div>\n\n <div className={styles.hero__content}>\n <div className={cn(styles.hero__card, elevationStyles.elevationHigh)}>\n <div className={styles.hero__main}>\n <div className={styles.hero__text}>\n <div className={styles.hero__header}>\n {label != null && <div className={styles.hero__label}>{label}</div>}\n <HeadingLevel\n id={headingId}\n className={cn(\n styles.hero__heading,\n headingClassByStyle[headingStyle],\n )}\n >\n {heading}\n </HeadingLevel>\n </div>\n {description != null && (\n <div className={cn(styles.hero__description, 'dds-prose')}>\n {description}\n </div>\n )}\n </div>\n\n {hasActions && ~~(\n~~ <div className={styles.hero__actions}~~>\n~~ {~~primaryCta != null && primaryCta~~}~~\n {secondaryCta != null && secondaryCta}\n~~ </div~~>\n )~~}\n </div>\n </div>\n ~~{logoImage != null && (\n <div className={styles.hero__logoImage} aria-hidden=\"true\">\n {logoImage}\n </div>\n )}\n~~ </div>\n </section>\n );\n};\n"],"names":["useId","jsxs","cn","styles","jsx","elevationStyles","headingClassByStyle"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA~~;AAAA~~,~~EACA,~~GAAG;AACP,MAAiB;AACb,QAAM,YAAYA,MAAAA,MAAA;AAElB,QAAM,gBAAgB,UAAU,cAAc,OAAO,QAAQ;AAC7D,QAAM,oBAAoB,cAAc,kBAAkB,OAAO,QAAQ;AACzE,QAAM,QAAQ,iBAAiB,sCAAQ,eAAA,EAAe,GAAG,YAAY,IAAK;AAC1E,QAAM,YACF,qBAAqB,sCAAQ,mBAAA,EAAmB,GAAG,gBAAgB,IAAK;AAC5E,QAAM,eAAe;AAErB,QAAM,aAAa,~~cAAc~~,QAAQ,~~gBAAgB~~;AACzD,QAAM,kBACF,SAAS,QAAQ,mBAAmB,OAAO,EAAE,oBAAoB;AACrE,QAAM,iBAAiB,MAAM,YAAY,IAAI,SAAY,MAAM,iBAAiB,KAAK;AAErF,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACC,GAAG;AAAA,MACJ,WAAWC,GAAAA,GAAGC,oBAAO,MAAM,SAAS;AAAA,MACpC,cAAY,MAAM,YAAY;AAAA,MAC9B,mBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAAF,gCAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,kBAAkB,OAAO,iBAC3C,UAAA;AAAA,UAAA,SAAS,uCACL,OAAA,EAAI,WAAWA,oBAAO,gCAAgC,eAAY,QAC9D,UAAA,MAAA,CACL;AAAA,yCAEH,OAAA,EAAI,WAAWA,YAAAA,QAAO,eAAe,eAAY,OAAA,~~CAAO~~;AAAA,QAAA,~~GAC7D~~;AAAA,~~QAEAF~~,2BAAAA,~~KAAC~~,OAAA,EAAI,~~WAAWE~~,YAAAA,QAAO,eACnB,~~UAAA;AAAA,~~UAAAC,2BAAAA,~~IAAC~~,~~OAAA~~,~~EAAI~~,WAAWF,GAAAA,GAAGC,YAAAA,QAAO,YAAYE,~~yBAAgB~~,aAAa,~~GAC/D~~,UAAAJ,2BAAAA,KAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,YACnB,UAAA;AAAA,~~YAAAF~~,2BAAAA,KAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,YACnB,UAAA;AAAA,~~cAAAF~~,2BAAAA,KAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,cAClB,UAAA;AAAA,~~gBAAA~~,SAAS,QAAQC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,YAAAA,QAAO,aAAc,UAAA,OAAM;AAAA,~~gBAC7DC~~,2BAAAA;AAAAA,~~kBAAC~~;AAAA,~~kBAAA~~;AAAA,~~oBACG~~,IAAI;AAAA,~~oBACJ~~,WAAWF,GAAAA;AAAAA,~~sBACPC~~,YAAAA,QAAO;AAAA,~~sBACPG~~,WAAAA,oBAAoB,YAAY;AAAA,~~oBAAA~~;AAAA,~~oBAGnC~~,UAAA;AAAA,~~kBAAA~~;AAAA,~~gBAAA~~;AAAA,~~cACL~~,GACJ;AAAA,~~cACC~~,eAAe,QACZF,+BAAC,OAAA,EAAI,WAAWF,MAAGC,YAAAA,QAAO,mBAAmB,WAAW,GACnD,UAAA,YAAA,CACL;AAAA,~~YAAA~~,GAER;AAAA,~~YAEC~~,~~cACGF~~,2BAAAA,~~KAAC~~,OAAA,EAAI,~~WAAWE~~,YAAAA,QAAO,~~eAClB~~,UAAA~~;AAAA~~,~~cAAA~~,~~cAAc,QAAQ~~;AAAA,~~cACtB,gBAAgB,QAAQ;AAAA,~~YAAA,EAAA,~~CAC7B~~;AAAA,UAAA~~,EAAA,CAER,EAAA,CACJ~~;AAAA,~~UACC,aAAa,QACVC,+BAAC,OAAA,EAAI,WAAWD,oBAAO,iBAAiB,eAAY,QAC/C,UAAA,UAAA,CACL;AAAA,~~QAAA,~~EAAA~~,~~CAER~~;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;;"}
1	+ {"version":3,"file":"Hero.cjs","sources":["../../../src/components/Hero/Hero.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { cn } from '../../utils/cn';\nimport { elevationStyles } from '../../styles/utils';\nimport styles from './Hero.module.css';\nimport type { HeroProps } from './Hero.types';\nimport { headingClassByStyle } from './Hero.utils';\n\nexport const Hero = ({\n label,\n heading,\n description,\n headingLevel = 'h1',\n headingStyle = 'default',\n Image,\n imageProps,\n LogoImage,\n logoImageProps,\n backgroundColor,\n actions,\n className,\n ref,\n ...props\n}: HeroProps) => {\n const headingId = useId();\n\n const ResolvedImage = Image ?? (imageProps != null ? 'img' : undefined);\n const ResolvedLogoImage = LogoImage ?? (logoImageProps != null ? 'img' : undefined);\n const image = ResolvedImage != null ? <ResolvedImage {...imageProps} /> : undefined;\n const logoImage =\n ResolvedLogoImage != null ? <ResolvedLogoImage {...logoImageProps} /> : undefined;\n const HeadingLevel = headingLevel;\n\n const hasActions = actions != null && typeof actions !== 'boolean';\n const backgroundStyle =\n image == null && backgroundColor != null ? { backgroundColor } : undefined;\n const ariaLabelledBy = props['aria-label'] ? undefined : props['aria-labelledby'] \|\| headingId;\n\n return (\n <section\n ref={ref}\n {...props}\n className={cn(styles.hero, className)}\n aria-label={props['aria-label']}\n aria-labelledby={ariaLabelledBy}\n >\n <div className={styles.hero__background} style={backgroundStyle}>\n {image != null && (\n <div className={styles.hero__backgroundImageComponent} aria-hidden=\"true\">\n {image}\n </div>\n )}\n <div className={styles.hero__overlay} aria-hidden=\"true\" />\n {logoImage != null && (\n <div className={styles.hero__logoImageWrap} aria-hidden=\"true\">\n <div className={styles.hero__logoImage}>{logoImage}</div>\n </div>\n )}\n </div>\n\n <div className={styles.hero__content}>\n <div\n className={cn(styles.hero__card, elevationStyles.elevationHigh)}\n data-color-scheme=\"light\"\n >\n <div className={styles.hero__main}>\n <div className={styles.hero__text}>\n <div className={styles.hero__header}>\n {label != null && <div className={styles.hero__label}>{label}</div>}\n <HeadingLevel\n id={headingId}\n className={cn(\n styles.hero__heading,\n headingClassByStyle[headingStyle],\n )}\n >\n {heading}\n </HeadingLevel>\n </div>\n {description != null && (\n <div className={cn(styles.hero__description, 'dds-prose')}>\n {description}\n </div>\n )}\n </div>\n\n {hasActions && <div className={styles.hero__actions}>{actions}</div>}\n </div>\n </div>\n </div>\n </section>\n );\n};\n"],"names":["useId","jsxs","cn","styles","jsx","elevationStyles","headingClassByStyle"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAiB;AACb,QAAM,YAAYA,MAAAA,MAAA;AAElB,QAAM,gBAAgB,UAAU,cAAc,OAAO,QAAQ;AAC7D,QAAM,oBAAoB,cAAc,kBAAkB,OAAO,QAAQ;AACzE,QAAM,QAAQ,iBAAiB,sCAAQ,eAAA,EAAe,GAAG,YAAY,IAAK;AAC1E,QAAM,YACF,qBAAqB,sCAAQ,mBAAA,EAAmB,GAAG,gBAAgB,IAAK;AAC5E,QAAM,eAAe;AAErB,QAAM,aAAa,WAAW,QAAQ,OAAO,YAAY;AACzD,QAAM,kBACF,SAAS,QAAQ,mBAAmB,OAAO,EAAE,oBAAoB;AACrE,QAAM,iBAAiB,MAAM,YAAY,IAAI,SAAY,MAAM,iBAAiB,KAAK;AAErF,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACC,GAAG;AAAA,MACJ,WAAWC,GAAAA,GAAGC,oBAAO,MAAM,SAAS;AAAA,MACpC,cAAY,MAAM,YAAY;AAAA,MAC9B,mBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAAF,gCAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,kBAAkB,OAAO,iBAC3C,UAAA;AAAA,UAAA,SAAS,uCACL,OAAA,EAAI,WAAWA,oBAAO,gCAAgC,eAAY,QAC9D,UAAA,MAAA,CACL;AAAA,yCAEH,OAAA,EAAI,WAAWA,YAAAA,QAAO,eAAe,eAAY,QAAO;AAAA,UACxD,aAAa,QACVC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,YAAAA,QAAO,qBAAqB,eAAY,QACpD,yCAAC,OAAA,EAAI,WAAWA,YAAAA,QAAO,iBAAkB,qBAAU,EAAA,CACvD;AAAA,QAAA,GAER;AAAA,QAEAC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,YAAAA,QAAO,eACnB,UAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,GAAAA,GAAGC,YAAAA,QAAO,YAAYE,MAAAA,gBAAgB,aAAa;AAAA,YAC9D,qBAAkB;AAAA,YAElB,UAAAJ,2BAAAA,KAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,YACnB,UAAA;AAAA,cAAAF,2BAAAA,KAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,YACnB,UAAA;AAAA,gBAAAF,2BAAAA,KAAC,OAAA,EAAI,WAAWE,YAAAA,QAAO,cAClB,UAAA;AAAA,kBAAA,SAAS,QAAQC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,YAAAA,QAAO,aAAc,UAAA,OAAM;AAAA,kBAC7DC,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,IAAI;AAAA,sBACJ,WAAWF,GAAAA;AAAAA,wBACPC,YAAAA,QAAO;AAAA,wBACPG,WAAAA,oBAAoB,YAAY;AAAA,sBAAA;AAAA,sBAGnC,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL,GACJ;AAAA,gBACC,eAAe,QACZF,+BAAC,OAAA,EAAI,WAAWF,MAAGC,YAAAA,QAAO,mBAAmB,WAAW,GACnD,UAAA,YAAA,CACL;AAAA,cAAA,GAER;AAAA,cAEC,cAAcC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,YAAAA,QAAO,eAAgB,UAAA,QAAA,CAAQ;AAAA,YAAA,EAAA,CAClE;AAAA,UAAA;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;;"}