@equinor/eds-core-react 0.25.0 → 0.27.0

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

@@ -8,7 +8,6 @@ import { Textarea } from '../Textarea/Textarea.js';
 import { Input } from '../Input/Input.js';
 
 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 */
 var Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
   return props.multiline ? /*#__PURE__*/jsx(Textarea, _objectSpread({
@@ -19,26 +18,24 @@ var Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
 });
 var TextField = /*#__PURE__*/forwardRef(function TextField(_ref, ref) {
   var id = _ref.id,
-      label = _ref.label,
-      meta = _ref.meta,
-      unit = _ref.unit,
-      helperText = _ref.helperText,
-      placeholder = _ref.placeholder,
-      disabled = _ref.disabled,
-      _ref$multiline = _ref.multiline,
-      multiline = _ref$multiline === void 0 ? false : _ref$multiline,
-      className = _ref.className,
-      variant = _ref.variant,
-      inputIcon = _ref.inputIcon,
-      helperIcon = _ref.helperIcon,
-      style = _ref.style,
-      rowsMax = _ref.rowsMax,
-      textareaRef = _ref.textareaRef,
-      inputRef = _ref.inputRef,
-      other = _objectWithoutProperties(_ref, _excluded);
-
+    label = _ref.label,
+    meta = _ref.meta,
+    unit = _ref.unit,
+    helperText = _ref.helperText,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    _ref$multiline = _ref.multiline,
+    multiline = _ref$multiline === void 0 ? false : _ref$multiline,
+    className = _ref.className,
+    variant = _ref.variant,
+    inputIcon = _ref.inputIcon,
+    helperIcon = _ref.helperIcon,
+    style = _ref.style,
+    rowsMax = _ref.rowsMax,
+    textareaRef = _ref.textareaRef,
+    inputRef = _ref.inputRef,
+    other = _objectWithoutProperties(_ref, _excluded);
   var helperTextId = useId(null, 'helpertext');
-
   var fieldProps = _objectSpread({
     'aria-invalid': variant === 'error' || undefined,
     disabled: disabled,
@@ -54,7 +51,6 @@ var TextField = /*#__PURE__*/forwardRef(function TextField(_ref, ref) {
     ref: inputRef || textareaRef,
     multiline: multiline
   }, other);
-
   var helperProps = {
     id: null,
     text: helperText,
@@ -75,16 +71,14 @@ var TextField = /*#__PURE__*/forwardRef(function TextField(_ref, ref) {
     meta: meta,
     disabled: disabled
   };
-
   if (helperText) {
     fieldProps = _objectSpread({
       'aria-describedby': helperTextId
     }, fieldProps);
-    helperProps = _objectSpread({
+    helperProps = _objectSpread(_objectSpread({}, helperProps), {}, {
       id: helperTextId
-    }, helperProps);
+    });
   }
-
   return /*#__PURE__*/jsx(InputWrapper, _objectSpread(_objectSpread({
     helperProps: helperProps,
     labelProps: labelProps

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

@@ -13,7 +13,7 @@ var _excluded = ["title", "placement", "children", "style", "enterDelay"];
 var StyledTooltip = styled.div.withConfig({
   displayName: "Tooltip__StyledTooltip",
   componentId: "sc-m2im2p-0"
-})(["", " ", " ", " background:", ";z-index:1500;white-space:nowrap;"], typographyTemplate(tooltip.typography), spacingsTemplate(tooltip.spacings), bordersTemplate(tooltip.border), tooltip.background);
+})(["", " ", " ", " background:", ";z-index:1500;white-space:nowrap;&::before{content:'; Has tooltip: ';clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;}"], typographyTemplate(tooltip.typography), spacingsTemplate(tooltip.spacings), bordersTemplate(tooltip.border), tooltip.background);
 var ArrowWrapper = styled.div.withConfig({
   displayName: "Tooltip__ArrowWrapper",
   componentId: "sc-m2im2p-1"
@@ -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

@@ -8,16 +8,17 @@ var _excluded = ["children"];
 var StyledHeader = styled.div.withConfig({
   displayName: "Header__StyledHeader",
   componentId: "sc-1fpllve-0"
-})(["grid-area:left;display:grid;grid-template-columns:auto auto;grid-gap:24px;align-items:center;"]);
+})(["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

@@ -14,6 +14,7 @@ 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 { SideBar } from './components/SideBar/index.js';
 export { Typography } from './components/Typography/Typography.js';
 export { Divider } from './components/Divider/Divider.js';
 export { TextField } from './components/TextField/TextField.js';
@@ -30,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';
@@ -41,3 +40,4 @@ export { EdsProvider, useEds } from './components/EdsProvider/eds.context.js';
 export { Paper } from './components/Paper/Paper.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { InputWrapper } from './components/InputWrapper/InputWrapper.js';
+export { useSideBar } from './components/SideBar/SideBar.context.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);