@fluid-topics/ftds-popover 2.2.0 → 2.2.1

package/build/ftds-popover.js

@@ -19,13 +19,13 @@ export class FtdsPopover extends FtLitElement {
     constructor() {
         super(...arguments);
         this.closeButtonLabel = "close info";
-        this.openButtonIcon = FtdsIcons.CIRCLE_QUESTION;
-        this.openButtonIconVariant = FtdsIconVariants.regular;
+        this.openButtonIcon = FtdsIcons.QUESTION;
+        this.openButtonIconVariant = FtdsIconVariants.solid;
         this.openButtonLabel = "more info";
         this.openButtonTooltipPosition = "bottom";
         this.opened = false;
         this.hidden = false;
-        this.openButtonSize = DesignSystemSize.medium;
+        this.openButtonSize = DesignSystemSize.small;
         this.openButtonFamily = DesignSystemFamily.info;
         this.isTriggerSlotAssigned = false;
         this.heading = "";
@@ -105,6 +105,7 @@ export class FtdsPopover extends FtLitElement {
     renderOpeningButton() {
         return html `
             <ftds-button @focusin=${this.close}
+                         secondary
                          part="opening-button"
                          icon="${this.openButtonIcon}"
                          variant="${this.openButtonIconVariant}"

package/build/ftds-popover.light.js

@@ -2083,7 +2083,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
     .hidden {
         display: none;
     }
-`;var ai=C(xr());var X=function(e,t,n,o){var a=arguments.length,i=a<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,n):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(i=(a<3?s(i):a>3?s(t,n,i):s(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i},B=class extends ur.FtLitElement{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=p.CIRCLE_QUESTION,this.openButtonIconVariant=u.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=Te.medium,this.openButtonFamily=Je.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=en.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=G.maxWidth,this.onTriggerSlotChange=()=>{var t,n;let o=(n=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements())!==null&&n!==void 0?n:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open())},this.watchFocusIn=t=>{this.popoverWrapper&&!t.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=t=>{var n;t.key==="Escape"&&(this.close(),(n=this.openingElement)===null||n===void 0||n.focus())}}get openingElement(){var t;let n=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements();return n?.length&&n[0]instanceof HTMLElement?n[0]:this.openingButton}render(){let t={opened:this.opened};return this.hidden?Re.nothing:Re.html`
+`;var ai=C(xr());var X=function(e,t,n,o){var a=arguments.length,i=a<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,n):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(i=(a<3?s(i):a>3?s(t,n,i):s(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i},B=class extends ur.FtLitElement{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=p.QUESTION,this.openButtonIconVariant=u.solid,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=Te.small,this.openButtonFamily=Je.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=en.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=G.maxWidth,this.onTriggerSlotChange=()=>{var t,n;let o=(n=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements())!==null&&n!==void 0?n:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open())},this.watchFocusIn=t=>{this.popoverWrapper&&!t.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=t=>{var n;t.key==="Escape"&&(this.close(),(n=this.openingElement)===null||n===void 0||n.focus())}}get openingElement(){var t;let n=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements();return n?.length&&n[0]instanceof HTMLElement?n[0]:this.openingButton}render(){let t={opened:this.opened};return this.hidden?Re.nothing:Re.html`
             <div part="root-container" class="${(0,ai.classMap)(t)}">
                 <slot name="trigger"
                       @slotchange=${this.onTriggerSlotChange}
@@ -2109,6 +2109,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
             </div>
         `:Re.nothing}renderOpeningButton(){return Re.html`
             <ftds-button @focusin=${this.close}
+                         secondary
                          part="opening-button"
                          icon="${this.openButtonIcon}"
                          variant="${this.openButtonIconVariant}"

package/build/ftds-popover.min.js

@@ -2163,7 +2163,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
     .hidden {
         display: none;
     }
-`;var ne=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Z=class extends q{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=h.CIRCLE_QUESTION,this.openButtonIconVariant=p.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=Le.medium,this.openButtonFamily=Ue.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=zo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=X.maxWidth,this.onTriggerSlotChange=()=>{var e,r;let o=(r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements())!==null&&r!==void 0?r:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open())},this.watchFocusIn=e=>{this.popoverWrapper&&!e.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=e=>{var r;e.key==="Escape"&&(this.close(),(r=this.openingElement)===null||r===void 0||r.focus())}}get openingElement(){var e;let r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements();return r?.length&&r[0]instanceof HTMLElement?r[0]:this.openingButton}render(){let e={opened:this.opened};return this.hidden?j:W`
+`;var ne=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Z=class extends q{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=h.QUESTION,this.openButtonIconVariant=p.solid,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=Le.small,this.openButtonFamily=Ue.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=zo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=X.maxWidth,this.onTriggerSlotChange=()=>{var e,r;let o=(r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements())!==null&&r!==void 0?r:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open())},this.watchFocusIn=e=>{this.popoverWrapper&&!e.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=e=>{var r;e.key==="Escape"&&(this.close(),(r=this.openingElement)===null||r===void 0||r.focus())}}get openingElement(){var e;let r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements();return r?.length&&r[0]instanceof HTMLElement?r[0]:this.openingButton}render(){let e={opened:this.opened};return this.hidden?j:W`
             <div part="root-container" class="${Pe(e)}">
                 <slot name="trigger"
                       @slotchange=${this.onTriggerSlotChange}
@@ -2189,6 +2189,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
             </div>
         `:j}renderOpeningButton(){return W`
             <ftds-button @focusin=${this.close}
+                         secondary
                          part="opening-button"
                          icon="${this.openButtonIcon}"
                          variant="${this.openButtonIconVariant}"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ftds-popover",
-    "version": "2.2.0",
+    "version": "2.2.1",
     "description": "The design system popover component",
     "keywords": [
         "Lit"
@@ -21,15 +21,15 @@
     "dependencies": {
         "@floating-ui/dom": "1.8.0",
         "@fluid-topics/design-system-variables": "3.6.0",
-        "@fluid-topics/ft-tooltip": "2.2.0",
-        "@fluid-topics/ft-wc-utils": "2.2.0",
-        "@fluid-topics/ftds-button": "2.2.0",
-        "@fluid-topics/ftds-icon": "2.2.0",
-        "@fluid-topics/ftds-typography": "2.2.0",
+        "@fluid-topics/ft-tooltip": "2.2.1",
+        "@fluid-topics/ft-wc-utils": "2.2.1",
+        "@fluid-topics/ftds-button": "2.2.1",
+        "@fluid-topics/ftds-icon": "2.2.1",
+        "@fluid-topics/ftds-typography": "2.2.1",
         "lit": "3.3.3"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "2.2.0"
+        "@fluid-topics/ft-wc-test-utils": "2.2.1"
     },
-    "gitHead": "524448c19965dfe37c04bfb9a6d0e7d084fa12ce"
+    "gitHead": "25fd63f06bb81a168e9dbd9356d8e3d86a925ad9"
 }