@equinor/eds-core-react 0.35.1 → 0.36.1

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

@@ -1,38 +1,50 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
 import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
 
-var _tokens$colors = tokens.colors,
-  background = _tokens$colors.ui.background__light.rgba,
-  _tokens$colors$text = _tokens$colors.text,
-  static_icons__default = _tokens$colors$text.static_icons__default,
-  static_icons__tertiary = _tokens$colors$text.static_icons__tertiary,
-  _tokens$colors$intera = _tokens$colors.interactive,
-  disabled__text = _tokens$colors$intera.disabled__text,
-  primary__resting = _tokens$colors$intera.primary__resting,
-  danger__resting = _tokens$colors$intera.danger__resting,
-  danger__hover = _tokens$colors$intera.danger__hover,
-  warning__resting = _tokens$colors$intera.warning__resting,
-  warning__hover = _tokens$colors$intera.warning__hover,
-  success__resting = _tokens$colors$intera.success__resting,
-  success__hover = _tokens$colors$intera.success__hover,
-  _tokens$spacings$comf = tokens.spacings.comfortable,
-  small = _tokens$spacings$comf.small,
-  x_small = _tokens$spacings$comf.x_small,
-  typography = tokens.typography,
-  shape = tokens.shape;
-var input = {
+const {
+  colors: {
+    ui: {
+      background__light: {
+        rgba: background
+      }
+    },
+    text: {
+      static_icons__default,
+      static_icons__tertiary
+    },
+    interactive: {
+      disabled__text,
+      primary__resting,
+      danger__resting,
+      danger__hover,
+      warning__resting,
+      warning__hover,
+      success__resting,
+      success__hover
+    }
+  },
+  spacings: {
+    comfortable: {
+      small,
+      x_small
+    }
+  },
+  typography,
+  shape
+} = tokens;
+const input = {
   minHeight: shape.straight.minHeight,
-  background: background,
+  background,
   spacings: {
     left: small,
     right: small,
     top: '6px',
     bottom: '6px'
   },
-  typography: _objectSpread(_objectSpread({}, typography.input.text), {}, {
+  typography: {
+    ...typography.input.text,
     color: static_icons__default.rgba
-  }),
+  },
   entities: {
     placeholder: {
       typography: {
@@ -40,9 +52,10 @@ var input = {
       }
     },
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography.input.label), {}, {
+      typography: {
+        ...typography.input.label,
         color: static_icons__tertiary.rgba
-      }),
+      },
       states: {
         disabled: {
           typography: {
@@ -94,7 +107,7 @@ var input = {
     }
   }
 };
-var error = mergeDeepRight(input, {
+const error = mergeDeepRight(input, {
   boxShadow: 'none',
   outline: {
     color: danger__resting.rgba
@@ -108,13 +121,14 @@ var error = mergeDeepRight(input, {
   },
   entities: {
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography.input.label), {}, {
+      typography: {
+        ...typography.input.label,
         color: danger__hover.rgba
-      })
+      }
     }
   }
 });
-var warning = mergeDeepRight(input, {
+const warning = mergeDeepRight(input, {
   boxShadow: 'none',
   outline: {
     color: warning__resting.rgba
@@ -128,13 +142,14 @@ var warning = mergeDeepRight(input, {
   },
   entities: {
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography.input.label), {}, {
+      typography: {
+        ...typography.input.label,
         color: warning__hover.rgba
-      })
+      }
     }
   }
 });
-var success = mergeDeepRight(input, {
+const success = mergeDeepRight(input, {
   boxShadow: 'none',
   outline: {
     color: success__resting.rgba
@@ -148,17 +163,18 @@ var success = mergeDeepRight(input, {
   },
   entities: {
     helperText: {
-      typography: _objectSpread(_objectSpread({}, typography.input.label), {}, {
+      typography: {
+        ...typography.input.label,
         color: success__hover.rgba
-      })
+      }
     }
   }
 });
-var inputToken = {
-  input: input,
-  error: error,
-  warning: warning,
-  success: success
+const inputToken = {
+  input,
+  error,
+  warning,
+  success
 };
 
 export { error, input, inputToken, success, warning };

package/dist/esm/components/Label/Label.js

@@ -1,43 +1,39 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
 import { label } from './Label.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var _excluded = ["label", "meta", "disabled"];
-var LabelBase = styled.label.withConfig({
+const LabelBase = styled.label.withConfig({
   displayName: "Label__LabelBase",
   componentId: "sc-1gi2bcn-0"
-})(["display:flex;justify-content:space-between;position:relative;", " margin-left:", ";margin-right:", ";color:", ";"], typographyTemplate(label.typography), label.spacings.left, label.spacings.right, function (_ref) {
-  var $disabledText = _ref.$disabledText;
-  return $disabledText ? label.states.disabled.typography.color : label.typography.color;
-});
-var Text = styled.span.withConfig({
+})(["display:flex;justify-content:space-between;position:relative;", " margin-left:", ";margin-right:", ";color:", ";"], typographyTemplate(label.typography), label.spacings.left, label.spacings.right, ({
+  $disabledText
+}) => $disabledText ? label.states.disabled.typography.color : label.typography.color);
+const Text = styled.span.withConfig({
   displayName: "Label__Text",
   componentId: "sc-1gi2bcn-1"
 })(["margin:0;"]);
-var Label = /*#__PURE__*/forwardRef(function Label(props, ref) {
-  var _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    meta = props.meta,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    other = _objectWithoutProperties(props, _excluded);
+const Label = /*#__PURE__*/forwardRef(function Label(props, ref) {
+  const {
+    label = '',
+    meta,
+    disabled = false,
+    ...other
+  } = props;
   return (
     /*#__PURE__*/
     /*  @TODO: Other props spread has to be at the end for downshift to create the for attribute */
-    jsxs(LabelBase, _objectSpread(_objectSpread({
+    jsxs(LabelBase, {
       ref: ref,
-      $disabledText: disabled
-    }, other), {}, {
+      $disabledText: disabled,
+      ...other,
       children: [/*#__PURE__*/jsx(Text, {
         children: label
       }), meta && /*#__PURE__*/jsx(Text, {
         children: meta
       })]
-    }))
+    })
   );
 });
 

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

@@ -1,14 +1,18 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
 
-var colors = tokens.colors,
-  comfortable = tokens.spacings.comfortable,
-  typography = tokens.typography;
-var label = {
+const {
+  colors,
+  spacings: {
+    comfortable
+  },
+  typography
+} = tokens;
+const label = {
   background: colors.ui.background__light.rgba,
-  typography: _objectSpread(_objectSpread({}, typography.input.label), {}, {
+  typography: {
+    ...typography.input.label,
     color: colors.text.static_icons__tertiary.rgba
-  }),
+  },
   spacings: {
     left: comfortable.small,
     right: comfortable.small,

package/dist/esm/components/List/List.js

@@ -1,32 +1,30 @@
-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 { list } from './List.tokens.js';
 import { typographyTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "variant"];
-var typography = list.typography;
-var StyledList = styled.ul.withConfig({
+const {
+  typography
+} = list;
+const StyledList = styled.ul.withConfig({
   displayName: "List__StyledList",
   componentId: "sc-v9d2hy-0"
-})(["", " ", ""], function (_ref) {
-  var as = _ref.as;
-  return as === 'ol' ? css(["& ol{list-style-type:lower-alpha;}"]) : '';
-}, typographyTemplate(typography));
-var List = /*#__PURE__*/forwardRef(function List(_ref2, ref) {
-  var children = _ref2.children,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'bullet' : _ref2$variant,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var as = variant === 'numbered' ? 'ol' : 'ul';
-  return /*#__PURE__*/jsx(StyledList, _objectSpread(_objectSpread({
+})(["", " ", ""], ({
+  as
+}) => as === 'ol' ? css(["& ol{list-style-type:lower-alpha;}"]) : '', typographyTemplate(typography));
+const List = /*#__PURE__*/forwardRef(function List({
+  children,
+  variant = 'bullet',
+  ...props
+}, ref) {
+  const as = variant === 'numbered' ? 'ol' : 'ul';
+  return /*#__PURE__*/jsx(StyledList, {
     as: as,
-    ref: ref
-  }, props), {}, {
+    ref: ref,
+    ...props,
     children: children
-  }));
+  });
 });
 
 export { List };

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

@@ -1,7 +1,11 @@
 import { tokens } from '@equinor/eds-tokens';
 
-var paragraph = tokens.typography.paragraph;
-var list = {
+const {
+  typography: {
+    paragraph
+  }
+} = tokens;
+const list = {
   typography: paragraph.body_short
 };
 

package/dist/esm/components/List/ListItem.js

@@ -1,16 +1,15 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children"];
-var ListItem = /*#__PURE__*/forwardRef(function ListItem(_ref, ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx("li", _objectSpread(_objectSpread({}, props), {}, {
+const ListItem = /*#__PURE__*/forwardRef(function ListItem({
+  children,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx("li", {
+    ...props,
     ref: ref,
     children: children
-  }));
+  });
 });
 
 export { ListItem };

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

@@ -1,7 +1,7 @@
 import { List as List$1 } from './List.js';
 import { ListItem } from './ListItem.js';
 
-var List = List$1;
+const List = List$1;
 List.Item = ListItem;
 List.Item.displayName = 'List.Item';
 

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

@@ -1,64 +1,57 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useContext, createContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var initalState = {
+const initalState = {
   focusedIndex: -1,
   initialFocus: null,
   onClose: null
 };
-var MenuContext = /*#__PURE__*/createContext(initalState);
-var MenuProvider = function MenuProvider(_ref) {
-  var children = _ref.children;
-  var _useState = useState(initalState),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var focusedIndex = state.focusedIndex,
-    initialFocus = state.initialFocus,
-    onClose = state.onClose;
-  var setFocusedIndex = function setFocusedIndex(i) {
-    setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        focusedIndex: i
-      });
-    });
+const MenuContext = /*#__PURE__*/createContext(initalState);
+const MenuProvider = ({
+  children
+}) => {
+  const [state, setState] = useState(initalState);
+  const {
+    focusedIndex,
+    initialFocus,
+    onClose
+  } = state;
+  const setFocusedIndex = i => {
+    setState(prevState => ({
+      ...prevState,
+      focusedIndex: i
+    }));
   };
-  var setInitialFocus = function setInitialFocus(initialFocus) {
-    setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        initialFocus: initialFocus
-      });
-    });
+  const setInitialFocus = initialFocus => {
+    setState(prevState => ({
+      ...prevState,
+      initialFocus: initialFocus
+    }));
   };
-  var setOnClose = function setOnClose(onClose) {
-    var onCloseHelper = function onCloseHelper() {
+  const setOnClose = onClose => {
+    const onCloseHelper = () => {
       setFocusedIndex(-1);
       setInitialFocus(null);
       onClose();
     };
-    setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        onClose: onCloseHelper
-      });
-    });
+    setState(prevState => ({
+      ...prevState,
+      onClose: onCloseHelper
+    }));
   };
-  var value = {
-    setFocusedIndex: setFocusedIndex,
-    focusedIndex: focusedIndex,
-    setInitialFocus: setInitialFocus,
-    initialFocus: initialFocus,
-    setOnClose: setOnClose,
-    onClose: onClose
+  const value = {
+    setFocusedIndex,
+    focusedIndex,
+    setInitialFocus,
+    initialFocus,
+    setOnClose,
+    onClose
   };
   return /*#__PURE__*/jsx(MenuContext.Provider, {
     value: value,
     children: children
   });
 };
-var useMenu = function useMenu() {
-  return useContext(MenuContext);
-};
+const useMenu = () => useContext(MenuContext);
 
 export { MenuProvider, useMenu };