@next-degree/pickle-shared-js 0.6.46 → 0.6.47

package/dist/styles/globals.css

@@ -332,6 +332,9 @@ video {
 [hidden]:where(:not([hidden=until-found])) {
   display: none;
 }
+:root {
+  --radius: 0.5rem ;
+}
 .container {
   width: 100%;
 }
@@ -1027,6 +1030,9 @@ video {
 .w-full {
   width: 100%;
 }
+.w-px {
+  width: 1px;
+}
 .max-w-48 {
   max-width: 12rem;
 }
@@ -1062,6 +1068,17 @@ video {
 .transform {
   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));
 }
+@keyframes caret-blink {
+  0%, 70%, 100% {
+    opacity: 1;
+  }
+  20%, 50% {
+    opacity: 0;
+  }
+}
+.animate-caret-blink {
+  animation: caret-blink 1.25s ease-out infinite;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -1174,13 +1191,13 @@ video {
   border-radius: 9999px;
 }
 .rounded-lg {
-  border-radius: 0.5rem;
+  border-radius: var(--radius);
 }
 .rounded-md {
-  border-radius: 0.375rem;
+  border-radius: calc(var(--radius) - 2px);
 }
 .rounded-sm {
-  border-radius: 0.125rem;
+  border-radius: calc(var(--radius) - 4px);
 }
 .rounded-xl {
   border-radius: 0.75rem;
@@ -1192,6 +1209,13 @@ video {
 .border {
   border-width: 1px;
 }
+.border-y {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+}
+.border-r {
+  border-right-width: 1px;
+}
 .border-green-80 {
   border-color: hsla(164, 76%, 16%, 1);
 }
@@ -1214,6 +1238,10 @@ video {
 .border-purple-20 {
   border-color: hsla(253, 95%, 93%, 1);
 }
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
 .bg-black {
   background-color: hsla(0, 0%, 0%, 1);
 }
@@ -1243,6 +1271,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
 }
+.bg-neutral-950 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
+}
 .bg-pickle-100 {
   background-color: hsla(68, 100%, 48%, 1);
 }
@@ -1547,6 +1579,9 @@ video {
 .ring-grey-50 {
   --tw-ring-color: hsla(0, 0%, 50%, 1);
 }
+.ring-purple-100 {
+  --tw-ring-color: hsla(253, 94%, 64%, 1);
+}
 .ring-white {
   --tw-ring-color: hsla(0, 0%, 100%, 1);
 }
@@ -1556,6 +1591,11 @@ video {
 .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);
 }
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-colors {
   transition-property:
     color,
@@ -1572,6 +1612,9 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.duration-1000 {
+  transition-duration: 1000ms;
+}
 .duration-200 {
   transition-duration: 200ms;
 }
@@ -1602,6 +1645,9 @@ video {
 .zoom-in-95 {
   --tw-enter-scale: .95;
 }
+.duration-1000 {
+  animation-duration: 1000ms;
+}
 .duration-200 {
   animation-duration: 200ms;
 }
@@ -1814,6 +1860,17 @@ video {
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity, 1));
 }
+.first\:rounded-l-md:first-child {
+  border-top-left-radius: calc(var(--radius) - 2px);
+  border-bottom-left-radius: calc(var(--radius) - 2px);
+}
+.first\:border-l:first-child {
+  border-left-width: 1px;
+}
+.last\:rounded-r-md:last-child {
+  border-top-right-radius: calc(var(--radius) - 2px);
+  border-bottom-right-radius: calc(var(--radius) - 2px);
+}
 .hover\:border-grey-10:hover {
   border-color: hsla(0, 0%, 90%, 1);
 }
@@ -1952,6 +2009,9 @@ video {
 .peer:disabled ~ .peer-disabled\:opacity-70 {
   opacity: 0.7;
 }
+.has-\[\:disabled\]\:opacity-50:has(:disabled) {
+  opacity: 0.5;
+}
 .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
   pointer-events: none;
 }
@@ -2072,6 +2132,51 @@ video {
   --tw-rotate: 180deg;
   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));
 }
+.dark\:border-neutral-800:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
+}
+.dark\:border-red-400:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
+}
+.dark\:bg-neutral-50:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-neutral-950:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
+}
+.dark\:text-neutral-400:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.dark\:text-neutral-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
+}
+.dark\:ring-purple-20:is(.dark *) {
+  --tw-ring-color: hsla(253, 95%, 93%, 1);
+}
+.dark\:ring-offset-neutral-950:is(.dark *) {
+  --tw-ring-offset-color: #0a0a0a;
+}
+.dark\:ring-offset-purple-100:is(.dark *) {
+  --tw-ring-offset-color: hsla(253, 94%, 64%, 1);
+}
+.dark\:focus\:ring-neutral-300:focus:is(.dark *) {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity, 1));
+}
+.dark\:data-\[state\=open\]\:bg-neutral-800[data-state=open]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.dark\:data-\[state\=open\]\:text-neutral-400[data-state=open]:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
 @media (min-width: 640px) {
   .sm\:hidden {
     display: none;
@@ -2091,7 +2196,7 @@ video {
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
   }
   .sm\:rounded-lg {
-    border-radius: 0.5rem;
+    border-radius: var(--radius);
   }
   .sm\:text-left {
     text-align: left;
@@ -2139,39 +2244,6 @@ video {
     min-height: 8rem;
   }
 }
-@media (prefers-color-scheme: dark) {
-  .dark\:border-neutral-800 {
-    --tw-border-opacity: 1;
-    border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
-  }
-  .dark\:bg-neutral-950 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
-  }
-  .dark\:text-neutral-400 {
-    --tw-text-opacity: 1;
-    color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-  }
-  .dark\:text-neutral-50 {
-    --tw-text-opacity: 1;
-    color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-  }
-  .dark\:ring-offset-neutral-950 {
-    --tw-ring-offset-color: #0a0a0a;
-  }
-  .dark\:focus\:ring-neutral-300:focus {
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity, 1));
-  }
-  .dark\:data-\[state\=open\]\:bg-neutral-800[data-state=open] {
-    --tw-bg-opacity: 1;
-    background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-  }
-  .dark\:data-\[state\=open\]\:text-neutral-400[data-state=open] {
-    --tw-text-opacity: 1;
-    color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-  }
-}
 .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
   -webkit-appearance: none;
   appearance: none;