@equinor/eds-core-react 0.23.0-dev.20221003 → 0.23.0

package/dist/eds-core-react.cjs.js

@@ -1222,9 +1222,9 @@ const StyledTypography$1 = styled__default["default"].p.withConfig({
 })(["", " ", " ", " ", ""], _ref => {
   let {
     typography,
-    link
+    $link
   } = _ref;
-  return edsUtils.typographyTemplate(typography, link);
+  return edsUtils.typographyTemplate(typography, $link);
 }, _ref2 => {
   let {
     color
@@ -1241,9 +1241,9 @@ const StyledTypography$1 = styled__default["default"].p.withConfig({
   );
 }, _ref4 => {
   let {
-    link: link$1
+    $link
   } = _ref4;
-  return link$1 && styled.css(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], edsUtils.outlineTemplate(link.states.focus.outline), edsUtils.outlineTemplate(link.states.focus.outline));
+  return $link && styled.css(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], edsUtils.outlineTemplate(link.states.focus.outline), edsUtils.outlineTemplate(link.states.focus.outline));
 });
 const Typography = /*#__PURE__*/react.forwardRef(function Typography(_ref5, ref) {
   let {
@@ -1270,7 +1270,7 @@ const Typography = /*#__PURE__*/react.forwardRef(function Typography(_ref5, ref)
     typography: { ...typography,
       ...token
     },
-    link: link,
+    $link: link,
     ref: ref,
     ...other,
     children: children
@@ -3484,11 +3484,11 @@ const StyledIcon$1 = styled__default["default"](Icon$1).withConfig({
   let {
     chevronPosition
   } = _ref4;
-  return chevronPosition === 'left' ? {
+  return styled.css(["flex-shrink:0;", ""], chevronPosition === 'left' ? styled.css({
     marginRight: '32px'
-  } : {
+  }) : styled.css({
     marginLeft: '16px'
-  };
+  }));
 });
 const AccordionHeader = /*#__PURE__*/react.forwardRef(function AccordionHeader(_ref5, ref) {
   let {
@@ -7764,10 +7764,10 @@ const StyledTypography = styled__default["default"](Typography).withConfig({
   componentId: "sc-10nvwte-0"
 })(["@media (hover:hover) and (pointer:fine){&:hover{text-decoration:underline;color:", ";cursor:pointer;}}white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;text-decoration:none;color:", ";", ""], states.hover.typography.color, typography$5.color, _ref => {
   let {
-    maxWidth
+    $maxWidth
   } = _ref;
   return styled.css({
-    maxWidth
+    maxWidth: $maxWidth
   });
 });
 const Breadcrumb = /*#__PURE__*/react.forwardRef(function Breadcrumb(_ref2, ref) {
@@ -7780,8 +7780,7 @@ const Breadcrumb = /*#__PURE__*/react.forwardRef(function Breadcrumb(_ref2, ref)
   } = _ref2;
   const props = { ...other,
     href,
-    ref,
-    maxWidth
+    ref
   };
   const showTooltip = maxWidth > 0;
   const isHrefDefined = href !== undefined;
@@ -7791,6 +7790,7 @@ const Breadcrumb = /*#__PURE__*/react.forwardRef(function Breadcrumb(_ref2, ref)
     link: isHrefDefined,
     forwardedAs: forwardedAs,
     variant: "body_short",
+    $maxWidth: maxWidth,
     ...props,
     children: children
   });

package/dist/esm/components/Accordion/AccordionHeader.js

@@ -83,11 +83,11 @@ const StyledIcon = styled(Icon).withConfig({
   let {
     chevronPosition
   } = _ref4;
-  return chevronPosition === 'left' ? {
+  return css(["flex-shrink:0;", ""], chevronPosition === 'left' ? css({
     marginRight: '32px'
-  } : {
+  }) : css({
     marginLeft: '16px'
-  };
+  }));
 });
 const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(_ref5, ref) {
   let {

package/dist/esm/components/Breadcrumbs/Breadcrumb.js

@@ -14,10 +14,10 @@ const StyledTypography = styled(Typography).withConfig({
   componentId: "sc-10nvwte-0"
 })(["@media (hover:hover) and (pointer:fine){&:hover{text-decoration:underline;color:", ";cursor:pointer;}}white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;text-decoration:none;color:", ";", ""], states.hover.typography.color, typography.color, _ref => {
   let {
-    maxWidth
+    $maxWidth
   } = _ref;
   return css({
-    maxWidth
+    maxWidth: $maxWidth
   });
 });
 const Breadcrumb = /*#__PURE__*/forwardRef(function Breadcrumb(_ref2, ref) {
@@ -30,8 +30,7 @@ const Breadcrumb = /*#__PURE__*/forwardRef(function Breadcrumb(_ref2, ref) {
   } = _ref2;
   const props = { ...other,
     href,
-    ref,
-    maxWidth
+    ref
   };
   const showTooltip = maxWidth > 0;
   const isHrefDefined = href !== undefined;
@@ -41,6 +40,7 @@ const Breadcrumb = /*#__PURE__*/forwardRef(function Breadcrumb(_ref2, ref) {
     link: isHrefDefined,
     forwardedAs: forwardedAs,
     variant: "body_short",
+    $maxWidth: maxWidth,
     ...props,
     children: children
   });

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

@@ -56,9 +56,9 @@ const StyledTypography = styled.p.withConfig({
 })(["", " ", " ", " ", ""], _ref => {
   let {
     typography,
-    link
+    $link
   } = _ref;
-  return typographyTemplate(typography, link);
+  return typographyTemplate(typography, $link);
 }, _ref2 => {
   let {
     color
@@ -75,9 +75,9 @@ const StyledTypography = styled.p.withConfig({
   );
 }, _ref4 => {
   let {
-    link: link$1
+    $link
   } = _ref4;
-  return link$1 && css(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], outlineTemplate(link.states.focus.outline), outlineTemplate(link.states.focus.outline));
+  return $link && css(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], outlineTemplate(link.states.focus.outline), outlineTemplate(link.states.focus.outline));
 });
 const Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
   let {
@@ -104,7 +104,7 @@ const Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
     typography: { ...typography,
       ...token
     },
-    link: link,
+    $link: link,
     ref: ref,
     ...other,
     children: children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.23.0-dev.20221003",
+  "version": "0.23.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -87,7 +87,7 @@
     "@babel/runtime": "^7.19.0",
     "@equinor/eds-icons": "0.14.0",
     "@equinor/eds-tokens": "0.7.1",
-    "@equinor/eds-utils": "0.4.0-dev.20221003",
+    "@equinor/eds-utils": "0.4.0",
     "@floating-ui/react-dom-interactions": "^0.6.6",
     "downshift": "^6.1.12"
   },