valtech-components 2.0.747 → 2.0.748
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 +1 -1
- package/src/lib/components/styles/prism.scss +10 -8
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
|
}
|
|
@@ -118,7 +118,7 @@ ion-alert.val-alert {
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
/* Dark mode — class-based (ThemeService toggle `body.dark`/`html.ion-palette-dark`).
|
|
121
|
-
No usar `@
|
|
121
|
+
No usar `@include dark-global` porque pisaba el manual toggle. */
|
|
122
122
|
body.dark ion-alert.val-alert,
|
|
123
123
|
html.ion-palette-dark ion-alert.val-alert,
|
|
124
124
|
body[data-theme='dark'] ion-alert.val-alert {
|
|
@@ -402,14 +402,16 @@ pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
|
|
|
402
402
|
fill: transparent;
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
// dark
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
405
|
+
// dark mode — class-based selectors
|
|
406
|
+
/**
|
|
407
|
+
* GitHub Dark theme for Prism.js
|
|
408
|
+
* Based on GitHub: https://github.com
|
|
409
|
+
* @author Katorly
|
|
410
|
+
* Modified: Brighter text for better readability
|
|
411
|
+
*/
|
|
412
|
+
body.dark,
|
|
413
|
+
html.ion-palette-dark,
|
|
414
|
+
body[data-theme='dark'] {
|
|
413
415
|
/* General */
|
|
414
416
|
pre[class*='language-'],
|
|
415
417
|
code[class*='language-'] {
|