koin.js 1.0.6 → 1.0.8

package/dist/styles.css

@@ -342,6 +342,10 @@
   z-index: 60;
 }
 
+.koin-scope .z-\[9998\] {
+  z-index: 9998;
+}
+
 .koin-scope .z-\[9999\] {
   z-index: 9999;
 }
@@ -370,6 +374,11 @@
   margin-right: auto;
 }
 
+.koin-scope .my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 .koin-scope .my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -531,6 +540,10 @@
   height: 100%;
 }
 
+.koin-scope .h-px {
+  height: 1px;
+}
+
 .koin-scope .h-screen {
   height: 100vh;
 }
@@ -667,6 +680,11 @@
   min-width: 80px;
 }
 
+.koin-scope .min-w-max {
+  min-width: -moz-max-content;
+  min-width: max-content;
+}
+
 .koin-scope .max-w-\[120px\] {
   max-width: 120px;
 }
@@ -1063,11 +1081,6 @@
   border-width: 4px;
 }
 
-.koin-scope .border-x {
-  border-left-width: 1px;
-  border-right-width: 1px;
-}
-
 .koin-scope .border-b {
   border-bottom-width: 1px;
 }
@@ -1146,6 +1159,10 @@
   border-color: rgb(239 68 68 / 0.5);
 }
 
+.koin-scope .border-transparent {
+  border-color: transparent;
+}
+
 .koin-scope .border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -1501,6 +1518,11 @@
   padding-right: 1.5rem;
 }
 
+.koin-scope .px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
 .koin-scope .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -1953,6 +1975,10 @@
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.koin-scope .ring-inset {
+  --tw-ring-inset: inset;
+}
+
 .koin-scope .ring-yellow-500\/30 {
   --tw-ring-color: rgb(234 179 8 / 0.3);
 }
@@ -2160,11 +2186,6 @@
   color: rgb(252 165 165 / var(--tw-text-opacity, 1));
 }
 
-.koin-scope .hover\:text-red-400:hover {
-  --tw-text-opacity: 1;
-  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
-}
-
 .koin-scope .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2216,6 +2237,10 @@
   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 .active\:bg-white\/20:active {
+  background-color: rgb(255 255 255 / 0.2);
+}
+
 .koin-scope .active\:shadow-none:active {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -2425,6 +2450,27 @@
     display: none;
   }
 
+  .koin-scope .sm\:w-auto {
+    width: auto;
+  }
+
+  .koin-scope .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .koin-scope .sm\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .koin-scope .sm\:border-x {
+    border-left-width: 1px;
+    border-right-width: 1px;
+  }
+
+  .koin-scope .sm\:border-white\/10 {
+    border-color: rgb(255 255 255 / 0.1);
+  }
+
   .koin-scope .sm\:px-3 {
     padding-left: 0.75rem;
     padding-right: 0.75rem;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "koin.js",
-    "version": "1.0.6",
-    "description": "The drop-in React component for browser-based retro game emulation. 27 systems. Cloud saves. Zero backend required.",
+    "version": "1.0.8",
+    "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",
     "types": "dist/index.d.ts",
@@ -21,7 +21,7 @@
     },
     "repository": {
         "type": "git",
-        "url": "https://github.com/muditjuneja/koin-deck-retro-player"
+        "url": "https://github.com/muditjuneja/koin"
     },
     "style": "dist/styles.css",
     "scripts": {