nypro-light-components 0.0.7 → 0.0.8

package/fesm2022/nypro-light-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, output, effect, input, ChangeDetectionStrategy, forwardRef, ContentChild } from '@angular/core';
+import { Injectable, Component, output, effect, input, ChangeDetectionStrategy, inject, ChangeDetectorRef, forwardRef, ContentChild } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -87,6 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], ctorParameters: () => [] });
 
 class NyRadioButton {
+    cdr = inject(ChangeDetectorRef);
     labelTemplate;
     selectedValue;
     /** This input steh the valur for the input radio  */
@@ -122,6 +123,7 @@ class NyRadioButton {
     onTouched = () => { };
     writeValue(obj) {
         this.selectedValue = obj;
+        this.cdr.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -144,7 +146,7 @@ class NyRadioButton {
                 useExisting: forwardRef(() => NyRadioButton),
                 multi: true,
             }
-        ], queries: [{ propertyName: "labelTemplate", first: true, predicate: ["label"], descendants: true }], ngImport: i0, template: "<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>", styles: [".radioButtonContainer{display:flex;justify-content:center;align-items:center;gap:.2rem;input{margin:0}cursor:pointer;input{cursor:pointer}&.pos-top{flex-direction:column}&.pos-buttom{flex-direction:column-reverse}&.pos-right{flex-direction:row-reverse}&.size-small{gap:.1rem;font-size:75%;input{scale:.9}}&.size-large{gap:.4rem;font-size:125%;input{scale:1.25}}}.disabled{color:var(--text-color-secondary);cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "labelTemplate", first: true, predicate: ["label"], descendants: true }], ngImport: i0, template: "<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" [checked]=\"selectedValue === value()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>", styles: [".radioButtonContainer{display:flex;justify-content:center;align-items:center;gap:.2rem;input{margin:0}cursor:pointer;input{cursor:pointer}&.pos-top{flex-direction:column}&.pos-buttom{flex-direction:column-reverse}&.pos-right{flex-direction:row-reverse}&.size-small{gap:.1rem;font-size:75%;input{scale:.9}}&.size-large{gap:.4rem;font-size:125%;input{scale:1.25}}}.disabled{color:var(--text-color-secondary);cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NyRadioButton, decorators: [{
             type: Component,
@@ -154,7 +156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             useExisting: forwardRef(() => NyRadioButton),
                             multi: true,
                         }
-                    ], template: "<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>", styles: [".radioButtonContainer{display:flex;justify-content:center;align-items:center;gap:.2rem;input{margin:0}cursor:pointer;input{cursor:pointer}&.pos-top{flex-direction:column}&.pos-buttom{flex-direction:column-reverse}&.pos-right{flex-direction:row-reverse}&.size-small{gap:.1rem;font-size:75%;input{scale:.9}}&.size-large{gap:.4rem;font-size:125%;input{scale:1.25}}}.disabled{color:var(--text-color-secondary);cursor:default!important}\n"] }]
+                    ], template: "<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" [checked]=\"selectedValue === value()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>", styles: [".radioButtonContainer{display:flex;justify-content:center;align-items:center;gap:.2rem;input{margin:0}cursor:pointer;input{cursor:pointer}&.pos-top{flex-direction:column}&.pos-buttom{flex-direction:column-reverse}&.pos-right{flex-direction:row-reverse}&.size-small{gap:.1rem;font-size:75%;input{scale:.9}}&.size-large{gap:.4rem;font-size:125%;input{scale:1.25}}}.disabled{color:var(--text-color-secondary);cursor:default!important}\n"] }]
         }], propDecorators: { labelTemplate: [{
                 type: ContentChild,
                 args: ['label']

package/fesm2022/nypro-light-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nypro-light-components.mjs","sources":["../../../projects/nypro-light-components/src/lib/nypro-light-components.service.ts","../../../projects/nypro-light-components/src/lib/nypro-light-components.component.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-button/ny-button.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-button/ny-button.html","../../../projects/nypro-light-components/src/lib/butttons/ny-radio-button/ny-radio-button.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-radio-button/ny-radio-button.html","../../../projects/nypro-light-components/src/public-api.ts","../../../projects/nypro-light-components/src/nypro-light-components.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class NyproLightComponentsService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-nypro-light-components',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      nypro-light-components works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class NyproLightComponentsComponent {\r\n\r\n}\r\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, input, OnChanges, output } from '@angular/core';\n\n@Component({\n  selector: 'ny-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './ny-button.html',\n  styleUrl: './ny-button.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NyButton {\n  public onClick = output<Event>();\n\n  constructor() {\n    effect(() => {\n      if (this.loading()) {\n        let hola = this.loading();\n        console.log(hola);\n      }\n    });\n  }\n\n  btnClikc(event: Event) {\n    if (this.disabled() || this.loading()) return;\n    this.onClick.emit(event)\n  }\n\n  /** Uses to pass attributes to the label's DOM element. */\n  public label = input('', {\n    transform: (value: string | null | undefined) =>\n      !value ? '' : value\n  });\n\n  /** Add a circular border radius to the button. */\n  public rounded = input(false, {\n    transform: (value: string | boolean) => {\n      if (typeof value == 'boolean') return value;\n      return (value == '' ? true : value == 'true');\n    }\n  });\n\n  /** When present, it specifies that the component should be disabled. */\n  public disabled = input(false, {\n    transform: (value: string | boolean) => {\n      if (typeof value == 'boolean') return value;\n      return (value == '' ? true : value == 'true');\n    }\n  });\n\n  /** When present, it specifies that the component should be disabled and loading icon is display. */\n  public loading = input(false);\n\n  /** Uses to pass attributes to the label's DOM element. */\n  public loadingIcon = input('progress_activity', {\n    transform: (value: string | null | undefined) =>\n      !value ? 'progress_activity' : value\n  });\n\n  /** Defines the style of the button. */\n  public severity = input('primary', {\n    transform: (value: 'primary' | 'secondary' | 'danger' | 'warn' | 'success' | null | undefined) =>\n      !value ? 'primary' : value\n  });\n}\n","<button \n    [class.disable]=\"disabled() || loading()\"\n    [class.enable]=\"!disabled() && !loading()\"\n    [class.rounded]=\"rounded()\"\n    [style.--color-btn]=\"'var(--'+severity()+'-color)'\"\n    [disabled]=\"disabled() || loading()\"\n    (click)=\"btnClikc($event)\"\n    >\n    <ng-content *ngIf=\"label()==''\"></ng-content>\n    <span *ngIf=\"label()!=''\">{{label()}}</span>\n    <div class=\"loading\" *ngIf=\"loading()\">\n        <span class=\"material-icons\">{{loadingIcon()}}</span>\n    </div>\n</button>","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, forwardRef, input, TemplateRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'ny-radio-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './ny-radio-button.html',\n  styleUrl: './ny-radio-button.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers : [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NyRadioButton),\n      multi: true,\n    }\n  ]\n})\nexport class NyRadioButton implements ControlValueAccessor{\n  @ContentChild('label') labelTemplate?: TemplateRef<any>;\n  selectedValue : any;\n\n  /** This input steh the valur for the input radio  */\n  value = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n\n  /** Name of the from control value assing to radio-buttons */\n  name = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n  \n  /** Label of the radio button */\n  label = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n  \n  /** Position  where the Label will be display */\n  position = input('left', {\n    transform: (value : 'left' | 'right' | 'top' | 'buttom') => \n      !value? 'left' : value\n  });\n  \n  /** Position  where the Label will be display */\n  size = input('normal', {\n    transform: (value : 'normal' | 'small' | 'large') => \n      !value? 'normal' : value\n  });\n  \n  /** Sets the enable action to clickt or not */\n  disabled = input(false, {\n    transform: (value : string | boolean) => {\n      if(typeof value == 'boolean') return value;\n      return value == ''? true : value=='true'\n    }      \n  });\n\n  //#region --------- Control Value Accessor ------------\n  onChange = (val : any) => {};\n  onTouched = () => {};\n  writeValue(obj: any): void {\n    this.selectedValue = obj;\n  }\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n  //#endregion\n\n  onInputChange(): void {\n    if(this.disabled()) return; \n    this.onChange(this.value());\n    this.onTouched();\n    this.selectedValue = this.value();\n  }\n}\n","<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>","/*\r\n * Public API Surface of nypro-light-components\r\n */\r\n\r\nexport * from './lib/nypro-light-components.service';\r\nexport * from './lib/nypro-light-components.component';\r\nexport * from './lib/butttons/ny-button/ny-button'\r\nexport * from './lib/butttons/ny-radio-button/ny-radio-button'\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"nypro-light-components.mjs","sources":["../../../projects/nypro-light-components/src/lib/nypro-light-components.service.ts","../../../projects/nypro-light-components/src/lib/nypro-light-components.component.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-button/ny-button.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-button/ny-button.html","../../../projects/nypro-light-components/src/lib/butttons/ny-radio-button/ny-radio-button.ts","../../../projects/nypro-light-components/src/lib/butttons/ny-radio-button/ny-radio-button.html","../../../projects/nypro-light-components/src/public-api.ts","../../../projects/nypro-light-components/src/nypro-light-components.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class NyproLightComponentsService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-nypro-light-components',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      nypro-light-components works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class NyproLightComponentsComponent {\r\n\r\n}\r\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, input, OnChanges, output } from '@angular/core';\n\n@Component({\n  selector: 'ny-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './ny-button.html',\n  styleUrl: './ny-button.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NyButton {\n  public onClick = output<Event>();\n\n  constructor() {\n    effect(() => {\n      if (this.loading()) {\n        let hola = this.loading();\n        console.log(hola);\n      }\n    });\n  }\n\n  btnClikc(event: Event) {\n    if (this.disabled() || this.loading()) return;\n    this.onClick.emit(event)\n  }\n\n  /** Uses to pass attributes to the label's DOM element. */\n  public label = input('', {\n    transform: (value: string | null | undefined) =>\n      !value ? '' : value\n  });\n\n  /** Add a circular border radius to the button. */\n  public rounded = input(false, {\n    transform: (value: string | boolean) => {\n      if (typeof value == 'boolean') return value;\n      return (value == '' ? true : value == 'true');\n    }\n  });\n\n  /** When present, it specifies that the component should be disabled. */\n  public disabled = input(false, {\n    transform: (value: string | boolean) => {\n      if (typeof value == 'boolean') return value;\n      return (value == '' ? true : value == 'true');\n    }\n  });\n\n  /** When present, it specifies that the component should be disabled and loading icon is display. */\n  public loading = input(false);\n\n  /** Uses to pass attributes to the label's DOM element. */\n  public loadingIcon = input('progress_activity', {\n    transform: (value: string | null | undefined) =>\n      !value ? 'progress_activity' : value\n  });\n\n  /** Defines the style of the button. */\n  public severity = input('primary', {\n    transform: (value: 'primary' | 'secondary' | 'danger' | 'warn' | 'success' | null | undefined) =>\n      !value ? 'primary' : value\n  });\n}\n","<button \n    [class.disable]=\"disabled() || loading()\"\n    [class.enable]=\"!disabled() && !loading()\"\n    [class.rounded]=\"rounded()\"\n    [style.--color-btn]=\"'var(--'+severity()+'-color)'\"\n    [disabled]=\"disabled() || loading()\"\n    (click)=\"btnClikc($event)\"\n    >\n    <ng-content *ngIf=\"label()==''\"></ng-content>\n    <span *ngIf=\"label()!=''\">{{label()}}</span>\n    <div class=\"loading\" *ngIf=\"loading()\">\n        <span class=\"material-icons\">{{loadingIcon()}}</span>\n    </div>\n</button>","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, forwardRef, inject, input, TemplateRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'ny-radio-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './ny-radio-button.html',\n  styleUrl: './ny-radio-button.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers : [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NyRadioButton),\n      multi: true,\n    }\n  ]\n})\nexport class NyRadioButton implements ControlValueAccessor{\n  private cdr = inject(ChangeDetectorRef); \n  @ContentChild('label') labelTemplate?: TemplateRef<any>;  \n  selectedValue : any;\n\n  /** This input steh the valur for the input radio  */\n  value = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n\n  /** Name of the from control value assing to radio-buttons */\n  name = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n  \n  /** Label of the radio button */\n  label = input('', {\n    transform: (value : any) => \n      !value? 'none' : value\n  });\n  \n  /** Position  where the Label will be display */\n  position = input('left', {\n    transform: (value : 'left' | 'right' | 'top' | 'buttom') => \n      !value? 'left' : value\n  });\n  \n  /** Position  where the Label will be display */\n  size = input('normal', {\n    transform: (value : 'normal' | 'small' | 'large') => \n      !value? 'normal' : value\n  });\n  \n  /** Sets the enable action to clickt or not */\n  disabled = input(false, {\n    transform: (value : string | boolean) => {\n      if(typeof value == 'boolean') return value;\n      return value == ''? true : value=='true'\n    }      \n  });\n\n  //#region --------- Control Value Accessor ------------\n  onChange = (val : any) => {};\n  onTouched = () => {};\n  writeValue(obj: any): void {\n    this.selectedValue = obj;\n     this.cdr.markForCheck();\n  }\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n  //#endregion\n\n  onInputChange(): void {\n    if(this.disabled()) return; \n    this.onChange(this.value());\n    this.onTouched();\n    this.selectedValue = this.value();\n  }\n}","<label class=\"radioButtonContainer\" \n    [class]=\"(' pos-'+position()) + (' size-'+size())\" \n    [class.disabled]=\"disabled()\">\n\n    <ng-container *ngIf=\"labelTemplate; else defaultLabel\">\n        <div class=\"labelTemplate\">\n            <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n        </div>\n    </ng-container>\n\n    <ng-template #defaultLabel>\n        <span class=\"label\">{{ label() }}</span>\n    </ng-template>\n\n    <input [class.disabled]=\"disabled()\" [checked]=\"selectedValue === value()\" (change)=\"onInputChange()\" [disabled]=\"disabled()\" [attr.name]=\"name()\"\n        [attr.value]=\"value()\" type=\"radio\" />\n</label>","/*\r\n * Public API Surface of nypro-light-components\r\n */\r\n\r\nexport * from './lib/nypro-light-components.service';\r\nexport * from './lib/nypro-light-components.component';\r\nexport * from './lib/butttons/ny-button/ny-button'\r\nexport * from './lib/butttons/ny-radio-button/ny-radio-button'\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fonts/material-icons.scss

@@ -1,21 +1,18 @@
 @font-face {
-    font-display: swap;
     font-family: 'Material Icons';
-    font-style: normal;
     font-weight: 300;
     src: url('./MaterialIcons-Regular.woff2') format('truetype');
 }
 
 .material-icons {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 19px;
-    line-height: 0.8;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline;
-    white-space: nowrap;
-    direction: ltr;
-    -webkit-font-smoothing: antialiased;
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  letter-spacing: 0.1rem;
+  line-height: 1.1;
+  position: relative;
+  display: inline-flex;
+  font-size: 1.5rem;
+  vertical-align: middle;
+  -webkit-font-smoothing: antialiased;
 }

package/lib/butttons/ny-radio-button/ny-radio-button.d.ts

@@ -2,6 +2,7 @@ import { TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class NyRadioButton implements ControlValueAccessor {
+    private cdr;
     labelTemplate?: TemplateRef<any>;
     selectedValue: any;
     /** This input steh the valur for the input radio  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nypro-light-components",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "types": "index.d.ts",
   "exports": {
     ".": {