@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.
- package/README.md +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs +4 -4
- package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-button.mjs +39 -6
- package/fesm2022/lifecorner-angular-ui-kit-button.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-character-svg.mjs +91 -0
- package/fesm2022/lifecorner-angular-ui-kit-character-svg.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-character.mjs +138 -0
- package/fesm2022/lifecorner-angular-ui-kit-character.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-header.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-header.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-list.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-list.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs +2 -2
- package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-skeleton.mjs +2 -2
- package/fesm2022/lifecorner-angular-ui-kit-skeleton.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-table.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-table.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit.mjs +2 -0
- package/package.json +12 -1
- package/src/assets/README.md +4 -0
- package/src/assets/character/all-done-dark.svg +1 -0
- package/src/assets/character/all-done-light.svg +1 -0
- package/src/assets/character/calm-dark.svg +1 -0
- package/src/assets/character/calm-light.svg +1 -0
- package/src/assets/character/comforts-dark.svg +1 -0
- package/src/assets/character/comforts-light.svg +1 -0
- package/src/assets/character/connection-paused-dark.svg +1 -0
- package/src/assets/character/connection-paused-light.svg +1 -0
- package/src/assets/character/connects-dark.svg +1 -0
- package/src/assets/character/connects-light.svg +1 -0
- package/src/assets/character/discovered-dark.svg +1 -0
- package/src/assets/character/discovered-light.svg +1 -0
- package/src/assets/character/happy-dark.svg +1 -0
- package/src/assets/character/happy-light.svg +1 -0
- package/src/assets/character/hello-dark.svg +1 -0
- package/src/assets/character/hello-light.svg +1 -0
- package/src/assets/character/in-his-corner-dark.svg +1 -0
- package/src/assets/character/in-his-corner-light.svg +1 -0
- package/src/assets/character/resting-dark.svg +1 -0
- package/src/assets/character/resting-light.svg +1 -0
- package/src/assets/character/see-you-dark.svg +1 -0
- package/src/assets/character/see-you-light.svg +1 -0
- package/src/assets/character/shows-the-way-dark.svg +1 -0
- package/src/assets/character/shows-the-way-light.svg +1 -0
- package/src/assets/character/thinking-dark.svg +1 -0
- package/src/assets/character/thinking-light.svg +1 -0
- package/src/assets/character/welcomes-member-dark.svg +1 -0
- package/src/assets/character/welcomes-member-light.svg +1 -0
- package/src/styles/_horizon.scss +95 -9
- package/src/styles/horizon.figure.spec.ts +79 -0
- package/src/styles/horizon.shell.spec.ts +67 -0
- package/src/styles/horizon.spec.ts +6 -4
- package/types/lifecorner-angular-ui-kit-app-shell.d.ts +15 -4
- package/types/lifecorner-angular-ui-kit-button.d.ts +30 -0
- package/types/lifecorner-angular-ui-kit-character-svg.d.ts +44 -0
- package/types/lifecorner-angular-ui-kit-character.d.ts +104 -0
- package/types/lifecorner-angular-ui-kit-page-header.d.ts +6 -1
- package/types/lifecorner-angular-ui-kit-skeleton.d.ts +7 -1
- 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
|
-
/**
|
|
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";
|