npm - @norwegian/core-components - Versions diffs - 6.10.1 → 6.11.1 - Mend

@norwegian/core-components 6.10.1 → 6.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/esm2022/lib/components/micro-button/micro-button.component.mjs CHANGED Viewed

@@ -39,11 +39,11 @@ export class MicroButtonComponent extends NasComponentBase {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { text: "text", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n  <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n    <nas-icon\n      [icon]=\"_icon\"\n      [type]=\"'small'\"\n      [lightCircularBackground]=\"true\"\n      [nasClass]=\"getClasses('nas-icon')\"\n    ></nas-icon>\n  </div>\n  <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n    <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n  </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-micro-button{display:inline-flex;align-items:flex-start;background:#003251;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button nas-icon{width:16px;height:16px}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { text: "text", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n  <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n    <nas-icon\n      [icon]=\"_icon\"\n      [type]=\"'small'\"\n      [lightCircularBackground]=\"true\"\n      [nasClass]=\"getClasses('nas-icon')\"\n    ></nas-icon>\n  </div>\n  <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n    <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n  </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-small{width:24px;height:24px;display:inline-block}.nas-micro-button{display:flex;background:#003251;width:120px;height:32px;flex-direction:row;justify-content:space-around;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-micro-button', template: "<div class=\"nas-micro-button\">\n  <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n    <nas-icon\n      [icon]=\"_icon\"\n      [type]=\"'small'\"\n      [lightCircularBackground]=\"true\"\n      [nasClass]=\"getClasses('nas-icon')\"\n    ></nas-icon>\n  </div>\n  <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n    <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n  </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-micro-button{display:inline-flex;align-items:flex-start;background:#003251;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button nas-icon{width:16px;height:16px}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\n"] }]
+            args: [{ selector: 'nas-micro-button', template: "<div class=\"nas-micro-button\">\n  <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n    <nas-icon\n      [icon]=\"_icon\"\n      [type]=\"'small'\"\n      [lightCircularBackground]=\"true\"\n      [nasClass]=\"getClasses('nas-icon')\"\n    ></nas-icon>\n  </div>\n  <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n    <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n  </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-small{width:24px;height:24px;display:inline-block}.nas-micro-button{display:flex;background:#003251;width:120px;height:32px;flex-direction:row;justify-content:space-around;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { text: [{
                 type: Input
             }], icon: [{