@jjlmoya/utils-developer 1.13.0 → 1.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-developer",
-    "version": "1.13.0",
+    "version": "1.14.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/aspectRatio/aspect-ratio-calculator.css

@@ -16,7 +16,7 @@
     color: var(--arc-text);
   }
 
-  :global(.theme-dark) .arc-container {
+  .theme-dark .arc-container {
     --arc-bg: #0f172a;
     --arc-card-bg: #1e293b;
     --arc-text: #f8fafc;

package/src/tool/calculadoraTiempoDatos/data-time-calculator-web-speed-impact.css

@@ -19,7 +19,7 @@
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
   }
 
-  :global(.theme-dark) .ctd-card {
+  .theme-dark .ctd-card {
     background: rgb(30, 41, 59);
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
   }
@@ -44,7 +44,7 @@
     flex-shrink: 0;
   }
 
-  .ctd-icon :global(svg) {
+  .ctd-icon svg {
     width: 32px;
     height: 32px;
   }
@@ -57,7 +57,7 @@
     letter-spacing: -0.02em;
   }
 
-  :global(.theme-dark) .ctd-header h2 {
+  .theme-dark .ctd-header h2 {
     color: rgb(241, 245, 249);
   }
 
@@ -75,7 +75,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-input-section > label {
+  .theme-dark .ctd-input-section > label {
     color: rgb(203, 213, 225);
   }
 
@@ -100,7 +100,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .ctd-input {
+  .theme-dark .ctd-input {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -112,7 +112,7 @@
     box-shadow: 0 0 0 6px rgba(99, 102, 241, 0.1);
   }
 
-  :global(.theme-dark) .ctd-input:focus {
+  .theme-dark .ctd-input:focus {
     background: rgb(30, 41, 59);
   }
 
@@ -123,7 +123,7 @@
     white-space: nowrap;
   }
 
-  :global(.theme-dark) .ctd-input-unit {
+  .theme-dark .ctd-input-unit {
     color: rgb(203, 213, 225);
   }
 
@@ -158,7 +158,7 @@
     gap: 0.5rem;
   }
 
-  :global(.theme-dark) .ctd-preset {
+  .theme-dark .ctd-preset {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -171,7 +171,7 @@
     box-shadow: 0 8px 16px rgba(99, 102, 241, 0.2);
   }
 
-  :global(.theme-dark) .ctd-preset:hover {
+  .theme-dark .ctd-preset:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -196,7 +196,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-speed-section > label {
+  .theme-dark .ctd-speed-section > label {
     color: rgb(203, 213, 225);
   }
 
@@ -219,7 +219,7 @@
     transition: all 0.3s;
   }
 
-  :global(.theme-dark) .ctd-speed-btn {
+  .theme-dark .ctd-speed-btn {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
   }
@@ -230,7 +230,7 @@
     color: rgb(15, 23, 42);
   }
 
-  :global(.theme-dark) .ctd-speed-label {
+  .theme-dark .ctd-speed-label {
     color: rgb(241, 245, 249);
   }
 
@@ -240,7 +240,7 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .ctd-speed-value {
+  .theme-dark .ctd-speed-value {
     color: rgb(203, 213, 225);
   }
 
@@ -251,7 +251,7 @@
     box-shadow: 0 8px 16px rgba(99, 102, 241, 0.2);
   }
 
-  :global(.theme-dark) .ctd-speed-btn:hover {
+  .theme-dark .ctd-speed-btn:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -284,7 +284,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-multiplier-section > label {
+  .theme-dark .ctd-multiplier-section > label {
     color: rgb(203, 213, 225);
   }
 
@@ -307,7 +307,7 @@
     transition: all 0.2s;
   }
 
-  :global(.theme-dark) .ctd-times-btn {
+  .theme-dark .ctd-times-btn {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -318,7 +318,7 @@
     background: rgb(219, 234, 254);
   }
 
-  :global(.theme-dark) .ctd-times-btn:hover {
+  .theme-dark .ctd-times-btn:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -342,7 +342,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .ctd-times-input {
+  .theme-dark .ctd-times-input {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -364,7 +364,7 @@
     align-items: center;
   }
 
-  :global(.theme-dark) .ctd-results {
+  .theme-dark .ctd-results {
     background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(16, 185, 129, 0.05));
   }
 
@@ -384,7 +384,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-result-label {
+  .theme-dark .ctd-result-label {
     color: rgb(203, 213, 225);
   }
 
@@ -403,8 +403,8 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .ctd-result-life,
-  :global(.theme-dark) .ctd-result-life-total {
+  .theme-dark .ctd-result-life,
+  .theme-dark .ctd-result-life-total {
     color: rgb(203, 213, 225);
   }
 
@@ -414,7 +414,7 @@
     background: linear-gradient(180deg, transparent, rgb(203, 213, 225), transparent);
   }
 
-  :global(.theme-dark) .ctd-divider {
+  .theme-dark .ctd-divider {
     background: linear-gradient(180deg, transparent, rgba(203, 213, 225, 0.2), transparent);
   }
 
@@ -434,7 +434,7 @@
     transition: all 0.3s;
   }
 
-  :global(.theme-dark) .ctd-impact-card {
+  .theme-dark .ctd-impact-card {
     background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(255, 140, 0, 0.05));
     border-color: rgba(99, 102, 241, 0.1);
   }
@@ -461,7 +461,7 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .ctd-impact-text {
+  .theme-dark .ctd-impact-text {
     color: rgb(203, 213, 225);
   }
 
@@ -477,7 +477,7 @@
     line-height: 1.6;
   }
 
-  :global(.theme-dark) .ctd-message {
+  .theme-dark .ctd-message {
     background: linear-gradient(135deg, rgba(254, 243, 199, 0.1), rgba(254, 202, 202, 0.1));
     border-color: rgba(251, 191, 36, 0.3);
     color: rgb(251, 191, 36);

package/src/tool/colorConverter/color-converter-rgb-hex-hsl.css

@@ -30,7 +30,7 @@
     box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
   }
 
-  :global(.theme-dark) .cc-card {
+  .theme-dark .cc-card {
     background: rgba(30, 41, 59, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
@@ -62,7 +62,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .cc-label {
+  .theme-dark .cc-label {
     color: rgb(148, 163, 184);
   }
 
@@ -79,7 +79,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .cc-text-input {
+  .theme-dark .cc-text-input {
     background: rgba(15, 23, 42, 0.5);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -105,7 +105,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .cc-copy-badge {
+  .theme-dark .cc-copy-badge {
     background: rgba(255, 255, 255, 0.05);
     border-color: rgba(255, 255, 255, 0.1);
     color: rgb(148, 163, 184);
@@ -118,7 +118,7 @@
     transform: translateY(-1px);
   }
 
-  :global(.theme-dark) .cc-copy-badge:hover {
+  .theme-dark .cc-copy-badge:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -130,8 +130,8 @@
     transform: none;
   }
 
-  :global(.theme-dark) .cc-copy-badge.cc-copied,
-  :global(.theme-dark) .cc-copy-badge.cc-copied:hover {
+  .theme-dark .cc-copy-badge.cc-copied,
+  .theme-dark .cc-copy-badge.cc-copied:hover {
     background: rgba(34, 197, 94, 0.1);
   }
 
@@ -165,7 +165,7 @@
     outline: none;
   }
 
-  :global(.theme-dark) .cc-range {
+  .theme-dark .cc-range {
     background: rgb(51, 65, 85);
   }
 
@@ -202,7 +202,7 @@
     cursor: pointer;
   }
 
-  :global(.theme-dark) .cc-main-preview {
+  .theme-dark .cc-main-preview {
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
   }
 

package/src/tool/conversorExcelCsvHtml/excel-csv-html-table-converter.css

@@ -28,7 +28,7 @@
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .cec-converter-card {
+  .theme-dark .cec-converter-card {
     background: rgba(15, 23, 42, 0.6);
     border-color: rgba(255, 255, 255, 0.05);
   }
@@ -59,7 +59,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .cec-input-label {
+  .theme-dark .cec-input-label {
     color: rgb(148, 163, 184);
   }
 
@@ -76,7 +76,7 @@
     transition: all 0.2s;
   }
 
-  :global(.theme-dark) .cec-csv-textarea {
+  .theme-dark .cec-csv-textarea {
     background: rgb(2, 6, 23);
     border-color: rgb(30, 41, 59);
     color: var(--cec-text-light);
@@ -102,7 +102,7 @@
     background: rgba(248, 250, 252, 0.5);
   }
 
-  :global(.theme-dark) .cec-drop-zone {
+  .theme-dark .cec-drop-zone {
     border-color: var(--cec-border-dark);
     background: rgba(30, 41, 59, 0.2);
   }
@@ -113,7 +113,7 @@
     background: rgba(139, 92, 246, 0.05);
   }
 
-  .cec-drop-zone :global(svg) {
+  .cec-drop-zone svg {
     color: var(--cec-primary);
   }
 
@@ -132,7 +132,7 @@
     border-top: 1px solid rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .cec-options-row {
+  .theme-dark .cec-options-row {
     border-top-color: rgba(255, 255, 255, 0.05);
   }
 
@@ -164,7 +164,7 @@
     transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  :global(.theme-dark) .cec-option-item input[type="checkbox"] {
+  .theme-dark .cec-option-item input[type="checkbox"] {
     background: rgb(15, 23, 42);
     border-color: var(--cec-border-dark);
   }
@@ -193,7 +193,7 @@
     color: var(--cec-text-secondary);
   }
 
-  :global(.theme-dark) .cec-option-item span {
+  .theme-dark .cec-option-item span {
     color: rgb(148, 163, 184);
   }
 
@@ -201,7 +201,7 @@
     color: rgb(88, 28, 135);
   }
 
-  :global(.theme-dark) .cec-option-item input[type="checkbox"]:checked + span {
+  .theme-dark .cec-option-item input[type="checkbox"]:checked + span {
     color: rgb(196, 181, 253);
   }
 
@@ -217,7 +217,7 @@
     border-bottom: 2px solid var(--cec-border);
   }
 
-  :global(.theme-dark) .cec-result-tabs {
+  .theme-dark .cec-result-tabs {
     border-bottom-color: rgb(30, 41, 59);
   }
 
@@ -248,7 +248,7 @@
     padding: 1rem;
   }
 
-  :global(.theme-dark) .cec-preview-container {
+  .theme-dark .cec-preview-container {
     background: rgb(15, 23, 42);
     border-color: rgb(30, 41, 59);
   }
@@ -291,13 +291,13 @@
     background: var(--cec-primary-hover);
   }
 
-  .cec-preview-container :global(table) {
+  .cec-preview-container table {
     width: 100%;
     border-collapse: collapse;
     font-size: 0.875rem;
   }
 
-  .cec-preview-container :global(th) {
+  .cec-preview-container th {
     background: var(--cec-bg-light);
     border-bottom: 2px solid var(--cec-border);
     padding: 0.75rem;
@@ -306,19 +306,19 @@
     color: var(--cec-text-primary);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(th) {
+  .theme-dark .cec-preview-container th {
     background: rgb(30, 41, 59);
     border-bottom-color: var(--cec-border-dark);
     color: var(--cec-text-light);
   }
 
-  .cec-preview-container :global(td) {
+  .cec-preview-container td {
     padding: 0.75rem;
     border-bottom: 1px solid rgb(241, 245, 249);
     color: var(--cec-text-secondary);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(td) {
+  .theme-dark .cec-preview-container td {
     border-bottom-color: rgb(30, 41, 59);
     color: rgb(148, 163, 184);
   }
@@ -334,25 +334,25 @@
     gap: 1rem;
   }
 
-  .cec-preview-container :global(table.bordered) {
+  .cec-preview-container table.bordered {
     border: 1px solid var(--cec-border);
   }
 
-  .cec-preview-container :global(table.bordered th),
-  .cec-preview-container :global(table.bordered td) {
+  .cec-preview-container table.bordered th,
+  .cec-preview-container table.bordered td {
     border: 1px solid var(--cec-border);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(table.bordered),
-  :global(.theme-dark) .cec-preview-container :global(table.bordered th),
-  :global(.theme-dark) .cec-preview-container :global(table.bordered td) {
+  .theme-dark .cec-preview-container table.bordered,
+  .theme-dark .cec-preview-container table.bordered th,
+  .theme-dark .cec-preview-container table.bordered td {
     border-color: var(--cec-border-dark);
   }
 
-  .cec-preview-container :global(table.zebra tbody tr:nth-child(even)) {
+  .cec-preview-container table.zebra tbody tr:nth-child(even) {
     background: var(--cec-bg-light);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(table.zebra tbody tr:nth-child(even)) {
+  .theme-dark .cec-preview-container table.zebra tbody tr:nth-child(even) {
     background: rgba(30, 41, 59, 0.5);
   }

package/src/tool/cronGenerator/cron.css

@@ -12,7 +12,7 @@
     color: var(--cron-text);
   }
 
-  :global(.theme-dark) .cron-root {
+  .theme-dark .cron-root {
     --cron-card-bg: #1e293b;
     --cron-bg: #0f172a;
     --cron-text: #f1f5f9;
@@ -249,7 +249,7 @@
     border: 1px solid var(--cron-border);
   }
 
-  :global(.cron-run-item) {
+  .cron-run-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -260,18 +260,18 @@
     font-size: 0.825rem;
   }
 
-  :global(.cron-run-date) {
+  .cron-run-date {
     font-weight: 600;
     color: var(--cron-text);
     text-transform: capitalize;
   }
 
-  :global(.cron-run-rel) {
+  .cron-run-rel {
     font-size: 0.72rem;
     color: var(--cron-text-muted);
   }
 
-  :global(.cron-no-runs) {
+  .cron-no-runs {
     padding: 1rem;
     text-align: center;
     color: var(--cron-text-muted);

package/src/tool/cssSpecificityCalculator/css-specificity-calculator.css

@@ -13,7 +13,7 @@
     color: var(--spec-text);
   }
 
-  :global(.theme-dark) .spec-root {
+  .theme-dark .spec-root {
     --spec-card-bg: #1e293b;
     --spec-bg: #0f172a;
     --spec-text: #f1f5f9;

package/src/tool/cssToInlineConverter/css-to-inline-converter.css

@@ -13,7 +13,7 @@
     color: var(--cssi-text);
   }
 
-  :global(.theme-dark) .cssi-root {
+  .theme-dark .cssi-root {
     --cssi-card-bg: #1e293b;
     --cssi-bg: #0f172a;
     --cssi-text: #f1f5f9;

package/src/tool/duplicateCssRemover/duplicate-css-remover.css

@@ -14,7 +14,7 @@
     color: var(--dupcss-text);
   }
 
-  :global(.theme-dark) .dupcss-root {
+  .theme-dark .dupcss-root {
     --dupcss-card-bg: #1e293b;
     --dupcss-bg: #0f172a;
     --dupcss-text: #f1f5f9;
@@ -43,7 +43,7 @@
     overflow: hidden;
   }
 
-  :global(.dupcss-stats-visible) {
+  .dupcss-stats-visible {
     display: flex;
   }
 

package/src/tool/generadorSecurityTxt/security-txt-generator-rfc-9116.css

@@ -20,7 +20,7 @@
     box-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);
   }
 
-  :global(.theme-dark) .gst-glass-card {
+  .theme-dark .gst-glass-card {
     background: rgba(20, 20, 25, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.05);
   }
@@ -49,7 +49,7 @@
     margin-bottom: 0.5rem;
   }
 
-  :global(.theme-dark) .gst-group-title {
+  .theme-dark .gst-group-title {
     color: rgb(148, 163, 184);
   }
 
@@ -74,7 +74,7 @@
     gap: 0.5rem;
   }
 
-  :global(.theme-dark) .gst-input-field label {
+  .theme-dark .gst-input-field label {
     color: rgb(203, 213, 225);
   }
 
@@ -95,7 +95,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .gst-premium-input {
+  .theme-dark .gst-premium-input {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: white;
@@ -111,7 +111,7 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .gst-field-tip {
+  .theme-dark .gst-field-tip {
     color: rgb(148, 163, 184);
   }
 
@@ -130,7 +130,7 @@
     color: rgb(30, 41, 59);
   }
 
-  :global(.theme-dark) .gst-result-title {
+  .theme-dark .gst-result-title {
     color: white;
   }
 
@@ -147,7 +147,7 @@
     border: 1px solid rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .gst-code-display {
+  .theme-dark .gst-code-display {
     background: rgba(255, 255, 255, 0.03);
     color: rgb(203, 213, 225);
     border-color: rgba(255, 255, 255, 0.05);
@@ -197,7 +197,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .gst-btn-secondary {
+  .theme-dark .gst-btn-secondary {
     background: rgb(30, 41, 59);
     color: white;
     border-color: rgb(51, 65, 85);
@@ -207,7 +207,7 @@
     background: rgb(248, 250, 252);
   }
 
-  :global(.theme-dark) .gst-btn-secondary:hover {
+  .theme-dark .gst-btn-secondary:hover {
     background: rgb(51, 65, 85);
   }