@lluc_llull/ui-lib 0.4.3 → 0.4.5

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 (29) hide show
  1. package/esm2022/lib/Enum/index.mjs +2 -0
  2. package/esm2022/lib/components/core/category-progress/category-progress.component.mjs +3 -3
  3. package/esm2022/lib/components/core/header-clear/header-clear.component.mjs +6 -3
  4. package/esm2022/lib/components/core/header-clear/header-clear.interface.mjs +1 -1
  5. package/esm2022/lib/components/core/header-mobile/header-mobile.component.mjs +6 -3
  6. package/esm2022/lib/components/core/header-mobile/header-mobile.interface.mjs +1 -1
  7. package/esm2022/lib/components/core/hero-section/hero-section.component.mjs +5 -3
  8. package/esm2022/lib/components/core/hero-section/hero-section.interface.mjs +1 -1
  9. package/esm2022/lib/components/core/lang-modal/lang-modal.component.mjs +3 -3
  10. package/esm2022/lib/components/core/nav-modal/nav-modal.component.mjs +3 -3
  11. package/esm2022/lib/components/core/section-intro/section-intro.component.mjs +3 -3
  12. package/esm2022/lib/directives/index.mjs +2 -0
  13. package/esm2022/lib/services/mapper/component-mappers/header-clear.mapper.mjs +3 -2
  14. package/esm2022/lib/services/mapper/component-mappers/hero-section.mapper.mjs +2 -1
  15. package/esm2022/public-api.mjs +5 -3
  16. package/fesm2022/lluc_llull-ui-lib.mjs +24 -18
  17. package/fesm2022/lluc_llull-ui-lib.mjs.map +1 -1
  18. package/lib/Enum/index.d.ts +1 -0
  19. package/lib/components/core/header-clear/header-clear.component.d.ts +3 -1
  20. package/lib/components/core/header-clear/header-clear.interface.d.ts +2 -0
  21. package/lib/components/core/header-mobile/header-mobile.component.d.ts +3 -1
  22. package/lib/components/core/header-mobile/header-mobile.interface.d.ts +2 -0
  23. package/lib/components/core/hero-section/hero-section.component.d.ts +3 -2
  24. package/lib/components/core/hero-section/hero-section.interface.d.ts +1 -0
  25. package/lib/directives/index.d.ts +1 -0
  26. package/package.json +1 -1
  27. package/public-api.d.ts +3 -1
  28. package/src/lib/styles/main.css +25 -9
  29. package/styles/main.css +25 -9
package/lib/components/core/header-mobile/header-mobile.interface.d.ts CHANGED
@@ -1,7 +1,9 @@
1
+ import { UiLibButtonI } from "../../../interfaces/ui-lib-button.interface";
1
2
  import { UiLibImageI } from "../../../interfaces/ui-lib-image.interface";
2
3
  import { UiLibNavItemsI } from "../../../interfaces/ui-lib-nav-items.interface";
3
4
  export interface HeaderMobileI {
4
5
  logo?: UiLibImageI;
5
6
  lang?: string;
6
7
  navItems?: UiLibNavItemsI[];
8
+ homeLink?: UiLibButtonI;
7
9
  }
package/lib/components/core/hero-section/hero-section.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { UiLibButtonI } from '../../../interfaces';
1
+ import { UiLibButtonI } from '../../../interfaces/ui-lib-button.interface';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class HeroSectionComponent {
4
4
  pretitle?: string;
@@ -6,6 +6,7 @@ export declare class HeroSectionComponent {
6
6
  subtitle?: string;
7
7
  text?: string;
8
8
  buttons?: UiLibButtonI[];
9
+ highlight?: string;
9
10
  static ɵfac: i0.ɵɵFactoryDeclaration<HeroSectionComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<HeroSectionComponent, "lib-hero-section", never, { "pretitle": { "alias": "pretitle"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "text": { "alias": "text"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, {}, never, never, true, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<HeroSectionComponent, "lib-hero-section", never, { "pretitle": { "alias": "pretitle"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "text": { "alias": "text"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; }, {}, never, never, true, never>;
11
12
  }
package/lib/components/core/hero-section/hero-section.interface.d.ts CHANGED
@@ -5,4 +5,5 @@ export interface HeroSectionI {
5
5
  subtitle?: string;
6
6
  text?: string;
7
7
  buttons?: UiLibButtonI[];
8
+ highlight?: string;
8
9
  }
package/lib/directives/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './link-type.directive';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lluc_llull/ui-lib",
3
- "version": "0.4.3",
3
+ "version": "0.4.5",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.0",
6
6
  "@angular/core": "^17.3.0"
package/public-api.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  export * from './lib/components/core/index';
2
2
  export * from './lib/services';
3
- export * from './lib/interfaces/index';
3
+ export * from './lib/interfaces';
4
4
  export * from './lib/utils';
5
+ export * from './lib/Enum';
6
+ export * from './lib/directives';
package/src/lib/styles/main.css CHANGED
@@ -9,6 +9,21 @@
9
9
  --spacing-sm: 0.5rem;
10
10
  --spacing-md: 1rem;
11
11
  --spacing-lg: 2rem;
12
+ --button-primary-bg: #007bff;
13
+ --button-primary-text: #f9f9f9;
14
+ --button-primary-bg-hover: #033468;
15
+ --button-primary-text-hover: #f9f9f9;
16
+ --button-secondary-bg: #6c757d;
17
+ --button-secondary-text: #f9f9f9;
18
+ --button-secondary-bg-hover: #1c1e20;
19
+ --button-secondary-text-hover: #f9f9f9;
20
+ --button-link-text: #111111;
21
+ --button-link-text-hover: #007bff;
22
+ --header-clear-bg: #007bff;
23
+ --header-mobile-bg: #007bff;
24
+ --modal-bg: #f9f9f9;
25
+ --close-btn: #111;
26
+ --item-text: #111;
12
27
  }
13
28
 
14
29
  .btn {
@@ -24,26 +39,27 @@
24
39
  }
25
40
 
26
41
  .btn-primary {
27
- background-color: var(--color-primary);
28
- color: white;
42
+ background-color: var(--button-primary-bg);
43
+ color: var(--button-primary-text);
29
44
  }
30
45
  .btn-primary:hover {
31
- background: color-mix(in srgb, var(--color-primary), black 10%);
46
+ background-color: var(--button-primary-bg-hover);
47
+ color: var(--button-primary-text-hover);
32
48
  }
33
49
 
34
50
  .btn-secondary {
35
51
  background: none;
36
- border: 1px solid var(--color-primary);
37
- color: var(--color-primary);
52
+ border: 1px solid var(--button-secondary-bg);
53
+ color: var(--button-secondary-text);
38
54
  }
39
55
  .btn-secondary:hover {
40
- background-color: var(--color-primary);
41
- color: white;
56
+ background-color: var(--button-secondary-bg-hover);
57
+ color: var(--button-secondary-text-hover);
42
58
  }
43
59
 
44
60
  .btn-link {
45
61
  background: none;
46
- color: var(--color-text);
62
+ color: var(--button-link-text);
47
63
  text-decoration: none;
48
64
  font-weight: 300;
49
65
  font-size: 1.1rem;
@@ -70,7 +86,7 @@
70
86
  left: 0;
71
87
  width: 0;
72
88
  height: 1px;
73
- background-color: var(--color-text);
89
+ background-color: var(--button-link-text);
74
90
  transition: width 0.5s;
75
91
  }
76
92
 
package/styles/main.css CHANGED
@@ -9,6 +9,21 @@
9
9
  --spacing-sm: 0.5rem;
10
10
  --spacing-md: 1rem;
11
11
  --spacing-lg: 2rem;
12
+ --button-primary-bg: #007bff;
13
+ --button-primary-text: #f9f9f9;
14
+ --button-primary-bg-hover: #033468;
15
+ --button-primary-text-hover: #f9f9f9;
16
+ --button-secondary-bg: #6c757d;
17
+ --button-secondary-text: #f9f9f9;
18
+ --button-secondary-bg-hover: #1c1e20;
19
+ --button-secondary-text-hover: #f9f9f9;
20
+ --button-link-text: #111111;
21
+ --button-link-text-hover: #007bff;
22
+ --header-clear-bg: #007bff;
23
+ --header-mobile-bg: #007bff;
24
+ --modal-bg: #f9f9f9;
25
+ --close-btn: #111;
26
+ --item-text: #111;
12
27
  }
13
28
 
14
29
  .btn {
@@ -24,26 +39,27 @@
24
39
  }
25
40
 
26
41
  .btn-primary {
27
- background-color: var(--color-primary);
28
- color: white;
42
+ background-color: var(--button-primary-bg);
43
+ color: var(--button-primary-text);
29
44
  }
30
45
  .btn-primary:hover {
31
- background: color-mix(in srgb, var(--color-primary), black 10%);
46
+ background-color: var(--button-primary-bg-hover);
47
+ color: var(--button-primary-text-hover);
32
48
  }
33
49
 
34
50
  .btn-secondary {
35
51
  background: none;
36
- border: 1px solid var(--color-primary);
37
- color: var(--color-primary);
52
+ border: 1px solid var(--button-secondary-bg);
53
+ color: var(--button-secondary-text);
38
54
  }
39
55
  .btn-secondary:hover {
40
- background-color: var(--color-primary);
41
- color: white;
56
+ background-color: var(--button-secondary-bg-hover);
57
+ color: var(--button-secondary-text-hover);
42
58
  }
43
59
 
44
60
  .btn-link {
45
61
  background: none;
46
- color: var(--color-text);
62
+ color: var(--button-link-text);
47
63
  text-decoration: none;
48
64
  font-weight: 300;
49
65
  font-size: 1.1rem;
@@ -70,7 +86,7 @@
70
86
  left: 0;
71
87
  width: 0;
72
88
  height: 1px;
73
- background-color: var(--color-text);
89
+ background-color: var(--button-link-text);
74
90
  transition: width 0.5s;
75
91
  }
76
92