@lluc_llull/ui-lib 0.4.5 → 0.5.1

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 (30) hide show
  1. package/esm2022/lib/components/core/category-progress/category-progress.component.mjs +3 -3
  2. package/esm2022/lib/components/core/header-clear/header-clear.component.mjs +26 -7
  3. package/esm2022/lib/components/core/header-clear/header-clear.interface.mjs +1 -1
  4. package/esm2022/lib/components/core/header-mobile/header-mobile.component.mjs +26 -7
  5. package/esm2022/lib/components/core/header-mobile/header-mobile.interface.mjs +1 -1
  6. package/esm2022/lib/components/core/hero-section/hero-section.component.mjs +3 -3
  7. package/esm2022/lib/components/core/lang-modal/lang-modal.component.mjs +3 -3
  8. package/esm2022/lib/components/core/nav-modal/nav-modal.component.mjs +3 -3
  9. package/esm2022/lib/components/core/section-intro/section-intro.component.mjs +3 -3
  10. package/esm2022/lib/interfaces/ui-lib-nav-items.interface.mjs +1 -1
  11. package/esm2022/lib/services/index.mjs +2 -1
  12. package/esm2022/lib/services/mapper/component-mappers/header-clear.mapper.mjs +5 -2
  13. package/esm2022/lib/services/mapper/component-mappers/nav-modal.mapper.mjs +43 -24
  14. package/esm2022/lib/services/theme/index.mjs +2 -0
  15. package/esm2022/lib/services/theme/theme.service.mjs +73 -0
  16. package/fesm2022/lluc_llull-ui-lib.mjs +172 -45
  17. package/fesm2022/lluc_llull-ui-lib.mjs.map +1 -1
  18. package/lib/components/core/header-clear/header-clear.component.d.ts +15 -5
  19. package/lib/components/core/header-clear/header-clear.interface.d.ts +3 -1
  20. package/lib/components/core/header-mobile/header-mobile.component.d.ts +15 -5
  21. package/lib/components/core/header-mobile/header-mobile.interface.d.ts +3 -1
  22. package/lib/components/core/nav-modal/nav-modal.component.d.ts +2 -2
  23. package/lib/interfaces/ui-lib-nav-items.interface.d.ts +7 -0
  24. package/lib/services/index.d.ts +1 -0
  25. package/lib/services/mapper/component-mappers/nav-modal.mapper.d.ts +4 -10
  26. package/lib/services/theme/index.d.ts +1 -0
  27. package/lib/services/theme/theme.service.d.ts +16 -0
  28. package/package.json +1 -1
  29. package/src/lib/styles/main.css +64 -19
  30. package/styles/main.css +64 -19
package/styles/main.css CHANGED
@@ -1,29 +1,11 @@
1
1
  :root {
2
- --color-primary: #007bff;
3
- --color-secondary: #6c757d;
4
- --color-text: #111;
5
- --color-bg: #f9f9f9;
2
+ --font-titles: "Bebas Neue", system-ui, sans-serif;
6
3
  --font-base: "Inter", system-ui, sans-serif;
7
4
  --font-size-base: 16px;
8
5
  --spacing-xs: 0.25rem;
9
6
  --spacing-sm: 0.5rem;
10
7
  --spacing-md: 1rem;
11
8
  --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;
27
9
  }
28
10
 
29
11
  .btn {
@@ -110,6 +92,7 @@ a {
110
92
  text-transform: uppercase;
111
93
  letter-spacing: 0.05em;
112
94
  font-weight: 500;
95
+ font-family: var(--font-titles);
113
96
  }
114
97
 
115
98
  .title {
@@ -117,12 +100,14 @@ a {
117
100
  font-size: 2.5rem;
118
101
  font-weight: 700;
119
102
  line-height: 1.2;
103
+ font-family: var(--font-titles);
120
104
  }
121
105
 
122
106
  .subtitle {
123
107
  margin: 0 0 1rem 0;
124
108
  font-size: 1.5rem;
125
109
  font-weight: 600;
110
+ font-family: var(--font-base);
126
111
  }
127
112
 
128
113
  .text {
@@ -130,6 +115,66 @@ a {
130
115
  font-size: 1rem;
131
116
  font-weight: 400;
132
117
  line-height: 1.6;
118
+ font-family: var(--font-base);
119
+ }
120
+
121
+ .modal-item {
122
+ font-size: 3.5rem;
123
+ font-weight: 700;
124
+ font-family: var(--font-titles);
125
+ }
126
+
127
+ :root[data-theme=dark] {
128
+ color-scheme: dark;
129
+ --color-primary: #007bff;
130
+ --color-secondary: #8a94a1;
131
+ --color-text: #f3f4f6;
132
+ --color-bg: #0f0f10;
133
+ --button-primary-bg: #007bff;
134
+ --button-primary-text: #f9f9f9;
135
+ --button-primary-bg-hover: #033468;
136
+ --button-primary-text-hover: #f9f9f9;
137
+ --button-secondary-bg: #2b3035;
138
+ --button-secondary-text: #f9f9f9;
139
+ --button-secondary-bg-hover: #1c1e20;
140
+ --button-secondary-text-hover: #f9f9f9;
141
+ --button-link-text: #f3f4f6;
142
+ --button-link-text-hover: #79b6ff;
143
+ --header-clear-bg: #0f0f10;
144
+ --header-mobile-bg: #0f0f10;
145
+ --header-logo-text: #f9f9f9;
146
+ --modal-bg: #17181a;
147
+ --close-btn: #f3f4f6;
148
+ --item-text: #f3f4f6;
149
+ --progress-color: #f9f9f9;
150
+ --progress-bg: #79b6ff;
151
+ }
152
+
153
+ :root,
154
+ :root[data-theme=light] {
155
+ color-scheme: light;
156
+ --color-primary: #007bff;
157
+ --color-secondary: #6c757d;
158
+ --color-text: #111;
159
+ --color-bg: #f9f9f9;
160
+ --button-primary-bg: #007bff;
161
+ --button-primary-text: #f9f9f9;
162
+ --button-primary-bg-hover: #033468;
163
+ --button-primary-text-hover: #f9f9f9;
164
+ --button-secondary-bg: #6c757d;
165
+ --button-secondary-text: #f9f9f9;
166
+ --button-secondary-bg-hover: #1c1e20;
167
+ --button-secondary-text-hover: #f9f9f9;
168
+ --button-link-text: #111111;
169
+ --button-link-text-hover: #007bff;
170
+ --header-clear-bg: #007bff;
171
+ --header-mobile-bg: #007bff;
172
+ --header-logo-text: #f9f9f9;
173
+ --modal-bg: #f9f9f9;
174
+ --close-btn: #111;
175
+ --item-text: #111;
176
+ --progress-color: #79b6ff;
177
+ --progress-bg: #dde8f5;
133
178
  }
134
179
 
135
180
  /*# sourceMappingURL=main.css.map */