@jjlmoya/utils-cooking 1.20.0 → 1.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-cooking",
-    "version": "1.20.0",
+    "version": "1.21.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/banana-ripeness/banana-ripeness.css

@@ -34,7 +34,7 @@
 	    position: relative;
 	}
 
-	:global(.theme-dark) .banana-card {
+	.theme-dark .banana-card {
 	    background: rgba(24, 24, 27, 0.4);
 	    border-color: rgba(113, 113, 122, 0.5);
 	    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.3);
@@ -155,7 +155,7 @@
 	    backdrop-filter: blur(12px);
 	}
 
-	:global(.theme-dark) .status-badge {
+	.theme-dark .status-badge {
 	    background: rgba(0, 0, 0, 0.2);
 	    border-color: rgba(255, 255, 255, 0.05);
 	}
@@ -175,7 +175,7 @@
 	    color: var(--bc-text-dark);
 	}
 
-	:global(.theme-dark) .status-name {
+	.theme-dark .status-name {
 	    color: var(--bc-text-light);
 	}
 
@@ -188,7 +188,7 @@
 	    min-height: 3em;
 	}
 
-	:global(.theme-dark) .status-description {
+	.theme-dark .status-description {
 	    color: var(--bc-text-muted);
 	}
 
@@ -209,7 +209,7 @@
 	    gap: 2rem;
 	}
 
-	:global(.theme-dark) .controls-panel {
+	.theme-dark .controls-panel {
 	    background: rgba(0, 0, 0, 0.2);
 	    border-color: rgba(255, 255, 255, 0.05);
 	}
@@ -253,7 +253,7 @@
 	    appearance: none;
 	}
 
-	:global(.theme-dark) .ripeness-slider {
+	.theme-dark .ripeness-slider {
 	    background: #27272a;
 	}
 
@@ -269,7 +269,7 @@
 	    transition: all 0.2s;
 	}
 
-	:global(.theme-dark) .ripeness-slider::-webkit-slider-thumb {
+	.theme-dark .ripeness-slider::-webkit-slider-thumb {
 	    border-color: var(--bc-text-dark);
 	}
 
@@ -389,7 +389,7 @@
 	    color: var(--bc-blue-dark);
 	}
 
-	:global(.theme-dark) .setting-value {
+	.theme-dark .setting-value {
 	    color: var(--bc-blue-lighter);
 	}
 
@@ -405,7 +405,7 @@
 	    appearance: none;
 	}
 
-	:global(.theme-dark) .setting-slider {
+	.theme-dark .setting-slider {
 	    background: rgba(59, 130, 246, 0.5);
 	}
 
@@ -430,7 +430,7 @@
 	    background: var(--bc-green);
 	}
 
-	:global(.theme-dark) .partner-btn.active {
+	.theme-dark .partner-btn.active {
 	    background: var(--bc-green);
 	}
 
@@ -465,7 +465,7 @@
 	    text-transform: uppercase;
 	}
 
-	:global(.theme-dark) .partner-title {
+	.theme-dark .partner-title {
 	    color: var(--bc-text-light);
 	}
 
@@ -494,7 +494,7 @@
 	    border: 1px solid var(--bc-gray-light);
 	}
 
-	:global(.theme-dark) .toggle-switch {
+	.theme-dark .toggle-switch {
 	    background: #27272a;
 	    border-color: #3f3f46;
 	}
@@ -525,7 +525,7 @@
 	    border: 1px solid #e4e4e7;
 	}
 
-	:global(.theme-dark) .info-box {
+	.theme-dark .info-box {
 	    background: rgba(113, 113, 122, 0.4);
 	    border-color: rgba(113, 113, 122, 0.5);
 	}
@@ -564,7 +564,7 @@
 	    margin: 0;
 	}
 
-	:global(.theme-dark) .info-text {
+	.theme-dark .info-text {
 	    color: var(--bc-gray-light);
 	}
 
@@ -572,7 +572,7 @@
 	    color: var(--bc-orange);
 	}
 
-	:global(.theme-dark) .info-box.acceleration .info-title {
+	.theme-dark .info-box.acceleration .info-title {
 	    color: var(--bc-yellow);
 	}
 
@@ -582,6 +582,6 @@
 	    font-weight: 900;
 	}
 
-	:global(.theme-dark) .info-box.acceleration .info-text {
+	.theme-dark .info-box.acceleration .info-text {
 	    color: var(--bc-text-light);
 	}

package/src/tool/brine/equilibrium-brining-calculator-meat-fermentation-ratios.css

@@ -282,7 +282,7 @@
     }
   }
 
-  :global(.brine-visualization) {
+  .brine-visualization {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -292,7 +292,7 @@
     position: relative;
   }
 
-  :global(.brine-jar) {
+  .brine-jar {
     position: relative;
     width: 12rem;
     height: 16rem;
@@ -304,7 +304,7 @@
     overflow: hidden;
   }
 
-  :global(.brine-jar-cap) {
+  .brine-jar-cap {
     position: absolute;
     top: -0.25rem;
     left: 50%;
@@ -315,7 +315,7 @@
     border-radius: 0.5rem 0.5rem 0 0;
   }
 
-  :global(.brine-water) {
+  .brine-water {
     position: absolute;
     bottom: 0;
     left: 0;
@@ -325,7 +325,7 @@
     height: 50%;
   }
 
-  :global(.brine-water)::before {
+  .brine-water::before {
     content: '';
     position: absolute;
     top: 0;
@@ -355,7 +355,7 @@
     }
   }
 
-  :global(.brine-product) {
+  .brine-product {
     position: absolute;
     bottom: 1rem;
     left: 50%;
@@ -372,7 +372,7 @@
     height: 40%;
   }
 
-  :global(.brine-product-label) {
+  .brine-product-label {
     font-size: 0.75rem;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.3);
@@ -380,7 +380,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.brine-particles) {
+  .brine-particles {
     position: absolute;
     inset: 0;
     pointer-events: none;

package/src/tool/egg-timer/perfect-boiled-egg-timer-altitude-calculator.css

@@ -21,7 +21,7 @@
 	    --color-ring: rgba(234, 179, 8, 0.5);
 	}
 
-	:global(.theme-dark) .egg-timer-wrapper {
+	.theme-dark .egg-timer-wrapper {
 	    --color-bg: #1f2937;
 	    --color-bg-secondary: #111827;
 	    --color-border: #374151;
@@ -149,7 +149,7 @@
 	    box-shadow: 0 0 0 1px var(--color-primary);
 	}
 
-	:global(.theme-dark) .egg-timer-btn.active {
+	.theme-dark .egg-timer-btn.active {
 	    background-color: rgba(234, 179, 8, 0.1);
 	    color: var(--color-primary);
 	}
@@ -189,7 +189,7 @@
 	    box-shadow: 0 0 0 1px var(--color-primary);
 	}
 
-	:global(.theme-dark) .egg-timer-size-btn.active {
+	.theme-dark .egg-timer-size-btn.active {
 	    background-color: rgba(234, 179, 8, 0.1);
 	    color: var(--color-primary);
 	}
@@ -279,7 +279,7 @@
 	    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.1);
 	}
 
-	:global(.theme-dark) .egg-timer-result-card.mollet {
+	.theme-dark .egg-timer-result-card.mollet {
 	    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.15);
 	}
 
@@ -396,7 +396,7 @@
 	    background-color: var(--color-soft);
 	}
 
-	:global(.theme-dark) .egg-timer-seo-card:hover {
+	.theme-dark .egg-timer-seo-card:hover {
 	    background-color: rgba(234, 179, 8, 0.1);
 	}
 

package/src/tool/kitchen-timer/kitchen-timer.css

@@ -10,7 +10,7 @@
 		--card-br: 1.5rem;
 	}
 
-	:global(.theme-dark) .kitchen-timer-wrapper {
+	.theme-dark .kitchen-timer-wrapper {
 		--kt-primary: #fb923c;
 		--kt-secondary: #fdba74;
 		--kt-bg: #0f172a;

package/src/tool/meringue-peak/meringue-sugar-ratio-calculator-stiff-peaks.css

@@ -28,7 +28,7 @@
 	    gap: 2rem;
 	}
 
-	:global(.theme-dark) .meringue-calculator-container {
+	.theme-dark .meringue-calculator-container {
 	    --text-dark: #f1f5f9;
 	    --text-muted: #94a3b8;
 	    --text-light: #cbd5e1;
@@ -116,7 +116,7 @@
 	    box-shadow: 0 0 0 4px rgba(244, 114, 182, 0.1);
 	}
 
-	:global(.theme-dark) .meringue-input-wrapper input:focus {
+	.theme-dark .meringue-input-wrapper input:focus {
 	    box-shadow: 0 0 0 4px rgba(244, 114, 182, 0.2);
 	}
 
@@ -155,7 +155,7 @@
 	    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 	}
 
-	:global(.theme-dark) .meringue-type-btn.active {
+	.theme-dark .meringue-type-btn.active {
 	    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 	}
 
@@ -165,7 +165,7 @@
 	    gap: 1.5rem;
 	}
 
-	:global(.meringue-result-item) {
+	.meringue-result-item {
 	    background: var(--time-bg);
 	    border: 1px solid var(--card-border);
 	    border-radius: 20px;
@@ -176,7 +176,7 @@
 	    transition: all 0.2s ease;
 	}
 
-	:global(.meringue-result-item):hover {
+	.meringue-result-item:hover {
 	    background: var(--card-bg);
 	    transform: scale(1.02);
 	}
@@ -215,7 +215,7 @@
 	    gap: 1rem;
 	}
 
-	:global(.meringue-time-row) {
+	.meringue-time-row {
 	    display: flex;
 	    align-items: center;
 	    justify-content: space-between;
@@ -246,7 +246,7 @@
 	    font-size: 1.125rem;
 	}
 
-	:global(.theme-dark) .meringue-time-val {
+	.theme-dark .meringue-time-val {
 	    color: var(--primary);
 	}
 
@@ -266,7 +266,7 @@
 	    flex-shrink: 0;
 	}
 
-	:global(.theme-dark) .meringue-pro-tip svg {
+	.theme-dark .meringue-pro-tip svg {
 	    color: var(--primary);
 	}
 
@@ -277,11 +277,11 @@
 	    margin: 0;
 	}
 
-	:global(.theme-dark) .meringue-pro-tip p {
+	.theme-dark .meringue-pro-tip p {
 	    color: var(--pink-light);
 	}
 
-	:global(.meringue-fade-in) {
+	.meringue-fade-in {
 	    animation: meringue-fade-in 0.5s ease forwards;
 	}
 

package/src/tool/mold-scaler/cake-pan-size-converter-calculator.css

@@ -12,7 +12,7 @@
 		--ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 	}
 
-	:global(.theme-dark) {
+	.theme-dark {
 		--ms-bg-card: hsl(220deg, 25%, 12%);
 		--ms-bg-app: hsl(220deg, 30%, 7%);
 		--ms-border: hsl(220deg, 20%, 20%);
@@ -148,13 +148,13 @@
 		width: 2.5rem;
 	}
 
-	:global(.ms-input-group) {
+	.ms-input-group {
 		display: flex;
 		flex-direction: column;
 		gap: 0.5rem;
 	}
 
-	:global(.ms-label) {
+	.ms-label {
 		font-size: 0.75rem;
 		font-weight: 700;
 		color: var(--ms-text-muted);
@@ -162,7 +162,7 @@
 		letter-spacing: 0.05em;
 	}
 
-	:global(.ms-input) {
+	.ms-input {
 		width: 100%;
 		padding: 0.75rem 1rem;
 		border-radius: 0.5rem;
@@ -173,7 +173,7 @@
 		transition: var(--ms-transition);
 	}
 
-	:global(.ms-input):focus {
+	.ms-input:focus {
 		outline: none;
 		border-color: var(--ms-primary);
 		box-shadow: 0 0 0 3px hsla(262deg, 83%, 58%, 0.1);
@@ -276,7 +276,7 @@
 		margin-bottom: 1.5rem;
 	}
 
-	:global(.ms-ingredient-row) {
+	.ms-ingredient-row {
 		display: grid;
 		grid-template-columns: 1fr;
 		gap: 0.75rem;
@@ -300,13 +300,13 @@
 	}
 
 	@media (min-width: 640px) {
-		:global(.ms-ingredient-row) {
+		.ms-ingredient-row {
 			grid-template-columns: 2fr 1fr 1fr auto;
 			align-items: center;
 		}
 	}
 
-	:global(.ms-ingredient-final) {
+	.ms-ingredient-final {
 		font-weight: 800;
 		color: hsl(150deg, 80%, 40%);
 		font-size: 1.125rem;
@@ -314,7 +314,7 @@
 		text-align: center;
 	}
 
-	:global(.ms-del-btn) {
+	.ms-del-btn {
 		background: transparent;
 		border: none;
 		color: var(--ms-text-muted);
@@ -324,7 +324,7 @@
 		transition: var(--ms-transition);
 	}
 
-	:global(.ms-del-btn):hover {
+	.ms-del-btn:hover {
 		background: hsl(0deg, 85%, 60%);
 		color: var(--ms-bg-card);
 	}
@@ -350,14 +350,14 @@
 		border-style: solid;
 	}
 
-	:global(.ms-empty-state) {
+	.ms-empty-state {
 		text-align: center;
 		padding: 2rem;
 		color: var(--ms-text-muted);
 		font-style: italic;
 	}
 
-	:global(.ms-inputs-grid) {
+	.ms-inputs-grid {
 		display: grid;
 		grid-template-columns: 1fr 1fr;
 		gap: 1rem;

package/src/tool/pizza/neapolitan-pizza-dough-calculator-authentic-recipe.css

@@ -32,7 +32,7 @@
 	    width: 100%;
 	}
 
-	:global(.theme-dark) .pizza-container {
+	.theme-dark .pizza-container {
 	    --color-bg: #0f172a;
 	    --color-border: #1e293b;
 	    --color-text-primary: #f1f5f9;
@@ -185,11 +185,11 @@
 	    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5);
 	}
 
-	:global(.theme-dark) .pizza-slider::-webkit-slider-thumb {
+	.theme-dark .pizza-slider::-webkit-slider-thumb {
 	    box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.5);
 	}
 
-	:global(.theme-dark) .pizza-slider::-moz-range-thumb {
+	.theme-dark .pizza-slider::-moz-range-thumb {
 	    box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.5);
 	}
 
@@ -230,7 +230,7 @@
 	    margin-bottom: 0.25rem;
 	}
 
-	:global(.theme-dark) .pizza-tip-title {
+	.theme-dark .pizza-tip-title {
 	    color: var(--color-orange-100);
 	}
 
@@ -240,7 +240,7 @@
 	    line-height: 1.5;
 	}
 
-	:global(.theme-dark) .pizza-tip-text {
+	.theme-dark .pizza-tip-text {
 	    color: var(--color-amber-100);
 	}
 

package/src/tool/sourdough-calculator/sourdough-starter-feeding-calculator-ratio-proportions.css

@@ -14,7 +14,7 @@
 		--sc-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 	}
 
-	:global(.theme-dark) {
+	.theme-dark {
 		--sc-bg-card: hsl(220deg, 25%, 12%);
 		--sc-bg-app: hsl(220deg, 30%, 7%);
 		--sc-border: hsl(220deg, 20%, 20%);
@@ -292,7 +292,7 @@
 		color: var(--sc-primary);
 	}
 
-	:global(.theme-dark) .sc-result-icon.starter {
+	.theme-dark .sc-result-icon.starter {
 		background: hsl(38deg, 92%, 15%);
 	}
 
@@ -301,7 +301,7 @@
 		color: hsl(45deg, 93%, 50%);
 	}
 
-	:global(.theme-dark) .sc-result-icon.flour {
+	.theme-dark .sc-result-icon.flour {
 		background: hsl(45deg, 93%, 15%);
 	}
 
@@ -310,7 +310,7 @@
 		color: hsl(196deg, 95%, 50%);
 	}
 
-	:global(.theme-dark) .sc-result-icon.water {
+	.theme-dark .sc-result-icon.water {
 		background: hsl(196deg, 95%, 15%);
 	}