valtech-components 2.0.747 → 2.0.749
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/esm2022/lib/components/atoms/qr-code/qr-code.component.mjs +3 -3
- package/esm2022/lib/components/molecules/layered-card/layered-card.component.mjs +3 -3
- package/esm2022/lib/components/organisms/article/article.component.mjs +3 -3
- package/esm2022/lib/components/organisms/comment-section/comment-section.component.mjs +3 -3
- package/esm2022/lib/components/organisms/data-table/data-table.component.mjs +3 -3
- package/esm2022/lib/components/templates/auth-background/auth-background.component.mjs +3 -3
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +13 -13
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/components/styles/_docs-page.scss +24 -8
- package/src/lib/components/styles/alert.scss +4 -2
- package/src/lib/components/styles/prism.scss +13 -9
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -54,7 +54,9 @@
|
|
|
54
54
|
color: #555;
|
|
55
55
|
margin-bottom: 0.75rem;
|
|
56
56
|
|
|
57
|
-
|
|
57
|
+
body.dark &,
|
|
58
|
+
html.ion-palette-dark &,
|
|
59
|
+
body[data-theme='dark'] & {
|
|
58
60
|
background: rgba(255, 255, 255, 0.1);
|
|
59
61
|
color: #aaa;
|
|
60
62
|
}
|
|
@@ -147,7 +149,9 @@
|
|
|
147
149
|
font-family: 'SF Mono', 'Fira Code', Consolas, monospace;
|
|
148
150
|
font-size: 0.875em;
|
|
149
151
|
|
|
150
|
-
|
|
152
|
+
body.dark &,
|
|
153
|
+
html.ion-palette-dark &,
|
|
154
|
+
body[data-theme='dark'] & {
|
|
151
155
|
background: rgba(255, 255, 255, 0.1);
|
|
152
156
|
}
|
|
153
157
|
}
|
|
@@ -160,7 +164,9 @@
|
|
|
160
164
|
overflow-x: auto;
|
|
161
165
|
margin: 0 0 1rem 0;
|
|
162
166
|
|
|
163
|
-
|
|
167
|
+
body.dark &,
|
|
168
|
+
html.ion-palette-dark &,
|
|
169
|
+
body[data-theme='dark'] & {
|
|
164
170
|
background: rgba(255, 255, 255, 0.06);
|
|
165
171
|
}
|
|
166
172
|
|
|
@@ -184,7 +190,9 @@
|
|
|
184
190
|
text-align: left;
|
|
185
191
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
186
192
|
|
|
187
|
-
|
|
193
|
+
body.dark &,
|
|
194
|
+
html.ion-palette-dark &,
|
|
195
|
+
body[data-theme='dark'] & {
|
|
188
196
|
border-color: rgba(255, 255, 255, 0.1);
|
|
189
197
|
}
|
|
190
198
|
}
|
|
@@ -193,7 +201,9 @@
|
|
|
193
201
|
font-weight: 600;
|
|
194
202
|
background: rgba(0, 0, 0, 0.02);
|
|
195
203
|
|
|
196
|
-
|
|
204
|
+
body.dark &,
|
|
205
|
+
html.ion-palette-dark &,
|
|
206
|
+
body[data-theme='dark'] & {
|
|
197
207
|
background: rgba(255, 255, 255, 0.04);
|
|
198
208
|
}
|
|
199
209
|
}
|
|
@@ -206,7 +216,9 @@
|
|
|
206
216
|
background: rgba(0, 0, 0, 0.02);
|
|
207
217
|
border-radius: 0 8px 8px 0;
|
|
208
218
|
|
|
209
|
-
|
|
219
|
+
body.dark &,
|
|
220
|
+
html.ion-palette-dark &,
|
|
221
|
+
body[data-theme='dark'] & {
|
|
210
222
|
background: rgba(255, 255, 255, 0.04);
|
|
211
223
|
}
|
|
212
224
|
|
|
@@ -228,7 +240,9 @@
|
|
|
228
240
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
229
241
|
margin: 2rem 0;
|
|
230
242
|
|
|
231
|
-
|
|
243
|
+
body.dark &,
|
|
244
|
+
html.ion-palette-dark &,
|
|
245
|
+
body[data-theme='dark'] & {
|
|
232
246
|
border-color: rgba(255, 255, 255, 0.1);
|
|
233
247
|
}
|
|
234
248
|
}
|
|
@@ -303,7 +317,9 @@
|
|
|
303
317
|
font-family: 'SF Mono', 'Fira Code', Consolas, monospace;
|
|
304
318
|
font-size: 0.875em;
|
|
305
319
|
|
|
306
|
-
|
|
320
|
+
body.dark &,
|
|
321
|
+
html.ion-palette-dark &,
|
|
322
|
+
body[data-theme='dark'] & {
|
|
307
323
|
background: rgba(255, 255, 255, 0.1);
|
|
308
324
|
}
|
|
309
325
|
}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import './media-queries.scss';
|
|
2
|
+
|
|
1
3
|
/**
|
|
2
4
|
* val-alert — Estilo unificado para ion-alert.
|
|
3
5
|
*
|
|
@@ -118,7 +120,7 @@ ion-alert.val-alert {
|
|
|
118
120
|
}
|
|
119
121
|
|
|
120
122
|
/* Dark mode — class-based (ThemeService toggle `body.dark`/`html.ion-palette-dark`).
|
|
121
|
-
No usar `@
|
|
123
|
+
No usar `@include dark-global` porque pisaba el manual toggle. */
|
|
122
124
|
body.dark ion-alert.val-alert,
|
|
123
125
|
html.ion-palette-dark ion-alert.val-alert,
|
|
124
126
|
body[data-theme='dark'] ion-alert.val-alert {
|
|
@@ -130,4 +132,4 @@ body[data-theme='dark'] ion-alert.val-alert {
|
|
|
130
132
|
--val-alert-btn-bg-hover: rgba(255, 255, 255, 0.12);
|
|
131
133
|
--val-alert-btn-bg-active: rgba(255, 255, 255, 0.18);
|
|
132
134
|
--val-alert-btn-border: rgba(255, 255, 255, 0.06);
|
|
133
|
-
}
|
|
135
|
+
}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import './media-queries.scss';
|
|
2
|
+
|
|
1
3
|
code[class*='language-'],
|
|
2
4
|
pre[class*='language-'] {
|
|
3
5
|
width: 100%;
|
|
@@ -402,14 +404,16 @@ pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
|
|
|
402
404
|
fill: transparent;
|
|
403
405
|
}
|
|
404
406
|
|
|
405
|
-
// dark
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
407
|
+
// dark mode — class-based selectors
|
|
408
|
+
/**
|
|
409
|
+
* GitHub Dark theme for Prism.js
|
|
410
|
+
* Based on GitHub: https://github.com
|
|
411
|
+
* @author Katorly
|
|
412
|
+
* Modified: Brighter text for better readability
|
|
413
|
+
*/
|
|
414
|
+
body.dark,
|
|
415
|
+
html.ion-palette-dark,
|
|
416
|
+
body[data-theme='dark'] {
|
|
413
417
|
/* General */
|
|
414
418
|
pre[class*='language-'],
|
|
415
419
|
code[class*='language-'] {
|
|
@@ -552,4 +556,4 @@ pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
|
|
|
552
556
|
.language-css .token.property {
|
|
553
557
|
color: hsl(247.26deg 100% 73.44%);
|
|
554
558
|
}
|
|
555
|
-
}
|
|
559
|
+
}
|