@vinyasa/feedback 1.0.21

package/dist/cjs/index.css

@@ -0,0 +1,448 @@
+._1313gq0 {
+  align-items: flex-start;
+  gap: var(--vinyasa-space3);
+  padding: var(--vinyasa-space4);
+  border-radius: var(--vinyasa-radius-md);
+  font-family: var(--vinyasa-font-family-sans);
+  display: flex;
+}
+
+._1313gq1 {
+  background-color: var(--vinyasa-status-info-bg);
+  color: var(--vinyasa-status-info-text);
+}
+
+._1313gq2 {
+  background-color: var(--vinyasa-status-success-bg);
+  color: var(--vinyasa-status-success-text);
+}
+
+._1313gq3 {
+  background-color: var(--vinyasa-status-warning-bg);
+  color: var(--vinyasa-status-warning-text);
+}
+
+._1313gq4 {
+  background-color: var(--vinyasa-status-error-bg);
+  color: var(--vinyasa-status-error-text);
+}
+
+._1313gq5 {
+  flex-shrink: 0;
+  margin-top: .125em;
+}
+
+._1313gq6 {
+  gap: var(--vinyasa-space1);
+  flex-direction: column;
+  display: flex;
+}
+
+._1313gq7 {
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  margin: 0;
+}
+
+._1313gq8 {
+  font-size: var(--vinyasa-font-size-sm);
+  margin: 0;
+}
+
+.a1nlu90 {
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  width: 100%;
+  padding: var(--vinyasa-space3);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  display: flex;
+}
+
+.a1nlu91 {
+  background-color: var(--vinyasa-status-info-bg);
+  color: var(--vinyasa-status-info-text);
+}
+
+.a1nlu92 {
+  background-color: var(--vinyasa-status-success-bg);
+  color: var(--vinyasa-status-success-text);
+}
+
+.a1nlu93 {
+  background-color: var(--vinyasa-status-warning-bg);
+  color: var(--vinyasa-status-warning-text);
+}
+
+.a1nlu94 {
+  background-color: var(--vinyasa-status-error-bg);
+  color: var(--vinyasa-status-error-text);
+}
+
+.a1nlu95 {
+  flex-shrink: 0;
+  margin-top: -.05em;
+}
+
+@keyframes _1af39sp0 {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+._1af39sp1 {
+  display: block;
+}
+
+._1af39sp2 {
+  animation: 1s linear infinite _1af39sp0;
+}
+
+._1af39sp3 {
+  stroke: var(--vinyasa-secondary);
+  fill: none;
+}
+
+._1af39sp4 {
+  stroke: var(--vinyasa-primary);
+  fill: none;
+  stroke-linecap: round;
+  transition: stroke-dashoffset var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-standard);
+}
+
+.dmnndp0 {
+  color: var(--vinyasa-text-muted);
+  margin-bottom: var(--vinyasa-space2);
+  font-size: 3rem;
+  display: flex;
+}
+
+._14g63aj0 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  display: inline-flex;
+}
+
+._14g63aj1 {
+  color: var(--vinyasa-status-info-text);
+}
+
+._14g63aj2 {
+  color: var(--vinyasa-status-success-text);
+}
+
+._14g63aj3 {
+  color: var(--vinyasa-status-warning-text);
+}
+
+._14g63aj4 {
+  color: var(--vinyasa-status-error-text);
+}
+
+._14g63aj5 {
+  flex-shrink: 0;
+  margin-top: -.05em;
+}
+
+@keyframes _8naz5u0 {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+._8naz5u1 {
+  color: var(--vinyasa-primary);
+  border: .15em solid;
+  border-right-color: rgba(0, 0, 0, 0);
+  border-radius: 9999px;
+  animation: .6s linear infinite _8naz5u0;
+  display: inline-block;
+}
+
+._8naz5u3 {
+  width: 1rem;
+  height: 1rem;
+}
+
+._8naz5u4 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+._8naz5u5 {
+  width: 2rem;
+  height: 2rem;
+}
+
+._1vw410a0 {
+  position: relative;
+}
+
+._1vw410a1 {
+  z-index: var(--vinyasa-z-index-overlay);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+._1vw410a2 {
+  background-color: var(--vinyasa-secondary);
+  opacity: .8;
+  border-radius: inherit;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+._1ie0lek0 {
+  background-color: var(--vinyasa-secondary);
+  border-radius: var(--vinyasa-radius-full);
+  width: 100%;
+  height: .5rem;
+  overflow: hidden;
+}
+
+._1ie0lek1 {
+  background-color: var(--vinyasa-primary);
+  border-radius: var(--vinyasa-radius-full);
+  height: 100%;
+  transition: width var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-standard);
+}
+
+@keyframes i625lp0 {
+  0% {
+    background-position: 200% 0;
+  }
+
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+.i625lp1 {
+  background-color: var(--vinyasa-secondary);
+  background-image: linear-gradient(90deg, var(--vinyasa-secondary) 25%, var(--vinyasa-border-color-default) 50%, var(--vinyasa-secondary) 75%);
+  border-radius: var(--vinyasa-radius-sm);
+  background-size: 200% 100%;
+  display: block;
+}
+
+.i625lp2 {
+  border-radius: var(--vinyasa-radius-full);
+}
+
+.i625lp3 {
+  animation: 1.5s ease-in-out infinite i625lp0;
+}
+
+.i625lp4 {
+  position: relative;
+}
+
+.i625lp5 {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.i625lp6 {
+  visibility: hidden;
+}
+
+@keyframes _1xil9gec {
+  from {
+    opacity: 0;
+    transform: translateY(-.5rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes _1xil9ged {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translateY(-.5rem);
+  }
+}
+
+@keyframes _1xil9gee {
+  from {
+    opacity: 0;
+    transform: translateY(.5rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes _1xil9gef {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translateY(.5rem);
+  }
+}
+
+._1xil9ge0 {
+  z-index: var(--vinyasa-z-index-toast);
+  gap: var(--vinyasa-space2);
+  pointer-events: none;
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+}
+
+._1xil9ge1 {
+  top: var(--vinyasa-space4);
+  left: var(--vinyasa-space4);
+}
+
+._1xil9ge2 {
+  top: var(--vinyasa-space4);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+._1xil9ge3 {
+  top: var(--vinyasa-space4);
+  right: var(--vinyasa-space4);
+}
+
+._1xil9ge4 {
+  bottom: var(--vinyasa-space4);
+  left: var(--vinyasa-space4);
+}
+
+._1xil9ge5 {
+  bottom: var(--vinyasa-space4);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+._1xil9ge6 {
+  bottom: var(--vinyasa-space4);
+  right: var(--vinyasa-space4);
+}
+
+._1xil9ge7 {
+  align-items: flex-start;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-md);
+  box-shadow: var(--vinyasa-elevation-overlay);
+  pointer-events: auto;
+  min-width: 16rem;
+  max-width: 24rem;
+  font-family: var(--vinyasa-font-family-sans);
+  display: flex;
+}
+
+._1xil9ge8 {
+  background-color: var(--vinyasa-status-info-bg);
+  color: var(--vinyasa-status-info-text);
+}
+
+._1xil9ge9 {
+  background-color: var(--vinyasa-status-success-bg);
+  color: var(--vinyasa-status-success-text);
+}
+
+._1xil9gea {
+  background-color: var(--vinyasa-status-warning-bg);
+  color: var(--vinyasa-status-warning-text);
+}
+
+._1xil9geb {
+  background-color: var(--vinyasa-status-error-bg);
+  color: var(--vinyasa-status-error-text);
+}
+
+._1xil9geg {
+  animation: .2s ease-out _1xil9gec;
+}
+
+._1xil9geh {
+  animation: .2s ease-out _1xil9gee;
+}
+
+._1xil9gei {
+  animation: .15s ease-in forwards _1xil9ged;
+}
+
+._1xil9gej {
+  animation: .15s ease-in forwards _1xil9gef;
+}
+
+._1xil9gek {
+  flex-shrink: 0;
+  margin-top: .125em;
+}
+
+._1xil9gel {
+  gap: var(--vinyasa-space1);
+  flex-direction: column;
+  flex-grow: 1;
+  display: flex;
+}
+
+._1xil9gem {
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  margin: 0;
+}
+
+._1xil9gen {
+  font-size: var(--vinyasa-font-size-sm);
+  margin: 0;
+}
+
+._1xil9geo {
+  color: inherit;
+  cursor: pointer;
+  opacity: .6;
+  background: none;
+  border: none;
+  flex-shrink: 0;
+  padding: 0;
+  display: inline-flex;
+}
+
+._1xil9geo:hover {
+  opacity: 1;
+}
+