@fluid-topics/ft-reader-attachments 2.1.9 → 2.1.11

package/build/ft-reader-attachments.styles.d.ts

@@ -1,14 +1,2 @@
-export declare const FtReaderAttachmentsCssVariables: {
-    itemsGap: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemPadding: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemBorderWidth: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemBorderColor: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemBorderRadius: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemBackgroundColor: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemTextColor: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemHoverBackgroundColor: import("@fluid-topics/design-system-variables").FtCssVariable;
-    itemHoverTextColor: import("@fluid-topics/design-system-variables").FtCssVariable;
-    fileFormatIconSize: import("@fluid-topics/design-system-variables").FtCssVariable;
-    downloadIconSize: import("@fluid-topics/design-system-variables").FtCssVariable;
-};
-export declare const styles: import("lit").CSSResult;
+import { FtBaseAttachmentsCssVariables } from "./ft-base-attachments.styles";
+export declare const FtReaderAttachmentsCssVariables: FtBaseAttachmentsCssVariables;

package/build/ft-reader-attachments.styles.js

@@ -1,7 +1,4 @@
-import { css } from "lit";
-import { designSystemVariables, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
-import { FtRippleCssVariables } from "@fluid-topics/ft-ripple/build/ft-ripple.styles";
-import { FtIconCssVariables } from "@fluid-topics/ft-icon/build/ft-icon.styles";
+import { designSystemVariables, FtCssVariableFactory, } from "@fluid-topics/ft-wc-utils";
 export const FtReaderAttachmentsCssVariables = {
     itemsGap: FtCssVariableFactory.create("--ft-reader-attachments-items-gap", "", "SIZE", "8px"),
     itemPadding: FtCssVariableFactory.create("--ft-reader-attachments-item-padding", "", "SIZE", "8px"),
@@ -15,72 +12,3 @@ export const FtReaderAttachmentsCssVariables = {
     fileFormatIconSize: FtCssVariableFactory.create("--ft-reader-attachments-file-format-icon-size", "", "SIZE", "30px"),
     downloadIconSize: FtCssVariableFactory.create("--ft-reader-attachments-down-icon-size", "", "SIZE", "20px"),
 };
-// language=CSS
-export const styles = css `
-    [part="container"] {
-        display: flex;
-        flex-direction: column;
-        gap: ${FtReaderAttachmentsCssVariables.itemsGap};
-    }
-
-    [part="attachment"] {
-        border-style: solid;
-        border-width: ${FtReaderAttachmentsCssVariables.itemBorderWidth};
-        border-color: ${FtReaderAttachmentsCssVariables.itemBorderColor};
-        border-radius: ${FtReaderAttachmentsCssVariables.itemBorderRadius};
-        background-color: ${FtReaderAttachmentsCssVariables.itemBackgroundColor};
-    }
-
-    [part="attachment"], [part="viewer-link"], [part="download-link"] {
-        display: flex;
-        flex-direction: row;
-    }
-
-    [part="viewer-link"], [part="download-link"] {
-        position: relative;
-        color: ${FtReaderAttachmentsCssVariables.itemTextColor};
-        text-decoration: none;
-        padding: ${FtReaderAttachmentsCssVariables.itemPadding};
-        align-items: center;
-    }
-
-    [part="viewer-link"]:hover, [part="download-link"]:hover {
-        color: ${FtReaderAttachmentsCssVariables.itemHoverTextColor};
-    }
-
-    [part="viewer-link"] {
-        gap: 8px;
-    }
-
-    [part="viewer-link"], [part="name"] {
-        flex-grow: 1;
-        flex-shrink: 1;
-        word-wrap: break-word;
-        word-break: break-word;
-    }
-
-    [part~="ripple"] {
-        ${setVariable(FtRippleCssVariables.color, FtReaderAttachmentsCssVariables.itemHoverBackgroundColor)};
-        ${setVariable(FtRippleCssVariables.borderRadius, FtReaderAttachmentsCssVariables.itemBorderRadius)};
-    }
-
-    [part="file-format-icon"] {
-        ${setVariable(FtIconCssVariables.size, FtReaderAttachmentsCssVariables.fileFormatIconSize)};
-    }
-
-    [part="download-icon"] {
-        ${setVariable(FtIconCssVariables.size, FtReaderAttachmentsCssVariables.downloadIconSize)};
-    }
-
-    .hide-file-format-icon [part="file-format-icon"] {
-        display: none;
-    }
-
-    .hide-filename [part="name"] {
-        display: none;
-    }
-
-    .hide-download-icon [part="download-link"] {
-        display: none;
-    }
-`;

package/build/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./ft-reader-attachments.styles";
-export * from "./ft-reader-attachments.properties";
 export * from "./ft-reader-attachments";
+export * from "./ft-base-attachments.styles";
+export * from "./ft-base-attachments.properties";
+export * from "./ft-base-attachments";
 import "./define";

package/build/index.js

@@ -1,4 +1,6 @@
 export * from "./ft-reader-attachments.styles";
-export * from "./ft-reader-attachments.properties";
 export * from "./ft-reader-attachments";
+export * from "./ft-base-attachments.styles";
+export * from "./ft-base-attachments.properties";
+export * from "./ft-base-attachments";
 import "./define";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-reader-attachments",
-    "version": "2.1.9",
+    "version": "2.1.11",
     "description": "Reader component to list map attachments",
     "keywords": [
         "Lit"
@@ -19,15 +19,15 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-app-context": "2.1.9",
-        "@fluid-topics/ft-i18n": "2.1.9",
-        "@fluid-topics/ft-icon": "2.1.9",
-        "@fluid-topics/ft-reader-context": "2.1.9",
-        "@fluid-topics/ft-ripple": "2.1.9",
-        "@fluid-topics/ft-typography": "2.1.9",
-        "@fluid-topics/ft-wc-utils": "2.1.9",
-        "@fluid-topics/public-api": "1.0.128",
+        "@fluid-topics/ft-app-context": "2.1.11",
+        "@fluid-topics/ft-i18n": "2.1.11",
+        "@fluid-topics/ft-icon": "2.1.11",
+        "@fluid-topics/ft-reader-context": "2.1.11",
+        "@fluid-topics/ft-ripple": "2.1.11",
+        "@fluid-topics/ft-typography": "2.1.11",
+        "@fluid-topics/ft-wc-utils": "2.1.11",
+        "@fluid-topics/public-api": "1.0.129",
         "lit": "3.1.0"
     },
-    "gitHead": "05beef5f083b13de7eada66a00f44432f3f1af0e"
+    "gitHead": "0bd65ae6c78742b2e7f43789ecf6145f2a476ecb"
 }