@jjlmoya/utils-finance 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jjlmoya/utils-finance",
3
- "version": "1.13.0",
3
+ "version": "1.14.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -11,7 +11,7 @@
11
11
  --ctf-border-exempt: #bbf7d0;
12
12
  }
13
13
 
14
- :global(.theme-dark) {
14
+ .theme-dark {
15
15
  --ctf-bg-card: #1e293b;
16
16
  --ctf-border-card: #334155;
17
17
  --ctf-text-primary: #f1f5f9;
@@ -24,7 +24,7 @@
24
24
  --ctf-border-exempt: rgba(34, 197, 94, 0.3);
25
25
  }
26
26
 
27
- :global([data-theme='dark']) {
27
+ [data-theme='dark'] {
28
28
  --ctf-bg-card: #1e293b;
29
29
  --ctf-border-card: #334155;
30
30
  --ctf-text-primary: #f1f5f9;
@@ -72,7 +72,7 @@
72
72
  margin-bottom: 0.5rem;
73
73
  }
74
74
 
75
- .ctf-section-title :global(svg) {
75
+ .ctf-section-title svg {
76
76
  color: var(--ctf-accent);
77
77
  }
78
78
 
@@ -221,7 +221,7 @@
221
221
  transform: translateY(0);
222
222
  }
223
223
 
224
- .ctf-btn-copy :global(svg) {
224
+ .ctf-btn-copy svg {
225
225
  width: 1.25rem;
226
226
  height: 1.25rem;
227
227
  }
@@ -11,8 +11,8 @@
11
11
  --snow-bg-tab: rgba(0, 0, 0, 0.05);
12
12
  }
13
13
 
14
- :global(.theme-dark),
15
- :global([data-theme="dark"]) {
14
+ .theme-dark,
15
+ [data-theme="dark"] {
16
16
  --snow-bg-card: rgba(15, 23, 42, 0.9);
17
17
  --snow-border: rgba(30, 41, 59, 1);
18
18
  --snow-text-main: #f8fafc;
@@ -154,8 +154,8 @@
154
154
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
155
155
  }
156
156
 
157
- :global(.theme-dark) .snow-tab.active,
158
- :global([data-theme="dark"]) .snow-tab.active {
157
+ .theme-dark .snow-tab.active,
158
+ [data-theme="dark"] .snow-tab.active {
159
159
  background: rgba(255, 255, 255, 0.1);
160
160
  color: white;
161
161
  }
@@ -303,7 +303,7 @@
303
303
  overflow-y: auto;
304
304
  }
305
305
 
306
- :global(.snow-debt-item) {
306
+ .snow-debt-item {
307
307
  display: grid;
308
308
  grid-template-columns: 1fr 1fr 1fr 1fr 60px;
309
309
  padding: 1rem;
@@ -312,7 +312,7 @@
312
312
  gap: 1rem;
313
313
  }
314
314
 
315
- :global(.snow-debt-remove) {
315
+ .snow-debt-remove {
316
316
  background: none;
317
317
  border: none;
318
318
  color: var(--snow-rose);
@@ -323,7 +323,7 @@
323
323
  transition: opacity 0.3s ease;
324
324
  }
325
325
 
326
- :global(.snow-debt-remove:hover) {
326
+ .snow-debt-remove:hover {
327
327
  opacity: 1;
328
328
  }
329
329
 
@@ -449,7 +449,7 @@
449
449
  gap: 1rem;
450
450
  }
451
451
 
452
- :global(.snow-plan-item) {
452
+ .snow-plan-item {
453
453
  display: grid;
454
454
  grid-template-columns: 50px 1fr 1fr;
455
455
  gap: 1.5rem;
@@ -460,12 +460,12 @@
460
460
  border-radius: 1rem;
461
461
  }
462
462
 
463
- :global(.snow-plan-item.active-step) {
463
+ .snow-plan-item.active-step {
464
464
  background: rgba(16, 185, 129, 0.05);
465
465
  border-color: rgba(16, 185, 129, 0.3);
466
466
  }
467
467
 
468
- :global(.snow-step-marker) {
468
+ .snow-step-marker {
469
469
  width: 50px;
470
470
  height: 50px;
471
471
  background: var(--snow-emerald);
@@ -478,13 +478,13 @@
478
478
  font-size: 1.25rem;
479
479
  }
480
480
 
481
- :global(.snow-step-body) {
481
+ .snow-step-body {
482
482
  display: flex;
483
483
  flex-direction: column;
484
484
  gap: 0.25rem;
485
485
  }
486
486
 
487
- :global(.snow-step-label) {
487
+ .snow-step-label {
488
488
  font-size: 0.65rem;
489
489
  font-weight: 900;
490
490
  text-transform: uppercase;
@@ -492,13 +492,13 @@
492
492
  opacity: 0.6;
493
493
  }
494
494
 
495
- :global(.snow-step-name) {
495
+ .snow-step-name {
496
496
  font-size: 1rem;
497
497
  font-weight: 900;
498
498
  color: var(--snow-text-main);
499
499
  }
500
500
 
501
- :global(.snow-step-amount) {
501
+ .snow-step-amount {
502
502
  display: flex;
503
503
  flex-direction: column;
504
504
  align-items: flex-end;
@@ -506,13 +506,13 @@
506
506
  text-align: right;
507
507
  }
508
508
 
509
- :global(.snow-step-amount span) {
509
+ .snow-step-amount span {
510
510
  font-size: 0.65rem;
511
511
  opacity: 0.6;
512
512
  text-transform: uppercase;
513
513
  }
514
514
 
515
- :global(.snow-step-amount strong) {
515
+ .snow-step-amount strong {
516
516
  font-size: 1.25rem;
517
517
  font-weight: 900;
518
518
  color: var(--snow-emerald);
@@ -586,21 +586,21 @@
586
586
  border-bottom: 1px solid var(--snow-border);
587
587
  }
588
588
 
589
- :global(table td) {
589
+ table td {
590
590
  padding: 1rem;
591
591
  border-bottom: 1px solid var(--snow-border);
592
592
  }
593
593
 
594
- :global(table tr:last-child td) {
594
+ table tr:last-child td {
595
595
  border-bottom: none;
596
596
  }
597
597
 
598
- :global(.snow-table-free) {
598
+ .snow-table-free {
599
599
  color: var(--snow-emerald);
600
600
  font-weight: 900;
601
601
  }
602
602
 
603
- :global(.snow-table-muted) {
603
+ .snow-table-muted {
604
604
  opacity: 0.6;
605
605
  }
606
606
 
@@ -625,7 +625,7 @@
625
625
  .snow-table-header {
626
626
  display: none;
627
627
  }
628
- :global(.snow-debt-item) {
628
+ .snow-debt-item {
629
629
  grid-template-columns: 1fr;
630
630
  padding: 1rem 0;
631
631
  border-left: 4px solid var(--snow-emerald);
@@ -11,7 +11,7 @@
11
11
  --fire-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
12
12
  }
13
13
 
14
- :global(.theme-dark) {
14
+ .theme-dark {
15
15
  --fire-bg: rgba(17, 24, 39, 0.7);
16
16
  --fire-card-bg: rgba(31, 41, 55, 0.8);
17
17
  --fire-text: #f3f4f6;
@@ -19,7 +19,7 @@
19
19
  --fire-border: rgba(16, 185, 129, 0.3);
20
20
  }
21
21
 
22
- :global([data-theme='dark']) {
22
+ [data-theme='dark'] {
23
23
  --fire-bg: rgba(17, 24, 39, 0.7);
24
24
  --fire-card-bg: rgba(31, 41, 55, 0.8);
25
25
  --fire-text: #f3f4f6;
@@ -30,7 +30,7 @@
30
30
  --ibs-text-copy-btn: #64748b;
31
31
  }
32
32
 
33
- :global(.theme-dark) {
33
+ .theme-dark {
34
34
  --ibs-bg-card: #0f172a;
35
35
  --ibs-border-card: rgba(255, 255, 255, 0.05);
36
36
  --ibs-text-title: #f8fafc;
@@ -60,7 +60,7 @@
60
60
  --ibs-text-copy-btn: #94a3b8;
61
61
  }
62
62
 
63
- :global([data-theme='dark']) {
63
+ [data-theme='dark'] {
64
64
  --ibs-bg-card: #0f172a;
65
65
  --ibs-border-card: rgba(255, 255, 255, 0.05);
66
66
  --ibs-text-title: #f8fafc;
@@ -109,8 +109,8 @@
109
109
  color-scheme: light;
110
110
  }
111
111
 
112
- :global(.theme-dark) .ibs-card,
113
- :global([data-theme='dark']) .ibs-card {
112
+ .theme-dark .ibs-card,
113
+ [data-theme='dark'] .ibs-card {
114
114
  color-scheme: dark;
115
115
  }
116
116
 
@@ -240,15 +240,15 @@
240
240
  animation: ibs-slide-up 0.5s ease-out;
241
241
  }
242
242
 
243
- :global(.ibs-results-section.ibs-hidden) {
243
+ .ibs-results-section.ibs-hidden {
244
244
  display: none;
245
245
  }
246
246
 
247
- :global(.ibs-error-message.ibs-hidden) {
247
+ .ibs-error-message.ibs-hidden {
248
248
  display: none;
249
249
  }
250
250
 
251
- :global(.ibs-btn-copy-success span[data-icon]) {
251
+ .ibs-btn-copy-success span[data-icon] {
252
252
  background-color: #10b981;
253
253
  }
254
254
 
@@ -27,7 +27,7 @@
27
27
  --li-text-button: #fff;
28
28
  }
29
29
 
30
- :global(.theme-dark) {
30
+ .theme-dark {
31
31
  --li-bg-card: #1f2937;
32
32
  --li-border-card: #374151;
33
33
  --li-text-primary: #f3f4f6;
@@ -55,7 +55,7 @@
55
55
  --li-text-button: #fff;
56
56
  }
57
57
 
58
- :global([data-theme='dark']) {
58
+ [data-theme='dark'] {
59
59
  --li-bg-card: #1f2937;
60
60
  --li-border-card: #374151;
61
61
  --li-text-primary: #f3f4f6;
@@ -167,10 +167,10 @@
167
167
  color-scheme: light;
168
168
  }
169
169
 
170
- :global(.theme-dark) .li-input-wrapper input,
171
- :global(.theme-dark) .li-input-wrapper select,
172
- :global([data-theme='dark']) .li-input-wrapper input,
173
- :global([data-theme='dark']) .li-input-wrapper select {
170
+ .theme-dark .li-input-wrapper input,
171
+ .theme-dark .li-input-wrapper select,
172
+ [data-theme='dark'] .li-input-wrapper input,
173
+ [data-theme='dark'] .li-input-wrapper select {
174
174
  color-scheme: dark;
175
175
  }
176
176
 
@@ -183,8 +183,8 @@
183
183
  background-size: 12px 8px;
184
184
  }
185
185
 
186
- :global(.theme-dark) .li-input-wrapper select,
187
- :global([data-theme='dark']) .li-input-wrapper select {
186
+ .theme-dark .li-input-wrapper select,
187
+ [data-theme='dark'] .li-input-wrapper select {
188
188
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2360a5fa' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
189
189
  }
190
190
 
@@ -9,7 +9,7 @@
9
9
  --lir-glow: rgba(184, 134, 11, 0.1);
10
10
  }
11
11
 
12
- :global(.theme-dark) {
12
+ .theme-dark {
13
13
  --lir-bg-glass: rgba(15, 23, 42, 0.9);
14
14
  --lir-border-glass: rgba(184, 134, 11, 0.3);
15
15
  --lir-text-main: #f8fafc;
@@ -17,7 +17,7 @@
17
17
  --lir-glow: rgba(184, 134, 11, 0.15);
18
18
  }
19
19
 
20
- :global([data-theme='dark']) {
20
+ [data-theme='dark'] {
21
21
  --lir-bg-glass: rgba(15, 23, 42, 0.9);
22
22
  --lir-border-glass: rgba(184, 134, 11, 0.3);
23
23
  --lir-text-main: #f8fafc;
@@ -98,8 +98,8 @@
98
98
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
99
99
  }
100
100
 
101
- :global(.theme-dark) .rate-card,
102
- :global([data-theme='dark']) .rate-card {
101
+ .theme-dark .rate-card,
102
+ [data-theme='dark'] .rate-card {
103
103
  background: rgba(255, 255, 255, 0.03);
104
104
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
105
105
  }
@@ -139,8 +139,8 @@
139
139
  padding: 2rem;
140
140
  }
141
141
 
142
- :global(.theme-dark) .lir-calculator-section,
143
- :global([data-theme='dark']) .lir-calculator-section {
142
+ .theme-dark .lir-calculator-section,
143
+ [data-theme='dark'] .lir-calculator-section {
144
144
  background: rgba(255, 255, 255, 0.02);
145
145
  }
146
146
 
@@ -154,7 +154,7 @@
154
154
  gap: 0.75rem;
155
155
  }
156
156
 
157
- .calculator-title :global(svg) {
157
+ .calculator-title svg {
158
158
  color: var(--lir-primary);
159
159
  }
160
160
 
@@ -192,8 +192,8 @@
192
192
  transition: all 0.3s;
193
193
  }
194
194
 
195
- :global(.theme-dark) .lir-input,
196
- :global([data-theme='dark']) .lir-input {
195
+ .theme-dark .lir-input,
196
+ [data-theme='dark'] .lir-input {
197
197
  background: rgba(15, 23, 42, 0.6);
198
198
  border-color: rgba(255, 255, 255, 0.1);
199
199
  color: white;
@@ -227,8 +227,8 @@
227
227
  align-items: center;
228
228
  }
229
229
 
230
- :global(.theme-dark) .lir-results-card,
231
- :global([data-theme='dark']) .lir-results-card {
230
+ .theme-dark .lir-results-card,
231
+ [data-theme='dark'] .lir-results-card {
232
232
  background: linear-gradient(135deg, rgba(184, 134, 11, 0.1) 0%, rgba(15, 23, 42, 0.6) 100%);
233
233
  }
234
234
 
@@ -276,8 +276,8 @@
276
276
  align-items: flex-start;
277
277
  }
278
278
 
279
- :global(.theme-dark) .lir-info-msg,
280
- :global([data-theme='dark']) .lir-info-msg {
279
+ .theme-dark .lir-info-msg,
280
+ [data-theme='dark'] .lir-info-msg {
281
281
  background: rgba(184, 134, 11, 0.08);
282
282
  }
283
283
 
@@ -322,8 +322,8 @@
322
322
  margin: 0.25rem 0;
323
323
  }
324
324
 
325
- :global(.theme-dark) .info-formula,
326
- :global([data-theme='dark']) .info-formula {
325
+ .theme-dark .info-formula,
326
+ [data-theme='dark'] .info-formula {
327
327
  background: rgba(0, 0, 0, 0.2);
328
328
  color: var(--lir-secondary);
329
329
  }
@@ -29,7 +29,7 @@
29
29
  --ric-highlight-color: #10b981;
30
30
  }
31
31
 
32
- :global(.theme-dark) {
32
+ .theme-dark {
33
33
  --ric-bg-card: #0f172a;
34
34
  --ric-border-card: rgba(255, 255, 255, 0.05);
35
35
  --ric-text-title: #f8fafc;
@@ -58,7 +58,7 @@
58
58
  --ric-highlight-color: #34d399;
59
59
  }
60
60
 
61
- :global([data-theme='dark']) {
61
+ [data-theme='dark'] {
62
62
  --ric-bg-card: #0f172a;
63
63
  --ric-border-card: rgba(255, 255, 255, 0.05);
64
64
  --ric-text-title: #f8fafc;
@@ -106,8 +106,8 @@
106
106
  color-scheme: light;
107
107
  }
108
108
 
109
- :global(.theme-dark) .ric-card,
110
- :global([data-theme='dark']) .ric-card {
109
+ .theme-dark .ric-card,
110
+ [data-theme='dark'] .ric-card {
111
111
  color-scheme: dark;
112
112
  }
113
113
 
@@ -333,11 +333,11 @@
333
333
  transform: translateY(-2px);
334
334
  }
335
335
 
336
- :global(.ric-results-section.ric-hidden) {
336
+ .ric-results-section.ric-hidden {
337
337
  display: none;
338
338
  }
339
339
 
340
- :global(.ric-input-group.ric-hidden) {
340
+ .ric-input-group.ric-hidden {
341
341
  display: none;
342
342
  }
343
343