@fluid-topics/ft-modal 1.1.116

package/README.md

@@ -0,0 +1,34 @@
+Modal for Design System V2
+
+## Install
+
+```shell
+npm install @fluid-topics/ft-modal
+yarn add @fluid-topics/ft-modal
+```
+
+## Usage
+
+```typescript
+import { html } from "lit"
+import "@fluid-topics/ft-modal"
+
+function render() {
+    return html`
+        <ftds-button @click="${ () => document.querySelector<FtdsModal>("#example-modal")?.open() }">
+            Small example
+        </ftds-button>
+        <ftds-modal heading="Modal title" id="example-modal">
+            <ft-typography variant="${ FtDsModalBodyTypography }">
+                Modal content text
+            </ft-typography>
+            <ftds-button slot="actions">
+                Button 1
+            </ftds-button>
+            <ftds-button slot="actions">
+                Button 2
+            </ftds-button>
+        </ftds-modal>
+`
+}
+```

package/build/FtDsModalMessages.d.ts

@@ -0,0 +1,6 @@
+import { DefaultI18nMessages, I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n";
+export interface FtDsModalMessages extends I18nMessages {
+    closeModal(): string;
+}
+export declare const modal: I18nMessageContext<FtDsModalMessages>;
+export declare const defaultModalMessages: DefaultI18nMessages<FtDsModalMessages>;

package/build/FtDsModalMessages.js

@@ -0,0 +1,5 @@
+import { I18nMessageContext } from "@fluid-topics/ft-i18n";
+export const modal = I18nMessageContext.build("dsModal");
+export const defaultModalMessages = {
+    closeModal: "Close modal",
+};