feedback-vos 1.0.30 → 1.0.32

package/dist/styles.css

@@ -499,6 +499,9 @@ video {
 [hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
+.visible {
+  visibility: visible;
+}
 .fixed {
   position: fixed;
 }
@@ -523,14 +526,17 @@ video {
 .bottom-4 {
   bottom: 1rem;
 }
-.left-3 {
-  left: 0.75rem;
+.bottom-full {
+  bottom: 100%;
+}
+.left-0 {
+  left: 0px;
 }
 .left-4 {
   left: 1rem;
 }
-.right-3 {
-  right: 0.75rem;
+.right-0 {
+  right: 0px;
 }
 .right-4 {
   right: 1rem;
@@ -538,12 +544,12 @@ video {
 .top-0 {
   top: 0px;
 }
-.top-3 {
-  top: 0.75rem;
-}
 .top-4 {
   top: 1rem;
 }
+.top-full {
+  top: 100%;
+}
 .z-10 {
   z-index: 10;
 }
@@ -554,6 +560,9 @@ video {
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -750,6 +759,18 @@ video {
 .border-b {
   border-bottom-width: 1px;
 }
+.border-brand-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 66 30 / var(--tw-border-opacity, 1));
+}
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
+.border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
+}
 .border-transparent {
   border-color: transparent;
 }
@@ -768,6 +789,9 @@ video {
 .bg-black\/0 {
   background-color: rgb(0 0 0 / 0);
 }
+.bg-black\/60 {
+  background-color: rgb(0 0 0 / 0.6);
+}
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
@@ -775,6 +799,22 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(212 66 30 / var(--tw-bg-opacity, 1));
 }
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
 .bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -842,14 +882,14 @@ video {
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
+.pl-10 {
+  padding-left: 2.5rem;
+}
 .pl-2 {
   padding-left: 0.5rem;
 }
-.pl-8 {
-  padding-left: 2rem;
-}
-.pr-8 {
-  padding-right: 2rem;
+.pr-10 {
+  padding-right: 2.5rem;
 }
 .text-center {
   text-align: center;
@@ -879,6 +919,22 @@ video {
 .leading-6 {
   line-height: 1.5rem;
 }
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
+.text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
 .text-neutral-400 {
   --tw-text-opacity: 1;
   color: rgb(163 163 163 / var(--tw-text-opacity, 1));
@@ -909,14 +965,6 @@ video {
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
-.placeholder-zinc-400::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgb(161 161 170 / var(--tw-placeholder-opacity, 1));
-}
-.placeholder-zinc-400::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgb(161 161 170 / var(--tw-placeholder-opacity, 1));
-}
 .opacity-0 {
   opacity: 0;
 }
@@ -930,6 +978,11 @@ video {
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.ring {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -959,10 +1012,30 @@ video {
 .ease-linear {
   transition-timing-function: linear;
 }
+.placeholder\:text-gray-500::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.placeholder\:text-gray-500::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.placeholder\:text-zinc-400::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
+.placeholder\:text-zinc-400::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
+}
 .hover\:border-brand-500:hover {
   --tw-border-opacity: 1;
   border-color: rgb(212 66 30 / var(--tw-border-opacity, 1));
 }
+.hover\:border-gray-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
+}
 .hover\:border-zinc-500:hover {
   --tw-border-opacity: 1;
   border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
@@ -971,6 +1044,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(232 106 74 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-red-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -983,6 +1068,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
 }
+.hover\:text-gray-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
 .hover\:text-zinc-100:hover {
   --tw-text-opacity: 1;
   color: rgb(244 244 245 / var(--tw-text-opacity, 1));
@@ -1017,6 +1106,9 @@ video {
 .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
+.focus\:ring-offset-gray-50:focus {
+  --tw-ring-offset-color: #f9fafb;
+}
 .focus\:ring-offset-zinc-900:focus {
   --tw-ring-offset-color: #18181b;
 }
@@ -1033,8 +1125,8 @@ video {
 .group:hover .group-hover\:max-w-xs {
   max-width: 20rem;
 }
-.group:hover .group-hover\:bg-black\/20 {
-  background-color: rgb(0 0 0 / 0.2);
+.group:hover .group-hover\:bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1);
 }
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
@@ -1049,26 +1141,14 @@ video {
     left: 1rem;
   }
 
-  .md\:left-5 {
-    left: 1.25rem;
-  }
-
   .md\:left-8 {
     left: 2rem;
   }
 
-  .md\:right-5 {
-    right: 1.25rem;
-  }
-
   .md\:right-8 {
     right: 2rem;
   }
 
-  .md\:top-5 {
-    top: 1.25rem;
-  }
-
   .md\:top-8 {
     top: 2rem;
   }
@@ -1142,6 +1222,10 @@ video {
     width: auto;
   }
 
+  .md\:min-w-\[384px\] {
+    min-width: 384px;
+  }
+
   .md\:max-w-\[100px\] {
     max-width: 100px;
   }
@@ -1178,6 +1262,10 @@ video {
     padding: 0.5rem;
   }
 
+  .md\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
   .md\:p-3 {
     padding: 0.75rem;
   }
@@ -1206,12 +1294,12 @@ video {
     padding-bottom: 2rem;
   }
 
-  .md\:pl-10 {
-    padding-left: 2.5rem;
+  .md\:pl-12 {
+    padding-left: 3rem;
   }
 
-  .md\:pr-8 {
-    padding-right: 2rem;
+  .md\:pr-12 {
+    padding-right: 3rem;
   }
 
   .md\:text-lg {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feedback-vos",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "A beautiful feedback widget for Next.js with GitHub Issues integration",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -39,7 +39,7 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "next": "^14.0.0"
+    "next": ">=14.0.0"
   },
   "dependencies": {
     "@headlessui/react": "^1.7.17",