revert: "chore: upgrade u-combobox and u-datalist" (#4814)

Author: mimarz

.changeset/angry-rabbits-shout.md

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

.changeset/khaki-bobcats-love.md

@@ -1,4 +1,3 @@
-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';
@@ -86,7 +85,7 @@ WithForm.decorators = [
 
 export const ShowHideReact: Story = () => {
   const [show, setShow] = useState(false);
-  const summaryRef = useRef<DSErrorSummaryElement>(null);
+  const summaryRef = useRef<HTMLDivElement>(null);
   useEffect(() => {
     if (show) {
       summaryRef.current?.focus();

.changeset/yellow-bars-wait.md

@@ -1,4 +1,3 @@
-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';
@@ -10,7 +9,7 @@ export type ErrorSummaryProps = {
    * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
    */
   asChild?: ReactNode;
-} & Omit<HTMLAttributes<DSErrorSummaryElement> & DefaultProps, 'data-color'>;
+} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, 'data-color'>;
 
 /**
  * ErrorSummary component, used to display a list of errors.
@@ -28,20 +27,19 @@ export type ErrorSummaryProps = {
  *   </ErrorSummary.List>
  * </ErrorSummary>
  */
-export const ErrorSummary = forwardRef<
-  DSErrorSummaryElement,
-  ErrorSummaryProps
->(function ErrorSummary({ asChild, className, ...rest }, ref) {
-  const Component = asChild ? Slot : 'ds-error-summary';
+export const ErrorSummary = forwardRef<HTMLDivElement, 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/css/src/suggestion.css

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