@equinor/eds-core-react 0.32.4 → 0.33.0

package/dist/types/components/Tabs/Tab.d.ts

@@ -4,8 +4,11 @@ type OverridableSubComponent = OverridableComponent<TabProps, HTMLButtonElement>
     displayName?: string;
 };
 export type TabProps = {
-    /** If `true`, the tab will be active. */
+    /** @ignore */
     active?: boolean;
+    /** Optional to `onChange` on Tabs. A value that when matched with
+     * `activeTab` will set tab as active (such as the path when using third party routers) */
+    value?: number | string;
     /** If `true`, the tab will be disabled. */
     disabled?: boolean;
     /** Override element type */

package/dist/types/components/Tabs/TabPanels.d.ts

@@ -1,4 +1,8 @@
 import { HTMLAttributes } from 'react';
-export type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
-declare const TabPanels: import("react").ForwardRefExoticComponent<TabPanelsProps & import("react").RefAttributes<HTMLDivElement>>;
+export type TabPanelsProps = {
+    conditionalRender?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+declare const TabPanels: import("react").ForwardRefExoticComponent<{
+    conditionalRender?: boolean;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export { TabPanels };

package/dist/types/components/Tabs/Tabs.context.d.ts

@@ -4,7 +4,7 @@ type State = {
     variant: Variants;
     scrollable: boolean;
     handleChange: (index: number) => void;
-    activeTab: number;
+    activeTab: number | string;
     tabsId: string;
     tabsFocused: boolean;
 };

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

@@ -1,8 +1,8 @@
 import { HTMLAttributes } from 'react';
 import { Variants } from './Tabs.types';
 export type TabsProps = {
-    /** The index of the active tab */
-    activeTab?: number;
+    /** The index of the active tab OR a string matching the value prop on the active tab */
+    activeTab?: number | string;
     /** The callback function for selecting a tab */
     onChange?: (index: number) => void;
     /** Sets the width of the tabs. Tabs can have a maximum width of 360px */
@@ -11,8 +11,8 @@ export type TabsProps = {
     scrollable?: boolean;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
 declare const Tabs: import("react").ForwardRefExoticComponent<{
-    /** The index of the active tab */
-    activeTab?: number;
+    /** The index of the active tab OR a string matching the value prop on the active tab */
+    activeTab?: number | string;
     /** The callback function for selecting a tab */
     onChange?: (index: number) => void;
     /** Sets the width of the tabs. Tabs can have a maximum width of 360px */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.32.4",
+  "version": "0.33.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -36,16 +36,16 @@
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^25.0.2",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@storybook/addon-a11y": "^7.0.24",
-    "@storybook/addon-actions": "^7.0.24",
-    "@storybook/addon-docs": "^7.0.24",
-    "@storybook/addon-essentials": "^7.0.24",
-    "@storybook/addon-links": "^7.0.24",
-    "@storybook/blocks": "^7.0.24",
-    "@storybook/builder-vite": "^7.0.24",
-    "@storybook/client-api": "^7.0.24",
-    "@storybook/react": "^7.0.24",
-    "@storybook/react-vite": "^7.0.24",
+    "@storybook/addon-a11y": "^7.3.0",
+    "@storybook/addon-actions": "^7.3.0",
+    "@storybook/addon-docs": "^7.3.0",
+    "@storybook/addon-essentials": "^7.3.0",
+    "@storybook/addon-links": "^7.3.0",
+    "@storybook/blocks": "^7.3.0",
+    "@storybook/builder-vite": "^7.3.0",
+    "@storybook/client-api": "^7.3.0",
+    "@storybook/react": "^7.3.0",
+    "@storybook/react-vite": "^7.3.0",
     "@testing-library/dom": "^9.3.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "14.0.0",
@@ -54,7 +54,6 @@
     "@types/ramda": "^0.29.2",
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.10",
-    "@types/styled-components": "^5.1.26",
     "@types/testing-library__jest-dom": "^5.14.6",
     "babel-loader": "^9.1.2",
     "babel-plugin-styled-components": "^2.1.4",
@@ -67,28 +66,29 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.45.0",
+    "react-router-dom": "^6.15.0",
     "remark-gfm": "^3.0.1",
     "rollup": "^3.25.3",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^7.0.24",
-    "styled-components": "5.3.9",
+    "storybook": "^7.3.0",
+    "styled-components": "6.0.8",
     "tsc-watch": "^6.0.4",
-    "typescript": "^4.9.4"
+    "typescript": "^5.1.6"
   },
   "peerDependencies": {
     "react": ">=16.8",
     "react-dom": ">=16.8",
-    "styled-components": ">=4.2 < 6"
+    "styled-components": ">=4.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.22.5",
     "@floating-ui/react": "^0.25.1",
     "@tanstack/react-virtual": "3.0.0-beta.54",
-    "downshift": "^8.1.0",
+    "downshift": "^8.2.1",
     "@equinor/eds-icons": "^0.19.3",
-    "@equinor/eds-tokens": "0.9.2",
-    "@equinor/eds-utils": "0.8.1"
+    "@equinor/eds-utils": "0.8.2",
+    "@equinor/eds-tokens": "0.9.2"
   },
   "engines": {
     "pnpm": ">=4",