@jjlmoya/utils-pets 1.11.0 → 1.12.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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/tool/petAge/pet-age-calculator.css +15 -15
  3. package/src/tool/petRation/pet-daily-ration-calculator.css +16 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jjlmoya/utils-pets",
3
- "version": "1.11.0",
3
+ "version": "1.12.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/tool/petAge/pet-age-calculator.css CHANGED
@@ -15,7 +15,7 @@
15
15
  min-height: 400px;
16
16
  }
17
17
 
18
- :global(.theme-dark) .pet-age-calculator {
18
+ .theme-dark .pet-age-calculator {
19
19
  background: var(--color-surface-dark, #1e293b);
20
20
  color: var(--color-text-dark, #e2e8f0);
21
21
  border-color: var(--color-border-dark, #334155);
@@ -39,7 +39,7 @@
39
39
  visibility 0.4s;
40
40
  }
41
41
 
42
- :global(.theme-dark) .age-loader {
42
+ .theme-dark .age-loader {
43
43
  background: var(--color-surface-dark, #1e293b);
44
44
  }
45
45
 
@@ -92,7 +92,7 @@
92
92
  border-bottom: none;
93
93
  }
94
94
 
95
- :global(.theme-dark) .age-section {
95
+ .theme-dark .age-section {
96
96
  border-bottom-color: var(--color-border-dark, #334155);
97
97
  }
98
98
 
@@ -108,7 +108,7 @@
108
108
  letter-spacing: 0.05em;
109
109
  }
110
110
 
111
- :global(.theme-dark) .age-section-title {
111
+ .theme-dark .age-section-title {
112
112
  color: var(--color-heading-dark, #f8fafc);
113
113
  }
114
114
 
@@ -161,7 +161,7 @@
161
161
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.1);
162
162
  }
163
163
 
164
- :global(.theme-dark) .age-text-input {
164
+ .theme-dark .age-text-input {
165
165
  background: var(--color-btn-bg-dark, #0f172a);
166
166
  border-color: var(--color-btn-border-dark, #334155);
167
167
  color: var(--color-text-dark, #e2e8f0);
@@ -189,7 +189,7 @@
189
189
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
190
190
  }
191
191
 
192
- :global(.theme-dark) .pet-type-btn {
192
+ .theme-dark .pet-type-btn {
193
193
  background: var(--color-btn-bg-dark, #0f172a);
194
194
  border-color: var(--color-btn-border-dark, #334155);
195
195
  color: var(--color-text-dark, #e2e8f0);
@@ -203,7 +203,7 @@
203
203
  transform: translateY(-2px);
204
204
  }
205
205
 
206
- :global(.theme-dark) .pet-type-btn.active {
206
+ .theme-dark .pet-type-btn.active {
207
207
  background: var(--color-surface-elevated-dark, #1e293b);
208
208
  }
209
209
 
@@ -220,7 +220,7 @@
220
220
  border: 1px solid var(--color-btn-border, #e2e8f0);
221
221
  }
222
222
 
223
- :global(.theme-dark) .age-segmented {
223
+ .theme-dark .age-segmented {
224
224
  background: var(--color-btn-bg-dark, #0f172a);
225
225
  border-color: var(--color-btn-border-dark, #334155);
226
226
  }
@@ -284,7 +284,7 @@
284
284
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
285
285
  }
286
286
 
287
- :global(.theme-dark) .age-year-input {
287
+ .theme-dark .age-year-input {
288
288
  background: var(--color-btn-bg-dark, #0f172a);
289
289
  border-color: var(--color-btn-border-dark, #334155);
290
290
  color: var(--color-text-dark, #e2e8f0);
@@ -307,7 +307,7 @@
307
307
  box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.3);
308
308
  }
309
309
 
310
- :global(.theme-dark) .age-results {
310
+ .theme-dark .age-results {
311
311
  background: var(--color-accent, #f59e0b);
312
312
  color: var(--color-results-text-dark, #0f172a);
313
313
  box-shadow: 0 20px 40px -10px rgba(245, 158, 11, 0.2);
@@ -328,7 +328,7 @@
328
328
  margin-bottom: 0.5rem;
329
329
  }
330
330
 
331
- :global(.theme-dark) .age-res-label {
331
+ .theme-dark .age-res-label {
332
332
  color: var(--color-results-bg, #0f172a);
333
333
  opacity: 0.7;
334
334
  }
@@ -355,7 +355,7 @@
355
355
  margin: 1.5rem 0;
356
356
  }
357
357
 
358
- :global(.theme-dark) .age-res-divider {
358
+ .theme-dark .age-res-divider {
359
359
  background: rgba(0, 0, 0, 0.1);
360
360
  }
361
361
 
@@ -378,7 +378,7 @@
378
378
  text-align: center;
379
379
  }
380
380
 
381
- :global(.theme-dark) .age-res-card {
381
+ .theme-dark .age-res-card {
382
382
  background: rgba(0, 0, 0, 0.1);
383
383
  border-color: rgba(0, 0, 0, 0.1);
384
384
  }
@@ -404,7 +404,7 @@
404
404
  border-top: 1px solid rgba(255, 255, 255, 0.1);
405
405
  }
406
406
 
407
- :global(.theme-dark) .age-res-footer {
407
+ .theme-dark .age-res-footer {
408
408
  border-top-color: rgba(0, 0, 0, 0.1);
409
409
  }
410
410
 
@@ -427,7 +427,7 @@
427
427
  background: rgba(255, 255, 255, 0.2);
428
428
  }
429
429
 
430
- :global(.theme-dark) .age-share-btn {
430
+ .theme-dark .age-share-btn {
431
431
  background: rgba(0, 0, 0, 0.15);
432
432
  border-color: rgba(0, 0, 0, 0.2);
433
433
  color: var(--color-results-bg, #0f172a);
package/src/tool/petRation/pet-daily-ration-calculator.css CHANGED
@@ -26,14 +26,14 @@
26
26
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
27
27
  }
28
28
 
29
- :global(.theme-dark) .pet-ration-calculator-final {
29
+ .theme-dark .pet-ration-calculator-final {
30
30
  background: var(--color-surface-dark, #1e293b);
31
31
  color: var(--color-text-dark, #e2e8f0);
32
32
  border-color: var(--color-border-dark, #334155);
33
33
  box-shadow: 0 20px 50px -15px rgba(0, 0, 0, 0.3);
34
34
  }
35
35
 
36
- :global(.theme-dark) .calc-loader {
36
+ .theme-dark .calc-loader {
37
37
  background: var(--color-surface-dark, #1e293b);
38
38
  }
39
39
 
@@ -85,7 +85,7 @@
85
85
  letter-spacing: 0.05em;
86
86
  }
87
87
 
88
- :global(.theme-dark) .section-title {
88
+ .theme-dark .section-title {
89
89
  color: var(--color-heading-dark, #f8fafc);
90
90
  }
91
91
 
@@ -98,7 +98,7 @@
98
98
  border-bottom: none;
99
99
  }
100
100
 
101
- :global(.theme-dark) .calc-section {
101
+ .theme-dark .calc-section {
102
102
  border-bottom-color: var(--color-border-dark, #334155);
103
103
  }
104
104
 
@@ -141,7 +141,7 @@
141
141
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
142
142
  }
143
143
 
144
- :global(.theme-dark) .btn-species {
144
+ .theme-dark .btn-species {
145
145
  background: var(--color-btn-bg-dark, #0f172a);
146
146
  border-color: var(--color-btn-border-dark, #334155);
147
147
  }
@@ -159,7 +159,7 @@
159
159
  transform: translateY(-2px);
160
160
  }
161
161
 
162
- :global(.theme-dark) .species-selector-v2 input:checked + .btn-species {
162
+ .theme-dark .species-selector-v2 input:checked + .btn-species {
163
163
  background: var(--color-surface-elevated-dark, #1e293b);
164
164
  }
165
165
 
@@ -171,7 +171,7 @@
171
171
  border: 1px solid var(--color-btn-border, #e2e8f0);
172
172
  }
173
173
 
174
- :global(.theme-dark) .segmented-v2 {
174
+ .theme-dark .segmented-v2 {
175
175
  background: var(--color-btn-bg-dark, #0f172a);
176
176
  border-color: var(--color-btn-border-dark, #334155);
177
177
  }
@@ -218,7 +218,7 @@
218
218
  border-radius: 10px;
219
219
  }
220
220
 
221
- :global(.theme-dark) .range-v2 {
221
+ .theme-dark .range-v2 {
222
222
  background: var(--color-range-track-dark, #334155);
223
223
  }
224
224
 
@@ -256,7 +256,7 @@
256
256
  transition: all 0.2s;
257
257
  }
258
258
 
259
- :global(.theme-dark) .ratio-presets label {
259
+ .theme-dark .ratio-presets label {
260
260
  background: var(--color-btn-bg-dark, #0f172a);
261
261
  border-color: var(--color-btn-border-dark, #334155);
262
262
  }
@@ -268,7 +268,7 @@
268
268
  box-shadow: 0 4px 10px rgba(245, 158, 11, 0.1);
269
269
  }
270
270
 
271
- :global(.theme-dark) .ratio-presets input:checked + label {
271
+ .theme-dark .ratio-presets input:checked + label {
272
272
  background: var(--color-surface-elevated-dark, #1e293b);
273
273
  }
274
274
 
@@ -290,7 +290,7 @@
290
290
  border: 1px solid var(--color-btn-border, #e2e8f0);
291
291
  }
292
292
 
293
- :global(.theme-dark) .manual-slider-box {
293
+ .theme-dark .manual-slider-box {
294
294
  background: var(--color-btn-bg-dark, #0f172a);
295
295
  border-color: var(--color-btn-border-dark, #334155);
296
296
  }
@@ -311,7 +311,7 @@
311
311
  box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.3);
312
312
  }
313
313
 
314
- :global(.theme-dark) .results-v2 {
314
+ .theme-dark .results-v2 {
315
315
  background: var(--color-accent, #f59e0b);
316
316
  color: var(--color-results-text-dark, #0f172a);
317
317
  box-shadow: 0 20px 40px -10px rgba(245, 158, 11, 0.2);
@@ -332,7 +332,7 @@
332
332
  padding: 0.5rem 1.5rem;
333
333
  }
334
334
 
335
- :global(.theme-dark) .res-card-v2 {
335
+ .theme-dark .res-card-v2 {
336
336
  border-left-color: var(--color-results-bg, #0f172a);
337
337
  }
338
338
 
@@ -345,7 +345,7 @@
345
345
  align-self: flex-start;
346
346
  }
347
347
 
348
- :global(.theme-dark) .res-tag {
348
+ .theme-dark .res-tag {
349
349
  color: var(--color-results-bg, #0f172a);
350
350
  opacity: 0.7;
351
351
  }
@@ -371,7 +371,7 @@
371
371
  border-top: 1px solid rgba(255, 255, 255, 0.1);
372
372
  }
373
373
 
374
- :global(.theme-dark) .res-footer-v2 {
374
+ .theme-dark .res-footer-v2 {
375
375
  border-top-color: rgba(0, 0, 0, 0.1);
376
376
  }
377
377
 
@@ -400,7 +400,7 @@
400
400
  font-weight: 900;
401
401
  }
402
402
 
403
- :global(.theme-dark) .status-box-v2 {
403
+ .theme-dark .status-box-v2 {
404
404
  background: var(--color-results-bg, #0f172a);
405
405
  color: var(--color-results-text, #fff);
406
406
  }