@equinor/eds-core-react 0.35.1 → 0.36.0

package/dist/esm/components/Dialog/DialogTitle.js

@@ -1,29 +1,28 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
-var _excluded = ["children"];
-var StyledDialogTitle = styled.div.withConfig({
+const StyledDialogTitle = styled.div.withConfig({
   displayName: "DialogTitle__StyledDialogTitle",
   componentId: "sc-1t3jljt-0"
-})(function (_ref) {
-  var theme = _ref.theme,
-    children = _ref.children;
+})(({
+  theme,
+  children
+}) => {
   return css(["", " min-height:", ";align-self:end;justify-self:start;margin-right:", ";", ""], typographyTemplate(theme.entities.title.typography), theme.entities.title.minHeight, theme.entities.children.spacings.right, !children && css(["min-height:initial;height:'8px';"]));
 });
-var DialogTitle = /*#__PURE__*/forwardRef(function DialogTitle(_ref2, ref) {
-  var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+const DialogTitle = /*#__PURE__*/forwardRef(function DialogTitle({
+  children,
+  ...rest
+}, ref) {
   return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(StyledDialogTitle, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsx(StyledDialogTitle, {
       id: "eds-dialog-title",
-      ref: ref
-    }, rest), {}, {
+      ref: ref,
+      ...rest,
       children: children
-    }))
+    })
   });
 });
 

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

@@ -4,7 +4,7 @@ import { DialogTitle } from './DialogTitle.js';
 import { DialogContent } from './DialogContent.js';
 import { DialogHeader } from './DialogHeader.js';
 
-var Dialog = Dialog$1;
+const Dialog = Dialog$1;
 Dialog.Actions = DialogActions;
 Dialog.Title = DialogTitle;
 Dialog.CustomContent = DialogContent;

package/dist/esm/components/Divider/Divider.js

@@ -1,41 +1,40 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import * as Divider_tokens from './Divider.tokens.js';
-import { divider as divider$1 } from './Divider.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["color", "variant", "size"];
-var divider = divider$1;
-var StyledDivider = styled.hr.withConfig({
+const {
+  divider
+} = Divider_tokens;
+const StyledDivider = styled.hr.withConfig({
   displayName: "Divider__StyledDivider",
   componentId: "sc-1d8osde-0"
-})(function (_ref) {
-  var $backgroundColor = _ref.$backgroundColor,
-    $marginTop = _ref.$marginTop,
-    $marginBottom = _ref.$marginBottom,
-    $dividerHeight = _ref.$dividerHeight;
+})(({
+  $backgroundColor,
+  $marginTop,
+  $marginBottom,
+  $dividerHeight
+}) => {
   return css(["border:none;background-color:", ";margin-top:", ";margin-bottom:calc(", " - ", "px);height:", "px;"], $backgroundColor, $marginTop, $marginBottom, $dividerHeight, $dividerHeight);
 });
-var Divider = /*#__PURE__*/forwardRef(function Divider(_ref2, ref) {
-  var _ref2$color = _ref2.color,
-    color = _ref2$color === void 0 ? 'medium' : _ref2$color,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'medium' : _ref2$variant,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? '1' : _ref2$size,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var colorValue = color === 'medium' ? 'mediumColor' : color;
-  var props = _objectSpread({
+const Divider = /*#__PURE__*/forwardRef(function Divider({
+  color = 'medium',
+  variant = 'medium',
+  size = '1',
+  ...rest
+}, ref) {
+  const colorValue = color === 'medium' ? 'mediumColor' : color;
+  const props = {
     $backgroundColor: divider[colorValue].background,
     $marginTop: Divider_tokens[variant].spacings.top,
     $marginBottom: Divider_tokens[variant].spacings.bottom,
-    $dividerHeight: parseInt(size)
-  }, rest);
-  return /*#__PURE__*/jsx(StyledDivider, _objectSpread(_objectSpread({}, props), {}, {
+    $dividerHeight: parseInt(size),
+    ...rest
+  };
+  return /*#__PURE__*/jsx(StyledDivider, {
+    ...props,
     ref: ref
-  }));
+  });
 });
 
 export { Divider };

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

@@ -1,13 +1,27 @@
 import { tokens } from '@equinor/eds-tokens';
 
-var _tokens$colors$ui = tokens.colors.ui,
-  lighter = _tokens$colors$ui.background__default.rgba,
-  light = _tokens$colors$ui.background__light.rgba,
-  mediumColor = _tokens$colors$ui.background__medium.rgba,
-  _tokens$spacings$comf = tokens.spacings.comfortable,
-  spacingSmall = _tokens$spacings$comf.small,
-  spacingMedium = _tokens$spacings$comf.medium;
-var divider = {
+const {
+  colors: {
+    ui: {
+      background__default: {
+        rgba: lighter
+      },
+      background__light: {
+        rgba: light
+      },
+      background__medium: {
+        rgba: mediumColor
+      }
+    }
+  },
+  spacings: {
+    comfortable: {
+      small: spacingSmall,
+      medium: spacingMedium
+    }
+  }
+} = tokens;
+const divider = {
   lighter: {
     background: lighter
   },
@@ -18,13 +32,13 @@ var divider = {
     background: mediumColor
   }
 };
-var small = {
+const small = {
   spacings: {
     top: spacingSmall,
     bottom: spacingSmall
   }
 };
-var medium = {
+const medium = {
   spacings: {
     top: spacingMedium,
     bottom: spacingMedium

package/dist/esm/components/EdsProvider/eds.context.js

@@ -1,45 +1,37 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useEffect, useContext, createContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var initalState = {
+const initalState = {
   /** Density for all components inside `EdsProvider` */
   density: 'comfortable'
 };
-var EdsContext = /*#__PURE__*/createContext(initalState);
-var EdsProvider = function EdsProvider(_ref) {
-  var children = _ref.children,
-    density = _ref.density;
-  var _useState = useState(_objectSpread(_objectSpread({}, initalState), {}, {
-      density: density || 'comfortable'
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var setDensity = function setDensity(density) {
-    return setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        density: density
-      });
-    });
-  };
-  useEffect(function () {
+const EdsContext = /*#__PURE__*/createContext(initalState);
+const EdsProvider = ({
+  children,
+  density
+}) => {
+  const [state, setState] = useState({
+    ...initalState,
+    density: density || 'comfortable'
+  });
+  const setDensity = density => setState(prevState => ({
+    ...prevState,
+    density
+  }));
+  useEffect(() => {
     if (typeof density !== 'undefined' && density !== state.density) {
       setDensity(density);
     }
   }, [density, state.density]);
-  var value = {
+  const value = {
     density: state.density,
-    setDensity: setDensity
+    setDensity
   };
   return /*#__PURE__*/jsx(EdsContext.Provider, {
     value: value,
     children: children
   });
 };
-var useEds = function useEds() {
-  return useContext(EdsContext);
-};
+const useEds = () => useContext(EdsContext);
 
 export { EdsProvider, useEds };

package/dist/esm/components/Icon/Icon.js

@@ -1,121 +1,118 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { get } from './library.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var _excluded = ["size", "color", "name", "rotation", "title", "data"];
-var StyledSvg = styled.svg.attrs(function (_ref) {
-  var $height = _ref.$height,
-    $width = _ref.$width,
-    fill = _ref.fill;
-  return {
-    name: null,
-    xmlns: 'http://www.w3.org/2000/svg',
-    height: "".concat($height, "px"),
-    width: "".concat($width, "px"),
-    fill: fill
-  };
-}).withConfig({
+const StyledSvg = styled.svg.attrs(({
+  $height,
+  $width,
+  fill
+}) => ({
+  name: null,
+  xmlns: 'http://www.w3.org/2000/svg',
+  height: `${$height}px`,
+  width: `${$width}px`,
+  fill
+})).withConfig({
   displayName: "Icon__StyledSvg",
   componentId: "sc-6evbi1-0"
-})(["transform:", ";"], function (_ref2) {
-  var $rotation = _ref2.$rotation;
-  return $rotation ? "rotate(".concat($rotation, "deg)") : 'none';
-});
-var StyledPath = styled.path.attrs(function (_ref3) {
-  var $height = _ref3.$height,
-    $size = _ref3.$size;
-  return {
-    size: null,
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    transform: $size / $height !== 1 ? "scale(".concat($size / $height, ")") : null
-  };
-}).withConfig({
+})(["transform:", ";"], ({
+  $rotation
+}) => $rotation ? `rotate(${$rotation}deg)` : 'none');
+const StyledPath = styled.path.attrs(({
+  $height,
+  $size
+}) => ({
+  size: null,
+  fillRule: 'evenodd',
+  clipRule: 'evenodd',
+  transform: $size / $height !== 1 ? `scale(${$size / $height})` : null
+})).withConfig({
   displayName: "Icon__StyledPath",
   componentId: "sc-6evbi1-1"
 })([""]);
-var customIcon = function customIcon(icon) {
-  return {
-    icon: icon,
-    count: Math.floor(Math.random() * 1000)
-  };
-};
-var findIcon = function findIcon(name, data, size) {
+const customIcon = icon => ({
+  icon,
+  count: Math.floor(Math.random() * 1000)
+});
+const findIcon = (name, data, size) => {
   // eslint-disable-next-line prefer-const
-  var _ref4 = data ? customIcon(data) : get(name),
-    icon = _ref4.icon,
-    count = _ref4.count;
+  let {
+    icon,
+    count
+  } = data ? customIcon(data) : get(name);
   if (size < 24) {
-    var _icon$sizes;
     // fallback to normal icon if small is not made yet
-    icon = ((_icon$sizes = icon.sizes) === null || _icon$sizes === void 0 ? void 0 : _icon$sizes.small) || icon;
+    icon = icon.sizes?.small || icon;
   }
   return {
-    icon: icon,
-    count: count
+    icon,
+    count
   };
 };
-var Icon = /*#__PURE__*/forwardRef(function Icon(_ref5, ref) {
-  var size = _ref5.size,
-    _ref5$color = _ref5.color,
-    color = _ref5$color === void 0 ? 'currentColor' : _ref5$color,
-    name = _ref5.name,
-    rotation = _ref5.rotation,
-    title = _ref5.title,
-    data = _ref5.data,
-    rest = _objectWithoutProperties(_ref5, _excluded);
+const Icon = /*#__PURE__*/forwardRef(function Icon({
+  size,
+  color = 'currentColor',
+  name,
+  rotation,
+  title,
+  data,
+  ...rest
+}, ref) {
   // eslint-disable-next-line prefer-const
-  var _findIcon = findIcon(name, data, size),
-    icon = _findIcon.icon,
-    count = _findIcon.count;
+  const {
+    icon,
+    count
+  } = findIcon(name, data, size);
   if (typeof icon === 'undefined') {
-    throw Error("Icon \"".concat(name, "\" not found. Have you added it using Icon.add() or using data props?"));
+    throw Error(`Icon "${name}" not found. Have you added it using Icon.add() or using data props?`);
   }
-  var $height = size ? size : parseInt(icon.width);
-  var $width = size ? size : parseInt(icon.height);
-  var svgProps = {
-    $height: $height,
-    $width: $width,
+  const $height = size ? size : parseInt(icon.width);
+  const $width = size ? size : parseInt(icon.height);
+  let svgProps = {
+    $height,
+    $width,
     fill: color,
-    viewBox: "0 0 ".concat($width, " ").concat($height),
+    viewBox: `0 0 ${$width} ${$height}`,
     $rotation: rotation,
-    name: name,
+    name,
     'aria-hidden': true
   };
-  var pathProps = {
+  const pathProps = {
     $height: icon.height ? parseInt(icon.height) : size,
     $size: size || parseInt(icon.height)
   };
 
   // Accessibility
-  var titleId = '';
+  let titleId = '';
   if (title) {
-    titleId = "".concat(icon.prefix, "-").concat(icon.name, "-").concat(count);
-    svgProps = _objectSpread(_objectSpread({}, svgProps), {}, {
-      title: title,
+    titleId = `${icon.prefix}-${icon.name}-${count}`;
+    svgProps = {
+      ...svgProps,
+      title,
       role: 'img',
       'aria-hidden': undefined,
       'aria-labelledby': titleId
-    });
+    };
   }
-  return /*#__PURE__*/jsxs(StyledSvg, _objectSpread(_objectSpread(_objectSpread({}, svgProps), rest), {}, {
+  return /*#__PURE__*/jsxs(StyledSvg, {
+    ...svgProps,
+    ...rest,
     ref: ref,
     children: [title && /*#__PURE__*/jsx("title", {
       id: titleId,
       children: title
-    }), Array.isArray(icon.svgPathData) ? icon.svgPathData.map(function (pathData) {
-      return /*#__PURE__*/jsx(StyledPath, _objectSpread(_objectSpread({}, pathProps), {}, {
+    }), Array.isArray(icon.svgPathData) ? icon.svgPathData.map(pathData => {
+      return /*#__PURE__*/jsx(StyledPath, {
+        ...pathProps,
         d: pathData
-      }), pathData);
-    }) : /*#__PURE__*/jsx(StyledPath, _objectSpread(_objectSpread({
-      "data-testid": "eds-icon-path"
-    }, pathProps), {}, {
+      }, pathData);
+    }) : /*#__PURE__*/jsx(StyledPath, {
+      "data-testid": "eds-icon-path",
+      ...pathProps,
       d: icon.svgPathData
-    }))]
-  }));
+    })]
+  });
 });
 
 // Icon.displayName = 'EdsIcon'

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

@@ -1,7 +1,7 @@
 import { Icon as Icon$1 } from './Icon.js';
 import { add } from './library.js';
 
-var Icon = Icon$1;
+const Icon = Icon$1;
 Icon.add = add;
 
 export { Icon };

package/dist/esm/components/Icon/library.js

@@ -1,17 +1,18 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-
-var _icons = {};
-var count = 0;
+let _icons = {};
+let count = 0;
 /** Add icons to library to be used for rendering using name.
 This needs to be done lonly once */
-var add = function add(icons) {
-  _icons = _objectSpread(_objectSpread({}, _icons), icons);
+const add = icons => {
+  _icons = {
+    ..._icons,
+    ...icons
+  };
 };
-var get = function get(name) {
+const get = name => {
   count += 1;
   return {
     icon: _icons[name],
-    count: count
+    count
   };
 };