@jjlmoya/utils-nature 1.12.0 → 1.13.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-nature",
3
- "version": "1.12.0",
3
+ "version": "1.13.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -35,7 +35,7 @@
35
35
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
36
36
  }
37
37
 
38
- :global(.theme-dark) .ct-card {
38
+ .theme-dark .ct-card {
39
39
  --ct-bg-card: #0f172a;
40
40
  --ct-bg-image: #1e293b;
41
41
  --ct-gradient-from: #0f172a;
@@ -105,7 +105,7 @@
105
105
  pointer-events: none;
106
106
  }
107
107
 
108
- :global(.ct-display-wrapper.has-value) .ct-glow {
108
+ .ct-display-wrapper.has-value .ct-glow {
109
109
  opacity: 1;
110
110
  }
111
111
 
@@ -195,7 +195,7 @@
195
195
  transform: scale(0.95);
196
196
  }
197
197
 
198
- :global(.ct-tap-btn.ct-tap-pressed) {
198
+ .ct-tap-btn.ct-tap-pressed {
199
199
  transform: scale(0.95);
200
200
  }
201
201
 
@@ -249,6 +249,6 @@
249
249
  gap: 0.5rem;
250
250
  }
251
251
 
252
- :global(.ct-audio-btn.audio-active) {
252
+ .ct-audio-btn.audio-active {
253
253
  color: var(--ct-audio-active);
254
254
  }
@@ -14,7 +14,7 @@
14
14
  padding: 1rem;
15
15
  }
16
16
 
17
- :global(.theme-dark) .dc-wrap {
17
+ .theme-dark .dc-wrap {
18
18
  --dc-bg: #0f172a;
19
19
  --dc-bg-alt: #1e293b;
20
20
  --dc-border: #334155;
@@ -30,7 +30,7 @@
30
30
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
31
31
  }
32
32
 
33
- :global(.dc-results-wrapper) {
33
+ .dc-results-wrapper {
34
34
  display: grid;
35
35
  grid-template-columns: 1fr;
36
36
  border-top: 1px solid var(--dc-border);
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  @media (min-width: 1024px) {
41
- :global(.dc-results-wrapper) {
41
+ .dc-results-wrapper {
42
42
  grid-template-columns: 1.5fr 1fr;
43
43
  }
44
44
  }
@@ -146,12 +146,12 @@
146
146
  margin-top: 0.5rem;
147
147
  }
148
148
 
149
- :global(.btn-text.dc-hidden),
150
- :global(.btn-loader.dc-hidden) {
149
+ .btn-text.dc-hidden,
150
+ .btn-loader.dc-hidden {
151
151
  display: none;
152
152
  }
153
153
 
154
- :global(.dc-hidden) {
154
+ .dc-hidden {
155
155
  display: none;
156
156
  }
157
157
 
@@ -293,20 +293,20 @@
293
293
  color: var(--dc-text);
294
294
  }
295
295
 
296
- :global(.dc-impact-label) {
296
+ .dc-impact-label {
297
297
  font-size: 0.75rem;
298
298
  color: var(--dc-text-muted);
299
299
  font-weight: 600;
300
300
  }
301
301
 
302
- :global(.dc-tips-title) {
302
+ .dc-tips-title {
303
303
  font-size: 1.125rem;
304
304
  font-weight: 800;
305
305
  margin-bottom: 1.5rem;
306
306
  color: var(--dc-text);
307
307
  }
308
308
 
309
- :global(.dc-tips-list) {
309
+ .dc-tips-list {
310
310
  list-style: none;
311
311
  padding: 0;
312
312
  margin: 0;
@@ -315,7 +315,7 @@
315
315
  gap: 1rem;
316
316
  }
317
317
 
318
- :global(.dc-tips-list li) {
318
+ .dc-tips-list li {
319
319
  padding-left: 2rem;
320
320
  position: relative;
321
321
  font-size: 0.9375rem;
@@ -323,7 +323,7 @@
323
323
  line-height: 1.4;
324
324
  }
325
325
 
326
- :global(.dc-tips-list li::before) {
326
+ .dc-tips-list li::before {
327
327
  content: "→";
328
328
  position: absolute;
329
329
  left: 0;
@@ -18,7 +18,7 @@
18
18
  user-select: none;
19
19
  }
20
20
 
21
- :global(.theme-dark) .rh-wrap {
21
+ .theme-dark .rh-wrap {
22
22
  --rh-bg: #0f172a;
23
23
  --rh-bg-inputs: #1e293b;
24
24
  --rh-border: #334155;
@@ -23,7 +23,7 @@
23
23
  user-select: none;
24
24
  }
25
25
 
26
- :global(.theme-dark) .sc-wrap {
26
+ .theme-dark .sc-wrap {
27
27
  --sc-bg: #18181b;
28
28
  --sc-bg-params: #18181b;
29
29
  --sc-bg-speed: #27272a;
@@ -146,7 +146,7 @@
146
146
  pointer-events: none;
147
147
  }
148
148
 
149
- :global(.crop-btn.active) .sc-selection-ring {
149
+ .crop-btn.active .sc-selection-ring {
150
150
  opacity: 1;
151
151
  transform: scale(1);
152
152
  border-width: 3px;
@@ -270,7 +270,7 @@
270
270
  color: var(--sc-text);
271
271
  }
272
272
 
273
- :global(.speed-btn.active) {
273
+ .speed-btn.active {
274
274
  background-color: #059669;
275
275
  color: #fff;
276
276
  box-shadow: 0 4px 6px -1px rgba(5,150,105,0.4);
@@ -372,22 +372,22 @@
372
372
  transition: width 0.3s;
373
373
  }
374
374
 
375
- :global(.sc-hz-bar[data-state="volumetric"]) {
375
+ .sc-hz-bar[data-state="volumetric"] {
376
376
  background: #3b82f6;
377
377
  box-shadow: 0 0 10px rgba(59,130,246,0.5);
378
378
  }
379
379
 
380
- :global(.sc-hz-bar[data-state="optimal"]) {
380
+ .sc-hz-bar[data-state="optimal"] {
381
381
  background: #34d399;
382
382
  box-shadow: 0 0 10px rgba(52,211,153,0.5);
383
383
  }
384
384
 
385
- :global(.sc-hz-bar[data-state="high"]) {
385
+ .sc-hz-bar[data-state="high"] {
386
386
  background: #facc15;
387
387
  box-shadow: 0 0 10px rgba(250,204,21,0.5);
388
388
  }
389
389
 
390
- :global(.sc-hz-bar[data-state="limit"]) {
390
+ .sc-hz-bar[data-state="limit"] {
391
391
  background: #ef4444;
392
392
  box-shadow: 0 0 10px rgba(239,68,68,0.5);
393
393
  }
@@ -404,10 +404,10 @@
404
404
  color: rgba(255,255,255,0.75);
405
405
  }
406
406
 
407
- :global(.sc-hz-val[data-state="volumetric"]) { color: #bfdbfe; }
408
- :global(.sc-hz-val[data-state="optimal"]) { color: #6ee7b7; }
409
- :global(.sc-hz-val[data-state="high"]) { color: #fef08a; }
410
- :global(.sc-hz-val[data-state="limit"]) { color: #fca5a5; }
407
+ .sc-hz-val[data-state="volumetric"] { color: #bfdbfe; }
408
+ .sc-hz-val[data-state="optimal"] { color: #6ee7b7; }
409
+ .sc-hz-val[data-state="high"] { color: #fef08a; }
410
+ .sc-hz-val[data-state="limit"] { color: #fca5a5; }
411
411
 
412
412
  .sc-hz-status {
413
413
  color: rgba(255,255,255,0.75);