@fluid-topics/ft-modal 2.0.14 → 2.0.16

package/build/ft-modal.styles.js

@@ -119,6 +119,7 @@ export const ftmodalStyles = css `
         background-color: ${FtModalCssVariables.contentBackgroundColor};
         border-radius: 0px 0px ${FtModalCssVariables.borderRadius} ${FtModalCssVariables.borderRadius};
         overflow: ${FtModalCssVariables.contentOverflow};
+        word-break: break-word;
     }
 
     [part=content] {

package/build/ftds-modal-confirm.js

@@ -4,16 +4,16 @@ 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 { DesignSystemFamily, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { DesignSystemFamily, FtLitElement, } from "@fluid-topics/ft-wc-utils";
 import { html } from "lit";
 import { FtdsModal } from "./ftds-modal";
 import { DesignSystemSize } from "@fluid-topics/design-system-variables";
 import { FtDsModalBodyTypography } from "./ftds-modal.properties";
 import { FtIcons } from "@fluid-topics/ft-icon";
-import { property, query } from "lit/decorators.js";
+import { property, query, } from "lit/decorators.js";
 import { FtdsTypography } from "@fluid-topics/ft-typography";
 import { FtdsButton } from "@fluid-topics/ft-button";
-class FtdsModalConfirm extends FtLitElement {
+export class FtdsModalConfirm extends FtLitElement {
     constructor() {
         super(...arguments);
         this.confirmText = "Confirm";
@@ -95,4 +95,3 @@ __decorate([
 __decorate([
     query("ftds-modal")
 ], FtdsModalConfirm.prototype, "modal", void 0);
-export { FtdsModalConfirm };

package/build/ftds-modal.js

@@ -4,23 +4,23 @@ 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 { DesignSystemFamily, FtdsBase } from "@fluid-topics/ft-wc-utils";
+import { html, nothing, } from "lit";
+import { property, query, } from "lit/decorators.js";
+import { DesignSystemFamily, FtdsBase, } from "@fluid-topics/ft-wc-utils";
 import { classMap } from "lit/directives/class-map.js";
 import { designSystemStyle } from "./ftds-modal.styles";
 import { FtdsButton } from "@fluid-topics/ft-button";
 import { DesignSystemSize } from "@fluid-topics/design-system-variables";
-import { FtIcon, FtIcons } from "@fluid-topics/ft-icon";
-import { FtdsTypography, FtdsTypographyVariants } from "@fluid-topics/ft-typography";
+import { FtIcon, FtIcons, } from "@fluid-topics/ft-icon";
+import { FtdsTypography, FtdsTypographyVariants, } from "@fluid-topics/ft-typography";
 import { withI18n } from "@fluid-topics/ft-i18n";
-import { defaultModalMessages, modal } from "./FtDsModalMessages";
+import { defaultModalMessages, modal, } from "./FtDsModalMessages";
 class FtdsModalCloseEvent extends Event {
     constructor() {
         super("close");
     }
 }
-class FtdsModal extends withI18n(FtdsBase) {
+export class FtdsModal extends withI18n(FtdsBase) {
     constructor() {
         super();
         this.heading = "";
@@ -117,4 +117,3 @@ __decorate([
 __decorate([
     property()
 ], FtdsModal.prototype, "size", void 0);
-export { FtdsModal };

package/build/ftds-modal.styles.js

@@ -1,5 +1,5 @@
 import { css } from "lit";
-import { modal } from "@fluid-topics/design-system-variables";
+import { modal, } from "@fluid-topics/design-system-variables";
 import { foundation } from "@fluid-topics/ft-wc-utils";
 export { modal as FtdsModalCssVariables };
 // language=CSS
@@ -65,6 +65,7 @@ export const designSystemStyle = [
 
         [part=heading] {
             flex-grow: 1;
+            overflow-wrap: anywhere;
         }
 
         [part=icon] {
@@ -82,6 +83,7 @@ export const designSystemStyle = [
             gap: ${modal.bodyVerticalGap};
             color: ${modal.bodyColor};
             background-color: ${modal.bodyBackgroundColor};
+            overflow-wrap: anywhere;
         }
 
         [part=actions] {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-modal",
-    "version": "2.0.14",
+    "version": "2.0.16",
     "description": "Modal for Design System V2",
     "keywords": [
         "Lit"
@@ -19,11 +19,11 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-wc-utils": "2.0.14",
+        "@fluid-topics/ft-wc-utils": "2.0.16",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "2.0.14"
+        "@fluid-topics/ft-wc-test-utils": "2.0.16"
     },
-    "gitHead": "4c50289bffd5b4b58542856830adc1399b93a70f"
+    "gitHead": "a972b95acf70b2bfab648ae99cec9d9cbe77c86f"
 }