@ds-mo/ui 2.11.2 → 2.13.0

package/src/angular/proxies.ts

@@ -7,34 +7,6 @@ import { ProxyCmp } from './angular-component-lib/utils';
 import { Components } from '@ds-mo/ui';
 
 
-@ProxyCmp({
-  inputs: ['expandedIds', 'items', 'multiple']
-})
-@Component({
-  selector: 'ds-accordion',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['expandedIds', 'items', 'multiple'],
-  outputs: ['dsExpandedChange'],
-  standalone: false
-})
-export class DsAccordion {
-  protected el: HTMLDsAccordionElement;
-  @Output() dsExpandedChange = new EventEmitter<CustomEvent<string[]>>();
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface DsAccordion extends Components.DsAccordion {
-
-  dsExpandedChange: EventEmitter<CustomEvent<string[]>>;
-}
-
-
 @ProxyCmp({
   inputs: ['gradient', 'gradientPreset', 'gradientSrc', 'navStyle', 'shortcutsEnabled']
 })
@@ -140,20 +112,21 @@ export declare interface DsBarNav extends Components.DsBarNav {
 
 
 @ProxyCmp({
-  inputs: ['items', 'separator']
+  inputs: ['ariaLabel', 'contrast', 'icon', 'intent', 'isInactive', 'label', 'size', 'type', 'variant', 'width'],
+  methods: ['setFocus']
 })
 @Component({
-  selector: 'ds-breadcrumb',
+  selector: 'ds-button-filled',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['items', 'separator'],
-  outputs: ['dsNavigate'],
+  inputs: ['ariaLabel', 'contrast', 'icon', 'intent', 'isInactive', 'label', 'size', 'type', 'variant', 'width'],
+  outputs: ['dsClick'],
   standalone: false
 })
-export class DsBreadcrumb {
-  protected el: HTMLDsBreadcrumbElement;
-  @Output() dsNavigate = new EventEmitter<CustomEvent<{ item: IDsBreadcrumbBreadcrumbItem; index: number }>>();
+export class DsButtonFilled {
+  protected el: HTMLDsButtonFilledElement;
+  @Output() dsClick = new EventEmitter<CustomEvent<MouseEvent>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
@@ -161,30 +134,29 @@ export class DsBreadcrumb {
 }
 
 
-import type { BreadcrumbItem as IDsBreadcrumbBreadcrumbItem } from '@ds-mo/ui';
-
-export declare interface DsBreadcrumb extends Components.DsBreadcrumb {
+export declare interface DsButtonFilled extends Components.DsButtonFilled {
 
-  dsNavigate: EventEmitter<CustomEvent<{ item: IDsBreadcrumbBreadcrumbItem; index: number }>>;
+  dsClick: EventEmitter<CustomEvent<MouseEvent>>;
 }
 
 
 @ProxyCmp({
-  inputs: ['ariaLabel', 'contrast', 'icon', 'inactive', 'intent', 'type'],
+  inputs: ['activeFill', 'ariaLabel', 'background', 'backgroundContrast', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'haspopup', 'icon', 'isActive', 'isInactive', 'label', 'pressed', 'size', 'type', 'variant', 'width'],
   methods: ['setFocus']
 })
 @Component({
-  selector: 'ds-button-filled',
+  selector: 'ds-button-unfilled',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['ariaLabel', 'contrast', 'icon', 'inactive', 'intent', 'type'],
-  outputs: ['dsClick'],
+  inputs: ['activeFill', 'ariaLabel', 'background', 'backgroundContrast', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'haspopup', 'icon', 'isActive', 'isInactive', 'label', 'pressed', 'size', 'type', 'variant', 'width'],
+  outputs: ['dsClick', 'dsChange'],
   standalone: false
 })
-export class DsButtonFilled {
-  protected el: HTMLDsButtonFilledElement;
+export class DsButtonUnfilled {
+  protected el: HTMLDsButtonUnfilledElement;
   @Output() dsClick = new EventEmitter<CustomEvent<MouseEvent>>();
+  @Output() dsChange = new EventEmitter<CustomEvent<boolean>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
@@ -192,29 +164,27 @@ export class DsButtonFilled {
 }
 
 
-export declare interface DsButtonFilled extends Components.DsButtonFilled {
+export declare interface DsButtonUnfilled extends Components.DsButtonUnfilled {
 
   dsClick: EventEmitter<CustomEvent<MouseEvent>>;
+
+  dsChange: EventEmitter<CustomEvent<boolean>>;
 }
 
 
 @ProxyCmp({
-  inputs: ['activeFill', 'ariaLabel', 'background', 'backgroundContrast', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'haspopup', 'icon', 'inactive', 'isActive', 'pressed', 'type'],
-  methods: ['setFocus']
+  inputs: ['appearance', 'cardWidth', 'heading']
 })
 @Component({
-  selector: 'ds-button-unfilled-icon',
+  selector: 'ds-card',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['activeFill', 'ariaLabel', 'background', 'backgroundContrast', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'haspopup', 'icon', 'inactive', 'isActive', 'pressed', 'type'],
-  outputs: ['dsClick', 'dsChange'],
+  inputs: ['appearance', 'cardWidth', { name: 'heading', required: true }],
   standalone: false
 })
-export class DsButtonUnfilledIcon {
-  protected el: HTMLDsButtonUnfilledIconElement;
-  @Output() dsClick = new EventEmitter<CustomEvent<MouseEvent>>();
-  @Output() dsChange = new EventEmitter<CustomEvent<boolean>>();
+export class DsCard {
+  protected el: HTMLDsCardElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
@@ -222,27 +192,24 @@ export class DsButtonUnfilledIcon {
 }
 
 
-export declare interface DsButtonUnfilledIcon extends Components.DsButtonUnfilledIcon {
-
-  dsClick: EventEmitter<CustomEvent<MouseEvent>>;
-
-  dsChange: EventEmitter<CustomEvent<boolean>>;
-}
+export declare interface DsCard extends Components.DsCard {}
 
 
 @ProxyCmp({
   inputs: ['cardWidth', 'heading']
 })
 @Component({
-  selector: 'ds-card-data-viz',
+  selector: 'ds-card-data-viz-donut',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
   inputs: ['cardWidth', { name: 'heading', required: true }],
+  outputs: ['dsFilterClick'],
   standalone: false
 })
-export class DsCardDataViz {
-  protected el: HTMLDsCardDataVizElement;
+export class DsCardDataVizDonut {
+  protected el: HTMLDsCardDataVizDonutElement;
+  @Output() dsFilterClick = new EventEmitter<CustomEvent<void>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
@@ -250,7 +217,12 @@ export class DsCardDataViz {
 }
 
 
-export declare interface DsCardDataViz extends Components.DsCardDataViz {}
+export declare interface DsCardDataVizDonut extends Components.DsCardDataVizDonut {
+  /**
+   * Emits when the header filter control is activated.
+   */
+  dsFilterClick: EventEmitter<CustomEvent<void>>;
+}
 
 
 @ProxyCmp({
@@ -399,14 +371,14 @@ export declare interface DsChartLine extends Components.DsChartLine {}
 
 
 @ProxyCmp({
-  inputs: ['checked', 'inactive', 'indeterminate', 'label']
+  inputs: ['checked', 'indeterminate', 'isInactive', 'label']
 })
 @Component({
   selector: 'ds-checkbox',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['checked', 'inactive', 'indeterminate', { name: 'label', required: true }],
+  inputs: ['checked', 'indeterminate', 'isInactive', { name: 'label', required: true }],
   outputs: ['dsChange'],
   standalone: false
 })
@@ -427,22 +399,20 @@ export declare interface DsCheckbox extends Components.DsCheckbox {
 
 
 @ProxyCmp({
-  inputs: ['background', 'contrast', 'elevation', 'inactive', 'intent', 'label', 'maxWidth', 'pressed', 'removable', 'rounded', 'size']
+  inputs: ['background', 'isInactive', 'label', 'maxWidth', 'removable', 'rounded', 'size', 'state']
 })
 @Component({
   selector: 'ds-chip',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['background', 'contrast', 'elevation', 'inactive', 'intent', { name: 'label', required: true }, 'maxWidth', 'pressed', 'removable', 'rounded', 'size'],
-  outputs: ['dsRemove', 'dsClick', 'dsPressedChange'],
+  inputs: ['background', 'isInactive', { name: 'label', required: true }, 'maxWidth', 'removable', 'rounded', 'size', 'state'],
+  outputs: ['dsRemove'],
   standalone: false
 })
 export class DsChip {
   protected el: HTMLDsChipElement;
   @Output() dsRemove = new EventEmitter<CustomEvent<void>>();
-  @Output() dsClick = new EventEmitter<CustomEvent<void>>();
-  @Output() dsPressedChange = new EventEmitter<CustomEvent<boolean>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
@@ -455,14 +425,6 @@ export declare interface DsChip extends Components.DsChip {
    * Fired when the remove button is clicked.
    */
   dsRemove: EventEmitter<CustomEvent<void>>;
-  /**
-   * Fired when an interactive chip is clicked.
-   */
-  dsClick: EventEmitter<CustomEvent<void>>;
-  /**
-   * Fired when the pressed state toggles.
-   */
-  dsPressedChange: EventEmitter<CustomEvent<boolean>>;
 }
 
 
@@ -512,29 +474,6 @@ export class DsEmptyState {
 export declare interface DsEmptyState extends Components.DsEmptyState {}
 
 
-@ProxyCmp({
-  inputs: ['height', 'side', 'size', 'visible']
-})
-@Component({
-  selector: 'ds-fade',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['height', 'side', 'size', 'visible'],
-  standalone: false
-})
-export class DsFade {
-  protected el: HTMLDsFadeElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface DsFade extends Components.DsFade {}
-
-
 @ProxyCmp({
   inputs: ['fieldId', 'label']
 })
@@ -558,29 +497,6 @@ export class DsField {
 export declare interface DsField extends Components.DsField {}
 
 
-@ProxyCmp({
-  inputs: ['background', 'heading']
-})
-@Component({
-  selector: 'ds-header',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['background', 'heading'],
-  standalone: false
-})
-export class DsHeader {
-  protected el: HTMLDsHeaderElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface DsHeader extends Components.DsHeader {}
-
-
 @ProxyCmp({
   inputs: ['color', 'flag', 'label', 'name', 'size']
 })
@@ -605,7 +521,7 @@ export declare interface DsIcon extends Components.DsIcon {}
 
 
 @ProxyCmp({
-  inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'error', 'errorMessage', 'inactive', 'inputId', 'placeholder', 'type', 'value'],
+  inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'error', 'errorMessage', 'inputId', 'isInactive', 'placeholder', 'type', 'value'],
   methods: ['setFocus']
 })
 @Component({
@@ -613,7 +529,7 @@ export declare interface DsIcon extends Components.DsIcon {}
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'error', 'errorMessage', 'inactive', 'inputId', 'placeholder', 'type', 'value'],
+  inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'error', 'errorMessage', 'inputId', 'isInactive', 'placeholder', 'type', 'value'],
   outputs: ['dsChange', 'dsClear'],
   standalone: false
 })
@@ -727,14 +643,14 @@ export declare interface DsModal extends Components.DsModal {
 
 
 @ProxyCmp({
-  inputs: ['inactive', 'page', 'siblingCount', 'totalPages']
+  inputs: ['isInactive', 'page', 'siblingCount', 'totalPages']
 })
 @Component({
   selector: 'ds-pagination',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['inactive', 'page', 'siblingCount', 'totalPages'],
+  inputs: ['isInactive', 'page', 'siblingCount', 'totalPages'],
   outputs: ['dsPageChange'],
   standalone: false
 })
@@ -854,14 +770,14 @@ export declare interface DsPanelTools extends Components.DsPanelTools {
 
 
 @ProxyCmp({
-  inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'inactive', 'options', 'value']
+  inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'isInactive', 'options', 'value']
 })
 @Component({
   selector: 'ds-radio-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'inactive', 'options', 'value'],
+  inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'isInactive', 'options', 'value'],
   outputs: ['dsChange'],
   standalone: false
 })
@@ -882,37 +798,14 @@ export declare interface DsRadioGroup extends Components.DsRadioGroup {
 
 
 @ProxyCmp({
-  inputs: ['showTrackOnHover', 'variant']
-})
-@Component({
-  selector: 'ds-scrollbar',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['showTrackOnHover', 'variant'],
-  standalone: false
-})
-export class DsScrollbar {
-  protected el: HTMLDsScrollbarElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface DsScrollbar extends Components.DsScrollbar {}
-
-
-@ProxyCmp({
-  inputs: ['ariaLabel', 'ariaLabelledby', 'inactive', 'options', 'placeholder', 'value']
+  inputs: ['activeFill', 'ariaLabel', 'ariaLabelledby', 'hasBorder', 'isInactive', 'options', 'placeholder', 'size', 'value', 'width']
 })
 @Component({
   selector: 'ds-select',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['ariaLabel', 'ariaLabelledby', 'inactive', 'options', 'placeholder', 'value'],
+  inputs: ['activeFill', 'ariaLabel', 'ariaLabelledby', 'hasBorder', 'isInactive', 'options', 'placeholder', 'size', 'value', 'width'],
   outputs: ['dsChange'],
   standalone: false
 })
@@ -965,14 +858,14 @@ export declare interface DsShellGradientPicker extends Components.DsShellGradien
 
 
 @ProxyCmp({
-  inputs: ['ariaLabel', 'inactive', 'preset', 'selected']
+  inputs: ['ariaLabel', 'isInactive', 'preset', 'selected']
 })
 @Component({
   selector: 'ds-shell-gradient-swatch',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['ariaLabel', 'inactive', 'preset', 'selected'],
+  inputs: ['ariaLabel', 'isInactive', 'preset', 'selected'],
   outputs: ['dsSelect'],
   standalone: false
 })
@@ -1018,14 +911,14 @@ export declare interface DsSkeleton extends Components.DsSkeleton {}
 
 
 @ProxyCmp({
-  inputs: ['inactive', 'inputId', 'label', 'max', 'min', 'step', 'value', 'valueText']
+  inputs: ['inputId', 'isInactive', 'label', 'max', 'min', 'step', 'value', 'valueText']
 })
 @Component({
   selector: 'ds-slider',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['inactive', 'inputId', { name: 'label', required: true }, 'max', 'min', 'step', 'value', 'valueText'],
+  inputs: ['inputId', 'isInactive', { name: 'label', required: true }, 'max', 'min', 'step', 'value', 'valueText'],
   outputs: ['dsChange'],
   standalone: false
 })
@@ -1045,29 +938,6 @@ export declare interface DsSlider extends Components.DsSlider {
 }
 
 
-@ProxyCmp({
-  inputs: ['as', 'background', 'contrast', 'edge', 'elevation', 'inactive', 'intent', 'interactive', 'radius', 'selected']
-})
-@Component({
-  selector: 'ds-surface',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['as', 'background', 'contrast', 'edge', 'elevation', 'inactive', 'intent', 'interactive', 'radius', 'selected'],
-  standalone: false
-})
-export class DsSurface {
-  protected el: HTMLDsSurfaceElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface DsSurface extends Components.DsSurface {}
-
-
 @ProxyCmp({
   inputs: ['ariaLabel', 'ariaLabelledby', 'background', 'orientation', 'tabs', 'value']
 })
@@ -1165,14 +1035,14 @@ export declare interface DsTable extends Components.DsTable {
 
 
 @ProxyCmp({
-  inputs: ['contrast', 'elevation', 'intent', 'label', 'maxWidth', 'rounded', 'size']
+  inputs: ['contrast', 'intent', 'label', 'maxWidth', 'rounded', 'size']
 })
 @Component({
   selector: 'ds-tag',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['contrast', 'elevation', 'intent', { name: 'label', required: true }, 'maxWidth', 'rounded', 'size'],
+  inputs: ['contrast', 'intent', { name: 'label', required: true }, 'maxWidth', 'rounded', 'size'],
   standalone: false
 })
 export class DsTag {
@@ -1211,37 +1081,14 @@ export declare interface DsText extends Components.DsText {}
 
 
 @ProxyCmp({
-  inputs: ['position']
-})
-@Component({
-  selector: 'ds-toast-provider',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['position'],
-  standalone: false
-})
-export class DsToastProvider {
-  protected el: HTMLDsToastProviderElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface DsToastProvider extends Components.DsToastProvider {}
-
-
-@ProxyCmp({
-  inputs: ['checked', 'inactive']
+  inputs: ['checked', 'isInactive']
 })
 @Component({
   selector: 'ds-toggle',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['checked', 'inactive'],
+  inputs: ['checked', 'isInactive'],
   outputs: ['dsChange'],
   standalone: false
 })
@@ -1262,14 +1109,14 @@ export declare interface DsToggle extends Components.DsToggle {
 
 
 @ProxyCmp({
-  inputs: ['align', 'alignOffset', 'delay', 'label', 'shortcutKey', 'shortcutKeyPosition', 'side', 'sideOffset']
+  inputs: ['align', 'alignOffset', 'delay', 'label', 'shortcutKey', 'shortcutKeyPosition', 'side', 'sideOffset', 'size']
 })
 @Component({
   selector: 'ds-tooltip',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['align', 'alignOffset', 'delay', { name: 'label', required: true }, 'shortcutKey', 'shortcutKeyPosition', 'side', 'sideOffset'],
+  inputs: ['align', 'alignOffset', 'delay', { name: 'label', required: true }, 'shortcutKey', 'shortcutKeyPosition', 'side', 'sideOffset', 'size'],
   standalone: false
 })
 export class DsTooltip {
@@ -1285,14 +1132,14 @@ export declare interface DsTooltip extends Components.DsTooltip {}
 
 
 @ProxyCmp({
-  inputs: ['label', 'value', 'x', 'y']
+  inputs: ['delay', 'label', 'value', 'x', 'y']
 })
 @Component({
   selector: 'ds-tooltip-data-viz',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['label', 'value', 'x', 'y'],
+  inputs: ['delay', 'label', 'value', 'x', 'y'],
   standalone: false
 })
 export class DsTooltipDataViz {

package/src/react/components.ts

@@ -4,16 +4,15 @@
  */
 
 /* eslint-disable */
-export { DsAccordion } from "./ds-accordion.js";
 export { DsAppShell } from "./ds-app-shell.js";
 export { DsBadge } from "./ds-badge.js";
 export { DsBanner } from "./ds-banner.js";
 export { DsBarNav } from "./ds-bar-nav.js";
-export { DsBreadcrumb } from "./ds-breadcrumb.js";
 export { DsButtonFilled } from "./ds-button-filled.js";
-export { DsButtonUnfilledIcon } from "./ds-button-unfilled-icon.js";
-export { DsCardDataViz } from "./ds-card-data-viz.js";
+export { DsButtonUnfilled } from "./ds-button-unfilled.js";
+export { DsCardDataVizDonut } from "./ds-card-data-viz-donut.js";
 export { DsCardSetting } from "./ds-card-setting.js";
+export { DsCard } from "./ds-card.js";
 export { DsChartBar } from "./ds-chart-bar.js";
 export { DsChartDonut } from "./ds-chart-donut.js";
 export { DsChartLegend } from "./ds-chart-legend.js";
@@ -22,9 +21,7 @@ export { DsCheckbox } from "./ds-checkbox.js";
 export { DsChip } from "./ds-chip.js";
 export { DsDivider } from "./ds-divider.js";
 export { DsEmptyState } from "./ds-empty-state.js";
-export { DsFade } from "./ds-fade.js";
 export { DsField } from "./ds-field.js";
-export { DsHeader } from "./ds-header.js";
 export { DsIcon } from "./ds-icon.js";
 export { DsInput } from "./ds-input.js";
 export { DsLoader } from "./ds-loader.js";
@@ -34,19 +31,16 @@ export { DsPagination } from "./ds-pagination.js";
 export { DsPanelNav } from "./ds-panel-nav.js";
 export { DsPanelTools } from "./ds-panel-tools.js";
 export { DsRadioGroup } from "./ds-radio-group.js";
-export { DsScrollbar } from "./ds-scrollbar.js";
 export { DsSelect } from "./ds-select.js";
 export { DsShellGradientPicker } from "./ds-shell-gradient-picker.js";
 export { DsShellGradientSwatch } from "./ds-shell-gradient-swatch.js";
 export { DsSkeleton } from "./ds-skeleton.js";
 export { DsSlider } from "./ds-slider.js";
-export { DsSurface } from "./ds-surface.js";
 export { DsTabGroupNav } from "./ds-tab-group-nav.js";
 export { DsTabGroup } from "./ds-tab-group.js";
 export { DsTable } from "./ds-table.js";
 export { DsTag } from "./ds-tag.js";
 export { DsText } from "./ds-text.js";
-export { DsToastProvider } from "./ds-toast-provider.js";
 export { DsToggle } from "./ds-toggle.js";
 export { DsTooltipDataViz } from "./ds-tooltip-data-viz.js";
 export { DsTooltip } from "./ds-tooltip.js";

package/src/react/ds-button-unfilled.ts

@@ -0,0 +1,33 @@
+'use client';
+
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import { type DsButtonUnfilledCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsButtonUnfilled as DsButtonUnfilledElement, defineCustomElement as defineDsButtonUnfilled } from "@ds-mo/ui/dist/components/ds-button-unfilled.js";
+
+export type DsButtonUnfilledEvents = {
+    onDsClick: EventName<DsButtonUnfilledCustomEvent<MouseEvent>>,
+    onDsChange: EventName<DsButtonUnfilledCustomEvent<boolean>>
+};
+
+export const DsButtonUnfilled: StencilReactComponent<DsButtonUnfilledElement, DsButtonUnfilledEvents, Components.DsButtonUnfilled> = /*@__PURE__*/ createComponent<DsButtonUnfilledElement, DsButtonUnfilledEvents, Components.DsButtonUnfilled>({
+    tagName: 'ds-button-unfilled',
+    elementClass: DsButtonUnfilledElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsClick: 'dsClick',
+        onDsChange: 'dsChange'
+    } as DsButtonUnfilledEvents,
+    defineCustomElement: defineDsButtonUnfilled
+});

package/src/react/ds-card-data-viz-donut.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import { type DsCardDataVizDonutCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsCardDataVizDonut as DsCardDataVizDonutElement, defineCustomElement as defineDsCardDataVizDonut } from "@ds-mo/ui/dist/components/ds-card-data-viz-donut.js";
+
+export type DsCardDataVizDonutEvents = { onDsFilterClick: EventName<DsCardDataVizDonutCustomEvent<void>> };
+
+export const DsCardDataVizDonut: StencilReactComponent<DsCardDataVizDonutElement, DsCardDataVizDonutEvents, Components.DsCardDataVizDonut> = /*@__PURE__*/ createComponent<DsCardDataVizDonutElement, DsCardDataVizDonutEvents, Components.DsCardDataVizDonut>({
+    tagName: 'ds-card-data-viz-donut',
+    elementClass: DsCardDataVizDonutElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsFilterClick: 'dsFilterClick' } as DsCardDataVizDonutEvents,
+    defineCustomElement: defineDsCardDataVizDonut
+});