@equinor/eds-core-react 0.26.0 → 0.28.0-dev12052022

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

@@ -13,40 +13,33 @@ var _excluded = ["variant", "disabled", "type", "rowsMax"];
 var input = input$1;
 var Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref, ref) {
   var variant = _ref.variant,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      rowsMax = _ref.rowsMax,
-      other = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    rowsMax = _ref.rowsMax,
+    other = _objectWithoutProperties(_ref, _excluded);
   var inputVariant = Input_tokens[variant] ? Input_tokens[variant] : input$1;
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      textareaEl = _useState2[0],
-      setTextareaEl = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    textareaEl = _useState2[0],
+    setTextareaEl = _useState2[1];
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var spacings = density === 'compact' ? input.modes.compact.spacings : input.spacings;
   var lineHeight = input$1.typography.lineHeight;
   var top = spacings.top,
-      bottom = spacings.bottom;
+    bottom = spacings.bottom;
   var fontSize = 16;
-
   if (textareaEl) {
     fontSize = parseInt(window.getComputedStyle(textareaEl).fontSize);
   }
-
   var padding = parseInt(top) + parseInt(bottom);
   var maxHeight = parseFloat(lineHeight) * fontSize * rowsMax + padding;
   useAutoResize(textareaEl, rowsMax ? maxHeight : null);
   var combinedRef = useCallback(function () {
     return mergeRefs(ref, setTextareaEl);
   }, [setTextareaEl, ref])();
-
   var inputProps = _objectSpread({
     ref: combinedRef,
     type: type,
@@ -55,7 +48,6 @@ var Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref, ref) {
     token: inputVariant,
     density: density
   }, other);
-
   var adornmentsToTop = {
     style: {
       alignItems: 'flex-start'

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

@@ -24,63 +24,56 @@ var TooltipArrow = styled.svg.withConfig({
 })(["width:", ";height:", ";position:absolute;fill:", ";"], tooltip.entities.arrow.width, tooltip.entities.arrow.height, tooltip.background);
 var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
   var title = _ref.title,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$enterDelay = _ref.enterDelay,
-      enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$enterDelay = _ref.enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var arrowRef = useRef(null);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var shouldOpen = title !== '';
-
   var _useFloating = useFloating({
-    placement: placement,
-    open: open,
-    onOpenChange: setOpen,
-    middleware: [offset(14), flip(), shift({
-      padding: 8
-    }), arrow({
-      element: arrowRef
-    })],
-    whileElementsMounted: autoUpdate
-  }),
-      x = _useFloating.x,
-      y = _useFloating.y,
-      reference = _useFloating.reference,
-      floating = _useFloating.floating,
-      strategy = _useFloating.strategy,
-      context = _useFloating.context,
-      _useFloating$middlewa = _useFloating.middlewareData.arrow;
-
+      placement: placement,
+      open: open,
+      onOpenChange: setOpen,
+      middleware: [offset(14), flip(), shift({
+        padding: 8
+      }), arrow({
+        element: arrowRef
+      })],
+      whileElementsMounted: autoUpdate
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    strategy = _useFloating.strategy,
+    context = _useFloating.context,
+    _useFloating$middlewa = _useFloating.middlewareData.arrow;
   _useFloating$middlewa = _useFloating$middlewa === void 0 ? {} : _useFloating$middlewa;
   var arrowX = _useFloating$middlewa.x,
-      arrowY = _useFloating$middlewa.y,
-      finalPlacement = _useFloating.placement;
+    arrowY = _useFloating$middlewa.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]);
   var tooltipRef = useMemo(function () {
     return mergeRefs(floating, ref);
   }, [floating, ref]);
-
   var _useInteractions = useInteractions([useHover(context, {
-    delay: {
-      open: enterDelay
-    }
-  }), useFocus(context), useRole(context, {
-    role: 'tooltip'
-  }), useDismiss(context)]),
-      getReferenceProps = _useInteractions.getReferenceProps,
-      getFloatingProps = _useInteractions.getFloatingProps;
-
+      delay: {
+        open: enterDelay
+      }
+    }), useFocus(context), useRole(context, {
+      role: 'tooltip'
+    }), useDismiss(context)]),
+    getReferenceProps = _useInteractions.getReferenceProps,
+    getFloatingProps = _useInteractions.getFloatingProps;
   useEffect(function () {
     var staticSide = {
       top: 'bottom',
@@ -89,28 +82,22 @@ var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
       left: 'right'
     }[finalPlacement.split('-')[0]];
     var arrowTransform = 'none';
-
     switch (staticSide) {
       case 'right':
         arrowTransform = 'rotateY(180deg)';
         break;
-
       case 'left':
         arrowTransform = 'none';
         break;
-
       case 'top':
         arrowTransform = 'rotate(90deg)';
         break;
-
       case 'bottom':
         arrowTransform = 'rotate(-90deg)';
         break;
     }
-
     if (arrowRef.current) {
       var _Object$assign;
-
       Object.assign(arrowRef.current.style, (_Object$assign = {
         left: arrowX != null ? "".concat(arrowX, "px") : '',
         top: arrowY != null ? "".concat(arrowY, "px") : '',

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

@@ -2,13 +2,13 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
 
 var _tokens$colors = tokens.colors,
-    white = _tokens$colors.text.static_icons__primary_white.rgba,
-    background = _tokens$colors.ui.background__overlay.rgba,
-    ui = tokens.typography.ui,
-    _tokens$spacings$comf = tokens.spacings.comfortable,
-    spacingXlarge = _tokens$spacings$comf.x_large,
-    spacingSmall = _tokens$spacings$comf.small,
-    borderRadius = tokens.shape.corners.borderRadius;
+  white = _tokens$colors.text.static_icons__primary_white.rgba,
+  background = _tokens$colors.ui.background__overlay.rgba,
+  ui = tokens.typography.ui,
+  _tokens$spacings$comf = tokens.spacings.comfortable,
+  spacingXlarge = _tokens$spacings$comf.x_large,
+  spacingSmall = _tokens$spacings$comf.small,
+  borderRadius = tokens.shape.corners.borderRadius;
 var tooltip = {
   typography: _objectSpread(_objectSpread({}, ui.tooltip), {}, {
     color: white

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

@@ -11,13 +11,14 @@ var StyledActions = styled.div.withConfig({
 })(["grid-area:right;text-align:right;align-items:center;display:flex;"]);
 var Actions = /*#__PURE__*/forwardRef(function Actions(_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(StyledActions, _objectSpread(_objectSpread({
     ref: ref
   }, props), {}, {
     children: children
   }));
-}); // Actions.displayName = 'eds-topbar-actions'
+});
+
+// Actions.displayName = 'eds-topbar-actions'
 
 export { Actions };

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

@@ -11,13 +11,14 @@ var StyledCustomContent = styled.div.withConfig({
 })(["grid-area:center;"]);
 var CustomContent = /*#__PURE__*/forwardRef(function CustomContent(_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(StyledCustomContent, _objectSpread(_objectSpread({
     ref: ref
   }, props), {}, {
     children: children
   }));
-}); // CustomContent.displayName = 'eds-topbar-customcontent'
+});
+
+// CustomContent.displayName = 'eds-topbar-customcontent'
 
 export { CustomContent };

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

@@ -11,13 +11,14 @@ var StyledHeader = styled.div.withConfig({
 })(["grid-area:left;display:grid;grid-template-columns:auto auto;grid-gap:12px;align-items:center;"]);
 var Header = /*#__PURE__*/forwardRef(function Header(_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(StyledHeader, _objectSpread(_objectSpread({
     ref: ref
   }, props), {}, {
     children: children
   }));
-}); // Header.displayName = 'eds-topbar-header'
+});
+
+// Header.displayName = 'eds-topbar-header'
 
 export { Header };

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

@@ -14,28 +14,24 @@ var StyledTopBar = styled(Paper).withConfig({
   componentId: "sc-1yj236q-0"
 })(function (_ref) {
   var theme = _ref.theme,
-      sticky = _ref.sticky;
+    sticky = _ref.sticky;
   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;"]));
 });
 var TopBar = /*#__PURE__*/forwardRef(function TopBar(_ref2, ref) {
   var children = _ref2.children,
-      _ref2$elevation = _ref2.elevation,
-      elevation = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
-      _ref2$sticky = _ref2.sticky,
-      sticky = _ref2$sticky === void 0 ? true : _ref2$sticky,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    _ref2$elevation = _ref2.elevation,
+    elevation = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
+    _ref2$sticky = _ref2.sticky,
+    sticky = _ref2$sticky === void 0 ? true : _ref2$sticky,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var token = useToken({
     density: density
   }, topbar);
-
   var rest = _objectSpread(_objectSpread({}, props), {}, {
     ref: ref
   });
-
   return /*#__PURE__*/jsx(ThemeProvider, {
     theme: token,
     children: /*#__PURE__*/jsx(StyledTopBar, _objectSpread(_objectSpread({
@@ -46,6 +42,8 @@ var TopBar = /*#__PURE__*/forwardRef(function TopBar(_ref2, ref) {
       children: children
     }))
   });
-}); // TopBar.displayName = 'eds-topbar'
+});
+
+// TopBar.displayName = 'eds-topbar'
 
 export { TopBar };

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

@@ -1,8 +1,8 @@
 import { tokens } from '@equinor/eds-tokens';
 
 var colors = tokens.colors,
-    comfortable = tokens.spacings.comfortable,
-    navigation = tokens.typography.navigation;
+  comfortable = tokens.spacings.comfortable,
+  navigation = tokens.typography.navigation;
 var topbar = {
   height: '64px',
   background: colors.ui.background__default.rgba,

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

@@ -7,12 +7,10 @@ import { link, quickVariants, typography, colors } from './Typography.tokens.js'
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["variant", "children", "bold", "italic", "link", "group", "token", "as"];
-
 var getElementType = function getElementType(variant, link) {
   if (link) {
     return 'a';
   }
-
   switch (variant) {
     case 'h1':
     case 'h2':
@@ -21,7 +19,6 @@ var getElementType = function getElementType(variant, link) {
     case 'h5':
     case 'h6':
       return variant;
-
     case 'caption':
     case 'overline':
     case 'ingress':
@@ -32,34 +29,29 @@ var getElementType = function getElementType(variant, link) {
       return 'p';
   }
 };
-
 var findTypography = function findTypography(variantName, group) {
   // For quick use when using paragraphs and headings we can skip group
   if (!group && quickVariants[variantName]) {
     return quickVariants[variantName];
   }
-
   return typography[group][variantName];
 };
-
 var findColor = function findColor() {
   var inputColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   return typeof colors[inputColor] === 'undefined' ? inputColor : colors[inputColor];
 };
-
 var toVariantName = function toVariantName(variant) {
   var bold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var italic = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var link = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return "".concat(variant).concat(bold ? '_bold' : '').concat(italic ? '_italic' : '').concat(link ? '_link' : '');
 };
-
 var StyledTypography = styled.p.withConfig({
   displayName: "Typography__StyledTypography",
   componentId: "sc-179guof-0"
 })(["", " ", " ", " ", ""], function (_ref) {
   var typography = _ref.typography,
-      $link = _ref.$link;
+    $link = _ref.$link;
   return typographyTemplate(typography, $link);
 }, function (_ref2) {
   var color = _ref2.color;
@@ -68,7 +60,8 @@ var StyledTypography = styled.p.withConfig({
   });
 }, function (_ref3) {
   var lines = _ref3.lines;
-  return (//https://caniuse.com/#feat=css-line-clamp
+  return (
+    //https://caniuse.com/#feat=css-line-clamp
     lines > 0 && css(["&{display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}"], lines)
   );
 }, function (_ref4) {
@@ -77,24 +70,21 @@ var StyledTypography = styled.p.withConfig({
 });
 var Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
   var _ref5$variant = _ref5.variant,
-      variant = _ref5$variant === void 0 ? 'body_short' : _ref5$variant,
-      children = _ref5.children,
-      bold = _ref5.bold,
-      italic = _ref5.italic,
-      link = _ref5.link,
-      group = _ref5.group,
-      token = _ref5.token,
-      providedAs = _ref5.as,
-      other = _objectWithoutProperties(_ref5, _excluded);
-
+    variant = _ref5$variant === void 0 ? 'body_short' : _ref5$variant,
+    children = _ref5.children,
+    bold = _ref5.bold,
+    italic = _ref5.italic,
+    link = _ref5.link,
+    group = _ref5.group,
+    token = _ref5.token,
+    providedAs = _ref5.as,
+    other = _objectWithoutProperties(_ref5, _excluded);
   var as = providedAs ? providedAs : getElementType(variant, link);
   var variantName = toVariantName(variant, bold, italic, link);
   var typography = findTypography(variantName, group);
-
   if (typeof typography === 'undefined') {
     throw new Error("Typography variant not found for variant \"".concat(variantName, "\" (\"").concat(variant, "\") & group \"").concat(group || '', "\""));
   }
-
   return /*#__PURE__*/jsx(StyledTypography, _objectSpread(_objectSpread({
     as: as,
     typography: _objectSpread(_objectSpread({}, typography), token),
@@ -103,6 +93,8 @@ var Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
   }, other), {}, {
     children: children
   }));
-}); // Typography.displayName = 'EdsTypography'
+});
+
+// Typography.displayName = 'EdsTypography'
 
 export { Typography };

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

@@ -2,18 +2,18 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
 
 var typography = tokens.typography,
-    colorsToken = tokens.colors,
-    focusOutlineWidth = tokens.interactions.focused.width;
+  colorsToken = tokens.colors,
+  focusOutlineWidth = tokens.interactions.focused.width;
 var heading = typography.heading,
-    paragraph = typography.paragraph;
+  paragraph = typography.paragraph;
 var _colorsToken$interact = colorsToken.interactive,
-    primary = _colorsToken$interact.primary__resting.rgba,
-    secondary = _colorsToken$interact.secondary__resting.rgba,
-    danger = _colorsToken$interact.danger__resting.rgba,
-    warning = _colorsToken$interact.warning__resting.rgba,
-    success = _colorsToken$interact.success__resting.rgba,
-    disabled = _colorsToken$interact.disabled__text.rgba,
-    focus = _colorsToken$interact.focus.rgba;
+  primary = _colorsToken$interact.primary__resting.rgba,
+  secondary = _colorsToken$interact.secondary__resting.rgba,
+  danger = _colorsToken$interact.danger__resting.rgba,
+  warning = _colorsToken$interact.warning__resting.rgba,
+  success = _colorsToken$interact.success__resting.rgba,
+  disabled = _colorsToken$interact.disabled__text.rgba,
+  focus = _colorsToken$interact.focus.rgba;
 var colors = {
   primary: primary,
   secondary: secondary,
@@ -22,9 +22,7 @@ var colors = {
   success: success,
   disabled: disabled
 };
-
 var quickVariants = _objectSpread(_objectSpread({}, heading), paragraph);
-
 var link = {
   states: {
     focus: {

package/dist/esm/index.js

@@ -31,8 +31,6 @@ 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';
-export { MultiSelect } from './components/Select/MultiSelect/MultiSelect.js';
 export { Label } from './components/Label/Label.js';
 export { Input } from './components/Input/Input.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';

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

@@ -15,12 +15,10 @@ function _curry2(fn) {
     switch (arguments.length) {
       case 0:
         return f2;
-
       case 1:
         return _isPlaceholder(a) ? f2 : _curry1(function (_b) {
           return fn(a, _b);
         });
-
       default:
         return _isPlaceholder(a) && _isPlaceholder(b) ? f2 : _isPlaceholder(a) ? _curry1(function (_a) {
           return fn(_a, b);

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

@@ -16,12 +16,10 @@ function _curry3(fn) {
     switch (arguments.length) {
       case 0:
         return f3;
-
       case 1:
         return _isPlaceholder(a) ? f3 : _curry2(function (_b, _c) {
           return fn(a, _b, _c);
         });
-
       case 2:
         return _isPlaceholder(a) && _isPlaceholder(b) ? f3 : _isPlaceholder(a) ? _curry2(function (_a, _c) {
           return fn(_a, b, _c);
@@ -30,7 +28,6 @@ function _curry3(fn) {
         }) : _curry1(function (_c) {
           return fn(a, b, _c);
         });
-
       default:
         return _isPlaceholder(a) && _isPlaceholder(b) && _isPlaceholder(c) ? f3 : _isPlaceholder(a) && _isPlaceholder(b) ? _curry2(function (_a, _b) {
           return fn(_a, _b, c);

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

@@ -23,12 +23,12 @@ import mergeDeepWithKey from './mergeDeepWithKey.js';
  *      //=> { name: 'fred', age: 40, contact: { email: 'baa@example.com' }}
  */
 
-var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
+var mergeDeepRight = /*#__PURE__*/
+_curry2(function mergeDeepRight(lObj, rObj) {
   return mergeDeepWithKey(function (k, lVal, rVal) {
     return rVal;
   }, lObj, rObj);
 });
-
 var mergeDeepRight$1 = mergeDeepRight;
 
 export { mergeDeepRight$1 as default };

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

@@ -31,7 +31,8 @@ import mergeWithKey from './mergeWithKey.js';
  *      //=> { a: true, b: true, c: { thing: 'bar', values: [10, 20, 15, 35] }}
  */
 
-var mergeDeepWithKey = /*#__PURE__*/_curry3(function mergeDeepWithKey(fn, lObj, rObj) {
+var mergeDeepWithKey = /*#__PURE__*/
+_curry3(function mergeDeepWithKey(fn, lObj, rObj) {
   return mergeWithKey(function (k, lVal, rVal) {
     if (_isObject(lVal) && _isObject(rVal)) {
       return mergeDeepWithKey(fn, lVal, rVal);

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

@@ -27,22 +27,20 @@ import _has from './internal/_has.js';
  * @symb R.mergeWithKey(f, { x: 1, y: 2 }, { y: 5, z: 3 }) = { x: 1, y: f('y', 2, 5), z: 3 }
  */
 
-var mergeWithKey = /*#__PURE__*/_curry3(function mergeWithKey(fn, l, r) {
+var mergeWithKey = /*#__PURE__*/
+_curry3(function mergeWithKey(fn, l, r) {
   var result = {};
   var k;
-
   for (k in l) {
     if (_has(k, l)) {
       result[k] = _has(k, r) ? fn(k, l[k], r[k]) : l[k];
     }
   }
-
   for (k in r) {
     if (_has(k, r) && !_has(k, result)) {
       result[k] = r[k];
     }
   }
-
   return result;
 });
 

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

@@ -1,3 +1 @@
 export * from './NativeSelect';
-export * from './SingleSelect';
-export * from './MultiSelect';

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

@@ -1,8 +1,11 @@
-import { ForwardRefExoticComponent } from 'react';
-import { ButtonProps } from '../../..';
+/// <reference types="react" />
+import { ButtonProps } from '../../Button';
 import { IconData } from '@equinor/eds-icons';
 export declare type SideBarButtonProps = {
     label: string;
     icon: IconData;
 } & Omit<ButtonProps, 'href' | 'type' | 'fullWidth' | 'variant'>;
-export declare const SideBarButton: ForwardRefExoticComponent<SideBarButtonProps>;
+export declare const SideBarButton: import("react").ForwardRefExoticComponent<{
+    label: string;
+    icon: IconData;
+} & Omit<ButtonProps, "type" | "href" | "variant" | "fullWidth"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/SideBar/SideBarToggle.d.ts

@@ -1,4 +1,4 @@
-import { ForwardRefExoticComponent, HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 declare type SideBarToggleProps = HTMLAttributes<HTMLDivElement>;
-export declare const SideBarToggle: ForwardRefExoticComponent<SideBarToggleProps>;
+export declare const SideBarToggle: import("react").ForwardRefExoticComponent<SideBarToggleProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -11,8 +11,8 @@ export declare type SliderProps = {
     onChange?: (event: ChangeEvent<HTMLInputElement>, newValue: number[] | number) => void;
     /** Function to be called when value is committed by mouseup event */
     onChangeCommitted?: (event: MouseEvent | KeyboardEvent, newValue: number[] | number) => void;
-    /** Function for formatting the output, e.g. with dates */
-    outputFunction?: (text: number) => string;
+    /** Function for formatting the displayed value. E.g. formatting dates, or adding a unit suffix */
+    outputFunction?: (value: number) => string;
     /** Max value */
     max?: number;
     /**  Min value */
@@ -38,8 +38,8 @@ export declare const Slider: import("react").ForwardRefExoticComponent<{
     onChange?: (event: ChangeEvent<HTMLInputElement>, newValue: number[] | number) => void;
     /** Function to be called when value is committed by mouseup event */
     onChangeCommitted?: (event: MouseEvent | KeyboardEvent, newValue: number[] | number) => void;
-    /** Function for formatting the output, e.g. with dates */
-    outputFunction?: (text: number) => string;
+    /** Function for formatting the displayed value. E.g. formatting dates, or adding a unit suffix */
+    outputFunction?: (value: number) => string;
     /** Max value */
     max?: number;
     /**  Min value */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.26.0",
+  "version": "0.28.0-dev12052022",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -79,11 +79,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.19.0",
-    "@equinor/eds-icons": "0.15.0",
-    "@equinor/eds-tokens": "0.9.0",
-    "@equinor/eds-utils": "0.7.0",
     "@floating-ui/react-dom-interactions": "^0.10.1",
-    "downshift": "^6.1.12"
+    "@tanstack/react-virtual": "3.0.0-beta.30",
+    "downshift": "^7.0.1",
+    "@equinor/eds-icons": "0.17.0",
+    "@equinor/eds-tokens": "0.9.0",
+    "@equinor/eds-utils": "0.7.0"
   },
   "engines": {
     "pnpm": ">=4",