@rovula/ui 0.0.15 → 0.0.17

package/dist/cjs/bundle.css

@@ -497,23 +497,39 @@ video {
     --grey-default: var(--grey-100);
     --grey-foreground: var(--white);
   
+    --info-lighter: 208 242 255;
+    --info-light: 116 202 255;
     --info-100: 41 152 255; /* #2998FF */
     --info-120: 33 122 204; /* #217ACC */
+    --info-dark: 12 83 183;
+    --info-darker: 4 41 122;
     --info-default: var(--info-100);
     --info-foreground: var(--white);
     
+    --success-lighter: 233 252 212;
+    --success-light: 170 242 127;
     --success-100: 84 214 44; /* #54D62C */
     --success-120: 67 171 35; /* #43AB23 */
+    --success-dark: 34 154 22;
+    --success-darker:8 102 13;
     --success-default: var(--success-100);
     --success-foreground: var(--white);
     
+    --warning-lighter: 255 247 205;
+    --warning-light:255 225 106;
     --warning-100: 255 193 7; /* #FFC107 */
     --warning-120: 204 154 6; /* #CC9A06 */
+    --warning-dark: 183 129 3;
+    --warning-darker: 122 79 1;
     --warning-default: var(--warning-100);
     --warning-foreground: var(--white);
     
+    --error-lighter: 255 231 217;
+    --error-light: 255 164 141;
     --error-100: 255 77 53; /* #FF4D35 */
     --error-120: 204 62 42; /* #CC3E2A */
+    --error-dark: 183 33 54;
+    --error-darker: 122 12 46;
     --error-default: var(--error-100);
     --error-foreground: var(--white);
 
@@ -880,10 +896,18 @@ video {
   width: 1.5rem;
   height: 1.5rem;
 }
+.size-7 {
+  width: 1.75rem;
+  height: 1.75rem;
+}
 .size-\[14px\] {
   width: 14px;
   height: 14px;
 }
+.size-full {
+  width: 100%;
+  height: 100%;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -1063,6 +1087,9 @@ video {
 .flex-wrap {
   flex-wrap: wrap;
 }
+.content-center {
+  align-content: center;
+}
 .items-center {
   align-items: center;
 }
@@ -1285,6 +1312,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--error-100) / var(--tw-bg-opacity));
 }
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
 .bg-gray-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -1432,6 +1463,10 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -1808,6 +1843,13 @@ 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 {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1823,6 +1865,9 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.delay-150 {
+  transition-delay: 150ms;
+}
 .duration-200 {
   transition-duration: 200ms;
 }
@@ -1974,6 +2019,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
+.hover\:bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
 .hover\:bg-info-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--info-100)) / var(--tw-bg-opacity));
@@ -2093,14 +2142,26 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus-visible\:ring:focus-visible {
+  --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);
+}
 .focus-visible\:ring-2:focus-visible {
   --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(2px + 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);
 }
+.focus-visible\:ring-gray-500:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
+}
 .focus-visible\:ring-ring:focus-visible {
   --tw-ring-color: hsl(var(--ring));
 }
+.focus-visible\:ring-opacity-75:focus-visible {
+  --tw-ring-opacity: 0.75;
+}
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }