@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.
@@ -1,4 +1,4 @@
1
- :global(.bsc-card) {
1
+ .bsc-card {
2
2
  max-width: 900px;
3
3
  margin: 0 auto;
4
4
  background: #fff;
@@ -8,7 +8,7 @@
8
8
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
9
9
  }
10
10
 
11
- :global(.theme-dark .bsc-card) {
11
+ .theme-dark .bsc-card {
12
12
  background: #0f172a;
13
13
  border-color: #1e293b;
14
14
  box-shadow: none;
@@ -35,11 +35,11 @@
35
35
  position: relative;
36
36
  }
37
37
 
38
- :global(.theme-dark .bsc-left) {
38
+ .theme-dark .bsc-left {
39
39
  border-right-color: #1e293b;
40
40
  }
41
41
 
42
- :global(.theme-dark .bsc-right) {
42
+ .theme-dark .bsc-right {
43
43
  background: rgba(30, 41, 59, 0.15);
44
44
  }
45
45
 
@@ -55,7 +55,7 @@
55
55
  margin-bottom: 0.5rem;
56
56
  }
57
57
 
58
- :global(.bsc-section-marker::before) {
58
+ .bsc-section-marker::before {
59
59
  content: "";
60
60
  width: 16px;
61
61
  height: 2px;
@@ -74,7 +74,7 @@
74
74
  width: 100%;
75
75
  }
76
76
 
77
- :global(.bsc-select-box select) {
77
+ .bsc-select-box select {
78
78
  width: 100%;
79
79
  appearance: none;
80
80
  -webkit-appearance: none;
@@ -90,13 +90,13 @@
90
90
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
91
91
  }
92
92
 
93
- :global(.theme-dark .bsc-select-box select) {
93
+ .theme-dark .bsc-select-box select {
94
94
  background: #1e293b;
95
95
  border-color: #334155;
96
96
  color: #f1f5f9;
97
97
  }
98
98
 
99
- :global(.bsc-select-box::after) {
99
+ .bsc-select-box::after {
100
100
  content: "";
101
101
  position: absolute;
102
102
  right: 1.25rem;
@@ -118,11 +118,11 @@
118
118
  width: fit-content;
119
119
  }
120
120
 
121
- :global(.theme-dark .bsc-unit-nav) {
121
+ .theme-dark .bsc-unit-nav {
122
122
  background: #0f172a;
123
123
  }
124
124
 
125
- :global(.bsc-unit-tab) {
125
+ .bsc-unit-tab {
126
126
  padding: 0.4rem 1.1rem;
127
127
  border-radius: 100px;
128
128
  border: none;
@@ -133,13 +133,13 @@
133
133
  cursor: pointer;
134
134
  }
135
135
 
136
- :global(.bsc-unit-active) {
136
+ .bsc-unit-active {
137
137
  background: #fff;
138
138
  color: #6366f1;
139
139
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
140
140
  }
141
141
 
142
- :global(.theme-dark .bsc-unit-active) {
142
+ .theme-dark .bsc-unit-active {
143
143
  background: #1e293b;
144
144
  color: #818cf8;
145
145
  }
@@ -167,12 +167,12 @@
167
167
  gap: 1rem;
168
168
  }
169
169
 
170
- :global(.theme-dark .bsc-stepper-box) {
170
+ .theme-dark .bsc-stepper-box {
171
171
  background: #0f172a;
172
172
  border-color: #1e293b;
173
173
  }
174
174
 
175
- :global(.bsc-btn-step) {
175
+ .bsc-btn-step {
176
176
  width: 44px;
177
177
  height: 44px;
178
178
  border: none;
@@ -188,7 +188,7 @@
188
188
  justify-content: center;
189
189
  }
190
190
 
191
- :global(.theme-dark .bsc-btn-step) {
191
+ .theme-dark .bsc-btn-step {
192
192
  background: #1e293b;
193
193
  color: #fff;
194
194
  border: 1px solid #334155;
@@ -208,7 +208,7 @@
208
208
  line-height: 1;
209
209
  }
210
210
 
211
- :global(.theme-dark .bsc-val-big) {
211
+ .theme-dark .bsc-val-big {
212
212
  color: #f1f5f9;
213
213
  }
214
214
 
@@ -220,7 +220,7 @@
220
220
  margin-top: 2px;
221
221
  }
222
222
 
223
- :global(.bsc-slider) {
223
+ .bsc-slider {
224
224
  width: 100%;
225
225
  appearance: none;
226
226
  -webkit-appearance: none;
@@ -230,7 +230,7 @@
230
230
  margin-top: 4px;
231
231
  }
232
232
 
233
- :global(.bsc-slider::-webkit-slider-thumb) {
233
+ .bsc-slider::-webkit-slider-thumb {
234
234
  -webkit-appearance: none;
235
235
  width: 18px;
236
236
  height: 18px;
@@ -249,11 +249,11 @@
249
249
  border-radius: 16px;
250
250
  }
251
251
 
252
- :global(.theme-dark .bsc-age-rack) {
252
+ .theme-dark .bsc-age-rack {
253
253
  background: #0f172a;
254
254
  }
255
255
 
256
- :global(.bsc-age-tile) {
256
+ .bsc-age-tile {
257
257
  padding: 1rem 0.25rem;
258
258
  border: none;
259
259
  background: transparent;
@@ -265,14 +265,14 @@
265
265
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
266
266
  }
267
267
 
268
- :global(.bsc-age-active) {
268
+ .bsc-age-active {
269
269
  background: #fff;
270
270
  color: #4f46e5;
271
271
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.15);
272
272
  transform: translateY(-1px);
273
273
  }
274
274
 
275
- :global(.theme-dark .bsc-age-active) {
275
+ .theme-dark .bsc-age-active {
276
276
  background: #1e293b;
277
277
  color: #818cf8;
278
278
  }
@@ -295,7 +295,7 @@
295
295
  margin: 0.25rem 0 0.75rem;
296
296
  }
297
297
 
298
- :global(.theme-dark .bsc-res-size-main) {
298
+ .theme-dark .bsc-res-size-main {
299
299
  color: #f1f5f9;
300
300
  }
301
301
 
@@ -364,7 +364,7 @@
364
364
  border-bottom: 2px solid #f8fafc;
365
365
  }
366
366
 
367
- :global(.theme-dark .bsc-eq-head-row) {
367
+ .theme-dark .bsc-eq-head-row {
368
368
  border-bottom-color: #1e293b;
369
369
  }
370
370
 
@@ -382,7 +382,7 @@
382
382
  width: 100%;
383
383
  }
384
384
 
385
- :global(.bsc-eq-data-row) {
385
+ .bsc-eq-data-row {
386
386
  display: flex;
387
387
  justify-content: space-between;
388
388
  align-items: center;
@@ -390,31 +390,31 @@
390
390
  border-bottom: 1px solid rgba(241, 245, 249, 0.4);
391
391
  }
392
392
 
393
- :global(.theme-dark .bsc-eq-data-row) {
393
+ .theme-dark .bsc-eq-data-row {
394
394
  border-bottom-color: rgba(30, 41, 59, 0.5);
395
395
  }
396
396
 
397
- :global(.bsc-eq-data-row:last-child) {
397
+ .bsc-eq-data-row:last-child {
398
398
  border-bottom: none;
399
399
  }
400
400
 
401
- :global(.bsc-eq-brand-v) {
401
+ .bsc-eq-brand-v {
402
402
  display: flex;
403
403
  flex-direction: column;
404
404
  gap: 0;
405
405
  }
406
406
 
407
- :global(.bsc-eq-brand-name) {
407
+ .bsc-eq-brand-name {
408
408
  font-size: 0.95rem;
409
409
  font-weight: 900;
410
410
  color: #1e293b;
411
411
  }
412
412
 
413
- :global(.theme-dark .bsc-eq-brand-name) {
413
+ .theme-dark .bsc-eq-brand-name {
414
414
  color: #f1f5f9;
415
415
  }
416
416
 
417
- :global(.bsc-eq-fit-v) {
417
+ .bsc-eq-fit-v {
418
418
  font-size: 0.525rem;
419
419
  font-weight: 900;
420
420
  text-transform: uppercase;
@@ -422,21 +422,21 @@
422
422
  letter-spacing: 0.02em;
423
423
  }
424
424
 
425
- :global(.bsc-eq-fit-large) {
425
+ .bsc-eq-fit-large {
426
426
  color: #10b981;
427
427
  }
428
428
 
429
- :global(.bsc-eq-fit-small) {
429
+ .bsc-eq-fit-small {
430
430
  color: #f43f5e;
431
431
  }
432
432
 
433
- :global(.bsc-eq-size-v) {
433
+ .bsc-eq-size-v {
434
434
  font-size: 1.25rem;
435
435
  font-weight: 950;
436
436
  color: #4f46e5;
437
437
  }
438
438
 
439
- :global(.theme-dark .bsc-eq-size-v) {
439
+ .theme-dark .bsc-eq-size-v {
440
440
  color: #818cf8;
441
441
  }
442
442
 
@@ -446,7 +446,7 @@
446
446
  border-top: 1px dashed #e2e8f0;
447
447
  }
448
448
 
449
- :global(.theme-dark .bsc-clothes-meta) {
449
+ .theme-dark .bsc-clothes-meta {
450
450
  border-top-color: #334155;
451
451
  }
452
452
 
@@ -470,7 +470,7 @@
470
470
  text-align: center;
471
471
  }
472
472
 
473
- :global(.bsc-meta-cell label) {
473
+ .bsc-meta-cell label {
474
474
  font-size: 0.55rem;
475
475
  font-weight: 950;
476
476
  color: #94a3b8;
@@ -478,13 +478,13 @@
478
478
  margin-bottom: 2px;
479
479
  }
480
480
 
481
- :global(.bsc-meta-cell span) {
481
+ .bsc-meta-cell span {
482
482
  font-size: 1.1rem;
483
483
  font-weight: 950;
484
484
  color: #1e293b;
485
485
  }
486
486
 
487
- :global(.theme-dark .bsc-meta-cell span) {
487
+ .theme-dark .bsc-meta-cell span {
488
488
  color: #f1f5f9;
489
489
  }
490
490
 
@@ -510,21 +510,21 @@
510
510
  gap: 0.4rem;
511
511
  }
512
512
 
513
- :global(.bsc-footer-text h5) {
513
+ .bsc-footer-text h5 {
514
514
  font-size: 1rem;
515
515
  font-weight: 950;
516
516
  color: #fff;
517
517
  margin: 0;
518
518
  }
519
519
 
520
- :global(.bsc-footer-text p) {
520
+ .bsc-footer-text p {
521
521
  font-size: 0.85rem;
522
522
  color: #94a3b8;
523
523
  line-height: 1.6;
524
524
  margin: 0;
525
525
  }
526
526
 
527
- :global(.bsc-footer-text strong) {
527
+ .bsc-footer-text strong {
528
528
  color: #6366f1;
529
529
  }
530
530
 
@@ -68,7 +68,7 @@
68
68
  display: none;
69
69
  }
70
70
 
71
- :global(.theme-dark) .fde-step-first {
71
+ .theme-dark .fde-step-first {
72
72
  background: radial-gradient(circle at top right, rgba(88, 28, 135, 0.15), transparent),
73
73
  radial-gradient(circle at bottom left, rgba(124, 58, 202, 0.1), transparent);
74
74
  }
@@ -328,7 +328,7 @@
328
328
  gap: 8px;
329
329
  }
330
330
 
331
- :global(.fde-day-header) {
331
+ .fde-day-header {
332
332
  text-align: center;
333
333
  font-size: 0.8rem;
334
334
  font-weight: 800;
@@ -337,7 +337,7 @@
337
337
  padding-bottom: 1rem;
338
338
  }
339
339
 
340
- :global(.fde-day) {
340
+ .fde-day {
341
341
  aspect-ratio: 1;
342
342
  display: flex;
343
343
  align-items: center;
@@ -352,44 +352,44 @@
352
352
  border: 1px solid #f3f4f6;
353
353
  }
354
354
 
355
- :global(.fde-day:hover:not(.fde-day-empty)) {
355
+ .fde-day:hover:not(.fde-day-empty) {
356
356
  border-color: #db2777;
357
357
  background: #fdf2f8;
358
358
  }
359
359
 
360
- :global(.fde-day-empty) {
360
+ .fde-day-empty {
361
361
  background: transparent;
362
362
  border: none;
363
363
  cursor: default;
364
364
  }
365
365
 
366
- :global(.fde-day-selected) {
366
+ .fde-day-selected {
367
367
  background: #be123c;
368
368
  color: #fff;
369
369
  border: none;
370
370
  box-shadow: 0 8px 20px rgba(190, 18, 60, 0.3);
371
371
  }
372
372
 
373
- :global(.fde-day-period) {
373
+ .fde-day-period {
374
374
  background: #ffe4e6;
375
375
  color: #be123c;
376
376
  border: none;
377
377
  }
378
378
 
379
- :global(.fde-day-fertile) {
379
+ .fde-day-fertile {
380
380
  background: #fdf2f8;
381
381
  color: #db2777;
382
382
  border: none;
383
383
  }
384
384
 
385
- :global(.fde-day-ovulation) {
385
+ .fde-day-ovulation {
386
386
  background: #db2777;
387
387
  color: #fff;
388
388
  box-shadow: 0 8px 20px rgba(219, 39, 119, 0.3);
389
389
  border: none;
390
390
  }
391
391
 
392
- :global(.fde-day-today) {
392
+ .fde-day-today {
393
393
  border: 2px solid #111827;
394
394
  }
395
395
 
@@ -423,45 +423,45 @@
423
423
  .fde-dot-ovulation { background: #db2777; }
424
424
  .fde-dot-selected { background: #be123c; }
425
425
 
426
- :global(.theme-dark) .fde-container {
426
+ .theme-dark .fde-container {
427
427
  background: #18181b;
428
428
  border-color: #27272a;
429
429
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.5);
430
430
  color: #fff;
431
431
  }
432
432
 
433
- :global(.theme-dark) .fde-sidebar {
433
+ .theme-dark .fde-sidebar {
434
434
  background: #111113;
435
435
  border-right-color: #27272a;
436
436
  }
437
437
 
438
- :global(.theme-dark) .fde-main { background: #18181b; }
438
+ .theme-dark .fde-main { background: #18181b; }
439
439
 
440
- :global(.theme-dark) .fde-sidebar-header h2 { color: #f472b6; }
441
- :global(.theme-dark) .fde-sidebar-header p { color: #f9a8d4; }
440
+ .theme-dark .fde-sidebar-header h2 { color: #f472b6; }
441
+ .theme-dark .fde-sidebar-header p { color: #f9a8d4; }
442
442
 
443
- :global(.theme-dark) .fde-input-card {
443
+ .theme-dark .fde-input-card {
444
444
  background: #1e1e21;
445
445
  border-color: #27272a;
446
446
  }
447
447
 
448
- :global(.theme-dark) .fde-stat {
448
+ .theme-dark .fde-stat {
449
449
  background: #1e1e21;
450
450
  border-color: #27272a;
451
451
  }
452
452
 
453
- :global(.theme-dark) .fde-stat-value { color: #fff; }
454
- :global(.theme-dark) .fde-cal-nav h3 { color: #fff; }
453
+ .theme-dark .fde-stat-value { color: #fff; }
454
+ .theme-dark .fde-cal-nav h3 { color: #fff; }
455
455
 
456
- :global(.theme-dark) .fde-day {
456
+ .theme-dark .fde-day {
457
457
  background: #1e1e21;
458
458
  border-color: #27272a;
459
459
  color: #e5e7eb;
460
460
  }
461
461
 
462
- :global(.theme-dark) .fde-day:hover:not(.fde-day-empty) { background: #27272a; }
463
- :global(.theme-dark) .fde-legend { background: #111113; }
464
- :global(.theme-dark) .fde-legend-item { color: #9ca3af; }
462
+ .theme-dark .fde-day:hover:not(.fde-day-empty) { background: #27272a; }
463
+ .theme-dark .fde-legend { background: #111113; }
464
+ .theme-dark .fde-legend-item { color: #9ca3af; }
465
465
 
466
466
  @media (max-width: 900px) {
467
467
  .fde-layout { grid-template-columns: 1fr; }