@equinor/eds-core-react 0.21.0 → 0.23.0-dev.20221003

package/dist/esm/components/Table/DataCell/DataCell.js

@@ -2,8 +2,8 @@ import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { spacingsTemplate, typographyTemplate, bordersTemplate, useToken } from '@equinor/eds-utils';
 import { applyVariant, tableCell } from './DataCell.tokens.js';
-import { useEds } from '../../EdsProvider/eds.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const StyledTableCell = styled.td.withConfig({
   displayName: "DataCell__StyledTableCell",

package/dist/esm/components/Table/DataCell/DataCell.tokens.js

@@ -72,12 +72,12 @@ const tableCell = {
   spacings: {
     top: 'var(--eds_table__cell__padding_y, 0)',
     bottom: 'var(--eds_table__cell__padding_y, 0)',
-    left: "var(--eds_table__cell__padding_x, ".concat(medium, ")"),
-    right: "var(--eds_table__cell__padding_x, ".concat(medium, ")")
+    left: `var(--eds_table__cell__padding_x, ${medium})`,
+    right: `var(--eds_table__cell__padding_x, ${medium})`
   },
   typography: { ...cellTypography,
     color: typographyColor,
-    fontSize: "var(--eds_table__font_size, ".concat(cellTypography.fontSize, ")")
+    fontSize: `var(--eds_table__font_size, ${cellTypography.fontSize})`
   },
   states: {
     active: {
@@ -123,8 +123,8 @@ const tableCell = {
       spacings: {
         top: 'var(--eds_table__cell__padding_y_compact, 0)',
         bottom: 'var(--eds_table__cell__padding_y_compact, 0)',
-        left: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")"),
-        right: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")")
+        left: `var(--eds_table__cell__padding_x_compact, ${medium})`,
+        right: `var(--eds_table__cell__padding_x_compact, ${medium})`
       }
     }
   },

package/dist/esm/components/Table/HeaderCell/HeaderCell.js

@@ -2,8 +2,8 @@ import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { spacingsTemplate, typographyTemplate, bordersTemplate, useToken } from '@equinor/eds-utils';
 import { token } from './HeaderCell.tokens.js';
-import { useEds } from '../../EdsProvider/eds.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const StyledTableCell = styled.th.withConfig({
   displayName: "HeaderCell__StyledTableCell",

package/dist/esm/components/Table/HeaderCell/HeaderCell.tokens.js

@@ -58,7 +58,7 @@ const token = {
   },
   typography: { ...cellTypography,
     color: typographyColor,
-    fontSize: "var(--eds_table__font_size, ".concat(cellTypography.fontSize, ")")
+    fontSize: `var(--eds_table__font_size, ${cellTypography.fontSize})`
   },
   border: {
     type: 'bordergroup',
@@ -72,8 +72,8 @@ const token = {
   spacings: {
     top: 'var(--eds_table__cell__padding_y, 0)',
     bottom: 'var(--eds_table__cell__padding_y, 0)',
-    left: "var(--eds_table__cell__padding_x, ".concat(medium, ")"),
-    right: "var(--eds_table__cell__padding_x, ".concat(medium, ")")
+    left: `var(--eds_table__cell__padding_x, ${medium})`,
+    right: `var(--eds_table__cell__padding_x, ${medium})`
   },
   states: {
     active: {
@@ -118,8 +118,8 @@ const token = {
       spacings: {
         top: 'var(--eds_table__cell__padding_y_compact, 0)',
         bottom: 'var(--eds_table__cell__padding_y_compact, 0)',
-        left: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")"),
-        right: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")")
+        left: `var(--eds_table__cell__padding_x_compact, ${medium})`,
+        right: `var(--eds_table__cell__padding_x_compact, ${medium})`
       }
     }
   }

package/dist/esm/components/Table/index.js

@@ -1,9 +1,9 @@
 import { Table as Table$1 } from './Table.js';
 import { Body } from './Body.js';
 import { Cell } from './Cell.js';
+import { Caption } from './Caption.js';
 import { Head } from './Head/Head.js';
 import { Row } from './Row/Row.js';
-import { Caption } from './Caption.js';
 
 const Table = Table$1;
 Table.Body = Body;

package/dist/esm/components/TableOfContents/TableOfContents.js

@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { List } from '../List/index.js';
-import { Typography } from '../Typography/Typography.js';
 import { typographyTemplate, useToken } from '@equinor/eds-utils';
 import { tableOfContents } from './TableOfContents.tokens.js';
-import { useEds } from '../EdsProvider/eds.context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Typography } from '../Typography/Typography.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const StyledTableOfContents = styled.nav.withConfig({
   displayName: "TableOfContents__StyledTableOfContents",

package/dist/esm/components/Tabs/TabList.js

@@ -51,8 +51,8 @@ const TabList = /*#__PURE__*/forwardRef(function TabsList(_ref3, ref) {
   const Tabs = Children.map(children, (child, index) => {
     const tabRef = index === activeTab ? mergeRefs(child.ref, selectedTabRef) : child.ref;
     return /*#__PURE__*/cloneElement(child, {
-      id: "".concat(tabsId, "-tab-").concat(index + 1),
-      'aria-controls': "".concat(tabsId, "-panel-").concat(index + 1),
+      id: `${tabsId}-tab-${index + 1}`,
+      'aria-controls': `${tabsId}-panel-${index + 1}`,
       active: index === activeTab,
       index,
       onClick: () => handleChange(index),

package/dist/esm/components/Tabs/TabPanels.js

@@ -12,8 +12,8 @@ const TabPanels = /*#__PURE__*/forwardRef(function TabPanels(_ref, ref) {
     tabsId
   } = useContext(TabsContext);
   const Panels = Children.map(children, (child, index) => /*#__PURE__*/cloneElement(child, {
-    id: "".concat(tabsId, "-panel-").concat(index + 1),
-    'aria-labelledby': "".concat(tabsId, "-tab-").concat(index + 1),
+    id: `${tabsId}-panel-${index + 1}`,
+    'aria-labelledby': `${tabsId}-tab-${index + 1}`,
     hidden: activeTab !== index
   }));
   return /*#__PURE__*/jsx("div", {

package/dist/esm/components/Tabs/Tabs.js

@@ -3,8 +3,8 @@ import { TabsProvider } from './Tabs.context.js';
 import { token } from './Tabs.tokens.js';
 import { useId, mergeRefs, useToken } from '@equinor/eds-utils';
 import { ThemeProvider } from 'styled-components';
-import { useEds } from '../EdsProvider/eds.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Tabs = /*#__PURE__*/forwardRef(function Tabs(_ref, ref) {
   let {

package/dist/esm/components/Tabs/Tabs.tokens.js

@@ -109,7 +109,7 @@ const token = {
           outline: {
             type: 'outline',
             width: focusOutlineWidth,
-            offset: "-".concat(parseInt(focusOutlineWidth), "px"),
+            offset: `-${parseInt(focusOutlineWidth)}px`,
             style: 'dashed',
             color: focusOutlineColor
           }

package/dist/esm/components/TextField/Field.js

@@ -1,13 +1,13 @@
 import { forwardRef } from 'react';
 import { useTextField } from './TextField.context.js';
-import { Input } from '../Input/Input.js';
-import { Icon as InputIcon } from './Icon/Icon.js';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
 import * as TextField_tokens from './TextField.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Input } from '../Input/Input.js';
 import { Textarea } from '../Textarea/Textarea.js';
+import { Icon as InputIcon } from './Icon/Icon.js';
 import { useEds } from '../EdsProvider/eds.context.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 
 const {
   textfield
@@ -23,10 +23,10 @@ const Variation = _ref => {
   } = _ref;
 
   if (!variant) {
-    return "";
+    return ``;
   }
 
-  return css(["box-shadow:", ";", ""], isFocused ? "none" : variant === 'default' ? "inset 0 -1px 0 0 ".concat(((_token$border = token.border) === null || _token$border === void 0 ? void 0 : _token$border.type) === 'border' && ((_token$border2 = token.border) === null || _token$border2 === void 0 ? void 0 : _token$border2.color)) : "0 0 0 1px ".concat(((_token$border3 = token.border) === null || _token$border3 === void 0 ? void 0 : _token$border3.type) === 'border' && ((_token$border4 = token.border) === null || _token$border4 === void 0 ? void 0 : _token$border4.color)), isFocused && outlineTemplate(token.states.focus.outline));
+  return css(["box-shadow:", ";", ""], isFocused ? `none` : variant === 'default' ? `inset 0 -1px 0 0 ${((_token$border = token.border) === null || _token$border === void 0 ? void 0 : _token$border.type) === 'border' && ((_token$border2 = token.border) === null || _token$border2 === void 0 ? void 0 : _token$border2.color)}` : `0 0 0 1px ${((_token$border3 = token.border) === null || _token$border3 === void 0 ? void 0 : _token$border3.type) === 'border' && ((_token$border4 = token.border) === null || _token$border4 === void 0 ? void 0 : _token$border4.color)}`, isFocused && outlineTemplate(token.states.focus.outline));
 };
 
 const StrippedInput = styled(Input).withConfig({

package/dist/esm/components/TextField/HelperText/HelperText.js

@@ -3,8 +3,8 @@ import styled, { css } from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
 import { helperText } from './HelperText.token.js';
 import { useTextField } from '../TextField.context.js';
-import { Icon as InputIcon } from '../Icon/Icon.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon as InputIcon } from '../Icon/Icon.js';
 
 const Variation = _ref => {
   let {
@@ -14,7 +14,7 @@ const Variation = _ref => {
   } = _ref;
 
   if (!variant) {
-    return "";
+    return ``;
   }
 
   const {

package/dist/esm/components/TextField/TextField.context.js

@@ -1,4 +1,4 @@
-import { useState, useContext, createContext } from 'react';
+import { useState, createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 const initalState = {

package/dist/esm/components/TextField/TextField.js

@@ -1,13 +1,13 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { Field } from './Field.js';
-import { Label } from '../Label/Label.js';
-import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
 import { TextFieldProvider } from './TextField.context.js';
 import { textfield } from './TextField.tokens.js';
 import { useId, useToken } from '@equinor/eds-utils';
-import { useEds } from '../EdsProvider/eds.context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Label } from '../Label/Label.js';
+import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Container = styled.div.withConfig({
   displayName: "TextField__Container",

package/dist/esm/components/Textarea/Textarea.js

@@ -2,9 +2,9 @@ import { forwardRef, useState, useMemo } from 'react';
 import styled, { css } from 'styled-components';
 import * as Input_tokens from '../Input/Input.tokens.js';
 import { input as input$1 } from '../Input/Input.tokens.js';
-import { typographyTemplate, spacingsTemplate, outlineTemplate, useAutoResize, mergeRefs } from '@equinor/eds-utils';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { typographyTemplate, useAutoResize, mergeRefs, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const {
   input
@@ -18,7 +18,7 @@ const Variation = _ref => {
   } = _ref;
 
   if (!variant) {
-    return "";
+    return ``;
   }
 
   const {

package/dist/esm/components/Tooltip/Tooltip.js

@@ -94,8 +94,8 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
 
   if (arrowRef.current) {
     Object.assign(arrowRef.current.style, {
-      left: arrowX != null ? "".concat(arrowX, "px") : '',
-      top: arrowY != null ? "".concat(arrowY, "px") : '',
+      left: arrowX != null ? `${arrowX}px` : '',
+      top: arrowY != null ? `${arrowY}px` : '',
       right: '',
       bottom: '',
       [staticSide]: '-6px',
@@ -116,8 +116,8 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
           ref: tooltipRef,
           style: { ...style,
             position: strategy,
-            top: y !== null && y !== void 0 ? y : 0,
-            left: x !== null && x !== void 0 ? x : 0
+            top: y || 0,
+            left: x || 0
           }
         }),
         children: [title, /*#__PURE__*/jsx(ArrowWrapper, {

package/dist/esm/components/TopBar/TopBar.js

@@ -1,24 +1,26 @@
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { bordersTemplate, spacingsTemplate, typographyTemplate, useToken } from '@equinor/eds-utils';
-import { Paper } from '../Paper/Paper.js';
 import { topbar } from './TopBar.tokens.js';
-import { useEds } from '../EdsProvider/eds.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { Paper } from '../Paper/Paper.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const StyledTopBar = styled(Paper).withConfig({
   displayName: "TopBar__StyledTopBar",
   componentId: "sc-1yj236q-0"
 })(_ref => {
   let {
-    theme
+    theme,
+    sticky
   } = _ref;
-  return css(["height:", ";top:0;position:sticky;background:", ";box-sizing:border-box;z-index:1100;display:grid;grid-column-gap:", ";grid-template-columns:auto 1fr auto;grid-template-areas:'left center right';align-items:center;", " ", ";", ""], theme.height, theme.background, theme.spacings.left, bordersTemplate(theme.border), spacingsTemplate(theme.spacings), typographyTemplate(theme.typography));
+  return css(["height:", ";background:", ";box-sizing:border-box;display:grid;grid-column-gap:", ";grid-template-columns:auto 1fr auto;grid-template-areas:'left center right';align-items:center;", " ", ";", " ", ""], theme.height, theme.background, theme.spacings.left, bordersTemplate(theme.border), spacingsTemplate(theme.spacings), typographyTemplate(theme.typography), sticky && css(["position:sticky;top:0;z-index:1100;"]));
 });
 const TopBar = /*#__PURE__*/forwardRef(function TopBar(_ref2, ref) {
   let {
     children,
     elevation = 'none',
+    sticky = true,
     ...props
   } = _ref2;
   const {
@@ -35,6 +37,7 @@ const TopBar = /*#__PURE__*/forwardRef(function TopBar(_ref2, ref) {
     children: /*#__PURE__*/jsx(StyledTopBar, {
       forwardedAs: 'header',
       elevation: elevation,
+      sticky: sticky,
       ...rest,
       children: children
     })

package/dist/esm/components/Typography/Typography.js

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { colors, link, quickVariants, typography } from './Typography.tokens.js';
+import { link, quickVariants, typography, colors } from './Typography.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getElementType = (variant, link) => {
@@ -47,7 +47,7 @@ const toVariantName = function (variant) {
   let bold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   let italic = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   let link = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  return "".concat(variant).concat(bold ? '_bold' : '').concat(italic ? '_italic' : '').concat(link ? '_link' : '');
+  return `${variant}${bold ? '_bold' : ''}${italic ? '_italic' : ''}${link ? '_link' : ''}`;
 };
 
 const StyledTypography = styled.p.withConfig({
@@ -96,7 +96,7 @@ const Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
   const typography = findTypography(variantName, group);
 
   if (typeof typography === 'undefined') {
-    throw new Error("Typography variant not found for variant \"".concat(variantName, "\" (\"").concat(variant, "\") & group \"").concat(group || '', "\""));
+    throw new Error(`Typography variant not found for variant "${variantName}" ("${variant}") & group "${group || ''}"`);
   }
 
   return /*#__PURE__*/jsx(StyledTypography, {

package/dist/esm/index.js

@@ -1,8 +1,5 @@
 export { Button } from './components/Button/index.js';
-export { Typography } from './components/Typography/Typography.js';
 export { Table } from './components/Table/index.js';
-export { Divider } from './components/Divider/Divider.js';
-export { TextField } from './components/TextField/TextField.js';
 export { Icon } from './components/Icon/index.js';
 export { List } from './components/List/index.js';
 export { Accordion } from './components/Accordion/index.js';
@@ -10,20 +7,27 @@ export { Tabs } from './components/Tabs/index.js';
 export { Card } from './components/Card/index.js';
 export { TopBar } from './components/TopBar/index.js';
 export { Dialog } from './components/Dialog/index.js';
-export { Scrim } from './components/Scrim/Scrim.js';
 export { TableOfContents } from './components/TableOfContents/index.js';
-export { SideSheet } from './components/SideSheet/SideSheet.js';
-export { Chip } from './components/Chip/Chip.js';
-export { Avatar } from './components/Avatar/Avatar.js';
-export { Search } from './components/Search/Search.js';
-export { Slider } from './components/Slider/Slider.js';
-export { Tooltip } from './components/Tooltip/Tooltip.js';
 export { Snackbar } from './components/Snackbar/index.js';
 export { Popover } from './components/Popover/index.js';
 export { Banner } from './components/Banner/index.js';
 export { Progress } from './components/Progress/index.js';
 export { Breadcrumbs } from './components/Breadcrumbs/index.js';
 export { Menu } from './components/Menu/index.js';
+export { Typography } from './components/Typography/Typography.js';
+export { Divider } from './components/Divider/Divider.js';
+export { TextField } from './components/TextField/TextField.js';
+export { Scrim } from './components/Scrim/Scrim.js';
+export { SideSheet } from './components/SideSheet/SideSheet.js';
+export { Chip } from './components/Chip/Chip.js';
+export { Avatar } from './components/Avatar/Avatar.js';
+export { Search } from './components/Search/Search.js';
+export { Slider } from './components/Slider/Slider.js';
+export { Tooltip } from './components/Tooltip/Tooltip.js';
+export { LinearProgress } from './components/Progress/Linear/LinearProgress.js';
+export { CircularProgress } from './components/Progress/Circular/CircularProgress.js';
+export { StarProgress } from './components/Progress/Star/StarProgress.js';
+export { DotProgress } from './components/Progress/Dots/DotProgress.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { NativeSelect } from './components/Select/NativeSelect/NativeSelect.js';
 export { SingleSelect } from './components/Select/SingleSelect/SingleSelect.js';
@@ -36,7 +40,3 @@ export { Switch } from './components/Switch/Switch.js';
 export { EdsProvider, useEds } from './components/EdsProvider/eds.context.js';
 export { Paper } from './components/Paper/Paper.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
-export { LinearProgress } from './components/Progress/Linear/LinearProgress.js';
-export { CircularProgress } from './components/Progress/Circular/CircularProgress.js';
-export { StarProgress } from './components/Progress/Star/StarProgress.js';
-export { DotProgress } from './components/Progress/Dots/DotProgress.js';

package/dist/esm/node_modules/.pnpm/ramda@0.28.0/node_modules/ramda/es/mergeDeepRight.js

@@ -29,4 +29,6 @@ var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
   }, lObj, rObj);
 });
 
-export { mergeDeepRight as default };
+var mergeDeepRight$1 = mergeDeepRight;
+
+export { mergeDeepRight$1 as default };

package/dist/types/components/Button/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { ButtonGroupProps } from '../ButtonGroup';
+export declare type ToggleButtonProps = {
+    /** Multiple */
+    multiple?: boolean;
+    /** Array of selected indexses. */
+    selectedIndexes?: number[];
+    /** OnChange */
+    onChange?: (indexes: number[]) => void;
+} & Omit<HTMLAttributes<HTMLElement>, 'onChange'> & Pick<ButtonGroupProps, 'vertical'>;
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<{
+    /** Multiple */
+    multiple?: boolean;
+    /** Array of selected indexses. */
+    selectedIndexes?: number[];
+    /** OnChange */
+    onChange?: (indexes: number[]) => void;
+} & Omit<HTMLAttributes<HTMLElement>, "onChange"> & Pick<ButtonGroupProps, "vertical"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Button/ToggleButton/index.d.ts

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

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

@@ -1,8 +1,10 @@
 import { Button as ButtonWrapper, ButtonProps } from './Button';
 import { ButtonGroup, ButtonGroupProps } from './ButtonGroup/ButtonGroup';
+import { ToggleButton, ToggleButtonProps } from './ToggleButton/ToggleButton';
 declare type ButtonCompoundProps = typeof ButtonWrapper & {
     Group: typeof ButtonGroup;
+    Toggle: typeof ToggleButton;
 };
 declare const Button: ButtonCompoundProps;
 export { Button };
-export type { ButtonProps, ButtonGroupProps };
+export type { ButtonProps, ButtonGroupProps, ToggleButtonProps };

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

@@ -4,6 +4,8 @@ export declare type DividerProps = {
     color?: 'lighter' | 'light' | 'medium';
     /** Vertical spacings */
     variant?: 'small' | 'medium';
+    /** Divider thickness in px*/
+    size?: '1' | '2';
     /** @ignore */
     className?: string;
 } & HTMLAttributes<HTMLHRElement>;
@@ -12,6 +14,8 @@ export declare const Divider: import("react").ForwardRefExoticComponent<{
     color?: 'lighter' | 'light' | 'medium';
     /** Vertical spacings */
     variant?: 'small' | 'medium';
+    /** Divider thickness in px*/
+    size?: '1' | '2';
     /** @ignore */
     className?: string;
 } & HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;

package/dist/types/components/Divider/Divider.tokens.d.ts

@@ -5,7 +5,6 @@ declare type DividerVariantsToken = {
     light: DividerToken;
     mediumColor: DividerToken;
 };
-export declare const baseDivider: DividerToken;
 export declare const divider: DividerVariantsToken;
 export declare const small: DividerToken;
 export declare const medium: DividerToken;

package/dist/types/components/EdsProvider/eds.context.d.ts

@@ -4,6 +4,7 @@ declare type State = {
     density: Density;
 };
 declare type UseEdsProps<T> = {
+    /** Use this to update the `density` from nested components in `EdsProvider` */
     setDensity: (density: Density) => void;
 } & T;
 export declare type EdsProviderProps = {

package/dist/types/components/Select/commonStyles.d.ts

@@ -23,6 +23,11 @@ export declare const StyledButton: import("styled-components").StyledComponent<i
     Group: import("react").ForwardRefExoticComponent<{
         vertical?: boolean;
     } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Toggle: import("react").ForwardRefExoticComponent<{
+        multiple?: boolean;
+        selectedIndexes?: number[];
+        onChange?: (indexes: number[]) => void;
+    } & Omit<HTMLAttributes<HTMLElement>, "onChange"> & Pick<import("../Button").ButtonGroupProps, "vertical"> & import("react").RefAttributes<HTMLDivElement>>;
 }, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -3,8 +3,12 @@ import type { Elevations } from '@equinor/eds-tokens';
 declare type AvailableElevations = keyof Pick<Elevations, 'none' | 'raised'>;
 export declare type TopbarProps = {
     elevation?: AvailableElevations;
+    /** Topbar will stick to top when scrolling. */
+    sticky?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const TopBar: import("react").ForwardRefExoticComponent<{
     elevation?: AvailableElevations;
+    /** Topbar will stick to top when scrolling. */
+    sticky?: boolean;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.21.0",
+  "version": "0.23.0-dev.20221003",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -31,53 +31,52 @@
     "react"
   ],
   "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.17.10",
-    "@babel/plugin-transform-runtime": "^7.17.10",
-    "@babel/preset-env": "^7.17.10",
-    "@babel/preset-react": "^7.16.7",
-    "@babel/preset-typescript": "^7.16.7",
+    "@babel/cli": "^7.18.10",
+    "@babel/core": "^7.19.1",
+    "@babel/plugin-transform-runtime": "^7.19.1",
+    "@babel/preset-env": "^7.19.1",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
     "@mdx-js/react": "1.6.22",
     "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@storybook/addon-a11y": "^6.4.22",
-    "@storybook/addon-actions": "^6.4.22",
-    "@storybook/addon-docs": "^6.4.22",
-    "@storybook/addon-essentials": "^6.4.22",
-    "@storybook/addon-links": "^6.4.22",
-    "@storybook/client-api": "^6.4.22",
-    "@storybook/react": "^6.4.22",
-    "@testing-library/dom": "^8.13.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "12.1.2",
-    "@testing-library/react-hooks": "7.0.2",
-    "@testing-library/user-event": "13.5.0",
-    "@types/jest": "^27.5.0",
-    "@types/ramda": "^0.28.12",
-    "@types/react": "^17.0.44",
-    "@types/react-dom": "^17.0.16",
-    "@types/styled-components": "^5.1.25",
-    "@types/testing-library__jest-dom": "^5.14.3",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@storybook/addon-a11y": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-docs": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/builder-webpack5": "^6.5.12",
+    "@storybook/client-api": "^6.5.12",
+    "@storybook/manager-webpack5": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@testing-library/dom": "^8.18.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "13.4.0",
+    "@testing-library/user-event": "14.4.3",
+    "@types/jest": "^29.0.3",
+    "@types/ramda": "^0.28.15",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "@types/styled-components": "^5.1.26",
+    "@types/testing-library__jest-dom": "^5.14.5",
     "babel-loader": "^8.2.5",
     "babel-plugin-styled-components": "^2.0.7",
-    "jest": "^28.0.3",
-    "jest-environment-jsdom": "^28.0.2",
-    "jest-styled-components": "^7.0.8",
+    "jest": "^29.0.3",
+    "jest-environment-jsdom": "^29.0.3",
+    "jest-styled-components": "^7.1.1",
     "js-file-download": "^0.4.12",
-    "postcss": "^8.4.13",
+    "postcss": "^8.4.16",
     "ramda": "^0.28.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-hook-form": "^7.30.0",
-    "react-is": "^18.1.0",
-    "rollup": "^2.72.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.36.1",
+    "rollup": "^2.79.1",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-postcss": "^4.0.2",
     "styled-components": "5.3.5",
     "tsc-watch": "^5.0.3",
-    "typescript": "^4.6.4",
-    "webpack": "^5.72.0"
+    "typescript": "^4.8.3"
   },
   "peerDependencies": {
     "react": ">=16.8",
@@ -85,13 +84,12 @@
     "styled-components": ">=4.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.9",
-    "@equinor/eds-icons": "0.12.0",
+    "@babel/runtime": "^7.19.0",
+    "@equinor/eds-icons": "0.14.0",
     "@equinor/eds-tokens": "0.7.1",
-    "@equinor/eds-utils": "0.3.0",
+    "@equinor/eds-utils": "0.4.0-dev.20221003",
     "@floating-ui/react-dom-interactions": "^0.6.6",
-    "downshift": "^6.1.7",
-    "react-fast-compare": "3.2.0"
+    "downshift": "^6.1.12"
   },
   "engines": {
     "pnpm": ">=4",