@jjlmoya/utils-textiles 1.12.0 → 1.13.0

package/package.json

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

package/src/tool/burnTest/textile-burn-test.css

@@ -138,7 +138,7 @@
     gap: 0.75rem;
   }
 
-  :global(.option-btn) {
+  .option-btn {
     text-align: left;
     padding: 1rem;
     background: var(--bg-page);
@@ -154,7 +154,7 @@
     line-height: 1.4;
   }
 
-  :global(.option-btn:hover) {
+  .option-btn:hover {
     border-color: #6366f1;
     background: rgba(99, 102, 241, 0.05);
     color: var(--text-main);
@@ -232,13 +232,13 @@
     text-align: left;
   }
 
-  :global(.result-details) {
+  .result-details {
     display: flex;
     flex-direction: column;
     gap: 1rem;
   }
 
-  :global(.result-id-text) {
+  .result-id-text {
     font-size: 0.875rem;
     font-weight: 500;
     color: var(--text-muted);
@@ -247,32 +247,32 @@
     margin: 0;
   }
 
-  :global(.result-attrs) {
+  .result-attrs {
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
   }
 
-  :global(.attr-row) {
+  .attr-row {
     display: flex;
     flex-direction: column;
     padding-left: 1rem;
     border-left: 2px solid var(--border-color);
   }
 
-  :global(.attr-flame) {
+  .attr-flame {
     border-left-color: #f97316;
   }
 
-  :global(.attr-odor) {
+  .attr-odor {
     border-left-color: #6366f1;
   }
 
-  :global(.attr-residue) {
+  .attr-residue {
     border-left-color: #94a3b8;
   }
 
-  :global(.attr-label) {
+  .attr-label {
     font-size: 0.6rem;
     font-weight: 900;
     text-transform: uppercase;
@@ -281,7 +281,7 @@
     margin-bottom: 0.2rem;
   }
 
-  :global(.attr-value) {
+  .attr-value {
     font-size: 0.875rem;
     font-weight: 600;
     color: var(--text-main);

package/src/tool/clothingSizeConverter/clothing-size-converter.css

@@ -248,7 +248,7 @@
     gap: 0.75rem;
   }
 
-  :global(.size-cell) {
+  .size-cell {
     aspect-ratio: 1;
     display: flex;
     align-items: center;
@@ -263,13 +263,13 @@
     transition: all 0.2s;
   }
 
-  :global(.size-cell:hover) {
+  .size-cell:hover {
     border-color: #3b82f6;
     color: #3b82f6;
     transform: scale(1.05);
   }
 
-  :global(.size-cell.active) {
+  .size-cell.active {
     background: #3b82f6;
     border-color: #1e40af;
     color: white;
@@ -454,29 +454,29 @@
     font-weight: 700;
   }
 
-  :global(.rec-size-label) {
+  .rec-size-label {
     display: block;
     font-size: 1rem;
     margin-bottom: 0.5rem;
   }
 
-  :global(.rec-size) {
+  .rec-size {
     color: #10b981;
     font-style: normal;
     font-size: 1.2em;
   }
 
-  :global(.rec-info) {
+  .rec-info {
     display: block;
     font-size: 0.875rem;
     opacity: 0.85;
   }
 
-  :global(.rec-error) {
+  .rec-error {
     color: #dc2626;
   }
 
-  :global(.recommend-details) {
+  .recommend-details {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 0.75rem;
@@ -485,20 +485,20 @@
     border-top: 1px solid rgba(16, 185, 129, 0.3);
   }
 
-  :global(.recommend-item) {
+  .recommend-item {
     text-align: center;
     display: flex;
     flex-direction: column;
     gap: 0.25rem;
   }
 
-  :global(.rec-label) {
+  .rec-label {
     font-size: 0.7rem;
     text-transform: uppercase;
     opacity: 0.7;
   }
 
-  :global(.recommend-item strong) {
+  .recommend-item strong {
     font-weight: 700;
     color: #10b981;
   }
@@ -635,12 +635,12 @@
     background: var(--bg-page);
   }
 
-  :global(.eu-cell) {
+  .eu-cell {
     font-weight: 700;
     color: #3b82f6;
   }
 
-  :global(.eu-cell.active) {
+  .eu-cell.active {
     background: rgba(59, 130, 246, 0.1);
   }
 

package/src/tool/fabricProjectCalculator/fabric-project-calculator.css

@@ -284,7 +284,7 @@
     position: relative;
   }
 
-  :global(.ruler-mark) {
+  .ruler-mark {
     position: absolute;
     left: 0;
     right: 0;
@@ -293,7 +293,7 @@
     transform: translateY(-50%);
   }
 
-  :global(.ruler-mark::before) {
+  .ruler-mark::before {
     content: '';
     width: 8px;
     height: 1.5px;
@@ -303,7 +303,7 @@
     margin-right: 4px;
   }
 
-  :global(.ruler-mark span) {
+  .ruler-mark span {
     font-size: 0.58rem;
     font-weight: 700;
     color: var(--text-muted);
@@ -325,7 +325,7 @@
     border-radius: 4px;
   }
 
-  :global(.piece-row) {
+  .piece-row {
     display: flex;
     flex-direction: row;
     gap: 4px;
@@ -333,7 +333,7 @@
     align-items: stretch;
   }
 
-  :global(.piece-block) {
+  .piece-block {
     border-radius: 4px;
     border: 1.5px solid;
     display: flex;
@@ -346,11 +346,11 @@
     transition: filter 0.15s;
   }
 
-  :global(.piece-block:hover) {
+  .piece-block:hover {
     filter: brightness(1.08);
   }
 
-  :global(.piece-name) {
+  .piece-name {
     font-size: 0.62rem;
     font-weight: 800;
     color: var(--text-main);
@@ -361,11 +361,11 @@
     width: 100%;
   }
 
-  :global(.piece-fold) {
+  .piece-fold {
     border-left: 3px dashed rgba(79, 70, 229, 0.65);
   }
 
-  :global(.fold-indicator) {
+  .fold-indicator {
     font-size: 0.48rem;
     font-weight: 800;
     color: rgba(79, 70, 229, 0.75);
@@ -374,7 +374,7 @@
     margin-top: 2px;
   }
 
-  :global(.board-empty-state) {
+  .board-empty-state {
     flex: 1;
     display: flex;
     align-items: center;
@@ -441,7 +441,7 @@
     gap: 0.6rem;
   }
 
-  :global(.merch-item) {
+  .merch-item {
     display: flex;
     align-items: center;
     gap: 0.6rem;
@@ -450,7 +450,7 @@
     color: var(--text-main);
   }
 
-  :global(.merch-dot) {
+  .merch-dot {
     color: var(--f-p);
     font-size: 0.5rem;
     flex-shrink: 0;

package/src/tool/fabricTruth/fabric-truthfulness.css

@@ -171,13 +171,13 @@
     transition: all 0.2s;
   }
 
-  :global(.total-badge.total-complete) {
+  .total-badge.total-complete {
     background: rgba(16, 185, 129, 0.1);
     color: #10b981;
     border-color: #10b981;
   }
 
-  :global(.total-badge.total-error) {
+  .total-badge.total-error {
     background: rgba(239, 68, 68, 0.1);
     color: #ef4444;
     border-color: #ef4444;
@@ -226,11 +226,11 @@
     animation: fade-in 0.5s ease;
   }
 
-  :global(.result-content.hidden) {
+  .result-content.hidden {
     display: none;
   }
 
-  :global(.empty-state.hidden) {
+  .empty-state.hidden {
     display: none;
   }
 
@@ -250,43 +250,43 @@
     min-height: 100px;
   }
 
-  :global(.verdict-card.color-red) {
+  .verdict-card.color-red {
     background: rgba(239, 68, 68, 0.1);
     color: #ef4444;
     border-left-color: #dc2626;
   }
 
-  :global(.verdict-card.color-amber) {
+  .verdict-card.color-amber {
     background: rgba(251, 146, 60, 0.1);
     color: #f97316;
     border-left-color: #ea580c;
   }
 
-  :global(.verdict-card.color-yellow) {
+  .verdict-card.color-yellow {
     background: rgba(234, 179, 8, 0.1);
     color: #ca8a04;
     border-left-color: #b45309;
   }
 
-  :global(.verdict-card.color-emerald) {
+  .verdict-card.color-emerald {
     background: rgba(16, 185, 129, 0.1);
     color: #059669;
     border-left-color: #047857;
   }
 
-  :global(.verdict-card.color-blue) {
+  .verdict-card.color-blue {
     background: rgba(59, 130, 246, 0.1);
     color: #2563eb;
     border-left-color: #1d4ed8;
   }
 
-  :global(.verdict-card.color-indigo) {
+  .verdict-card.color-indigo {
     background: rgba(99, 102, 241, 0.1);
     color: #4f46e5;
     border-left-color: #4338ca;
   }
 
-  :global(.verdict-card.color-gray) {
+  .verdict-card.color-gray {
     background: rgba(107, 114, 128, 0.1);
     color: #6b7280;
     border-left-color: #4b5563;

package/src/tool/knittingGauge/knitting-gauge-calculator.css

@@ -24,7 +24,7 @@
     color: #444;
   }
 
-  :global(.theme-dark) .knitting-gauge-card {
+  .theme-dark .knitting-gauge-card {
     --gauge-primary: #ff7e7e;
     --gauge-secondary: #2d2d30;
     --gauge-accent: #ffa4a4;
@@ -124,7 +124,7 @@
     color: inherit;
   }
 
-  :global(.theme-dark) .stepper-btn {
+  .theme-dark .stepper-btn {
     background: rgba(255, 255, 255, 0.04);
   }
 
@@ -277,7 +277,7 @@
     justify-content: center;
   }
 
-  :global(.theme-dark) .info-icon {
+  .theme-dark .info-icon {
     background: rgba(255, 255, 255, 0.12);
   }
 
@@ -310,7 +310,7 @@
     pointer-events: none;
   }
 
-  :global(.theme-dark) [data-tooltip]::before {
+  .theme-dark [data-tooltip]::before {
     background: #1f2937;
     border: 1px solid rgba(255, 255, 255, 0.1);
   }
@@ -329,7 +329,7 @@
     display: none;
   }
 
-  :global(.theme-dark) .yarn-calc-extra {
+  .theme-dark .yarn-calc-extra {
     background: rgba(255, 126, 126, 0.08);
     border-color: rgba(255, 126, 126, 0.15);
   }
@@ -355,7 +355,7 @@
     border: 1px solid #fde68a;
   }
 
-  :global(.theme-dark) .alert-card-warn {
+  .theme-dark .alert-card-warn {
     background: rgba(245, 158, 11, 0.15);
     color: #fbbf24;
     border-color: rgba(245, 158, 11, 0.3);
@@ -367,7 +367,7 @@
     border: 1px solid #fecaca;
   }
 
-  :global(.theme-dark) .alert-card-err {
+  .theme-dark .alert-card-err {
     background: rgba(239, 68, 68, 0.15);
     color: #f87171;
     border-color: rgba(239, 68, 68, 0.3);
@@ -408,7 +408,7 @@
     color: inherit;
   }
 
-  :global(.theme-dark) .ui-btn-secondary {
+  .theme-dark .ui-btn-secondary {
     background: rgba(255, 255, 255, 0.06);
     border-color: rgba(255, 255, 255, 0.15);
   }
@@ -417,7 +417,7 @@
     background: rgba(0, 0, 0, 0.08);
   }
 
-  :global(.theme-dark) .ui-btn-secondary:hover {
+  .theme-dark .ui-btn-secondary:hover {
     background: rgba(255, 255, 255, 0.12);
   }
 

package/src/tool/needleConverter/knitting-needle-converter.css

@@ -119,7 +119,7 @@
     display: none;
   }
 
-  :global(.needle-hole) {
+  .needle-hole {
     flex: 0 0 auto;
     width: 64px;
     height: 64px;
@@ -135,7 +135,7 @@
     scroll-snap-align: center;
   }
 
-  :global(.needle-hole::after) {
+  .needle-hole::after {
     content: '';
     position: absolute;
     width: var(--size-px);
@@ -146,20 +146,20 @@
     transition: transform 0.3s ease;
   }
 
-  :global(.needle-hole.active) {
+  .needle-hole.active {
     border-color: var(--nc-p);
     background: rgba(59, 130, 246, 0.08);
     transform: scale(1.15);
     box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.15);
   }
 
-  :global(.needle-hole.active::after) {
+  .needle-hole.active::after {
     opacity: 1;
     background: var(--nc-p);
     transform: scale(1.05);
   }
 
-  :global(.hole-label) {
+  .hole-label {
     position: absolute;
     bottom: -28px;
     font-size: 11px;
@@ -168,7 +168,7 @@
     transition: color 0.2s;
   }
 
-  :global(.needle-hole.active .hole-label) {
+  .needle-hole.active .hole-label {
     color: var(--nc-p);
   }
 
@@ -308,35 +308,35 @@
     border-bottom: 1px solid var(--border-color);
   }
 
-  .needle-table :global(td) {
+  .needle-table td {
     padding: 16px;
     border-bottom: 1px solid var(--border-color);
     color: var(--text-muted);
     transition: all 0.2s;
   }
 
-  .needle-table :global(tbody tr:nth-child(even) td) {
+  .needle-table tbody tr:nth-child(even td) {
     background: rgba(0, 0, 0, 0.02);
   }
 
-  .theme-dark .needle-table :global(tbody tr:nth-child(even) td) {
+  .theme-dark .needle-table tbody tr:nth-child(even td) {
     background: rgba(255, 255, 255, 0.02);
   }
 
-  .needle-table :global(tr:hover td) {
+  .needle-table tr:hover td {
     background: var(--bg-muted);
   }
 
-  .needle-table :global(tr.active td) {
+  .needle-table tr.active td {
     background: rgba(59, 130, 246, 0.05);
     color: var(--nc-p);
     font-weight: 700;
   }
 
-  .needle-table :global(tr.active td:first-child) {
+  .needle-table tr.active td:first-child {
     box-shadow: inset 4px 0 0 var(--nc-p);
   }
 
-  .theme-dark .needle-table :global(tr.active td) {
+  .theme-dark .needle-table tr.active td {
     background: rgba(59, 130, 246, 0.1);
   }

package/src/tool/sewingPatternScaler/sewing-pattern-scaler.css

@@ -205,7 +205,7 @@
     gap: 12px;
   }
 
-  :global(.action-pill) {
+  .action-pill {
     background: var(--bg-surface);
     border: 1px solid var(--border-color);
     border-radius: 16px;
@@ -215,7 +215,7 @@
     gap: 16px;
   }
 
-  :global(.icon-box) {
+  .icon-box {
     width: 44px;
     height: 44px;
     background: var(--bg-muted);
@@ -228,21 +228,21 @@
     flex-shrink: 0;
   }
 
-  :global(.action-content) { flex: 1; }
+  .action-content { flex: 1; }
 
-  :global(.action-text) {
+  .action-text {
     display: block;
     font-size: 14px;
     color: var(--text-muted);
   }
 
-  :global(.action-text strong) { font-weight: 700; }
+  .action-text strong { font-weight: 700; }
 
-  :global(.action-val-pos) { color: var(--sp-p); }
+  .action-val-pos { color: var(--sp-p); }
 
-  :global(.action-val-neg) { color: #f87171; }
+  .action-val-neg { color: #f87171; }
 
-  :global(.action-note) {
+  .action-note {
     display: block;
     font-size: 10px;
     color: var(--text-muted);

package/src/tool/shoeSizeConverter/shoe-size-converter.css

@@ -143,7 +143,7 @@
     gap: 0.75rem;
   }
 
-  :global(.size-cell) {
+  .size-cell {
     aspect-ratio: 1;
     display: flex;
     align-items: center;
@@ -158,13 +158,13 @@
     transition: all 0.2s;
   }
 
-  :global(.size-cell:hover) {
+  .size-cell:hover {
     border-color: #3b82f6;
     color: #3b82f6;
     transform: scale(1.05);
   }
 
-  :global(.size-cell.active) {
+  .size-cell.active {
     background: #3b82f6;
     border-color: #3b82f6;
     color: white;

package/src/tool/stainChemistry/stain-chemical-protocol.css

@@ -94,7 +94,7 @@
     animation: fade-in 0.4s ease;
   }
 
-  :global(.protocol-display.hidden) {
+  .protocol-display.hidden {
     display: none;
   }
 
@@ -339,7 +339,7 @@
     animation: pulse-warning 4s ease infinite;
   }
 
-  :global(.warning-card.hidden) {
+  .warning-card.hidden {
     display: none;
   }
 
@@ -436,7 +436,7 @@
     background: var(--bg-page);
   }
 
-  :global(.empty-state.hidden) {
+  .empty-state.hidden {
     display: none;
   }
 

package/src/tool/yarnCalculator/yarn-calculator.css

@@ -357,19 +357,19 @@
     overflow: hidden;
   }
 
-  :global(.scheme-item) {
+  .scheme-item {
     stroke-width: 4;
     fill: none;
     stroke: var(--border-color);
     transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
   }
 
-  :global(.scheme-item.filled) {
+  .scheme-item.filled {
     stroke: var(--yc-p);
     fill: #10b98108;
   }
 
-  :global(.scheme-callout) {
+  .scheme-callout {
     stroke: var(--yc-p);
     stroke-width: 2;
     fill: none;
@@ -378,7 +378,7 @@
     opacity: 0.7;
   }
 
-  :global(.scheme-dot) {
+  .scheme-dot {
     fill: var(--yc-p);
     transition: all 0.4s ease;
   }
@@ -399,7 +399,7 @@
     z-index: 10;
   }
 
-  .scheme-label :global(span) {
+  .scheme-label span {
     font-size: 9px;
     font-weight: 900;
     text-transform: uppercase;
@@ -407,13 +407,13 @@
     color: var(--text-muted);
   }
 
-  .scheme-label :global(strong) {
+  .scheme-label strong {
     color: var(--text-main);
     font-weight: 950;
     font-size: 15px;
   }
 
-  .scheme-label :global(em) {
+  .scheme-label em {
     font-size: 11px;
     font-style: normal;
     color: var(--yc-p);