@fluid-topics/ft-floating-menu 1.0.60 → 1.0.62

package/build/ft-floating-menu.min.js

@@ -332,12 +332,14 @@ var ht,ut;let yt=class extends k{constructor(){super(...arguments),this.renderOp
         vertical-align: inherit;
     }
 `,de=[Object.keys(Ot).map((t=>function(t){const o=Ot[t];return m`
-        font-family: ${o.fontFamily};
-        font-size: ${o.fontSize};
-        font-weight: ${o.fontWeight};
-        letter-spacing: ${o.letterSpacing};
-        line-height: ${o.lineHeight};
-        text-transform: ${o.textCase};
+        .ft-typography--${b(t)} {
+            font-family: ${o.fontFamily};
+            font-size: ${o.fontSize};
+            font-weight: ${o.fontWeight};
+            letter-spacing: ${o.letterSpacing};
+            line-height: ${o.lineHeight};
+            text-transform: ${o.textCase};
+        }
     `}(t)))],he={color:mt.extend("--ft-loader-color","",wt.colorPrimary),size:mt.create("--ft-loader-size","","SIZE","80px")},ue=m`
     :host {
         line-height: 0;
@@ -715,7 +717,7 @@ class Je extends ke{constructor(t){if(super(t),this.et=X,t.type!==Re)throw Error
                 </ft-tooltip>
             `:t}resolveIcon(){return this.loading?J`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?J`
-                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:X}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}nr.elementDefinitions={"ft-ripple":We,"ft-tooltip":Ve,"ft-typography":Me,"ft-icon":er,"ft-loader":rr},ir([r({type:String,reflect:!0})],nr.prototype,"role",void 0),ir([r()],nr.prototype,"type",void 0),ir([r({type:Boolean})],nr.prototype,"disabled",void 0),ir([r()],nr.prototype,"label",void 0),ir([r()],nr.prototype,"icon",void 0),ir([r()],nr.prototype,"iconVariant",void 0),ir([r({type:Boolean})],nr.prototype,"trailingIcon",void 0),ir([r({type:Boolean})],nr.prototype,"loading",void 0),ir([r()],nr.prototype,"tooltipPosition",void 0),ir([r({type:Boolean})],nr.prototype,"hideTooltip",void 0),ir([r({type:Boolean})],nr.prototype,"forceTooltip",void 0),ir([a(".ft-button")],nr.prototype,"button",void 0),ir([a(".ft-button--label slot")],nr.prototype,"slottedContent",void 0);var ar=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class lr extends nr{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}lr.styles=[Lt,Ce],ar([r({type:Boolean})],lr.prototype,"primary",void 0),ar([r({type:Boolean})],lr.prototype,"outlined",void 0),ar([r({type:Boolean})],lr.prototype,"disabled",void 0),ar([r({type:Boolean})],lr.prototype,"dense",void 0),ar([r({type:Boolean})],lr.prototype,"round",void 0);const sr=[m`
+                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:X}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}nr.elementDefinitions={"ft-ripple":We,"ft-tooltip":Ve,"ft-typography":Me,"ft-icon":er,"ft-loader":rr},ir([r({type:String,reflect:!0})],nr.prototype,"role",void 0),ir([r()],nr.prototype,"type",void 0),ir([r({type:Boolean})],nr.prototype,"disabled",void 0),ir([r()],nr.prototype,"label",void 0),ir([r()],nr.prototype,"icon",void 0),ir([r()],nr.prototype,"iconVariant",void 0),ir([r({type:Boolean})],nr.prototype,"trailingIcon",void 0),ir([r({type:Boolean})],nr.prototype,"loading",void 0),ir([r()],nr.prototype,"tooltipPosition",void 0),ir([r({type:Boolean})],nr.prototype,"hideTooltip",void 0),ir([r({type:Boolean})],nr.prototype,"forceTooltip",void 0),ir([a(".ft-button")],nr.prototype,"button",void 0),ir([a(".ft-button--label slot")],nr.prototype,"slottedContent",void 0);var ar=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class lr extends nr{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}lr.styles=[Lt,Ce],ar([r({type:Boolean})],lr.prototype,"primary",void 0),ar([r({type:Boolean})],lr.prototype,"outlined",void 0),ar([r({type:Boolean})],lr.prototype,"dense",void 0),ar([r({type:Boolean})],lr.prototype,"round",void 0);const sr=[m`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -974,30 +976,40 @@ class Je extends ke{constructor(t){if(super(t),this.et=X,t.type!==Re)throw Error
                     <slot></slot>
                 </ft-typography>
             </div>
-        `}onClick(t){this.dispatchEvent(new ur(this.value))}}yr.elementDefinitions={"ft-icon":er,"ft-ripple":We,"ft-typography":Me},yr.styles=dr,hr([r()],yr.prototype,"iconVariant",void 0),hr([r()],yr.prototype,"icon",void 0),hr([r()],yr.prototype,"value",void 0);var gr=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class br extends CustomEvent{constructor(){super("close-ft-floating-menu")}}class mr extends It{constructor(){super(...arguments),this.menuOpen=!1,this.forceMenuOpen=!1,this.iconVariant=tr.fluid_topics,this.icon="SHORTCUT_MENU",this.horizontalAlignment="left",this.verticalAlignment="bottom",this.disabled=!1,this.closeMenuMatchers=[],this.hideOptions=t=>{this.menuOpen=this.menuOpen&&t.composedPath().includes(this.container),this.menuOpen||document.removeEventListener("click",this.hideOptions)}}render(){const t={"ft-floating-menu":!0,"ft-floating-menu--open":this.forceMenuOpen||this.menuOpen,["ft-floating-menu--"+this.horizontalAlignment.toLowerCase()]:!0,["ft-floating-menu--"+this.verticalAlignment.toLowerCase()]:!0};return J`
+        `}onClick(t){this.dispatchEvent(new ur(this.value))}}yr.elementDefinitions={"ft-icon":er,"ft-ripple":We,"ft-typography":Me},yr.styles=dr,hr([r()],yr.prototype,"iconVariant",void 0),hr([r()],yr.prototype,"icon",void 0),hr([r()],yr.prototype,"value",void 0);var gr=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class br extends It{constructor(){super(...arguments),this.menuOpen=!1,this.forceMenuOpen=!1,this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1,this.iconVariant=tr.fluid_topics,this.icon="SHORTCUT_MENU",this.horizontalAlignment="left",this.verticalAlignment="bottom",this.disabled=!1,this.closeMenuMatchers=[],this.hideOptions=t=>{this.menuOpen=this.menuOpen&&t.composedPath().includes(this.container),this.menuOpen||document.removeEventListener("click",this.hideOptions)}}render(){const t={"ft-floating-menu":!0,"ft-floating-menu--open":this.forceMenuOpen||this.menuOpen,["ft-floating-menu--"+this.horizontalAlignment.toLowerCase()]:!0,["ft-floating-menu--"+this.verticalAlignment.toLowerCase()]:!0};return J`
             <div class="${Ue(t)}">
-                <ft-button id="actions-button"
-                           part="button"
-                           dense round
-                           icon="${this.icon}"
-                           .iconVariant=${this.iconVariant}
-                           .label=${this.label}
-                           .tooltipPosition=${this.tooltipPosition}
-                           ?disabled=${this.disabled}
-                           @click=${this.onClick}
-                           aria-controls="ft-floating-menu-options"
-                           aria-expanded="${this.forceMenuOpen||this.menuOpen}">
-                    ${this.text}
-                </ft-button>
+
+                <slot name="toggle"
+                      part="toggle"
+                      @click=${this.onClick}>
+                    <ft-or-ftds-button id="actions-button"
+                                       part="button"
+                                       ?primary=${this.primary}
+                                       ?secondary=${this.secondary}
+                                       ?tertiary=${this.tertiary}
+                                       ?neutral=${this.neutral}
+                                       ?small=${this.small}
+                                       dense round
+                                       icon="${this.icon}"
+                                       .iconVariant=${this.iconVariant}
+                                       .label=${this.label}
+                                       .tooltipPosition=${this.tooltipPosition}
+                                       ?disabled=${this.disabled}
+                                       aria-controls="ft-floating-menu-options"
+                                       aria-expanded="${this.forceMenuOpen||this.menuOpen}">
+                        ${this.text}
+                    </ft-or-ftds-button>
+                </slot>
                 <div class="ft-floating-menu--wrapper">
                     <div id="ft-floating-menu-options"
                          class="ft-floating-menu--options"
                          part="options"
                          @select="${this.onClickItem}">
-                        <slot @click=${this.onContentClick}
+                        <slot id="ft-floating-menu-content"
+                              @click=${this.onContentClick}
                               @close-ft-floating-menu=${this.onCloseEvent}
                         ></slot>
                     </div>
                 </div>
             </div>
-        `}onClick(){this.menuOpen=!this.menuOpen,setTimeout((()=>document.addEventListener("click",this.hideOptions)))}onClickItem(){this.closeMenu()}closeMenu(){this.menuOpen=!1}onCloseEvent(t){t.stopPropagation(),this.closeMenu()}onContentClick(t){(function(t,o,e){if(o.length>0){const r=t.composedPath();for(let t of r){if(t===e)return!1;if(t.matches&&o.some((o=>t.matches(o))))return!0}}return!1})(t,this.closeMenuMatchers,this)&&(this.closeMenu(),t.stopPropagation())}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}contentAvailableCallback(t){super.contentAvailableCallback(t),["menuOpen"].some((o=>t.has(o)))&&this.menuOpen&&(this.menuWrapper.classList.remove("ft-floating-menu--wrapper-positioned"),this.positionMenuWrapper())}positionMenuWrapper(){const t=this.menuContent.offsetWidth,o=this.menuContent.offsetHeight,e=this.actionButton.offsetWidth,r=this.actionButton.offsetHeight;let i=0,n=0;switch(this.menuWrapper.style.left="0",this.menuWrapper.style.top="0",this.horizontalAlignment){case"left":i=this.actionButton.offsetLeft-this.menuWrapper.offsetLeft;break;case"right":i=this.actionButton.offsetLeft+e-t-this.menuWrapper.offsetLeft;break;case"center":i=this.actionButton.offsetLeft+e/2-t/2-this.menuWrapper.offsetLeft}switch(this.verticalAlignment){case"bottom":n=this.actionButton.offsetTop+r+4-this.menuWrapper.offsetTop;break;case"top":n=this.actionButton.offsetTop-o-4-this.menuWrapper.offsetTop}const a=this.menuWrapper.style;a.left=i+"px",a.top=n+"px";const l=this.menuWrapper.getBoundingClientRect();let s=-l.x,c=l.x+l.width-window.innerWidth;a.left=i+Math.round(this.correctOutOfWindowPixels(s,c))+"px";let p=-l.y,f=l.y+l.height-window.innerHeight;a.top=n+Math.round(this.correctOutOfWindowPixels(p,f))+"px",this.menuWrapper.classList.add("ft-floating-menu--wrapper-positioned")}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}mr.elementDefinitions={"ft-button":lr,"ft-floating-menu-item":yr},mr.styles=Mt,gr([i()],mr.prototype,"menuOpen",void 0),gr([i()],mr.prototype,"forceMenuOpen",void 0),gr([a(".ft-floating-menu")],mr.prototype,"container",void 0),gr([a(".ft-floating-menu--wrapper")],mr.prototype,"menuWrapper",void 0),gr([a("#ft-floating-menu-options")],mr.prototype,"menuContent",void 0),gr([a("#actions-button")],mr.prototype,"actionButton",void 0),gr([r()],mr.prototype,"label",void 0),gr([r()],mr.prototype,"tooltipPosition",void 0),gr([r()],mr.prototype,"iconVariant",void 0),gr([r()],mr.prototype,"icon",void 0),gr([r()],mr.prototype,"text",void 0),gr([r()],mr.prototype,"horizontalAlignment",void 0),gr([r()],mr.prototype,"verticalAlignment",void 0),gr([r({type:Boolean})],mr.prototype,"disabled",void 0),gr([f([])],mr.prototype,"closeMenuMatchers",void 0),p("ft-floating-menu")(mr),p("ft-floating-menu-item")(yr),t.FloatingMenuCloseEvent=br,t.FtFloatingMenu=mr,t.FtFloatingMenuCssVariables=Dt,t.FtFloatingMenuItem=yr,t.FtFloatingMenuItemCssVariables=fr,t.FtFloatingMenuItemSelect=ur,t.itemStyles=dr,t.styles=Mt}({});
+        `}onClick(){this.menuOpen=!this.menuOpen,setTimeout((()=>document.addEventListener("click",this.hideOptions)))}onClickItem(){this.closeMenu()}closeMenu(){this.menuOpen=!1}onCloseEvent(t){t.stopPropagation(),this.closeMenu()}onContentClick(t){(function(t,o,e){if(o.length>0){const r=t.composedPath();for(let t of r){if(t===e)return!1;if(t.matches&&o.some((o=>t.matches(o))))return!0}}return!1})(t,this.closeMenuMatchers,this)&&(this.closeMenu(),t.stopPropagation())}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}contentAvailableCallback(t){super.contentAvailableCallback(t),["menuOpen"].some((o=>t.has(o)))&&this.menuOpen&&(this.menuWrapper.classList.remove("ft-floating-menu--wrapper-positioned"),this.positionMenuWrapper())}positionMenuWrapper(){const t=this.menuContent.offsetWidth,o=this.menuContent.offsetHeight,e=this.actionButton.offsetWidth,r=this.actionButton.offsetHeight;let i=0,n=0;switch(this.menuWrapper.style.left="0",this.menuWrapper.style.top="0",this.horizontalAlignment){case"left":i=this.actionButton.offsetLeft-this.menuWrapper.offsetLeft;break;case"right":i=this.actionButton.offsetLeft+e-t-this.menuWrapper.offsetLeft;break;case"center":i=this.actionButton.offsetLeft+e/2-t/2-this.menuWrapper.offsetLeft}switch(this.verticalAlignment){case"bottom":n=this.actionButton.offsetTop+r+4-this.menuWrapper.offsetTop;break;case"top":n=this.actionButton.offsetTop-o-4-this.menuWrapper.offsetTop}const a=this.menuWrapper.style;a.left=i+"px",a.top=n+"px";const l=this.menuWrapper.getBoundingClientRect();let s=-l.x,c=l.x+l.width-window.innerWidth;a.left=i+Math.round(this.correctOutOfWindowPixels(s,c))+"px";let p=-l.y,f=l.y+l.height-window.innerHeight;a.top=n+Math.round(this.correctOutOfWindowPixels(p,f))+"px",this.menuWrapper.classList.add("ft-floating-menu--wrapper-positioned")}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}br.elementDefinitions={"ft-floating-menu-item":yr},gr([i()],br.prototype,"menuOpen",void 0),gr([i()],br.prototype,"forceMenuOpen",void 0),gr([a(".ft-floating-menu")],br.prototype,"container",void 0),gr([a(".ft-floating-menu--wrapper")],br.prototype,"menuWrapper",void 0),gr([a("#ft-floating-menu-options")],br.prototype,"menuContent",void 0),gr([a("#actions-button")],br.prototype,"actionButton",void 0),gr([r({type:Boolean})],br.prototype,"primary",void 0),gr([r({type:Boolean})],br.prototype,"secondary",void 0),gr([r({type:Boolean})],br.prototype,"tertiary",void 0),gr([r({type:Boolean})],br.prototype,"neutral",void 0),gr([r({type:Boolean})],br.prototype,"small",void 0),gr([r()],br.prototype,"label",void 0),gr([r()],br.prototype,"tooltipPosition",void 0),gr([r()],br.prototype,"iconVariant",void 0),gr([r()],br.prototype,"icon",void 0),gr([r()],br.prototype,"text",void 0),gr([r()],br.prototype,"horizontalAlignment",void 0),gr([r()],br.prototype,"verticalAlignment",void 0),gr([r({type:Boolean})],br.prototype,"disabled",void 0),gr([f([])],br.prototype,"closeMenuMatchers",void 0);class mr extends br{}mr.elementDefinitions={"ft-or-ftds-button":lr},mr.styles=Mt;class xr extends br{}xr.elementDefinitions={"ft-or-ftds-button":pr},xr.styles=Mt,p("ft-floating-menu")(mr),p("ftds-floating-menu")(xr),p("ft-floating-menu-item")(yr),t.FtFloatingMenu=mr,t.FtFloatingMenuCssVariables=Dt,t.FtFloatingMenuItem=yr,t.FtFloatingMenuItemCssVariables=fr,t.FtFloatingMenuItemSelect=ur,t.FtdsFloatingMenu=xr,t.itemStyles=dr,t.styles=Mt}({});

package/build/ft-floating-menu.properties.d.ts

@@ -1,15 +1,3 @@
-import { FtIconVariants } from "@fluid-topics/ft-icon/build/ft-icon.properties";
-import { Position } from "@fluid-topics/ft-tooltip/build/ft-tooltip.properties";
-export type FtHorizontalAlignment = "left" | "right" | "center";
-export type FtVerticalAlignment = "bottom" | "top";
-export interface FtFloatingMenuProperties {
-    disabled?: boolean;
-    iconVariant?: FtIconVariants;
-    icon?: string;
-    label?: string;
-    tooltipPosition?: Position;
-    text?: string;
-    horizontalAlignment?: FtHorizontalAlignment;
-    verticalAlignment?: FtVerticalAlignment;
-    closeMenuMatchers?: string[];
+import { FtBaseFloatingMenuProperties } from "./ft-base-floating-menu.properties";
+export interface FtFloatingMenuProperties extends FtBaseFloatingMenuProperties {
 }

package/build/ftds-floating-menu.d.ts

@@ -0,0 +1,7 @@
+import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
+import { FtBaseFloatingMenu } from "./ft-base-floating-menu";
+import { FtdsFloatingMenuProperties } from "./ftds-floating-menu.properties";
+export declare class FtdsFloatingMenu extends FtBaseFloatingMenu implements FtdsFloatingMenuProperties {
+    static elementDefinitions: ElementDefinitionsMap;
+    static styles: import("lit").CSSResult;
+}

package/build/ftds-floating-menu.js

@@ -0,0 +1,11 @@
+import { styles } from "./ft-floating-menu.css";
+import { FtdsButton } from "@fluid-topics/ft-button";
+import { FtBaseFloatingMenu } from "./ft-base-floating-menu";
+class FtdsFloatingMenu extends FtBaseFloatingMenu {
+}
+FtdsFloatingMenu.elementDefinitions = {
+    "ft-or-ftds-button": FtdsButton,
+};
+// same as normal one until a change is necessary
+FtdsFloatingMenu.styles = styles;
+export { FtdsFloatingMenu };

package/build/ftds-floating-menu.properties.d.ts

@@ -0,0 +1,8 @@
+import { FtBaseFloatingMenuProperties } from "./ft-base-floating-menu.properties";
+export interface FtdsFloatingMenuProperties extends FtBaseFloatingMenuProperties {
+    primary?: boolean;
+    secondary?: boolean;
+    tertiary?: boolean;
+    neutral?: boolean;
+    small?: boolean;
+}

package/build/ftds-floating-menu.properties.js

@@ -0,0 +1 @@
+export {};

package/build/index.d.ts

@@ -1,6 +1,9 @@
+export * from "./ft-base-floating-menu.properties";
 export * from "./ft-floating-menu.css";
 export * from "./ft-floating-menu.properties";
 export * from "./ft-floating-menu";
+export * from "./ftds-floating-menu.properties";
+export * from "./ftds-floating-menu";
 export * from "./ft-floating-menu-item.css";
 export * from "./ft-floating-menu-item.properties";
 export * from "./ft-floating-menu-item";

package/build/index.js

@@ -1,11 +1,16 @@
 import { customElement } from "@fluid-topics/ft-wc-utils";
 import { FtFloatingMenu } from "./ft-floating-menu";
 import { FtFloatingMenuItem } from "./ft-floating-menu-item";
+import { FtdsFloatingMenu } from "./ftds-floating-menu";
+export * from "./ft-base-floating-menu.properties";
 export * from "./ft-floating-menu.css";
 export * from "./ft-floating-menu.properties";
 export * from "./ft-floating-menu";
+export * from "./ftds-floating-menu.properties";
+export * from "./ftds-floating-menu";
 export * from "./ft-floating-menu-item.css";
 export * from "./ft-floating-menu-item.properties";
 export * from "./ft-floating-menu-item";
 customElement("ft-floating-menu")(FtFloatingMenu);
+customElement("ftds-floating-menu")(FtdsFloatingMenu);
 customElement("ft-floating-menu-item")(FtFloatingMenuItem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-floating-menu",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "Floating menu component",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.0.60",
-    "@fluid-topics/ft-icon": "1.0.60",
-    "@fluid-topics/ft-ripple": "1.0.60",
-    "@fluid-topics/ft-typography": "1.0.60",
-    "@fluid-topics/ft-wc-utils": "1.0.60",
+    "@fluid-topics/ft-button": "1.0.62",
+    "@fluid-topics/ft-icon": "1.0.62",
+    "@fluid-topics/ft-ripple": "1.0.62",
+    "@fluid-topics/ft-typography": "1.0.62",
+    "@fluid-topics/ft-wc-utils": "1.0.62",
     "lit": "2.7.2"
   },
-  "gitHead": "8eb7c2ef052f5d3f61ed0bf150fcaee093805450"
+  "gitHead": "44e9005773fe47b2e6a9ada16802918052a146cf"
 }