npm - @jjlmoya/utils-cooking - Versions diffs - 1.20.0 → 1.22.0 - Mend

@jjlmoya/utils-cooking 1.20.0 → 1.22.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 (15) hide show

package/src/tool/ingredient-rescaler/component.astro CHANGED Viewed

@@ -106,277 +106,3 @@ ${ui.exampleLine4}`;
 </script>
-<style>
-	.ingredient-rescaler-container {
-		max-width: 100%;
-		padding: 1.5rem;
-		background: var(--ir-bg-card);
-		border: 1px solid var(--ir-border);
-		border-radius: var(--ir-radius);
-		box-shadow: var(--ir-shadow-lg);
-	}
-	.ir-grid {
-		display: grid;
-		grid-template-columns: 1fr;
-		gap: 2rem;
-		margin-bottom: 2rem;
-	}
-	@media (min-width: 768px) {
-		.ir-grid {
-			grid-template-columns: 1fr 1fr;
-		}
-	}
-	.ir-section {
-		background: var(--ir-bg-app);
-		padding: 1.5rem;
-		border-radius: 1.25rem;
-		border: 1px solid var(--ir-border);
-	}
-	.ir-section-primary {
-		background: var(--ir-bg-card);
-		border: 2px solid var(--ir-primary);
-	}
-	.ir-section-title {
-		font-size: 1.125rem;
-		font-weight: 700;
-		color: var(--ir-text-main);
-		margin-bottom: 1rem;
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-	.ir-section-primary .ir-section-title {
-		color: var(--ir-primary);
-	}
-	.ir-fields {
-		display: grid;
-		grid-template-columns: 1fr 1fr;
-		gap: 1rem;
-		margin-bottom: 1.5rem;
-	}
-	.ir-field {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-	.ir-label {
-		font-size: 0.75rem;
-		font-weight: 700;
-		color: var(--ir-text-muted);
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-	}
-	.ir-input {
-		width: 100%;
-		padding: 0.75rem 1rem;
-		border-radius: 0.75rem;
-		border: 1px solid var(--ir-border);
-		background: var(--ir-bg-card);
-		color: var(--ir-text-main);
-		font-weight: 600;
-		font-size: 1.125rem;
-		text-align: center;
-		transition: all 0.3s ease;
-	}
-	.ir-input:focus {
-		outline: none;
-		border-color: var(--ir-primary);
-		box-shadow: 0 0 0 3px hsl(220deg, 90%, 56%, 0.1);
-	}
-	.ir-factor-display {
-		margin-top: 1rem;
-		padding: 1rem;
-		background: var(--ir-primary-light);
-		border-radius: 0.75rem;
-		border: 1px solid var(--ir-primary);
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-	.ir-factor-label {
-		font-size: 0.875rem;
-		font-weight: 600;
-		color: var(--ir-text-muted);
-	}
-	.ir-factor-value {
-		font-size: 2rem;
-		font-weight: 800;
-		color: var(--ir-primary);
-	}
-	.ir-textarea-container {
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		gap: 0.5rem;
-	}
-	.ir-textarea {
-		width: 100%;
-		flex: 1;
-		min-height: 200px;
-		padding: 1rem;
-		border-radius: 0.75rem;
-		border: 1px solid var(--ir-border);
-		background: var(--ir-bg-card);
-		color: var(--ir-text-main);
-		font-size: 0.875rem;
-		resize: none;
-		line-height: 1.6;
-		transition: all 0.3s ease;
-	}
-	.ir-textarea:focus {
-		outline: none;
-		border-color: var(--ir-primary);
-		box-shadow: 0 0 0 3px hsl(220deg, 90%, 56%, 0.1);
-	}
-	.ir-textarea::placeholder {
-		color: hsl(210deg, 15%, 75%);
-	}
-	.ir-results-card {
-		background: var(--ir-text-main);
-		border-radius: 1.25rem;
-		border: 1px solid var(--ir-border);
-		overflow: hidden;
-		box-shadow: var(--ir-shadow-lg);
-	}
-	.ir-results-header {
-		padding: 1rem 1.5rem;
-		background: hsl(210deg, 30%, 15%);
-		border-bottom: 1px solid hsl(210deg, 30%, 25%);
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-	:global(.theme-dark) .ir-results-header {
-		background: hsl(220deg, 25%, 8%);
-		border-bottom-color: hsl(220deg, 25%, 20%);
-	}
-	.ir-results-title {
-		color: var(--ir-bg-card);
-		font-weight: 700;
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-	:global(.theme-dark) .ir-results-title {
-		color: var(--ir-text-main);
-	}
-	.ir-copy-btn {
-		font-size: 0.75rem;
-		background: hsl(210deg, 30%, 35%);
-		color: var(--ir-bg-card);
-		padding: 0.5rem 1rem;
-		border-radius: 0.5rem;
-		border: none;
-		cursor: pointer;
-		transition: all 0.3s ease;
-		font-weight: 600;
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-	}
-	:global(.theme-dark) .ir-copy-btn {
-		background: hsl(220deg, 25%, 30%);
-		color: var(--ir-text-main);
-	}
-	.ir-copy-btn:hover {
-		background: hsl(210deg, 30%, 45%);
-	}
-	:global(.theme-dark) .ir-copy-btn:hover {
-		background: hsl(220deg, 25%, 40%);
-	}
-	.ir-copy-btn.ir-copied {
-		background: hsl(142deg, 72%, 45%);
-	}
-	.ir-results-container {
-		padding: 2rem;
-		font-size: 1rem;
-		display: flex;
-		flex-direction: column;
-		gap: 0.75rem;
-		min-height: 200px;
-		background: var(--ir-bg-card);
-		color: var(--ir-text-main);
-	}
-	.ir-empty-state {
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 1rem;
-		opacity: 0.5;
-		color: var(--ir-text-muted);
-	}
-	.ir-empty-icon {
-		width: 3rem;
-		height: 3rem;
-	}
-	:global(.ir-result-row) {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		background: var(--ir-bg-app);
-		padding: 0.75rem;
-		border-radius: 0.5rem;
-		border-left: 4px solid transparent;
-		transition: all 0.3s ease;
-	}
-	:global(.ir-result-row):hover {
-		background: var(--ir-primary-light);
-		border-left-color: var(--ir-primary);
-	}
-	.ir-original-amount {
-		color: hsl(210deg, 15%, 75%);
-		font-size: 0.75rem;
-		text-decoration: line-through;
-		opacity: 0.75;
-	}
-	.ir-new-value {
-		color: var(--ir-primary);
-		font-weight: 800;
-		font-size: 1.125rem;
-	}
-	:global(.ir-no-amount-row) {
-		color: var(--ir-text-muted);
-		font-style: italic;
-		font-size: 0.875rem;
-		padding: 0.5rem;
-		background: transparent;
-	}
-</style>

package/src/tool/ingredient-rescaler/recipe-ingredient-scaler-converter-servings.css CHANGED Viewed

@@ -1,20 +1,272 @@
-:root {
-		--ir-primary: hsl(220deg, 90%, 56%);
-		--ir-primary-light: hsl(220deg, 90%, 92%);
-		--ir-bg-card: hsl(0deg, 0%, 100%);
-		--ir-bg-app: hsl(210deg, 20%, 98%);
-		--ir-border: hsl(210deg, 20%, 90%);
-		--ir-text-main: hsl(210deg, 30%, 20%);
-		--ir-text-muted: hsl(210deg, 15%, 50%);
-		--ir-shadow-lg: 0 10px 15px -3px rgb(0, 0, 0, 0.1);
-		--ir-radius: 1rem;
-	}
-	.theme-dark {
-		--ir-bg-card: hsl(220deg, 25%, 12%);
-		--ir-bg-app: hsl(220deg, 30%, 7%);
-		--ir-border: hsl(220deg, 20%, 20%);
-		--ir-text-main: hsl(210deg, 20%, 95%);
-		--ir-text-muted: hsl(210deg, 15%, 70%);
-		--ir-primary-light: hsl(220deg, 90%, 12%);
+.ingredient-rescaler-container {
+		max-width: 100%;
+		padding: 1.5rem;
+		background: var(--ir-bg-card);
+		border: 1px solid var(--ir-border);
+		border-radius: var(--ir-radius);
+		box-shadow: var(--ir-shadow-lg);
+	}
+	.ir-grid {
+		display: grid;
+		grid-template-columns: 1fr;
+		gap: 2rem;
+		margin-bottom: 2rem;
+	}
+	@media (min-width: 768px) {
+		.ir-grid {
+			grid-template-columns: 1fr 1fr;
+		}
+	}
+	.ir-section {
+		background: var(--ir-bg-app);
+		padding: 1.5rem;
+		border-radius: 1.25rem;
+		border: 1px solid var(--ir-border);
+	}
+	.ir-section-primary {
+		background: var(--ir-bg-card);
+		border: 2px solid var(--ir-primary);
+	}
+	.ir-section-title {
+		font-size: 1.125rem;
+		font-weight: 700;
+		color: var(--ir-text-main);
+		margin-bottom: 1rem;
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+	.ir-section-primary .ir-section-title {
+		color: var(--ir-primary);
+	}
+	.ir-fields {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 1rem;
+		margin-bottom: 1.5rem;
+	}
+	.ir-field {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+	.ir-label {
+		font-size: 0.75rem;
+		font-weight: 700;
+		color: var(--ir-text-muted);
+		text-transform: uppercase;
+		letter-spacing: 0.05em;
+	}
+	.ir-input {
+		width: 100%;
+		padding: 0.75rem 1rem;
+		border-radius: 0.75rem;
+		border: 1px solid var(--ir-border);
+		background: var(--ir-bg-card);
+		color: var(--ir-text-main);
+		font-weight: 600;
+		font-size: 1.125rem;
+		text-align: center;
+		transition: all 0.3s ease;
+	}
+	.ir-input:focus {
+		outline: none;
+		border-color: var(--ir-primary);
+		box-shadow: 0 0 0 3px hsl(220deg, 90%, 56%, 0.1);
+	}
+	.ir-factor-display {
+		margin-top: 1rem;
+		padding: 1rem;
+		background: var(--ir-primary-light);
+		border-radius: 0.75rem;
+		border: 1px solid var(--ir-primary);
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.ir-factor-label {
+		font-size: 0.875rem;
+		font-weight: 600;
+		color: var(--ir-text-muted);
+	}
+	.ir-factor-value {
+		font-size: 2rem;
+		font-weight: 800;
+		color: var(--ir-primary);
+	}
+	.ir-textarea-container {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		gap: 0.5rem;
+	}
+	.ir-textarea {
+		width: 100%;
+		flex: 1;
+		min-height: 200px;
+		padding: 1rem;
+		border-radius: 0.75rem;
+		border: 1px solid var(--ir-border);
+		background: var(--ir-bg-card);
+		color: var(--ir-text-main);
+		font-size: 0.875rem;
+		resize: none;
+		line-height: 1.6;
+		transition: all 0.3s ease;
+	}
+	.ir-textarea:focus {
+		outline: none;
+		border-color: var(--ir-primary);
+		box-shadow: 0 0 0 3px hsl(220deg, 90%, 56%, 0.1);
+	}
+	.ir-textarea::placeholder {
+		color: hsl(210deg, 15%, 75%);
+	}
+	.ir-results-card {
+		background: var(--ir-text-main);
+		border-radius: 1.25rem;
+		border: 1px solid var(--ir-border);
+		overflow: hidden;
+		box-shadow: var(--ir-shadow-lg);
+	}
+	.ir-results-header {
+		padding: 1rem 1.5rem;
+		background: hsl(210deg, 30%, 15%);
+		border-bottom: 1px solid hsl(210deg, 30%, 25%);
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.theme-dark .ir-results-header {
+		background: hsl(220deg, 25%, 8%);
+		border-bottom-color: hsl(220deg, 25%, 20%);
+	}
+	.ir-results-title {
+		color: var(--ir-bg-card);
+		font-weight: 700;
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+	.theme-dark .ir-results-title {
+		color: var(--ir-text-main);
+	}
+	.ir-copy-btn {
+		font-size: 0.75rem;
+		background: hsl(210deg, 30%, 35%);
+		color: var(--ir-bg-card);
+		padding: 0.5rem 1rem;
+		border-radius: 0.5rem;
+		border: none;
+		cursor: pointer;
+		transition: all 0.3s ease;
+		font-weight: 600;
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+	.theme-dark .ir-copy-btn {
+		background: hsl(220deg, 25%, 30%);
+		color: var(--ir-text-main);
+	}
+	.ir-copy-btn:hover {
+		background: hsl(210deg, 30%, 45%);
+	}
+	.theme-dark .ir-copy-btn:hover {
+		background: hsl(220deg, 25%, 40%);
+	}
+	.ir-copy-btn.ir-copied {
+		background: hsl(142deg, 72%, 45%);
+	}
+	.ir-results-container {
+		padding: 2rem;
+		font-size: 1rem;
+		display: flex;
+		flex-direction: column;
+		gap: 0.75rem;
+		min-height: 200px;
+		background: var(--ir-bg-card);
+		color: var(--ir-text-main);
+	}
+	.ir-empty-state {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: 1rem;
+		opacity: 0.5;
+		color: var(--ir-text-muted);
+	}
+	.ir-empty-icon {
+		width: 3rem;
+		height: 3rem;
+	}
+	.ir-result-row {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		background: var(--ir-bg-app);
+		padding: 0.75rem;
+		border-radius: 0.5rem;
+		border-left: 4px solid transparent;
+		transition: all 0.3s ease;
+	}
+	.ir-result-row:hover {
+		background: var(--ir-primary-light);
+		border-left-color: var(--ir-primary);
+	}
+	.ir-original-amount {
+		color: hsl(210deg, 15%, 75%);
+		font-size: 0.75rem;
+		text-decoration: line-through;
+		opacity: 0.75;
+	}
+	.ir-new-value {
+		color: var(--ir-primary);
+		font-weight: 800;
+		font-size: 1.125rem;
+	}
+	.ir-no-amount-row {
+		color: var(--ir-text-muted);
+		font-style: italic;
+		font-size: 0.875rem;
+		padding: 0.5rem;
+		background: transparent;
 	}

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

@@ -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 CHANGED Viewed

@@ -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;
 	}