@equinor/eds-core-react 0.15.0-dev.20211116 → 0.15.0-dev.20211116v2

package/dist/esm/components/Pagination/Pagination.js

@@ -1,4 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, useState, useLayoutEffect } from 'react';
 import styled from 'styled-components';
 import { Icon } from '../Icon/index.js';
@@ -6,6 +5,7 @@ import { PaginationItem } from './PaginationItem.js';
 import { pagination } from './Pagination.tokens.js';
 import { chevron_left, chevron_right, more_horizontal } from '@equinor/eds-icons';
 import { PaginationControl } from './paginationControl.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useIsMounted } from '../../hooks/useMountedRef.js';
 import { Typography } from '../Typography/Typography.js';
 import { Button } from '../Button/Button.js';
@@ -89,60 +89,71 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination({
     withItemIndicator,
     ...rest
   };
-  const pagination = /*#__PURE__*/React.createElement(Navigation, _extends({
-    "aria-label": "pagination"
-  }, props), /*#__PURE__*/React.createElement(OrderedList, {
-    style: {
-      gridTemplateColumns: `repeat(${columns}, 48px)`
-    }
-  }, /*#__PURE__*/React.createElement(ListItem, {
-    key: "previous"
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost_icon",
-    onClick: activePage > 1 ? event => {
-      onPageChange(event, activePage - 1);
-    } : undefined,
-    disabled: activePage === 1,
-    "aria-label": "Go to previous page"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "chevron_left"
-  }))), items.length > 0 ? items.map((page, index) => page !== 'ELLIPSIS' ?
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  React.createElement(ListItem, {
-    key: `list-item ${index}`
-  }, /*#__PURE__*/React.createElement(PaginationItem, _extends({}, page, {
-    "aria-label": getAriaLabel(page, activePage),
-    "aria-current": activePage,
-    page: page,
-    selected: page === activePage,
-    onClick: event => {
-      onPageChange(event, page);
-    }
-  }))) : /*#__PURE__*/React.createElement(ListItem // eslint-disable-next-line react/no-array-index-key
-  , {
-    key: `ellipsis-${index}`
-  }, /*#__PURE__*/React.createElement(StyledIcon, {
-    name: "more_horizontal",
-    "aria-label": "Ellipsis of pages"
-  }))) : undefined, /*#__PURE__*/React.createElement(ListItem, {
-    key: "next"
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost_icon",
-    onClick: activePage < pages ? event => {
-      onPageChange(event, activePage + 1);
-    } : undefined,
-    "aria-label": "Go to next page",
-    disabled: activePage === pages
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "chevron_right"
-  })))));
-  return withItemIndicator ? /*#__PURE__*/React.createElement(FlexContainer, null, /*#__PURE__*/React.createElement(Text, null, currentItemFirst !== currentItemLast ? `${currentItemFirst}
+
+  const pagination = /*#__PURE__*/jsx(Navigation, {
+    "aria-label": "pagination",
+    ...props,
+    children: /*#__PURE__*/jsxs(OrderedList, {
+      style: {
+        gridTemplateColumns: `repeat(${columns}, 48px)`
+      },
+      children: [/*#__PURE__*/jsx(ListItem, {
+        children: /*#__PURE__*/jsx(Button, {
+          variant: "ghost_icon",
+          onClick: activePage > 1 ? event => {
+            onPageChange(event, activePage - 1);
+          } : undefined,
+          disabled: activePage === 1,
+          "aria-label": "Go to previous page",
+          children: /*#__PURE__*/jsx(Icon, {
+            name: "chevron_left"
+          })
+        })
+      }, "previous"), items.length > 0 ? items.map((page, index) => page !== 'ELLIPSIS' ?
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      jsx(ListItem, {
+        children: /*#__PURE__*/jsx(PaginationItem, { ...page,
+          "aria-label": getAriaLabel(page, activePage),
+          "aria-current": activePage,
+          page: page,
+          selected: page === activePage,
+          onClick: event => {
+            onPageChange(event, page);
+          }
+        })
+      }, `list-item ${index}`) : /*#__PURE__*/jsx(ListItem // eslint-disable-next-line react/no-array-index-key
+      , {
+        children: /*#__PURE__*/jsx(StyledIcon, {
+          name: "more_horizontal",
+          "aria-label": "Ellipsis of pages"
+        })
+      }, `ellipsis-${index}`)) : undefined, /*#__PURE__*/jsx(ListItem, {
+        children: /*#__PURE__*/jsx(Button, {
+          variant: "ghost_icon",
+          onClick: activePage < pages ? event => {
+            onPageChange(event, activePage + 1);
+          } : undefined,
+          "aria-label": "Go to next page",
+          disabled: activePage === pages,
+          children: /*#__PURE__*/jsx(Icon, {
+            name: "chevron_right"
+          })
+        })
+      }, "next")]
+    })
+  });
+
+  return withItemIndicator ? /*#__PURE__*/jsxs(FlexContainer, {
+    children: [/*#__PURE__*/jsx(Text, {
+      children: currentItemFirst !== currentItemLast ? `${currentItemFirst}
               ${' - '}
               ${currentItemLast}
               ${' of '}
               ${totalItems}
-              ${' items'}` : `${currentItemFirst} ${' of '} ${totalItems} ${' items'}`), pagination) : pagination;
+              ${' items'}` : `${currentItemFirst} ${' of '} ${totalItems} ${' items'}`
+    }), pagination]
+  }) : pagination;
 });
 
 export { Pagination };

package/dist/esm/components/Pagination/PaginationItem.js

@@ -1,6 +1,6 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import { pagination } from './Pagination.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 import { Button } from '../Button/Button.js';
 
 const PaginationItem = /*#__PURE__*/forwardRef(function PaginationItem({
@@ -16,13 +16,15 @@ const PaginationItem = /*#__PURE__*/forwardRef(function PaginationItem({
     ...rest
   };
   const background = selected ? pagination.entities.item.states.active.background : null;
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/jsx(Button, {
     style: {
       background
     },
     variant: "ghost_icon",
-    onClick: onClick ? onClick : undefined
-  }, props), page);
+    onClick: onClick ? onClick : undefined,
+    ...props,
+    children: page
+  });
 });
 
 export { PaginationItem };

package/dist/esm/components/Paper/Paper.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { paper, elevation } from './Paper.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledPaper = styled.div.withConfig({
   displayName: "Paper__StyledPaper",
@@ -16,9 +16,9 @@ const Paper = /*#__PURE__*/forwardRef(function Paper({
   const props = { ...rest,
     elevation: elevation[elevation$1] || 'none'
   };
-  return /*#__PURE__*/React.createElement(StyledPaper, _extends({}, props, {
+  return /*#__PURE__*/jsx(StyledPaper, { ...props,
     ref: ref
-  }));
+  });
 });
 
 export { Paper };

package/dist/esm/components/Popover/Popover.js

@@ -1,9 +1,9 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { Icon } from '../Icon/index.js';
 import { close } from '@equinor/eds-icons';
 import { popover } from './Popover.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCombinedRefs } from '../../hooks/useCombinedRefs.js';
 import { useOutsideClick } from '../../hooks/useOutsideClick.js';
 import { useGlobalKeyPress } from '../../hooks/useGlobalKeyPress.js';
@@ -63,29 +63,34 @@ const Popover = /*#__PURE__*/forwardRef(function Popover({
     ...rest,
     ...attributes.popper
   };
-  return /*#__PURE__*/React.createElement(PopoverPaper, _extends({
+  return /*#__PURE__*/jsxs(PopoverPaper, {
     ref: popoverRef,
     elevation: "overlay",
     style: styles.popper,
-    "data-testid": "popover"
-  }, props), /*#__PURE__*/React.createElement(ArrowWrapper, {
-    ref: setArrowRef,
-    style: styles.arrow,
-    className: "arrow"
-  }, /*#__PURE__*/React.createElement(PopoverArrow, {
-    className: "arrowSvg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M0.504838 4.86885C-0.168399 4.48524 -0.168399 3.51476 0.504838 3.13115L6 8.59227e-08L6 8L0.504838 4.86885Z"
-  }))), children, /*#__PURE__*/React.createElement(StyledCloseButton, {
-    onClick: onClose,
-    variant: "ghost_icon",
-    "data-testid": "popover-close",
-    "aria-label": "Close popover"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "close",
-    data: close,
-    size: 24
-  })));
+    "data-testid": "popover",
+    ...props,
+    children: [/*#__PURE__*/jsx(ArrowWrapper, {
+      ref: setArrowRef,
+      style: styles.arrow,
+      className: "arrow",
+      children: /*#__PURE__*/jsx(PopoverArrow, {
+        className: "arrowSvg",
+        children: /*#__PURE__*/jsx("path", {
+          d: "M0.504838 4.86885C-0.168399 4.48524 -0.168399 3.51476 0.504838 3.13115L6 8.59227e-08L6 8L0.504838 4.86885Z"
+        })
+      })
+    }), children, /*#__PURE__*/jsx(StyledCloseButton, {
+      onClick: onClose,
+      variant: "ghost_icon",
+      "data-testid": "popover-close",
+      "aria-label": "Close popover",
+      children: /*#__PURE__*/jsx(Icon, {
+        name: "close",
+        data: close,
+        size: 24
+      })
+    })]
+  });
 });
 
 export { Popover };

package/dist/esm/components/Popover/PopoverContent.js

@@ -1,5 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
 const ContentWrapper = styled.div.withConfig({
   displayName: "PopoverContent__ContentWrapper",
@@ -12,7 +13,9 @@ const PopoverContent = /*#__PURE__*/forwardRef(function PopoverContent({
   const props = { ...rest,
     ref
   };
-  return /*#__PURE__*/React.createElement(ContentWrapper, props, children);
+  return /*#__PURE__*/jsx(ContentWrapper, { ...props,
+    children: children
+  });
 }); // PopoverContent.displayName = 'eds-popover-content'
 
 export { PopoverContent };

package/dist/esm/components/Popover/PopoverTitle.js

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { popover } from './Popover.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Divider } from '../Divider/Divider.js';
 
 const StyledPopoverTitle = styled.div.withConfig({
@@ -18,9 +19,13 @@ const PopoverTitle = /*#__PURE__*/forwardRef(function PopoverTitle({
   const props = { ...rest,
     ref
   };
-  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(StyledPopoverTitle, null, children), /*#__PURE__*/React.createElement(StyledDivider, {
-    variant: "small"
-  }));
+  return /*#__PURE__*/jsxs("div", { ...props,
+    children: [/*#__PURE__*/jsx(StyledPopoverTitle, {
+      children: children
+    }), /*#__PURE__*/jsx(StyledDivider, {
+      variant: "small"
+    })]
+  });
 });
 
 export { PopoverTitle };

package/dist/esm/components/Progress/Circular/CircularProgress.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled, { keyframes, css } from 'styled-components';
 import * as CircularProgress_tokens from './CircularProgress.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const indeterminate = keyframes(["100%{transform:rotate(360deg);}"]);
 const Svg = styled.svg.withConfig({
@@ -63,31 +63,32 @@ const CircularProgress = /*#__PURE__*/forwardRef(function CircularProgress({
     }
   }
 
-  return /*#__PURE__*/React.createElement(Svg, _extends({}, props, {
+  return /*#__PURE__*/jsxs(Svg, { ...props,
     viewBox: "24 24 48 48",
     role: "progressbar",
     height: size,
     width: size,
-    preserveAspectRatio: "xMidYMid meet"
-  }), /*#__PURE__*/React.createElement(TrackCircle, {
-    style: trackStyle,
-    cx: 48,
-    cy: 48,
-    r: (48 - thickness) / 2,
-    fill: "none",
-    strokeWidth: thickness,
-    stroke: token.background
-  }), /*#__PURE__*/React.createElement(ProgressCircle, {
-    style: trackStyle,
-    cx: 48,
-    cy: 48,
-    r: (48 - thickness) / 2,
-    fill: "none",
-    strokeLinecap: "round",
-    strokeWidth: thickness,
-    strokeDasharray: variant === 'determinate' ? circumference : 48,
-    stroke: token.entities.progress.background
-  }));
+    preserveAspectRatio: "xMidYMid meet",
+    children: [/*#__PURE__*/jsx(TrackCircle, {
+      style: trackStyle,
+      cx: 48,
+      cy: 48,
+      r: (48 - thickness) / 2,
+      fill: "none",
+      strokeWidth: thickness,
+      stroke: token.background
+    }), /*#__PURE__*/jsx(ProgressCircle, {
+      style: trackStyle,
+      cx: 48,
+      cy: 48,
+      r: (48 - thickness) / 2,
+      fill: "none",
+      strokeLinecap: "round",
+      strokeWidth: thickness,
+      strokeDasharray: variant === 'determinate' ? circumference : 48,
+      stroke: token.entities.progress.background
+    })]
+  });
 }); // CircularProgress.displayName = 'eds-circular-progress'
 
 export { CircularProgress };

package/dist/esm/components/Progress/Dots/DotProgress.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled, { keyframes } from 'styled-components';
 import * as DotProgress_tokens from './DotProgress.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const opacity = keyframes(["0%{opacity:1;}100%{opacity:0.5;}"]);
 const Svg = styled.svg.withConfig({
@@ -30,25 +30,26 @@ const DotProgress = /*#__PURE__*/forwardRef(function DotProgress({
   };
   const height = size / 4;
   const width = size;
-  return /*#__PURE__*/React.createElement(Svg, _extends({}, props, {
+  return /*#__PURE__*/jsxs(Svg, { ...props,
     role: "progressbar",
     viewBox: "0 0 16 4",
     height: height,
     width: width,
-    preserveAspectRatio: "xMidYMid meet"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 2,
-    cy: 2,
-    r: 2
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 8,
-    cy: 2,
-    r: 2
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 14,
-    cy: 2,
-    r: 2
-  }));
+    preserveAspectRatio: "xMidYMid meet",
+    children: [/*#__PURE__*/jsx("circle", {
+      cx: 2,
+      cy: 2,
+      r: 2
+    }), /*#__PURE__*/jsx("circle", {
+      cx: 8,
+      cy: 2,
+      r: 2
+    }), /*#__PURE__*/jsx("circle", {
+      cx: 14,
+      cy: 2,
+      r: 2
+    })]
+  });
 });
 
 export { DotProgress };

package/dist/esm/components/Progress/Linear/LinearProgress.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled, { keyframes } from 'styled-components';
 import { primary } from './LinearProgress.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 
 const indeterminate = keyframes(["0%{left:-200%;right:100%;}60%{left:107%;right:-8%;}100%{left:107%;right:-8%;}"]);
 const Track = styled.div.withConfig({
@@ -39,11 +39,12 @@ const LinearProgress = /*#__PURE__*/forwardRef(function LinearProgress({
   const transformStyle = {
     transform: barStyle
   };
-  return /*#__PURE__*/React.createElement(Track, _extends({}, props, {
-    role: "progressbar"
-  }), variant === 'indeterminate' ? /*#__PURE__*/React.createElement(IndeterminateProgressBar, null) : /*#__PURE__*/React.createElement(ProgressBar, {
-    style: transformStyle
-  }));
+  return /*#__PURE__*/jsx(Track, { ...props,
+    role: "progressbar",
+    children: variant === 'indeterminate' ? /*#__PURE__*/jsx(IndeterminateProgressBar, {}) : /*#__PURE__*/jsx(ProgressBar, {
+      style: transformStyle
+    })
+  });
 }); // LinearProgress.displayName = 'eds-linear-progress'
 
 export { LinearProgress };

package/dist/esm/components/Progress/Star/StarProgress.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled, { keyframes, css } from 'styled-components';
 import { token } from './StarProgress.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const indeterminate = keyframes(["0%{opacity:1;}20%{opacity:0.8;}40%{opacity:0.6;}60%{opacity:0.4;}80%{opacity:0.2;}100%{opacity:0.05;}"]);
 const determinate = keyframes(["0%{opacity:0;}10%{opacity:0.05;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity:1;}"]);
@@ -35,27 +35,28 @@ const StarProgress = /*#__PURE__*/forwardRef(function StarProgress({
     }
   }
 
-  return /*#__PURE__*/React.createElement(Svg, _extends({}, props, {
+  return /*#__PURE__*/jsxs(Svg, { ...props,
     role: "progressbar",
     width: width,
     height: height,
     viewBox: "0 0 40 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    preserveAspectRatio: "xMidYMid meet"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.756 34.6798L29.482 36.5817C29.4139 36.6219 29.3295 36.6227 29.2606 36.5829L25.9476 34.7151C25.7975 34.6306 25.7967 34.4149 25.9456 34.3284L29.2397 32.4256C29.3077 32.3858 29.3914 32.3858 29.4603 32.4248L32.754 34.2931C32.9033 34.3784 32.9041 34.5929 32.756 34.6798Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M25.9596 45.4706L22.6655 43.5867C22.5966 43.5469 22.554 43.4744 22.554 43.396V41.4289V39.5922C22.5519 39.4204 22.7381 39.3109 22.8878 39.397L26.1819 41.2981C26.25 41.3379 26.2926 41.4104 26.2934 41.4896V43.4268V45.2762C26.2947 45.4472 26.1085 45.5559 25.9596 45.4706Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12.3022 47.7037V44.9795V42.6544C12.3022 42.5495 12.3576 42.4515 12.4482 42.3986L14.1262 41.4062L16.8143 39.8188C17.0119 39.7019 17.2617 39.8442 17.2625 40.0739L17.2633 42.7627V45.1456C17.2633 45.251 17.2079 45.3486 17.1165 45.4015L12.7496 47.9587C12.552 48.0748 12.3031 47.9325 12.3022 47.7037Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M0.221343 34.2106L6.76939 30.4056C6.90636 30.326 7.07449 30.3256 7.21227 30.4023L13.8378 34.1401C14.138 34.3095 14.14 34.7413 13.8415 34.9131L7.25492 38.7182C7.11795 38.7977 6.94941 38.7985 6.81204 38.7206L0.225854 34.9836C-0.0734986 34.8139 -0.075549 34.3833 0.221343 34.2106Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6.03876 9.125L16.9237 15.5151C17.1513 15.6484 17.2903 15.8912 17.2903 16.1549V28.8331C17.2903 29.4076 16.665 29.7647 16.1704 29.4728L5.28546 23.0264C5.05869 22.8919 4.92008 22.6479 4.9209 22.3855V9.76307C4.92254 9.1902 5.54503 8.83467 6.03876 9.125Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M39.6262 1.07261V11.7603V19.3368C39.627 19.7178 39.4265 20.0709 39.0988 20.2644L31.4145 24.8195L23.3545 29.5964C22.6385 30.0192 21.7339 29.5029 21.7339 28.6717V10.3259C21.7339 9.94495 21.9356 9.5927 22.2641 9.39955L38.008 0.149533C38.7232 -0.270381 39.6241 0.24385 39.6262 1.07261Z"
-  }));
+    preserveAspectRatio: "xMidYMid meet",
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M32.756 34.6798L29.482 36.5817C29.4139 36.6219 29.3295 36.6227 29.2606 36.5829L25.9476 34.7151C25.7975 34.6306 25.7967 34.4149 25.9456 34.3284L29.2397 32.4256C29.3077 32.3858 29.3914 32.3858 29.4603 32.4248L32.754 34.2931C32.9033 34.3784 32.9041 34.5929 32.756 34.6798Z"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M25.9596 45.4706L22.6655 43.5867C22.5966 43.5469 22.554 43.4744 22.554 43.396V41.4289V39.5922C22.5519 39.4204 22.7381 39.3109 22.8878 39.397L26.1819 41.2981C26.25 41.3379 26.2926 41.4104 26.2934 41.4896V43.4268V45.2762C26.2947 45.4472 26.1085 45.5559 25.9596 45.4706Z"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12.3022 47.7037V44.9795V42.6544C12.3022 42.5495 12.3576 42.4515 12.4482 42.3986L14.1262 41.4062L16.8143 39.8188C17.0119 39.7019 17.2617 39.8442 17.2625 40.0739L17.2633 42.7627V45.1456C17.2633 45.251 17.2079 45.3486 17.1165 45.4015L12.7496 47.9587C12.552 48.0748 12.3031 47.9325 12.3022 47.7037Z"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M0.221343 34.2106L6.76939 30.4056C6.90636 30.326 7.07449 30.3256 7.21227 30.4023L13.8378 34.1401C14.138 34.3095 14.14 34.7413 13.8415 34.9131L7.25492 38.7182C7.11795 38.7977 6.94941 38.7985 6.81204 38.7206L0.225854 34.9836C-0.0734986 34.8139 -0.075549 34.3833 0.221343 34.2106Z"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M6.03876 9.125L16.9237 15.5151C17.1513 15.6484 17.2903 15.8912 17.2903 16.1549V28.8331C17.2903 29.4076 16.665 29.7647 16.1704 29.4728L5.28546 23.0264C5.05869 22.8919 4.92008 22.6479 4.9209 22.3855V9.76307C4.92254 9.1902 5.54503 8.83467 6.03876 9.125Z"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M39.6262 1.07261V11.7603V19.3368C39.627 19.7178 39.4265 20.0709 39.0988 20.2644L31.4145 24.8195L23.3545 29.5964C22.6385 30.0192 21.7339 29.5029 21.7339 28.6717V10.3259C21.7339 9.94495 21.9356 9.5927 22.2641 9.39955L38.008 0.149533C38.7232 -0.270381 39.6241 0.24385 39.6262 1.07261Z"
+    })]
+  });
 }); // StarProgress.displayName = 'eds-star-progress'
 
 export { StarProgress };

package/dist/esm/components/Radio/Radio.js

@@ -1,13 +1,14 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, useMemo } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { radio_button_selected, radio_button_unselected } from '@equinor/eds-icons';
 import { comfortable } from './Radio.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { outlineTemplate } from '../../utils/templates/focus.js';
 import { typographyTemplate, spacingsTemplate } from '../../utils/templates/index.js';
 import { useEds } from '../EdsProvider/eds.context.js';
 import { useToken } from '../../hooks/useToken.js';
 
+/* eslint camelcase: "off" */
 const Input = styled.input.attrs(({
   type = 'radio'
 }) => ({
@@ -82,38 +83,45 @@ const Radio = /*#__PURE__*/forwardRef(function Radio({
   const iconSize = 24;
   const fill = disabled ? comfortable.states.disabled.background : comfortable.background;
   const renderSVG = useMemo(() => {
-    return /*#__PURE__*/React.createElement(Svg, {
+    return /*#__PURE__*/jsxs(Svg, {
       width: iconSize,
       height: iconSize,
       viewBox: `0 0 ${iconSize} ${iconSize}`,
       fill: fill,
-      "aria-hidden": true
-    }, /*#__PURE__*/React.createElement(StyledPath, {
-      icon: radio_button_selected,
-      name: "selected"
-    }), /*#__PURE__*/React.createElement(StyledPath, {
-      icon: radio_button_unselected,
-      name: "unselected"
-    }));
+      "aria-hidden": true,
+      children: [/*#__PURE__*/jsx(StyledPath, {
+        icon: radio_button_selected,
+        name: "selected"
+      }), /*#__PURE__*/jsx(StyledPath, {
+        icon: radio_button_unselected,
+        name: "unselected"
+      })]
+    });
   }, [fill]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: token
-  }, label ? /*#__PURE__*/React.createElement(StyledLabel, {
-    disabled: disabled,
-    className: className
-  }, /*#__PURE__*/React.createElement(InputWrapper, {
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
-    ref: ref,
-    disabled: disabled,
-    iconSize: iconSize
-  })), renderSVG), /*#__PURE__*/React.createElement(LabelText, null, label)) : /*#__PURE__*/React.createElement(InputWrapper, {
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
-    ref: ref,
-    disabled: disabled,
-    iconSize: iconSize
-  })), renderSVG));
+  return /*#__PURE__*/jsx(ThemeProvider, {
+    theme: token,
+    children: label ? /*#__PURE__*/jsxs(StyledLabel, {
+      disabled: disabled,
+      className: className,
+      children: [/*#__PURE__*/jsxs(InputWrapper, {
+        disabled: disabled,
+        children: [/*#__PURE__*/jsx(Input, { ...rest,
+          ref: ref,
+          disabled: disabled,
+          iconSize: iconSize
+        }), renderSVG]
+      }), /*#__PURE__*/jsx(LabelText, {
+        children: label
+      })]
+    }) : /*#__PURE__*/jsxs(InputWrapper, {
+      disabled: disabled,
+      children: [/*#__PURE__*/jsx(Input, { ...rest,
+        ref: ref,
+        disabled: disabled,
+        iconSize: iconSize
+      }), renderSVG]
+    })
+  });
 });
 Radio.displayName = 'Radio';
 

package/dist/esm/components/Scrim/Scrim.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { scrim } from './Scrim.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 import { useHideBodyScroll } from '../../hooks/useHideBodyScroll.js';
 import { useGlobalKeyPress } from '../../hooks/useGlobalKeyPress.js';
 
@@ -49,11 +49,14 @@ const Scrim = /*#__PURE__*/forwardRef(function Scrim({
     event.stopPropagation();
   };
 
-  return /*#__PURE__*/React.createElement(StyledScrim, _extends({
-    onClick: handleMouseClose
-  }, props), /*#__PURE__*/React.createElement(ScrimContent, {
-    onClick: handleContentClick
-  }, children));
+  return /*#__PURE__*/jsx(StyledScrim, {
+    onClick: handleMouseClose,
+    ...props,
+    children: /*#__PURE__*/jsx(ScrimContent, {
+      onClick: handleContentClick,
+      children: children
+    })
+  });
 });
 
 export { Scrim };