@skyux/inline-form 5.7.2 → 5.8.0

package/bundles/skyux-inline-form.umd.js

@@ -387,7 +387,7 @@
                 type: i0.Component,
                 args: [{
                         selector: 'sky-inline-form',
-                        template: "template",
+                        template: "<div [@skySlideDissolve]=\"showForm\">\n  <div *ngIf=\"!showForm\" class=\"sky-slide-dissolve-first\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"template && showForm\" class=\"sky-slide-dissolve-last\">\n    <div class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\">\n      <div class=\"sky-inline-form-content\">\n        <ng-container [ngTemplateOutlet]=\"template\"> </ng-container>\n      </div>\n      <div class=\"sky-inline-form-footer\">\n        <button\n          *ngFor=\"let button of buttons\"\n          class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n          type=\"button\"\n          [disabled]=\"button.disabled ? true : null\"\n          [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n          (click)=\"closeInlineForm(button)\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n",
                         styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button{margin-right:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form{background-color:#232427}\n"],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [SkyInlineFormAdapterService],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/inline-form",
-  "version": "5.7.2",
+  "version": "5.8.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -19,8 +19,8 @@
     "@angular/animations": "^12.2.16",
     "@angular/common": "^12.2.16",
     "@angular/core": "^12.2.16",
-    "@skyux/core": "5.7.2",
-    "@skyux/i18n": "5.7.2"
+    "@skyux/core": "5.8.0",
+    "@skyux/i18n": "5.8.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"
@@ -32,4 +32,4 @@
   "fesm2015": "fesm2015/skyux-inline-form.js",
   "typings": "skyux-inline-form.d.ts",
   "sideEffects": false
-}
+}