@fluid-topics/ft-popover 1.1.116 → 1.1.118

package/build/ftds-popover.d.ts

@@ -25,5 +25,6 @@ export declare class FtdsPopover extends FtLitElement implements FtdsPopoverProp
     open(): void;
     private watchFocusIn;
     private watchEscapeKey;
+    private closeAndFocusOpeningButton;
     private positionWrapper;
 }

package/build/ftds-popover.js

@@ -22,7 +22,7 @@ class FtdsPopover extends FtLitElement {
         this.openButtonTooltipPosition = "bottom";
         this.opened = false;
         this.openButtonSize = DesignSystemSize.medium;
-        this.openButtonFamily = DesignSystemFamily.brand;
+        this.openButtonFamily = DesignSystemFamily.info;
         this.watchFocusIn = (event) => {
             if (!event.composedPath().includes(this.popoverWrapper)) {
                 this.close();
@@ -30,10 +30,13 @@ class FtdsPopover extends FtLitElement {
         };
         this.watchEscapeKey = (event) => {
             if (event.key === "Escape") {
-                this.close();
-                this.openingButton.focus();
+                this.closeAndFocusOpeningButton();
             }
         };
+        this.closeAndFocusOpeningButton = () => {
+            this.close();
+            this.openingButton.focus();
+        };
     }
     render() {
         const classes = {
@@ -83,7 +86,7 @@ class FtdsPopover extends FtLitElement {
         return html `
             <div class="ftds-popover--closing-button">
                 <ftds-button icon="${FtIcons.CLOSE}" size="${DesignSystemSize.small}" family="${DesignSystemFamily.neutral}"
-                             part="closing-button" label="${this.closeButtonLabel}" @click=${this.close}></ftds-button>
+                             part="closing-button" label="${this.closeButtonLabel}" @click=${this.closeAndFocusOpeningButton}></ftds-button>
             </div>
         `;
     }

package/build/ftds-popover.styles.js

@@ -41,7 +41,7 @@ export const styles = css `
         display: flex;
         flex-direction: column;
 
-        max-width: 464px;
+        max-width: ${popover.maxWidth};
         width: max-content;
 
         padding-left: ${popover.horizontalPadding};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-popover",
-  "version": "1.1.116",
+  "version": "1.1.118",
   "description": "A simple popover component",
   "keywords": [
     "Lit"
@@ -20,12 +20,12 @@
   },
   "dependencies": {
     "@fluid-topics/design-system-variables": "0.1.2",
-    "@fluid-topics/ft-button": "1.1.116",
-    "@fluid-topics/ft-icon": "1.1.116",
-    "@fluid-topics/ft-link": "1.1.116",
-    "@fluid-topics/ft-typography": "1.1.116",
-    "@fluid-topics/ft-wc-utils": "1.1.116",
+    "@fluid-topics/ft-button": "1.1.118",
+    "@fluid-topics/ft-icon": "1.1.118",
+    "@fluid-topics/ft-link": "1.1.118",
+    "@fluid-topics/ft-typography": "1.1.118",
+    "@fluid-topics/ft-wc-utils": "1.1.118",
     "lit": "3.1.0"
   },
-  "gitHead": "261937d678cb0ad3ae752ef48cde5e906123c3e2"
+  "gitHead": "b911f1ca9e8293dfc7aab79f00400056585e4f03"
 }