@bonprix-ds/bpds-link 0.0.0-stage → 1.1.0

package/dist/constants.js

@@ -0,0 +1,6 @@
+//#region src/constants.ts
+var e = ["false", "true"], t = ["false", "true"], n = ["false", "true"];
+//#endregion
+export { t as LINK_HIDE_UNDERLINE, n as LINK_INVERTED, e as LINK_SMALL };
+
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["LINK_SMALL","LINK_HIDE_UNDERLINE","LINK_INVERTED"],"sources":["../src/constants.ts"],"sourcesContent":["export const LINK_SMALL = [\"false\", \"true\"] as const;\nexport const LINK_HIDE_UNDERLINE = [\"false\", \"true\"] as const;\nexport const LINK_INVERTED = [\"false\", \"true\"] as const;\n\nexport type LinkSmall = (typeof LINK_SMALL)[number];\nexport type LinkHideUnderline = (typeof LINK_HIDE_UNDERLINE)[number];\nexport type LinkInverted = (typeof LINK_INVERTED)[number];\n\n// This interface is needed to make React pick up our custom element including its props, see `src/jsx.ts` in the React wrapper\nexport interface LinkProps {\n  small?: LinkSmall;\n  \"hide-underline\"?: LinkHideUnderline;\n  inverted?: LinkInverted;\n}\n"],"mappings":";AAAA,IAAaA,IAAa,CAAC,SAAS,MAAM,GAC7BC,IAAsB,CAAC,SAAS,MAAM,GACtCC,IAAgB,CAAC,SAAS,MAAM"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { Link, LINK_HIDE_UNDERLINE, LINK_INVERTED, LINK_SMALL } from "./src";
+export type { LinkProps } from "./src";

package/dist/index.js

@@ -0,0 +1,38 @@
+import { LINK_HIDE_UNDERLINE as e, LINK_INVERTED as t, LINK_SMALL as n } from "./constants.js";
+//#region src/index.ts
+var r = class extends HTMLElement {
+	get small() {
+		return this.getAttribute("small");
+	}
+	set small(e) {
+		this.setAttribute("small", e ?? "false");
+	}
+	get hideUnderline() {
+		return this.getAttribute("hide-underline");
+	}
+	set hideUnderline(e) {
+		this.setAttribute("hide-underline", e ?? "false");
+	}
+	get inverted() {
+		return this.getAttribute("inverted");
+	}
+	set inverted(e) {
+		this.setAttribute("inverted", e ?? "false");
+	}
+	connectedCallback() {
+		this.hasAttribute("small") || (this.small = "false"), this.hasAttribute("hide-underline") || (this.hideUnderline = "false"), this.hasAttribute("inverted") || (this.inverted = "false");
+	}
+	focus(e) {
+		this.control?.focus(e);
+	}
+	blur() {
+		this.control?.blur();
+	}
+	get control() {
+		return this.querySelector(":scope > :is(a, button)");
+	}
+};
+//#endregion
+export { e as LINK_HIDE_UNDERLINE, t as LINK_INVERTED, n as LINK_SMALL, r as Link };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Link","value","options","LINK_HIDE_UNDERLINE","LINK_INVERTED","LINK_SMALL"],"sources":["../src/index.ts"],"sourcesContent":["import \"./link.css\";\nimport type { LinkHideUnderline, LinkInverted, LinkSmall } from \"./constants\";\n\n// The constants live apart from the class so a consumer can read them without evaluating\n// `class Link extends HTMLElement`, which throws in Node. See ./constants.\nexport { LINK_HIDE_UNDERLINE, LINK_INVERTED, LINK_SMALL, type LinkProps } from \"./constants\";\n\nexport class Link extends HTMLElement {\n  get small() {\n    return this.getAttribute(\"small\") as LinkSmall | null;\n  }\n\n  set small(value: LinkSmall | null) {\n    this.setAttribute(\"small\", value ?? \"false\");\n  }\n\n  get hideUnderline() {\n    return this.getAttribute(\"hide-underline\") as LinkHideUnderline | null;\n  }\n\n  set hideUnderline(value: LinkHideUnderline | null) {\n    this.setAttribute(\"hide-underline\", value ?? \"false\");\n  }\n\n  get inverted() {\n    return this.getAttribute(\"inverted\") as LinkInverted | null;\n  }\n\n  set inverted(value: LinkInverted | null) {\n    this.setAttribute(\"inverted\", value ?? \"false\");\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute(\"small\")) this.small = \"false\";\n    if (!this.hasAttribute(\"hide-underline\")) this.hideUnderline = \"false\";\n    if (!this.hasAttribute(\"inverted\")) this.inverted = \"false\";\n  }\n\n  override focus(options?: FocusOptions) {\n    this.control?.focus(options);\n  }\n\n  override blur() {\n    this.control?.blur();\n  }\n\n  private get control() {\n    return this.querySelector<HTMLAnchorElement | HTMLButtonElement>(\":scope > :is(a, button)\");\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bpds-link\": Link;\n  }\n}\n"],"mappings":";;AAOA,IAAaA,IAAb,cAA0B,YAAY;CACpC,IAAI,QAAQ;EACV,OAAO,KAAK,aAAa,OAAO;CAClC;CAEA,IAAI,MAAM,GAAyB;EACjC,KAAK,aAAa,SAASC,KAAS,OAAO;CAC7C;CAEA,IAAI,gBAAgB;EAClB,OAAO,KAAK,aAAa,gBAAgB;CAC3C;CAEA,IAAI,cAAc,GAAiC;EACjD,KAAK,aAAa,kBAAkBA,KAAS,OAAO;CACtD;CAEA,IAAI,WAAW;EACb,OAAO,KAAK,aAAa,UAAU;CACrC;CAEA,IAAI,SAAS,GAA4B;EACvC,KAAK,aAAa,YAAYA,KAAS,OAAO;CAChD;CAEA,oBAAoB;EAGlB,AAFK,KAAK,aAAa,OAAO,MAAG,KAAK,QAAQ,UACzC,KAAK,aAAa,gBAAgB,MAAG,KAAK,gBAAgB,UAC1D,KAAK,aAAa,UAAU,MAAG,KAAK,WAAW;CACtD;CAEA,MAAe,GAAwB;EACrC,KAAK,SAAS,MAAMC,CAAO;CAC7B;CAEA,OAAgB;EACd,KAAK,SAAS,KAAK;CACrB;CAEA,IAAY,UAAU;EACpB,OAAO,KAAK,cAAqD,yBAAyB;CAC5F;AACF"}

package/dist/link.css

@@ -0,0 +1,2 @@
+bpds-link{--link-color:var(--bpds-color-primary);--link-decoration-line:underline;--link-decoration-thickness:auto;--link-font:var(--bpds-typography-link-large)}bpds-link:not([hidden]){display:contents}bpds-link[small=true]{--link-font:var(--bpds-typography-link-small)}bpds-link[hide-underline=true]{--link-decoration-line:none}bpds-link[inverted=true]{--link-color:var(--bpds-color-primary-inverse)}bpds-link:not([hidden])>:is(a,button):not([hidden]){border-radius:var(--bpds-radius-0-5);color:var(--link-color);cursor:pointer;background:0 0;border:0 solid;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}bpds-link:not([hidden])>:is(a,button):not([hidden]):before{content:" ";white-space:pre;inline-size:0}bpds-link:not([hidden])>:is(a,button):not([hidden])>svg{block-size:var(--bpds-spacing-4);fill:currentColor;inline-size:var(--bpds-spacing-4);flex-shrink:0}bpds-link:not([hidden])>:is(a,button):not([hidden])>span{font:var(--link-font);overflow-wrap:break-word;-webkit-text-decoration-line:var(--link-decoration-line);text-decoration-line:var(--link-decoration-line);text-decoration-thickness:var(--link-decoration-thickness);text-underline-offset:var(--bpds-spacing-0-5)}bpds-link:not([hidden])>:is(a,button):not([hidden])>.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:.0625rem;inline-size:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}bpds-link:not([hidden])>:is(a,button):not([hidden]):focus-visible{--link-decoration-line:none;outline:var(--bpds-spacing-0-5) solid var(--link-color);outline-offset:var(--bpds-spacing-0-5)}@media (hover:hover) and (pointer:fine){bpds-link:not([hidden])>:is(a,button):not([hidden]):not(:focus-visible)>span:hover{--link-decoration-line:underline;--link-decoration-thickness:var(--bpds-spacing-0-5)}}
+/*$vite$:1*/

package/dist/src/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const LINK_SMALL: readonly ["false", "true"];
+export declare const LINK_HIDE_UNDERLINE: readonly ["false", "true"];
+export declare const LINK_INVERTED: readonly ["false", "true"];
+export type LinkSmall = (typeof LINK_SMALL)[number];
+export type LinkHideUnderline = (typeof LINK_HIDE_UNDERLINE)[number];
+export type LinkInverted = (typeof LINK_INVERTED)[number];
+export interface LinkProps {
+    small?: LinkSmall;
+    "hide-underline"?: LinkHideUnderline;
+    inverted?: LinkInverted;
+}

package/dist/src/index.d.ts

@@ -0,0 +1,20 @@
+import "./link.css";
+import type { LinkHideUnderline, LinkInverted, LinkSmall } from "./constants";
+export { LINK_HIDE_UNDERLINE, LINK_INVERTED, LINK_SMALL, type LinkProps } from "./constants";
+export declare class Link extends HTMLElement {
+    get small(): LinkSmall | null;
+    set small(value: LinkSmall | null);
+    get hideUnderline(): LinkHideUnderline | null;
+    set hideUnderline(value: LinkHideUnderline | null);
+    get inverted(): LinkInverted | null;
+    set inverted(value: LinkInverted | null);
+    connectedCallback(): void;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    private get control();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "bpds-link": Link;
+    }
+}

package/package.json

@@ -1,6 +1,49 @@
 {
   "name": "@bonprix-ds/bpds-link",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.1.0",
+  "description": "bpds-link component, implemented as a web component, for the Bonprix Design System.",
+  "keywords": [],
+  "license": "UNLICENSED",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bonprix/design-system.git",
+    "directory": "packages/web-components/link"
+  },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "!dist/vite.config.d.ts",
+    "!dist/**/*.test.d.ts"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./constants": {
+      "types": "./dist/src/constants.d.ts",
+      "import": "./dist/constants.js",
+      "default": "./dist/constants.js"
+    },
+    "./link.css": "./dist/link.css"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "vite": "8.3.3",
+    "@bonprix-ds/vite-config": "0.0.0"
+  },
+  "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.