@janbox/storefront-ui 2.0.8 → 2.0.9

package/dist/lib/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/lib/link/link.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAQzD,eAAO,MAAM,IAAI,iCAAkC,SAAS,qDAmD3D,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/lib/link/link.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAQzD,eAAO,MAAM,IAAI,iCAAkC,SAAS,qDAuD3D,CAAC"}

package/dist/lib/link/link.js

@@ -1,4 +1,5 @@
 import { jsx } from "@emotion/react/jsx-runtime";
+import { ClassNames } from "@emotion/react";
 import { isNil } from "lodash-es";
 import { Link as Link$1 } from "react-router";
 import { getLinkProps } from "./helpers.js";
@@ -7,20 +8,8 @@ import { Booleanish } from "../../constants/index.js";
 import { mediaQuery } from "../../theme/screens.js";
 import "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
-import { cn, createSxInterpolation } from "../../utils/stylesheet.js";
 const Link = ({ children, ref, ..._props }) => {
-  const {
-    sx,
-    textVariant,
-    sm,
-    md,
-    lg,
-    dangerouslySetInnerHTML,
-    to,
-    underline = false,
-    className,
-    ...rest
-  } = getLinkProps(_props);
+  const { sx, textVariant, sm, md, lg, to, underline = false, className, ...rest } = getLinkProps(_props);
   const hoverLineEffectProps = useHoverLineEffect({ enabled: underline });
   const onClick = (e) => {
     var _a;
@@ -32,37 +21,43 @@ const Link = ({ children, ref, ..._props }) => {
     }
     (_a = rest.onClick) == null ? void 0 : _a.call(rest, e);
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClassNames, { children: ({ cx, css }) => /* @__PURE__ */ jsx(
     Link$1,
     {
       to: to ?? "#",
-      css: [
-        createStyle({ textVariant }),
-        {
-          [mediaQuery("sm")]: createStyle(sm),
-          [mediaQuery("md")]: createStyle(md),
-          [mediaQuery("lg")]: createStyle(lg)
-        },
-        createSxInterpolation(sx),
-        rest["aria-disabled"] && { pointerEvents: "none" }
-      ],
-      dangerouslySetInnerHTML: isNil(children) ? dangerouslySetInnerHTML : void 0,
       ...hoverLineEffectProps,
-      className: cn(className, hoverLineEffectProps.className),
+      className: cx(
+        className,
+        hoverLineEffectProps.className,
+        css({
+          '&[aria-disabled="true"]': {
+            pointerEvents: "none"
+          },
+          ...createStyle({ textVariant }),
+          ...sx,
+          [mediaQuery("sm")]: {
+            ...createStyle(sm),
+            ...sx == null ? void 0 : sx.sm
+          },
+          [mediaQuery("md")]: {
+            ...createStyle(md),
+            ...sx == null ? void 0 : sx.md
+          },
+          [mediaQuery("lg")]: {
+            ...createStyle(lg),
+            ...sx == null ? void 0 : sx.lg
+          }
+        })
+      ),
       ...rest,
       onClick,
       ref,
-      children: isNil(dangerouslySetInnerHTML) ? children : null
+      children
     }
-  );
+  ) });
 };
 const createStyle = ({ textVariant } = {}) => {
-  return [
-    textVariant && {
-      fontSize: getTypographyVar(textVariant).fontSize,
-      lineHeight: getTypographyVar(textVariant).lineHeight
-    }
-  ];
+  return textVariant ? { fontSize: getTypographyVar(textVariant).fontSize, lineHeight: getTypographyVar(textVariant).lineHeight } : {};
 };
 export {
   Link

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [