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

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"
   }
 });
 
@@ -7072,6 +7066,36 @@ DatePicker.displayName = "DatePicker";
 var import_datepicker6 = require("@react-aria/datepicker");
 var import_datepicker7 = require("@react-stately/datepicker");
 var import_react48 = require("react");
+
+// src/components/date-inputs/TimePicker/TimePicker.utils.ts
+function formatTimeSegments(segments) {
+  const hourSegment = segments.find((segment) => segment.type === "hour");
+  const minuteSegment = segments.find((segment) => segment.type === "minute");
+  const separatorSegment = segments.find(
+    (segment) => segment.type === "literal" && segment.isPlaceholder === void 0
+  );
+  if (!hourSegment || !minuteSegment || !separatorSegment) {
+    throw new Error("Invalid time segments");
+  }
+  const formattedHourSegment = {
+    ...hourSegment,
+    text: hourSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedMinuteSegment = {
+    ...minuteSegment,
+    text: minuteSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedSeparatorSegment = { ...separatorSegment, text: ":" };
+  return [
+    formattedHourSegment,
+    formattedSeparatorSegment,
+    formattedMinuteSegment
+  ];
+}
+
+// src/components/date-inputs/TimePicker/TimePicker.tsx
 var import_jsx_runtime238 = require("react/jsx-runtime");
 function TimePicker({
   componentSize = "medium",
@@ -7081,7 +7105,7 @@ function TimePicker({
 }) {
   const lang = useLanguage();
   if (!lang) {
-    throw new Error("DatePicker must be used within a DdsProvider");
+    throw new Error("TimePicker must be used within a DdsProvider");
   }
   const internalRef = (0, import_react48.useRef)(null);
   const state = (0, import_datepicker7.useTimeFieldState)({
@@ -7095,6 +7119,7 @@ function TimePicker({
   );
   const iconSize = componentSize === "xsmall" ? "small" : "medium";
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
+  const formattedSegments = formatTimeSegments(state.segments);
   return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     DateInput,
     {
@@ -7120,7 +7145,7 @@ function TimePicker({
           )
         }
       ),
-      children: state.segments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+      children: formattedSegments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         DateSegment,
         {
           componentSize,