@rovula/ui 0.0.22 → 0.0.24

package/dist/cjs/bundle.css

@@ -628,10 +628,18 @@ body {
 .m-0{
   margin: 0px;
 }
+.-mx-2{
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
 .mx-auto{
   margin-left: auto;
   margin-right: auto;
 }
+.my-2{
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .ml-2{
   margin-left: 0.5rem;
 }
@@ -641,6 +649,9 @@ body {
 .ml-4{
   margin-left: 1rem;
 }
+.ml-auto{
+  margin-left: auto;
+}
 .mr-2{
   margin-right: 0.5rem;
 }
@@ -800,6 +811,9 @@ body {
 .h-full{
   height: 100%;
 }
+.h-px{
+  height: 1px;
+}
 .h-screen{
   height: 100vh;
 }
@@ -812,6 +826,9 @@ body {
 .w-10{
   width: 2.5rem;
 }
+.w-2{
+  width: 0.5rem;
+}
 .w-4{
   width: 1rem;
 }
@@ -860,6 +877,9 @@ body {
 .min-w-72{
   min-width: 18rem;
 }
+.min-w-\[154px\]{
+  min-width: 154px;
+}
 .max-w-lg{
   max-width: 32rem;
 }
@@ -905,6 +925,9 @@ body {
 .animate-spin{
   animation: spin 1s linear infinite;
 }
+.cursor-default{
+  cursor: default;
+}
 .cursor-pointer{
   cursor: pointer;
 }
@@ -1275,6 +1298,15 @@ body {
 .bg-\[rgb\(var\(--navbar-bg-color\)\)\]{
   background-color: rgb(var(--navbar-bg-color));
 }
+.bg-\[var\(--dropdown-menu-default-bg\)\]{
+  background-color: var(--dropdown-menu-default-bg);
+}
+.bg-\[var\(--dropdown-menu-selected-bg\)\]{
+  background-color: var(--dropdown-menu-selected-bg);
+}
+.bg-\[var\(--dropdown-menu-seperator-bg\)\]{
+  background-color: var(--dropdown-menu-seperator-bg);
+}
 .bg-action-button-icon-active{
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--action-button-icon-active-bg) calc(100% * var(--tw-bg-opacity)), transparent);
@@ -1616,6 +1648,10 @@ body {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-2{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .px-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1668,6 +1704,10 @@ body {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
+.py-1\.5{
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
 .py-14{
   padding-top: 3.5rem;
   padding-bottom: 3.5rem;
@@ -1726,6 +1766,18 @@ body {
 .pe-\[72px\]{
   padding-inline-end: 72px;
 }
+.pl-8{
+  padding-left: 2rem;
+}
+.pl-9{
+  padding-left: 2.25rem;
+}
+.pr-4{
+  padding-right: 1rem;
+}
+.pr-xxl{
+  padding-right: var(--spacing-spacing-xxl);
+}
 .ps-11{
   padding-inline-start: 2.75rem;
 }
@@ -1756,6 +1808,9 @@ body {
 .align-middle{
   vertical-align: middle;
 }
+.font-poppins{
+  font-family: Poppins, sans-serif;
+}
 .text-body1{
   font-size: var(--body1-size, 16px);
   line-height: var(--body1-line-height, 20px);
@@ -1855,6 +1910,21 @@ body {
   line-height: var(--small5-line-height, 12px);
   font-weight: var(--small5-weight, 500);
 }
+.text-small6{
+  font-size: var(--small5-size, 10px);
+  line-height: var(--small6-line-height, 12px);
+  font-weight: var(--small6-weight, 600);
+}
+.text-small7{
+  font-size: var(--small7-size, 8px);
+  line-height: var(--small7-line-height, 10px);
+  font-weight: var(--small7-weight, 600);
+}
+.text-small8{
+  font-size: var(--small8-size, 8px);
+  line-height: var(--small8-line-height, 10px);
+  font-weight: var(--small8-weight, 700);
+}
 .text-subtitile1{
   font-size: var(--subtitle1-size, 16px);
   line-height: var(--subtitle1-line-height, 24px);
@@ -1889,6 +1959,10 @@ body {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
+.text-xs{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
 .font-bold{
   font-weight: 700;
 }
@@ -1907,6 +1981,9 @@ body {
 .tracking-tight{
   letter-spacing: -0.025em;
 }
+.tracking-widest{
+  letter-spacing: 0.1em;
+}
 .\!text-primary-foreground{
   --tw-text-opacity: 1 !important;
   color: color-mix(in srgb, var(--primary-foreground) calc(100% * var(--tw-text-opacity)), transparent) !important;
@@ -1914,6 +1991,12 @@ body {
 .text-\[rgb\(var\(--navbar-text-color\)\)\]{
   color: rgb(var(--navbar-text-color));
 }
+.text-\[var\(--dropdown-menu-default-text\)\]{
+  color: var(--dropdown-menu-default-text);
+}
+.text-\[var\(--dropdown-menu-selected-text\)\]{
+  color: var(--dropdown-menu-selected-text);
+}
 .text-\[var\(--loading-process-color\)\]{
   color: var(--loading-process-color);
 }
@@ -2159,9 +2242,17 @@ body {
 .caret-primary{
   caret-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
 }
+.opacity-60{
+  opacity: 0.6;
+}
 .opacity-70{
   opacity: 0.7;
 }
+.shadow-\[0px_2px_24px_0px_rgba\(145\2c _158\2c _171\2c _0\.24\)\]{
+  --tw-shadow: 0px 2px 24px 0px rgba(145, 158, 171, 0.24);
+  --tw-shadow-colored: 0px 2px 24px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-lg{
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2172,6 +2263,10 @@ body {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[var\(--dropdown-menu-shadow\)\]{
+  --tw-shadow-color: var(--dropdown-menu-shadow);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .outline-none{
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2369,6 +2464,21 @@ body {
   line-height: var(--small5-line-height, 12px);
   font-weight: var(--small5-weight, 500);
 }
+.typography-small6{
+  font-size: var(--small5-size, 10px);
+  line-height: var(--small6-line-height, 12px);
+  font-weight: var(--small6-weight, 600);
+}
+.typography-small7{
+  font-size: var(--small7-size, 8px);
+  line-height: var(--small7-line-height, 10px);
+  font-weight: var(--small7-weight, 600);
+}
+.typography-small8{
+  font-size: var(--small8-size, 8px);
+  line-height: var(--small8-line-height, 10px);
+  font-weight: var(--small8-weight, 700);
+}
 .typography-label1{
   font-size: var(--label-label1-size, 12px);
   line-height: var(--label-label1-line-height, 12px);
@@ -2874,6 +2984,13 @@ body {
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--input-color-default-stroke) calc(100% * var(--tw-border-opacity)), transparent);
 }
+.focus\:\!bg-\[var\(--dropdown-menu-hover-bg\)\]:focus{
+  background-color: var(--dropdown-menu-hover-bg) !important;
+}
+.focus\:bg-primary:focus{
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * var(--tw-bg-opacity)), transparent);
+}
 .focus\:pe-10:focus{
   padding-inline-end: 2.5rem;
 }
@@ -2883,6 +3000,9 @@ body {
 .focus\:pe-8:focus{
   padding-inline-end: 2rem;
 }
+.focus\:\!text-\[var\(--dropdown-menu-hover-text\)\]:focus{
+  color: var(--dropdown-menu-hover-text) !important;
+}
 .focus\:text-input-filled-text:focus{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity)), transparent);
@@ -3363,6 +3483,9 @@ body {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--text-dark) calc(100% * var(--tw-text-opacity)), transparent);
 }
+.active\:opacity-75:active{
+  opacity: 0.75;
+}
 .active\:ring-input-disable-stroke:active{
   --tw-ring-opacity: 1;
   --tw-ring-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-ring-opacity)), transparent);
@@ -3812,6 +3935,9 @@ body {
 .peer:disabled ~ .peer-disabled\:opacity-70{
   opacity: 0.7;
 }
+.data-\[disabled\]\:pointer-events-none[data-disabled]{
+  pointer-events: none;
+}
 .data-\[state\=checked\]\:translate-x-4[data-state=checked]{
   --tw-translate-x: 1rem;
   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));
@@ -3908,6 +4034,9 @@ body {
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * var(--tw-border-opacity)), transparent);
 }
+.data-\[disabled\]\:\!bg-\[var\(--dropdown-menu-disabled-bg\)\][data-disabled]{
+  background-color: var(--dropdown-menu-disabled-bg) !important;
+}
 .data-\[loading\=true\]\:bg-button-error-flat-active[data-loading=true]{
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--button-error-flat-active-bg) calc(100% * var(--tw-bg-opacity)), transparent);
@@ -3992,6 +4121,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--button-warning-solid-active-bg) calc(100% * var(--tw-bg-opacity)), transparent);
 }
+.data-\[state\=\'checked\'\]\:bg-\[var\(--dropdown-menu-selected-bg\)\][data-state='checked']{
+  background-color: var(--dropdown-menu-selected-bg);
+}
 .data-\[state\=checked\]\:bg-primary[data-state=checked]{
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * var(--tw-bg-opacity)), transparent);
@@ -4077,6 +4209,9 @@ body {
 .data-\[loading\=true\]\:fill-button-warning-solid-active[data-loading=true]{
   fill: color-mix(in srgb, var(--button-warning-solid-active-text) calc(100% * 1), transparent);
 }
+.data-\[disabled\]\:\!text-\[var\(--dropdown-menu-disabled-text\)\][data-disabled]{
+  color: var(--dropdown-menu-disabled-text) !important;
+}
 .data-\[loading\=true\]\:text-button-error-flat-active[data-loading=true]{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--button-error-flat-active-text) calc(100% * var(--tw-text-opacity)), transparent);
@@ -4161,6 +4296,9 @@ body {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--button-warning-solid-active-text) calc(100% * var(--tw-text-opacity)), transparent);
 }
+.data-\[state\=\'checked\'\]\:text-\[var\(--dropdown-menu-selected-text\)\][data-state='checked']{
+  color: var(--dropdown-menu-selected-text);
+}
 .data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--primary-foreground) calc(100% * var(--tw-text-opacity)), transparent);
@@ -4169,6 +4307,11 @@ body {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--primary-foreground) calc(100% * var(--tw-text-opacity)), transparent);
 }
+.data-\[state\=\'checked\'\]\:typography-subtitile5[data-state='checked']{
+  font-size: var(--subtitle5-size, 14px);
+  line-height: var(--subtitle5-line-height, 22px);
+  font-weight: var(--subtitle5-weight, 500);
+}
 @media (min-width: 640px){
 
   .sm\:mt-0{