@fluid-topics/ft-button 0.3.70 → 1.0.0-alpha.0

package/build/ft-button.css.d.ts

@@ -22,4 +22,3 @@ export declare const FtButtonDenseCssVariables: {
     iconPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare const styles: import("lit").CSSResult[];
-//# sourceMappingURL=ft-button.css.d.ts.map

package/build/ft-button.css.js

@@ -71,7 +71,6 @@ export const styles = [
             box-sizing: border-box;
             border: none;
             pointer-events: auto;
-            gap: ${FtButtonCssVariables.iconPadding};
 
             --ft-button-internal-line-height: calc(${FtButtonCssVariables.fontSize} + 2px);
             --ft-button-internal-color: ${FtButtonCssVariables.color};
@@ -134,10 +133,15 @@ export const styles = [
             white-space: nowrap;
             text-overflow: ellipsis;
             display: block;
+            margin: 0 ${FtButtonCssVariables.iconPadding};
             ${setVariable(FtTypographyButtonCssVariables.fontSize, "1em")};
             ${setVariable(FtTypographyButtonCssVariables.lineHeight, "var(--ft-button-internal-content-height)")};
         }
 
+        .ft-button--dense .ft-button--label {
+            margin: 0 ${FtButtonDenseCssVariables.iconPadding};
+        }
+
         .ft-button--label[hidden] {
             display: none;
         }
@@ -168,4 +172,3 @@ export const styles = [
         }
     `
 ];
-//# sourceMappingURL=ft-button.css.js.map

package/build/ft-button.d.ts

@@ -14,7 +14,7 @@ export declare class FtButton extends FtLitElement implements FtButtonProperties
     round: boolean;
     label: string;
     icon?: string;
-    iconVariant: FtIconVariants;
+    iconVariant?: FtIconVariants;
     trailingIcon: boolean;
     loading: boolean;
     tooltipPosition: Position;
@@ -35,4 +35,3 @@ export declare class FtButton extends FtLitElement implements FtButtonProperties
     private onSlotchange;
     private isDisabled;
 }
-//# sourceMappingURL=ft-button.d.ts.map

package/build/ft-button.js

@@ -13,9 +13,9 @@ import { FtTypography } from "@fluid-topics/ft-typography";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
 import { FtLoader } from "@fluid-topics/ft-loader";
 import "@fluid-topics/ft-loader";
-import { FtIcon, FtIconVariants } from "@fluid-topics/ft-icon";
+import { FtIcon } from "@fluid-topics/ft-icon";
 import { styles } from "./ft-button.css";
-export class FtButton extends FtLitElement {
+class FtButton extends FtLitElement {
     constructor() {
         super(...arguments);
         this.role = "button";
@@ -26,7 +26,6 @@ export class FtButton extends FtLitElement {
         this.round = false;
         this.label = "";
         this.icon = undefined;
-        this.iconVariant = FtIconVariants.material;
         this.trailingIcon = false;
         this.loading = false;
         this.tooltipPosition = "bottom";
@@ -87,7 +86,7 @@ export class FtButton extends FtLitElement {
         else {
             return this.icon
                 ? html `
-                        <ft-icon part="icon" variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `
+                        <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `
                 : nothing;
         }
     }
@@ -147,13 +146,13 @@ __decorate([
     property({ type: Boolean })
 ], FtButton.prototype, "round", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtButton.prototype, "label", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtButton.prototype, "icon", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtButton.prototype, "iconVariant", void 0);
 __decorate([
     property({ type: Boolean })
@@ -162,7 +161,7 @@ __decorate([
     property({ type: Boolean })
 ], FtButton.prototype, "loading", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtButton.prototype, "tooltipPosition", void 0);
 __decorate([
     property({ type: Boolean })
@@ -176,4 +175,4 @@ __decorate([
 __decorate([
     query(".ft-button--label slot")
 ], FtButton.prototype, "slottedContent", void 0);
-//# sourceMappingURL=ft-button.js.map
+export { FtButton };