@kirbydesign/designsystem 9.5.0 → 9.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "9.5.0",
+  "version": "9.7.0",
   "description": "The Kirby Design Angular Components.",
   "author": "kirby@bankdata.dk",
   "repository": {
@@ -21,7 +21,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",
     "@fontsource/roboto": "4.2.1",
-    "@kirbydesign/core": "0.0.61",
+    "@kirbydesign/core": "0.0.62",
     "inputmask": "5.0.8",
     "tslib": "^2.3.0"
   },
@@ -31,7 +31,7 @@
     "@angular/core": "^17.0.0",
     "@angular/forms": "^17.0.0",
     "@angular/router": "^17.0.0",
-    "@ionic/angular": "7.8.3",
+    "@ionic/angular": "8.2.7",
     "chart.js": "^3.9.1",
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",
@@ -60,36 +60,36 @@
       "esm": "./esm2022/accordion/kirbydesign-designsystem-accordion.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-accordion.mjs"
     },
-    "./action-group": {
-      "types": "./action-group/index.d.ts",
-      "esm2022": "./esm2022/action-group/kirbydesign-designsystem-action-group.mjs",
-      "esm": "./esm2022/action-group/kirbydesign-designsystem-action-group.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-action-group.mjs"
-    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "esm2022": "./esm2022/avatar/kirbydesign-designsystem-avatar.mjs",
       "esm": "./esm2022/avatar/kirbydesign-designsystem-avatar.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-avatar.mjs"
     },
+    "./action-group": {
+      "types": "./action-group/index.d.ts",
+      "esm2022": "./esm2022/action-group/kirbydesign-designsystem-action-group.mjs",
+      "esm": "./esm2022/action-group/kirbydesign-designsystem-action-group.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-action-group.mjs"
+    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "esm2022": "./esm2022/badge/kirbydesign-designsystem-badge.mjs",
       "esm": "./esm2022/badge/kirbydesign-designsystem-badge.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-badge.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/kirbydesign-designsystem-button.mjs",
-      "esm": "./esm2022/button/kirbydesign-designsystem-button.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-button.mjs"
-    },
     "./calendar": {
       "types": "./calendar/index.d.ts",
       "esm2022": "./esm2022/calendar/kirbydesign-designsystem-calendar.mjs",
       "esm": "./esm2022/calendar/kirbydesign-designsystem-calendar.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-calendar.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/kirbydesign-designsystem-button.mjs",
+      "esm": "./esm2022/button/kirbydesign-designsystem-button.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-button.mjs"
+    },
     "./card": {
       "types": "./card/index.d.ts",
       "esm2022": "./esm2022/card/kirbydesign-designsystem-card.mjs",
@@ -102,18 +102,18 @@
       "esm": "./esm2022/chart/kirbydesign-designsystem-chart.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-chart.mjs"
     },
-    "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "esm2022": "./esm2022/checkbox/kirbydesign-designsystem-checkbox.mjs",
-      "esm": "./esm2022/checkbox/kirbydesign-designsystem-checkbox.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-checkbox.mjs"
-    },
     "./data-table": {
       "types": "./data-table/index.d.ts",
       "esm2022": "./esm2022/data-table/kirbydesign-designsystem-data-table.mjs",
       "esm": "./esm2022/data-table/kirbydesign-designsystem-data-table.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-data-table.mjs"
     },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "esm2022": "./esm2022/checkbox/kirbydesign-designsystem-checkbox.mjs",
+      "esm": "./esm2022/checkbox/kirbydesign-designsystem-checkbox.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-checkbox.mjs"
+    },
     "./divider": {
       "types": "./divider/index.d.ts",
       "esm2022": "./esm2022/divider/kirbydesign-designsystem-divider.mjs",
@@ -198,18 +198,18 @@
       "esm": "./esm2022/kirby-ionic-module/kirbydesign-designsystem-kirby-ionic-module.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-kirby-ionic-module.mjs"
     },
-    "./list": {
-      "types": "./list/index.d.ts",
-      "esm2022": "./esm2022/list/kirbydesign-designsystem-list.mjs",
-      "esm": "./esm2022/list/kirbydesign-designsystem-list.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-list.mjs"
-    },
     "./loading-overlay": {
       "types": "./loading-overlay/index.d.ts",
       "esm2022": "./esm2022/loading-overlay/kirbydesign-designsystem-loading-overlay.mjs",
       "esm": "./esm2022/loading-overlay/kirbydesign-designsystem-loading-overlay.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-loading-overlay.mjs"
     },
+    "./list": {
+      "types": "./list/index.d.ts",
+      "esm2022": "./esm2022/list/kirbydesign-designsystem-list.mjs",
+      "esm": "./esm2022/list/kirbydesign-designsystem-list.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-list.mjs"
+    },
     "./menu": {
       "types": "./menu/index.d.ts",
       "esm2022": "./esm2022/menu/kirbydesign-designsystem-menu.mjs",
@@ -228,12 +228,6 @@
       "esm": "./esm2022/page/kirbydesign-designsystem-page.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-page.mjs"
     },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "esm2022": "./esm2022/popover/kirbydesign-designsystem-popover.mjs",
-      "esm": "./esm2022/popover/kirbydesign-designsystem-popover.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-popover.mjs"
-    },
     "./progress-circle": {
       "types": "./progress-circle/index.d.ts",
       "esm2022": "./esm2022/progress-circle/kirbydesign-designsystem-progress-circle.mjs",
@@ -246,6 +240,12 @@
       "esm": "./esm2022/radio/kirbydesign-designsystem-radio.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-radio.mjs"
     },
+    "./popover": {
+      "types": "./popover/index.d.ts",
+      "esm2022": "./esm2022/popover/kirbydesign-designsystem-popover.mjs",
+      "esm": "./esm2022/popover/kirbydesign-designsystem-popover.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-popover.mjs"
+    },
     "./range": {
       "types": "./range/index.d.ts",
       "esm2022": "./esm2022/range/kirbydesign-designsystem-range.mjs",
@@ -276,18 +276,18 @@
       "esm": "./esm2022/shared/kirbydesign-designsystem-shared.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-shared.mjs"
     },
-    "./slide": {
-      "types": "./slide/index.d.ts",
-      "esm2022": "./esm2022/slide/kirbydesign-designsystem-slide.mjs",
-      "esm": "./esm2022/slide/kirbydesign-designsystem-slide.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-slide.mjs"
-    },
     "./slide-button": {
       "types": "./slide-button/index.d.ts",
       "esm2022": "./esm2022/slide-button/kirbydesign-designsystem-slide-button.mjs",
       "esm": "./esm2022/slide-button/kirbydesign-designsystem-slide-button.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-slide-button.mjs"
     },
+    "./slide": {
+      "types": "./slide/index.d.ts",
+      "esm2022": "./esm2022/slide/kirbydesign-designsystem-slide.mjs",
+      "esm": "./esm2022/slide/kirbydesign-designsystem-slide.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-slide.mjs"
+    },
     "./spinner": {
       "types": "./spinner/index.d.ts",
       "esm2022": "./esm2022/spinner/kirbydesign-designsystem-spinner.mjs",
@@ -312,12 +312,6 @@
       "esm": "./esm2022/testing/kirbydesign-designsystem-testing.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-testing.mjs"
     },
-    "./testing-base": {
-      "types": "./testing-base/index.d.ts",
-      "esm2022": "./esm2022/testing-base/kirbydesign-designsystem-testing-base.mjs",
-      "esm": "./esm2022/testing-base/kirbydesign-designsystem-testing-base.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-testing-base.mjs"
-    },
     "./testing-jasmine": {
       "types": "./testing-jasmine/index.d.ts",
       "esm2022": "./esm2022/testing-jasmine/kirbydesign-designsystem-testing-jasmine.mjs",
@@ -336,6 +330,12 @@
       "esm": "./esm2022/toast/kirbydesign-designsystem-toast.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-toast.mjs"
     },
+    "./testing-base": {
+      "types": "./testing-base/index.d.ts",
+      "esm2022": "./esm2022/testing-base/kirbydesign-designsystem-testing-base.mjs",
+      "esm": "./esm2022/testing-base/kirbydesign-designsystem-testing-base.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-testing-base.mjs"
+    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "esm2022": "./esm2022/toggle/kirbydesign-designsystem-toggle.mjs",
@@ -366,17 +366,17 @@
       "esm": "./esm2022/modal/v2/kirbydesign-designsystem-modal-v2.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-modal-v2.mjs"
     },
-    "./shared/floating": {
-      "types": "./shared/floating/index.d.ts",
-      "esm2022": "./esm2022/shared/floating/kirbydesign-designsystem-shared-floating.mjs",
-      "esm": "./esm2022/shared/floating/kirbydesign-designsystem-shared-floating.mjs",
-      "default": "./fesm2022/kirbydesign-designsystem-shared-floating.mjs"
-    },
     "./shared/portal": {
       "types": "./shared/portal/index.d.ts",
       "esm2022": "./esm2022/shared/portal/kirbydesign-designsystem-shared-portal.mjs",
       "esm": "./esm2022/shared/portal/kirbydesign-designsystem-shared-portal.mjs",
       "default": "./fesm2022/kirbydesign-designsystem-shared-portal.mjs"
+    },
+    "./shared/floating": {
+      "types": "./shared/floating/index.d.ts",
+      "esm2022": "./esm2022/shared/floating/kirbydesign-designsystem-shared-floating.mjs",
+      "esm": "./esm2022/shared/floating/kirbydesign-designsystem-shared-floating.mjs",
+      "default": "./fesm2022/kirbydesign-designsystem-shared-floating.mjs"
     }
   },
   "module": "fesm2022/kirbydesign-designsystem.mjs",

package/radio/radio.component.d.ts

@@ -1,7 +1,8 @@
-import { AfterViewInit } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';
 import * as i0 from "@angular/core";
-export declare class RadioComponent implements AfterViewInit {
+export declare class RadioComponent implements AfterViewInit, OnInit {
+    private element;
     private ionicElementPartHelper;
     private ionRadioElement?;
     value: any;
@@ -10,9 +11,12 @@ export declare class RadioComponent implements AfterViewInit {
     disabled: boolean;
     get _isDisabled(): string;
     get buttonTabIndex(): number;
-    constructor(ionicElementPartHelper: IonicElementPartHelper);
+    _justify: 'start' | 'end' | 'space-between';
+    _labelPlacement: 'end' | 'fixed' | 'stacked' | 'start';
+    constructor(element: ElementRef<HTMLElement>, ionicElementPartHelper: IonicElementPartHelper);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "kirby-radio", never, { "value": { "alias": "value"; "required": false; }; "text": { "alias": "text"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "kirby-radio", never, { "value": { "alias": "value"; "required": false; }; "text": { "alias": "text"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/scss/base/_design-tokens.scss

@@ -0,0 +1 @@
+@forward "@kirbydesign/core/scss/base/design-tokens";

package/scss/themes/design-tokens.scss

@@ -0,0 +1 @@
+@forward "@kirbydesign/core/scss/themes/design-tokens";

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

@@ -1,4 +1,4 @@
-import { BrandColor, NotificationColor } from '@kirbydesign/core/dist/types/helpers';
+import { BrandColor, NotificationColor } from '@kirbydesign/core';
 import { AvatarSize } from '@kirbydesign/designsystem/avatar';
 import * as i0 from "@angular/core";
 export declare class MockAvatarComponent {

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

@@ -1,4 +1,4 @@
-import { NotificationColor } from '@kirbydesign/core/dist/types/helpers';
+import { NotificationColor } from '@kirbydesign/core';
 import { AttentionLevel, ButtonSize } from '@kirbydesign/designsystem/button';
 import * as i0 from "@angular/core";
 export declare class MockButtonComponent {

package/testing-jest/lib/mock-providers.d.ts

@@ -1,47 +1,47 @@
 import { ChartConfigService, ChartJSService, IconRegistryService, LoadingOverlayService, ModalController, TabsService } from '@kirbydesign/designsystem';
 import { ToastController } from '@kirbydesign/designsystem/toast';
 export declare function chartConfigServiceFactory(): {
-    getTypeConfig: jest.Mock<any, any, any>;
-    getAnnotationDefaults: jest.Mock<any, any, any>;
-    chartTypeToChartJSType: jest.Mock<any, any, any>;
-    applyInteractionFunctionsExtensions: jest.Mock<any, any, any>;
-    getStockChartOptions: jest.Mock<any, any, any>;
+    getTypeConfig: jest.Mock<any, any>;
+    getAnnotationDefaults: jest.Mock<any, any>;
+    chartTypeToChartJSType: jest.Mock<any, any>;
+    applyInteractionFunctionsExtensions: jest.Mock<any, any>;
+    getStockChartOptions: jest.Mock<any, any>;
 };
 export declare function chartJSServiceFactory(): {
-    renderChart: jest.Mock<any, any, any>;
-    redrawChart: jest.Mock<any, any, any>;
-    destroyChart: jest.Mock<any, any, any>;
-    updateData: jest.Mock<any, any, any>;
-    updateLabels: jest.Mock<any, any, any>;
-    updateType: jest.Mock<any, any, any>;
-    updateOptions: jest.Mock<any, any, any>;
-    updateAnnotations: jest.Mock<any, any, any>;
-    updateHighlightedElements: jest.Mock<any, any, any>;
+    renderChart: jest.Mock<any, any>;
+    redrawChart: jest.Mock<any, any>;
+    destroyChart: jest.Mock<any, any>;
+    updateData: jest.Mock<any, any>;
+    updateLabels: jest.Mock<any, any>;
+    updateType: jest.Mock<any, any>;
+    updateOptions: jest.Mock<any, any>;
+    updateAnnotations: jest.Mock<any, any>;
+    updateHighlightedElements: jest.Mock<any, any>;
 };
 export declare function iconRegistryServiceFactory(): {
-    addIcon: jest.Mock<any, any, any>;
-    addIcons: jest.Mock<any, any, any>;
+    addIcon: jest.Mock<any, any>;
+    addIcons: jest.Mock<any, any>;
 };
 export declare function loadingOverlayServiceFactory(): {
-    showLoadingOverlay: jest.Mock<any, any, any>;
-    hideLoadingOverlay: jest.Mock<any, any, any>;
+    showLoadingOverlay: jest.Mock<any, any>;
+    hideLoadingOverlay: jest.Mock<any, any>;
 };
 export declare function modalControllerFactory(): {
-    showModal: jest.Mock<any, any, any>;
-    navigateToModal: jest.Mock<any, any, any>;
-    navigateWithinModal: jest.Mock<any, any, any>;
-    showActionSheet: jest.Mock<any, any, any>;
-    showAlert: jest.Mock<any, any, any>;
-    hideTopmost: jest.Mock<any, any, any>;
-    hideAll: jest.Mock<any, any, any>;
+    showModal: jest.Mock<any, any>;
+    navigateToModal: jest.Mock<any, any>;
+    navigateWithinModal: jest.Mock<any, any>;
+    showActionSheet: jest.Mock<any, any>;
+    showAlert: jest.Mock<any, any>;
+    hideTopmost: jest.Mock<any, any>;
+    hideAll: jest.Mock<any, any>;
 };
 export declare function tabsServiceFactory(): {
-    setOutlet: jest.Mock<any, any, any>;
-    resetOutlet: jest.Mock<any, any, any>;
+    setOutlet: jest.Mock<any, any>;
+    resetOutlet: jest.Mock<any, any>;
     outlet$: import("rxjs").Observable<never>;
 };
 export declare function toastControllerFactory(): {
-    showToast: jest.Mock<any, any, any>;
+    showToast: jest.Mock<any, any>;
 };
 export declare const MOCK_PROVIDERS: ({
     provide: typeof ChartConfigService;

package/toggle/toggle.component.d.ts

@@ -1,9 +1,13 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class ToggleComponent implements ControlValueAccessor {
+export declare class ToggleComponent implements ControlValueAccessor, OnInit {
     private cdr;
-    constructor(cdr: ChangeDetectorRef);
+    private elementRef;
+    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    _ariaLabel: string;
+    private inheritAriaAttributes;
     checked: boolean;
     disabled: boolean;
     get _isDisabled(): string;
@@ -45,5 +49,5 @@ export declare class ToggleComponent implements ControlValueAccessor {
      */
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "kirby-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "kirby-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
 }

package/README.md

@@ -1,7 +0,0 @@
-# designsystem
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test designsystem` to execute the unit tests.