@rotki/ui-library 2.25.1 → 2.26.0

package/dist/style.css

@@ -1064,6 +1064,9 @@ html[data-theme="dark"], html.dark {
 .z-\[10000\] {
   z-index: 10000;
 }
+.z-\[1\] {
+  z-index: 1;
+}
 .z-\[2\] {
   z-index: 2;
 }
@@ -1079,6 +1082,10 @@ html[data-theme="dark"], html.dark {
 .m-\[-1px\] {
   margin: -1px;
 }
+.-mx-1\.5 {
+  margin-left: -0.375rem;
+  margin-right: -0.375rem;
+}
 .-mx-4 {
   margin-left: -1rem;
   margin-right: -1rem;
@@ -1119,12 +1126,18 @@ html[data-theme="dark"], html.dark {
 .-mb-2 {
   margin-bottom: -0.5rem;
 }
+.-ml-1\.5 {
+  margin-left: -0.375rem;
+}
 .-ml-\[0\.5625rem\] {
   margin-left: -0.5625rem;
 }
 .-mr-1 {
   margin-right: -0.25rem;
 }
+.-mr-1\.5 {
+  margin-right: -0.375rem;
+}
 .-mt-1 {
   margin-top: -0.25rem;
 }
@@ -1330,6 +1343,9 @@ html[data-theme="dark"], html.dark {
 .max-h-full {
   max-height: 100%;
 }
+.\!min-h-7 {
+  min-height: 1.75rem !important;
+}
 .\!min-h-8 {
   min-height: 2rem !important;
 }
@@ -1620,14 +1636,6 @@ html[data-theme="dark"], html.dark {
   --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-0 {
-  --tw-rotate: 0deg !important;
-  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)) !important;
-}
-.\!rotate-180 {
-  --tw-rotate: 180deg !important;
-  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)) !important;
-}
 .-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));
@@ -1644,6 +1652,10 @@ html[data-theme="dark"], html.dark {
   --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));
 }
+.rotate-0 {
+  --tw-rotate: 0deg;
+  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));
@@ -1830,6 +1842,9 @@ html[data-theme="dark"], html.dark {
 .items-center {
   align-items: center;
 }
+.items-baseline {
+  align-items: baseline;
+}
 .justify-start {
   justify-content: flex-start;
 }
@@ -2130,6 +2145,9 @@ html[data-theme="dark"], html.dark {
 .\!border-b {
   border-bottom-width: 1px !important;
 }
+.\!border-t-0 {
+  border-top-width: 0px !important;
+}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2382,10 +2400,6 @@ html[data-theme="dark"], html.dark {
   --tw-bg-opacity: 1;
   background-color: rgb(54 54 54 / var(--tw-bg-opacity, 1));
 }
-.bg-\[\#f9fafb\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
-}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -2396,9 +2410,6 @@ html[data-theme="dark"], html.dark {
 .bg-black\/\[\.12\] {
   background-color: rgb(0 0 0 / .12);
 }
-.bg-black\/\[0\.02\] {
-  background-color: rgb(0 0 0 / 0.02);
-}
 .bg-black\/\[0\.03\] {
   background-color: rgb(0 0 0 / 0.03);
 }
@@ -2717,9 +2728,8 @@ html[data-theme="dark"], html.dark {
   padding-top: 0.19rem;
   padding-bottom: 0.19rem;
 }
-.py-\[0\.38rem\] {
-  padding-top: 0.38rem;
-  padding-bottom: 0.38rem;
+.\!pl-3 {
+  padding-left: 0.75rem !important;
 }
 .\!pt-0 {
   padding-top: 0px !important;
@@ -3065,6 +3075,9 @@ html[data-theme="dark"], html.dark {
 .opacity-20 {
   opacity: 0.2;
 }
+.opacity-30 {
+  opacity: 0.3;
+}
 .opacity-40 {
   opacity: 0.4;
 }
@@ -3996,11 +4009,6 @@ body {
   border-color: rgba(var(--rui-primary-main), var(--tw-border-opacity, 1));
 }
 
-.hover\:bg-\[\#f9fafb\]:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
-}
-
 .hover\:bg-black\/\[\.04\]:hover {
   background-color: rgb(0 0 0 / .04);
 }
@@ -4042,6 +4050,11 @@ body {
   background-color: rgba(var(--rui-grey-300), var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-rui-grey-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rui-grey-50), var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-rui-info-darker:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-info-darker), var(--tw-bg-opacity, 1));
@@ -4387,6 +4400,10 @@ body {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.group\/sort:focus-visible .group-focus-visible\/sort\:opacity-60 {
+  opacity: 0.6;
+}
+
 .peer:-webkit-autofill ~ .peer-autofill\:text-\[0\.75rem\] {
   font-size: 0.75rem;
 }
@@ -4702,14 +4719,18 @@ body {
   background-color: rgb(255 255 255 / .16);
 }
 
-.dark\:bg-white\/\[0\.02\]:is([data-theme="dark"] *) {
-  background-color: rgb(255 255 255 / 0.02);
+.dark\:bg-white\/\[0\.03\]:is([data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.03);
 }
 
 .dark\:bg-white\/\[0\.05\]:is([data-theme="dark"] *) {
   background-color: rgb(255 255 255 / 0.05);
 }
 
+.dark\:bg-white\/\[0\.08\]:is([data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.08);
+}
+
 .dark\:bg-white\/\[0\.09\]:is([data-theme="dark"] *) {
   background-color: rgb(255 255 255 / 0.09);
 }
@@ -4881,11 +4902,6 @@ body {
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
 
-.dark\:hover\:bg-\[\#121212\]:hover:is([data-theme="dark"] *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
-}
-
 .dark\:hover\:bg-gray-600:hover:is([data-theme="dark"] *) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
@@ -4932,6 +4948,10 @@ body {
   background-color: rgb(255 255 255 / .04);
 }
 
+.dark\:hover\:bg-white\/\[0\.03\]:hover:is([data-theme="dark"] *) {
+  background-color: rgb(255 255 255 / 0.03);
+}
+
 .dark\:hover\:bg-white\/\[0\.04\]:hover:is([data-theme="dark"] *) {
   background-color: rgb(255 255 255 / 0.04);
 }
@@ -5062,32 +5082,73 @@ body {
   opacity: 0;
 }
 
-.even\:\[\&\>tr\]\:bg-rui-grey-50>tr:nth-child(even) {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--rui-grey-50), var(--tw-bg-opacity, 1));
+.\[\&_input\]\:\!px-1 input {
+  padding-left: 0.25rem !important;
+  padding-right: 0.25rem !important;
 }
 
-.dark\:even\:\[\&\>tr\]\:bg-rui-grey-900>tr:nth-child(even):is([data-theme="dark"] *) {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--rui-grey-900), var(--tw-bg-opacity, 1));
+.\[\&_input\]\:\!py-1 input {
+  padding-top: 0.25rem !important;
+  padding-bottom: 0.25rem !important;
 }
 
-.\[\&_input\]\:\!pr-0 input {
-  padding-right: 0px !important;
+.\[\&_input\]\:\!py-1\.5 input {
+  padding-top: 0.375rem !important;
+  padding-bottom: 0.375rem !important;
 }
 
 .\[\&_input\]\:text-center input {
   text-align: center;
 }
 
+.\[\&_input\]\:\!text-xs input {
+  font-size: 0.75rem !important;
+  line-height: 1rem !important;
+}
+
 .\[\&_input\]\:uppercase input {
   text-transform: uppercase;
 }
 
+.\[\&_input\]\:\!leading-5 input {
+  line-height: 1.25rem !important;
+}
+
 .\[\&_label\]\:ml-0 label {
   margin-left: 0px;
 }
 
+:where(.\[\:where\(\&\)\]\:h-10) {
+  height: 2.5rem;
+}
+
+:where(.\[\:where\(\&\)\]\:h-14) {
+  height: 3.5rem;
+}
+
+:where(.\[\:where\(\&\)\]\:h-9) {
+  height: 2.25rem;
+}
+
+:where(.\[\:where\(\&\)\]\:h-\[3\.25rem\]) {
+  height: 3.25rem;
+}
+
+:where(.\[\:where\(\&\)\]\:px-4) {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+:where(.\[\:where\(\&\)\]\:py-1) {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+:where(.\[\:where\(\&\)\]\:py-3) {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
 :where(.\[\:where\(\&\)_tbody_td\]\:border-b-0) tbody td {
   border-bottom-width: 0px;
 }
@@ -5167,4 +5228,14 @@ body {
 :where(.\[\:where\(\&\)_thead_th\]\:text-rui-text-secondary) thead th {
   color: var(--rui-text-secondary);
 }
+
+:where(.\[\:where\(\&\>tr\:nth-child\(even\)\)\]\:bg-rui-grey-50>tr:nth-child(even)) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rui-grey-50), var(--tw-bg-opacity, 1));
+}
+
+:where(.dark\:\[\:where\(\&\>tr\:nth-child\(even\)\)\]\:bg-rui-grey-900>tr:nth-child(even)):is([data-theme="dark"] *) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rui-grey-900), var(--tw-bg-opacity, 1));
+}
 /*$vite$:1*/

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.25.1",
+  "version": "2.26.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -2514,6 +2514,36 @@
                 "type": "{ label?: string | undefined; description?: string | undefined; } | undefined"
               }
             },
+            {
+              "name": "error",
+              "description": "Why the last read failed. Shown above any rows kept from an earlier read,\nor in place of the empty state; `loading` still takes precedence.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "error-title",
+              "description": "Heading for that failure.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "retry-text",
+              "description": "Label for the retry control; without one, no control is offered.",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "hide-default-header",
               "description": "should hide the header navigation",
@@ -2794,6 +2824,9 @@
             {
               "name": "empty-description"
             },
+            {
+              "name": "error"
+            },
             {
               "name": "tfoot"
             }
@@ -2818,6 +2851,15 @@
                   }
                 ]
               },
+              {
+                "name": "retry",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
+              },
               {
                 "name": "update:modelValue",
                 "arguments": [
@@ -3385,7 +3427,7 @@
             },
             {
               "name": "ranges-threshold",
-              "description": "Maximum number of pages before the jump-to-page dropdown is replaced\nwith a numeric input. Set to `0` to always use the input, or a very\nlarge number to always use the dropdown. Defaults to `500` — past that\nmaterialising the full range list stalls the main thread.",
+              "description": "Maximum number of pages before the jump-to-page dropdown is replaced\nwith a numeric input. Set to `1` to use the input whenever there is more\nthan one page, or `0` to always use the dropdown. Defaults to `500`, since\npast that materialising the full range list stalls the main thread.",
               "required": false,
               "default": "500",
               "value": {
@@ -8584,6 +8626,33 @@
                 "kind": "expression",
                 "type": "{ label?: string | undefined; description?: string | undefined; }"
               }
+            },
+            {
+              "name": "error",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "error-title",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "retry-text",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "slots": [
@@ -8657,10 +8726,23 @@
             },
             {
               "name": "empty-description"
+            },
+            {
+              "name": "error"
             }
           ],
           "js": {
-            "events": []
+            "events": [
+              {
+                "name": "retry",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
+              }
+            ]
           }
         },
         {
@@ -8759,6 +8841,60 @@
             "events": []
           }
         },
+        {
+          "name": "RuiDataTableErrorRow",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableErrorRow.vue",
+            "symbol": "RuiDataTableErrorRow"
+          },
+          "attributes": [
+            {
+              "name": "message",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "title",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "retry-text",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "error"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "retry",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
+              }
+            ]
+          }
+        },
         {
           "name": "RuiDataTableExpandedRow",
           "source": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "2.25.1",
+  "version": "2.26.0",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [