chore: upgrade u-combobox and u-datalist

.changeset/angry-rabbits-shout.md

@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-web": patch
+---
+
+**Suggestion:** fix to ensure input has role `combobox` (not `textbox`) on first render.

.changeset/khaki-bobcats-love.md

@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+**Suggestion:** now uses attribute `data-activedescendant` under the hood to add focus styling on option elements

.changeset/yellow-bars-wait.md

@@ -0,0 +1,7 @@
+---
+"@digdir/designsystemet-web": patch
+---
+
+update dependencies 
+- @u-elements/u-combobox to 2.0.3
+- @u-elements/u-datalist to 2.0.1

packages/css/src/suggestion.css

@@ -158,7 +158,9 @@
         }
       }
 
-      @composes ds-focus--inset from './base.css';
+      &[data-activedescendant] {
+        @composes ds-focus--visible--inset from './base.css';
+      }
 
       @media (hover: hover) and (pointer: fine) {
         &:not([data-empty]):hover {

packages/react/src/components/error-summary/error-summary.stories.tsx

@@ -1,3 +1,4 @@
+import type { DSErrorSummaryElement } from '@digdir/designsystemet-web';
 import type { Meta, StoryFn } from '@storybook/react-vite';
 import { useEffect, useRef, useState } from 'react';
 import { expect, userEvent, within } from 'storybook/test';
@@ -85,7 +86,7 @@ WithForm.decorators = [
 
 export const ShowHideReact: Story = () => {
   const [show, setShow] = useState(false);
-  const summaryRef = useRef<HTMLDivElement>(null);
+  const summaryRef = useRef<DSErrorSummaryElement>(null);
   useEffect(() => {
     if (show) {
       summaryRef.current?.focus();

packages/react/src/components/error-summary/error-summary.tsx

@@ -1,3 +1,4 @@
+import type { DSErrorSummaryElement } from '@digdir/designsystemet-web';
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
 import type { HTMLAttributes, ReactNode } from 'react';
@@ -9,7 +10,7 @@ export type ErrorSummaryProps = {
    * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
    */
   asChild?: ReactNode;
-} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, 'data-color'>;
+} & Omit<HTMLAttributes<DSErrorSummaryElement> & DefaultProps, 'data-color'>;
 
 /**
  * ErrorSummary component, used to display a list of errors.
@@ -27,19 +28,20 @@ export type ErrorSummaryProps = {
  *   </ErrorSummary.List>
  * </ErrorSummary>
  */
-export const ErrorSummary = forwardRef<HTMLDivElement, ErrorSummaryProps>(
-  function ErrorSummary({ asChild, className, ...rest }, ref) {
-    const Component = asChild ? Slot : 'ds-error-summary';
+export const ErrorSummary = forwardRef<
+  DSErrorSummaryElement,
+  ErrorSummaryProps
+>(function ErrorSummary({ asChild, className, ...rest }, ref) {
+  const Component = asChild ? Slot : 'ds-error-summary';
 
-    return (
-      <Component
-        {...(asChild
-          ? { className: cl('ds-error-summary', className) }
-          : { class: cl('ds-error-summary', className) })}
-        ref={ref}
-        suppressHydrationWarning
-        {...rest}
-      />
-    );
-  },
-);
+  return (
+    <Component
+      {...(asChild
+        ? { className: cl('ds-error-summary', className) }
+        : { class: cl('ds-error-summary', className) })}
+      ref={ref}
+      suppressHydrationWarning
+      {...rest}
+    />
+  );
+});

packages/web/package.json

@@ -101,8 +101,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@u-elements/u-combobox": "^1.0.7",
-    "@u-elements/u-datalist": "^1.1.0",
+    "@u-elements/u-combobox": "^2.0.3",
+    "@u-elements/u-datalist": "^2.0.1",
     "@u-elements/u-details": "^1.0.0",
     "@u-elements/u-tabs": "^1.0.1"
   },