@dnanpm/ui-components 0.8.0 → 0.9.0

package/dist/components/MainNavigation/MainNavigation.utils.js

@@ -1,5 +1,23 @@
 const relativeNavigationBaseUrl = "https://navigation.local";
 const safeLinkProtocols = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+const languageLinkAriaLabels = {
+  fi: "FI, siirry suomenkieliselle sivustolle",
+  en: "EN, customer support in English",
+  sv: "SV, kundsupport på svenska"
+};
+const languageToggleAnnouncementBuilders = {
+  en: (currentCode) => `Change language. Current language ${currentCode}.`,
+  fi: (currentCode) => `Vaihda kieli. Nykyinen kieli ${currentCode}.`,
+  sv: (currentCode) => `Ändra språk. Aktuellt språk ${currentCode}.`
+};
+const languageAnnouncementOrder = ["en", "fi", "sv"];
+const getLanguageToggleAnnouncements = (presentCodes, currentCode) => {
+  const upperCurrentCode = currentCode.toUpperCase();
+  return languageAnnouncementOrder.filter((code) => presentCodes.includes(code)).map((code) => ({
+    lang: code,
+    text: languageToggleAnnouncementBuilders[code](upperCurrentCode)
+  }));
+};
 const isDesktopViewportByEnvironment = (windowObject) => {
   if (windowObject == null) {
     return false;
@@ -149,6 +167,7 @@ const assignRef = (target, value) => {
 };
 export {
   assignRef,
+  getLanguageToggleAnnouncements,
   getLinkRel,
   getLinkTarget,
   hasHref,
@@ -160,6 +179,7 @@ export {
   isLinkInCurrentPath,
   isMobileIosDeviceByEnvironment,
   isMobileViewportByEnvironment,
+  languageLinkAriaLabels,
   matchesPath,
   normalizePathname,
   toNavigableHref,

package/dist/components/MainNavigation/MainNavigation.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainNavigation.utils.js","sources":["../../../src/components/MainNavigation/MainNavigation.utils.ts"],"sourcesContent":["import type { Ref } from 'react';\nimport type { MainNavigationItem, MainNavigationLink } from './MainNavigation.types';\n\nconst relativeNavigationBaseUrl = 'https://navigation.local';\nconst safeLinkProtocols = new Set(['http:', 'https:', 'mailto:', 'tel:']);\n\nexport type MainNavigationWindowLike = {\n    innerWidth: number;\n    matchMedia?: (query: string) => Pick<MediaQueryList, 'matches'>;\n    MSStream?: unknown;\n};\n\nexport type MainNavigationNavigatorLike = {\n    userAgent: string;\n};\n\nexport const isDesktopViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(min-width: 1024px)').matches;\n    }\n\n    return windowObject.innerWidth >= 1024;\n};\n\nexport const isMobileViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(max-width: 1023px)').matches;\n    }\n\n    return windowObject.innerWidth < 1024;\n};\n\nexport const isMobileIosDeviceByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n    navigatorObject: MainNavigationNavigatorLike | undefined,\n) => {\n    if (windowObject == null || navigatorObject == null) {\n        return false;\n    }\n\n    const isIOS =\n        /iPad|iPhone|iPod/.test(navigatorObject.userAgent) && !('MSStream' in windowObject);\n    return isIOS && windowObject.innerWidth < 768;\n};\n\nexport const isExternalTarget = (target?: string) => target === '_blank';\n\nexport const isExternalLink = (link: Pick<MainNavigationLink, 'target' | 'external'>) => {\n    if (link.external != null) {\n        return link.external;\n    }\n\n    return isExternalTarget(link.target);\n};\n\nexport const getLinkRel = (target?: string) =>\n    isExternalTarget(target) ? 'noopener noreferrer' : undefined;\n\nexport const getLinkTarget = (target?: string) => (isExternalTarget(target) ? '_blank' : undefined);\n\nexport const normalizePathname = (value: string) => {\n    const path = value.split('?')[0].split('#')[0] || '/';\n    const withLeadingSlash = path.startsWith('/') ? path : `/${path}`;\n\n    if (withLeadingSlash === '/') {\n        return '/';\n    }\n\n    return withLeadingSlash.replace(/\\/+$/, '');\n};\n\nexport const toNavigableHref = (href: string) => {\n    const normalizedHref = href.trim();\n\n    if (normalizedHref === '') {\n        return '#';\n    }\n\n    const hrefWithProtocol = normalizedHref.toLowerCase().startsWith('www.')\n        ? `https://${normalizedHref}`\n        : normalizedHref;\n\n    if (hrefWithProtocol.startsWith('./') || hrefWithProtocol.startsWith('../')) {\n        return hrefWithProtocol;\n    }\n\n    if (\n        hrefWithProtocol.startsWith('/') ||\n        hrefWithProtocol.startsWith('#') ||\n        hrefWithProtocol.startsWith('?')\n    ) {\n        return hrefWithProtocol;\n    }\n\n    const hasScheme = /^[a-zA-Z][a-zA-Z\\d+\\-.]*:/.test(hrefWithProtocol);\n\n    if (!hasScheme) {\n        return hrefWithProtocol;\n    }\n\n    try {\n        const protocol = new URL(\n            hrefWithProtocol,\n            relativeNavigationBaseUrl,\n        ).protocol.toLowerCase();\n        if (safeLinkProtocols.has(protocol)) {\n            return hrefWithProtocol;\n        }\n    } catch {\n        return '#';\n    }\n\n    return '#';\n};\n\nexport const toPathname = (href?: string) => {\n    if (href == null || href.trim() === '' || href === '#') {\n        return null;\n    }\n\n    if (href.startsWith('/')) {\n        return normalizePathname(href);\n    }\n\n    try {\n        return normalizePathname(new URL(href).pathname);\n    } catch {\n        return normalizePathname(href);\n    }\n};\n\nexport const matchesPath = (currentPathname: string, linkPathname: string) => {\n    if (linkPathname === '/') {\n        return currentPathname === '/';\n    }\n\n    return currentPathname === linkPathname || currentPathname.startsWith(`${linkPathname}/`);\n};\n\nexport const isLinkInCurrentPath = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return matchesPath(normalizePathname(currentPathname), linkPathname);\n};\n\nexport const hasHref = (item: MainNavigationItem): item is MainNavigationItem & { href: string } =>\n    typeof item.href === 'string' && item.href.trim().length > 0;\n\nexport const isItemInCurrentPath = (item: MainNavigationItem, currentPathname?: string) => {\n    if (hasHref(item) && isLinkInCurrentPath(item, currentPathname)) {\n        return true;\n    }\n\n    if (\n        item.panel?.columns?.some((column) =>\n            column.links.some((link) => isLinkInCurrentPath(link, currentPathname)),\n        )\n    ) {\n        return true;\n    }\n\n    return (\n        item.panel?.featureLinks?.some((link) => isLinkInCurrentPath(link, currentPathname)) ??\n        false\n    );\n};\n\nexport const isLinkInCurrentPage = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return normalizePathname(currentPathname) === linkPathname;\n};\n\nconst isRefObject = <T>(target: Ref<T>): target is { current: T | null } =>\n    typeof target === 'object' && target !== null && 'current' in target;\n\nexport const assignRef = <T>(target: Ref<T> | undefined, value: T | null) => {\n    if (target == null) {\n        return;\n    }\n\n    if (typeof target === 'function') {\n        target(value);\n        return;\n    }\n\n    if (isRefObject(target)) {\n        target.current = value;\n    }\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MainNavigation.utils.js","sources":["../../../src/components/MainNavigation/MainNavigation.utils.ts"],"sourcesContent":["import type { Ref } from 'react';\nimport type {\n    MainNavigationItem,\n    MainNavigationLanguageCode,\n    MainNavigationLink,\n} from './MainNavigation.types';\n\nconst relativeNavigationBaseUrl = 'https://navigation.local';\nconst safeLinkProtocols = new Set(['http:', 'https:', 'mailto:', 'tel:']);\n\nexport const languageLinkAriaLabels: Record<MainNavigationLanguageCode, string> = {\n    fi: 'FI, siirry suomenkieliselle sivustolle',\n    en: 'EN, customer support in English',\n    sv: 'SV, kundsupport på svenska',\n};\n\nconst languageToggleAnnouncementBuilders: Record<\n    MainNavigationLanguageCode,\n    (currentCode: string) => string\n> = {\n    en: (currentCode) => `Change language. Current language ${currentCode}.`,\n    fi: (currentCode) => `Vaihda kieli. Nykyinen kieli ${currentCode}.`,\n    sv: (currentCode) => `Ändra språk. Aktuellt språk ${currentCode}.`,\n};\n\nconst languageAnnouncementOrder: readonly MainNavigationLanguageCode[] = ['en', 'fi', 'sv'];\n\n/**\n * Builds the toggle's screen-reader announcements: one per language present in the data, each in its\n * own language, with the current language code as the final token.\n */\nexport const getLanguageToggleAnnouncements = (\n    presentCodes: readonly MainNavigationLanguageCode[],\n    currentCode: MainNavigationLanguageCode,\n): ReadonlyArray<{ readonly lang: MainNavigationLanguageCode; readonly text: string }> => {\n    const upperCurrentCode = currentCode.toUpperCase();\n\n    return languageAnnouncementOrder\n        .filter((code) => presentCodes.includes(code))\n        .map((code) => ({\n            lang: code,\n            text: languageToggleAnnouncementBuilders[code](upperCurrentCode),\n        }));\n};\n\nexport type MainNavigationWindowLike = {\n    innerWidth: number;\n    matchMedia?: (query: string) => Pick<MediaQueryList, 'matches'>;\n    MSStream?: unknown;\n};\n\nexport type MainNavigationNavigatorLike = {\n    userAgent: string;\n};\n\nexport const isDesktopViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(min-width: 1024px)').matches;\n    }\n\n    return windowObject.innerWidth >= 1024;\n};\n\nexport const isMobileViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(max-width: 1023px)').matches;\n    }\n\n    return windowObject.innerWidth < 1024;\n};\n\nexport const isMobileIosDeviceByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n    navigatorObject: MainNavigationNavigatorLike | undefined,\n) => {\n    if (windowObject == null || navigatorObject == null) {\n        return false;\n    }\n\n    const isIOS =\n        /iPad|iPhone|iPod/.test(navigatorObject.userAgent) && !('MSStream' in windowObject);\n    return isIOS && windowObject.innerWidth < 768;\n};\n\nexport const isExternalTarget = (target?: string) => target === '_blank';\n\nexport const isExternalLink = (link: Pick<MainNavigationLink, 'target' | 'external'>) => {\n    if (link.external != null) {\n        return link.external;\n    }\n\n    return isExternalTarget(link.target);\n};\n\nexport const getLinkRel = (target?: string) =>\n    isExternalTarget(target) ? 'noopener noreferrer' : undefined;\n\nexport const getLinkTarget = (target?: string) => (isExternalTarget(target) ? '_blank' : undefined);\n\nexport const normalizePathname = (value: string) => {\n    const path = value.split('?')[0].split('#')[0] || '/';\n    const withLeadingSlash = path.startsWith('/') ? path : `/${path}`;\n\n    if (withLeadingSlash === '/') {\n        return '/';\n    }\n\n    return withLeadingSlash.replace(/\\/+$/, '');\n};\n\nexport const toNavigableHref = (href: string) => {\n    const normalizedHref = href.trim();\n\n    if (normalizedHref === '') {\n        return '#';\n    }\n\n    const hrefWithProtocol = normalizedHref.toLowerCase().startsWith('www.')\n        ? `https://${normalizedHref}`\n        : normalizedHref;\n\n    if (hrefWithProtocol.startsWith('./') || hrefWithProtocol.startsWith('../')) {\n        return hrefWithProtocol;\n    }\n\n    if (\n        hrefWithProtocol.startsWith('/') ||\n        hrefWithProtocol.startsWith('#') ||\n        hrefWithProtocol.startsWith('?')\n    ) {\n        return hrefWithProtocol;\n    }\n\n    const hasScheme = /^[a-zA-Z][a-zA-Z\\d+\\-.]*:/.test(hrefWithProtocol);\n\n    if (!hasScheme) {\n        return hrefWithProtocol;\n    }\n\n    try {\n        const protocol = new URL(\n            hrefWithProtocol,\n            relativeNavigationBaseUrl,\n        ).protocol.toLowerCase();\n        if (safeLinkProtocols.has(protocol)) {\n            return hrefWithProtocol;\n        }\n    } catch {\n        return '#';\n    }\n\n    return '#';\n};\n\nexport const toPathname = (href?: string) => {\n    if (href == null || href.trim() === '' || href === '#') {\n        return null;\n    }\n\n    if (href.startsWith('/')) {\n        return normalizePathname(href);\n    }\n\n    try {\n        return normalizePathname(new URL(href).pathname);\n    } catch {\n        return normalizePathname(href);\n    }\n};\n\nexport const matchesPath = (currentPathname: string, linkPathname: string) => {\n    if (linkPathname === '/') {\n        return currentPathname === '/';\n    }\n\n    return currentPathname === linkPathname || currentPathname.startsWith(`${linkPathname}/`);\n};\n\nexport const isLinkInCurrentPath = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return matchesPath(normalizePathname(currentPathname), linkPathname);\n};\n\nexport const hasHref = (item: MainNavigationItem): item is MainNavigationItem & { href: string } =>\n    typeof item.href === 'string' && item.href.trim().length > 0;\n\nexport const isItemInCurrentPath = (item: MainNavigationItem, currentPathname?: string) => {\n    if (hasHref(item) && isLinkInCurrentPath(item, currentPathname)) {\n        return true;\n    }\n\n    if (\n        item.panel?.columns?.some((column) =>\n            column.links.some((link) => isLinkInCurrentPath(link, currentPathname)),\n        )\n    ) {\n        return true;\n    }\n\n    return (\n        item.panel?.featureLinks?.some((link) => isLinkInCurrentPath(link, currentPathname)) ??\n        false\n    );\n};\n\nexport const isLinkInCurrentPage = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return normalizePathname(currentPathname) === linkPathname;\n};\n\nconst isRefObject = <T>(target: Ref<T>): target is { current: T | null } =>\n    typeof target === 'object' && target !== null && 'current' in target;\n\nexport const assignRef = <T>(target: Ref<T> | undefined, value: T | null) => {\n    if (target == null) {\n        return;\n    }\n\n    if (typeof target === 'function') {\n        target(value);\n        return;\n    }\n\n    if (isRefObject(target)) {\n        target.current = value;\n    }\n};\n"],"names":[],"mappings":"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"}

package/dist/components/MainNavigation/index.d.ts

@@ -1,3 +1,3 @@
 export { MainNavigation } from './MainNavigation';
-export type { MainNavigationItem, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationSubmenuColumn, } from './MainNavigation.types';
+export type { MainNavigationItem, MainNavigationLanguageCode, MainNavigationLanguageLinkProps, MainNavigationLanguageOption, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationRenderLanguageLink, MainNavigationSubmenuColumn, } from './MainNavigation.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MainNavigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MainNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACR,kBAAkB,EAClB,kBAAkB,EAClB,8BAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MainNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACR,kBAAkB,EAClB,0BAA0B,EAC1B,+BAA+B,EAC/B,4BAA4B,EAC5B,kBAAkB,EAClB,8BAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,gCAAgC,EAChC,2BAA2B,GAC9B,MAAM,wBAAwB,CAAC"}

package/dist/components/Modal/Modal.css

@@ -1,4 +1,4 @@
-@layer dds-components {._modal_ewl1e_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._modal_ewl1e_1 {
     --_modal-transition-duration-open: 400ms;
     --_modal-transition-duration-close: 200ms;
     display: flex;
@@ -201,5 +201,4 @@
         background: ButtonFace;
         color: ButtonText;
     }
-}
-}
+} }

package/dist/components/Notification/Notification.css

@@ -1,4 +1,8 @@
-@layer dds-components {/**
+@layer dds-base, dds-components;
+
+@layer dds-components { @layer fallback, components; }
+
+@layer dds-components.components{/**
  * Notification Component Styles
  *
  * Design tokens are consumed via CSS custom properties (variables).
@@ -86,5 +90,4 @@
 ._notification__close_m746g_69 svg {
     width: 24px;
     height: 24px;
-}
-}
+} }

package/dist/components/Pictograph/Pictograph.css

@@ -1,4 +1,8 @@
-@layer dds-components {/**
+@layer dds-base, dds-components;
+
+@layer dds-components { @layer fallback, components; }
+
+@layer dds-components.components{/**
  * Pictograph Component Styles
  *
  * Grid-based layout for pictograph items with responsive columns,
@@ -198,5 +202,4 @@
         --_pictograph-text-color: var(--color-semantic-foreground-inverse);
         --_pictograph-icon-color: var(--color-semantic-foreground-inverse);
     }
-}
-}
+} }

package/dist/components/Pictograph/PictographItem.css

@@ -1,4 +1,8 @@
-@layer dds-components {/**
+@layer dds-base, dds-components;
+
+@layer dds-components { @layer fallback, components; }
+
+@layer dds-components.components{/**
  * PictographItem Component Styles
  *
  * Individual pictograph item containing an icon and text area.
@@ -62,5 +66,4 @@
 
 ._pictograph-item_1jsnm_9[data-pictograph-content='long'] ._pictograph-item__text_1jsnm_35 > p {
     font: var(--_pictograph-long-body-font);
-}
-}
+} }

package/dist/components/Quote/Quote.css

@@ -1,4 +1,4 @@
-@layer dds-components {._quote_1dakr_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._quote_1dakr_1 {
     display: flex;
     align-items: flex-start;
     gap: var(--spacing-space-20);
@@ -91,5 +91,4 @@
     ._quote__mark_1dakr_15 {
         color: CanvasText;
     }
-}
-}
+} }

package/dist/components/Spinner/Spinner.css

@@ -1,4 +1,8 @@
-@layer dds-components {/* ─────────────────────────────────────────────────────────────
+@layer dds-base, dds-components;
+
+@layer dds-components { @layer fallback, components; }
+
+@layer dds-components.components{/* ─────────────────────────────────────────────────────────────
    Spinner — base
    ───────────────────────────────────────────────────────────── */
 
@@ -112,5 +116,4 @@
     ._spinner__car_j28th_88 {
         animation-duration: 3s;
     }
-}
-}
+} }

package/dist/index.cjs

@@ -7,6 +7,7 @@ const Breadcrumb = require("./components/Breadcrumb/Breadcrumb.cjs");
 const Button = require("./components/Button/Button.cjs");
 const ButtonCard = require("./components/ButtonCard/ButtonCard.cjs");
 const ColorScheme = require("./components/ColorScheme/ColorScheme.cjs");
+const ContentCard = require("./components/ContentCard/ContentCard.cjs");
 const Drawer = require("./components/Drawer/Drawer.cjs");
 const Footer = require("./components/Footer/Footer.cjs");
 const FunctionButton = require("./components/FunctionButton/FunctionButton.cjs");
@@ -27,6 +28,7 @@ exports.Breadcrumb = Breadcrumb.Breadcrumb;
 exports.Button = Button.Button;
 exports.ButtonCard = ButtonCard.ButtonCard;
 exports.ColorScheme = ColorScheme.ColorScheme;
+exports.ContentCard = ContentCard.ContentCard;
 exports.Drawer = Drawer.Drawer;
 exports.Footer = Footer.Footer;
 exports.FunctionButton = FunctionButton.FunctionButton;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { Breadcrumb } from './components/Breadcrumb';
 export { Button } from './components/Button';
 export { ButtonCard } from './components/ButtonCard';
 export { ColorScheme } from './components/ColorScheme';
+export { ContentCard } from './components/ContentCard';
 export { Drawer } from './components/Drawer';
 export { Footer } from './components/Footer';
 export { Hero } from './components/Hero';
@@ -22,10 +23,11 @@ export type { BreadcrumbItem, BreadcrumbLinkProps, BreadcrumbProps } from './com
 export type { ButtonProps, ButtonLinkProps, ButtonVariant, ButtonSize } from './components/Button';
 export type { ButtonCardIcon, ButtonCardLinkProps, ButtonCardProps, ButtonCardSize, } from './components/ButtonCard';
 export type { ColorSchemeProps, ColorSchemeValue } from './components/ColorScheme';
+export type { ContentCardAppearance, ContentCardArticleProps, ContentCardDivProps, ContentCardElement, ContentCardHeadingLevel, ContentCardLiProps, ContentCardLogoBackground, ContentCardMediaKind, ContentCardMediaPosition, ContentCardMediaWidth, ContentCardProps, ContentCardSectionProps, } from './components/ContentCard';
 export type { DrawerHeaderStyle, DrawerProps, DrawerSide, DrawerSize } from './components/Drawer';
 export type { FooterAppLink, FooterAppLinks, FooterLanguage, FooterLink, FooterLinkMeta, FooterLinkProps, FooterMandatoryLink, FooterNavigationGroup, FooterOrganization, FooterProps, FooterRenderLink, FooterSocialLink, FooterSocialPlatform, FooterTopSectionGroup, FooterTopSectionLink, } from './components/Footer';
 export type { HeroProps, HeroHeadingLevel, HeroCommonImageProps, HeroImageComponent, } from './components/Hero';
-export type { MainNavigationItem, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationSubmenuColumn, } from './components/MainNavigation';
+export type { MainNavigationItem, MainNavigationLanguageCode, MainNavigationLanguageLinkProps, MainNavigationLanguageOption, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationRenderLanguageLink, MainNavigationSubmenuColumn, } from './components/MainNavigation';
 export type { NotificationProps, NotificationVariant } from './components/Notification';
 export type { LabelProps, LabelVariant } from './components/Label';
 export type { ModalHeaderStyle, ModalProps, ModalSize } from './components/Modal';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -5,6 +5,7 @@ import { Breadcrumb } from "./components/Breadcrumb/Breadcrumb.js";
 import { Button } from "./components/Button/Button.js";
 import { ButtonCard } from "./components/ButtonCard/ButtonCard.js";
 import { ColorScheme } from "./components/ColorScheme/ColorScheme.js";
+import { ContentCard } from "./components/ContentCard/ContentCard.js";
 import { Drawer } from "./components/Drawer/Drawer.js";
 import { Footer } from "./components/Footer/Footer.js";
 import { FunctionButton } from "./components/FunctionButton/FunctionButton.js";
@@ -26,6 +27,7 @@ export {
   Button,
   ButtonCard,
   ColorScheme,
+  ContentCard,
   Drawer,
   Footer,
   FunctionButton,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/utils/elevation.css

@@ -1,4 +1,4 @@
-@layer dds-components {._elevationLow_dspr0_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._elevationLow_dspr0_1 {
     --_elevation-style: var(--elevation-semantic-elevation-low-offset-x)
         var(--elevation-semantic-elevation-low-offset-y)
         var(--elevation-semantic-elevation-low-blur) var(--elevation-semantic-elevation-low-spread)
@@ -27,5 +27,4 @@
     border: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-base);
     box-shadow: var(--_elevation-style);
     border-radius: var(--radius-semantic-md);
-}
-}
+} }

package/dist/styles/utils/focus.css

@@ -1,16 +1,24 @@
-@layer dds-components {._focusable_bhneb_1 {
+@layer dds-base, dds-components;
+@layer dds-components { @layer fallback, components; }
+@layer dds-components.fallback{
+    ._focusable_1be87_1:where(:focus, :focus-visible) {
+        border-radius: var(--radius-semantic-sm);
+    }
+    ._focusableInset_1be87_33:where(:focus, :focus-visible) {
+        border-radius: var(--radius-semantic-sm);
+    } }
+@layer dds-components.components{._focusable_1be87_1 {
     /* Marker class for shared focus treatment */
 }
 
-._focusable_bhneb_1:where(:focus, :focus-visible) {
-    border-radius: var(--radius-semantic-sm);
-}
+/* Fallback radius: components that set their own border-radius always win.
+   The postcss layer-wrap plugin hoists @layer fallback below dds-components.components. */
 
-._focusable_bhneb_1:focus {
+._focusable_1be87_1:focus {
     outline-color: transparent;
 }
 
-._focusable_bhneb_1:focus-visible {
+._focusable_1be87_1:focus-visible {
     /* Transparent outline ensures a visible ring fallback in forced colors. */
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -20,25 +28,21 @@
 }
 
 @media (forced-colors: active) {
-    ._focusable_bhneb_1:focus-visible {
+    ._focusable_1be87_1:focus-visible {
         outline-color: Highlight;
         box-shadow: none;
     }
 }
 
-._focusableInset_bhneb_29 {
+._focusableInset_1be87_33 {
     /* Marker class for inset focus treatment (ring stays inside the element boundary) */
 }
 
-._focusableInset_bhneb_29:where(:focus, :focus-visible) {
-    border-radius: var(--radius-semantic-sm);
-}
-
-._focusableInset_bhneb_29:focus {
+._focusableInset_1be87_33:focus {
     outline-color: transparent;
 }
 
-._focusableInset_bhneb_29:focus-visible {
+._focusableInset_1be87_33:focus-visible {
     outline: 2px solid transparent;
     box-shadow:
         inset 0 0 0 2px var(--color-semantic-utility-focus-strong),
@@ -46,34 +50,34 @@
 }
 
 @media (forced-colors: active) {
-    ._focusableInset_bhneb_29:focus-visible {
+    ._focusableInset_1be87_33:focus-visible {
         outline-color: Highlight;
         box-shadow: none;
     }
 }
 
 @scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
-    ._focusable_bhneb_1:focus-visible {
+    ._focusable_1be87_1:focus-visible {
         box-shadow:
             0 0 0 2px var(--color-semantic-utility-focus-strong),
             0 0 0 4px var(--color-semantic-utility-focus-soft);
     }
 
-    ._focusableInset_bhneb_29:focus-visible {
+    ._focusableInset_1be87_33:focus-visible {
         box-shadow:
             inset 0 0 0 2px var(--color-semantic-utility-focus-soft),
             inset 0 0 0 4px var(--color-semantic-utility-focus-strong);
     }
 
     @media (forced-colors: active) {
-        ._focusable_bhneb_1:focus-visible,
-        ._focusableInset_bhneb_29:focus-visible {
+        ._focusable_1be87_1:focus-visible,
+        ._focusableInset_1be87_33:focus-visible {
             box-shadow: none;
         }
     }
 }
 
-._focusClipGuard_bhneb_76 {
+._focusClipGuard_1be87_82 {
     /*
      * Prevents focus rings from being clipped when the container uses overflow: hidden.
      *
@@ -84,5 +88,4 @@
     --focus-clip-guard-bleed-inline: var(--spacing-space-4);
     margin-inline: calc(var(--focus-clip-guard-bleed-inline) * -1);
     padding-inline: var(--focus-clip-guard-bleed-inline);
-}
-}
+} }

package/dist/styles/utils/focus.module.css.cjs

@@ -1,9 +1,9 @@
 require('./focus.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const focusable = "_focusable_bhneb_1";
-const focusableInset = "_focusableInset_bhneb_29";
-const focusClipGuard = "_focusClipGuard_bhneb_76";
+const focusable = "_focusable_1be87_1";
+const focusableInset = "_focusableInset_1be87_33";
+const focusClipGuard = "_focusClipGuard_1be87_82";
 const focusStyles = {
   focusable,
   focusableInset,

package/dist/styles/utils/focus.module.css.js

@@ -1,7 +1,7 @@
 import './focus.css';
-const focusable = "_focusable_bhneb_1";
-const focusableInset = "_focusableInset_bhneb_29";
-const focusClipGuard = "_focusClipGuard_bhneb_76";
+const focusable = "_focusable_1be87_1";
+const focusableInset = "_focusableInset_1be87_33";
+const focusClipGuard = "_focusClipGuard_1be87_82";
 const focusStyles = {
   focusable,
   focusableInset,

package/dist/styles/utils/overlay.css

@@ -1,4 +1,4 @@
-@layer dds-components {._overlayStrong_1w2h3_1::before,
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._overlayStrong_1w2h3_1::before,
 ._overlaySoft_1w2h3_2::before {
     content: '';
     position: fixed;
@@ -33,5 +33,4 @@
 
 ._overlaySoft_1w2h3_2::before {
     background: var(--color-semantic-utility-overlay-soft);
-}
-}
+} }

package/dist/styles/utils/text-decoration.css

@@ -1,4 +1,4 @@
-@layer dds-components {._underlineLink_15fbp_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._underlineLink_15fbp_1 {
     text-decoration: underline;
     text-underline-offset: 0.2em;
     text-decoration-skip-ink: auto;
@@ -11,5 +11,4 @@
     text-underline-offset: 0.2em;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: from-font;
-}
-}
+} }

package/dist/styles.css

@@ -1,4 +1,11 @@
-@layer dds-base {
+
+@layer dds-base, dds-components;
+/* Establish top-level layer priority before anything else so the base prelude
+   and component chunks agree on order regardless of which loads first in a
+   chunked runtime (e.g. Next.js + Turbopack). CSS registers layer priority by
+   first appearance, so declaring both names here keeps dds-base < dds-components
+   deterministic. A layer-name statement is permitted before @import. */
+@layer dds-base{
 
 /**
  * Do not edit directly, this file was auto-generated.
@@ -161,8 +168,7 @@
   --elevation-semantic-elevation-high-spread: 0px;
 }
 }
-
-@layer dds-base {
+@layer dds-base{
 
 /* ==========================================================================
    Extended typography tokens (hand-authored, CSS only)
@@ -261,8 +267,7 @@
         var(--typography-font-family-text-with-fallback);
 }
 }
-
-@layer dds-base {
+@layer dds-base{
 
 *,
 *::before,
@@ -303,8 +308,7 @@ video {
     max-width: 100%;
 }
 }
-
-@layer dds-base {
+@layer dds-base{
 
 /* ==========================================================================
    Base typography styles
@@ -480,3 +484,9 @@ ol {
     }
 }
 }
+/* Sublayer order within dds-components: fallback declarations (e.g. the shared
+   focus-ring radius) sit below component styles so components always override
+   them, regardless of stylesheet load order. */
+@layer dds-components {
+    @layer fallback, components;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dnanpm/ui-components",
-    "version": "0.8.0",
+    "version": "0.9.0",
     "description": "DNA Design System - React UI Components",
     "author": "DNA Oy",
     "license": "ISC",