@equinor/eds-core-react 2.3.7 → 2.4.0-beta.0

package/dist/types/components/next/Banner/Banner.types.d.ts

@@ -0,0 +1,33 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type BannerTone = 'info' | 'warning' | 'danger' | 'success';
+export type BannerActionsPlacement = 'left' | 'bottom';
+export type BannerProps = {
+    /** Visual tone of the banner
+     * @default 'info'
+     */
+    tone?: BannerTone;
+    /**
+     * ARIA role. Use `'alert'` for urgent messages that require immediate attention.
+     * @default 'status'
+     */
+    role?: HTMLAttributes<HTMLDivElement>['role'];
+    /** Callback when the dismiss button is clicked. When provided, a close button is rendered. */
+    onDismiss?: () => void;
+    children: ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+export type BannerIconProps = {
+    children: ReactNode;
+} & HTMLAttributes<HTMLSpanElement>;
+export type BannerMessageProps = {
+    children: ReactNode;
+} & HTMLAttributes<HTMLParagraphElement>;
+export type BannerActionsProps = {
+    /**
+     * Where to place the actions relative to the message.
+     * - `left`: Actions appear inline to the right of the message
+     * - `bottom`: Actions appear below the message, spanning full width
+     * @default 'left'
+     */
+    placement?: BannerActionsPlacement;
+    children: ReactNode;
+} & HTMLAttributes<HTMLDivElement>;

package/dist/types/components/next/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export { Banner } from './Banner';
+export type { BannerProps, BannerTone, BannerIconProps, BannerMessageProps, BannerActionsProps, BannerActionsPlacement, } from './Banner.types';

package/dist/types/components/next/Icon/Icon.d.ts

@@ -1,5 +1,4 @@
 import type { IconProps } from './Icon.types';
-import './icon.css';
 /**
  * Icon component for EDS 2.0
  *

package/dist/types/components/next/Input/Input.types.d.ts

@@ -12,7 +12,10 @@ export type InputProps = {
     endText?: string;
     /** Adornment at the end (icons, buttons, etc.) */
     endAdornment?: ReactNode;
-    /** Render as input or textarea */
+    /**
+     * Render as input or textarea.
+     * @internal Use the TextArea component instead of `as="textarea"`.
+     */
     as?: 'input' | 'textarea';
     /** Class name applied to the container element */
     containerClassName?: string;

package/dist/types/components/next/Link/Link.d.ts

@@ -0,0 +1,4 @@
+export declare const Link: import("react").ForwardRefExoticComponent<{
+    href: string;
+    variant?: import("./Link.types").LinkVariant;
+} & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/next/Link/Link.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/next/Link/Link.types.d.ts

@@ -0,0 +1,11 @@
+import type { AnchorHTMLAttributes } from 'react';
+export type LinkVariant = 'inline' | 'standalone';
+export type LinkProps = {
+    /** Link destination URL */
+    href: string;
+    /** Visual variant
+     * - `inline` (default): used within text, inherits surrounding font size
+     * - `standalone`: used on its own with flex layout, compose icons as children
+     */
+    variant?: LinkVariant;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;

package/dist/types/components/next/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps, LinkVariant } from './Link.types';

package/dist/types/components/next/Search/Search.d.ts

@@ -0,0 +1,9 @@
+import './search.css';
+export declare const Search: import("react").ForwardRefExoticComponent<{
+    label?: import("react").ReactNode;
+    description?: import("react").ReactNode;
+    helperMessage?: import("react").ReactNode;
+    id?: string;
+    onClear?: () => void;
+    clearLabel?: string;
+} & Omit<import("..").InputProps, "type" | "as" | "hideErrorIcon" | "startText" | "startAdornment" | "endText" | "endAdornment"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/next/Search/Search.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/next/Search/Search.types.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import type { InputProps } from '../Input/Input.types';
+export type SearchProps = {
+    /** Label for the field */
+    label?: ReactNode;
+    /** Descriptive text that provides additional context for the field */
+    description?: ReactNode;
+    /** Helper or validation message shown below the input */
+    helperMessage?: ReactNode;
+    /** Unique identifier for the field */
+    id?: string;
+    /** Callback fired when the clear button is clicked */
+    onClear?: () => void;
+    /** Accessible label for the clear button. Defaults to "Clear search". Override for localisation. */
+    clearLabel?: string;
+} & Omit<InputProps, 'startAdornment' | 'endAdornment' | 'startText' | 'endText' | 'as' | 'hideErrorIcon' | 'type'>;

package/dist/types/components/next/Search/index.d.ts

@@ -0,0 +1,2 @@
+export { Search } from './Search';
+export type { SearchProps } from './Search.types';

package/dist/types/components/next/TextArea/TextArea.d.ts

@@ -0,0 +1,11 @@
+export declare const TextArea: import("react").ForwardRefExoticComponent<{
+    label?: import("react").ReactNode;
+    labelInfo?: string;
+    indicator?: string;
+    description?: import("react").ReactNode;
+    helperMessage?: import("react").ReactNode;
+    id?: string;
+    invalid?: boolean;
+    maxRows?: number;
+    showCharacterCount?: boolean;
+} & Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "id"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/types/components/next/TextArea/TextArea.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/next/TextArea/TextArea.types.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode, TextareaHTMLAttributes } from 'react';
+export type TextAreaProps = {
+    /** Label for the field */
+    label?: ReactNode;
+    /** Info tooltip content shown next to the label */
+    labelInfo?: string;
+    /** Indicator text shown after label, e.g. "(Required)" or "(Optional)" */
+    indicator?: string;
+    /** Descriptive text that provides additional context for the field */
+    description?: ReactNode;
+    /** Helper or validation message shown below the textarea */
+    helperMessage?: ReactNode;
+    /** Unique identifier for the field */
+    id?: string;
+    /** Invalid state - shows error styling */
+    invalid?: boolean;
+    /** Maximum number of rows before the textarea stops growing and becomes scrollable */
+    maxRows?: number;
+    /** Show a character count below the textarea. Displays "n / max" when `maxLength` is set, otherwise just "n" */
+    showCharacterCount?: boolean;
+} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'>;

package/dist/types/components/next/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea.types';

package/dist/types/components/next/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLAttributes, type ReactElement } from 'react';
+export declare const Tooltip: import("react").ForwardRefExoticComponent<{
+    title?: string;
+    placement?: import("./Tooltip.types").TooltipPlacement;
+    disabled?: boolean;
+    children: ReactElement<HTMLAttributes<HTMLElement>>;
+} & Omit<HTMLAttributes<HTMLDivElement>, "title"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/next/Tooltip/Tooltip.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/next/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactElement } from 'react';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipProps = {
+    /** Text displayed inside the tooltip bubble */
+    title?: string;
+    /** Placement of the tooltip relative to the anchor element
+     * @default 'top'
+     */
+    placement?: TooltipPlacement;
+    /** Disable the tooltip */
+    disabled?: boolean;
+    /** The element that triggers the tooltip on hover/focus.
+     * Must be a single React element. The trigger is wrapped in an inline-block span
+     * for anchor positioning — use a wrapper div if full-width layout is needed.
+     */
+    children: ReactElement<HTMLAttributes<HTMLElement>>;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'title'>;

package/dist/types/components/next/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipPlacement, TooltipProps } from './Tooltip.types';

package/dist/types/components/next/index.d.ts

@@ -14,3 +14,13 @@ export { Input } from './Input';
 export type { InputProps } from './Input';
 export { TextField } from './TextField';
 export type { TextFieldProps } from './TextField';
+export { TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';
+export { Search } from './Search';
+export type { SearchProps } from './Search';
+export { Link } from './Link';
+export type { LinkProps, LinkVariant } from './Link';
+export { Tooltip } from './Tooltip';
+export type { TooltipPlacement, TooltipProps } from './Tooltip';
+export { Banner } from './Banner';
+export type { BannerProps, BannerTone, BannerIconProps, BannerMessageProps, BannerActionsProps, BannerActionsPlacement, } from './Banner';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "2.3.7",
+  "version": "2.4.0-beta.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -31,7 +31,14 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/eds-core-react.cjs"
-    }
+    },
+    "./next": {
+      "types": "./dist/types/index.next.d.ts",
+      "import": "./dist/esm-next/index.next.js",
+      "require": "./dist/index.next.cjs"
+    },
+    "./next/index.css": "./build/index.css",
+    "./next/index.min.css": "./build/index.min.css"
   },
   "keywords": [
     "eds",
@@ -40,66 +47,66 @@
     "react"
   ],
   "devDependencies": {
-    "@figma/code-connect": "^1.4.1",
-    "@playwright/test": "^1.58.2",
-    "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@figma/code-connect": "^1.4.3",
+    "@playwright/test": "^1.59.1",
+    "@rollup/plugin-babel": "^7.0.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-a11y": "^10.2.10",
-    "@storybook/addon-docs": "^10.2.10",
-    "@storybook/addon-links": "^10.2.10",
-    "@storybook/react-vite": "^10.2.10",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-links": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "^30.0.0",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^25.3.0",
+    "@types/node": "^25.5.0",
     "@types/ramda": "^0.31.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint-plugin-storybook": "10.2.10",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "jest-styled-components": "^7.2.0",
+    "eslint-plugin-storybook": "10.3.3",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
+    "jest-styled-components": "^7.4.0",
     "js-file-download": "^0.4.12",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.8",
     "postcss-import": "^16.1.1",
     "ramda": "^0.32.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-hook-form": "^7.71.2",
-    "react-router-dom": "^7.13.0",
-    "rollup": "^4.57.1",
+    "react-hook-form": "^7.72.0",
+    "react-router-dom": "^7.13.2",
+    "rollup": "^4.60.1",
     "rollup-plugin-delete": "^3.0.2",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^10.2.10",
-    "styled-components": "6.3.11",
+    "storybook": "^10.3.3",
+    "styled-components": "6.3.12",
     "tsc-watch": "^7.2.0",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
     "styled-components": "^6"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.6",
-    "@floating-ui/react": "^0.27.18",
-    "@internationalized/date": "^3.11.0",
-    "@react-aria/utils": "^3.33.0",
-    "@react-stately/calendar": "^3.9.2",
-    "@react-stately/datepicker": "^3.16.0",
-    "@react-types/shared": "^3.33.0",
-    "@tanstack/react-virtual": "3.13.18",
+    "@babel/runtime": "^7.29.2",
+    "@floating-ui/react": "^0.27.19",
+    "@internationalized/date": "^3.12.0",
+    "@react-aria/utils": "^3.33.1",
+    "@react-stately/calendar": "^3.9.3",
+    "@react-stately/datepicker": "^3.16.1",
+    "@react-types/shared": "^3.33.1",
+    "@tanstack/react-virtual": "3.13.23",
     "downshift": "9.3.2",
-    "react-aria": "^3.46.0",
+    "react-aria": "^3.47.0",
+    "@equinor/eds-icons": "^1.3.0",
     "@equinor/eds-tokens": "^2.2.0",
-    "@equinor/eds-utils": "^2.0.0",
-    "@equinor/eds-icons": "^1.3.0"
+    "@equinor/eds-utils": "^2.1.0"
   },
   "scripts": {
     "build": "rollup -c && tsc -p tsconfig.build.json",