@ascentgl/ads-icons 21.3.0 → 21.5.0

package/fesm2022/ascentgl-ads-icons.mjs

@@ -19,10 +19,10 @@ class AdsIconRegistry {
         }
         return this.registry.get(iconName);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconRegistry, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconRegistry, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconRegistry, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -63,6 +63,7 @@ class AdsIconComponent {
             white: '--color-white',
             'dark-50': '--color-dark-50',
             dark: '--color-dark',
+            light: '--color-light',
             link: '--color-link',
             secondaryHover: '--color-secondary-hover',
         };
@@ -138,10 +139,10 @@ class AdsIconComponent {
     getSvgElement() {
         return this.element.nativeElement.querySelector('svg');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconComponent, deps: [{ token: i0.ElementRef }, { token: AdsIconRegistry }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: AdsIconComponent, isStandalone: false, selector: "ads-icon", inputs: { size: "size", name: "name", color: "color", theme: "theme", stroke: "stroke" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;fill:currentColor}:host ::ng-deep [data-no-fill]{fill:none!important}:host ::ng-deep [data-no-stroke]{stroke:none!important}:host ::ng-deep [data-stroke-white]{stroke:var(--color-white)}:host ::ng-deep [data-fill-white]{fill:var(--color-white)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconComponent, deps: [{ token: i0.ElementRef }, { token: AdsIconRegistry }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AdsIconComponent, isStandalone: false, selector: "ads-icon", inputs: { size: "size", name: "name", color: "color", theme: "theme", stroke: "stroke" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;fill:currentColor}:host ::ng-deep [data-no-fill]{fill:none!important}:host ::ng-deep [data-no-stroke]{stroke:none!important}:host ::ng-deep [data-stroke-white]{stroke:var(--color-white)}:host ::ng-deep [data-fill-white]{fill:var(--color-white)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ads-icon', template: '', standalone: false, styles: [":host{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;fill:currentColor}:host ::ng-deep [data-no-fill]{fill:none!important}:host ::ng-deep [data-no-stroke]{stroke:none!important}:host ::ng-deep [data-stroke-white]{stroke:var(--color-white)}:host ::ng-deep [data-fill-white]{fill:var(--color-white)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: AdsIconRegistry }, { type: i0.Renderer2 }], propDecorators: { size: [{
@@ -157,11 +158,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
             }] } });
 
 class AdsIconModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsIconModule, declarations: [AdsIconComponent], exports: [AdsIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule, declarations: [AdsIconComponent], exports: [AdsIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsIconModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AdsIconComponent],

package/fesm2022/ascentgl-ads-icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ascentgl-ads-icons.mjs","sources":["../../../../libs/ads-icons/src/lib/ads-icon-registry.service.ts","../../../../libs/ads-icons/src/lib/ads-icon.component.ts","../../../../libs/ads-icons/src/lib/ads-icon.module.ts","../../../../libs/ads-icons/src/public-api.ts","../../../../libs/ads-icons/src/ascentgl-ads-icons.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { AdsIcon } from '@ascentgl/ads-icons/icons';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AdsIconRegistry {\n  private registry = new Map<string, string>();\n\n  public register(icons: AdsIcon | AdsIcon[]): void {\n    if (Array.isArray(icons)) {\n      icons.forEach((icon: AdsIcon) => this.registry.set(icon.name, icon.data));\n    } else {\n      this.registry.set(icons.name, icons.data);\n    }\n  }\n\n  public get(iconName: string): string | undefined {\n    if (!this.registry.has(iconName)) {\n      console.warn(`Could not find a Ads Icon with the name ${iconName}. Did you add it to the icon registry?`);\n    }\n\n    return this.registry.get(iconName);\n  }\n}\n","import { Component, ElementRef, Input, OnInit, Renderer2, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from './ads-icon-registry.service';\nimport { adsIcon } from '@ascentgl/ads-icons/icons';\n\ntype Sizes = {\n  xxl: string;\n  xl: string;\n  lg: string;\n  md: string;\n  sm: string;\n  xs: string;\n  xxs: string;\n  xxxs: string;\n  xxxxs: string;\n  auto: string;\n};\n\nexport type IconThemes = {\n  iconPrimary: string;\n  primary: string;\n  secondary: string;\n  secondaryHover: string;\n  success: string;\n  warn: string;\n  white: string;\n  'dark-50': string;\n  dark: string;\n  link: string;\n  'medium-50': string;\n};\n\n@Component({\n  selector: 'ads-icon',\n  template: '',\n  styleUrls: ['./ads-icon.component.scss'],\n  standalone: false,\n})\nexport class AdsIconComponent implements OnInit, OnChanges {\n  /**\n   * The size of the icon\n   */\n  @Input() size: keyof Sizes = 'md';\n  /**\n   * The icon name\n   */\n  @Input() name!: adsIcon;\n  /**\n   * The color of the icon\n   */\n  @Input() color?: string;\n\n  /**\n   * The icon theme\n   */\n  @Input() theme?: keyof IconThemes;\n  /**\n   * The icon stroke\n   */\n  @Input() stroke?: keyof IconThemes;\n\n  /** @ignore */\n  private sizes: Sizes = {\n    xxl: '128px',\n    xl: '64px',\n    lg: '48px',\n    md: '32px',\n    sm: '24px',\n    xs: '20px',\n    xxs: '14px',\n    xxxs: '12px',\n    xxxxs: '8px',\n    auto: 'auto',\n  };\n\n  /** @ignore */\n  private themes: IconThemes = {\n    iconPrimary: '--color-medium',\n    'medium-50': '--color-medium-50',\n    secondary: '--color-secondary',\n    success: '--color-success',\n    warn: '--color-error',\n    primary: '--color-primary',\n    white: '--color-white',\n    'dark-50': '--color-dark-50',\n    dark: '--color-dark',\n    link: '--color-link',\n    secondaryHover: '--color-secondary-hover',\n  };\n\n  /** @ignore */\n  constructor(\n    private element: ElementRef,\n    private registry: AdsIconRegistry,\n    private renderer: Renderer2,\n  ) {}\n\n  /** @ignore */\n  ngOnInit(): void {\n    this.renderIcon();\n  }\n\n  /** @ignore */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.size || changes.color || changes.theme || changes.stroke || changes.fill || changes.name) {\n      this.renderIcon();\n    }\n  }\n\n  /** @ignore */\n  private renderIcon(): void {\n    const iconSVG = this.registry.get(this.name);\n\n    if (iconSVG) {\n      this.element.nativeElement.innerHTML = iconSVG;\n      this.updateSize();\n      this.updateColor();\n      this.updateTheme();\n      this.updateStroke();\n    } else {\n      console.warn(`${this.name} is missing from the icon registry`);\n    }\n  }\n\n  /** @ignore */\n  private updateSize(): void {\n    const size = this.sizes[this.size];\n    this.renderer.setStyle(this.element.nativeElement, 'fontSize', size);\n    this.renderer.setStyle(this.element.nativeElement, 'width', size);\n    this.renderer.setStyle(this.element.nativeElement, 'height', size);\n\n    const svgElement = this.getSvgElement();\n    if (svgElement) {\n      this.renderer.setStyle(svgElement, 'width', size);\n      this.renderer.setStyle(svgElement, 'height', size);\n    }\n  }\n\n  /** @ignore */\n  private updateColor(): void {\n    if (this.color) {\n      const svg = this.element.nativeElement.querySelector('svg');\n      this.renderer.setStyle(svg, 'fill', `var(${this.color})`);\n    }\n  }\n\n  /** @ignore */\n  private updateTheme(): void {\n    if (this.theme) {\n      const themeColor = this.themes[this.theme];\n      if (themeColor) {\n        this.renderer.setStyle(this.element.nativeElement, 'color', `var(${themeColor})`);\n      } else {\n        console.warn(\n          `${this.theme} is not a valid ads-icon theme. Valid themes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white'`,\n        );\n      }\n    }\n  }\n\n  /** @ignore */\n  private updateStroke(): void {\n    if (this.stroke) {\n      const strokeColor = this.themes[this.stroke];\n      if (strokeColor) {\n        this.renderer.setStyle(this.element.nativeElement, 'stroke', `var(${strokeColor})`);\n      } else {\n        console.warn(\n          `${this.stroke} is not a valid ads-icon stroke. Valid strokes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white', 'dark-50', 'dark'`,\n        );\n      }\n    }\n  }\n\n  /** @ignore */\n  private getSvgElement(): SVGElement | null {\n    return this.element.nativeElement.querySelector('svg');\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { AdsIconComponent } from './ads-icon.component';\n\n@NgModule({\n  declarations: [AdsIconComponent],\n  exports: [AdsIconComponent],\n})\nexport class AdsIconModule {}\n","/*\n * Public API Surface of ads-icons\n */\n\nexport * from './lib/ads-icon-registry.service';\nexport * from './lib/ads-icon.component';\nexport * from './lib/ads-icon.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.AdsIconRegistry"],"mappings":"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"}
+{"version":3,"file":"ascentgl-ads-icons.mjs","sources":["../../../../libs/ads-icons/src/lib/ads-icon-registry.service.ts","../../../../libs/ads-icons/src/lib/ads-icon.component.ts","../../../../libs/ads-icons/src/lib/ads-icon.module.ts","../../../../libs/ads-icons/src/public-api.ts","../../../../libs/ads-icons/src/ascentgl-ads-icons.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { AdsIcon } from '@ascentgl/ads-icons/icons';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AdsIconRegistry {\n  private registry = new Map<string, string>();\n\n  public register(icons: AdsIcon | AdsIcon[]): void {\n    if (Array.isArray(icons)) {\n      icons.forEach((icon: AdsIcon) => this.registry.set(icon.name, icon.data));\n    } else {\n      this.registry.set(icons.name, icons.data);\n    }\n  }\n\n  public get(iconName: string): string | undefined {\n    if (!this.registry.has(iconName)) {\n      console.warn(`Could not find a Ads Icon with the name ${iconName}. Did you add it to the icon registry?`);\n    }\n\n    return this.registry.get(iconName);\n  }\n}\n","import { Component, ElementRef, Input, OnInit, Renderer2, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from './ads-icon-registry.service';\nimport { adsIcon } from '@ascentgl/ads-icons/icons';\n\ntype Sizes = {\n  xxl: string;\n  xl: string;\n  lg: string;\n  md: string;\n  sm: string;\n  xs: string;\n  xxs: string;\n  xxxs: string;\n  xxxxs: string;\n  auto: string;\n};\n\nexport type IconThemes = {\n  iconPrimary: string;\n  primary: string;\n  secondary: string;\n  secondaryHover: string;\n  success: string;\n  warn: string;\n  white: string;\n  'dark-50': string;\n  dark: string;\n  link: string;\n  'medium-50': string;\n  light: string;\n};\n\n@Component({\n  selector: 'ads-icon',\n  template: '',\n  styleUrls: ['./ads-icon.component.scss'],\n  standalone: false,\n})\nexport class AdsIconComponent implements OnInit, OnChanges {\n  /**\n   * The size of the icon\n   */\n  @Input() size: keyof Sizes = 'md';\n  /**\n   * The icon name\n   */\n  @Input() name!: adsIcon;\n  /**\n   * The color of the icon\n   */\n  @Input() color?: string;\n\n  /**\n   * The icon theme\n   */\n  @Input() theme?: keyof IconThemes;\n  /**\n   * The icon stroke\n   */\n  @Input() stroke?: keyof IconThemes;\n\n  /** @ignore */\n  private sizes: Sizes = {\n    xxl: '128px',\n    xl: '64px',\n    lg: '48px',\n    md: '32px',\n    sm: '24px',\n    xs: '20px',\n    xxs: '14px',\n    xxxs: '12px',\n    xxxxs: '8px',\n    auto: 'auto',\n  };\n\n  /** @ignore */\n  private themes: IconThemes = {\n    iconPrimary: '--color-medium',\n    'medium-50': '--color-medium-50',\n    secondary: '--color-secondary',\n    success: '--color-success',\n    warn: '--color-error',\n    primary: '--color-primary',\n    white: '--color-white',\n    'dark-50': '--color-dark-50',\n    dark: '--color-dark',\n    light: '--color-light',\n    link: '--color-link',\n    secondaryHover: '--color-secondary-hover',\n  };\n\n  /** @ignore */\n  constructor(\n    private element: ElementRef,\n    private registry: AdsIconRegistry,\n    private renderer: Renderer2,\n  ) {}\n\n  /** @ignore */\n  ngOnInit(): void {\n    this.renderIcon();\n  }\n\n  /** @ignore */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.size || changes.color || changes.theme || changes.stroke || changes.fill || changes.name) {\n      this.renderIcon();\n    }\n  }\n\n  /** @ignore */\n  private renderIcon(): void {\n    const iconSVG = this.registry.get(this.name);\n\n    if (iconSVG) {\n      this.element.nativeElement.innerHTML = iconSVG;\n      this.updateSize();\n      this.updateColor();\n      this.updateTheme();\n      this.updateStroke();\n    } else {\n      console.warn(`${this.name} is missing from the icon registry`);\n    }\n  }\n\n  /** @ignore */\n  private updateSize(): void {\n    const size = this.sizes[this.size];\n    this.renderer.setStyle(this.element.nativeElement, 'fontSize', size);\n    this.renderer.setStyle(this.element.nativeElement, 'width', size);\n    this.renderer.setStyle(this.element.nativeElement, 'height', size);\n\n    const svgElement = this.getSvgElement();\n    if (svgElement) {\n      this.renderer.setStyle(svgElement, 'width', size);\n      this.renderer.setStyle(svgElement, 'height', size);\n    }\n  }\n\n  /** @ignore */\n  private updateColor(): void {\n    if (this.color) {\n      const svg = this.element.nativeElement.querySelector('svg');\n      this.renderer.setStyle(svg, 'fill', `var(${this.color})`);\n    }\n  }\n\n  /** @ignore */\n  private updateTheme(): void {\n    if (this.theme) {\n      const themeColor = this.themes[this.theme];\n      if (themeColor) {\n        this.renderer.setStyle(this.element.nativeElement, 'color', `var(${themeColor})`);\n      } else {\n        console.warn(\n          `${this.theme} is not a valid ads-icon theme. Valid themes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white'`,\n        );\n      }\n    }\n  }\n\n  /** @ignore */\n  private updateStroke(): void {\n    if (this.stroke) {\n      const strokeColor = this.themes[this.stroke];\n      if (strokeColor) {\n        this.renderer.setStyle(this.element.nativeElement, 'stroke', `var(${strokeColor})`);\n      } else {\n        console.warn(\n          `${this.stroke} is not a valid ads-icon stroke. Valid strokes include: 'iconPrimary', 'primary', 'secondary', 'success', 'warn', 'white', 'dark-50', 'dark'`,\n        );\n      }\n    }\n  }\n\n  /** @ignore */\n  private getSvgElement(): SVGElement | null {\n    return this.element.nativeElement.querySelector('svg');\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { AdsIconComponent } from './ads-icon.component';\n\n@NgModule({\n  declarations: [AdsIconComponent],\n  exports: [AdsIconComponent],\n})\nexport class AdsIconModule {}\n","/*\n * Public API Surface of ads-icons\n */\n\nexport * from './lib/ads-icon-registry.service';\nexport * from './lib/ads-icon.component';\nexport * from './lib/ads-icon.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.AdsIconRegistry"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-icons",
-  "version": "21.3.0",
+  "version": "21.5.0",
   "description": "This library was generated with [Nx](https://nx.dev).",
   "main": "jest.config.js",
   "author": "Sergii Sichkar",

package/types/ascentgl-ads-icons-icons.d.ts

@@ -1,4 +1,4 @@
-type adsIcon = 'arrows' | 'arrow_down' | 'arrow_up' | 'arrow_up_and_down' | 'assembly_production_conveyer' | 'badge' | 'bar_graph' | 'bell' | 'bell_warning' | 'bookmark' | 'bookmark_filled' | 'box_check' | 'business_briefcase' | 'calendar' | 'canada_flag' | 'calendar_check' | 'calendar_star' | 'caret_down_2' | 'caret_up_2' | 'chemicals_hazard' | 'check' | 'check_circle' | 'check_circle_filled' | 'checklist' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'circle_filled' | 'circle_no_filled' | 'cross' | 'cross_circle' | 'cross_circle_filled' | 'cross_v2' | 'dashboard' | 'datepicker' | 'download' | 'drag' | 'edit_dashboard' | 'essentials' | 'exclamation' | 'file_complete' | 'file_multi' | 'file_pdf' | 'file_signature' | 'file_tariff' | 'flame_fire' | 'flight' | 'filter' | 'france_flag' | 'front_truck' | 'freight_container' | 'gear' | 'germany_flag' | 'globe' | 'graph' | 'hamburger_menu' | 'heart' | 'image' | 'information' | 'italy_flag' | 'japan_flag' | 'loading' | 'location_filled' | 'lock' | 'logout' | 'list' | 'mail_envelope' | 'mail_forward' | 'map' | 'menu_more_info' | 'medal' | 'minus' | 'minus_circle' | 'mexican_flag' | 'news_document' | 'order' | 'order_management' | 'paper_clip' | 'pencil' | 'pending' | 'phone' | 'plus' | 'plus_circle' | 'print' | 'portugal_flag' | 'reply' | 'reply_all' | 'reporting' | 'route' | 'ruler' | 'search' | 'settings' | 'search_file' | 'ship' | 'shipment' | 'sort_ascending' | 'sort_descending' | 'sort_filled' | 'sort_rearrange' | 'star' | 'star_25' | 'star_50' | 'star_75' | 'star_full' | 'status_new' | 'status_processing' | 'south_korea_flag' | 'spain_flag' | 'stepper_circle' | 'table' | 'thumbs_up_opportunities' | 'timepicker' | 'tools' | 'train' | 'truck' | 'truck_dolly' | 'truck_fast' | 'us_flag' | 'user' | 'user_circle' | 'users' | 'vendor_management' | 'visibility_eye' | 'visibility_eye_none' | 'warehouse' | 'exit' | 'warning' | 'warning_reversed' | 'communication_chat_bubble' | 'donut_chart';
+type adsIcon = 'arrows' | 'arrow_down' | 'arrow_up' | 'arrow_up_and_down' | 'assembly_production_conveyer' | 'badge' | 'bar_graph' | 'bell' | 'bell_warning' | 'bookmark' | 'bookmark_filled' | 'box_check' | 'business_briefcase' | 'calendar' | 'canada_flag' | 'calendar_check' | 'calendar_star' | 'caret_down_2' | 'caret_up_2' | 'chemicals_hazard' | 'check' | 'check_circle' | 'check_circle_filled' | 'checklist' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'circle_filled' | 'circle_no_filled' | 'cross' | 'cross_circle' | 'cross_circle_filled' | 'cross_v2' | 'dashboard' | 'datepicker' | 'download' | 'drag' | 'edit_dashboard' | 'essentials' | 'exclamation' | 'file_complete' | 'file_multi' | 'file_pdf' | 'file_signature' | 'file_tariff' | 'flame_fire' | 'flight' | 'filter' | 'france_flag' | 'front_truck' | 'freight_container' | 'gear' | 'germany_flag' | 'globe' | 'graph' | 'hamburger_menu' | 'heart' | 'image' | 'information' | 'italy_flag' | 'japan_flag' | 'loading' | 'location_filled' | 'lock' | 'logout' | 'list' | 'mail_envelope' | 'mail_forward' | 'map' | 'menu_more_info' | 'medal' | 'minus' | 'minus_circle' | 'mexican_flag' | 'news_document' | 'order' | 'order_management' | 'paper_clip' | 'pencil' | 'pending' | 'phone' | 'plus' | 'plus_circle' | 'print' | 'portugal_flag' | 'reply' | 'reply_all' | 'reporting' | 'route' | 'ruler' | 'search' | 'settings' | 'search_file' | 'ship' | 'shipment' | 'sort_ascending' | 'sort_descending' | 'sort_filled' | 'sort_rearrange' | 'star' | 'star_25' | 'star_50' | 'star_75' | 'star_full' | 'status_new' | 'status_processing' | 'south_korea_flag' | 'spain_flag' | 'stepper_circle' | 'table' | 'thumbs_up_opportunities' | 'timepicker' | 'tools' | 'train' | 'trash' | 'truck' | 'truck_dolly' | 'truck_fast' | 'us_flag' | 'user' | 'user_circle' | 'users' | 'vendor_management' | 'visibility_eye' | 'visibility_eye_none' | 'warehouse' | 'exit' | 'warning' | 'warning_reversed' | 'communication_chat_bubble' | 'donut_chart';
 interface AdsIcon {
     name: adsIcon;
     data: string;
@@ -609,6 +609,11 @@ declare const adsIconFreightContainer: {
     data: string;
 };
 
+declare const adsIconTrash: {
+    name: 'trash';
+    data: string;
+};
+
 declare const adsIconUser: {
     name: 'user';
     data: string;
@@ -651,5 +656,5 @@ declare const adsIconPending: {
 
 type AdsIconNameSubset<T extends Readonly<AdsIcon[]>> = T[number]['name'];
 
-export { adsIconArrowDown, adsIconArrowUp, adsIconArrowUpAndDown, adsIconArrows, adsIconAssemblyProductionConveyer, adsIconBadge, adsIconBarGraph, adsIconBell, adsIconBellWarning, adsIconBookmark, adsIconBookmarkFilled, adsIconBoxCheck, adsIconBusinessBriefcase, adsIconCalendar, adsIconCalendarCheck, adsIconCalendarStar, adsIconCanadaFlag, adsIconCaretDown2, adsIconCaretUp2, adsIconCheck, adsIconCheckCircle, adsIconCheckCircleFilled, adsIconChecklist, adsIconChemicals_Hazard, adsIconChevronDown, adsIconChevronLeft, adsIconChevronRight, adsIconChevronUp, adsIconCircleFilled, adsIconCircleNoFilled, adsIconCommunication_Chat_Bubble, adsIconCross, adsIconCrossCircle, adsIconCrossCircleFilled, adsIconDashboard, adsIconDatepicker, adsIconDonut_Chart, adsIconDownload, adsIconDrag, adsIconEditDashboard, adsIconEssentials, adsIconExclamation, adsIconExit, adsIconFileComplete, adsIconFileMulti, adsIconFilePdf, adsIconFileSignature, adsIconFileTariff, adsIconFilter, adsIconFlameFire, adsIconFlight, adsIconFranceFlag, adsIconFreightContainer, adsIconFrontTruck, adsIconGear, adsIconGermanyFlag, adsIconGlobe, adsIconGraph, adsIconHamburgerMenu, adsIconHeart, adsIconImage, adsIconInformation, adsIconItalyFlag, adsIconJapanFlag, adsIconList, adsIconLoading, adsIconLocationFilled, adsIconLock, adsIconLogout, adsIconMailEnvelope, adsIconMailForward, adsIconMap, adsIconMedal, adsIconMenuMoreInfo, adsIconMexicanFlag, adsIconMinusCircle, adsIconNewsDocument, adsIconOM, adsIconOrder, adsIconPaperClip, adsIconPencil, adsIconPending, adsIconPhone, adsIconPlus, adsIconPlusCircle, adsIconPortugalFlag, adsIconPrint, adsIconReply, adsIconReplyAll, adsIconReporting, adsIconRoute, adsIconRuler, adsIconSearch, adsIconSearchFile, adsIconSettings, adsIconShip, adsIconShipment, adsIconSortAscending, adsIconSortDescending, adsIconSortFilled, adsIconSortRearrange, adsIconSouthKoreaFlag, adsIconSpainFlag, adsIconStar, adsIconStar25, adsIconStar50, adsIconStar75, adsIconStarFull, adsIconStatusNew, adsIconStatusProcessing, adsIconStepperCircle, adsIconTable, adsIconThumbsUpOpportunities, adsIconTimepicker, adsIconTools, adsIconTrain, adsIconTruck, adsIconTruckDolly, adsIconTruckFast, adsIconUSFlag, adsIconUser, adsIconUserCircle, adsIconUsers, adsIconVendorManagement, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconWarehouse, adsIconWarning, adsIconWarningReversed };
+export { adsIconArrowDown, adsIconArrowUp, adsIconArrowUpAndDown, adsIconArrows, adsIconAssemblyProductionConveyer, adsIconBadge, adsIconBarGraph, adsIconBell, adsIconBellWarning, adsIconBookmark, adsIconBookmarkFilled, adsIconBoxCheck, adsIconBusinessBriefcase, adsIconCalendar, adsIconCalendarCheck, adsIconCalendarStar, adsIconCanadaFlag, adsIconCaretDown2, adsIconCaretUp2, adsIconCheck, adsIconCheckCircle, adsIconCheckCircleFilled, adsIconChecklist, adsIconChemicals_Hazard, adsIconChevronDown, adsIconChevronLeft, adsIconChevronRight, adsIconChevronUp, adsIconCircleFilled, adsIconCircleNoFilled, adsIconCommunication_Chat_Bubble, adsIconCross, adsIconCrossCircle, adsIconCrossCircleFilled, adsIconDashboard, adsIconDatepicker, adsIconDonut_Chart, adsIconDownload, adsIconDrag, adsIconEditDashboard, adsIconEssentials, adsIconExclamation, adsIconExit, adsIconFileComplete, adsIconFileMulti, adsIconFilePdf, adsIconFileSignature, adsIconFileTariff, adsIconFilter, adsIconFlameFire, adsIconFlight, adsIconFranceFlag, adsIconFreightContainer, adsIconFrontTruck, adsIconGear, adsIconGermanyFlag, adsIconGlobe, adsIconGraph, adsIconHamburgerMenu, adsIconHeart, adsIconImage, adsIconInformation, adsIconItalyFlag, adsIconJapanFlag, adsIconList, adsIconLoading, adsIconLocationFilled, adsIconLock, adsIconLogout, adsIconMailEnvelope, adsIconMailForward, adsIconMap, adsIconMedal, adsIconMenuMoreInfo, adsIconMexicanFlag, adsIconMinusCircle, adsIconNewsDocument, adsIconOM, adsIconOrder, adsIconPaperClip, adsIconPencil, adsIconPending, adsIconPhone, adsIconPlus, adsIconPlusCircle, adsIconPortugalFlag, adsIconPrint, adsIconReply, adsIconReplyAll, adsIconReporting, adsIconRoute, adsIconRuler, adsIconSearch, adsIconSearchFile, adsIconSettings, adsIconShip, adsIconShipment, adsIconSortAscending, adsIconSortDescending, adsIconSortFilled, adsIconSortRearrange, adsIconSouthKoreaFlag, adsIconSpainFlag, adsIconStar, adsIconStar25, adsIconStar50, adsIconStar75, adsIconStarFull, adsIconStatusNew, adsIconStatusProcessing, adsIconStepperCircle, adsIconTable, adsIconThumbsUpOpportunities, adsIconTimepicker, adsIconTools, adsIconTrain, adsIconTrash, adsIconTruck, adsIconTruckDolly, adsIconTruckFast, adsIconUSFlag, adsIconUser, adsIconUserCircle, adsIconUsers, adsIconVendorManagement, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconWarehouse, adsIconWarning, adsIconWarningReversed };
 export type { AdsIcon, AdsIconNameSubset, adsIcon };

package/types/ascentgl-ads-icons.d.ts

@@ -34,6 +34,7 @@ type IconThemes = {
     dark: string;
     link: string;
     'medium-50': string;
+    light: string;
 };
 declare class AdsIconComponent implements OnInit, OnChanges {
     private element;