@fluid-topics/ft-icon 1.2.39 → 1.2.41

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

@@ -5,4 +5,4 @@ export declare const FtIconCssVariables: {
     materialFontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
     verticalAlign: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
-export declare const styles: import("lit").CSSResult;
+export declare const styles: import("lit").CSSResult[];

package/build/ft-icon.styles.js

@@ -1,5 +1,5 @@
 import { css } from "lit";
-import { FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
+import { FtCssVariableFactory, noTextSelect } from "@fluid-topics/ft-wc-utils";
 export const FtIconCssVariables = {
     size: FtCssVariableFactory.create("--ft-icon-font-size", "", "SIZE", "24px"),
     fluidTopicsFontFamily: FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family", "", FtCssVariableFactory.create("--ft-icon-font-family", "", "UNKNOWN", "ft-icons")),
@@ -8,52 +8,54 @@ export const FtIconCssVariables = {
     verticalAlign: FtCssVariableFactory.create("--ft-icon-vertical-align", "", "UNKNOWN", "unset"),
 };
 //language=css
-export const styles = css `
-    :host, i.ft-icon {
-        display: inline-flex;
-        align-items: center;
-        flex-shrink: 0;
-        flex-grow: 0;
-    }
+export const styles = [
+    css `
+        :host, i.ft-icon {
+            display: inline-flex;
+            align-items: center;
+            flex-shrink: 0;
+            flex-grow: 0;
+        }
 
-    :host {
-        width: ${FtIconCssVariables.size};
-        height: ${FtIconCssVariables.size};
-    }
+        :host {
+            width: ${FtIconCssVariables.size};
+            height: ${FtIconCssVariables.size};
+        }
 
-    i.ft-icon {
-        width: 100%;
-        height: 100%;
-        font-size: ${FtIconCssVariables.size};
-        line-height: 1;
-        font-weight: normal;
-        text-transform: none;
-        font-style: normal;
-        font-variant: normal;
-        speak: none;
-        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
-        text-rendering: auto;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-        vertical-align: ${FtIconCssVariables.verticalAlign};
-    }
+        i.ft-icon {
+            width: 100%;
+            height: 100%;
+            font-size: ${FtIconCssVariables.size};
+            line-height: 1;
+            font-weight: normal;
+            text-transform: none;
+            font-style: normal;
+            font-variant: normal;
+            speak: none;
+            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
+            text-rendering: auto;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            vertical-align: ${FtIconCssVariables.verticalAlign};
+        }
 
-    i.ft-icon.ft-icon--fluid-topics {
-        font-family: ${FtIconCssVariables.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
+        i.ft-icon.ft-icon--fluid-topics {
+            font-family: ${FtIconCssVariables.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
 
-        /* Ugly fix because font is broken */
-        font-size: calc(0.75 * ${FtIconCssVariables.size});
-        line-height: ${FtIconCssVariables.size};
-        position: relative;
-        top: -4%;
-        justify-content: center;
-    }
+            /* Ugly fix because font is broken */
+            font-size: calc(0.75 * ${FtIconCssVariables.size});
+            line-height: ${FtIconCssVariables.size};
+            position: relative;
+            top: -4%;
+            justify-content: center;
+        }
 
-    .ft-icon--file-format {
-        font-family: ${FtIconCssVariables.fileFormatFontFamily}, ft-mime, sans-serif;
-    }
+        .ft-icon--file-format {
+            font-family: ${FtIconCssVariables.fileFormatFontFamily}, ft-mime, sans-serif;
+        }
 
-    .ft-icon--material {
-        font-family: ${FtIconCssVariables.materialFontFamily}, "Material Icons", sans-serif;
-    }
-`;
+        .ft-icon--material {
+            font-family: ${FtIconCssVariables.materialFontFamily}, "Material Icons", sans-serif;
+        }
+    `, noTextSelect
+];

package/build/icons.d.ts

@@ -195,7 +195,8 @@ export declare enum FtIcons {
     EXPAND = "",
     ARROW_ROTATE_LEFT = "",
     EYE = "",
-    SHARE = "󨃱"
+    SHARE = "󨃱",
+    MOBILE_SMALL = ""
 }
 export declare enum FtFileFormatIcons {
     UNKNOWN = "",

package/build/icons.js

@@ -197,6 +197,7 @@ export var FtIcons;
     FtIcons["ARROW_ROTATE_LEFT"] = "";
     FtIcons["EYE"] = "";
     FtIcons["SHARE"] = "󨃱";
+    FtIcons["MOBILE_SMALL"] = "";
 })(FtIcons || (FtIcons = {}));
 export var FtFileFormatIcons;
 (function (FtFileFormatIcons) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-icon",
-  "version": "1.2.39",
+  "version": "1.2.41",
   "description": "Typography components",
   "keywords": [
     "Lit"
@@ -20,8 +20,8 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-wc-utils": "1.2.39",
+    "@fluid-topics/ft-wc-utils": "1.2.41",
     "lit": "3.1.0"
   },
-  "gitHead": "b5772ed3ef0ed0ffc2465cfb8307593eacb6ad27"
+  "gitHead": "2f51fbafc6693cb23bd5207ea7f9a7534bd8cb25"
 }