@jjlmoya/utils-babies 1.13.0 → 1.14.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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/tool/baby-feeding-calculator/baby-feeding-calculator.css +40 -40
  3. package/src/tool/baby-percentile-calculator/baby-weight-height-percentile.css +43 -43
  4. package/src/tool/baby-size-converter/baby-size-converter.css +42 -42
  5. package/src/tool/fertile-days-estimator/fertile-days-calculator.css +23 -23
  6. package/src/tool/pregnancy-calculator/pregnancy-weeks-calculator.css +37 -37
  7. package/src/tool/vaccination-calendar/baby-vaccination-calendar-spain.css +16 -16
package/src/tool/pregnancy-calculator/pregnancy-weeks-calculator.css CHANGED
@@ -73,7 +73,7 @@
73
73
  --pc-tri-badge: #ede9fe;
74
74
  }
75
75
 
76
- :global(.theme-dark) .pregnancy-calculator {
76
+ .theme-dark .pregnancy-calculator {
77
77
  --pc-bg: #111827;
78
78
  --pc-bg-muted: #0f1923;
79
79
  --pc-bg-dark: #0f1923;
@@ -112,7 +112,7 @@
112
112
  border-radius: 16px;
113
113
  }
114
114
 
115
- :global(.theme-dark) .pregnancy-calculator-method-group {
115
+ .theme-dark .pregnancy-calculator-method-group {
116
116
  background: rgba(255, 255, 255, 0.06);
117
117
  }
118
118
 
@@ -198,7 +198,7 @@
198
198
  background: #f8fafc;
199
199
  }
200
200
 
201
- :global(.theme-dark) .pregnancy-calculator-left {
201
+ .theme-dark .pregnancy-calculator-left {
202
202
  background: #0f1923;
203
203
  border-right-color: rgba(255, 255, 255, 0.04);
204
204
  }
@@ -210,7 +210,7 @@
210
210
  background: #fff;
211
211
  }
212
212
 
213
- :global(.theme-dark) .pregnancy-calculator-center {
213
+ .theme-dark .pregnancy-calculator-center {
214
214
  background: #111827;
215
215
  }
216
216
 
@@ -228,7 +228,7 @@
228
228
  overflow: hidden;
229
229
  }
230
230
 
231
- :global(.theme-dark) .pregnancy-calculator-tl-inner {
231
+ .theme-dark .pregnancy-calculator-tl-inner {
232
232
  background: #0f1923;
233
233
  }
234
234
 
@@ -265,7 +265,7 @@
265
265
  0 0 0 2px var(--pc-tri-primary);
266
266
  }
267
267
 
268
- :global(.theme-dark) .pregnancy-calculator-dp-selects {
268
+ .theme-dark .pregnancy-calculator-dp-selects {
269
269
  background: #1a2332;
270
270
  box-shadow:
271
271
  0 2px 12px rgba(0, 0, 0, 0.2),
@@ -287,7 +287,7 @@
287
287
  min-width: 0;
288
288
  }
289
289
 
290
- :global(.theme-dark) .pregnancy-calculator-dp-select {
290
+ .theme-dark .pregnancy-calculator-dp-select {
291
291
  background-color: #0f1923;
292
292
  color: #f1f5f9;
293
293
  }
@@ -300,7 +300,7 @@
300
300
  padding: 0 2px;
301
301
  }
302
302
 
303
- :global(.theme-dark) .pregnancy-calculator-dp-sep {
303
+ .theme-dark .pregnancy-calculator-dp-sep {
304
304
  color: #64748b;
305
305
  }
306
306
 
@@ -317,7 +317,7 @@
317
317
  transition: opacity 0.3s;
318
318
  }
319
319
 
320
- :global(.theme-dark) .pregnancy-calculator-cs-wrap {
320
+ .theme-dark .pregnancy-calculator-cs-wrap {
321
321
  background: #1a2332;
322
322
  box-shadow:
323
323
  0 2px 12px rgba(0, 0, 0, 0.2),
@@ -418,7 +418,7 @@
418
418
  gap: 4px;
419
419
  }
420
420
 
421
- :global(.theme-dark) .pregnancy-calculator-stat-chip {
421
+ .theme-dark .pregnancy-calculator-stat-chip {
422
422
  background: #1e2936;
423
423
  }
424
424
 
@@ -454,7 +454,7 @@
454
454
  transition: background 0.5s;
455
455
  }
456
456
 
457
- :global(.theme-dark) .pregnancy-calculator-edd-box {
457
+ .theme-dark .pregnancy-calculator-edd-box {
458
458
  background: rgba(255, 255, 255, 0.04);
459
459
  }
460
460
 
@@ -475,7 +475,7 @@
475
475
  transition: color 0.5s;
476
476
  }
477
477
 
478
- :global(.theme-dark) .pregnancy-calculator-edd-date {
478
+ .theme-dark .pregnancy-calculator-edd-date {
479
479
  color: var(--pc-tri-primary);
480
480
  }
481
481
 
@@ -514,7 +514,7 @@
514
514
  cursor: default;
515
515
  }
516
516
 
517
- :global(.theme-dark) .pregnancy-calculator-btn-cal:disabled {
517
+ .theme-dark .pregnancy-calculator-btn-cal:disabled {
518
518
  background: #1e2936;
519
519
  }
520
520
 
@@ -632,7 +632,7 @@
632
632
  gap: 12px;
633
633
  }
634
634
 
635
- :global(.theme-dark) .pregnancy-calculator-size-card {
635
+ .theme-dark .pregnancy-calculator-size-card {
636
636
  background: #1a2332;
637
637
  }
638
638
 
@@ -644,7 +644,7 @@
644
644
  letter-spacing: -0.01em;
645
645
  }
646
646
 
647
- :global(.theme-dark) .pregnancy-calculator-size-name {
647
+ .theme-dark .pregnancy-calculator-size-name {
648
648
  color: #f1f5f9;
649
649
  }
650
650
 
@@ -672,7 +672,7 @@
672
672
  flex-direction: column;
673
673
  }
674
674
 
675
- :global(.theme-dark) .pregnancy-calculator-info-block {
675
+ .theme-dark .pregnancy-calculator-info-block {
676
676
  background: #1a2332;
677
677
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
678
678
  }
@@ -866,15 +866,15 @@
866
866
  border-radius: 2px;
867
867
  }
868
868
 
869
- :global(.theme-dark) .pregnancy-calculator-tl-scroll {
869
+ .theme-dark .pregnancy-calculator-tl-scroll {
870
870
  scrollbar-color: #334155 transparent;
871
871
  }
872
872
 
873
- :global(.theme-dark) .pregnancy-calculator-tl-scroll::-webkit-scrollbar-thumb {
873
+ .theme-dark .pregnancy-calculator-tl-scroll::-webkit-scrollbar-thumb {
874
874
  background: #334155;
875
875
  }
876
876
 
877
- :global(.pregnancy-calculator-tl-row) {
877
+ .pregnancy-calculator-tl-row {
878
878
  display: flex;
879
879
  align-items: flex-start;
880
880
  gap: 0.5rem;
@@ -883,11 +883,11 @@
883
883
  transition: background 0.1s;
884
884
  }
885
885
 
886
- :global(.pregnancy-calculator-tl-row-current) {
886
+ .pregnancy-calculator-tl-row-current {
887
887
  background: var(--pc-tri-bg);
888
888
  }
889
889
 
890
- :global(.pregnancy-calculator-tl-line-col) {
890
+ .pregnancy-calculator-tl-line-col {
891
891
  display: flex;
892
892
  flex-direction: column;
893
893
  align-items: center;
@@ -896,7 +896,7 @@
896
896
  padding-top: 0.2rem;
897
897
  }
898
898
 
899
- :global(.pregnancy-calculator-tl-dot) {
899
+ .pregnancy-calculator-tl-dot {
900
900
  width: 0.5rem;
901
901
  height: 0.5rem;
902
902
  border-radius: 50%;
@@ -905,18 +905,18 @@
905
905
  transition: background 0.15s;
906
906
  }
907
907
 
908
- :global(.pregnancy-calculator-tl-row-past .pregnancy-calculator-tl-dot) {
908
+ .pregnancy-calculator-tl-row-past .pregnancy-calculator-tl-dot {
909
909
  background: var(--pc-tri-accent);
910
910
  }
911
911
 
912
- :global(.pregnancy-calculator-tl-row-current .pregnancy-calculator-tl-dot) {
912
+ .pregnancy-calculator-tl-row-current .pregnancy-calculator-tl-dot {
913
913
  background: var(--pc-tri-accent);
914
914
  box-shadow: 0 0 0 3px var(--pc-tri-glow);
915
915
  width: 0.625rem;
916
916
  height: 0.625rem;
917
917
  }
918
918
 
919
- :global(.pregnancy-calculator-tl-line) {
919
+ .pregnancy-calculator-tl-line {
920
920
  width: 2px;
921
921
  flex: 1;
922
922
  min-height: 1.25rem;
@@ -924,34 +924,34 @@
924
924
  margin-top: 2px;
925
925
  }
926
926
 
927
- :global(.pregnancy-calculator-tl-row-past .pregnancy-calculator-tl-line) {
927
+ .pregnancy-calculator-tl-row-past .pregnancy-calculator-tl-line {
928
928
  background: var(--pc-tri-primary);
929
929
  }
930
930
 
931
- :global(.pregnancy-calculator-tl-info) {
931
+ .pregnancy-calculator-tl-info {
932
932
  display: flex;
933
933
  align-items: baseline;
934
934
  gap: 0.375rem;
935
935
  min-width: 0;
936
936
  }
937
937
 
938
- :global(.pregnancy-calculator-tl-num) {
938
+ .pregnancy-calculator-tl-num {
939
939
  font-size: 0.75rem;
940
940
  font-weight: 700;
941
941
  color: var(--pc-text-dim);
942
942
  flex-shrink: 0;
943
943
  }
944
944
 
945
- :global(.pregnancy-calculator-tl-row-past .pregnancy-calculator-tl-num) {
945
+ .pregnancy-calculator-tl-row-past .pregnancy-calculator-tl-num {
946
946
  color: var(--pc-tri-accent);
947
947
  }
948
948
 
949
- :global(.pregnancy-calculator-tl-row-current .pregnancy-calculator-tl-num) {
949
+ .pregnancy-calculator-tl-row-current .pregnancy-calculator-tl-num {
950
950
  color: var(--pc-tri-accent);
951
951
  font-size: 0.875rem;
952
952
  }
953
953
 
954
- :global(.pregnancy-calculator-tl-label) {
954
+ .pregnancy-calculator-tl-label {
955
955
  font-size: 0.6875rem;
956
956
  color: var(--pc-text-dim);
957
957
  white-space: nowrap;
@@ -959,7 +959,7 @@
959
959
  text-overflow: ellipsis;
960
960
  }
961
961
 
962
- :global(.pregnancy-calculator-tl-row-current .pregnancy-calculator-tl-label) {
962
+ .pregnancy-calculator-tl-row-current .pregnancy-calculator-tl-label {
963
963
  color: var(--pc-tri-text);
964
964
  font-weight: 600;
965
965
  font-size: 0.75rem;
@@ -994,20 +994,20 @@
994
994
  gap: 0.25rem;
995
995
  }
996
996
 
997
- :global(.pregnancy-calculator-tl-row) {
997
+ .pregnancy-calculator-tl-row {
998
998
  flex-direction: column;
999
999
  align-items: center;
1000
1000
  padding: 0.5rem 0.375rem;
1001
1001
  min-width: 3rem;
1002
1002
  }
1003
1003
 
1004
- :global(.pregnancy-calculator-tl-line-col) {
1004
+ .pregnancy-calculator-tl-line-col {
1005
1005
  flex-direction: row;
1006
1006
  width: auto;
1007
1007
  padding-top: 0;
1008
1008
  }
1009
1009
 
1010
- :global(.pregnancy-calculator-tl-line) {
1010
+ .pregnancy-calculator-tl-line {
1011
1011
  width: 1.25rem;
1012
1012
  height: 2px;
1013
1013
  min-height: 0;
@@ -1015,13 +1015,13 @@
1015
1015
  margin-left: 2px;
1016
1016
  }
1017
1017
 
1018
- :global(.pregnancy-calculator-tl-info) {
1018
+ .pregnancy-calculator-tl-info {
1019
1019
  flex-direction: column;
1020
1020
  align-items: center;
1021
1021
  gap: 0.125rem;
1022
1022
  }
1023
1023
 
1024
- :global(.pregnancy-calculator-tl-label) {
1024
+ .pregnancy-calculator-tl-label {
1025
1025
  display: none;
1026
1026
  }
1027
1027
 
package/src/tool/vaccination-calendar/baby-vaccination-calendar-spain.css CHANGED
@@ -20,7 +20,7 @@
20
20
  transition: transform 0.3s ease;
21
21
  }
22
22
 
23
- :global(.theme-dark) .vc-card {
23
+ .theme-dark .vc-card {
24
24
  --bg-card: #1e293b;
25
25
  --border: rgba(255, 255, 255, 0.1);
26
26
  --text-main: #f1f5f9;
@@ -84,7 +84,7 @@
84
84
  background: #fef2f2;
85
85
  }
86
86
 
87
- :global(.theme-dark) .vc-triple-input.has-error {
87
+ .theme-dark .vc-triple-input.has-error {
88
88
  background: rgba(239, 68, 68, 0.05);
89
89
  }
90
90
 
@@ -198,7 +198,7 @@
198
198
  margin-bottom: 2rem;
199
199
  }
200
200
 
201
- :global(.vc-vac-item) {
201
+ .vc-vac-item {
202
202
  display: flex;
203
203
  align-items: center;
204
204
  gap: 1rem;
@@ -210,7 +210,7 @@
210
210
  transition: 0.2s;
211
211
  }
212
212
 
213
- :global(.vc-vac-icon) {
213
+ .vc-vac-icon {
214
214
  width: 48px;
215
215
  height: 48px;
216
216
  display: flex;
@@ -224,15 +224,15 @@
224
224
  flex-shrink: 0;
225
225
  }
226
226
 
227
- :global(.theme-dark) :global(.vc-vac-icon) {
227
+ .theme-dark .vc-vac-icon {
228
228
  background: #0f172a;
229
229
  }
230
230
 
231
- :global(.vc-vac-info) {
231
+ .vc-vac-info {
232
232
  flex: 1;
233
233
  }
234
234
 
235
- :global(.vc-vac-name) {
235
+ .vc-vac-name {
236
236
  display: block;
237
237
  font-weight: 700;
238
238
  font-size: 1rem;
@@ -304,7 +304,7 @@
304
304
  gap: 0.5rem;
305
305
  }
306
306
 
307
- :global(.vc-timeline-row) {
307
+ .vc-timeline-row {
308
308
  display: flex;
309
309
  justify-content: space-between;
310
310
  align-items: center;
@@ -313,11 +313,11 @@
313
313
  font-size: 0.9rem;
314
314
  }
315
315
 
316
- :global(.vc-timeline-row:last-child) {
316
+ .vc-timeline-row:last-child {
317
317
  border-bottom: none;
318
318
  }
319
319
 
320
- :global(.vc-timeline-age) {
320
+ .vc-timeline-age {
321
321
  font-weight: 800;
322
322
  color: var(--primary);
323
323
  width: 6.5rem;
@@ -327,7 +327,7 @@
327
327
  letter-spacing: 0.02em;
328
328
  }
329
329
 
330
- :global(.vc-timeline-vac) {
330
+ .vc-timeline-vac {
331
331
  flex: 1;
332
332
  font-weight: 600;
333
333
  color: var(--text-main);
@@ -337,7 +337,7 @@
337
337
  padding: 0 0.5rem;
338
338
  }
339
339
 
340
- :global(.vc-vac-pill) {
340
+ .vc-vac-pill {
341
341
  padding: 0.15rem 0.5rem;
342
342
  background: var(--primary-soft);
343
343
  border-radius: 6px;
@@ -346,13 +346,13 @@
346
346
  border: 1px solid rgba(79, 70, 229, 0.1);
347
347
  }
348
348
 
349
- :global(.theme-dark) .vc-vac-pill {
349
+ .theme-dark .vc-vac-pill {
350
350
  background: var(--primary-soft);
351
351
  color: var(--primary);
352
352
  border: 1px solid var(--primary-soft);
353
353
  }
354
354
 
355
- :global(.vc-timeline-status) {
355
+ .vc-timeline-status {
356
356
  font-size: 0.65rem;
357
357
  font-weight: 900;
358
358
  text-transform: uppercase;
@@ -362,11 +362,11 @@
362
362
  letter-spacing: 0.05em;
363
363
  }
364
364
 
365
- :global(.vc-check) {
365
+ .vc-check {
366
366
  color: var(--success);
367
367
  }
368
368
 
369
- :global(.vc-clock) {
369
+ .vc-clock {
370
370
  color: var(--warning);
371
371
  }
372
372