@equinor/eds-core-react 2.1.0 → 2.2.1-beta.0

package/README.md

@@ -1,17 +1,43 @@
 # @equinor/eds-core-react
 
-Available components to help style your React application as an Equinor application. We publish new components regularly so make sure to check back often!
+React implementation of the Equinor Design System (EDS). Use it to build applications that follow the EDS guidelines and stay up to date with the latest components.
 
 Make sure to check out our [Storybook](https://storybook.eds.equinor.com/) for more examples!
 Read the [changelog](https://github.com/equinor/design-system/blob/main/packages/eds-core-react/CHANGELOG.md) for details on specific releases.
 
 ## Installation
 
-```sh
+### Stable Release (Recommended)
+
+```bash
 npm install @equinor/eds-core-react styled-components 
 ```
-If you use Typescript, make sure you have typescript >= 3.8 as a devDependency:
-```sh
+
+```typescript
+import { Button, Typography } from '@equinor/eds-core-react'
+```
+
+### Beta Release (EDS 2.0)
+
+⚠️ **Experimental** – For testing and feedback only. Not production-ready.
+
+```bash
+npm install @equinor/eds-core-react@beta
+```
+
+```typescript
+import { Button, Typography } from '@equinor/eds-core-react/next'
+```
+
+**Learn more:**
+- [Complete Beta Release Guide](../../documentation/how-to/BETA_RELEASE_GUIDE.md)
+- [Preview EDS 2.0 components in Storybook](https://storybook.eds.equinor.com)
+
+### Additional Setup
+
+If you use TypeScript, make sure you have TypeScript >= 3.8 as a devDependency:
+
+```bash
 npm install typescript --save-dev
 ```
 
@@ -116,3 +142,22 @@ render(<App />, document.getElementById('root'))
 - Tooltip
 - TopBar
 - Typography
+
+## Documentation
+
+- **Storybook**: https://storybook.eds.equinor.com
+- **Design System Docs**: https://eds.equinor.com
+- **Contributing**: [CONTRIBUTING.md](../../CONTRIBUTING.md)
+
+## Changelogs
+
+- **Stable**: [CHANGELOG.md](./CHANGELOG.md)
+- **Beta**: [CHANGELOG.md](./src/components/next/CHANGELOG.md)
+
+## Package Structure
+
+```
+@equinor/eds-core-react
+├── /                    # Stable components (EDS 1.0)
+└── /next                # Beta components (EDS 2.0)
+```

package/dist/esm/components/next/Placeholder/Placeholder.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Placeholder component for testing the /next entry point.
+ * This component should be removed once real EDS 2.0 components are added.
+ */
+
+const Placeholder = ({
+  text = 'EDS 2.0 Placeholder'
+}) => {
+  return /*#__PURE__*/jsx("div", {
+    "data-testid": "eds-placeholder",
+    children: text
+  });
+};
+
+export { Placeholder };

package/dist/esm/index.next.js

@@ -0,0 +1 @@
+export { Placeholder } from './components/next/Placeholder/Placeholder.js';

package/dist/index.next.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Placeholder component for testing the /next entry point.
+ * This component should be removed once real EDS 2.0 components are added.
+ */
+
+const Placeholder = ({
+  text = 'EDS 2.0 Placeholder'
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    "data-testid": "eds-placeholder",
+    children: text
+  });
+};
+
+exports.Placeholder = Placeholder;

package/dist/types/components/Autocomplete/Autocomplete.d.ts

@@ -3,7 +3,7 @@ import { Variants } from '../types';
 export type AutocompleteChanges<T> = {
     selectedItems: T[];
 };
-export type AutocompleteProps<T> = {
+export type AutocompleteProps<T = string> = {
     /** List of options in dropdown */
     options: readonly T[];
     /** Total number of options */
@@ -61,8 +61,6 @@ export type AutocompleteProps<T> = {
     multiple?: boolean;
     /** Add select-all option. Throws an error if true while multiple = false */
     allowSelectAll?: boolean;
-    /**  Custom option label. NOTE: This is required when option is an object */
-    optionLabel?: (option: T) => string;
     /**  Custom option template */
     optionComponent?: (option: T, isSelected: boolean) => ReactNode;
     /** Disable option
@@ -100,9 +98,18 @@ export type AutocompleteProps<T> = {
      * Callback for clear all button
      */
     onClear?: () => void;
-} & HTMLAttributes<HTMLDivElement>;
+} & HTMLAttributes<HTMLDivElement> & (T extends string | number ? {
+    /**  Custom option label. NOTE: This is required when option is an object */
+    optionLabel?: (option: T) => string;
+} : T extends object ? {
+    /**  Custom option label. NOTE: This is required when option is an object */
+    optionLabel: (option: T) => string;
+} : {
+    /**  Custom option label. NOTE: This is required when option is an object */
+    optionLabel?: (option: T) => string;
+});
 declare function AutocompleteInner<T>(props: AutocompleteProps<T>, ref: React.ForwardedRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
-export declare const Autocomplete: <T>(props: AutocompleteProps<T> & {
+export declare const Autocomplete: <T = string>(props: AutocompleteProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement>;
     /** @ignore */
     displayName?: string | undefined;

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

@@ -0,0 +1,9 @@
+/**
+ * Placeholder component for testing the /next entry point.
+ * This component should be removed once real EDS 2.0 components are added.
+ */
+export type PlaceholderProps = {
+    /** Text to display */
+    text?: string;
+};
+export declare const Placeholder: ({ text, }: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Placeholder } from './Placeholder';
+export type { PlaceholderProps } from './Placeholder';

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

@@ -0,0 +1,2 @@
+export { Placeholder } from './Placeholder';
+export type { PlaceholderProps } from './Placeholder';

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

@@ -0,0 +1,11 @@
+/**
+ * EDS 2.0 Beta Components
+ *
+ * These components are experimental and under active development.
+ * Breaking changes may occur between beta releases.
+ *
+ * Install: npm install @equinor/eds-core-react@beta
+ *
+ * @packageDocumentation
+ */
+export * from './components/next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "2.1.0",
+  "version": "2.2.1-beta.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -30,6 +30,11 @@
       "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/index.next.js",
+      "require": "./dist/index.next.cjs"
     }
   },
   "keywords": [
@@ -39,7 +44,7 @@
     "react"
   ],
   "devDependencies": {
-    "@playwright/test": "^1.55.0",
+    "@playwright/test": "^1.57.0",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^28.0.8",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -95,9 +100,9 @@
     "@tanstack/react-virtual": "3.13.12",
     "downshift": "9.0.10",
     "react-aria": "^3.44.0",
-    "@equinor/eds-icons": "^1.0.1",
-    "@equinor/eds-tokens": "^2.1.0",
-    "@equinor/eds-utils": "^2.0.0"
+    "@equinor/eds-icons": "^1.1.0",
+    "@equinor/eds-utils": "^2.0.0",
+    "@equinor/eds-tokens": "^2.1.1"
   },
   "scripts": {
     "build": "rollup -c && tsc -p tsconfig.build.json",