npm - @rotki/ui-library - Versions diffs - 2.9.1 → 2.11.0 - Mend

@rotki/ui-library 2.9.1 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/style.css CHANGED Viewed

@@ -419,7 +419,7 @@
   --tw-contain-style:  ;
 }
 /*
-! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -801,6 +801,9 @@ video {
 .relative {
   position: relative;
 }
+.sticky {
+  position: sticky;
+}
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
@@ -1117,6 +1120,9 @@ video {
 .min-h-\[2\.26rem\] {
   min-height: 2.26rem;
 }
+.min-h-\[2\.5em\] {
+  min-height: 2.5em;
+}
 .min-h-\[2\.625rem\] {
   min-height: 2.625rem;
 }
@@ -1272,6 +1278,9 @@ video {
 .max-w-full {
   max-width: 100%;
 }
+.max-w-md {
+  max-width: 28rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1331,6 +1340,10 @@ video {
   --tw-translate-y: 100%;
   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));
 }
+.-rotate-180 {
+  --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));
+}
 .-rotate-\[135deg\] {
   --tw-rotate: -135deg;
   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));
@@ -1545,6 +1558,9 @@ video {
 .text-wrap {
   text-wrap: wrap;
 }
+.break-all {
+  word-break: break-all;
+}
 .\!rounded {
   border-radius: 0.25rem !important;
 }
@@ -1569,6 +1585,9 @@ video {
 .rounded-full {
   border-radius: 9999px;
 }
+.rounded-lg {
+  border-radius: 0.5rem;
+}
 .rounded-md {
   border-radius: 0.375rem;
 }
@@ -1652,6 +1671,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-grey-200), var(--tw-border-opacity, 1));
 }
+.border-rui-grey-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rui-grey-300), var(--tw-border-opacity, 1));
+}
 .border-rui-primary {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-primary-main), var(--tw-border-opacity, 1));
@@ -1772,6 +1795,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-success-main), var(--tw-bg-opacity, 1));
 }
+.bg-rui-success\/10 {
+  background-color: rgba(var(--rui-success-main), 0.1);
+}
 .bg-rui-success\/\[0\.5\] {
   background-color: rgba(var(--rui-success-main), 0.5);
 }
@@ -2056,6 +2082,9 @@ video {
 .leading-none {
   line-height: 1;
 }
+.leading-tight {
+  line-height: 1.25;
+}
 .text-black\/\[\.54\] {
   color: rgb(0 0 0 / .54);
 }
@@ -2418,6 +2447,9 @@ video {
     -ms-overflow-style: none; /* IE and Edge */
     scrollbar-width: none; /* Firefox */
   }
+.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(140px\2c 1fr\)\)\] {
+  grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
+}
 html,
 body,
 html * {
@@ -2441,6 +2473,11 @@ body {
   outline-offset: 2px;
 }
+.hover\:border-rui-primary:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rui-primary-main), var(--tw-border-opacity, 1));
+}
 .hover\:bg-\[\#121212\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
@@ -2514,6 +2551,12 @@ body {
   opacity: 0.8;
 }
+.hover\:shadow-sm:hover {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .hover\:brightness-110:hover {
   --tw-brightness: brightness(1.1);
   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);
@@ -2544,6 +2587,10 @@ body {
   --tw-ring-opacity: 0.5;
 }
+.focus-visible\:bg-rui-primary\/10:focus-visible {
+  background-color: rgba(var(--rui-primary-main), 0.1);
+}
 .focus-visible\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2621,6 +2668,11 @@ body {
   border-color: rgba(var(--rui-grey-800), var(--tw-divide-opacity, 1));
 }
+.dark\:border-rui-grey-700:is([data-theme="dark"] *) {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rui-grey-700), var(--tw-border-opacity, 1));
+}
 .dark\:border-rui-grey-800:is([data-theme="dark"] *) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-grey-800), var(--tw-border-opacity, 1));
@@ -2641,6 +2693,16 @@ body {
   background-color: rgba(var(--rui-grey-300), var(--tw-bg-opacity, 1));
 }
+.dark\:bg-rui-grey-800:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rui-grey-800), var(--tw-bg-opacity, 1));
+}
+.dark\:bg-rui-grey-900:is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rui-grey-900), var(--tw-bg-opacity, 1));
+}
 .dark\:bg-rui-primary:is([data-theme="dark"] *) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-primary-main), var(--tw-bg-opacity, 1));
@@ -3077,31 +3139,6 @@ to {
 ._rui-icon_z22yv_315._success_z22yv_330 {
   --tw-text-opacity: 1;
   color: rgba(var(--rui-success-main), var(--tw-text-opacity, 1));
-}._accordion_1s1ud_1 {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-._accordion_1s1ud_1._open_1s1ud_4 ._accordion__content_1s1ud_4 {
-  height: calc(var(--fcb53c98) * 1px);
-}
-._accordion_1s1ud_1._open_1s1ud_4 ._icon_1s1ud_7 {
-  --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));
-}
-._accordion__content_1s1ud_4 {
-  height: 0px;
-  width: 100%;
-  flex-grow: 1;
-  overflow: hidden;
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-._accordion_1s1ud_1 ._icon_1s1ud_7 {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
 }._wrapper_g0b28_1._has-label_g0b28_1 {
   position: relative;
   display: inline-flex;
@@ -5464,7 +5501,7 @@ to {
     background-color: rgb(46 46 46 / var(--tw-bg-opacity, 1))
 }
-.menu-container[data-v-649d1d22] {
+.menu-container[data-v-b1a30957] {
     width: 16rem;
@@ -5476,7 +5513,7 @@ to {
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
-.menu-header[data-v-649d1d22] {
+.menu-header[data-v-b1a30957] {
     display: flex;
@@ -5492,13 +5529,13 @@ to {
     color: rgb(31 41 55 / var(--tw-text-opacity, 1))
 }
-.menu-header[data-v-649d1d22]:is([data-theme="dark"] *) {
+.menu-header[data-v-b1a30957]:is([data-theme="dark"] *) {
     --tw-text-opacity: 1;
     color: rgb(229 231 235 / var(--tw-text-opacity, 1))
 }
-.menu-header[data-v-649d1d22] {
+.menu-header[data-v-b1a30957] {
     cursor: pointer;
@@ -5508,25 +5545,25 @@ to {
     border-color: rgba(var(--rui-grey-200), var(--tw-border-opacity, 1))
 }
-.menu-header[data-v-649d1d22]:hover {
+.menu-header[data-v-b1a30957]:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(var(--rui-grey-100), var(--tw-bg-opacity, 1))
 }
-.menu-header[data-v-649d1d22]:is([data-theme="dark"] *) {
+.menu-header[data-v-b1a30957]:is([data-theme="dark"] *) {
     --tw-border-opacity: 1;
     border-color: rgba(var(--rui-grey-800), var(--tw-border-opacity, 1))
 }
-.menu-header[data-v-649d1d22]:hover:is([data-theme="dark"] *) {
+.menu-header[data-v-b1a30957]:hover:is([data-theme="dark"] *) {
     --tw-bg-opacity: 1;
     background-color: rgba(var(--rui-grey-800), var(--tw-bg-opacity, 1))
 }
-.month-grid[data-v-649d1d22] {
+.month-grid[data-v-b1a30957] {
     display: grid;
@@ -5536,7 +5573,7 @@ to {
     padding: 0.5rem
 }
-.year-grid[data-v-649d1d22] {
+.year-grid[data-v-b1a30957] {
     display: grid;
@@ -6991,8 +7028,8 @@ to {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 75ms;
   --x-padding: 0px;
-  --prepend-width: var(--v2bf2f1ca);
-  --append-width: var(--v11b143ae);
+  --prepend-width: var(--ee029486);
+  --append-width: var(--v5a045972);
   padding-left: calc(var(--x-padding) + var(--prepend-width, 0px));
   padding-right: calc(var(--x-padding) + var(--append-width, 0px));
 }
@@ -7003,7 +7040,7 @@ to {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 75ms;
-  content: var(--v0604b445);
+  content: var(--v70a87b32);
 }
 ._wrapper_kdkbx_316 ._label_kdkbx_319:after {
   content: "";
@@ -7326,10 +7363,10 @@ to {
   padding-right: 0.5rem;
 }
 ._wrapper_kdkbx_316._outlined_kdkbx_337 ._input_kdkbx_331:-webkit-autofill ~ ._fieldset_kdkbx_337 legend:after {
-  content: var(--v0604b445);
+  content: var(--v70a87b32);
 }
 ._wrapper_kdkbx_316._outlined_kdkbx_337 ._input_kdkbx_331:not(:placeholder-shown) ~ ._fieldset_kdkbx_337 legend:after, ._wrapper_kdkbx_316._outlined_kdkbx_337 ._input_kdkbx_331:autofill ~ ._fieldset_kdkbx_337 legend:after, ._wrapper_kdkbx_316._outlined_kdkbx_337 ._input_kdkbx_331:-webkit-autofill ~ ._fieldset_kdkbx_337 legend:after, ._wrapper_kdkbx_316._outlined_kdkbx_337 ._input_kdkbx_331[data-has-value=true] ~ ._fieldset_kdkbx_337 legend:after, ._wrapper_kdkbx_316._outlined_kdkbx_337 ._input_kdkbx_331:focus ~ ._fieldset_kdkbx_337 legend:after {
-  content: var(--v0604b445);
+  content: var(--v70a87b32);
 }
 ._wrapper_kdkbx_316._outlined_kdkbx_337 ._fieldset_kdkbx_337{
   pointer-events: none;
@@ -7557,7 +7594,7 @@ to {
   line-height: 1rem;
 }
 ._wrapper_xauli_2 ._activator_xauli_5._float_xauli_78 ~ ._fieldset_xauli_16 legend:after {
-  content: var(--v77580221);
+  content: var(--v865c54e4);
 }
 ._wrapper_xauli_2 ._activator_xauli_5._float_xauli_78:not(._disabled_xauli_19)._opened_xauli_28 ._label_xauli_45, ._wrapper_xauli_2 ._activator_xauli_5._float_xauli_78:not(._disabled_xauli_19)._opened_xauli_28._with-value_xauli_84 ._label_xauli_45, ._wrapper_xauli_2 ._activator_xauli_5._float_xauli_78:not(._disabled_xauli_19):focus ._label_xauli_45, ._wrapper_xauli_2 ._activator_xauli_5._float_xauli_78:not(._disabled_xauli_19):focus._with-value_xauli_84 ._label_xauli_45, ._wrapper_xauli_2 ._activator_xauli_5._float_xauli_78:not(._disabled_xauli_19):focus-within ._label_xauli_45, ._wrapper_xauli_2 ._activator_xauli_5._float_xauli_78:not(._disabled_xauli_19):focus-within._with-value_xauli_84 ._label_xauli_45{
   --tw-text-opacity: 1;
@@ -7924,7 +7961,7 @@ to {
   line-height: 1rem;
 }
 ._wrapper_118qp_2 ._activator_118qp_5._float_118qp_84 ~ ._fieldset_118qp_16 legend:after {
-  content: var(--v95e55b90);
+  content: var(--a01b5b3e);
 }
 ._wrapper_118qp_2 ._activator_118qp_5._float_118qp_84._opened_118qp_28 ._label_118qp_45, ._wrapper_118qp_2 ._activator_118qp_5._float_118qp_84._opened_118qp_28._with-value_118qp_90 ._label_118qp_45, ._wrapper_118qp_2 ._activator_118qp_5._float_118qp_84:focus ._label_118qp_45, ._wrapper_118qp_2 ._activator_118qp_5._float_118qp_84:focus._with-value_118qp_90 ._label_118qp_45, ._wrapper_118qp_2 ._activator_118qp_5._float_118qp_84:focus-within ._label_118qp_45, ._wrapper_118qp_2 ._activator_118qp_5._float_118qp_84:focus-within._with-value_118qp_90 ._label_118qp_45{
   --tw-text-opacity: 1;
@@ -9116,7 +9153,7 @@ to {
   line-height: 1rem;
 }
 ._wrapper_1dvzu_2 ._activator_1dvzu_5._float_1dvzu_75 ~ ._fieldset_1dvzu_16 legend:after {
-  content: var(--v2e36bd88);
+  content: var(--ef71cdca);
 }
 ._wrapper_1dvzu_2 ._activator_1dvzu_5._float_1dvzu_75._opened_1dvzu_28 ._label_1dvzu_45, ._wrapper_1dvzu_2 ._activator_1dvzu_5._float_1dvzu_75._opened_1dvzu_28._with-value_1dvzu_81 ._label_1dvzu_45, ._wrapper_1dvzu_2 ._activator_1dvzu_5._float_1dvzu_75:focus ._label_1dvzu_45, ._wrapper_1dvzu_2 ._activator_1dvzu_5._float_1dvzu_75:focus._with-value_1dvzu_81 ._label_1dvzu_45{
   --tw-text-opacity: 1;
@@ -9836,12 +9873,12 @@ to {
   min-width: 0px;
 }
 ._wrapper_mju0y_315._vertical_mju0y_475 ._inner_mju0y_315 {
-  width: var(--v4f7b4c22);
-  height: var(--cfeab12a);
+  width: var(--v5a3a992e);
+  height: var(--ae30ee42);
   --tw-rotate: -90deg;
   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));
   transform-origin: 0 0;
-  --tw-translate-y: var(--v4f7b4c22);
+  --tw-translate-y: var(--v5a3a992e);
 }
 ._wrapper_mju0y_315._vertical_mju0y_475 ._inner_mju0y_315 ._slider__thumb_label_mju0y_491 {
   margin-top: 1.5rem;
@@ -9861,8 +9898,8 @@ to {
   flex: 1 1 0%;
 }
 ._wrapper_mju0y_315 ._inner_mju0y_315 {
-  width: var(--cfeab12a);
-  height: var(--v4f7b4c22);
+  width: var(--ae30ee42);
+  height: var(--v5a3a992e);
   position: relative;
 }
 ._wrapper_mju0y_315 ._inner_mju0y_315 ._input_mju0y_507 {
@@ -9917,7 +9954,7 @@ to {
   border-radius: 9999px;
 }
 ._wrapper_mju0y_315 ._inner_mju0y_315 ._slider__container__track_mju0y_318 {
-  width: var(--v95dfe716);
+  width: var(--b5d1a6fe);
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-delay: 0s;
@@ -9933,13 +9970,13 @@ to {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin: 0 calc(var(--v17fbd925) / -2);
-  width: calc(100% + var(--v17fbd925));
+  margin: 0 calc(var(--v22bb2631) / -2);
+  width: calc(100% + var(--v22bb2631));
 }
 ._wrapper_mju0y_315 ._inner_mju0y_315 ._slider__ticks_mju0y_324 span {
   border-radius: 9999px;
-  width: calc(var(--v17fbd925));
-  height: calc(var(--v17fbd925));
+  width: calc(var(--v22bb2631));
+  height: calc(var(--v22bb2631));
 }
 ._wrapper_mju0y_315 ._inner_mju0y_315 ._slider__ticks_mju0y_324 span._highlighted_mju0y_324 {
   --tw-bg-opacity: 1;
@@ -9962,7 +9999,7 @@ to {
   --tw-shadow: 0px 3px 1px -2px var(--rui-shadow-primary), 0px 2px 2px var(--rui-shadow-secondary), 0px 1px 5px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 3px 1px -2px var(--tw-shadow-color), 0px 2px 2px var(--tw-shadow-color), 0px 1px 5px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  left: var(--v95dfe716);
+  left: var(--b5d1a6fe);
 }
 ._wrapper_mju0y_315 ._inner_mju0y_315 ._slider__thumb_mju0y_321:before {
   position: absolute;
@@ -9983,7 +10020,7 @@ to {
   content: "";
 }
 ._wrapper_mju0y_315 ._inner_mju0y_315 ._slider__thumb_label_mju0y_491 {
-  left: var(--v95dfe716);
+  left: var(--b5d1a6fe);
   visibility: hidden;
   opacity: 0;
   position: absolute;
@@ -10931,7 +10968,7 @@ to {
 }
 ._wrapper_1xhla_316 ._textarea_1xhla_328 {
   --x-padding: 0.75rem;
-  padding-right: calc(var(--x-padding) + var(--v4d3744d2)) !important;
+  padding-right: calc(var(--x-padding) + var(--v188749d2)) !important;
 }
 ._wrapper_1xhla_316 ._textarea_sizer_1xhla_356{
   pointer-events: none !important;
@@ -10946,7 +10983,7 @@ to {
   padding-bottom: 0.5rem !important;
   padding-left: 0.75rem !important;
   padding-right: 0.75rem !important;
-  padding-right: calc(var(--x-padding) + var(--v4d3744d2)) !important;
+  padding-right: calc(var(--x-padding) + var(--v188749d2)) !important;
 }
 ._wrapper_1xhla_316 ._textarea_1xhla_328:focus{
   outline-width: 0px;
@@ -11001,8 +11038,8 @@ to {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
   --x-padding: 0rem;
-  padding-left: calc(var(--x-padding) + var(--v4f69756d));
-  padding-right: calc(var(--x-padding) + var(--v4d3744d2));
+  padding-left: calc(var(--x-padding) + var(--v16b7dedc));
+  padding-right: calc(var(--x-padding) + var(--v188749d2));
 }
 ._wrapper_1xhla_316 ._label_1xhla_316:after {
   content: "";
@@ -11289,10 +11326,10 @@ to {
   line-height: 0;
 }
 ._wrapper_1xhla_316._outlined_1xhla_334 ._textarea_1xhla_328:-webkit-autofill ~ ._fieldset_1xhla_334 legend:after {
-  content: var(--c33553d2);
+  content: var(--v41348808);
 }
 ._wrapper_1xhla_316._outlined_1xhla_334 ._textarea_1xhla_328:not(:placeholder-shown) ~ ._fieldset_1xhla_334 legend:after, ._wrapper_1xhla_316._outlined_1xhla_334 ._textarea_1xhla_328:autofill ~ ._fieldset_1xhla_334 legend:after, ._wrapper_1xhla_316._outlined_1xhla_334 ._textarea_1xhla_328:-webkit-autofill ~ ._fieldset_1xhla_334 legend:after, ._wrapper_1xhla_316._outlined_1xhla_334 ._textarea_1xhla_328[data-has-value=true] ~ ._fieldset_1xhla_334 legend:after, ._wrapper_1xhla_316._outlined_1xhla_334 ._textarea_1xhla_328:focus ~ ._fieldset_1xhla_334 legend:after {
-  content: var(--c33553d2);
+  content: var(--v41348808);
 }
 ._wrapper_1xhla_316._outlined_1xhla_334 ._fieldset_1xhla_334{
   pointer-events: none;