@flywheel-io/vision 0.11.3 → 0.13.0

package/esm2020/components/button/button.component.mjs

@@ -8,19 +8,20 @@ export class FwButtonComponent {
         this.size = 'medium';
         this.type = 'solid';
         this.disabled = false;
+        this.fullWidth = false;
         this.leftIcon = '';
         this.rightIcon = '';
     }
     get classes() {
-        return ['fw-button', this.size].filter(Boolean).join(' ');
+        return ['fw-button', this.size, this.fullWidth ? 'full-width' : null].filter(Boolean).join(' ');
     }
     ;
 }
 FwButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", type: "type", disabled: "disabled", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [class]=\"[color + '-' + type, size]\" [disabled]=\"disabled\">\n    <fw-icon *ngIf=\"!!leftIcon\">{{leftIcon}}</fw-icon>\n    <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n    <span><ng-content></ng-content></span>\n    <fw-icon *ngIf=\"!!rightIcon\">{{rightIcon}}</fw-icon>\n</button>\n", styles: ["button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon" }] });
+FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", type: "type", disabled: "disabled", fullWidth: "fullWidth", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [class]=\"[color + '-' + type, size]\" [disabled]=\"disabled\">\n  <fw-icon *ngIf=\"!!leftIcon\">{{ leftIcon }}</fw-icon>\n  <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n  <span><ng-content></ng-content></span>\n  <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fw-button', template: "<button [class]=\"[color + '-' + type, size]\" [disabled]=\"disabled\">\n    <fw-icon *ngIf=\"!!leftIcon\">{{leftIcon}}</fw-icon>\n    <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n    <span><ng-content></ng-content></span>\n    <fw-icon *ngIf=\"!!rightIcon\">{{rightIcon}}</fw-icon>\n</button>\n", styles: ["button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}\n"] }]
+            args: [{ selector: 'fw-button', template: "<button [class]=\"[color + '-' + type, size]\" [disabled]=\"disabled\">\n  <fw-icon *ngIf=\"!!leftIcon\">{{ leftIcon }}</fw-icon>\n  <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n  <span><ng-content></ng-content></span>\n  <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}\n"] }]
         }], propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['attr.class']
@@ -32,9 +33,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
+            }], fullWidth: [{
+                type: Input
             }], leftIcon: [{
                 type: Input
             }], rightIcon: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPOUQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQVVXLFVBQUssR0FBdUYsU0FBUyxDQUFDO1FBQ3RHLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLFNBQUksR0FBbUMsT0FBTyxDQUFDO1FBQy9DLGFBQVEsR0FBYSxLQUFLLENBQUM7UUFDM0IsYUFBUSxHQUFZLEVBQUUsQ0FBQztRQUN2QixjQUFTLEdBQVksRUFBRSxDQUFDO0tBQ2xDO0lBVkMsSUFBK0IsT0FBTztRQUNwQyxPQUFPLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFBQSxDQUFDOzs4R0FIUyxpQkFBaUI7a0dBQWpCLGlCQUFpQixxT0NQOUIsOFNBTUE7MkZEQ2EsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OEJBS1UsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZO2dCQUloQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWJ1dHRvbicsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRndCdXR0b25Db21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2Z3LWJ1dHRvbicsIHRoaXMuc2l6ZV0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKTtcbiAgfTtcblxuICBASW5wdXQoKSBjb2xvcj86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2RhbmdlcicgfCAnc2xhdGUnIHwgJ3NrZWxldG9uJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgdHlwZT86ICdnaG9zdCcgfCAnc29saWQnIHwgJ291dGxpbmUnID0gJ3NvbGlkJztcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxlZnRJY29uPzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJpZ2h0SWNvbj86IHN0cmluZyA9ICcnO1xufVxuIiwiPGJ1dHRvbiBbY2xhc3NdPVwiW2NvbG9yICsgJy0nICsgdHlwZSwgc2l6ZV1cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICA8ZnctaWNvbiAqbmdJZj1cIiEhbGVmdEljb25cIj57e2xlZnRJY29ufX08L2Z3LWljb24+XG4gICAgPGRpdiBjbGFzcz1cInNwYWNlclwiICpuZ0lmPVwiIWxlZnRJY29uXCI+PC9kaXY+XG4gICAgPHNwYW4+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgICA8ZnctaWNvbiAqbmdJZj1cIiEhcmlnaHRJY29uXCI+e3tyaWdodEljb259fTwvZnctaWNvbj5cbjwvYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPOUQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQVVXLFVBQUssR0FBdUYsU0FBUyxDQUFDO1FBQ3RHLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLFNBQUksR0FBbUMsT0FBTyxDQUFDO1FBQy9DLGFBQVEsR0FBYSxLQUFLLENBQUM7UUFDM0IsY0FBUyxHQUFhLEtBQUssQ0FBQztRQUM1QixhQUFRLEdBQVksRUFBRSxDQUFDO1FBQ3ZCLGNBQVMsR0FBWSxFQUFFLENBQUM7S0FDbEM7SUFYQyxJQUErQixPQUFPO1FBQ3BDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEcsQ0FBQztJQUFBLENBQUM7OzhHQUhTLGlCQUFpQjtrR0FBakIsaUJBQWlCLDZQQ1A5QiwwU0FNQTsyRkRDYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzs4QkFLVSxPQUFPO3NCQUFyQyxXQUFXO3VCQUFDLFlBQVk7Z0JBSWhCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1idXR0b24nLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNsYXNzJykgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gWydmdy1idXR0b24nLCB0aGlzLnNpemUsIHRoaXMuZnVsbFdpZHRoID8gJ2Z1bGwtd2lkdGgnIDogbnVsbF0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKTtcbiAgfTtcblxuICBASW5wdXQoKSBjb2xvcj86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2RhbmdlcicgfCAnc2xhdGUnIHwgJ3NrZWxldG9uJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgdHlwZT86ICdnaG9zdCcgfCAnc29saWQnIHwgJ291dGxpbmUnID0gJ3NvbGlkJztcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGZ1bGxXaWR0aD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGVmdEljb24/OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcmlnaHRJY29uPzogc3RyaW5nID0gJyc7XG59XG4iLCI8YnV0dG9uIFtjbGFzc109XCJbY29sb3IgKyAnLScgKyB0eXBlLCBzaXplXVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8ZnctaWNvbiAqbmdJZj1cIiEhbGVmdEljb25cIj57eyBsZWZ0SWNvbiB9fTwvZnctaWNvbj5cbiAgPGRpdiBjbGFzcz1cInNwYWNlclwiICpuZ0lmPVwiIWxlZnRJY29uXCI+PC9kaXY+XG4gIDxzcGFuPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG4gIDxmdy1pY29uICpuZ0lmPVwiISFyaWdodEljb25cIj57eyByaWdodEljb24gfX08L2Z3LWljb24+XG48L2J1dHRvbj5cbiJdfQ==

package/esm2020/components/button/button.directives.mjs

@@ -0,0 +1,129 @@
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export class FwButtonDirective {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+      font-family: Inter, sans-serif;
+      font-size: 14px;
+      line-height: 14px;
+      font-style: normal;
+      font-weight: 500;
+      display: inline-flex;
+      height: 36px;
+      padding: 12px;
+      justify-content: center;
+      align-items: center;
+      gap: 8px;
+      flex-shrink: 0;
+      border: 1px solid transparent;
+      border-radius: 8px;
+      background-color: var(--slate-light);
+      color: var(--typography-base);
+      cursor: pointer;
+  `);
+    }
+}
+FwButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonDirective, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive });
+FwButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonDirective, selector: "[fwButton]", host: { properties: { "style": "this.style" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fwButton]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+export class FwButtonPrimaryDirective {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+      background-color: var(--primary-base) !important;
+      color: var(--typography-contrast);
+  `);
+    }
+}
+FwButtonPrimaryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonPrimaryDirective, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive });
+FwButtonPrimaryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonPrimaryDirective, selector: "[fwButtonPrimary]", host: { properties: { "style": "this.style" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonPrimaryDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fwButtonPrimary]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+export class FwButtonSecondaryDirective {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+      background-color: var(--secondary-base) !important;
+      color: var(--typography-contrast);
+  `);
+    }
+}
+FwButtonSecondaryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonSecondaryDirective, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive });
+FwButtonSecondaryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonSecondaryDirective, selector: "[fwButtonSecondary]", host: { properties: { "style": "this.style" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonSecondaryDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fwButtonSecondary]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+export class FwButtonDangerDirective {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+      background-color: var(--red-base) !important;
+      color: var(--typography-contrast);
+  `);
+    }
+}
+FwButtonDangerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonDangerDirective, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive });
+FwButtonDangerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonDangerDirective, selector: "[fwButtonDanger]", host: { properties: { "style": "this.style" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonDangerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fwButtonDanger]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+export class FwButtonSuccessDirective {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+      background-color: var(--green-base) !important;
+      color: var(--typography-contrast);
+  `);
+    }
+}
+FwButtonSuccessDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonSuccessDirective, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive });
+FwButtonSuccessDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonSuccessDirective, selector: "[fwButtonSuccess]", host: { properties: { "style": "this.style" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonSuccessDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fwButtonSuccess]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU12RCxNQUFNLE9BQU8saUJBQWlCO0lBdUI1QixZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQzNDLENBQUM7SUF2QkQsSUFBMEIsS0FBSztRQUM3QixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCaEQsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7OEdBckJVLGlCQUFpQjtrR0FBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBSDdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7aUJBQ3ZCO21HQUUyQixLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87O0FBOEJ0QixNQUFNLE9BQU8sd0JBQXdCO0lBUW5DLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDM0MsQ0FBQztJQVJELElBQTBCLEtBQUs7UUFDN0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDOzs7R0FHaEQsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7cUhBTlUsd0JBQXdCO3lHQUF4Qix3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2lCQUM5QjttR0FFMkIsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPOztBQWN0QixNQUFNLE9BQU8sMEJBQTBCO0lBUXJDLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDM0MsQ0FBQztJQVJELElBQTBCLEtBQUs7UUFDN0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDOzs7R0FHaEQsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7dUhBTlUsMEJBQTBCOzJHQUExQiwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzttR0FFMkIsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPOztBQWN0QixNQUFNLE9BQU8sdUJBQXVCO0lBUWxDLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDM0MsQ0FBQztJQVJELElBQTBCLEtBQUs7UUFDN0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDOzs7R0FHaEQsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7b0hBTlUsdUJBQXVCO3dHQUF2Qix1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFIbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2lCQUM3QjttR0FFMkIsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPOztBQWN0QixNQUFNLE9BQU8sd0JBQXdCO0lBUW5DLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDM0MsQ0FBQztJQVJELElBQTBCLEtBQUs7UUFDN0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDOzs7R0FHaEQsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7cUhBTlUsd0JBQXdCO3lHQUF4Qix3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2lCQUM5QjttR0FFMkIsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlU3R5bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2Z3QnV0dG9uXScsXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uRGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIGdldCBzdHlsZSgpOiBTYWZlU3R5bGUge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoYFxuICAgICAgZm9udC1mYW1pbHk6IEludGVyLCBzYW5zLXNlcmlmO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICBwYWRkaW5nOiAxMnB4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgICBmbGV4LXNocmluazogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2xhdGUtbGlnaHQpO1xuICAgICAgY29sb3I6IHZhcigtLXR5cG9ncmFwaHktYmFzZSk7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICB9XG59XG5cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2Z3QnV0dG9uUHJpbWFyeV0nLFxufSlcbmV4cG9ydCBjbGFzcyBGd0J1dHRvblByaW1hcnlEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgZ2V0IHN0eWxlKCk6IFNhZmVTdHlsZSB7XG4gICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5LWJhc2UpICFpbXBvcnRhbnQ7XG4gICAgICBjb2xvcjogdmFyKC0tdHlwb2dyYXBoeS1jb250cmFzdCk7XG4gIGApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tmd0J1dHRvblNlY29uZGFyeV0nLFxufSlcbmV4cG9ydCBjbGFzcyBGd0J1dHRvblNlY29uZGFyeURpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBnZXQgc3R5bGUoKTogU2FmZVN0eWxlIHtcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlY29uZGFyeS1iYXNlKSAhaW1wb3J0YW50O1xuICAgICAgY29sb3I6IHZhcigtLXR5cG9ncmFwaHktY29udHJhc3QpO1xuICBgKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcbiAgfVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZndCdXR0b25EYW5nZXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgRndCdXR0b25EYW5nZXJEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgZ2V0IHN0eWxlKCk6IFNhZmVTdHlsZSB7XG4gICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yZWQtYmFzZSkgIWltcG9ydGFudDtcbiAgICAgIGNvbG9yOiB2YXIoLS10eXBvZ3JhcGh5LWNvbnRyYXN0KTtcbiAgYCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XG4gIH1cbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2Z3QnV0dG9uU3VjY2Vzc10nLFxufSlcbmV4cG9ydCBjbGFzcyBGd0J1dHRvblN1Y2Nlc3NEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgZ2V0IHN0eWxlKCk6IFNhZmVTdHlsZSB7XG4gICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncmVlbi1iYXNlKSAhaW1wb3J0YW50O1xuICAgICAgY29sb3I6IHZhcigtLXR5cG9ncmFwaHktY29udHJhc3QpO1xuICBgKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcbiAgfVxufVxuIl19

package/esm2020/components/button/button.module.mjs

@@ -3,13 +3,24 @@ import { NgModule } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { FwIconModule } from '../icon/icon.module';
 import { FwButtonComponent } from './button.component';
+import { FwButtonDangerDirective, FwButtonDirective, FwButtonPrimaryDirective, FwButtonSecondaryDirective, FwButtonSuccessDirective, } from './button.directives';
 import * as i0 from "@angular/core";
 export class FwButtonModule {
 }
 FwButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FwButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwButtonModule, declarations: [FwButtonComponent], imports: [CommonModule,
+FwButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwButtonModule, declarations: [FwButtonComponent,
+        FwButtonDirective,
+        FwButtonDangerDirective,
+        FwButtonPrimaryDirective,
+        FwButtonSecondaryDirective,
+        FwButtonSuccessDirective], imports: [CommonModule,
         MatButtonModule,
-        FwIconModule], exports: [FwButtonComponent] });
+        FwIconModule], exports: [FwButtonComponent,
+        FwButtonDirective,
+        FwButtonDangerDirective,
+        FwButtonPrimaryDirective,
+        FwButtonSecondaryDirective,
+        FwButtonSuccessDirective] });
 FwButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonModule, imports: [CommonModule,
         MatButtonModule,
         FwIconModule] });
@@ -23,10 +34,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     ],
                     exports: [
                         FwButtonComponent,
+                        FwButtonDirective,
+                        FwButtonDangerDirective,
+                        FwButtonPrimaryDirective,
+                        FwButtonSecondaryDirective,
+                        FwButtonSuccessDirective,
                     ],
                     declarations: [
                         FwButtonComponent,
+                        FwButtonDirective,
+                        FwButtonDangerDirective,
+                        FwButtonPrimaryDirective,
+                        FwButtonSecondaryDirective,
+                        FwButtonSuccessDirective,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBZXZELE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsaUJBSHZCLGlCQUFpQixhQVJqQixZQUFZO1FBQ1osZUFBZTtRQUNmLFlBQVksYUFHWixpQkFBaUI7NEdBTVIsY0FBYyxZQVh2QixZQUFZO1FBQ1osZUFBZTtRQUNmLFlBQVk7MkZBU0gsY0FBYztrQkFiMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjtxQkFDbEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjtxQkFDbEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0J1dHRvbkNvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndCdXR0b25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uTW9kdWxlIHtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkQsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsd0JBQXdCLEVBQ3hCLDBCQUEwQixFQUMxQix3QkFBd0IsR0FDekIsTUFBTSxxQkFBcUIsQ0FBQzs7QUF5QjdCLE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsaUJBUnZCLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4QiwwQkFBMEI7UUFDMUIsd0JBQXdCLGFBbEJ4QixZQUFZO1FBQ1osZUFBZTtRQUNmLFlBQVksYUFHWixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsMEJBQTBCO1FBQzFCLHdCQUF3Qjs0R0FXZixjQUFjLFlBckJ2QixZQUFZO1FBQ1osZUFBZTtRQUNmLFlBQVk7MkZBbUJILGNBQWM7a0JBdkIxQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLHVCQUF1Qjt3QkFDdkIsd0JBQXdCO3dCQUN4QiwwQkFBMEI7d0JBQzFCLHdCQUF3QjtxQkFDekI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsMEJBQTBCO3dCQUMxQix3QkFBd0I7cUJBQ3pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuXG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7XG4gIEZ3QnV0dG9uRGFuZ2VyRGlyZWN0aXZlLFxuICBGd0J1dHRvbkRpcmVjdGl2ZSxcbiAgRndCdXR0b25QcmltYXJ5RGlyZWN0aXZlLFxuICBGd0J1dHRvblNlY29uZGFyeURpcmVjdGl2ZSxcbiAgRndCdXR0b25TdWNjZXNzRGlyZWN0aXZlLFxufSBmcm9tICcuL2J1dHRvbi5kaXJlY3RpdmVzJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgRndJY29uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRndCdXR0b25Db21wb25lbnQsXG4gICAgRndCdXR0b25EaXJlY3RpdmUsXG4gICAgRndCdXR0b25EYW5nZXJEaXJlY3RpdmUsIC8vIHRoZXNlIG5lZWQgdG8gY29tZSBhZnRlciB0aGUgbWFpbiBkaXJlY3RpdmVcbiAgICBGd0J1dHRvblByaW1hcnlEaXJlY3RpdmUsXG4gICAgRndCdXR0b25TZWNvbmRhcnlEaXJlY3RpdmUsXG4gICAgRndCdXR0b25TdWNjZXNzRGlyZWN0aXZlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGd0J1dHRvbkNvbXBvbmVudCxcbiAgICBGd0J1dHRvbkRpcmVjdGl2ZSxcbiAgICBGd0J1dHRvbkRhbmdlckRpcmVjdGl2ZSwgLy8gdGhlc2UgbmVlZCB0byBjb21lIGFmdGVyIHRoZSBtYWluIGRpcmVjdGl2ZVxuICAgIEZ3QnV0dG9uUHJpbWFyeURpcmVjdGl2ZSxcbiAgICBGd0J1dHRvblNlY29uZGFyeURpcmVjdGl2ZSxcbiAgICBGd0J1dHRvblN1Y2Nlc3NEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/components/button-group/button-group.component.mjs

@@ -17,10 +17,10 @@ export class FwButtonGroupComponent {
     ;
 }
 FwButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FwButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonGroupComponent, selector: "fw-button-group", inputs: { layout: "layout", size: "size" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["fw-button-group.fw-button-group{border-radius:4px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group fw-button:last-of-type button{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px!important}fw-button-group.fw-button-group fw-button:first-of-type button{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group .mat-stroked-button:last-of-type button{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px!important}fw-button-group.fw-button-group .mat-stroked-button:first-of-type button{border-top-left-radius:4px;border-bottom-left-radius:4px}\n"], encapsulation: i0.ViewEncapsulation.None });
+FwButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonGroupComponent, selector: "fw-button-group", inputs: { layout: "layout", size: "size" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["fw-button-group.fw-button-group{box-sizing:border-box;border-radius:8px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group fw-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group fw-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group .mat-stroked-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group .mat-stroked-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}\n"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fw-button-group', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["fw-button-group.fw-button-group{border-radius:4px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group fw-button:last-of-type button{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px!important}fw-button-group.fw-button-group fw-button:first-of-type button{border-top-left-radius:4px;border-bottom-left-radius:4px}fw-button-group.fw-button-group .mat-stroked-button:last-of-type button{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px!important}fw-button-group.fw-button-group .mat-stroked-button:first-of-type button{border-top-left-radius:4px;border-bottom-left-radius:4px}\n"] }]
+            args: [{ selector: 'fw-button-group', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["fw-button-group.fw-button-group{box-sizing:border-box;border-radius:8px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group fw-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group fw-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group .mat-stroked-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group .mat-stroked-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}\n"] }]
         }], propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['attr.class']

package/esm2020/components/card/card-attribute/card-attribute.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../icon/icon.component";
+export class FwCardAttributeComponent {
+}
+FwCardAttributeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwCardAttributeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAttributeComponent, selector: "fw-card-attr", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"label\">{{ label }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAttributeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-card-attr', template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"label\">{{ label }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hdHRyaWJ1dGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWF0dHJpYnV0ZS9jYXJkLWF0dHJpYnV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtYXR0cmlidXRlL2NhcmQtYXR0cmlidXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7eUdBQXhCLHdCQUF3Qiw4RkNQckMsaUhBR0E7MkZESWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLGNBQWM7OEJBS2YsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2FyZC1hdHRyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtYXR0cmlidXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1hdHRyaWJ1dGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDYXJkQXR0cmlidXRlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xufVxuIiwiPGZ3LWljb24gKm5nSWY9XCJpY29uXCI+e3sgaWNvbiB9fTwvZnctaWNvbj5cbjxoNSAqbmdJZj1cImxhYmVsXCI+e3sgbGFiZWwgfX08L2g1PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

package/esm2020/components/card/card-author/card-author.component.mjs

@@ -0,0 +1,15 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FwCardAuthorComponent {
+}
+FwCardAuthorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAuthorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwCardAuthorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAuthorComponent, selector: "fw-card-author", inputs: { name: "name", details: "details" }, ngImport: i0, template: "<ng-content select=\"fw-avatar\"></ng-content>\n<div class=\"author-text\">\n  <h5>{{ name }}</h5>\n  <p class=\"vision-p3\">{{ details }}</p>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}:host .author-text{margin-left:15px}:host .author-text h5{margin:0}:host .author-text p{margin:0;color:var(--typography-muted)}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAuthorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-card-author', template: "<ng-content select=\"fw-avatar\"></ng-content>\n<div class=\"author-text\">\n  <h5>{{ name }}</h5>\n  <p class=\"vision-p3\">{{ details }}</p>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}:host .author-text{margin-left:15px}:host .author-text h5{margin:0}:host .author-text p{margin:0;color:var(--typography-muted)}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], details: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hdXRob3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWF1dGhvci9jYXJkLWF1dGhvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtYXV0aG9yL2NhcmQtYXV0aG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9qRCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUIsb0dDUGxDLDBKQUtBOzJGREVhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS2pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWNhcmQtYXV0aG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtYXV0aG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1hdXRob3IuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDYXJkQXV0aG9yQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBkZXRhaWxzOiBzdHJpbmc7XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJmdy1hdmF0YXJcIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXV0aG9yLXRleHRcIj5cbiAgPGg1Pnt7IG5hbWUgfX08L2g1PlxuICA8cCBjbGFzcz1cInZpc2lvbi1wM1wiPnt7IGRldGFpbHMgfX08L3A+XG48L2Rpdj5cbiJdfQ==

package/esm2020/components/card/card-content/card-content.component.mjs

@@ -0,0 +1,11 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FwCardContentComponent {
+}
+FwCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardContentComponent, selector: "fw-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{overflow:hidden}:host p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow-y:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:var(--typography-muted)}:host img{max-width:99%;margin:auto;border-radius:4px;border:1px solid var(--separations-base, #1e3154)}\n"], encapsulation: i0.ViewEncapsulation.ShadowDom });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-card-content', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.ShadowDom, styles: [":host{overflow:hidden}:host p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow-y:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:var(--typography-muted)}:host img{max-width:99%;margin:auto;border-radius:4px;border:1px solid var(--separations-base, #1e3154)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC1jb250ZW50L2NhcmQtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRN0QsTUFBTSxPQUFPLHNCQUFzQjs7bUhBQXRCLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHVEQUp2QiwyQkFBMkI7MkZBSTFCLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsWUFDakIsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jYXJkLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uU2hhZG93RG9tLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRDb250ZW50Q29tcG9uZW50IHtcblxufVxuIl19

package/esm2020/components/card/card-footer/card-footer.component.mjs

@@ -0,0 +1,29 @@
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export class FwCardFooterComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    get style() {
+        return this.sanitizer.bypassSecurityTrustStyle(`
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      gap: 8px;
+      margin-top: 8px;
+  `);
+    }
+}
+FwCardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardFooterComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+FwCardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardFooterComponent, selector: "fw-card-footer", host: { properties: { "style": "this.style" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-card-footer', template: '<ng-content></ng-content>' }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWZvb3Rlci9jYXJkLWZvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVF2RCxNQUFNLE9BQU8scUJBQXFCO0lBYWhDLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDM0MsQ0FBQztJQWJELElBQTBCLEtBQUs7UUFDN0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDOzs7Ozs7OztHQVFoRCxDQUFDLENBQUM7SUFDSCxDQUFDOztrSEFYVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix1R0FIdEIsMkJBQTJCOzJGQUcxQixxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZ0JBQWdCLFlBQ2hCLDJCQUEyQjttR0FJWCxLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jYXJkLWZvb3RlcicsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3Q2FyZEZvb3RlckNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBnZXQgc3R5bGUoKTogU2FmZVN0eWxlIHtcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKGBcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgICBtYXJnaW4tdG9wOiA4cHg7XG4gIGApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICB9XG59XG4iXX0=

package/esm2020/components/card/card-header/card-header.component.mjs

@@ -0,0 +1,19 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../icon/icon.component";
+export class FwCardHeaderComponent {
+}
+FwCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardHeaderComponent, selector: "fw-card-header", inputs: { title: "title", subtitle: "subtitle", leftIcon: "leftIcon" }, ngImport: i0, template: "<fw-icon *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n  <h3 *ngIf=\"title\">{{ title }}</h3>\n  <p *ngIf=\"subtitle\" class=\"vision-p3\">{{ subtitle }}</p>\n</div>\n<div class=\"card-header-key\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{color:var(--primary-base);font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted, #5d6877);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted, #5d6877);gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-card-header', template: "<fw-icon *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n  <h3 *ngIf=\"title\">{{ title }}</h3>\n  <p *ngIf=\"subtitle\" class=\"vision-p3\">{{ subtitle }}</p>\n</div>\n<div class=\"card-header-key\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{color:var(--primary-base);font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted, #5d6877);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted, #5d6877);gap:8px}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], leftIcon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtaGVhZGVyL2NhcmQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQiw4SENQbEMsaVJBUUE7MkZERGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2FyZC1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRIZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgc3VidGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxlZnRJY29uPzogc3RyaW5nO1xufVxuIiwiPGZ3LWljb24gKm5nSWY9XCJsZWZ0SWNvblwiPnt7IGxlZnRJY29uIH19PC9mdy1pY29uPlxuPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLXRpdGxlXCI+XG4gIDxoMyAqbmdJZj1cInRpdGxlXCI+e3sgdGl0bGUgfX08L2gzPlxuICA8cCAqbmdJZj1cInN1YnRpdGxlXCIgY2xhc3M9XCJ2aXNpb24tcDNcIj57eyBzdWJ0aXRsZSB9fTwvcD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLWtleVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2020/components/card/card.component.mjs

@@ -0,0 +1,27 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FwCardComponent {
+    constructor() {
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.select = new EventEmitter();
+    }
+}
+FwCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FwCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardComponent, selector: "fw-card", inputs: { value: "value", disabled: "disabled", focused: "focused", constrained: "constrained", selectable: "selectable" }, outputs: { select: "select" }, ngImport: i0, template: "<div\n  class=\"fw-card\"\n  [class.focused]=\"focused\"\n  [class.constrained]=\"constrained\"\n  [class.selectable]=\"selectable\"\n  [class.disabled]=\"disabled\"\n  (click)=\"select && selectable && !disabled ? select.emit(value) : undefined\">\n  <ng-content select=\"fw-card-header\"></ng-content>\n  <ng-content select=\"fw-card-author\"></ng-content>\n  <ng-content select=\"fw-card-content\"></ng-content>\n  <ng-content select=\"fw-card-footer\"></ng-content>\n</div>\n", styles: [".fw-card{display:flex;padding:24px 24px 16px;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid var(--separations-base, #e3e6ea);background:var(--card-background, #ffffff)}.fw-card.focused{border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05));box-shadow:0 5px 15px #0000001a}.fw-card.constrained{max-width:320px;max-height:320px}.fw-card.selectable{cursor:pointer}.fw-card.selectable:hover:not(.disabled){border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05));box-shadow:0 5px 15px #0000001a}.fw-card.disabled{opacity:.4;cursor:not-allowed}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fw-card', template: "<div\n  class=\"fw-card\"\n  [class.focused]=\"focused\"\n  [class.constrained]=\"constrained\"\n  [class.selectable]=\"selectable\"\n  [class.disabled]=\"disabled\"\n  (click)=\"select && selectable && !disabled ? select.emit(value) : undefined\">\n  <ng-content select=\"fw-card-header\"></ng-content>\n  <ng-content select=\"fw-card-author\"></ng-content>\n  <ng-content select=\"fw-card-content\"></ng-content>\n  <ng-content select=\"fw-card-footer\"></ng-content>\n</div>\n", styles: [".fw-card{display:flex;padding:24px 24px 16px;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid var(--separations-base, #e3e6ea);background:var(--card-background, #ffffff)}.fw-card.focused{border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05));box-shadow:0 5px 15px #0000001a}.fw-card.constrained{max-width:320px;max-height:320px}.fw-card.selectable{cursor:pointer}.fw-card.selectable:hover:not(.disabled){border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05));box-shadow:0 5px 15px #0000001a}.fw-card.disabled{opacity:.4;cursor:not-allowed}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], focused: [{
+                type: Input
+            }], constrained: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3ZFLE1BQU0sT0FBTyxlQUFlO0lBTDVCO1FBV0UsNERBQTREO1FBQ2xELFdBQU0sR0FBbUMsSUFBSSxZQUFZLEVBQW1CLENBQUM7S0FDeEY7OzRHQVJZLGVBQWU7Z0dBQWYsZUFBZSwwTUNQNUIsaWVBWUE7MkZETGEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTOzhCQUtWLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSB2YWx1ZT86IG9iamVjdCB8IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBmb2N1c2VkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgY29uc3RyYWluZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBzZWxlY3RhYmxlPzogYm9vbGVhbjtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBzZWxlY3Q/OiBFdmVudEVtaXR0ZXI8b2JqZWN0IHwgc3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8b2JqZWN0IHwgc3RyaW5nPigpO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cImZ3LWNhcmRcIlxuICBbY2xhc3MuZm9jdXNlZF09XCJmb2N1c2VkXCJcbiAgW2NsYXNzLmNvbnN0cmFpbmVkXT1cImNvbnN0cmFpbmVkXCJcbiAgW2NsYXNzLnNlbGVjdGFibGVdPVwic2VsZWN0YWJsZVwiXG4gIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIChjbGljayk9XCJzZWxlY3QgJiYgc2VsZWN0YWJsZSAmJiAhZGlzYWJsZWQgPyBzZWxlY3QuZW1pdCh2YWx1ZSkgOiB1bmRlZmluZWRcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctY2FyZC1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWNhcmQtYXV0aG9yXCI+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1jYXJkLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWNhcmQtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2020/components/card/card.module.mjs

@@ -0,0 +1,57 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FwAvatarModule } from '../avatar/avatar.module';
+import { FwIconModule } from '../icon/icon.module';
+import { FwCardComponent } from './card.component';
+import { FwCardAttributeComponent } from './card-attribute/card-attribute.component';
+import { FwCardAuthorComponent } from './card-author/card-author.component';
+import { FwCardContentComponent } from './card-content/card-content.component';
+import { FwCardFooterComponent } from './card-footer/card-footer.component';
+import { FwCardHeaderComponent } from './card-header/card-header.component';
+import * as i0 from "@angular/core";
+export class FwCardModule {
+}
+FwCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FwCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwCardModule, declarations: [FwCardHeaderComponent,
+        FwCardAuthorComponent,
+        FwCardContentComponent,
+        FwCardAttributeComponent,
+        FwCardFooterComponent,
+        FwCardComponent], imports: [CommonModule,
+        FwIconModule,
+        FwAvatarModule], exports: [FwCardHeaderComponent,
+        FwCardAuthorComponent,
+        FwCardContentComponent,
+        FwCardAttributeComponent,
+        FwCardFooterComponent,
+        FwCardComponent] });
+FwCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardModule, imports: [CommonModule,
+        FwIconModule,
+        FwAvatarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FwIconModule,
+                        FwAvatarModule,
+                    ],
+                    exports: [
+                        FwCardHeaderComponent,
+                        FwCardAuthorComponent,
+                        FwCardContentComponent,
+                        FwCardAttributeComponent,
+                        FwCardFooterComponent,
+                        FwCardComponent, // needs to be declared in order of usage
+                    ],
+                    declarations: [
+                        FwCardHeaderComponent,
+                        FwCardAuthorComponent,
+                        FwCardContentComponent,
+                        FwCardAttributeComponent,
+                        FwCardFooterComponent,
+                        FwCardComponent, // needs to be declared in order of usage
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQXlCNUUsTUFBTSxPQUFPLFlBQVk7O3lHQUFaLFlBQVk7MEdBQVosWUFBWSxpQkFSckIscUJBQXFCO1FBQ3JCLHFCQUFxQjtRQUNyQixzQkFBc0I7UUFDdEIsd0JBQXdCO1FBQ3hCLHFCQUFxQjtRQUNyQixlQUFlLGFBbEJmLFlBQVk7UUFDWixZQUFZO1FBQ1osY0FBYyxhQUdkLHFCQUFxQjtRQUNyQixxQkFBcUI7UUFDckIsc0JBQXNCO1FBQ3RCLHdCQUF3QjtRQUN4QixxQkFBcUI7UUFDckIsZUFBZTswR0FXTixZQUFZLFlBckJyQixZQUFZO1FBQ1osWUFBWTtRQUNaLGNBQWM7MkZBbUJMLFlBQVk7a0JBdkJ4QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLGVBQWUsRUFBRSx5Q0FBeUM7cUJBQzNEO29CQUNELFlBQVksRUFBRTt3QkFDWixxQkFBcUI7d0JBQ3JCLHFCQUFxQjt3QkFDckIsc0JBQXNCO3dCQUN0Qix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsZUFBZSxFQUFFLHlDQUF5QztxQkFDM0Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndBdmF0YXJNb2R1bGUgfSBmcm9tICcuLi9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3Q2FyZENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkQXR0cmlidXRlQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWF0dHJpYnV0ZS9jYXJkLWF0dHJpYnV0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkQXV0aG9yQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWF1dGhvci9jYXJkLWF1dGhvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC1jb250ZW50L2NhcmQtY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkRm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWZvb3Rlci9jYXJkLWZvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZ3SWNvbk1vZHVsZSxcbiAgICBGd0F2YXRhck1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3Q2FyZEhlYWRlckNvbXBvbmVudCxcbiAgICBGd0NhcmRBdXRob3JDb21wb25lbnQsXG4gICAgRndDYXJkQ29udGVudENvbXBvbmVudCxcbiAgICBGd0NhcmRBdHRyaWJ1dGVDb21wb25lbnQsXG4gICAgRndDYXJkRm9vdGVyQ29tcG9uZW50LFxuICAgIEZ3Q2FyZENvbXBvbmVudCwgLy8gbmVlZHMgdG8gYmUgZGVjbGFyZWQgaW4gb3JkZXIgb2YgdXNhZ2VcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndDYXJkSGVhZGVyQ29tcG9uZW50LFxuICAgIEZ3Q2FyZEF1dGhvckNvbXBvbmVudCxcbiAgICBGd0NhcmRDb250ZW50Q29tcG9uZW50LFxuICAgIEZ3Q2FyZEF0dHJpYnV0ZUNvbXBvbmVudCxcbiAgICBGd0NhcmRGb290ZXJDb21wb25lbnQsXG4gICAgRndDYXJkQ29tcG9uZW50LCAvLyBuZWVkcyB0byBiZSBkZWNsYXJlZCBpbiBvcmRlciBvZiB1c2FnZVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRNb2R1bGUge1xufVxuIl19