@fluid-topics/ft-chip 2.0.36 → 2.0.37

package/build/ftds-chip.d.ts

@@ -7,6 +7,7 @@ export declare class FtdsChip extends FtdsBase implements FtdsChipProperties {
     static elementDefinitions: ElementDefinitionsMap;
     withAction: boolean;
     removable: boolean;
+    multiLine: boolean;
     removeButtonLabel: string;
     label: string;
     icon?: string;

package/build/ftds-chip.js

@@ -4,12 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, nothing } from "lit";
-import { property, query } from "lit/decorators.js";
+import { html, nothing, } from "lit";
+import { property, query, } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-import { DesignSystemFamily, FtdsBase } from "@fluid-topics/ft-wc-utils";
-import { FtdsTypography, FtdsTypographyVariants } from "@fluid-topics/ft-typography";
-import { FtIcon, FtIcons, FtIconVariants } from "@fluid-topics/ft-icon";
+import { DesignSystemFamily, FtdsBase, } from "@fluid-topics/ft-wc-utils";
+import { FtdsTypography, FtdsTypographyVariants, } from "@fluid-topics/ft-typography";
+import { FtIcon, FtIcons, FtIconVariants, } from "@fluid-topics/ft-icon";
 import { designSystemStyle } from "./ftds-chip.styles";
 import { DesignSystemSize } from "@fluid-topics/design-system-variables";
 import { FtdsButton } from "@fluid-topics/ft-button";
@@ -23,6 +23,7 @@ export class FtdsChip extends FtdsBase {
         super(...arguments);
         this.withAction = false;
         this.removable = false;
+        this.multiLine = false;
         this.removeButtonLabel = "Remove";
         this.label = "";
     }
@@ -31,6 +32,7 @@ export class FtdsChip extends FtdsBase {
             "ftds-chip": true,
             "ftds-chip--with-action": this.removable || this.withAction,
             "ftds-chip--with-icon": !!this.icon,
+            "ftds-chip--multi-line": this.multiLine,
             ...this.getDesignSystemBaseClasses(),
         };
         return html `
@@ -113,6 +115,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], FtdsChip.prototype, "removable", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtdsChip.prototype, "multiLine", void 0);
 __decorate([
     property()
 ], FtdsChip.prototype, "removeButtonLabel", void 0);

package/build/ftds-chip.property.d.ts

@@ -2,4 +2,5 @@ export interface FtdsChipProperties {
     removable?: boolean;
     label?: string;
     icon?: string;
+    multiLine?: boolean;
 }

package/build/ftds-chip.styles.js

@@ -25,7 +25,16 @@ export const designSystemStyle = [
         }
 
         .ftds-chip ftds-typography {
-            display: flex; /* For typo alignment in the chip */
+            overflow: hidden;
+            display: flex;
+            align-items: center;
+            min-width: 0;
+        }
+
+        .ftds-chip:not(.ftds-chip--multi-line) ftds-typography::part(text) {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
 
 
@@ -52,7 +61,6 @@ export const designSystemStyle = [
         }
 
         .ftds--size-small ftds-typography {
-            overflow: visible;
             padding: 0 2px;
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-chip",
-    "version": "2.0.36",
+    "version": "2.0.37",
     "description": "A generic Fluid Topics chip",
     "keywords": [
         "Lit"
@@ -19,12 +19,12 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/design-system-variables": "3.3.2",
-        "@fluid-topics/ft-icon": "2.0.36",
-        "@fluid-topics/ft-ripple": "2.0.36",
-        "@fluid-topics/ft-typography": "2.0.36",
-        "@fluid-topics/ft-wc-utils": "2.0.36",
+        "@fluid-topics/design-system-variables": "3.4.1",
+        "@fluid-topics/ft-icon": "2.0.37",
+        "@fluid-topics/ft-ripple": "2.0.37",
+        "@fluid-topics/ft-typography": "2.0.37",
+        "@fluid-topics/ft-wc-utils": "2.0.37",
         "lit": "3.1.0"
     },
-    "gitHead": "d06db60c90f63c49a49a7c8394cd02401fcccafb"
+    "gitHead": "ef1f68e09e0331293931458a6479b551dcc4cecc"
 }