koin.js 1.0.16 → 1.1.16

package/dist/styles.css

@@ -218,6 +218,10 @@
   right: -0.25rem;
 }
 
+.koin-scope .-right-2 {
+  right: -0.5rem;
+}
+
 .koin-scope .-top-0\.5 {
   top: -0.125rem;
 }
@@ -226,6 +230,10 @@
   top: -0.25rem;
 }
 
+.koin-scope .-top-2 {
+  top: -0.5rem;
+}
+
 .koin-scope .bottom-0 {
   bottom: 0px;
 }
@@ -520,6 +528,10 @@
   height: 1.5rem;
 }
 
+.koin-scope .h-7 {
+  height: 1.75rem;
+}
+
 .koin-scope .h-8 {
   height: 2rem;
 }
@@ -608,6 +620,10 @@
   width: 16rem;
 }
 
+.koin-scope .w-7 {
+  width: 1.75rem;
+}
+
 .koin-scope .w-8 {
   width: 2rem;
 }
@@ -725,6 +741,11 @@
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.koin-scope .translate-x-4 {
+  --tw-translate-x: 1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .koin-scope .translate-x-5 {
   --tw-translate-x: 1.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -959,6 +980,12 @@
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
+.koin-scope :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
 .koin-scope :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1122,6 +1149,10 @@
   border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
 }
 
+.koin-scope .border-purple-500\/30 {
+  border-color: rgb(168 85 247 / 0.3);
+}
+
 .koin-scope .border-purple-500\/50 {
   border-color: rgb(168 85 247 / 0.5);
 }
@@ -1207,6 +1238,11 @@
   background-color: rgb(0 153 68 / var(--tw-bg-opacity, 1));
 }
 
+.koin-scope .bg-\[\#00FF41\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 255 65 / var(--tw-bg-opacity, 1));
+}
+
 .koin-scope .bg-\[\#CC0000\] {
   --tw-bg-opacity: 1;
   background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
@@ -1345,6 +1381,15 @@
   background-color: rgb(168 85 247 / 0.1);
 }
 
+.koin-scope .bg-purple-500\/20 {
+  background-color: rgb(168 85 247 / 0.2);
+}
+
+.koin-scope .bg-purple-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
+}
+
 .koin-scope .bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -1546,6 +1591,11 @@
   padding-right: 1rem;
 }
 
+.koin-scope .px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
 .koin-scope .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -1643,6 +1693,10 @@
   padding-top: 0.5rem;
 }
 
+.koin-scope .pt-4 {
+  padding-top: 1rem;
+}
+
 .koin-scope .text-left {
   text-align: left;
 }
@@ -2210,6 +2264,11 @@
   background-color: rgb(249 115 22 / 0.3);
 }
 
+.koin-scope .hover\:bg-purple-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
+}
+
 .koin-scope .hover\:bg-red-500\/20:hover {
   background-color: rgb(239 68 68 / 0.2);
 }
@@ -2269,6 +2328,11 @@
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
 }
 
+.koin-scope .focus\:border-purple-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
+}
+
 .koin-scope .focus\:border-yellow-500\/50:focus {
   border-color: rgb(234 179 8 / 0.5);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "koin.js",
-    "version": "1.0.16",
+    "version": "1.1.16",
     "description": "The drop-in React component for browser-based retro game emulation. 28 systems. Cloud saves. Zero backend required.",
     "main": "dist/index.js",
     "module": "dist/index.mjs",