@jjlmoya/utils-alcohol 1.12.0 → 1.13.0

package/package.json

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

package/src/tool/alcoholClearance/component.astro

@@ -438,6 +438,68 @@ const { ui } = Astro.props;
         border-radius: 10px;
     }
 
+    :global(.drink-list-row) {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0.75rem;
+        background: #f8fafc;
+        border-radius: 0.75rem;
+        border: 1px solid #e2e8f0;
+    }
+    :global(.theme-dark) :global(.drink-list-row) {
+        background: #1e293b;
+        border-color: #334155;
+    }
+
+    :global(.drink-row-info) {
+        display: flex;
+        align-items: center;
+        gap: 0.75rem;
+    }
+
+    :global(.drink-row-name) {
+        font-weight: 700;
+        color: #334155;
+    }
+    :global(.theme-dark) :global(.drink-row-name) {
+        color: #e2e8f0;
+    }
+
+    :global(.drink-row-qty) {
+        font-size: 0.75rem;
+        background: #e0e7ff;
+        color: #4f46e5;
+        padding: 0.125rem 0.5rem;
+        border-radius: 0.25rem;
+        font-weight: 700;
+    }
+    :global(.theme-dark) :global(.drink-row-qty) {
+        background: #312e81;
+        color: #a5b4fc;
+    }
+
+    :global(.drink-row-del) {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 2rem;
+        height: 2rem;
+        padding: 0;
+        background: none;
+        border: none;
+        color: #ef4444;
+        cursor: pointer;
+        transition: background 0.2s;
+    }
+    :global(.drink-row-del:hover) {
+        background: #fef2f2;
+        border-radius: 0.5rem;
+    }
+    :global(.theme-dark) :global(.drink-row-del:hover) {
+        background: rgba(239,68,68,0.1);
+    }
+
     .alc-results-panel {
         display: flex;
         flex-direction: column;

package/src/tool/cocktailBalancer/component.astro

@@ -1488,7 +1488,7 @@ function getIngIconName(type: string): string {
     padding: 0.75rem;
 }
 
-.recipe-row {
+:global(.recipe-row) {
     background: #fff;
     border-radius: 1rem;
     padding: 1rem;
@@ -1496,34 +1496,34 @@ function getIngIconName(type: string): string {
     border: 1px solid #f1f5f9;
 }
 
-:global(.theme-dark) .recipe-row {
+:global(.theme-dark .recipe-row) {
     background: #0f172a;
     border-color: #1e293b;
 }
 
-.recipe-row-top {
+:global(.recipe-row-top) {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 0.75rem;
 }
 
-.recipe-row-info {
+:global(.recipe-row-info) {
     display: flex;
     align-items: center;
     gap: 0.75rem;
 }
 
-.recipe-row-name {
+:global(.recipe-row-name) {
     font-weight: 700;
     color: #334155;
 }
 
-:global(.theme-dark) .recipe-row-name {
+:global(.theme-dark .recipe-row-name) {
     color: #e2e8f0;
 }
 
-.recipe-row-type {
+:global(.recipe-row-type) {
     font-size: 0.625rem;
     background: #f1f5f9;
     padding: 0.125rem 0.5rem;
@@ -1533,26 +1533,26 @@ function getIngIconName(type: string): string {
     text-transform: uppercase;
 }
 
-:global(.theme-dark) .recipe-row-type {
+:global(.theme-dark .recipe-row-type) {
     background: #1e293b;
 }
 
-.recipe-row-del {
+:global(.recipe-row-del) {
     opacity: 0;
     transition: opacity 0.2s;
 }
 
-.recipe-row:hover .recipe-row-del {
+:global(.recipe-row:hover .recipe-row-del) {
     opacity: 1;
 }
 
-.recipe-row-controls {
+:global(.recipe-row-controls) {
     display: flex;
     align-items: center;
     gap: 1rem;
 }
 
-.recipe-range {
+:global(.recipe-range) {
     flex: 1;
     height: 0.5rem;
     border-radius: 0.5rem;
@@ -1562,16 +1562,16 @@ function getIngIconName(type: string): string {
     background: #e2e8f0;
 }
 
-:global(.theme-dark) .recipe-range {
+:global(.theme-dark .recipe-range) {
     background: #334155;
 }
 
-.recipe-number-wrap {
+:global(.recipe-number-wrap) {
     position: relative;
     width: 5rem;
 }
 
-.recipe-number {
+:global(.recipe-number) {
     width: 100%;
     background: #f8fafc;
     border: 1px solid #e2e8f0;
@@ -1584,7 +1584,7 @@ function getIngIconName(type: string): string {
     box-sizing: border-box;
 }
 
-:global(.theme-dark) .recipe-number {
+:global(.theme-dark .recipe-number) {
     background: #1e293b;
     border-color: #334155;
     color: #e2e8f0;

package/src/tool/partyKeg/component.astro

@@ -825,7 +825,7 @@ const { ui } = Astro.props;
     animation: drop-in 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
 }
 
-.visual-container {
+:global(.visual-container) {
     display: flex;
     align-items: flex-end;
     justify-content: center;
@@ -835,12 +835,12 @@ const { ui } = Astro.props;
 }
 
 @media (min-width: 1024px) {
-    .visual-container {
+    :global(.visual-container) {
         gap: 4rem;
     }
 }
 
-.keg-stack {
+:global(.keg-stack) {
     display: flex;
     flex-direction: column-reverse;
     align-items: center;
@@ -850,18 +850,18 @@ const { ui } = Astro.props;
     min-width: 80px;
 }
 
-.keg-item {
+:global(.keg-item) {
     position: relative;
     transition: transform 0.3s;
     transform-origin: bottom;
     cursor: default;
 }
 
-.keg-item:hover {
+:global(.keg-item:hover) {
     transform: scale(1.05);
 }
 
-.keg-plus {
+:global(.keg-plus) {
     text-align: center;
     font-weight: 900;
     font-size: 1.25rem;
@@ -891,7 +891,7 @@ const { ui } = Astro.props;
     }
 }
 
-.ice-pile {
+:global(.ice-pile) {
     display: flex;
     flex-wrap: wrap;
     align-content: flex-end;
@@ -902,17 +902,17 @@ const { ui } = Astro.props;
     position: relative;
 }
 
-.ice-bag {
+:global(.ice-bag) {
     transition: transform 0.3s;
     cursor: pointer;
 }
 
-.ice-bag:hover {
+:global(.ice-bag:hover) {
     transform: scale(1.1);
     z-index: 50;
 }
 
-.bags-plus {
+:global(.bags-plus) {
     position: absolute;
     top: -3rem;
     left: 50%;