@jjlmoya/utils-tools 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 (13) hide show
  1. package/package.json +1 -1
  2. package/src/tool/date-diff-calculator/date-difference-calculator.css +1 -1
  3. package/src/tool/drive-direct-link/google-drive-direct-download-link.css +1 -1
  4. package/src/tool/email-list-cleaner/email-list-cleaner.css +1 -1
  5. package/src/tool/env-badge-spain/environmental-badge-simulator-spain.css +17 -17
  6. package/src/tool/morse-beacon/morse-beacon.css +1 -1
  7. package/src/tool/password-generator/password-generator.css +4 -4
  8. package/src/tool/routes/optimal-routes.css +2 -2
  9. package/src/tool/rule-of-three/rule-of-three.css +2 -2
  10. package/src/tool/seo-content-optimizer/seo-content-optimizer.css +10 -10
  11. package/src/tool/speed-reader/speed-reader.css +5 -5
  12. package/src/tool/text-pixel-calculator/text-pixel-width-calculator.css +1 -1
  13. package/src/tool/whatsapp-link/whatsapp-link-generator.css +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jjlmoya/utils-tools",
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/date-diff-calculator/date-difference-calculator.css CHANGED
@@ -18,7 +18,7 @@
18
18
  margin: 0 auto;
19
19
  }
20
20
 
21
- :global(.theme-dark) .dd-root {
21
+ .theme-dark .dd-root {
22
22
  --dd-card-bg: #1e293b;
23
23
  --dd-card-border: rgba(255, 255, 255, 0.05);
24
24
  --dd-field-bg: #0f172a;
package/src/tool/drive-direct-link/google-drive-direct-download-link.css CHANGED
@@ -19,7 +19,7 @@
19
19
  margin: 0 auto;
20
20
  }
21
21
 
22
- :global(.theme-dark) .gdl-root {
22
+ .theme-dark .gdl-root {
23
23
  --gdl-card-bg: #1e293b;
24
24
  --gdl-card-border: #334155;
25
25
  --gdl-field-bg: #0f172a;
package/src/tool/email-list-cleaner/email-list-cleaner.css CHANGED
@@ -20,7 +20,7 @@
20
20
  margin: 0 auto;
21
21
  }
22
22
 
23
- :global(.theme-dark) .elc-root {
23
+ .theme-dark .elc-root {
24
24
  --elc-card-bg: rgba(15, 23, 42, 0.6);
25
25
  --elc-card-border: rgba(255, 255, 255, 0.1);
26
26
  --elc-field-bg: #1e293b;
package/src/tool/env-badge-spain/environmental-badge-simulator-spain.css CHANGED
@@ -16,7 +16,7 @@
16
16
  margin: 0 auto;
17
17
  }
18
18
 
19
- :global(.theme-dark) .deb-root {
19
+ .theme-dark .deb-root {
20
20
  --deb-bg: #0f172a;
21
21
  --deb-card-bg: #1e293b;
22
22
  --deb-card-border: rgba(255, 255, 255, 0.08);
@@ -45,14 +45,14 @@
45
45
  }
46
46
  }
47
47
 
48
- :global(.deb-badge-display h3) {
48
+ .deb-badge-display h3 {
49
49
  font-size: 1.5rem;
50
50
  margin: 0;
51
51
  color: var(--deb-text-main);
52
52
  font-weight: 800;
53
53
  }
54
54
 
55
- :global(.deb-replica) {
55
+ .deb-replica {
56
56
  width: 200px;
57
57
  height: 200px;
58
58
  border-radius: 50%;
@@ -67,7 +67,7 @@
67
67
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
68
68
  }
69
69
 
70
- :global(.deb-replica)::after {
70
+ .deb-replica::after {
71
71
  content: "DGT";
72
72
  position: absolute;
73
73
  top: 25px;
@@ -80,7 +80,7 @@
80
80
  z-index: 10;
81
81
  }
82
82
 
83
- :global(.deb-big-letter) {
83
+ .deb-big-letter {
84
84
  font-size: 7rem;
85
85
  font-weight: 900;
86
86
  line-height: 1;
@@ -88,7 +88,7 @@
88
88
  margin-top: 15px;
89
89
  }
90
90
 
91
- :global(.deb-sub-text) {
91
+ .deb-sub-text {
92
92
  font-size: 1rem;
93
93
  font-weight: 800;
94
94
  text-transform: uppercase;
@@ -96,46 +96,46 @@
96
96
  margin-top: -5px;
97
97
  }
98
98
 
99
- :global(.deb-replica-0) {
99
+ .deb-replica-0 {
100
100
  background: #005aa3;
101
101
  color: #fff;
102
102
  }
103
103
 
104
- :global(.deb-replica-0)::after {
104
+ .deb-replica-0::after {
105
105
  color: #fff;
106
106
  opacity: 0.9;
107
107
  }
108
108
 
109
- :global(.deb-replica-eco) {
109
+ .deb-replica-eco {
110
110
  background: linear-gradient(90deg, #00a455 50%, #005aa3 50%);
111
111
  color: #fff;
112
112
  }
113
113
 
114
- :global(.deb-replica-eco)::after {
114
+ .deb-replica-eco::after {
115
115
  color: #fff;
116
116
  opacity: 0.9;
117
117
  }
118
118
 
119
- :global(.deb-replica-eco) :global(.deb-big-letter) {
119
+ .deb-replica-eco .deb-big-letter {
120
120
  font-size: 5rem;
121
121
  margin-top: 25px;
122
122
  }
123
123
 
124
- :global(.deb-replica-c) {
124
+ .deb-replica-c {
125
125
  background: #00a455;
126
126
  color: #000;
127
127
  }
128
128
 
129
- :global(.deb-replica-c) :global(.deb-sub-text) { display: none; }
129
+ .deb-replica-c .deb-sub-text { display: none; }
130
130
 
131
- :global(.deb-replica-b) {
131
+ .deb-replica-b {
132
132
  background: #ffdf00;
133
133
  color: #000;
134
134
  }
135
135
 
136
- :global(.deb-replica-b) :global(.deb-sub-text) { display: none; }
136
+ .deb-replica-b .deb-sub-text { display: none; }
137
137
 
138
- :global(.deb-replica-a) {
138
+ .deb-replica-a {
139
139
  width: 200px;
140
140
  height: 120px;
141
141
  border-radius: 1rem;
@@ -148,7 +148,7 @@
148
148
  align-items: center;
149
149
  }
150
150
 
151
- :global(.deb-replica-a) :global(.deb-big-letter) {
151
+ .deb-replica-a .deb-big-letter {
152
152
  font-size: 4rem;
153
153
  margin-top: 0;
154
154
  }
package/src/tool/morse-beacon/morse-beacon.css CHANGED
@@ -26,7 +26,7 @@
26
26
  margin: 0 auto;
27
27
  }
28
28
 
29
- :global(.theme-dark) .mb-root {
29
+ .theme-dark .mb-root {
30
30
  --mb-card-bg: #0f172a;
31
31
  --mb-card-border: #1e293b;
32
32
  --mb-text-main: #e2e8f0;
package/src/tool/password-generator/password-generator.css CHANGED
@@ -19,7 +19,7 @@
19
19
  transition: transform 0.3s ease;
20
20
  }
21
21
 
22
- :global(.theme-dark) .pg-card {
22
+ .theme-dark .pg-card {
23
23
  background: linear-gradient(
24
24
  135deg,
25
25
  rgba(255, 255, 255, 0.05),
@@ -45,7 +45,7 @@
45
45
  flex-direction: column;
46
46
  }
47
47
 
48
- :global(.theme-dark) .pg-card-content {
48
+ .theme-dark .pg-card-content {
49
49
  background: #0f172a;
50
50
  }
51
51
 
@@ -60,7 +60,7 @@
60
60
  margin: 1.5rem 0;
61
61
  }
62
62
 
63
- :global(.theme-dark) .pg-divider {
63
+ .theme-dark .pg-divider {
64
64
  background: linear-gradient(
65
65
  to right,
66
66
  transparent,
@@ -81,7 +81,7 @@
81
81
  }
82
82
  }
83
83
 
84
- :global(.pg-copied-anim) {
84
+ .pg-copied-anim {
85
85
  animation: pulse-success 0.3s ease-out;
86
86
  }
87
87
  /* Config.astro */
package/src/tool/routes/optimal-routes.css CHANGED
@@ -22,7 +22,7 @@
22
22
  --rut-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
23
23
  }
24
24
 
25
- :global(.theme-dark) .rut-root {
25
+ .theme-dark .rut-root {
26
26
  --rut-sidebar-bg: rgba(15, 23, 42, 0.5);
27
27
  --rut-sidebar-border: #1e293b;
28
28
  --rut-map-bg: #1e293b;
@@ -247,6 +247,6 @@
247
247
  background: var(--rut-map-bg);
248
248
  }
249
249
 
250
- :global(.rut-hidden) {
250
+ .rut-hidden {
251
251
  display: none;
252
252
  }
package/src/tool/rule-of-three/rule-of-three.css CHANGED
@@ -20,7 +20,7 @@
20
20
  --rot-sep-color: #cbd5e1;
21
21
  }
22
22
 
23
- :global(.theme-dark) .rot-root {
23
+ .theme-dark .rot-root {
24
24
  --rot-result-bg: rgba(37, 99, 235, 0.2);
25
25
  --rot-result-border: rgba(37, 99, 235, 0.3);
26
26
  --rot-result-label: #60a5fa;
@@ -244,4 +244,4 @@
244
244
  100% { transform: scale(1); }
245
245
  }
246
246
 
247
- :global(.rot-pop) { animation: rot-pop 0.2s ease; }
247
+ .rot-pop { animation: rot-pop 0.2s ease; }
package/src/tool/seo-content-optimizer/seo-content-optimizer.css CHANGED
@@ -26,7 +26,7 @@
26
26
  gap: 2rem;
27
27
  }
28
28
 
29
- :global(.theme-dark) .sco-root {
29
+ .theme-dark .sco-root {
30
30
  --sco-tab-bg: rgba(15, 23, 42, 0.5);
31
31
  --sco-tab-active-bg: #1e293b;
32
32
  --sco-tab-active-color: #60a5fa;
@@ -172,7 +172,7 @@
172
172
  gap: 0.75rem;
173
173
  }
174
174
 
175
- :global(.sco-check-item) {
175
+ .sco-check-item {
176
176
  display: flex;
177
177
  gap: 0.75rem;
178
178
  align-items: flex-start;
@@ -184,7 +184,7 @@
184
184
  color: inherit;
185
185
  }
186
186
 
187
- :global(.sco-check-status) {
187
+ .sco-check-status {
188
188
  width: 20px;
189
189
  height: 20px;
190
190
  border-radius: 50%;
@@ -196,17 +196,17 @@
196
196
  font-weight: 900;
197
197
  }
198
198
 
199
- :global(.sco-success) {
199
+ .sco-success {
200
200
  background: #dcfce7;
201
201
  color: #15803d;
202
202
  }
203
203
 
204
- :global(.sco-warning) {
204
+ .sco-warning {
205
205
  background: #fef9c3;
206
206
  color: #a16207;
207
207
  }
208
208
 
209
- :global(.sco-error) {
209
+ .sco-error {
210
210
  background: #fee2e2;
211
211
  color: #b91c1c;
212
212
  }
@@ -217,7 +217,7 @@
217
217
  gap: 0.5rem;
218
218
  }
219
219
 
220
- :global(.sco-keyword-item) {
220
+ .sco-keyword-item {
221
221
  display: flex;
222
222
  justify-content: space-between;
223
223
  padding: 0.5rem 0.75rem;
@@ -226,12 +226,12 @@
226
226
  font-size: 0.9rem;
227
227
  }
228
228
 
229
- :global(.sco-keyword-name) {
229
+ .sco-keyword-name {
230
230
  font-weight: 600;
231
231
  color: var(--sco-keyword-name, #1e293b);
232
232
  }
233
233
 
234
- :global(.sco-keyword-count) {
234
+ .sco-keyword-count {
235
235
  font-weight: 700;
236
236
  }
237
237
 
@@ -242,7 +242,7 @@
242
242
  padding: 0.5rem;
243
243
  }
244
244
 
245
- :global(.sco-empty-injected) {
245
+ .sco-empty-injected {
246
246
  font-size: 0.875rem;
247
247
  color: var(--sco-muted, #64748b);
248
248
  text-align: center;
package/src/tool/speed-reader/speed-reader.css CHANGED
@@ -31,7 +31,7 @@
31
31
  gap: 1rem;
32
32
  }
33
33
 
34
- :global(.theme-dark) .sr-root {
34
+ .theme-dark .sr-root {
35
35
  --sr-panel-bg: #0f172a;
36
36
  --sr-panel-border: #1e293b;
37
37
  --sr-field-bg: rgba(30, 41, 59, 0.5);
@@ -57,7 +57,7 @@
57
57
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
58
58
  }
59
59
 
60
- :global(.sr-stage-active) {
60
+ .sr-stage-active {
61
61
  transform: scale(1.02);
62
62
  border-color: rgba(79, 70, 229, 0.4);
63
63
  }
@@ -98,7 +98,7 @@
98
98
  transition: background 0.2s;
99
99
  }
100
100
 
101
- :global(.sr-led-active) {
101
+ .sr-led-active {
102
102
  background: var(--sr-led-active);
103
103
  animation: sr-pulse 1s ease-in-out infinite;
104
104
  }
@@ -227,12 +227,12 @@
227
227
  transform: scale(0.95);
228
228
  }
229
229
 
230
- :global(.sr-play-btn-active) {
230
+ .sr-play-btn-active {
231
231
  background: #1e293b;
232
232
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
233
233
  }
234
234
 
235
- :global(.sr-play-btn-active):hover {
235
+ .sr-play-btn-active:hover {
236
236
  background: #0f172a;
237
237
  }
238
238
 
package/src/tool/text-pixel-calculator/text-pixel-width-calculator.css CHANGED
@@ -21,7 +21,7 @@
21
21
  margin: 0 auto;
22
22
  }
23
23
 
24
- :global(.theme-dark) .tpc-root {
24
+ .theme-dark .tpc-root {
25
25
  --tpc-card-bg: #1e293b;
26
26
  --tpc-card-border: rgba(255, 255, 255, 0.05);
27
27
  --tpc-field-bg: #0f172a;
package/src/tool/whatsapp-link/whatsapp-link-generator.css CHANGED
@@ -29,7 +29,7 @@
29
29
  gap: 1.25rem;
30
30
  }
31
31
 
32
- :global(.theme-dark) .wl-root {
32
+ .theme-dark .wl-root {
33
33
  --wl-panel-bg: #0f172a;
34
34
  --wl-panel-border: #1e293b;
35
35
  --wl-field-bg: rgba(30, 41, 59, 0.5);
@@ -197,7 +197,7 @@
197
197
  color: var(--wl-green-dark);
198
198
  }
199
199
 
200
- :global(.theme-dark) .wl-result-label {
200
+ .theme-dark .wl-result-label {
201
201
  color: var(--wl-green);
202
202
  }
203
203