@whydrf/nava-icon-angular 1.4.1 → 1.4.2

package/dist/icons/comment-add.cjs

@@ -87,10 +87,11 @@ _CommentAddIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM17 11H13V15H11V11H7V9H11V5H13V9H17V11Z" />'"></g>
@@ -127,6 +128,12 @@ var CommentAddIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentAddIconComponent);

package/dist/icons/comment-add.d.cts

@@ -11,6 +11,8 @@ declare class CommentAddIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentAddIconComponent };

package/dist/icons/comment-add.d.ts

@@ -11,6 +11,8 @@ declare class CommentAddIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentAddIconComponent };

package/dist/icons/comment-add.js

@@ -1,6 +1,6 @@
 import {
   CommentAddIconComponent
-} from "../chunk-NQJJ4QM2.js";
+} from "../chunk-54RG2FCJ.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentAddIconComponent

package/dist/icons/comment-check.cjs

@@ -87,10 +87,11 @@ _CommentCheckIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM11 13.914L7.293 10.207L8.707 8.793L11 11.086L15.793 6.293L17.207 7.707L11 13.914Z" />'"></g>
@@ -127,6 +128,12 @@ var CommentCheckIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentCheckIconComponent);

package/dist/icons/comment-check.d.cts

@@ -11,6 +11,8 @@ declare class CommentCheckIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentCheckIconComponent };

package/dist/icons/comment-check.d.ts

@@ -11,6 +11,8 @@ declare class CommentCheckIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentCheckIconComponent };

package/dist/icons/comment-check.js

@@ -1,6 +1,6 @@
 import {
   CommentCheckIconComponent
-} from "../chunk-QWEZLD5M.js";
+} from "../chunk-ZYG5CFKP.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentCheckIconComponent

package/dist/icons/comment-detail.cjs

@@ -87,10 +87,11 @@ _CommentDetailIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 1.99899H4C2.897 1.99899 2 2.89599 2 3.99899V21.999L6 17.999H20C21.103 17.999 22 17.102 22 15.999V3.99899C22 2.89599 21.103 1.99899 20 1.99899ZM14 12.999H7V10.999H14V12.999ZM17 8.99899H7V6.99899H17V8.99899Z" />'"></g>
@@ -127,6 +128,12 @@ var CommentDetailIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentDetailIconComponent);

package/dist/icons/comment-detail.d.cts

@@ -11,6 +11,8 @@ declare class CommentDetailIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentDetailIconComponent };

package/dist/icons/comment-detail.d.ts

@@ -11,6 +11,8 @@ declare class CommentDetailIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentDetailIconComponent };

package/dist/icons/comment-detail.js

@@ -1,6 +1,6 @@
 import {
   CommentDetailIconComponent
-} from "../chunk-NKKXGYHA.js";
+} from "../chunk-HVB7EXQY.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentDetailIconComponent

package/dist/icons/comment-dots.cjs

@@ -87,10 +87,11 @@ _CommentDotsIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM9 12C8.73729 11.9999 8.47717 11.9481 8.23448 11.8475C7.99179 11.7469 7.7713 11.5995 7.58558 11.4137C7.39986 11.2279 7.25256 11.0073 7.15209 10.7646C7.05161 10.5219 6.99993 10.2617 7 9.999C7.00007 9.73629 7.05188 9.47617 7.15247 9.23348C7.25307 8.99079 7.40048 8.7703 7.58629 8.58458C7.7721 8.39886 7.99267 8.25156 8.2354 8.15109C8.47814 8.05061 8.73829 7.99893 9.001 7.999C9.53157 7.99913 10.0403 8.21003 10.4154 8.58529C10.7905 8.96055 11.0011 9.46943 11.001 10C11.0009 10.5306 10.79 11.0393 10.4147 11.4144C10.0395 11.7895 9.53057 12.0001 9 12ZM15 12C14.7373 11.9999 14.4772 11.9481 14.2345 11.8475C13.9918 11.7469 13.7713 11.5995 13.5856 11.4137C13.3999 11.2279 13.2526 11.0073 13.1521 10.7646C13.0516 10.5219 12.9999 10.2617 13 9.999C13.0001 9.73629 13.0519 9.47617 13.1525 9.23348C13.2531 8.99079 13.4005 8.7703 13.5863 8.58458C13.7721 8.39886 13.9927 8.25156 14.2354 8.15109C14.4781 8.05061 14.7383 7.99893 15.001 7.999C15.5316 7.99913 16.0403 8.21003 16.4154 8.58529C16.7905 8.96055 17.0011 9.46943 17.001 10C17.0009 10.5306 16.79 11.0393 16.4147 11.4144C16.0395 11.7895 15.5306 12.0001 15 12Z" />'"></g>
@@ -128,6 +129,12 @@ var CommentDotsIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentDotsIconComponent);

package/dist/icons/comment-dots.d.cts

@@ -11,6 +11,8 @@ declare class CommentDotsIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentDotsIconComponent };

package/dist/icons/comment-dots.d.ts

@@ -11,6 +11,8 @@ declare class CommentDotsIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentDotsIconComponent };

package/dist/icons/comment-dots.js

@@ -1,6 +1,6 @@
 import {
   CommentDotsIconComponent
-} from "../chunk-MX5F5HS2.js";
+} from "../chunk-MRIO7SGL.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentDotsIconComponent

package/dist/icons/comment-edit.cjs

@@ -87,10 +87,11 @@ _CommentEditIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM8.999 14.987H7V12.988L12.53 7.466L14.528 9.465L8.999 14.987ZM15.471 8.523L13.472 6.524L14.996 5.001L16.995 7L15.471 8.523Z" />'"></g>
@@ -127,6 +128,12 @@ var CommentEditIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentEditIconComponent);

package/dist/icons/comment-edit.d.cts

@@ -11,6 +11,8 @@ declare class CommentEditIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentEditIconComponent };

package/dist/icons/comment-edit.d.ts

@@ -11,6 +11,8 @@ declare class CommentEditIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentEditIconComponent };

package/dist/icons/comment-edit.js

@@ -1,6 +1,6 @@
 import {
   CommentEditIconComponent
-} from "../chunk-ZX3EKMPK.js";
+} from "../chunk-2MNDH5KE.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentEditIconComponent

package/dist/icons/comment-error.cjs

@@ -87,10 +87,11 @@ _CommentErrorIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM13 15H11V13H13V15ZM13 11H11V5H13V11Z" />'"></g>
@@ -127,6 +128,12 @@ var CommentErrorIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentErrorIconComponent);

package/dist/icons/comment-error.d.cts

@@ -11,6 +11,8 @@ declare class CommentErrorIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentErrorIconComponent };

package/dist/icons/comment-error.d.ts

@@ -11,6 +11,8 @@ declare class CommentErrorIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentErrorIconComponent };

package/dist/icons/comment-error.js

@@ -1,6 +1,6 @@
 import {
   CommentErrorIconComponent
-} from "../chunk-YEBPVIAL.js";
+} from "../chunk-NSVPZ4ND.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentErrorIconComponent

package/dist/icons/comment-minus.cjs

@@ -87,10 +87,11 @@ _CommentMinusIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM16 11H8V9H16V11Z" />'"></g>
@@ -127,6 +128,12 @@ var CommentMinusIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentMinusIconComponent);

package/dist/icons/comment-minus.d.cts

@@ -11,6 +11,8 @@ declare class CommentMinusIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentMinusIconComponent };

package/dist/icons/comment-minus.d.ts

@@ -11,6 +11,8 @@ declare class CommentMinusIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentMinusIconComponent };

package/dist/icons/comment-minus.js

@@ -1,6 +1,6 @@
 import {
   CommentMinusIconComponent
-} from "../chunk-ANUHSROB.js";
+} from "../chunk-T37XDSZE.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentMinusIconComponent

package/dist/icons/comment-x.cjs

@@ -87,10 +87,11 @@ _CommentXIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM16.706 13.543L15.292 14.957L11.999 11.665L8.707 14.957L7.293 13.543L10.585 10.251L7.293 6.958L8.707 5.544L11.999 8.836L15.292 5.544L16.706 6.958L13.414 10.251L16.706 13.543Z" />'"></g>
@@ -127,6 +128,12 @@ var CommentXIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentXIconComponent);

package/dist/icons/comment-x.d.cts

@@ -11,6 +11,8 @@ declare class CommentXIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentXIconComponent };

package/dist/icons/comment-x.d.ts

@@ -11,6 +11,8 @@ declare class CommentXIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentXIconComponent };

package/dist/icons/comment-x.js

@@ -1,6 +1,6 @@
 import {
   CommentXIconComponent
-} from "../chunk-PYSWQPIC.js";
+} from "../chunk-GEAQWO23.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentXIconComponent

package/dist/icons/comment.cjs

@@ -87,10 +87,11 @@ _CommentIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2Z" />'"></g>
@@ -126,6 +127,12 @@ var CommentIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CommentIconComponent);

package/dist/icons/comment.d.cts

@@ -11,6 +11,8 @@ declare class CommentIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentIconComponent };

package/dist/icons/comment.d.ts

@@ -11,6 +11,8 @@ declare class CommentIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CommentIconComponent };

package/dist/icons/comment.js

@@ -1,6 +1,6 @@
 import {
   CommentIconComponent
-} from "../chunk-3WWNSCZV.js";
+} from "../chunk-SHPLRX7M.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CommentIconComponent

package/dist/icons/compass.cjs

@@ -87,10 +87,11 @@ _CompassIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM15 15L7 17L9 9L17 7L15 15Z" />
@@ -128,6 +129,12 @@ var CompassIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, CompassIconComponent);

package/dist/icons/compass.d.cts

@@ -11,6 +11,8 @@ declare class CompassIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CompassIconComponent };

package/dist/icons/compass.d.ts

@@ -11,6 +11,8 @@ declare class CompassIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { CompassIconComponent };

package/dist/icons/compass.js

@@ -1,6 +1,6 @@
 import {
   CompassIconComponent
-} from "../chunk-NYC5SBWA.js";
+} from "../chunk-DN4ZY6MK.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   CompassIconComponent

package/dist/icons/component.cjs

@@ -87,10 +87,11 @@ _ComponentIconComponent_decorators = [(0, import_core2.Component)({
       [attr.width]="resolvedSize"
       [attr.height]="resolvedSize"
       [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
-      [attr.stroke]="isStrokeBased ? resolvedColor : 'none'"
-      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : undefined"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
       <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M3.553 18.895L7.553 20.895C7.69182 20.9643 7.84485 21.0004 8 21.0004C8.15515 21.0004 8.30818 20.9643 8.447 20.895L12 19.118L15.553 20.894C15.6915 20.9643 15.8446 21.001 15.9999 21.0012C16.1552 21.0013 16.3084 20.965 16.447 20.895L20.447 18.895C20.786 18.725 21 18.379 21 18V13C21 12.621 20.786 12.275 20.447 12.105L17 10.382V6.00001C17 5.62101 16.786 5.27501 16.447 5.10501L12.447 3.10501C12.3081 3.03549 12.1549 2.9993 11.9995 2.9993C11.8441 2.9993 11.6909 3.03549 11.552 3.10501L7.552 5.10501C7.214 5.27501 7 5.62101 7 6.00001V10.382L3.553 12.106C3.38677 12.1888 3.24695 12.3164 3.14925 12.4743C3.05156 12.6322 2.99987 12.8143 3 13V18C3 18.379 3.214 18.725 3.553 18.895ZM8 12.118L10.264 13.25L7.351 14.707L5.087 13.575L8 12.118ZM12 9.61801L15 8.11801V10.382L12 11.882V9.61801ZM18.264 13.25L15.382 14.691L13.118 13.559L16 12.118L18.264 13.25ZM8 18.882L7.938 18.851V16.65L11 15.118V17.382L8 18.882ZM16 18.882V16.618L19 15.118V17.382L16 18.882ZM12 5.11801L14.264 6.25001L11.382 7.69101L9.118 6.55901L12 5.11801Z" />'"></g>
@@ -126,6 +127,12 @@ var ComponentIconComponent = class {
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, ComponentIconComponent);

package/dist/icons/component.d.cts

@@ -11,6 +11,8 @@ declare class ComponentIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { ComponentIconComponent };

package/dist/icons/component.d.ts

@@ -11,6 +11,8 @@ declare class ComponentIconComponent {
     get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { ComponentIconComponent };

package/dist/icons/component.js

@@ -1,6 +1,6 @@
 import {
   ComponentIconComponent
-} from "../chunk-S5X4467Z.js";
+} from "../chunk-V3MUZBA6.js";
 import "../chunk-PVGPZJ3D.js";
 export {
   ComponentIconComponent