@lifecorner/angular-ui-kit 3.7.0 → 3.9.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 (69) hide show
  1. package/README.md +1 -0
  2. package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs +4 -4
  3. package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs.map +1 -1
  4. package/fesm2022/lifecorner-angular-ui-kit-button.mjs +39 -6
  5. package/fesm2022/lifecorner-angular-ui-kit-button.mjs.map +1 -1
  6. package/fesm2022/lifecorner-angular-ui-kit-character-svg.mjs +91 -0
  7. package/fesm2022/lifecorner-angular-ui-kit-character-svg.mjs.map +1 -0
  8. package/fesm2022/lifecorner-angular-ui-kit-character.mjs +138 -0
  9. package/fesm2022/lifecorner-angular-ui-kit-character.mjs.map +1 -0
  10. package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs +2 -1
  11. package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs.map +1 -1
  12. package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs +2 -1
  13. package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs.map +1 -1
  14. package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs +2 -1
  15. package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs.map +1 -1
  16. package/fesm2022/lifecorner-angular-ui-kit-header.mjs +2 -1
  17. package/fesm2022/lifecorner-angular-ui-kit-header.mjs.map +1 -1
  18. package/fesm2022/lifecorner-angular-ui-kit-list.mjs +2 -1
  19. package/fesm2022/lifecorner-angular-ui-kit-list.mjs.map +1 -1
  20. package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs +2 -1
  21. package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs.map +1 -1
  22. package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs +2 -2
  23. package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs.map +1 -1
  24. package/fesm2022/lifecorner-angular-ui-kit-skeleton.mjs +2 -2
  25. package/fesm2022/lifecorner-angular-ui-kit-skeleton.mjs.map +1 -1
  26. package/fesm2022/lifecorner-angular-ui-kit-table.mjs +2 -1
  27. package/fesm2022/lifecorner-angular-ui-kit-table.mjs.map +1 -1
  28. package/fesm2022/lifecorner-angular-ui-kit.mjs +2 -0
  29. package/package.json +12 -1
  30. package/src/assets/README.md +4 -0
  31. package/src/assets/character/all-done-dark.svg +1 -0
  32. package/src/assets/character/all-done-light.svg +1 -0
  33. package/src/assets/character/calm-dark.svg +1 -0
  34. package/src/assets/character/calm-light.svg +1 -0
  35. package/src/assets/character/comforts-dark.svg +1 -0
  36. package/src/assets/character/comforts-light.svg +1 -0
  37. package/src/assets/character/connection-paused-dark.svg +1 -0
  38. package/src/assets/character/connection-paused-light.svg +1 -0
  39. package/src/assets/character/connects-dark.svg +1 -0
  40. package/src/assets/character/connects-light.svg +1 -0
  41. package/src/assets/character/discovered-dark.svg +1 -0
  42. package/src/assets/character/discovered-light.svg +1 -0
  43. package/src/assets/character/happy-dark.svg +1 -0
  44. package/src/assets/character/happy-light.svg +1 -0
  45. package/src/assets/character/hello-dark.svg +1 -0
  46. package/src/assets/character/hello-light.svg +1 -0
  47. package/src/assets/character/in-his-corner-dark.svg +1 -0
  48. package/src/assets/character/in-his-corner-light.svg +1 -0
  49. package/src/assets/character/resting-dark.svg +1 -0
  50. package/src/assets/character/resting-light.svg +1 -0
  51. package/src/assets/character/see-you-dark.svg +1 -0
  52. package/src/assets/character/see-you-light.svg +1 -0
  53. package/src/assets/character/shows-the-way-dark.svg +1 -0
  54. package/src/assets/character/shows-the-way-light.svg +1 -0
  55. package/src/assets/character/thinking-dark.svg +1 -0
  56. package/src/assets/character/thinking-light.svg +1 -0
  57. package/src/assets/character/welcomes-member-dark.svg +1 -0
  58. package/src/assets/character/welcomes-member-light.svg +1 -0
  59. package/src/styles/_horizon.scss +95 -9
  60. package/src/styles/horizon.figure.spec.ts +79 -0
  61. package/src/styles/horizon.shell.spec.ts +67 -0
  62. package/src/styles/horizon.spec.ts +6 -4
  63. package/types/lifecorner-angular-ui-kit-app-shell.d.ts +15 -4
  64. package/types/lifecorner-angular-ui-kit-button.d.ts +30 -0
  65. package/types/lifecorner-angular-ui-kit-character-svg.d.ts +44 -0
  66. package/types/lifecorner-angular-ui-kit-character.d.ts +104 -0
  67. package/types/lifecorner-angular-ui-kit-page-header.d.ts +6 -1
  68. package/types/lifecorner-angular-ui-kit-skeleton.d.ts +7 -1
  69. package/types/lifecorner-angular-ui-kit.d.ts +2 -0
@@ -2,6 +2,9 @@ import * as i0 from "@angular/core";
2
2
  /**
3
3
  * Visual size of the page header.
4
4
  * - `compact` — dense data-tool pages and section headings (18 px)
5
+ * - `secondary` — a second title under the page's main one, e.g. the other
6
+ * language of a bilingual page (20 px, `--font-size-xl`;
7
+ * the `compact` spacing; 3.9, AS-25)
5
8
  * - `default` — standard app pages (24 px)
6
9
  * - `comfortable` — landing-page hero feel (30 px)
7
10
  * - `title` — the "Weite" page title: 32 px on phones, 40 / 44 / 48 px
@@ -11,7 +14,7 @@ import * as i0 from "@angular/core";
11
14
  * - `auth` — the sign-in and registration `<h1>`: 30 px, 34 px from
12
15
  * 1024 px (`--font-size-auth-title`)
13
16
  */
14
- export type PageHeaderSize = 'compact' | 'default' | 'comfortable' | 'title' | 'display' | 'auth';
17
+ export type PageHeaderSize = 'compact' | 'secondary' | 'default' | 'comfortable' | 'title' | 'display' | 'auth';
15
18
  /**
16
19
  * Page header — top-of-page title block with optional subtitle,
17
20
  * breadcrumbs, badge, description and an actions area.
@@ -88,6 +91,8 @@ export declare class PageHeaderComponent {
88
91
  /**
89
92
  * Visual size of the page header.
90
93
  * - `compact` — dense data-tool pages and section headings (18 px)
94
+ * - `secondary` — a second title under the main one, e.g. the other
95
+ * language of a bilingual page (20 px, compact spacing)
91
96
  * - `default` — standard app pages (24 px)
92
97
  * - `comfortable` — landing-page hero feel (30 px)
93
98
  * - `title` — page title on the responsive title scale, 32–48 px
@@ -9,6 +9,9 @@ export type SkeletonVariant = 'line' | 'circle' | 'rect';
9
9
  * - Colours from `--color-skeleton` / `--color-skeleton-highlight`, overridable
10
10
  * with the `--lc-skeleton-bg` / `--lc-skeleton-highlight` hooks
11
11
  * - Custom width, height, and border radius
12
+ * - `--lc-skeleton-height` hook: the height from CSS (a container query, `cqi`),
13
+ * winning over the `height` input; set it on the `lc-skeleton` element (on a
14
+ * wrapper it reaches every skeleton inside)
12
15
  * - Composable for building complex loading layouts
13
16
  * - Dark mode compatible
14
17
  *
@@ -24,7 +27,10 @@ export declare class SkeletonComponent {
24
27
  readonly variant: import("@angular/core").InputSignal<SkeletonVariant>;
25
28
  /** Width (CSS value). Defaults to '100%' for line/rect, '40px' for circle. */
26
29
  readonly width: import("@angular/core").InputSignal<string | undefined>;
27
- /** Height (CSS value). Defaults to '0.875rem' for line, '40px' for circle, '100px' for rect. */
30
+ /**
31
+ * Height (CSS value). Defaults to '0.875rem' for line, '40px' for circle, '100px' for rect.
32
+ * The `--lc-skeleton-height` custom property, when set, wins over it.
33
+ */
28
34
  readonly height: import("@angular/core").InputSignal<string | undefined>;
29
35
  /** Border radius override (CSS value). */
30
36
  readonly borderRadius: import("@angular/core").InputSignal<string | undefined>;
@@ -9,6 +9,8 @@ export * from "@lifecorner/angular-ui-kit/icon";
9
9
  export * from "@lifecorner/angular-ui-kit/icon-names";
10
10
  export * from "@lifecorner/angular-ui-kit/icons";
11
11
  export * from "@lifecorner/angular-ui-kit/logo";
12
+ export * from "@lifecorner/angular-ui-kit/character";
13
+ export * from "@lifecorner/angular-ui-kit/character-svg";
12
14
  export * from "@lifecorner/angular-ui-kit/menu";
13
15
  export * from "@lifecorner/angular-ui-kit/input";
14
16
  export * from "@lifecorner/angular-ui-kit/radio";