@norges-domstoler/dds-components 0.0.0-dev-20251016103419 → 0.0.0-dev-20251016104350

package/dist/index.d.mts

@@ -2709,7 +2709,7 @@ type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Brekkpunkt for sammentrukket variant; Brukes på siden med detaljer om informasjonskapsler. */
     collapsedBreakpoint?: Breakpoint;
 } & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
-declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, htmlProps, 'aria-label': ariaLabel, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
+declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, htmlProps, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
 declare namespace CookieBanner {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -2709,7 +2709,7 @@ type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Brekkpunkt for sammentrukket variant; Brukes på siden med detaljer om informasjonskapsler. */
     collapsedBreakpoint?: Breakpoint;
 } & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
-declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, htmlProps, 'aria-label': ariaLabel, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
+declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, htmlProps, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
 declare namespace CookieBanner {
     var displayName: string;
 }

package/dist/index.js

@@ -5916,7 +5916,6 @@ function CookieBanner({
   id,
   className,
   htmlProps,
-  "aria-label": ariaLabel,
   maxHeight = "calc(100vh - 100px)",
   width = "fit-content",
   children,
@@ -5924,10 +5923,11 @@ function CookieBanner({
   ...rest
 }) {
   const { t } = useTranslation();
-  const tAriaLabel = ariaLabel != null ? ariaLabel : t(texts4.consent);
   const hasBp = !!collapsedBreakpoint;
   const [isCollapsedOnBreakpoint, setIsCollapsedOnBreakpoint] = (0, import_react36.useState)(hasBp);
-  const heading = headerText ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Heading, { level: 2, typographyType: "headingMedium", children: headerText }) : "";
+  const generatedId = (0, import_react36.useId)();
+  const headingId = headerText && (id != null ? id : `cookie-banner-${generatedId}-heading`);
+  const heading = headerText ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Heading, { level: 2, typographyType: "headingMedium", id: headingId, children: headerText }) : "";
   return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
     Paper,
     {
@@ -5938,7 +5938,7 @@ function CookieBanner({
         rest
       ),
       role: "region",
-      "aria-label": tAriaLabel,
+      "aria-labelledby": headingId,
       padding: styleUpToBreakpoint("x1", "sm", "x1.5"),
       width,
       maxHeight,
@@ -5992,12 +5992,6 @@ var texts4 = createTexts({
     no: "Utvid samtykke for bruk av informasjonskapsler",
     nn: "Utvid samtykke for bruk av informasjonskapslar",
     en: "Expand consent for the use of cookies"
-  },
-  consent: {
-    nb: "Samtykke for bruk av informasjonskapsler",
-    no: "Samtykke for bruk av informasjonskapsler",
-    nn: "Samtykke for bruk av informasjonskapslar",
-    en: "Consent for the use of cookies"
   }
 });