@kirbydesign/designsystem 11.6.0 → 11.6.1

package/accordion/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-accordion.mjs",
+  "typings": "../types/kirbydesign-designsystem-accordion.d.ts"
+}

package/action-group/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-action-group.mjs",
+  "typings": "../types/kirbydesign-designsystem-action-group.d.ts"
+}

package/avatar/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-avatar.mjs",
+  "typings": "../types/kirbydesign-designsystem-avatar.d.ts"
+}

package/badge/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-badge.mjs",
+  "typings": "../types/kirbydesign-designsystem-badge.d.ts"
+}

package/button/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-button.mjs",
+  "typings": "../types/kirbydesign-designsystem-button.d.ts"
+}

package/calendar/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-calendar.mjs",
+  "typings": "../types/kirbydesign-designsystem-calendar.d.ts"
+}

package/card/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-card.mjs",
+  "typings": "../types/kirbydesign-designsystem-card.d.ts"
+}

package/chart/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-chart.mjs",
+  "typings": "../types/kirbydesign-designsystem-chart.d.ts"
+}

package/checkbox/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-checkbox.mjs",
+  "typings": "../types/kirbydesign-designsystem-checkbox.d.ts"
+}

package/config/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-config.mjs",
+  "typings": "../types/kirbydesign-designsystem-config.d.ts"
+}

package/data-table/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-data-table.mjs",
+  "typings": "../types/kirbydesign-designsystem-data-table.d.ts"
+}

package/divider/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-divider.mjs",
+  "typings": "../types/kirbydesign-designsystem-divider.d.ts"
+}

package/dropdown/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-dropdown.mjs",
+  "typings": "../types/kirbydesign-designsystem-dropdown.d.ts"
+}

package/empty-state/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-empty-state.mjs",
+  "typings": "../types/kirbydesign-designsystem-empty-state.d.ts"
+}

package/fab-sheet/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-fab-sheet.mjs",
+  "typings": "../types/kirbydesign-designsystem-fab-sheet.d.ts"
+}

package/fesm2022/kirbydesign-designsystem-accordion.mjs

@@ -48,7 +48,7 @@ class AccordionItemComponent {
         this.toggle.emit(this.isExpanded);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: AccordionItemComponent, isStandalone: true, selector: "kirby-accordion-item", inputs: { title: "title", isExpanded: "isExpanded", isDisabled: "isDisabled", disabledTitle: "disabledTitle", hasPadding: "hasPadding", headingLevel: "headingLevel" }, outputs: { toggle: "toggle" }, host: { properties: { "class.has-list": "this.hasList" } }, queries: [{ propertyName: "listChildren", predicate: ListComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"content-layer\">\n  <div [attr.aria-level]=\"headingLevel\" [attr.role]=\"headingLevel ? 'heading' : null\">\n    <button\n      type=\"button\"\n      class=\"header\"\n      [attr.aria-expanded]=\"isExpanded\"\n      [attr.aria-controls]=\"_contentId\"\n      [id]=\"_titleId\"\n      [disabled]=\"isDisabled\"\n      (click)=\"_onToggleExpanded($event)\"\n    >\n      <span class=\"state-layer\" aria-hidden=\"true\"></span>\n      <div class=\"title\" [class.bold]=\"isExpanded\">{{ getTitle() }}</div>\n      <kirby-icon name=\"arrow-down\"></kirby-icon>\n    </button>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\" [class.padding]=\"hasPadding\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);position:relative}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:0;border-radius:inherit;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}:host{display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium);box-sizing:border-box}:host(.has-list){--kirby-item-background: transparent}@media(hover:hover)and (pointer:fine){.header{outline:0}.header:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media(hover:hover){.header:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}.header:active,.header.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}.header{display:flex;align-items:center;gap:8px;height:56px;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;width:100%;border:none;outline:none;background:none;box-shadow:none;font-family:var(--kirby-font-family);text-align:start}.title{flex-grow:2;display:flex;font-size:16px}.kirby-icon{transition:transform .2s}.content{overflow:hidden;cursor:default}.content-body.padding{padding:0 16px 16px}button[disabled]{pointer-events:none}button[disabled] .kirby-icon{color:var(--kirby-semi-dark)}button[disabled] .title{color:var(--kirby-text-color-semi-dark)}button{color:var(--kirby-black)}button[aria-expanded=true] .title{font-weight:700}button[aria-expanded=true] .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }], animations: [
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: AccordionItemComponent, isStandalone: true, selector: "kirby-accordion-item", inputs: { title: "title", isExpanded: "isExpanded", isDisabled: "isDisabled", disabledTitle: "disabledTitle", hasPadding: "hasPadding", headingLevel: "headingLevel" }, outputs: { toggle: "toggle" }, host: { properties: { "class.has-list": "this.hasList" } }, queries: [{ propertyName: "listChildren", predicate: ListComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"content-layer\">\n  <div [attr.aria-level]=\"headingLevel\" [attr.role]=\"headingLevel ? 'heading' : null\">\n    <button\n      type=\"button\"\n      class=\"header\"\n      [attr.aria-expanded]=\"isExpanded\"\n      [attr.aria-controls]=\"_contentId\"\n      [id]=\"_titleId\"\n      [disabled]=\"isDisabled\"\n      (click)=\"_onToggleExpanded($event)\"\n    >\n      <span class=\"state-layer\" aria-hidden=\"true\"></span>\n      <div class=\"title\" [class.bold]=\"isExpanded\">{{ getTitle() }}</div>\n      <kirby-icon name=\"arrow-down\"></kirby-icon>\n    </button>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\" [class.padding]=\"hasPadding\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);position:relative}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:0;border-radius:inherit;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}:host{display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium);box-sizing:border-box}:host(.has-list){--kirby-item-background: transparent}@media(hover:hover)and (pointer:fine){.header{outline:0}.header:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media(hover:hover){.header:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}.header:active,.header.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}.header{display:flex;align-items:center;gap:8px;height:56px;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;width:100%;border:none;outline:none;background:none;box-shadow:none;font-family:var(--kirby-font-family);text-align:start}.title{flex-grow:2;display:flex;font-size:16px}.kirby-icon{transition:transform .2s}.content{overflow:hidden;cursor:default}.content-body.padding{padding:0 16px 16px}button[disabled]{pointer-events:none}button[disabled] .kirby-icon{color:var(--kirby-semi-dark)}button[disabled] .title{color:var(--kirby-text-color-semi-dark)}button{color:var(--kirby-text-color-black)}button[aria-expanded=true] .title{font-weight:700}button[aria-expanded=true] .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }], animations: [
             trigger('isExpanded', [
                 state('true', style({ height: '*', visibility: 'visible' })),
                 state('false', style({ height: '0px', visibility: 'hidden' })),
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
                             state('false', style({ height: '0px', visibility: 'hidden' })),
                             transition('true <=> false', animate('0.2s')),
                         ]),
-                    ], imports: [IconComponent], template: "<div class=\"content-layer\">\n  <div [attr.aria-level]=\"headingLevel\" [attr.role]=\"headingLevel ? 'heading' : null\">\n    <button\n      type=\"button\"\n      class=\"header\"\n      [attr.aria-expanded]=\"isExpanded\"\n      [attr.aria-controls]=\"_contentId\"\n      [id]=\"_titleId\"\n      [disabled]=\"isDisabled\"\n      (click)=\"_onToggleExpanded($event)\"\n    >\n      <span class=\"state-layer\" aria-hidden=\"true\"></span>\n      <div class=\"title\" [class.bold]=\"isExpanded\">{{ getTitle() }}</div>\n      <kirby-icon name=\"arrow-down\"></kirby-icon>\n    </button>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\" [class.padding]=\"hasPadding\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);position:relative}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:0;border-radius:inherit;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}:host{display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium);box-sizing:border-box}:host(.has-list){--kirby-item-background: transparent}@media(hover:hover)and (pointer:fine){.header{outline:0}.header:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media(hover:hover){.header:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}.header:active,.header.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}.header{display:flex;align-items:center;gap:8px;height:56px;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;width:100%;border:none;outline:none;background:none;box-shadow:none;font-family:var(--kirby-font-family);text-align:start}.title{flex-grow:2;display:flex;font-size:16px}.kirby-icon{transition:transform .2s}.content{overflow:hidden;cursor:default}.content-body.padding{padding:0 16px 16px}button[disabled]{pointer-events:none}button[disabled] .kirby-icon{color:var(--kirby-semi-dark)}button[disabled] .title{color:var(--kirby-text-color-semi-dark)}button{color:var(--kirby-black)}button[aria-expanded=true] .title{font-weight:700}button[aria-expanded=true] .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}\n"] }]
+                    ], imports: [IconComponent], template: "<div class=\"content-layer\">\n  <div [attr.aria-level]=\"headingLevel\" [attr.role]=\"headingLevel ? 'heading' : null\">\n    <button\n      type=\"button\"\n      class=\"header\"\n      [attr.aria-expanded]=\"isExpanded\"\n      [attr.aria-controls]=\"_contentId\"\n      [id]=\"_titleId\"\n      [disabled]=\"isDisabled\"\n      (click)=\"_onToggleExpanded($event)\"\n    >\n      <span class=\"state-layer\" aria-hidden=\"true\"></span>\n      <div class=\"title\" [class.bold]=\"isExpanded\">{{ getTitle() }}</div>\n      <kirby-icon name=\"arrow-down\"></kirby-icon>\n    </button>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\" [class.padding]=\"hasPadding\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);position:relative}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:0;border-radius:inherit;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}:host{display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium);box-sizing:border-box}:host(.has-list){--kirby-item-background: transparent}@media(hover:hover)and (pointer:fine){.header{outline:0}.header:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media(hover:hover){.header:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}.header:active,.header.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}.header{display:flex;align-items:center;gap:8px;height:56px;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;width:100%;border:none;outline:none;background:none;box-shadow:none;font-family:var(--kirby-font-family);text-align:start}.title{flex-grow:2;display:flex;font-size:16px}.kirby-icon{transition:transform .2s}.content{overflow:hidden;cursor:default}.content-body.padding{padding:0 16px 16px}button[disabled]{pointer-events:none}button[disabled] .kirby-icon{color:var(--kirby-semi-dark)}button[disabled] .title{color:var(--kirby-text-color-semi-dark)}button{color:var(--kirby-text-color-black)}button[aria-expanded=true] .title{font-weight:700}button[aria-expanded=true] .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}\n"] }]
         }], propDecorators: { hasList: [{
                 type: HostBinding,
                 args: ['class.has-list']

package/fesm2022/kirbydesign-designsystem-accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-accordion.mjs","sources":["../../accordion/src/accordion-item.component.ts","../../accordion/src/accordion-item.component.html","../../accordion/src/accordion.directive.ts","../../accordion/src/accordion.module.ts","../../accordion/src/kirbydesign-designsystem-accordion.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnChanges,\n  Output,\n  QueryList,\n} from '@angular/core';\nimport { ListComponent } from '@kirbydesign/designsystem/list';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\n\n// Counter for generating unique element ids\nlet uniqueId = 0;\n\n@Component({\n  selector: 'kirby-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrls: ['./accordion-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger('isExpanded', [\n      state('true', style({ height: '*', visibility: 'visible' })),\n      state('false', style({ height: '0px', visibility: 'hidden' })),\n      transition('true <=> false', animate('0.2s')),\n    ]),\n  ],\n  imports: [IconComponent],\n})\nexport class AccordionItemComponent implements OnChanges, AfterContentInit {\n  @HostBinding('class.has-list') hasList: boolean = false;\n  @Input() title: string;\n  @Input() isExpanded: boolean = false;\n  @Input() isDisabled: boolean = false;\n  @Input() disabledTitle: string;\n  @Input() hasPadding: boolean = true;\n  @Input() headingLevel: 1 | 2 | 3 | 4 | 5 | 6;\n  @Output() toggle: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @ContentChildren(ListComponent) listChildren: QueryList<ListComponent>;\n\n  ngAfterContentInit(): void {\n    if (this.listChildren.length > 0) {\n      this.hasPadding = false;\n      this.hasList = true;\n      this.listChildren.forEach((child) => {\n        child.shape = 'none';\n      });\n    }\n  }\n\n  ngOnChanges(): void {\n    if (this.isDisabled) {\n      this.isExpanded = false;\n    }\n  }\n\n  getTitle() {\n    if (this.isDisabled && !!this.disabledTitle) {\n      return this.disabledTitle;\n    } else {\n      return this.title;\n    }\n  }\n\n  _onToggleExpanded(event: UIEvent) {\n    event.preventDefault();\n    if (this.isDisabled) return;\n\n    this.isExpanded = !this.isExpanded && !this.isDisabled;\n    this.toggle.emit(this.isExpanded);\n  }\n\n  // IDs used for a11y labelling\n  _titleId = `kirby-accordion-item-title-${++uniqueId}`;\n  _contentId = `kirby-accordion-item-content-${uniqueId}`;\n}\n","<div class=\"content-layer\">\n  <div [attr.aria-level]=\"headingLevel\" [attr.role]=\"headingLevel ? 'heading' : null\">\n    <button\n      type=\"button\"\n      class=\"header\"\n      [attr.aria-expanded]=\"isExpanded\"\n      [attr.aria-controls]=\"_contentId\"\n      [id]=\"_titleId\"\n      [disabled]=\"isDisabled\"\n      (click)=\"_onToggleExpanded($event)\"\n    >\n      <span class=\"state-layer\" aria-hidden=\"true\"></span>\n      <div class=\"title\" [class.bold]=\"isExpanded\">{{ getTitle() }}</div>\n      <kirby-icon name=\"arrow-down\"></kirby-icon>\n    </button>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\" [class.padding]=\"hasPadding\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","import { AfterContentInit, ContentChildren, Directive, Input, QueryList } from '@angular/core';\n\nimport { startWith } from 'rxjs';\nimport { AccordionItemComponent } from './accordion-item.component';\n\n@Directive({\n  selector: '[kirbyAccordion], kirby-accordion',\n  exportAs: 'kirby-accordion',\n})\nexport class AccordionDirective implements AfterContentInit {\n  @Input() headingLevel: 1 | 2 | 3 | 4 | 5 | 6;\n  @ContentChildren(AccordionItemComponent) accordionItems: QueryList<AccordionItemComponent>;\n\n  ngAfterContentInit(): void {\n    this.accordionItems.changes.pipe(startWith(0)).subscribe(() => {\n      this.setHeadingLevels();\n    });\n  }\n\n  private setHeadingLevels(): void {\n    if (this.accordionItems.length > 0 && this.headingLevel) {\n      this.accordionItems.forEach((child) => {\n        child.headingLevel = this.headingLevel;\n      });\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\n\nimport { AccordionItemComponent } from './accordion-item.component';\nimport { AccordionDirective } from './accordion.directive';\n\nconst imports = [AccordionDirective, AccordionItemComponent];\n\n@NgModule({\n  imports: [IconModule, ...imports],\n  exports: [...imports],\n})\nexport class AccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-accordion.mjs","sources":["../../accordion/src/accordion-item.component.ts","../../accordion/src/accordion-item.component.html","../../accordion/src/accordion.directive.ts","../../accordion/src/accordion.module.ts","../../accordion/src/kirbydesign-designsystem-accordion.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnChanges,\n  Output,\n  QueryList,\n} from '@angular/core';\nimport { ListComponent } from '@kirbydesign/designsystem/list';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\n\n// Counter for generating unique element ids\nlet uniqueId = 0;\n\n@Component({\n  selector: 'kirby-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrls: ['./accordion-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger('isExpanded', [\n      state('true', style({ height: '*', visibility: 'visible' })),\n      state('false', style({ height: '0px', visibility: 'hidden' })),\n      transition('true <=> false', animate('0.2s')),\n    ]),\n  ],\n  imports: [IconComponent],\n})\nexport class AccordionItemComponent implements OnChanges, AfterContentInit {\n  @HostBinding('class.has-list') hasList: boolean = false;\n  @Input() title: string;\n  @Input() isExpanded: boolean = false;\n  @Input() isDisabled: boolean = false;\n  @Input() disabledTitle: string;\n  @Input() hasPadding: boolean = true;\n  @Input() headingLevel: 1 | 2 | 3 | 4 | 5 | 6;\n  @Output() toggle: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @ContentChildren(ListComponent) listChildren: QueryList<ListComponent>;\n\n  ngAfterContentInit(): void {\n    if (this.listChildren.length > 0) {\n      this.hasPadding = false;\n      this.hasList = true;\n      this.listChildren.forEach((child) => {\n        child.shape = 'none';\n      });\n    }\n  }\n\n  ngOnChanges(): void {\n    if (this.isDisabled) {\n      this.isExpanded = false;\n    }\n  }\n\n  getTitle() {\n    if (this.isDisabled && !!this.disabledTitle) {\n      return this.disabledTitle;\n    } else {\n      return this.title;\n    }\n  }\n\n  _onToggleExpanded(event: UIEvent) {\n    event.preventDefault();\n    if (this.isDisabled) return;\n\n    this.isExpanded = !this.isExpanded && !this.isDisabled;\n    this.toggle.emit(this.isExpanded);\n  }\n\n  // IDs used for a11y labelling\n  _titleId = `kirby-accordion-item-title-${++uniqueId}`;\n  _contentId = `kirby-accordion-item-content-${uniqueId}`;\n}\n","<div class=\"content-layer\">\n  <div [attr.aria-level]=\"headingLevel\" [attr.role]=\"headingLevel ? 'heading' : null\">\n    <button\n      type=\"button\"\n      class=\"header\"\n      [attr.aria-expanded]=\"isExpanded\"\n      [attr.aria-controls]=\"_contentId\"\n      [id]=\"_titleId\"\n      [disabled]=\"isDisabled\"\n      (click)=\"_onToggleExpanded($event)\"\n    >\n      <span class=\"state-layer\" aria-hidden=\"true\"></span>\n      <div class=\"title\" [class.bold]=\"isExpanded\">{{ getTitle() }}</div>\n      <kirby-icon name=\"arrow-down\"></kirby-icon>\n    </button>\n  </div>\n  <div\n    class=\"content\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"_titleId\"\n    [id]=\"_contentId\"\n    [@isExpanded]=\"!!isExpanded\"\n  >\n    <div class=\"content-body\" [class.padding]=\"hasPadding\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","import { AfterContentInit, ContentChildren, Directive, Input, QueryList } from '@angular/core';\n\nimport { startWith } from 'rxjs';\nimport { AccordionItemComponent } from './accordion-item.component';\n\n@Directive({\n  selector: '[kirbyAccordion], kirby-accordion',\n  exportAs: 'kirby-accordion',\n})\nexport class AccordionDirective implements AfterContentInit {\n  @Input() headingLevel: 1 | 2 | 3 | 4 | 5 | 6;\n  @ContentChildren(AccordionItemComponent) accordionItems: QueryList<AccordionItemComponent>;\n\n  ngAfterContentInit(): void {\n    this.accordionItems.changes.pipe(startWith(0)).subscribe(() => {\n      this.setHeadingLevels();\n    });\n  }\n\n  private setHeadingLevels(): void {\n    if (this.accordionItems.length > 0 && this.headingLevel) {\n      this.accordionItems.forEach((child) => {\n        child.headingLevel = this.headingLevel;\n      });\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\n\nimport { AccordionItemComponent } from './accordion-item.component';\nimport { AccordionDirective } from './accordion.directive';\n\nconst imports = [AccordionDirective, AccordionItemComponent];\n\n@NgModule({\n  imports: [IconModule, ...imports],\n  exports: [...imports],\n})\nexport class AccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/kirbydesign-designsystem-section-header.mjs

@@ -4,11 +4,11 @@ import { IonItemDivider } from '@ionic/angular/standalone';
 
 class SectionHeaderComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: SectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: SectionHeaderComponent, isStandalone: true, selector: "kirby-section-header", ngImport: i0, template: "<ion-item-divider>\n  <ng-content></ng-content>\n</ion-item-divider>\n", styles: [":host{--kirby-section-header-color: var(--kirby-text-color-black)}:host ion-item-divider{--inner-padding-end: 0;--background: transparent;font-weight:inherit;min-height:0;z-index:initial;--padding-end: 16px;--padding-start: 16px}:host ion-item-divider ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ion-item-divider ::ng-deep>[detail],:host ion-item-divider ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: SectionHeaderComponent, isStandalone: true, selector: "kirby-section-header", ngImport: i0, template: "<ion-item-divider>\n  <ng-content></ng-content>\n</ion-item-divider>\n", styles: [":host{--kirby-section-header-color: var(--kirby-text-color-black)}:host ion-item-divider{--inner-padding-end: 0;--background: transparent;font-weight:inherit;min-height:0;z-index:initial;align-items:flex-end;--padding-end: 16px;--padding-start: 16px}:host ion-item-divider ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ion-item-divider ::ng-deep>[detail],:host ion-item-divider ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: SectionHeaderComponent, decorators: [{
             type: Component,
-            args: [{ imports: [IonItemDivider], selector: 'kirby-section-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-item-divider>\n  <ng-content></ng-content>\n</ion-item-divider>\n", styles: [":host{--kirby-section-header-color: var(--kirby-text-color-black)}:host ion-item-divider{--inner-padding-end: 0;--background: transparent;font-weight:inherit;min-height:0;z-index:initial;--padding-end: 16px;--padding-start: 16px}:host ion-item-divider ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ion-item-divider ::ng-deep>[detail],:host ion-item-divider ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+            args: [{ imports: [IonItemDivider], selector: 'kirby-section-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-item-divider>\n  <ng-content></ng-content>\n</ion-item-divider>\n", styles: [":host{--kirby-section-header-color: var(--kirby-text-color-black)}:host ion-item-divider{--inner-padding-end: 0;--background: transparent;font-weight:inherit;min-height:0;z-index:initial;align-items:flex-end;--padding-end: 16px;--padding-start: 16px}:host ion-item-divider ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ion-item-divider ::ng-deep>[detail],:host ion-item-divider ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }] });
 
 /**

package/fesm2022/kirbydesign-designsystem-section-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-section-header.mjs","sources":["../../section-header/src/section-header.component.ts","../../section-header/src/section-header.component.html","../../section-header/src/kirbydesign-designsystem-section-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { IonItemDivider } from '@ionic/angular/standalone';\n\n@Component({\n  imports: [IonItemDivider],\n  selector: 'kirby-section-header',\n  templateUrl: './section-header.component.html',\n  styleUrls: ['./section-header.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionHeaderComponent {}\n","<ion-item-divider>\n  <ng-content></ng-content>\n</ion-item-divider>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAUa,sBAAsB,CAAA;iIAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVnC,wEAGA,EAAA,MAAA,EAAA,CAAA,qqBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCY,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMb,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAC,cAAc,CAAC,EAAA,QAAA,EACf,sBAAsB,EAAA,eAAA,EAGf,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wEAAA,EAAA,MAAA,EAAA,CAAA,qqBAAA,CAAA,EAAA;;;AERjD;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-section-header.mjs","sources":["../../section-header/src/section-header.component.ts","../../section-header/src/section-header.component.html","../../section-header/src/kirbydesign-designsystem-section-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { IonItemDivider } from '@ionic/angular/standalone';\n\n@Component({\n  imports: [IonItemDivider],\n  selector: 'kirby-section-header',\n  templateUrl: './section-header.component.html',\n  styleUrls: ['./section-header.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionHeaderComponent {}\n","<ion-item-divider>\n  <ng-content></ng-content>\n</ion-item-divider>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAUa,sBAAsB,CAAA;iIAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVnC,wEAGA,EAAA,MAAA,EAAA,CAAA,gsBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCY,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMb,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAC,cAAc,CAAC,EAAA,QAAA,EACf,sBAAsB,EAAA,eAAA,EAGf,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wEAAA,EAAA,MAAA,EAAA,CAAA,gsBAAA,CAAA,EAAA;;;AERjD;;AAEG;;;;"}

package/flag/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-flag.mjs",
+  "typings": "../types/kirbydesign-designsystem-flag.d.ts"
+}

package/form-field/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-form-field.mjs",
+  "typings": "../types/kirbydesign-designsystem-form-field.d.ts"
+}

package/header/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-header.mjs",
+  "typings": "../types/kirbydesign-designsystem-header.d.ts"
+}

package/helpers/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-helpers.mjs",
+  "typings": "../types/kirbydesign-designsystem-helpers.d.ts"
+}

package/helpers/scss/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/kirbydesign-designsystem-helpers-scss.mjs",
+  "typings": "../../types/kirbydesign-designsystem-helpers-scss.d.ts"
+}

package/icon/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-icon.mjs",
+  "typings": "../types/kirbydesign-designsystem-icon.d.ts"
+}

package/item/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-item.mjs",
+  "typings": "../types/kirbydesign-designsystem-item.d.ts"
+}

package/item-group/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-item-group.mjs",
+  "typings": "../types/kirbydesign-designsystem-item-group.d.ts"
+}

package/item-sliding/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-item-sliding.mjs",
+  "typings": "../types/kirbydesign-designsystem-item-sliding.d.ts"
+}

package/kirby-app/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-kirby-app.mjs",
+  "typings": "../types/kirbydesign-designsystem-kirby-app.d.ts"
+}

package/list/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-list.mjs",
+  "typings": "../types/kirbydesign-designsystem-list.d.ts"
+}

package/loading-overlay/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-loading-overlay.mjs",
+  "typings": "../types/kirbydesign-designsystem-loading-overlay.d.ts"
+}

package/menu/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-menu.mjs",
+  "typings": "../types/kirbydesign-designsystem-menu.d.ts"
+}

package/modal/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-modal.mjs",
+  "typings": "../types/kirbydesign-designsystem-modal.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "11.6.0",
+  "version": "11.6.1",
   "description": "The Kirby Design Angular Components.",
   "author": "kirby@bankdata.dk",
   "repository": {
@@ -28,7 +28,7 @@
     "@floating-ui/dom": "^1.1.0",
     "@fontsource/roboto": "^5.2.6",
     "@ionic/angular": "8.6.3",
-    "@kirbydesign/core": "^0.0.85",
+    "@kirbydesign/core": "^0.0.86",
     "chart.js": "^3.9.1",
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",

package/page/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-page.mjs",
+  "typings": "../types/kirbydesign-designsystem-page.d.ts"
+}

package/popover/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-popover.mjs",
+  "typings": "../types/kirbydesign-designsystem-popover.d.ts"
+}

package/progress-circle/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-progress-circle.mjs",
+  "typings": "../types/kirbydesign-designsystem-progress-circle.d.ts"
+}

package/radio/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-radio.mjs",
+  "typings": "../types/kirbydesign-designsystem-radio.d.ts"
+}

package/range/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-range.mjs",
+  "typings": "../types/kirbydesign-designsystem-range.d.ts"
+}

package/reorder-list/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-reorder-list.mjs",
+  "typings": "../types/kirbydesign-designsystem-reorder-list.d.ts"
+}

package/router-outlet/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-router-outlet.mjs",
+  "typings": "../types/kirbydesign-designsystem-router-outlet.d.ts"
+}

package/section-header/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-section-header.mjs",
+  "typings": "../types/kirbydesign-designsystem-section-header.d.ts"
+}

package/shared/floating/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/kirbydesign-designsystem-shared-floating.mjs",
+  "typings": "../../types/kirbydesign-designsystem-shared-floating.d.ts"
+}

package/shared/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-shared.mjs",
+  "typings": "../types/kirbydesign-designsystem-shared.d.ts"
+}

package/shared/portal/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/kirbydesign-designsystem-shared-portal.mjs",
+  "typings": "../../types/kirbydesign-designsystem-shared-portal.d.ts"
+}

package/slide/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-slide.mjs",
+  "typings": "../types/kirbydesign-designsystem-slide.d.ts"
+}

package/slide-button/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-slide-button.mjs",
+  "typings": "../types/kirbydesign-designsystem-slide-button.d.ts"
+}

package/spinner/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-spinner.mjs",
+  "typings": "../types/kirbydesign-designsystem-spinner.d.ts"
+}

package/tab-navigation/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-tab-navigation.mjs",
+  "typings": "../types/kirbydesign-designsystem-tab-navigation.d.ts"
+}

package/tabs/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-tabs.mjs",
+  "typings": "../types/kirbydesign-designsystem-tabs.d.ts"
+}

package/testing/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing.d.ts"
+}

package/testing-base/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing-base.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing-base.d.ts"
+}

package/testing-jasmine/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing-jasmine.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing-jasmine.d.ts"
+}

package/testing-jest/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing-jest.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing-jest.d.ts"
+}

package/toast/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-toast.mjs",
+  "typings": "../types/kirbydesign-designsystem-toast.d.ts"
+}

package/toggle/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-toggle.mjs",
+  "typings": "../types/kirbydesign-designsystem-toggle.d.ts"
+}

package/toggle-button/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-toggle-button.mjs",
+  "typings": "../types/kirbydesign-designsystem-toggle-button.d.ts"
+}

package/types/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-types.mjs",
+  "typings": "kirbydesign-designsystem-types.d.ts"
+}