@progress/kendo-angular-icons 19.1.1-develop.2 → 19.1.1

package/common/icon-base.d.ts

@@ -16,41 +16,16 @@ export declare abstract class IconBaseDirective {
     get horizontalFlip(): boolean;
     get verticalFlip(): boolean;
     /**
-     * Flips the icon horizontally, vertically or in both directions.
+     * Flips the icon horizontally, vertically, or in both directions.
      */
     flip: IconFlip;
     /**
-     * Specifies the theme color for the Icon.
-     *
-     * The possible values are:
-     * * `inherit` (Default)—Applies coloring based on the current color.
-     * * `primary` —Applies coloring based on primary theme color.
-     * * `secondary`—Applies coloring based on secondary theme color.
-     * * `tertiary`— Applies coloring based on tertiary theme color.
-     * * `info`—Applies coloring based on info theme color.
-     * * `success`— Applies coloring based on success theme color.
-     * * `warning`— Applies coloring based on warning theme color.
-     * * `error`— Applies coloring based on error theme color.
-     * * `dark`— Applies coloring based on dark theme color.
-     * * `light`— Applies coloring based on light theme color.
-     * * `inverse`— Applies coloring based on inverse theme color.
-     *
+     * Sets the `IconThemeColor` for the icon. Use this property to apply a theme color.
      */
     set themeColor(themeColor: IconThemeColor);
     get themeColor(): IconThemeColor;
     /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
-     * * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
-     * * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
-     * * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
-     * * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
-     *
+     * Sets the `IconSize` for the icon. Use this property to change the icon size.
      */
     set size(size: IconSize);
     get size(): IconSize;

package/common/icon-settings.d.ts

@@ -5,17 +5,17 @@
 import { InjectionToken } from '@angular/core';
 import { IconSettings } from './models';
 /**
- * A token that specifies the [IconSettings](slug:api_icons_iconsettings) of the Kendo UI for Angular components ([see example](slug:icon_settings#toc-icons-configuration)).
+ * Represents the token for the `IconSettings` of Kendo UI for Angular components.
+ * Use this token to configure icon settings. ([See example.](slug:icon_settings#toc-icons-configuration))
  *
- * ```ts
+ * @example
+ * ```typescript
  * import { NgModule } from '@angular/core';
  *
  * @NgModule({
- * ...
- * providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' }}]
+ *   providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' } }]
  * })
  * export class AppModule {}
  * ```
- *
  */
 export declare const ICON_SETTINGS: InjectionToken<IconSettings>;

package/common/icon-settings.service.d.ts

@@ -7,8 +7,15 @@ import { IconSettings } from './models';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * A service that returns the current icon settings to be used in subscribers.
- * Use the public `notify` method to change the icon settings dynamically.
+ * Represents the service that manages icon settings.
+ * Use the `notify` method to update icon settings dynamically.
+ *
+ * @example
+ * ```typescript
+ * constructor(private iconSettingsService: IconSettingsService) {}
+ *
+ * this.iconSettingsService.notify({ themeColor: 'primary' });
+ * ```
  */
 export declare class IconSettingsService {
     /**
@@ -16,9 +23,13 @@ export declare class IconSettingsService {
      */
     readonly changes: Subject<IconSettings>;
     /**
-     * Notifies subscribers that the icon settings were changed.
+     * Notifies subscribers about changes in the icon settings.
      *
-     * @param iconSettings - (Optional) A new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     * @param iconSettings - (Optional) Sets a new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     * @example
+     * ```typescript
+     * iconSettingsService.notify({ size: 'large' });
+     * ```
      */
     notify(iconSettings?: IconSettings): void;
     /**

package/common/icons.service.d.ts

@@ -9,21 +9,19 @@ import { IconSettingsService } from './icon-settings.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * The service responsible for handling changes in the icons settings. Should be included in the providers array when implementing the functionality in a standalone component.
+ * Represents the service that manages icon settings.
+ * Add this service to the `providers` array when you use it in a standalone component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the IconsService
+ * ```typescript
  * import { IconsService } from '@progress/kendo-angular-icons';
  *
- * // Define a standalone component
  * @Component({
- *  selector: my-component,
- *  standalone: true,
- *  imports: [ ... ],
- *  providers: [IconsService, { provide: ICON_SETTINGS , useValue: { type: 'font' } }],
- *  template: ...
+ *   selector: 'my-component',
+ *   standalone: true,
+ *   imports: [ ... ],
+ *   providers: [IconsService, { provide: ICON_SETTINGS, useValue: { type: 'font' } }],
+ *   template: `...`
  * })
  * export class AppComponent {}
  * ```
@@ -32,7 +30,7 @@ export declare class IconsService implements OnDestroy {
     private _iconSettings;
     private iconSettingsService;
     /**
-     * Notifies subscribers of the initial icon settings, and upon each call to `notify`.
+     * Notifies subscribers of the initial icon settings and on each call to `notify`.
      * @hidden
      */
     readonly changes: Subject<IconSettings>;

package/common/models/flip.d.ts

@@ -3,13 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the icon flip direction.
+ * Specifies the `IconFlip` direction.
  *
- * The possible values are:
- * * `default` (Default)—No flipping applied.
- * * `horizontal`—Flips the icon in horizontal direction.
- * * `vertical`—Flips the icon in vertical direction.
- * * `both`—Flips the icon in both horizontal and vertical directions.
+ * Use this type to control how to flip an icon. The possible values  are:
+ * - `default`: No flip applied.
+ * - `horizontal`: Flip the icon horizontally.
+ * - `vertical`: Flip the icon vertically.
+ * - `both`: Flip the icon both horizontally and vertically.
  *
  */
 export type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';

package/common/models/icon-settings.d.ts

@@ -6,9 +6,35 @@ import { IconFlip } from "./flip";
 import { IconType } from "./icon-type";
 import { IconSize } from "./size";
 import { IconThemeColor } from "./theme-color";
+/**
+ * Represents the icon settings for Kendo UI icons.
+ * Use the `IconSettings` interface to set the icon `type`, `themeColor`, `size`, and `flip` direction.
+ *
+ * @example
+ * ```typescript
+ * const settings: IconSettings = {
+ *   type: 'svg',
+ *   themeColor: 'primary',
+ *   size: 'large',
+ *   flip: 'horizontal'
+ * };
+ * ```
+ */
 export interface IconSettings {
+    /**
+     * Sets the `type` of the icon.
+     */
     type?: IconType;
+    /**
+     * Sets the `themeColor` of the icon.
+     */
     themeColor?: IconThemeColor;
+    /**
+     * Sets the `size` of the icon.
+     */
     size?: IconSize;
+    /**
+     * Sets the `flip` direction of the icon.
+     */
     flip?: IconFlip;
 }

package/common/models/icon-type.d.ts

@@ -2,4 +2,8 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the `IconType` for icons.
+ * Use `IconType` to set how the icon renders.
+ */
 export type IconType = 'font' | 'svg';

package/common/models/size.d.ts

@@ -3,17 +3,17 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the size of the icon.
+ * Specifies the `IconSize` of the icon.
  *
- * The possible values are:
- * * `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
- * * `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
- * * `small`—Font-size: 14px; Width: 14px; Height: 14px.
- * * `medium`—Font-size: 16px; Width: 16px; Height: 16px.
- * * `large`—Font-size: 20px; Width: 20px; Height: 20px.
- * * `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
- * * `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
- * * `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
+ * Use this type to set the icon size. The possible values are:
+ * - `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
+ * - `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
+ * - `small`—Font-size: 14px; Width: 14px; Height: 14px.
+ * - `medium`—Font-size: 16px; Width: 16px; Height: 16px.
+ * - `large`—Font-size: 20px; Width: 20px; Height: 20px.
+ * - `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
+ * - `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
+ * - `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
  *
  */
 export type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';

package/common/models/theme-color.d.ts

@@ -3,20 +3,20 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the theme color of the Icon.
+ * Specifies the `IconThemeColor` of the icon.
  *
- * The possible values are:
- * * `inherit` (Default)—Applies coloring based on the current color.
- * * `primary` —Applies coloring based on primary theme color.
- * * `secondary`—Applies coloring based on secondary theme color.
- * * `tertiary`— Applies coloring based on tertiary theme color.
- * * `info`—Applies coloring based on info theme color.
- * * `success`— Applies coloring based on success theme color.
- * * `warning`— Applies coloring based on warning theme color.
- * * `error`— Applies coloring based on error theme color.
- * * `dark`— Applies coloring based on dark theme color.
- * * `light`— Applies coloring based on light theme color.
- * * `inverse`— Applies coloring based on inverse theme color.
+ * Use this type to set the icon theme color. The possible values are:
+ * - `inherit` (Default)—Applies coloring based on the current color.
+ * - `primary` —Applies coloring based on primary theme color.
+ * - `secondary`—Applies coloring based on secondary theme color.
+ * - `tertiary`— Applies coloring based on tertiary theme color.
+ * - `info`—Applies coloring based on info theme color.
+ * - `success`— Applies coloring based on success theme color.
+ * - `warning`— Applies coloring based on warning theme color.
+ * - `error`— Applies coloring based on error theme color.
+ * - `dark`— Applies coloring based on dark theme color.
+ * - `light`— Applies coloring based on light theme color.
+ * - `inverse`— Applies coloring based on inverse theme color.
  *
  */
 export type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/directives.d.ts

@@ -5,14 +5,56 @@
 import { IconComponent } from "./icon/icon.component";
 import { SVGIconComponent } from "./svg-icon/svg-icon.component";
 /**
- * Utility array that contains all `KendoIcon` related components and directives
+ * Represents the utility array that contains all `KendoIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_ICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export declare const KENDO_ICON: readonly [typeof IconComponent];
 /**
- * Utility array that contains all `KendoSVGIcon` related components and directives
+ * Represents the utility array that contains all `KendoSVGIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SVGICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_SVGICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export declare const KENDO_SVGICON: readonly [typeof SVGIconComponent];
 /**
- * Utility array that contains all `@progress/kendo-angular-icons` related components and directives
+ * Represents the utility array that contains all `@progress/kendo-angular-icons`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component, ViewEncapsulation } from '@angular/core';
+ * import { KENDO_ICONS } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICONS],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export declare const KENDO_ICONS: readonly [typeof IconComponent, typeof SVGIconComponent];

package/esm2022/common/icon-base.mjs

@@ -29,25 +29,11 @@ export class IconBaseDirective {
         return this.flip === 'vertical' || this.flip === 'both';
     }
     /**
-     * Flips the icon horizontally, vertically or in both directions.
+     * Flips the icon horizontally, vertically, or in both directions.
      */
     flip;
     /**
-     * Specifies the theme color for the Icon.
-     *
-     * The possible values are:
-     * * `inherit` (Default)—Applies coloring based on the current color.
-     * * `primary` —Applies coloring based on primary theme color.
-     * * `secondary`—Applies coloring based on secondary theme color.
-     * * `tertiary`— Applies coloring based on tertiary theme color.
-     * * `info`—Applies coloring based on info theme color.
-     * * `success`— Applies coloring based on success theme color.
-     * * `warning`— Applies coloring based on warning theme color.
-     * * `error`— Applies coloring based on error theme color.
-     * * `dark`— Applies coloring based on dark theme color.
-     * * `light`— Applies coloring based on light theme color.
-     * * `inverse`— Applies coloring based on inverse theme color.
-     *
+     * Sets the `IconThemeColor` for the icon. Use this property to apply a theme color.
      */
     set themeColor(themeColor) {
         const element = this.element.nativeElement;
@@ -65,18 +51,7 @@ export class IconBaseDirective {
         return this._themeColor;
     }
     /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
-     * * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
-     * * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
-     * * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
-     * * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
-     *
+     * Sets the `IconSize` for the icon. Use this property to change the icon size.
      */
     set size(size) {
         const currentClass = sizeClasses[this.size];

package/esm2022/common/icon-settings.mjs

@@ -4,17 +4,17 @@
 *-------------------------------------------------------------------------------------------*/
 import { InjectionToken } from '@angular/core';
 /**
- * A token that specifies the [IconSettings](slug:api_icons_iconsettings) of the Kendo UI for Angular components ([see example](slug:icon_settings#toc-icons-configuration)).
+ * Represents the token for the `IconSettings` of Kendo UI for Angular components.
+ * Use this token to configure icon settings. ([See example.](slug:icon_settings#toc-icons-configuration))
  *
- * ```ts
+ * @example
+ * ```typescript
  * import { NgModule } from '@angular/core';
  *
  * @NgModule({
- * ...
- * providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' }}]
+ *   providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' } }]
  * })
  * export class AppModule {}
  * ```
- *
  */
 export const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');

package/esm2022/common/icon-settings.service.mjs

@@ -6,8 +6,15 @@ import { Injectable } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
- * A service that returns the current icon settings to be used in subscribers.
- * Use the public `notify` method to change the icon settings dynamically.
+ * Represents the service that manages icon settings.
+ * Use the `notify` method to update icon settings dynamically.
+ *
+ * @example
+ * ```typescript
+ * constructor(private iconSettingsService: IconSettingsService) {}
+ *
+ * this.iconSettingsService.notify({ themeColor: 'primary' });
+ * ```
  */
 export class IconSettingsService {
     /**
@@ -15,9 +22,13 @@ export class IconSettingsService {
      */
     changes = new Subject();
     /**
-     * Notifies subscribers that the icon settings were changed.
+     * Notifies subscribers about changes in the icon settings.
      *
-     * @param iconSettings - (Optional) A new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     * @param iconSettings - (Optional) Sets a new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     * @example
+     * ```typescript
+     * iconSettingsService.notify({ size: 'large' });
+     * ```
      */
     notify(iconSettings) {
         this.changes.next(iconSettings);

package/esm2022/common/icons.service.mjs

@@ -13,21 +13,19 @@ import * as i0 from "@angular/core";
 import * as i1 from "./icon-settings.service";
 const DEFAULT_ICON_SETTINGS = { type: 'svg' };
 /**
- * The service responsible for handling changes in the icons settings. Should be included in the providers array when implementing the functionality in a standalone component.
+ * Represents the service that manages icon settings.
+ * Add this service to the `providers` array when you use it in a standalone component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the IconsService
+ * ```typescript
  * import { IconsService } from '@progress/kendo-angular-icons';
  *
- * // Define a standalone component
  * @Component({
- *  selector: my-component,
- *  standalone: true,
- *  imports: [ ... ],
- *  providers: [IconsService, { provide: ICON_SETTINGS , useValue: { type: 'font' } }],
- *  template: ...
+ *   selector: 'my-component',
+ *   standalone: true,
+ *   imports: [ ... ],
+ *   providers: [IconsService, { provide: ICON_SETTINGS, useValue: { type: 'font' } }],
+ *   template: `...`
  * })
  * export class AppComponent {}
  * ```
@@ -36,7 +34,7 @@ export class IconsService {
     _iconSettings;
     iconSettingsService;
     /**
-     * Notifies subscribers of the initial icon settings, and upon each call to `notify`.
+     * Notifies subscribers of the initial icon settings and on each call to `notify`.
      * @hidden
      */
     changes = new BehaviorSubject(this.iconSettings || DEFAULT_ICON_SETTINGS);

package/esm2022/directives.mjs

@@ -5,19 +5,61 @@
 import { IconComponent } from "./icon/icon.component";
 import { SVGIconComponent } from "./svg-icon/svg-icon.component";
 /**
- * Utility array that contains all `KendoIcon` related components and directives
+ * Represents the utility array that contains all `KendoIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_ICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export const KENDO_ICON = [
     IconComponent
 ];
 /**
- * Utility array that contains all `KendoSVGIcon` related components and directives
+ * Represents the utility array that contains all `KendoSVGIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SVGICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_SVGICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export const KENDO_SVGICON = [
     SVGIconComponent
 ];
 /**
- * Utility array that contains all `@progress/kendo-angular-icons` related components and directives
+ * Represents the utility array that contains all `@progress/kendo-angular-icons`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component, ViewEncapsulation } from '@angular/core';
+ * import { KENDO_ICONS } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICONS],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export const KENDO_ICONS = [
     ...KENDO_ICON,

package/esm2022/icon/icon.component.mjs

@@ -7,7 +7,12 @@ import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { IconBaseDirective } from '../common/icon-base';
 import * as i0 from "@angular/core";
 /**
- * Represents the Kendo UI Icon component for Angular.
+ * Represents the Icon component for Angular.
+ *
+ * @example
+ * ```html
+ * <kendo-icon name="home"></kendo-icon>
+ * ```
  */
 export class IconComponent extends IconBaseDirective {
     element;
@@ -15,8 +20,7 @@ export class IconComponent extends IconBaseDirective {
     hostClass = true;
     hostAriaHidden = true;
     /**
-     * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
-     * All [Kendo UI Icons](slug:icon_list) are supported.
+     * Sets the `Icon` to render. Supports all [Kendo UI Icons](slug:icon_list).
      */
     set name(name) {
         if (isDocumentAvailable()) {

package/esm2022/icon-wrapper/icon-wrapper.component.mjs

@@ -18,37 +18,24 @@ export class IconWrapperComponent {
     element;
     hostClass = true;
     /**
-     * Defines the name for an existing font icon in a Kendo UI theme, which will be rendered.
-     * All [Kendo UI Icons](slug:icons#icons-list) are supported.
+     * Sets the name for an existing font icon in a Kendo UI theme to render.
+     * Supports all [Kendo UI Icons](slug:icons#icons-list).
      */
     name;
     /**
-     * Defines an [SVGIcon](slug:api_icons_svgicon) to be rendered.
+     * Sets the [SVGIcon](slug:api_icons_svgicon) to render.
      */
     svgIcon;
     /**
-     * Provided by consuming components in case an additional k-specific class needs to be rendered
-     * on the internal Icon component.
+     * Sets an additional class on the internal Icon component.
      */
     innerCssClass = '';
     /**
-     * Provided by consuming components in case a custom font icon class is set
-     * by the developer using the consuming component through its API.
+     * Sets a custom font icon class using the API of the consuming component.
      */
     customFontClass = '';
     /**
-     * Specifies the size of the Icon.
-     *
-     * The possible values are:
-     * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-     * * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
-     * * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
-     * * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
-     * * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
-     * * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
-     * * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
-     * * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
-     *
+     * Sets the `IconSize` for the icon.
      */
     size;
     get customClasses() {