@fluid-topics/ftds-link 2.1.0

package/build/ftds-link.properties.d.ts

@@ -0,0 +1,4 @@
+export interface FtdsLinkProperties {
+    openInNewTab?: boolean;
+    href: string;
+}

package/build/ftds-link.properties.js

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

package/build/ftds-link.styles.d.ts

@@ -0,0 +1,2 @@
+export { link as FtdsLinkCssVariables } from "@fluid-topics/design-system-variables";
+export declare const styles: import("lit").CSSResult;

package/build/ftds-link.styles.js

@@ -0,0 +1,95 @@
+import { css } from "lit";
+import { link } from "@fluid-topics/design-system-variables";
+import { FtdsIconCssVariables } from "@fluid-topics/ftds-icon";
+import { designSystemVariables, setVariable, } from "@fluid-topics/ft-wc-utils";
+export { link as FtdsLinkCssVariables } from "@fluid-topics/design-system-variables";
+// language=CSS
+export const styles = css `
+
+    .ftds-link {
+        display: inline-flex;
+        align-items: baseline;
+        text-decoration: none;
+    }
+
+    .ftds-link.ftds-link--underlined .ftds-link--label {
+        text-decoration: underline;
+    }
+
+    .ftds-link:focus-visible {
+        outline: 2px solid;
+        outline-offset: 2px;
+        border-radius: ${designSystemVariables.borderRadiusS};
+    }
+
+    .ftds-link--variant-caption-2-medium,
+    .ftds-link--variant-caption-2-semibold,
+    .ftds-link--variant-caption-2-bold {
+        ${setVariable(FtdsIconCssVariables.size, "14px")};
+    }
+
+    .ftds-link--variant-caption-1-medium,
+    .ftds-link--variant-caption-1-semibold,
+    .ftds-link--variant-caption-1-bold {
+        ${setVariable(FtdsIconCssVariables.size, "16px")};
+    }
+
+    .ftds-link--variant-body-2-medium,
+    .ftds-link--variant-body-2-semibold,
+    .ftds-link--variant-body-2-regular {
+        ${setVariable(FtdsIconCssVariables.size, "18px")};
+    }
+
+    .ftds--family-neutral {
+        color: ${link.neutralDefaultColor};
+    }
+
+    .ftds--family-neutral:hover {
+        color: ${link.neutralHoverColor};
+    }
+
+    .ftds--family-neutral:focus-visible {
+        color: ${link.neutralFocusColor};
+        outline-color: ${link.neutralFocusFocusRingColor};
+    }
+
+    .ftds--family-neutral:active {
+        color: ${link.neutralActiveColor};
+    }
+
+    .ftds--family-info {
+        color: ${link.infoDefaultColor};
+    }
+
+    .ftds--family-info:hover {
+        color: ${link.infoHoverColor};
+        opacity: ${link.infoHoverOpacity};
+    }
+
+    .ftds--family-info:focus-visible {
+        color: ${link.infoFocusColor};
+        outline-color: ${link.infoFocusFocusRingColor};
+    }
+
+    .ftds--family-info:active {
+        color: ${link.infoActiveColor};
+    }
+
+    .ftds--family-brand {
+        color: ${link.brandDefaultColor};
+    }
+
+    .ftds--family-brand:hover {
+        color: ${link.brandHoverColor};
+        opacity: ${link.brandHoverOpacity};
+    }
+
+    .ftds--family-brand:focus-visible {
+        color: ${link.brandFocusColor};
+        outline-color: ${link.brandFocusFocusRingColor};
+    }
+
+    .ftds--family-brand:active {
+        color: ${link.infoActiveColor};
+    }
+`;

package/build/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ftds-link.styles";
+export * from "./ftds-link.properties";
+export * from "./ftds-link";
+import "./define";

package/build/index.js

@@ -0,0 +1,4 @@
+export * from "./ftds-link.styles";
+export * from "./ftds-link.properties";
+export * from "./ftds-link";
+import "./define";

package/package.json

@@ -0,0 +1,31 @@
+{
+    "name": "@fluid-topics/ftds-link",
+    "version": "2.1.0",
+    "description": "The design system link component",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ftds-link.min.js",
+    "typings": "build/index",
+    "files": [
+        "build/**/*.js",
+        "build/**/*.ts"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+    },
+    "dependencies": {
+        "@fluid-topics/ft-wc-utils": "2.1.0",
+        "@fluid-topics/ftds-icon": "2.1.0",
+        "@fluid-topics/ftds-typography": "2.1.0",
+        "lit": "3.1.0"
+    },
+    "devDependencies": {
+        "@fluid-topics/ft-wc-test-utils": "2.1.0"
+    },
+    "gitHead": "4727cf19d04236ad1d2b2cb43ce1c46298834c7e"
+}