@kirbydesign/designsystem 8.2.0-rc.2 → 8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/README.md +7 -0
  2. package/action-group/action-group.component.d.ts +10 -6
  3. package/esm2020/action-group/action-group.component.mjs +25 -29
  4. package/esm2020/header/header.component.mjs +12 -26
  5. package/esm2020/header/public_api.mjs +2 -2
  6. package/esm2020/page/page.component.mjs +8 -23
  7. package/fesm2015/kirbydesign-designsystem-accordion.mjs +0 -1
  8. package/fesm2015/kirbydesign-designsystem-action-group.mjs +25 -30
  9. package/fesm2015/kirbydesign-designsystem-action-group.mjs.map +1 -1
  10. package/fesm2015/kirbydesign-designsystem-alert-experimental.mjs +0 -1
  11. package/fesm2015/kirbydesign-designsystem-avatar.mjs +0 -1
  12. package/fesm2015/kirbydesign-designsystem-button.mjs +0 -1
  13. package/fesm2015/kirbydesign-designsystem-calendar.mjs +0 -1
  14. package/fesm2015/kirbydesign-designsystem-card.mjs +0 -1
  15. package/fesm2015/kirbydesign-designsystem-chart.mjs +0 -1
  16. package/fesm2015/kirbydesign-designsystem-checkbox.mjs +0 -1
  17. package/fesm2015/kirbydesign-designsystem-data-table.mjs +0 -1
  18. package/fesm2015/kirbydesign-designsystem-divider.mjs +0 -1
  19. package/fesm2015/kirbydesign-designsystem-dropdown.mjs +0 -1
  20. package/fesm2015/kirbydesign-designsystem-empty-state.mjs +0 -1
  21. package/fesm2015/kirbydesign-designsystem-fab-sheet.mjs +0 -1
  22. package/fesm2015/kirbydesign-designsystem-flag.mjs +0 -1
  23. package/fesm2015/kirbydesign-designsystem-form-field.mjs +0 -1
  24. package/fesm2015/kirbydesign-designsystem-grid.mjs +0 -1
  25. package/fesm2015/kirbydesign-designsystem-header.mjs +12 -29
  26. package/fesm2015/kirbydesign-designsystem-header.mjs.map +1 -1
  27. package/fesm2015/kirbydesign-designsystem-helpers-scss.mjs +0 -1
  28. package/fesm2015/kirbydesign-designsystem-helpers.mjs +0 -1
  29. package/fesm2015/kirbydesign-designsystem-icon.mjs +0 -1
  30. package/fesm2015/kirbydesign-designsystem-item-group.mjs +0 -1
  31. package/fesm2015/kirbydesign-designsystem-item-sliding.mjs +0 -1
  32. package/fesm2015/kirbydesign-designsystem-item.mjs +0 -1
  33. package/fesm2015/kirbydesign-designsystem-kirby-app.mjs +0 -1
  34. package/fesm2015/kirbydesign-designsystem-kirby-ionic-module.mjs +0 -1
  35. package/fesm2015/kirbydesign-designsystem-list.mjs +0 -1
  36. package/fesm2015/kirbydesign-designsystem-loading-overlay.mjs +0 -1
  37. package/fesm2015/kirbydesign-designsystem-modal-v2.mjs +0 -1
  38. package/fesm2015/kirbydesign-designsystem-modal.mjs +0 -1
  39. package/fesm2015/kirbydesign-designsystem-page.mjs +7 -23
  40. package/fesm2015/kirbydesign-designsystem-page.mjs.map +1 -1
  41. package/fesm2015/kirbydesign-designsystem-popover.mjs +0 -1
  42. package/fesm2015/kirbydesign-designsystem-progress-circle.mjs +0 -1
  43. package/fesm2015/kirbydesign-designsystem-radio.mjs +0 -1
  44. package/fesm2015/kirbydesign-designsystem-range.mjs +0 -1
  45. package/fesm2015/kirbydesign-designsystem-reorder-list.mjs +0 -1
  46. package/fesm2015/kirbydesign-designsystem-router-outlet.mjs +0 -1
  47. package/fesm2015/kirbydesign-designsystem-section-header.mjs +0 -1
  48. package/fesm2015/kirbydesign-designsystem-shared-floating.mjs +0 -1
  49. package/fesm2015/kirbydesign-designsystem-shared-portal.mjs +0 -1
  50. package/fesm2015/kirbydesign-designsystem-shared.mjs +0 -1
  51. package/fesm2015/kirbydesign-designsystem-slide-button.mjs +0 -1
  52. package/fesm2015/kirbydesign-designsystem-slide.mjs +0 -1
  53. package/fesm2015/kirbydesign-designsystem-spinner.mjs +0 -1
  54. package/fesm2015/kirbydesign-designsystem-tabs.mjs +0 -1
  55. package/fesm2015/kirbydesign-designsystem-testing-base.mjs +0 -1
  56. package/fesm2015/kirbydesign-designsystem-testing-jasmine.mjs +0 -1
  57. package/fesm2015/kirbydesign-designsystem-testing-jest.mjs +0 -1
  58. package/fesm2015/kirbydesign-designsystem-testing.mjs +0 -1
  59. package/fesm2015/kirbydesign-designsystem-toast.mjs +0 -1
  60. package/fesm2015/kirbydesign-designsystem-toggle-button.mjs +0 -1
  61. package/fesm2015/kirbydesign-designsystem-toggle.mjs +0 -1
  62. package/fesm2015/kirbydesign-designsystem-types.mjs +0 -1
  63. package/fesm2015/kirbydesign-designsystem.mjs +0 -1
  64. package/fesm2020/kirbydesign-designsystem-accordion.mjs +0 -1
  65. package/fesm2020/kirbydesign-designsystem-action-group.mjs +25 -30
  66. package/fesm2020/kirbydesign-designsystem-action-group.mjs.map +1 -1
  67. package/fesm2020/kirbydesign-designsystem-alert-experimental.mjs +0 -1
  68. package/fesm2020/kirbydesign-designsystem-avatar.mjs +0 -1
  69. package/fesm2020/kirbydesign-designsystem-button.mjs +0 -1
  70. package/fesm2020/kirbydesign-designsystem-calendar.mjs +0 -1
  71. package/fesm2020/kirbydesign-designsystem-card.mjs +0 -1
  72. package/fesm2020/kirbydesign-designsystem-chart.mjs +0 -1
  73. package/fesm2020/kirbydesign-designsystem-checkbox.mjs +0 -1
  74. package/fesm2020/kirbydesign-designsystem-data-table.mjs +0 -1
  75. package/fesm2020/kirbydesign-designsystem-divider.mjs +0 -1
  76. package/fesm2020/kirbydesign-designsystem-dropdown.mjs +0 -1
  77. package/fesm2020/kirbydesign-designsystem-empty-state.mjs +0 -1
  78. package/fesm2020/kirbydesign-designsystem-fab-sheet.mjs +0 -1
  79. package/fesm2020/kirbydesign-designsystem-flag.mjs +0 -1
  80. package/fesm2020/kirbydesign-designsystem-form-field.mjs +0 -1
  81. package/fesm2020/kirbydesign-designsystem-grid.mjs +0 -1
  82. package/fesm2020/kirbydesign-designsystem-header.mjs +12 -27
  83. package/fesm2020/kirbydesign-designsystem-header.mjs.map +1 -1
  84. package/fesm2020/kirbydesign-designsystem-helpers-scss.mjs +0 -1
  85. package/fesm2020/kirbydesign-designsystem-helpers.mjs +0 -1
  86. package/fesm2020/kirbydesign-designsystem-icon.mjs +0 -1
  87. package/fesm2020/kirbydesign-designsystem-item-group.mjs +0 -1
  88. package/fesm2020/kirbydesign-designsystem-item-sliding.mjs +0 -1
  89. package/fesm2020/kirbydesign-designsystem-item.mjs +0 -1
  90. package/fesm2020/kirbydesign-designsystem-kirby-app.mjs +0 -1
  91. package/fesm2020/kirbydesign-designsystem-kirby-ionic-module.mjs +0 -1
  92. package/fesm2020/kirbydesign-designsystem-list.mjs +0 -1
  93. package/fesm2020/kirbydesign-designsystem-loading-overlay.mjs +0 -1
  94. package/fesm2020/kirbydesign-designsystem-modal-v2.mjs +0 -1
  95. package/fesm2020/kirbydesign-designsystem-modal.mjs +0 -1
  96. package/fesm2020/kirbydesign-designsystem-page.mjs +7 -23
  97. package/fesm2020/kirbydesign-designsystem-page.mjs.map +1 -1
  98. package/fesm2020/kirbydesign-designsystem-popover.mjs +0 -1
  99. package/fesm2020/kirbydesign-designsystem-progress-circle.mjs +0 -1
  100. package/fesm2020/kirbydesign-designsystem-radio.mjs +0 -1
  101. package/fesm2020/kirbydesign-designsystem-range.mjs +0 -1
  102. package/fesm2020/kirbydesign-designsystem-reorder-list.mjs +0 -1
  103. package/fesm2020/kirbydesign-designsystem-router-outlet.mjs +0 -1
  104. package/fesm2020/kirbydesign-designsystem-section-header.mjs +0 -1
  105. package/fesm2020/kirbydesign-designsystem-shared-floating.mjs +0 -1
  106. package/fesm2020/kirbydesign-designsystem-shared-portal.mjs +0 -1
  107. package/fesm2020/kirbydesign-designsystem-shared.mjs +0 -1
  108. package/fesm2020/kirbydesign-designsystem-slide-button.mjs +0 -1
  109. package/fesm2020/kirbydesign-designsystem-slide.mjs +0 -1
  110. package/fesm2020/kirbydesign-designsystem-spinner.mjs +0 -1
  111. package/fesm2020/kirbydesign-designsystem-tabs.mjs +0 -1
  112. package/fesm2020/kirbydesign-designsystem-testing-base.mjs +0 -1
  113. package/fesm2020/kirbydesign-designsystem-testing-jasmine.mjs +0 -1
  114. package/fesm2020/kirbydesign-designsystem-testing-jest.mjs +0 -1
  115. package/fesm2020/kirbydesign-designsystem-testing.mjs +0 -1
  116. package/fesm2020/kirbydesign-designsystem-toast.mjs +0 -1
  117. package/fesm2020/kirbydesign-designsystem-toggle-button.mjs +0 -1
  118. package/fesm2020/kirbydesign-designsystem-toggle.mjs +0 -1
  119. package/fesm2020/kirbydesign-designsystem-types.mjs +0 -1
  120. package/fesm2020/kirbydesign-designsystem.mjs +0 -1
  121. package/header/header.component.d.ts +5 -11
  122. package/header/public_api.d.ts +1 -1
  123. package/package.json +2 -2
  124. package/page/page.component.d.ts +3 -4
  125. package/icon/src/README.md +0 -16
@@ -41,4 +41,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
41
41
 
42
42
  export { ToggleComponent };
43
43
  //# sourceMappingURL=kirbydesign-designsystem-toggle.mjs.map
44
- //# sourceMappingURL=kirbydesign-designsystem-toggle.mjs.map
@@ -21,4 +21,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
21
21
 
22
22
  export { WindowRef };
23
23
  //# sourceMappingURL=kirbydesign-designsystem-types.mjs.map
24
- //# sourceMappingURL=kirbydesign-designsystem-types.mjs.map
@@ -742,4 +742,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
742
742
 
743
743
  export { KirbyBadge as BadgeComponent, KeyHandlerDirective, KirbyBadgeModule, KirbyExperimentalModule, KirbyModule, ModalRouterLinkDirective, PageLocalNavigationComponent, SegmentedControlComponent, SegmentedControlMode };
744
744
  //# sourceMappingURL=kirbydesign-designsystem.mjs.map
745
- //# sourceMappingURL=kirbydesign-designsystem.mjs.map
@@ -1,12 +1,8 @@
1
- import { AfterContentInit, ElementRef, InjectionToken, Injector, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
1
+ import { AfterContentInit, ElementRef, Injector, OnInit, TemplateRef } from '@angular/core';
2
2
  import { AvatarComponent } from '@kirbydesign/designsystem/avatar';
3
3
  import { FlagComponent } from '@kirbydesign/designsystem/flag';
4
4
  import type { FitHeadingConfig } from '@kirbydesign/designsystem/shared';
5
5
  import * as i0 from "@angular/core";
6
- export declare type HeaderConfig = {
7
- titleMaxLines?: number;
8
- };
9
- export declare const HEADER_CONFIG: InjectionToken<HeaderConfig>;
10
6
  export declare class HeaderActionsDirective {
11
7
  static ɵfac: i0.ɵɵFactoryDeclaration<HeaderActionsDirective, never>;
12
8
  static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderActionsDirective, "[kirbyHeaderActions]", never, {}, {}, never, never, false, never>;
@@ -15,10 +11,9 @@ export declare class HeaderCustomSectionDirective {
15
11
  static ɵfac: i0.ɵɵFactoryDeclaration<HeaderCustomSectionDirective, never>;
16
12
  static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderCustomSectionDirective, "[kirbyHeaderCustomSection]", never, {}, {}, never, never, false, never>;
17
13
  }
18
- export declare class HeaderComponent implements AfterContentInit, OnChanges, OnInit {
14
+ export declare class HeaderComponent implements AfterContentInit, OnInit {
19
15
  private injector;
20
- private config?;
21
- centered: boolean;
16
+ centered?: boolean;
22
17
  titleMaxLines: number;
23
18
  emphasizeActions: boolean;
24
19
  fitHeadingConfig: FitHeadingConfig;
@@ -35,10 +30,9 @@ export declare class HeaderComponent implements AfterContentInit, OnChanges, OnI
35
30
  subtitle2: string;
36
31
  _actionGroupInjector: Injector;
37
32
  private actionGroupConfig;
38
- constructor(injector: Injector, config?: HeaderConfig);
33
+ constructor(injector: Injector);
39
34
  ngOnInit(): void;
40
35
  ngAfterContentInit(): void;
41
- ngOnChanges(changes: SimpleChanges): void;
42
- static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null, { optional: true; }]>;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
43
37
  static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kirby-header", never, { "centered": "centered"; "titleMaxLines": "titleMaxLines"; "emphasizeActions": "emphasizeActions"; "title": "title"; "value": "value"; "valueUnit": "valueUnit"; "subtitle1": "subtitle1"; "subtitle2": "subtitle2"; }, {}, ["avatar", "flag", "actionsTemplate", "customSectionTemplate"], ["kirby-avatar", "kirby-flag"], false, never>;
44
38
  }
@@ -1,2 +1,2 @@
1
- export { HeaderComponent, HeaderActionsDirective, HeaderCustomSectionDirective, HeaderConfig, HEADER_CONFIG, } from './header.component';
1
+ export { HeaderComponent, HeaderActionsDirective, HeaderCustomSectionDirective, } from './header.component';
2
2
  export { HeaderModule } from './header.module';
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@kirbydesign/designsystem",
3
- "version": "8.2.0-rc.2",
3
+ "version": "8.2.0",
4
4
  "dependencies": {
5
5
  "@floating-ui/dom": "^1.1.0",
6
6
  "@fontsource/roboto": "4.2.1",
7
7
  "@ionic/angular": "6.2.1",
8
- "@kirbydesign/core": "0.0.44",
8
+ "@kirbydesign/core": "0.0.45",
9
9
  "inputmask": "5.0.5",
10
10
  "tslib": "^2.3.0"
11
11
  },
@@ -3,7 +3,7 @@ import { Router } from '@angular/router';
3
3
  import { TabsComponent } from '@kirbydesign/designsystem/tabs';
4
4
  import { ModalElementComponent, ModalElementsAdvertiser, ModalNavigationService, ModalWrapperComponent } from '@kirbydesign/designsystem/modal';
5
5
  import { FitHeadingConfig, ResizeObserverService } from '@kirbydesign/designsystem/shared';
6
- import { HeaderComponent, HeaderConfig } from '@kirbydesign/designsystem/header';
6
+ import { HeaderComponent } from '@kirbydesign/designsystem/header';
7
7
  import * as i0 from "@angular/core";
8
8
  declare type stickyConfig = {
9
9
  sticky: boolean;
@@ -85,7 +85,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
85
85
  private zone;
86
86
  private modalNavigationService;
87
87
  private resizeObserverService;
88
- private headerConfig;
89
88
  private tabsComponent;
90
89
  title: string;
91
90
  subtitle: string;
@@ -144,7 +143,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
144
143
  private navigationStart$;
145
144
  private navigationEnd$;
146
145
  toolbarActionGroupInjector: Injector;
147
- constructor(elementRef: ElementRef, injector: Injector, renderer: Renderer2, router: Router, changeDetectorRef: ChangeDetectorRef, zone: NgZone, modalNavigationService: ModalNavigationService, resizeObserverService: ResizeObserverService, headerConfig: HeaderConfig, tabsComponent: TabsComponent);
146
+ constructor(elementRef: ElementRef, injector: Injector, renderer: Renderer2, router: Router, changeDetectorRef: ChangeDetectorRef, zone: NgZone, modalNavigationService: ModalNavigationService, resizeObserverService: ResizeObserverService, tabsComponent: TabsComponent);
148
147
  private contentReadyPromise;
149
148
  private whenContentReady;
150
149
  ngOnInit(): void;
@@ -174,7 +173,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
174
173
  }): void;
175
174
  _onKeyboardWillHide(): void;
176
175
  _onSelectedTabClick(): void;
177
- static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
176
+ static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
178
177
  static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "maxWidth": "maxWidth"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; "backButtonClick": "backButtonClick"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "stickyContentRef", "header", "customActions", "customContent"], ["kirby-header", "kirby-page-footer", "kirby-page-actions", "kirby-page-content"], false, never>;
179
178
  }
180
179
  export {};
@@ -1,16 +0,0 @@
1
- # Add new icons
2
-
3
- To add new icons, you should use the [icomoon app](https://icomoon.io).
4
-
5
- ## Generate font from svg's
6
-
7
- 1. Upload selection.json to get existing icons and settings
8
- 2. Upload new icons
9
- 3. Download Font
10
-
11
- ## Update kirby icons
12
-
13
- 1. Replace src/kirby/icon/selection.json, with newly generated selection.json
14
- 2. Replace src/fonts/kirby.ttf, with newly generated kirby.ttf
15
- 3. Update kirby-custom-icon-settings.ts with new icons (old icons should not have changed)
16
- 4. Add new icon svg's to src/assets/icons/kirby