@equinor/eds-core-react 2.4.0 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.css +336 -2
- package/build/index.min.css +1 -1
- package/dist/eds-core-react.cjs +5 -1
- package/dist/esm/components/Autocomplete/MultipleInput.js +2 -2
- package/dist/esm/components/Autocomplete/useAutocomplete.js +4 -0
- package/dist/esm/components/InputWrapper/InputWrapper.js +1 -1
- package/dist/esm/components/Textarea/Textarea.js +1 -1
- package/dist/esm-next/components/next/Banner/Banner.js +88 -0
- package/dist/esm-next/components/next/Input/Input.js +1 -1
- package/dist/esm-next/components/next/Link/Link.js +24 -0
- package/dist/esm-next/components/next/Search/Search.js +118 -0
- package/dist/esm-next/components/next/TextArea/TextArea.js +131 -0
- package/dist/esm-next/components/next/TextField/TextField.js +0 -1
- package/dist/esm-next/components/next/Tooltip/Tooltip.js +84 -0
- package/dist/esm-next/index.next.js +5 -0
- package/dist/index.next.cjs +417 -6
- package/dist/types/components/Autocomplete/AutocompleteContext.d.ts +2 -2
- package/dist/types/components/Autocomplete/useAutocomplete.d.ts +2 -2
- package/dist/types/components/next/Banner/Banner.d.ts +23 -0
- package/dist/types/components/next/Banner/Banner.figma.d.ts +1 -0
- package/dist/types/components/next/Banner/Banner.types.d.ts +33 -0
- package/dist/types/components/next/Banner/index.d.ts +2 -0
- package/dist/types/components/next/Input/Input.types.d.ts +4 -1
- package/dist/types/components/next/Link/Link.d.ts +4 -0
- package/dist/types/components/next/Link/Link.figma.d.ts +1 -0
- package/dist/types/components/next/Link/Link.types.d.ts +11 -0
- package/dist/types/components/next/Link/index.d.ts +2 -0
- package/dist/types/components/next/Search/Search.d.ts +9 -0
- package/dist/types/components/next/Search/Search.figma.d.ts +1 -0
- package/dist/types/components/next/Search/Search.types.d.ts +16 -0
- package/dist/types/components/next/Search/index.d.ts +2 -0
- package/dist/types/components/next/TextArea/TextArea.d.ts +11 -0
- package/dist/types/components/next/TextArea/TextArea.figma.d.ts +1 -0
- package/dist/types/components/next/TextArea/TextArea.types.d.ts +21 -0
- package/dist/types/components/next/TextArea/index.d.ts +2 -0
- package/dist/types/components/next/Tooltip/Tooltip.d.ts +7 -0
- package/dist/types/components/next/Tooltip/Tooltip.figma.d.ts +1 -0
- package/dist/types/components/next/Tooltip/Tooltip.types.d.ts +17 -0
- package/dist/types/components/next/Tooltip/index.d.ts +2 -0
- package/dist/types/components/next/index.d.ts +10 -0
- package/package.json +31 -31
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ReactNode, TextareaHTMLAttributes } from 'react';
|
|
2
|
+
export type TextAreaProps = {
|
|
3
|
+
/** Label for the field */
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
/** Info tooltip content shown next to the label */
|
|
6
|
+
labelInfo?: string;
|
|
7
|
+
/** Indicator text shown after label, e.g. "(Required)" or "(Optional)" */
|
|
8
|
+
indicator?: string;
|
|
9
|
+
/** Descriptive text that provides additional context for the field */
|
|
10
|
+
description?: ReactNode;
|
|
11
|
+
/** Helper or validation message shown below the textarea */
|
|
12
|
+
helperMessage?: ReactNode;
|
|
13
|
+
/** Unique identifier for the field */
|
|
14
|
+
id?: string;
|
|
15
|
+
/** Invalid state - shows error styling */
|
|
16
|
+
invalid?: boolean;
|
|
17
|
+
/** Maximum number of rows before the textarea stops growing and becomes scrollable */
|
|
18
|
+
maxRows?: number;
|
|
19
|
+
/** Show a character count below the textarea. Displays "n / max" when `maxLength` is set, otherwise just "n" */
|
|
20
|
+
showCharacterCount?: boolean;
|
|
21
|
+
} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactElement } from 'react';
|
|
2
|
+
export declare const Tooltip: import("react").ForwardRefExoticComponent<{
|
|
3
|
+
title?: string;
|
|
4
|
+
placement?: import("./Tooltip.types").TooltipPlacement;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
children: ReactElement<HTMLAttributes<HTMLElement>>;
|
|
7
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, "title"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactElement } from 'react';
|
|
2
|
+
export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
3
|
+
export type TooltipProps = {
|
|
4
|
+
/** Text displayed inside the tooltip bubble */
|
|
5
|
+
title?: string;
|
|
6
|
+
/** Placement of the tooltip relative to the anchor element
|
|
7
|
+
* @default 'top'
|
|
8
|
+
*/
|
|
9
|
+
placement?: TooltipPlacement;
|
|
10
|
+
/** Disable the tooltip */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** The element that triggers the tooltip on hover/focus.
|
|
13
|
+
* Must be a single React element. The trigger is wrapped in an inline-block span
|
|
14
|
+
* for anchor positioning — use a wrapper div if full-width layout is needed.
|
|
15
|
+
*/
|
|
16
|
+
children: ReactElement<HTMLAttributes<HTMLElement>>;
|
|
17
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
|
|
@@ -14,3 +14,13 @@ export { Input } from './Input';
|
|
|
14
14
|
export type { InputProps } from './Input';
|
|
15
15
|
export { TextField } from './TextField';
|
|
16
16
|
export type { TextFieldProps } from './TextField';
|
|
17
|
+
export { TextArea } from './TextArea';
|
|
18
|
+
export type { TextAreaProps } from './TextArea';
|
|
19
|
+
export { Search } from './Search';
|
|
20
|
+
export type { SearchProps } from './Search';
|
|
21
|
+
export { Link } from './Link';
|
|
22
|
+
export type { LinkProps, LinkVariant } from './Link';
|
|
23
|
+
export { Tooltip } from './Tooltip';
|
|
24
|
+
export type { TooltipPlacement, TooltipProps } from './Tooltip';
|
|
25
|
+
export { Banner } from './Banner';
|
|
26
|
+
export type { BannerProps, BannerTone, BannerIconProps, BannerMessageProps, BannerActionsProps, BannerActionsPlacement, } from './Banner';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/eds-core-react",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.1",
|
|
4
4
|
"description": "The React implementation of the Equinor Design System",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"**/*.css"
|
|
@@ -40,44 +40,44 @@
|
|
|
40
40
|
"react"
|
|
41
41
|
],
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@figma/code-connect": "^1.4.
|
|
44
|
-
"@playwright/test": "^1.
|
|
45
|
-
"@rollup/plugin-babel": "^
|
|
46
|
-
"@rollup/plugin-commonjs": "^29.0.
|
|
43
|
+
"@figma/code-connect": "^1.4.3",
|
|
44
|
+
"@playwright/test": "^1.59.1",
|
|
45
|
+
"@rollup/plugin-babel": "^7.0.0",
|
|
46
|
+
"@rollup/plugin-commonjs": "^29.0.2",
|
|
47
47
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
48
|
-
"@storybook/addon-a11y": "^10.
|
|
49
|
-
"@storybook/addon-docs": "^10.
|
|
50
|
-
"@storybook/addon-links": "^10.
|
|
51
|
-
"@storybook/react-vite": "^10.
|
|
48
|
+
"@storybook/addon-a11y": "^10.3.3",
|
|
49
|
+
"@storybook/addon-docs": "^10.3.3",
|
|
50
|
+
"@storybook/addon-links": "^10.3.3",
|
|
51
|
+
"@storybook/react-vite": "^10.3.3",
|
|
52
52
|
"@testing-library/dom": "^10.4.1",
|
|
53
53
|
"@testing-library/jest-dom": "^6.9.1",
|
|
54
54
|
"@testing-library/react": "16.3.2",
|
|
55
55
|
"@testing-library/user-event": "14.6.1",
|
|
56
56
|
"@types/jest": "^30.0.0",
|
|
57
57
|
"@types/mdx": "^2.0.13",
|
|
58
|
-
"@types/node": "^25.
|
|
58
|
+
"@types/node": "^25.5.0",
|
|
59
59
|
"@types/ramda": "^0.31.1",
|
|
60
60
|
"@types/react": "^19.2.14",
|
|
61
61
|
"@types/react-dom": "^19.2.3",
|
|
62
62
|
"babel-plugin-styled-components": "^2.1.4",
|
|
63
|
-
"eslint-plugin-storybook": "10.
|
|
64
|
-
"jest": "^30.
|
|
65
|
-
"jest-environment-jsdom": "^30.
|
|
66
|
-
"jest-styled-components": "^7.
|
|
63
|
+
"eslint-plugin-storybook": "10.3.3",
|
|
64
|
+
"jest": "^30.3.0",
|
|
65
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
66
|
+
"jest-styled-components": "^7.4.0",
|
|
67
67
|
"js-file-download": "^0.4.12",
|
|
68
|
-
"postcss": "^8.5.
|
|
68
|
+
"postcss": "^8.5.8",
|
|
69
69
|
"postcss-import": "^16.1.1",
|
|
70
70
|
"ramda": "^0.32.0",
|
|
71
71
|
"react": "^19.2.4",
|
|
72
72
|
"react-dom": "^19.2.4",
|
|
73
|
-
"react-hook-form": "^7.
|
|
74
|
-
"react-router-dom": "^7.13.
|
|
75
|
-
"rollup": "^4.
|
|
73
|
+
"react-hook-form": "^7.72.0",
|
|
74
|
+
"react-router-dom": "^7.13.2",
|
|
75
|
+
"rollup": "^4.60.1",
|
|
76
76
|
"rollup-plugin-delete": "^3.0.2",
|
|
77
77
|
"rollup-plugin-postcss": "^4.0.2",
|
|
78
78
|
"rollup-preserve-directives": "^1.1.3",
|
|
79
|
-
"storybook": "^10.
|
|
80
|
-
"styled-components": "6.3.
|
|
79
|
+
"storybook": "^10.3.3",
|
|
80
|
+
"styled-components": "6.3.12",
|
|
81
81
|
"tsc-watch": "^7.2.0",
|
|
82
82
|
"typescript": "^5.9.3"
|
|
83
83
|
},
|
|
@@ -87,19 +87,19 @@
|
|
|
87
87
|
"styled-components": "^6"
|
|
88
88
|
},
|
|
89
89
|
"dependencies": {
|
|
90
|
-
"@babel/runtime": "^7.
|
|
91
|
-
"@floating-ui/react": "^0.27.
|
|
92
|
-
"@internationalized/date": "^3.
|
|
93
|
-
"@react-aria/utils": "^3.33.
|
|
94
|
-
"@react-stately/calendar": "^3.9.
|
|
95
|
-
"@react-stately/datepicker": "^3.16.
|
|
96
|
-
"@react-types/shared": "^3.33.
|
|
97
|
-
"@tanstack/react-virtual": "3.13.
|
|
90
|
+
"@babel/runtime": "^7.29.2",
|
|
91
|
+
"@floating-ui/react": "^0.27.19",
|
|
92
|
+
"@internationalized/date": "^3.12.0",
|
|
93
|
+
"@react-aria/utils": "^3.33.1",
|
|
94
|
+
"@react-stately/calendar": "^3.9.3",
|
|
95
|
+
"@react-stately/datepicker": "^3.16.1",
|
|
96
|
+
"@react-types/shared": "^3.33.1",
|
|
97
|
+
"@tanstack/react-virtual": "3.13.23",
|
|
98
98
|
"downshift": "9.3.2",
|
|
99
|
-
"react-aria": "^3.
|
|
99
|
+
"react-aria": "^3.47.0",
|
|
100
|
+
"@equinor/eds-icons": "^1.3.0",
|
|
100
101
|
"@equinor/eds-utils": "^2.1.0",
|
|
101
|
-
"@equinor/eds-tokens": "^2.2.0"
|
|
102
|
-
"@equinor/eds-icons": "^1.3.0"
|
|
102
|
+
"@equinor/eds-tokens": "^2.2.0"
|
|
103
103
|
},
|
|
104
104
|
"scripts": {
|
|
105
105
|
"build": "rollup -c && tsc -p tsconfig.build.json",
|