@kirbydesign/designsystem 5.2.2 → 5.4.1

package/testing-base/lib/components/mock.avatar.component.d.ts

@@ -5,6 +5,6 @@ export declare class MockAvatarComponent {
     shadow: boolean;
     text: string;
     overlay: boolean;
-    size: AvatarSize;
+    size: AvatarSize | `${AvatarSize}`;
     themeColor: NotificationColor | BrandColor | 'medium' | 'white' | 'dark' | 'light' | 'semi-light';
 }

package/testing-base/lib/components/mock.button.component.d.ts

@@ -5,5 +5,5 @@ export declare class MockButtonComponent {
     themeColor: NotificationColor;
     expand: 'full' | 'block';
     isFloating: boolean;
-    size: ButtonSize;
+    size: ButtonSize | `${ButtonSize}`;
 }

package/testing-base/lib/components/mock.calendar.component.d.ts

@@ -13,6 +13,7 @@ export declare class MockCalendarComponent {
     customLocales: {
         [key: string]: Locale;
     };
+    usePopover: boolean;
     yearNavigatorOptions: CalendarYearNavigatorConfig;
     selectedDate: Date;
     disabledDates: Date[];

package/testing-base/lib/components/mock.chart.component.d.ts

@@ -1,8 +1,8 @@
-import { AnnotationOptions, ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartOptions, ChartType } from '@kirbydesign/designsystem';
+import { AnnotationOptions, ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartLabel, ChartOptions, ChartType } from '@kirbydesign/designsystem';
 export declare class MockChartComponent {
     type: ChartType;
     data: ChartDataset[] | number[];
-    labels: string[] | string[][];
+    labels: ChartLabel[];
     dataLabels: string[] | string[][];
     customOptions: ChartOptions;
     dataLabelOptions: ChartDataLabelOptions;

package/testing-base/lib/components/mock.dropdown.component.d.ts

@@ -5,7 +5,7 @@ export declare class MockDropdownComponent {
     selectedIndex: number;
     itemTextProperty: string;
     placeholder: string;
-    popout: HorizontalDirection;
+    popout: HorizontalDirection | `${HorizontalDirection}`;
     attentionLevel: '1' | '2' | '3' | '4';
     expand: 'block';
     disabled: boolean;

package/testing-base/lib/components/mock.icon.component.d.ts

@@ -1,6 +1,6 @@
 import { IconSize } from '@kirbydesign/designsystem';
 export declare class MockIconComponent {
-    size: IconSize;
+    size: IconSize | `${IconSize}`;
     name: string;
     customName: string;
 }

package/testing-base/lib/components/mock.input.component.d.ts

@@ -1,7 +1,7 @@
 import { InputSize } from '@kirbydesign/designsystem';
 export declare class MockInputComponent {
     type: string;
-    size: InputSize;
+    size: InputSize | `${InputSize}`;
     borderless: boolean;
     hasError: boolean;
     autocomplete: 'on' | 'off';

package/testing-base/lib/components/mock.item.component.d.ts

@@ -4,5 +4,5 @@ export declare class MockItemComponent {
     selected: boolean;
     selectable: boolean;
     reorderable: boolean;
-    size: ItemSize;
+    size: ItemSize | `${ItemSize}`;
 }

package/testing-base/lib/components/mock.popover.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { HorizontalDirection } from '@kirbydesign/designsystem';
 export declare class MockPopoverComponent {
-    popout: HorizontalDirection;
+    popout: HorizontalDirection | `${HorizontalDirection}`;
     target: HTMLElement | ElementRef<HTMLElement>;
     willHide: EventEmitter<void>;
 }

package/testing-base/lib/components/mock.segmented-control.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { SegmentedControlMode, SegmentItem } from '@kirbydesign/designsystem';
 export declare class MockSegmentedControlComponent {
-    mode: SegmentedControlMode;
+    mode: SegmentedControlMode | `${SegmentedControlMode}`;
     items: SegmentItem[];
     selectedIndex: number;
     value: SegmentItem;