@fluid-topics/ft-icon 2.0.38 → 2.1.0

package/build/ft-icon.styles.d.ts

@@ -1,8 +1,8 @@
 export declare const FtIconCssVariables: {
-    size: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    fluidTopicsFontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    fileFormatFontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    materialFontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    verticalAlign: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    size: import("@fluid-topics/design-system-variables").FtCssVariable;
+    fluidTopicsFontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
+    fileFormatFontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
+    materialFontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
+    verticalAlign: import("@fluid-topics/design-system-variables").FtCssVariable;
 };
 export declare const styles: import("lit").CSSResult[];

package/build/index.d.ts

@@ -2,8 +2,4 @@ export * from "./ft-icon.styles";
 export * from "./ft-icon.properties";
 export * from "./ft-icon";
 export * from "./icons";
-export * from "./ftds-icon.styles";
-export * from "./ftds-icon.properties";
-export * from "./ftds-icon";
-export * from "./ftds-icons";
 import "./define";

package/build/index.js

@@ -2,8 +2,4 @@ export * from "./ft-icon.styles";
 export * from "./ft-icon.properties";
 export * from "./ft-icon";
 export * from "./icons";
-export * from "./ftds-icon.styles";
-export * from "./ftds-icon.properties";
-export * from "./ftds-icon";
-export * from "./ftds-icons";
 import "./define";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-icon",
-    "version": "2.0.38",
+    "version": "2.1.0",
     "description": "Typography components",
     "keywords": [
         "Lit"
@@ -20,9 +20,9 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-wc-utils": "2.0.38",
-        "@fortawesome/fontawesome-svg-core": "7.2.0",
+        "@fluid-topics/ft-wc-utils": "2.1.0",
+        "@fortawesome/fontawesome-svg-core": "7.3.0",
         "lit": "3.1.0"
     },
-    "gitHead": "8a5f1d6fb69ac18ec2e6d05dcf82e036d7423c35"
+    "gitHead": "4727cf19d04236ad1d2b2cb43ce1c46298834c7e"
 }

package/build/ftds-icon.d.ts

@@ -1,13 +0,0 @@
-import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
-import { FtdsIconProperties, FtdsIconVariants } from "./ftds-icon.properties.js";
-import { FtdsIcons } from "./ftds-icons";
-export declare class FtdsIcon extends FtLitElement implements FtdsIconProperties {
-    static elementDefinitions: ElementDefinitionsMap;
-    static styles: import("lit").CSSResult[];
-    variant?: FtdsIconVariants;
-    icon?: FtdsIcons;
-    monospace: boolean;
-    ariaHidden: string;
-    protected render(): import("lit-html").TemplateResult<1>;
-    private buildIcon;
-}

package/build/ftds-icon.js

@@ -1,55 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { FtLitElement, } from "@fluid-topics/ft-wc-utils";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { classMap } from "lit/directives/class-map.js";
-import { dsStyles } from "./ftds-icon.styles.js";
-import { all } from "./ftds-icons-definition.js";
-import { icon, library, } from "@fortawesome/fontawesome-svg-core";
-import { faPrefixByVariant, } from "./ftds-icons";
-export class FtdsIcon extends FtLitElement {
-    constructor() {
-        super(...arguments);
-        this.monospace = false;
-        this.ariaHidden = "true";
-    }
-    render() {
-        const classes = {
-            "ftds-icon": true,
-            "ftds-icon--monospace": this.monospace,
-        };
-        return html `
-            <div class="${classMap(classes)}">${unsafeHTML(this.buildIcon())}</div>
-        `;
-    }
-    buildIcon() {
-        const faPrefix = this.variant ? faPrefixByVariant[this.variant] : undefined;
-        const iconDef = all.find((icon) => icon.iconName === this.icon && (faPrefix ? icon.prefix === faPrefix : true));
-        if (!iconDef) {
-            console.log(`Attempted usage of unknown ftds-icon : ${this.icon}/${this.variant}`);
-            return "";
-        }
-        library.add(iconDef);
-        return icon(iconDef).html[0];
-    }
-}
-FtdsIcon.elementDefinitions = {};
-FtdsIcon.styles = dsStyles;
-__decorate([
-    property()
-], FtdsIcon.prototype, "variant", void 0);
-__decorate([
-    property()
-], FtdsIcon.prototype, "icon", void 0);
-__decorate([
-    property({ type: Boolean })
-], FtdsIcon.prototype, "monospace", void 0);
-__decorate([
-    property({ reflect: true, attribute: "aria-hidden" })
-], FtdsIcon.prototype, "ariaHidden", void 0);

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

@@ -1,11 +0,0 @@
-import { FtdsIcons } from "./ftds-icons";
-export declare enum FtdsIconVariants {
-    regular = "regular",
-    solid = "solid",
-    custom = "custom"
-}
-export interface FtdsIconProperties {
-    variant?: FtdsIconVariants;
-    icon?: FtdsIcons;
-    monospace?: boolean;
-}

package/build/ftds-icon.properties.js

@@ -1,6 +0,0 @@
-export var FtdsIconVariants;
-(function (FtdsIconVariants) {
-    FtdsIconVariants["regular"] = "regular";
-    FtdsIconVariants["solid"] = "solid";
-    FtdsIconVariants["custom"] = "custom";
-})(FtdsIconVariants || (FtdsIconVariants = {}));

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

@@ -1,4 +0,0 @@
-export declare const FtdsIconCssVariables: {
-    size: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-};
-export declare const dsStyles: import("lit").CSSResult[];

package/build/ftds-icon.styles.js

@@ -1,26 +0,0 @@
-import { css } from "lit";
-import { FtCssVariableFactory, noTextSelect } from "@fluid-topics/ft-wc-utils";
-export const FtdsIconCssVariables = {
-    size: FtCssVariableFactory.create("--ftds-icon-font-size", "", "SIZE", "24px"),
-};
-// language=css
-export const dsStyles = [
-    css `
-        :host {
-            display: inline-flex;
-        }
-
-        .ftds-icon {
-            display: inline-flex;
-        }
-
-        svg {
-            height: ${FtdsIconCssVariables.size};
-        }
-
-        .ftds-icon--monospace svg {
-            width: ${FtdsIconCssVariables.size};
-        }
-    `,
-    noTextSelect,
-];

package/build/ftds-icons-definition.d.ts

@@ -1,4 +0,0 @@
-import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-export type IconPrefix = "fak" | "fas" | "far";
-export type IconName = "lock-keyhole" | "link-simple-slash" | "table-layout" | "layer-group" | "circle-info" | "bars-progress" | "code-compare" | "hourglass-end" | "box-archive" | "arrows-rotate" | "circle-dot" | "angles-left" | "route" | "bars" | "arrow-down" | "lock-keyhole-open" | "desktop" | "angles-right" | "piggy-bank" | "angle-up" | "square" | "pen-nib" | "arrow-up-right-from-square" | "grid-2" | "books" | "tag" | "angles-up-down" | "arrow-rotate-left" | "eye-slash" | "circle-dollar" | "compress" | "radar" | "arrow-rotate-right" | "chart-network" | "plus" | "underline" | "arrow-left" | "upload" | "globe" | "language" | "toggle-on" | "download" | "message-quote" | "triangle-exclamation" | "star" | "bell-slash" | "hourglass-half" | "inbox" | "comment-dots" | "angle-down" | "cloud-arrow-down" | "bookmark-slash" | "link-simple" | "clock-rotate-left" | "spinner-third" | "plug" | "chart-simple" | "circle-play" | "file-magnifying-glass" | "pen" | "tablet" | "circle-check" | "file-invoice" | "xmark" | "arrow-right" | "bookmark" | "expand-wide" | "user" | "server" | "calendar-range" | "broom-wide" | "arrows-up-down-left-right" | "wifi-slash" | "check" | "italic" | "life-ring" | "table-cells" | "trash-can" | "wrench" | "paperclip" | "cabinet-filing" | "arrow-up" | "file" | "circle-question" | "columns-3" | "gear" | "chart-line" | "thumbs-up" | "hand" | "circle" | "calendar-day" | "cloud" | "list-tree" | "angle-right" | "code" | "align-center" | "comment-question" | "image" | "arrow-up-right-and-arrow-down-left-from-center" | "thumbs-down" | "diagram-sankey" | "message-check" | "bold" | "circle-stop" | "arrow-right-to-bracket" | "users" | "arrow-turn-down-right" | "print" | "align-right" | "flask" | "magnifying-glass-plus" | "shield-check" | "strikethrough" | "folder-open" | "clone" | "heart" | "paper-plane" | "magnifying-glass-minus" | "book" | "clock" | "ellipsis-vertical" | "arrow-right-to-line" | "angle-left" | "calendar-circle-exclamation" | "expand" | "equals" | "receipt" | "eye" | "align-left" | "paintbrush" | "key" | "palette" | "floppy-disk" | "magnifying-glass" | "ellipsis" | "share-nodes" | "arrows-from-line" | "power-off" | "envelope-open-text" | "circle-pause" | "mobile" | "bell" | "filter" | "medal" | "cloud-slash" | "minus" | "paste" | "calendar-check" | "hexagon-xmark" | "pause" | "chart-mixed" | "robot" | "anchor" | "wand-magic-sparkles" | "hexagon-exclamation" | "cubes" | "turn-right" | "square-info" | "message-bot" | "play" | "turn-left" | "address-card" | "crown" | "square-check" | "grip-lines" | "chart-area" | "trash" | "user-tie" | "circle-small" | "square-minus" | "regular-folder-open-lock" | "regular-user-circle-check" | "solid-left-panel" | "regular-binder-open" | "regular-bookmark-circle-plus" | "regular-diagram-sunburst" | "regular-preview" | "regular-context" | "regular-mobile-landscape" | "solid-file-rotate-right" | "regular-pip-wide" | "regular-clone-link-simple" | "regular-left-panel" | "light-file-lines-gear" | "regular-file-lines-gear" | "regular-circle-dashed-dollar-question" | "regular-table-cells-slash" | "regular-book-open-gear-slash" | "regular-tablet-landscape" | "regular-chart-bar-stacked" | "solid-circle-user-circle-check" | "regular-bullets-line" | "regular-language-circle-exclamation" | "solid-code-compare" | "regular-format-clear" | "regular-paper-plane-slash" | "regular-magnifying-glass-back" | "light-receipt-gear" | "regular-binder-open-arrow-left" | "regular-hourglass-half-circle-check" | "regular-threshold" | "regular-pip" | "regular-user-gear" | "solid-message-bot-circle-bolt" | "regular-bell-circle-plus" | "regular-cloud-slash-gear" | "regular-house-magnifying-glass" | "solid-circle-user-slash" | "regular-list-magnifying-glass" | "regular-computer-mouse-magnifying-glass" | "regular-language-slash" | "regular-chart-bar-grouped" | "regular-consumer" | "regular-chart-bar-normalized" | "regular-user-lock" | "regular-circle-dollar-slash" | "regular-binder-open-arrow-right" | "regular-bullets-lines" | "regular-binder-open-pen" | "regular-bookmark-circle-minus" | "regular-magnifying-glass-one" | "regular-book-open-gear" | "light-message-bot-circle-bolt" | "light-book-open-gear";
-export declare const all: IconDefinition[];