@jjlmoya/utils-diy 1.10.0 → 1.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-diy",
-    "version": "1.10.0",
+    "version": "1.11.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/balusterCalculator/baluster-calculator.css

@@ -280,41 +280,41 @@
     margin-bottom: 0;
   }
 
-  :global(.theme-dark) .bc-input-panel {
+  .theme-dark .bc-input-panel {
     background: #18181b;
     border-color: rgba(51, 65, 85, 0.4);
   }
 
-  :global(.theme-dark) .bc-panel-icon {
+  .theme-dark .bc-panel-icon {
     background: rgba(30, 58, 138, 0.3);
   }
 
-  :global(.theme-dark) .bc-panel-title {
+  .theme-dark .bc-panel-title {
     color: #f1f5f9;
   }
 
-  :global(.theme-dark) .bc-label {
+  .theme-dark .bc-label {
     color: #94a3b8;
   }
 
-  :global(.theme-dark) .bc-input {
+  .theme-dark .bc-input {
     background: #27272a;
     color: #f1f5f9;
   }
 
-  :global(.theme-dark) .bc-input:focus {
+  .theme-dark .bc-input:focus {
     border-color: #3b82f6;
   }
 
-  :global(.theme-dark) .bc-unit-toggle {
+  .theme-dark .bc-unit-toggle {
     background: #27272a;
   }
 
-  :global(.theme-dark) [data-bc-unit][data-bc-active='true'] {
+  .theme-dark [data-bc-unit][data-bc-active='true'] {
     background: #3f3f46;
     color: #f1f5f9;
   }
 
-  :global(.theme-dark) .bc-blueprint {
+  .theme-dark .bc-blueprint {
     background: #0f172a;
   }

package/src/tool/clayCalculator/clay-shrinkage-calculator.css

@@ -394,137 +394,137 @@
     color: #047857;
   }
 
-  :global(.theme-dark) .cc-root {
+  .theme-dark .cc-root {
     background: linear-gradient(135deg, #0f172a, #1e293b);
     border-color: #334155;
   }
 
-  :global(.theme-dark) .cc-label {
+  .theme-dark .cc-label {
     color: #fbbf24;
   }
 
-  :global(.theme-dark) .cc-input {
+  .theme-dark .cc-input {
     background: #1e293b;
     border-color: #b45309;
     color: #f8fafc;
   }
 
-  :global(.theme-dark) .cc-input:focus {
+  .theme-dark .cc-input:focus {
     border-color: #f59e0b;
     box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
   }
 
-  :global(.theme-dark) .cc-slider {
+  .theme-dark .cc-slider {
     background: rgba(180, 83, 9, 0.3);
   }
 
-  :global(.theme-dark) .cc-slider-val {
+  .theme-dark .cc-slider-val {
     color: #fbbf24;
   }
 
-  :global(.theme-dark) .cc-slider-labels {
+  .theme-dark .cc-slider-labels {
     color: #d97706;
   }
 
-  :global(.theme-dark) .cc-preset-terracota {
+  .theme-dark .cc-preset-terracota {
     background: rgba(249, 115, 22, 0.15);
     border-color: #c2410c;
     color: #fb923c;
   }
 
-  :global(.theme-dark) .cc-preset-terracota:hover {
+  .theme-dark .cc-preset-terracota:hover {
     background: rgba(249, 115, 22, 0.25);
   }
 
-  :global(.theme-dark) .cc-preset-gres {
+  .theme-dark .cc-preset-gres {
     background: rgba(245, 158, 11, 0.15);
     border-color: #b45309;
     color: #fbbf24;
   }
 
-  :global(.theme-dark) .cc-preset-gres:hover {
+  .theme-dark .cc-preset-gres:hover {
     background: rgba(245, 158, 11, 0.25);
   }
 
-  :global(.theme-dark) .cc-preset-porcelana {
+  .theme-dark .cc-preset-porcelana {
     background: rgba(220, 38, 38, 0.15);
     border-color: #991b1b;
     color: #f87171;
   }
 
-  :global(.theme-dark) .cc-preset-porcelana:hover {
+  .theme-dark .cc-preset-porcelana:hover {
     background: rgba(220, 38, 38, 0.25);
   }
 
-  :global(.theme-dark) .cc-result-box {
+  .theme-dark .cc-result-box {
     background: #1e293b;
     border-color: #b45309;
   }
 
-  :global(.theme-dark) .cc-result-title {
+  .theme-dark .cc-result-title {
     color: #fbbf24;
   }
 
-  :global(.theme-dark) .cc-result-label {
+  .theme-dark .cc-result-label {
     color: #94a3b8;
   }
 
-  :global(.theme-dark) .cc-value-final {
+  .theme-dark .cc-value-final {
     color: #34d399;
   }
 
-  :global(.theme-dark) .cc-value-loss {
+  .theme-dark .cc-value-loss {
     color: #f87171;
   }
 
-  :global(.theme-dark) .cc-tip {
+  .theme-dark .cc-tip {
     background: rgba(180, 83, 9, 0.15);
     border-color: rgba(180, 83, 9, 0.4);
     color: #fbbf24;
   }
 
-  :global(.theme-dark) .cc-panel-right {
+  .theme-dark .cc-panel-right {
     background: linear-gradient(135deg, #1e293b, #0f172a);
   }
 
-  :global(.theme-dark) .cc-circle-initial {
+  .theme-dark .cc-circle-initial {
     border-color: #b45309;
     background: rgba(180, 83, 9, 0.1);
   }
 
-  :global(.theme-dark) .cc-badge-initial {
+  .theme-dark .cc-badge-initial {
     background: #d97706;
   }
 
-  :global(.theme-dark) .cc-circle-final {
+  .theme-dark .cc-circle-final {
     border-color: #10b981;
     background: rgba(16, 185, 129, 0.2);
   }
 
-  :global(.theme-dark) .cc-viz-number {
+  .theme-dark .cc-viz-number {
     color: #6ee7b7;
   }
 
-  :global(.theme-dark) .cc-viz-unit {
+  .theme-dark .cc-viz-unit {
     color: #34d399;
   }
 
-  :global(.theme-dark) .cc-badge-loss {
+  .theme-dark .cc-badge-loss {
     background: #ef4444;
   }
 
-  :global(.theme-dark) .cc-area-item {
+  .theme-dark .cc-area-item {
     background: rgba(30, 41, 59, 0.6);
   }
 
-  :global(.theme-dark) .cc-area-label {
+  .theme-dark .cc-area-label {
     color: #94a3b8;
   }
 
-  :global(.theme-dark) .cc-area-initial {
+  .theme-dark .cc-area-initial {
     color: #fbbf24;
   }
 
-  :global(.theme-dark) .cc-area-final {
+  .theme-dark .cc-area-final {
     color: #34d399;
   }

package/src/tool/concreteCalculator/concrete-mortar-calculator.css

@@ -29,7 +29,7 @@
     }
   }
 
-  :global(.theme-dark) .cc-card {
+  .theme-dark .cc-card {
     background: rgba(15, 23, 42, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.05);
   }
@@ -54,7 +54,7 @@
     color: #64748b;
   }
 
-  :global(.theme-dark) .cc-mix-btn {
+  .theme-dark .cc-mix-btn {
     background: rgba(30, 41, 59, 0.5);
   }
 
@@ -76,7 +76,7 @@
     transform: translateY(-2px);
   }
 
-  :global(.theme-dark) .cc-mix-btn.cc-active {
+  .theme-dark .cc-mix-btn.cc-active {
     background: rgba(34, 197, 94, 0.1);
     color: #4ade80;
   }
@@ -96,7 +96,7 @@
     align-self: flex-start;
   }
 
-  :global(.theme-dark) .cc-mode-selector {
+  .theme-dark .cc-mode-selector {
     background: rgba(30, 41, 59, 0.8);
   }
 
@@ -126,7 +126,7 @@
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .cc-mode-btn.cc-active {
+  .theme-dark .cc-mode-btn.cc-active {
     background: #1e293b;
     color: #fff;
   }
@@ -151,7 +151,7 @@
     flex-direction: column;
   }
 
-  :global(.theme-dark) .cc-dims-panel.cc-active {
+  .theme-dark .cc-dims-panel.cc-active {
     background: rgba(30, 41, 59, 0.3);
     border-color: #334155;
   }
@@ -193,7 +193,7 @@
     outline: none;
   }
 
-  :global(.theme-dark) .cc-dim-input-wrap input {
+  .theme-dark .cc-dim-input-wrap input {
     background: #0f172a;
     border-color: #1e293b;
     color: #fff;
@@ -239,7 +239,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .cc-vol-input-wrap input {
+  .theme-dark .cc-vol-input-wrap input {
     background: #0f172a;
     border-color: #1e293b;
     color: #fff;
@@ -277,7 +277,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .cc-binder-option {
+  .theme-dark .cc-binder-option {
     background: rgba(30, 41, 59, 0.5);
   }
 
@@ -287,7 +287,7 @@
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .cc-binder-option.cc-active {
+  .theme-dark .cc-binder-option.cc-active {
     background: #1e293b;
     border-color: #10b981;
   }
@@ -331,7 +331,7 @@
     color: #1e293b;
   }
 
-  :global(.theme-dark) .cc-binder-option.cc-active .cc-binder-label {
+  .theme-dark .cc-binder-option.cc-active .cc-binder-label {
     color: #fff;
   }
 
@@ -408,7 +408,7 @@
     transition: all 0.3s ease;
   }
 
-  :global(.theme-dark) .cc-result-card {
+  .theme-dark .cc-result-card {
     background: #1e293b;
     border-color: #334155;
   }
@@ -431,7 +431,7 @@
     line-height: 1;
   }
 
-  :global(.theme-dark) .cc-result-value {
+  .theme-dark .cc-result-value {
     color: #fff;
   }
 
@@ -449,7 +449,7 @@
     color: #475569;
   }
 
-  :global(.theme-dark) .cc-result-label {
+  .theme-dark .cc-result-label {
     color: #94a3b8;
   }
 
@@ -462,7 +462,7 @@
     gap: 0.75rem;
   }
 
-  :global(.theme-dark) .cc-proportions-banner {
+  .theme-dark .cc-proportions-banner {
     background: rgba(30, 41, 59, 0.3);
   }
 
@@ -489,7 +489,7 @@
     overflow: hidden;
   }
 
-  :global(.theme-dark) .cc-proportion-bar {
+  .theme-dark .cc-proportion-bar {
     background: #1e293b;
   }
 
@@ -525,7 +525,7 @@
     color: #475569;
   }
 
-  :global(.theme-dark) .cc-prop-label {
+  .theme-dark .cc-prop-label {
     color: #94a3b8;
   }
 
@@ -546,7 +546,7 @@
     line-height: 1.5;
   }
 
-  :global(.theme-dark) .cc-info-banner {
+  .theme-dark .cc-info-banner {
     background: rgba(34, 197, 94, 0.1);
     color: #4ade80;
   }

package/src/tool/cutOptimizer/cut-optimizer.css

@@ -34,7 +34,7 @@
     border: 1px solid #f1f5f9;
   }
 
-  :global(.theme-dark) .co-card {
+  .theme-dark .co-card {
     background: #1e293b;
     border-color: #334155;
   }
@@ -49,7 +49,7 @@
     margin: 0 0 1rem;
   }
 
-  :global(.theme-dark) .co-card-title {
+  .theme-dark .co-card-title {
     color: #fff;
   }
 
@@ -79,7 +79,7 @@
     margin-bottom: 1.5rem;
   }
 
-  :global(.theme-dark) .co-mode-toggle {
+  .theme-dark .co-mode-toggle {
     background: rgba(30, 41, 59, 0.8);
   }
 
@@ -102,11 +102,11 @@
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
   }
 
-  :global(.theme-dark) .co-mode-btn {
+  .theme-dark .co-mode-btn {
     color: #94a3b8;
   }
 
-  :global(.theme-dark) .co-mode-btn.co-mode-active {
+  .theme-dark .co-mode-btn.co-mode-active {
     color: #fff;
   }
 
@@ -148,7 +148,7 @@
     box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
   }
 
-  :global(.theme-dark) .co-input {
+  .theme-dark .co-input {
     background: #0f172a;
     border-color: #334155;
     color: #fff;
@@ -176,7 +176,7 @@
     height: 1.25rem;
   }
 
-  :global(.theme-dark) .co-btn-add {
+  .theme-dark .co-btn-add {
     background: rgba(249, 115, 22, 0.15);
     color: #fb923c;
   }
@@ -249,7 +249,7 @@
     text-align: center;
   }
 
-  :global(.theme-dark) .co-row-input {
+  .theme-dark .co-row-input {
     background: #0f172a;
     border-color: #334155;
     color: #fff;
@@ -300,7 +300,7 @@
     border: 1px solid #f1f5f9;
   }
 
-  :global(.theme-dark) .co-stat-card {
+  .theme-dark .co-stat-card {
     background: #1e293b;
     border-color: #334155;
   }
@@ -321,7 +321,7 @@
     line-height: 1;
   }
 
-  :global(.theme-dark) .co-stat-value {
+  .theme-dark .co-stat-value {
     color: #fff;
   }
 
@@ -329,7 +329,7 @@
     color: #ef4444;
   }
 
-  :global(.theme-dark) .co-stat-red {
+  .theme-dark .co-stat-red {
     color: #f87171;
   }
 
@@ -337,7 +337,7 @@
     color: #22c55e;
   }
 
-  :global(.theme-dark) .co-stat-green {
+  .theme-dark .co-stat-green {
     color: #4ade80;
   }
 
@@ -352,7 +352,7 @@
     min-height: 16rem;
   }
 
-  :global(.co-empty-state) {
+  .co-empty-state {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -363,19 +363,19 @@
     text-align: center;
   }
 
-  :global(.co-bar-wrap) {
+  .co-bar-wrap {
     background: #f8fafc;
     border-radius: 0.5rem;
     padding: 0.75rem;
     border: 1px solid #f1f5f9;
   }
 
-  :global(.theme-dark .co-bar-wrap) {
+  .theme-dark .co-bar-wrap {
     background: rgba(15, 23, 42, 0.5);
     border-color: #1e293b;
   }
 
-  :global(.co-bar-hdr) {
+  .co-bar-hdr {
     display: flex;
     justify-content: space-between;
     font-size: 0.7rem;
@@ -384,7 +384,7 @@
     margin-bottom: 0.5rem;
   }
 
-  :global(.co-bar) {
+  .co-bar {
     height: 3rem;
     background: #e2e8f0;
     border-radius: 0.25rem;
@@ -393,11 +393,11 @@
     position: relative;
   }
 
-  :global(.theme-dark .co-bar) {
+  .theme-dark .co-bar {
     background: #334155;
   }
 
-  :global(.co-seg) {
+  .co-seg {
     height: 100%;
     background: linear-gradient(to bottom, #fb923c, #ea580c);
     border-right: 1px solid rgba(255, 255, 255, 0.2);
@@ -411,31 +411,31 @@
     cursor: default;
   }
 
-  :global(.co-panel-wrap) {
+  .co-panel-wrap {
     background: #f8fafc;
     border-radius: 0.5rem;
     padding: 0.75rem;
     border: 1px solid #f1f5f9;
   }
 
-  :global(.theme-dark .co-panel-wrap) {
+  .theme-dark .co-panel-wrap {
     background: rgba(15, 23, 42, 0.5);
     border-color: #1e293b;
   }
 
-  :global(.co-sheet) {
+  .co-sheet {
     position: relative;
     background: #e2e8f0;
     width: 100%;
     border: 1px solid #cbd5e1;
   }
 
-  :global(.theme-dark .co-sheet) {
+  .theme-dark .co-sheet {
     background: #334155;
     border-color: #475569;
   }
 
-  :global(.co-rect) {
+  .co-rect {
     position: absolute;
     background: linear-gradient(135deg, #3b82f6, #1d4ed8);
     border: 1px solid rgba(255, 255, 255, 0.4);
@@ -450,7 +450,7 @@
     transition: filter 0.15s ease;
   }
 
-  :global(.co-rect:hover) {
+  .co-rect:hover {
     filter: brightness(1.1);
   }