@bonprix-ds/react-wrapper-link 0.0.0-stage → 1.0.0

package/dist/index.js

@@ -0,0 +1,2 @@
+import e from "./src/Link.js";
+export { e as default };

package/dist/no-styles.js

@@ -0,0 +1 @@
+export {};

package/dist/src/Link.js

@@ -0,0 +1,41 @@
+import e from "./LinkRegistration.js";
+import "react";
+import { ArrowLeftIcon as t, ArrowRightIcon as n } from "@bonprix-ds/react-icon/icons";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/Link.tsx
+var a = "h-4 w-4 fill-current", o = ({ component: o = "a", children: s, showArrow: c = !1, arrowPosition: l = "left", small: u = !1, hideUnderline: d = !1, inverted: f, srLabel: p, ...m }) => {
+	let h = o, { type: g, ..._ } = m;
+	return /* @__PURE__ */ i("bpds-link", {
+		className: "preflight",
+		small: u ? "true" : "false",
+		"hide-underline": d ? "true" : "false",
+		inverted: f ? "true" : "false",
+		children: [/* @__PURE__ */ i(h, {
+			..._,
+			type: o === "button" ? g ?? "button" : g,
+			"data-bpds": "link",
+			"data-bpds-small": u,
+			"data-bpds-hide-underline": d,
+			"data-bpds-arrow-position": l,
+			"data-bpds-show-arrow": c,
+			"data-bpds-inverted": f,
+			children: [
+				c && l === "left" && /* @__PURE__ */ r(t, { className: a }),
+				p && /* @__PURE__ */ r("span", {
+					className: "sr-only",
+					children: p
+				}),
+				/* @__PURE__ */ r("span", {
+					"aria-hidden": p ? "true" : void 0,
+					children: s
+				}),
+				c && l === "right" && /* @__PURE__ */ r(n, { className: a })
+			]
+		}), /* @__PURE__ */ r(e, {})]
+	});
+};
+o.displayName = "Link";
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=Link.js.map

package/dist/src/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["LinkRegistration","ICON_CLASSES","Link","props","Component","component","nativeProps","small","hideUnderline","inverted","type","arrowPosition","showArrow","ArrowLeftIcon","srLabel","ArrowRightIcon"],"sources":["../../src/Link.tsx"],"sourcesContent":["import React, { type ComponentProps, type ElementType } from \"react\";\n\nimport { ArrowLeftIcon, ArrowRightIcon } from \"@bonprix-ds/react-icon/icons\";\nimport type { LinkBaseProps } from \"@bonprix-ds/react-link\";\n\nimport LinkRegistration from \"./LinkRegistration\";\n\nexport type Props<C extends ElementType = \"a\"> = LinkBaseProps & {\n  /** The semantic component to render the Link. Preferably `\"a\"`, `\"button\"` or something like `Link` from NextJS. Native props will be passed to this component. */\n  component?: C;\n} & Omit<ComponentProps<C>, keyof LinkBaseProps | \"component\">;\n\n// The Tailwind preset makes the icon's own size and fill `!important`, so the stylesheet cannot\n// change them. These outrank them because the icon component sets its defaults inside `:where()`.\nconst ICON_CLASSES = \"h-4 w-4 fill-current\";\n\n// No \"use client\" here: a Server Component has to be able to pass a component such as Next's `Link`.\n// `LinkRegistration` is rendered rather than only imported, which puts its client reference into the\n// RSC payload, so the browser loads the stylesheet and registers the element.\nconst Link = <C extends ElementType = \"a\">({\n  component = \"a\" as C,\n  children,\n  showArrow = false,\n  arrowPosition = \"left\",\n  small = false,\n  hideUnderline = false,\n  inverted,\n  srLabel,\n  ...props\n}: Props<C>) => {\n  const Component: ElementType = component;\n  const { type, ...nativeProps } = props as { type?: string };\n\n  return (\n    <bpds-link\n      className=\"preflight\"\n      small={small ? \"true\" : \"false\"}\n      hide-underline={hideUnderline ? \"true\" : \"false\"}\n      inverted={inverted ? \"true\" : \"false\"}\n    >\n      <Component\n        {...nativeProps}\n        type={component === \"button\" ? (type ?? \"button\") : type}\n        data-bpds=\"link\"\n        data-bpds-small={small}\n        data-bpds-hide-underline={hideUnderline}\n        data-bpds-arrow-position={arrowPosition}\n        data-bpds-show-arrow={showArrow}\n        data-bpds-inverted={inverted}\n      >\n        {showArrow && arrowPosition === \"left\" && <ArrowLeftIcon className={ICON_CLASSES} />}\n        {srLabel && <span className=\"sr-only\">{srLabel}</span>}\n        <span aria-hidden={srLabel ? \"true\" : undefined}>{children}</span>\n        {showArrow && arrowPosition === \"right\" && <ArrowRightIcon className={ICON_CLASSES} />}\n      </Component>\n      <LinkRegistration />\n    </bpds-link>\n  );\n};\n\nLink.displayName = \"Link\";\n\nexport default Link;\n"],"mappings":";;;;;AAcA,IAAMC,IAAe,wBAKfC,KAAqC,EACzC,eAAY,KACZ,aACA,eAAY,IACZ,mBAAgB,QAChB,WAAQ,IACR,mBAAgB,IAChB,aACA,YACA,GAAGC,QACW;CACd,IAAMC,IAAyBC,GACzB,EAAE,SAAM,GAAGC,MAAgBH;CAEjC,OACE,kBAAC,aAAD;EACE,WAAU;EACV,OAAOI,IAAQ,SAAS;EACxB,kBAAgBC,IAAgB,SAAS;EACzC,UAAUC,IAAW,SAAS;EAJhC,UAAA,CAME,kBAACL,GAAD;GACE,GAAIE;GACJ,MAAMD,MAAc,WAAYK,KAAQ,WAAYA;GACpD,aAAU;GACV,mBAAiBH;GACjB,4BAA0BC;GAC1B,4BAA0BG;GAC1B,wBAAsBC;GACtB,sBAAoBH;GARtB,UAAA;IAUGG,KAAaD,MAAkB,UAAU,kBAACE,GAAD,EAAe,WAAWZ,EAAe,CAAA;IAClFa,KAAW,kBAAC,QAAD;KAAM,WAAU;KAAW,UAAAA;IAAc,CAAA;IACrD,kBAAC,QAAD;KAAM,eAAaA,IAAU,SAAS,KAAA;KAAY;IAAe,CAAA;IAChEF,KAAaD,MAAkB,WAAW,kBAACI,GAAD,EAAgB,WAAWd,EAAe,CAAA;GAC5E;EACX,CAAA,GAAA,kBAACD,GAAD,CAAmB,CAAA,CACV;;AAEf;AAEA,EAAK,cAAc"}

package/dist/src/LinkRegistration.js

@@ -0,0 +1,11 @@
+"use client";
+import "#styles";
+//#region src/LinkRegistration.tsx
+typeof window < "u" && import("@bonprix-ds/bpds-link").then(({ Link: e }) => {
+	customElements.get("bpds-link") || customElements.define("bpds-link", e);
+});
+var e = () => null;
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=LinkRegistration.js.map

package/dist/src/LinkRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkRegistration.js","names":["LinkElement","LinkRegistration"],"sources":["../../src/LinkRegistration.tsx"],"sourcesContent":["\"use client\";\n\nimport \"@bonprix-ds/bpds-link/link.css\";\n\n// The element class is loaded lazily and only in the browser: `class X extends HTMLElement` is\n// evaluated at module scope, and `HTMLElement` does not exist in Node. The registry check sits inside\n// the callback because the tag can be taken during the await, and `define` throws on a duplicate name.\nif (typeof window !== \"undefined\") {\n  void import(\"@bonprix-ds/bpds-link\").then(({ Link: LinkElement }) => {\n    if (!customElements.get(\"bpds-link\")) customElements.define(\"bpds-link\", LinkElement);\n  });\n}\n\nconst LinkRegistration = () => null;\n\nexport default LinkRegistration;\n"],"mappings":";;;AAOI,OAAO,SAAW,OACpB,OAAY,wBAAwB,CAAC,MAAM,EAAE,MAAMA,QAAkB;CACnE,AAAK,eAAe,IAAI,WAAW,KAAG,eAAe,OAAO,aAAaA,CAAW;AACtF,CAAC;AAGH,IAAMC,UAAyB"}

package/dist/styles.js

@@ -0,0 +1 @@
+import "@bonprix-ds/bpds-link/link.css";

package/package.json

@@ -1,6 +1,60 @@
 {
   "name": "@bonprix-ds/react-wrapper-link",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.0",
+  "description": "Link component, implemented as a React wrapper around bpds-link, for the Bonprix Design System.",
+  "keywords": [],
+  "license": "UNLICENSED",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bonprix/design-system.git",
+    "directory": "packages/react-wrappers/link"
+  },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "!dist/vite.config.d.ts",
+    "!dist/**/*.test.d.ts"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "./dist/styles.js"
+  ],
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "imports": {
+    "#styles": {
+      "browser": "./dist/styles.js",
+      "default": "./dist/no-styles.js"
+    }
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "@bonprix-ds/react-icon": "1.3.1",
+    "@bonprix-ds/react-link": "1.0.5",
+    "@bonprix-ds/bpds-link": "1.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.3.0",
+    "vite": "8.3.3",
+    "@bonprix-ds/vite-config": "0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.