@equinor/eds-core-react 0.31.0 → 0.32.0-dev07072023

package/dist/esm/components/Tabs/{index.js → index.mjs}

@@ -1,8 +1,8 @@
-import { Tabs as Tabs$1 } from './Tabs.js';
-import { TabList } from './TabList.js';
-import { Tab } from './Tab.js';
-import { TabPanels } from './TabPanels.js';
-import { TabPanel } from './TabPanel.js';
+import { Tabs as Tabs$1 } from './Tabs.mjs';
+import { TabList } from './TabList.mjs';
+import { Tab } from './Tab.mjs';
+import { TabPanels } from './TabPanels.mjs';
+import { TabPanel } from './TabPanel.mjs';
 
 var Tabs = Tabs$1;
 Tabs.Tab = Tab;

package/dist/esm/components/TextField/{TextField.js → TextField.mjs}

@@ -3,9 +3,9 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { forwardRef } from 'react';
 import { useId } from '@equinor/eds-utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { InputWrapper } from '../InputWrapper/InputWrapper.js';
-import { Textarea } from '../Textarea/Textarea.js';
-import { Input } from '../Input/Input.js';
+import { InputWrapper } from '../InputWrapper/InputWrapper.mjs';
+import { Textarea } from '../Textarea/Textarea.mjs';
+import { Input } from '../Input/Input.mjs';
 
 var _excluded = ["id", "label", "meta", "unit", "helperText", "placeholder", "disabled", "multiline", "className", "variant", "inputIcon", "helperIcon", "style", "rowsMax", "textareaRef", "inputRef"];
 /** Proxy component for working around typescript and element type switching */

package/dist/esm/components/Textarea/{Textarea.js → Textarea.mjs}

@@ -2,12 +2,12 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useState, useCallback } from 'react';
-import * as Input_tokens from '../Input/Input.tokens.js';
-import { input as input$1 } from '../Input/Input.tokens.js';
+import * as Input_tokens from '../Input/Input.tokens.mjs';
+import { input as input$1 } from '../Input/Input.tokens.mjs';
 import { useAutoResize, mergeRefs } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { Input } from '../Input/Input.js';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { Input } from '../Input/Input.mjs';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["variant", "disabled", "type", "rowsMax"];
 var input = input$1;

package/dist/esm/components/Tooltip/{Tooltip.js → Tooltip.mjs}

@@ -5,7 +5,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, useRef, useState, useMemo, useEffect, cloneElement } from 'react';
 import styled from 'styled-components';
 import { typographyTemplate, spacingsTemplate, bordersTemplate, mergeRefs } from '@equinor/eds-utils';
-import { tooltip } from './Tooltip.tokens.js';
+import { tooltip } from './Tooltip.tokens.mjs';
 import { useFloating, offset, flip, shift, arrow, autoUpdate, useInteractions, useHover, useFocus, useRole, useDismiss, FloatingPortal } from '@floating-ui/react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -50,8 +50,7 @@ var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
     }),
     x = _useFloating.x,
     y = _useFloating.y,
-    reference = _useFloating.reference,
-    floating = _useFloating.floating,
+    refs = _useFloating.refs,
     strategy = _useFloating.strategy,
     context = _useFloating.context,
     _useFloating$middlewa = _useFloating.middlewareData.arrow,
@@ -60,11 +59,11 @@ var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
     arrowY = _useFloating$middlewa2.y,
     finalPlacement = _useFloating.placement;
   var anchorRef = useMemo(function () {
-    return mergeRefs(reference, children === null || children === void 0 ? void 0 : children.ref);
-  }, [reference, children === null || children === void 0 ? void 0 : children.ref]);
+    return mergeRefs(refs.setReference, children === null || children === void 0 ? void 0 : children.ref);
+  }, [refs.setReference, children === null || children === void 0 ? void 0 : children.ref]);
   var tooltipRef = useMemo(function () {
-    return mergeRefs(floating, ref);
-  }, [floating, ref]);
+    return mergeRefs(refs.setFloating, ref);
+  }, [refs.setFloating, ref]);
   var _useInteractions = useInteractions([useHover(context, {
       delay: {
         open: enterDelay

package/dist/esm/components/TopBar/{TopBar.js → TopBar.mjs}

@@ -3,10 +3,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { bordersTemplate, spacingsTemplate, typographyTemplate, useToken } from '@equinor/eds-utils';
-import { topbar } from './TopBar.tokens.js';
+import { topbar } from './TopBar.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { Paper } from '../Paper/Paper.js';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.mjs';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["children", "elevation", "sticky"];
 var StyledTopBar = styled(Paper).withConfig({

package/dist/esm/components/TopBar/{index.js → index.mjs}

@@ -1,7 +1,7 @@
-import { TopBar as TopBar$1 } from './TopBar.js';
-import { Actions } from './Actions.js';
-import { Header } from './Header.js';
-import { CustomContent } from './CustomContent.js';
+import { TopBar as TopBar$1 } from './TopBar.mjs';
+import { Actions } from './Actions.mjs';
+import { Header } from './Header.mjs';
+import { CustomContent } from './CustomContent.mjs';
 
 var TopBar = TopBar$1;
 TopBar.Actions = Actions;

package/dist/esm/components/Typography/{Typography.js → Typography.mjs}

@@ -3,10 +3,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { link, quickVariants, typography, colors } from './Typography.tokens.js';
+import { link, quickVariants, typography, colors } from './Typography.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["variant", "children", "bold", "italic", "link", "group", "token", "as"];
+var _excluded = ["variant", "children", "bold", "italic", "link", "color", "group", "token", "as"];
 var getElementType = function getElementType(variant, link) {
   if (link) {
     return 'a';
@@ -54,9 +54,9 @@ var StyledTypography = styled.p.withConfig({
     $link = _ref.$link;
   return typographyTemplate(typography, $link);
 }, function (_ref2) {
-  var color = _ref2.color;
+  var $color = _ref2.$color;
   return css({
-    color: findColor(color)
+    color: findColor($color)
   });
 }, function (_ref3) {
   var lines = _ref3.lines;
@@ -75,6 +75,7 @@ var Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
     bold = _ref5.bold,
     italic = _ref5.italic,
     link = _ref5.link,
+    color = _ref5.color,
     group = _ref5.group,
     token = _ref5.token,
     providedAs = _ref5.as,
@@ -89,7 +90,8 @@ var Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
     as: as,
     typography: _objectSpread(_objectSpread({}, typography), token),
     $link: link,
-    ref: ref
+    ref: ref,
+    $color: color
   }, other), {}, {
     children: children
   }));

package/dist/esm/index.mjs

@@ -0,0 +1,43 @@
+export { Button } from './components/Button/index.mjs';
+export { Table } from './components/Table/index.mjs';
+export { Icon } from './components/Icon/index.mjs';
+export { List } from './components/List/index.mjs';
+export { Accordion } from './components/Accordion/index.mjs';
+export { Tabs } from './components/Tabs/index.mjs';
+export { Card } from './components/Card/index.mjs';
+export { TopBar } from './components/TopBar/index.mjs';
+export { Dialog } from './components/Dialog/index.mjs';
+export { TableOfContents } from './components/TableOfContents/index.mjs';
+export { Snackbar } from './components/Snackbar/index.mjs';
+export { Popover } from './components/Popover/index.mjs';
+export { Banner } from './components/Banner/index.mjs';
+export { Progress } from './components/Progress/index.mjs';
+export { Breadcrumbs } from './components/Breadcrumbs/index.mjs';
+export { Menu } from './components/Menu/index.mjs';
+export { SideBar } from './components/SideBar/index.mjs';
+export { Typography } from './components/Typography/Typography.mjs';
+export { Divider } from './components/Divider/Divider.mjs';
+export { TextField } from './components/TextField/TextField.mjs';
+export { Scrim } from './components/Scrim/Scrim.mjs';
+export { SideSheet } from './components/SideSheet/SideSheet.mjs';
+export { Chip } from './components/Chip/Chip.mjs';
+export { Avatar } from './components/Avatar/Avatar.mjs';
+export { Search } from './components/Search/Search.mjs';
+export { Slider } from './components/Slider/Slider.mjs';
+export { Tooltip } from './components/Tooltip/Tooltip.mjs';
+export { LinearProgress } from './components/Progress/Linear/LinearProgress.mjs';
+export { CircularProgress } from './components/Progress/Circular/CircularProgress.mjs';
+export { StarProgress } from './components/Progress/Star/StarProgress.mjs';
+export { DotProgress } from './components/Progress/Dots/DotProgress.mjs';
+export { Pagination } from './components/Pagination/Pagination.mjs';
+export { NativeSelect } from './components/Select/NativeSelect.mjs';
+export { Label } from './components/Label/Label.mjs';
+export { Input } from './components/Input/Input.mjs';
+export { Checkbox } from './components/Checkbox/Checkbox.mjs';
+export { Radio } from './components/Radio/Radio.mjs';
+export { Switch } from './components/Switch/Switch.mjs';
+export { EdsProvider, useEds } from './components/EdsProvider/eds.context.mjs';
+export { Paper } from './components/Paper/Paper.mjs';
+export { Autocomplete } from './components/Autocomplete/Autocomplete.mjs';
+export { InputWrapper } from './components/InputWrapper/InputWrapper.mjs';
+export { useSideBar } from './components/SideBar/SideBar.context.mjs';

package/dist/esm/node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/internal/{_curry1.js → _curry1.mjs}

@@ -1,4 +1,4 @@
-import _isPlaceholder from './_isPlaceholder.js';
+import _isPlaceholder from './_isPlaceholder.mjs';
 
 /**
  * Optimized internal one-arity curry function.

package/dist/esm/node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/internal/{_curry2.js → _curry2.mjs}

@@ -1,5 +1,5 @@
-import _curry1 from './_curry1.js';
-import _isPlaceholder from './_isPlaceholder.js';
+import _curry1 from './_curry1.mjs';
+import _isPlaceholder from './_isPlaceholder.mjs';
 
 /**
  * Optimized internal two-arity curry function.

package/dist/esm/node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/internal/{_curry3.js → _curry3.mjs}

@@ -1,6 +1,6 @@
-import _curry1 from './_curry1.js';
-import _curry2 from './_curry2.js';
-import _isPlaceholder from './_isPlaceholder.js';
+import _curry1 from './_curry1.mjs';
+import _curry2 from './_curry2.mjs';
+import _isPlaceholder from './_isPlaceholder.mjs';
 
 /**
  * Optimized internal three-arity curry function.

package/dist/esm/node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/{mergeDeepRight.js → mergeDeepRight.mjs}

@@ -1,5 +1,5 @@
-import _curry2 from './internal/_curry2.js';
-import mergeDeepWithKey from './mergeDeepWithKey.js';
+import _curry2 from './internal/_curry2.mjs';
+import mergeDeepWithKey from './mergeDeepWithKey.mjs';
 
 /**
  * Creates a new object with the own properties of the first object merged with

package/dist/esm/node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/{mergeDeepWithKey.js → mergeDeepWithKey.mjs}

@@ -1,6 +1,6 @@
-import _curry3 from './internal/_curry3.js';
-import _isObject from './internal/_isObject.js';
-import mergeWithKey from './mergeWithKey.js';
+import _curry3 from './internal/_curry3.mjs';
+import _isObject from './internal/_isObject.mjs';
+import mergeWithKey from './mergeWithKey.mjs';
 
 /**
  * Creates a new object with the own properties of the two provided objects.

package/dist/esm/node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/{mergeWithKey.js → mergeWithKey.mjs}

@@ -1,5 +1,5 @@
-import _curry3 from './internal/_curry3.js';
-import _has from './internal/_has.js';
+import _curry3 from './internal/_curry3.mjs';
+import _has from './internal/_has.mjs';
 
 /**
  * Creates a new object with the own properties of the two provided objects. If

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

@@ -1,12 +1,14 @@
-/// <reference types="react" />
+import { ForwardedRef } from 'react';
 export type DialogProps = {
     /** Whether Dialog can be dismissed with esc key and outside click
      */
     isDismissable?: boolean;
     /** programmatically toggle dialog */
     open: boolean;
-    /** callback to handle closing scrim */
+    /** callback to handle closing */
     onClose?: () => void;
+    /** access the dialog element. use ref to access the inner Paper element */
+    dialogRef?: ForwardedRef<HTMLDialogElement>;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const Dialog: import("react").ForwardRefExoticComponent<{
     /** Whether Dialog can be dismissed with esc key and outside click
@@ -14,6 +16,8 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<{
     isDismissable?: boolean;
     /** programmatically toggle dialog */
     open: boolean;
-    /** callback to handle closing scrim */
+    /** callback to handle closing */
     onClose?: () => void;
+    /** access the dialog element. use ref to access the inner Paper element */
+    dialogRef?: ForwardedRef<HTMLDialogElement>;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/SideBar/SideBarAccordion/index.d.ts

@@ -13,7 +13,7 @@ export type SidebarAccordionProps = {
     isExpanded?: boolean;
     /** Toggle accordion expanded - use it if you want to make the accordion controlled */
     toggleExpand?: () => void;
-    /** When menu item is clicked */
+    /** Optional callback when accordion is clicked - called after toggleExpand if it exists */
     onClick?: () => void;
     /** Optionally disable component */
     disabled?: boolean;
@@ -31,7 +31,7 @@ export declare const SideBarAccordion: import("react").ForwardRefExoticComponent
     isExpanded?: boolean;
     /** Toggle accordion expanded - use it if you want to make the accordion controlled */
     toggleExpand?: () => void;
-    /** When menu item is clicked */
+    /** Optional callback when accordion is clicked - called after toggleExpand if it exists */
     onClick?: () => void;
     /** Optionally disable component */
     disabled?: boolean;

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

@@ -1,10 +1,4 @@
 import { HTMLAttributes } from 'react';
-export type TabPanelProps = {
-    /** If `true`, the panel will be hidden. */
-    hidden?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-declare const TabPanel: import("react").ForwardRefExoticComponent<{
-    /** If `true`, the panel will be hidden. */
-    hidden?: boolean;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type TabPanelProps = HTMLAttributes<HTMLDivElement>;
+declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
 export { TabPanel };

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

@@ -0,0 +1 @@
+export * from './withAnchorEl';

package/dist/types/test/withAnchorEl.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { RenderOptions, RenderResult } from '@testing-library/react';
+declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => RenderResult;
+export * from '@testing-library/react';
+export { customRender as render };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.31.0",
+  "version": "0.32.0-dev07072023",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
   ],
-  "main": "dist/eds-core-react.cjs.js",
+  "type": "module",
+  "exports": "./dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
   "license": "MIT",
   "author": {
@@ -31,45 +32,48 @@
     "react"
   ],
   "devDependencies": {
-    "@mdx-js/react": "1.6.22",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-node-resolve": "^14.1.0",
-    "@storybook/addon-a11y": "^6.5.15",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-docs": "^6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/client-api": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/react": "^6.5.15",
-    "@testing-library/dom": "^9.2.0",
+    "@mdx-js/react": "2.3.0",
+    "@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",
+    "@testing-library/dom": "^9.3.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
-    "@types/jest": "^29.5.0",
-    "@types/ramda": "^0.28.24",
+    "@types/jest": "^29.5.2",
+    "@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.5",
+    "@types/testing-library__jest-dom": "^5.14.6",
     "babel-loader": "^9.1.2",
-    "babel-plugin-styled-components": "^2.1.1",
+    "babel-plugin-styled-components": "^2.1.4",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-styled-components": "^7.1.1",
     "js-file-download": "^0.4.12",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.24",
     "ramda": "^0.29.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.43.9",
-    "rollup": "^2.79.1",
+    "react-hook-form": "^7.45.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",
-    "tsc-watch": "^6.0.0",
+    "tsc-watch": "^6.0.4",
     "typescript": "^4.9.4"
   },
   "peerDependencies": {
@@ -78,13 +82,13 @@
     "styled-components": ">=4.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.21.0",
-    "@floating-ui/react": "^0.23.0",
+    "@babel/runtime": "^7.22.5",
+    "@floating-ui/react": "^0.24.3",
     "@tanstack/react-virtual": "3.0.0-beta.54",
     "downshift": "^7.6.0",
-    "@equinor/eds-icons": "0.19.1",
-    "@equinor/eds-tokens": "0.9.1",
-    "@equinor/eds-utils": "0.7.0"
+    "@equinor/eds-icons": "0.19.2",
+    "@equinor/eds-tokens": "0.9.2",
+    "@equinor/eds-utils": "0.8.0-dev07072023"
   },
   "engines": {
     "pnpm": ">=4",
@@ -92,13 +96,12 @@
   },
   "browserslist": "defaults, not IE 11",
   "scripts": {
-    "build": "rollup -c && tsc -p tsconfig.build.json",
+    "build": "rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json",
     "test": "tsc -p tsconfig.test.json && jest",
     "test:watch": "tsc-watch -p tsconfig.test.json --onFirstSuccess  \"jest --watch\"",
     "test:update-snapshots": "jest --updateSnapshot",
-    "storybook": "start-storybook -p 9000 --ci",
-    "build:storybook": "build-storybook -o storybook-build",
+    "storybook": "storybook dev -p 9000 --ci",
+    "build:storybook": "storybook build -o storybook-build",
     "types": "tsc -p tsconfig.build.json"
-  },
-  "module": "dist/esm/index.js"
+  }
 }