@rotki/ui-library 0.6.0 → 0.7.0

package/dist/components/index.d.ts

@@ -5,7 +5,9 @@ import { type Props as ButtonGroupProps, default as RuiButtonGroup } from '../co
 import { type Props as IconProps, default as RuiIcon } from '../components/icons/Icon.vue';
 import { type Props as CheckboxProps, default as RuiCheckbox } from '../components/forms/checkbox/Checkbox.vue';
 import { type Props as ChipProps, default as RuiChip } from '../components/chips/Chip.vue';
+import { type Props as DividerProps, default as RuiDivider } from '../components/divider/Divider.vue';
 import { default as RuiStepper, type Props as StepperProps } from '../components/steppers/Stepper.vue';
+import { default as RuiTextArea, type Props as TextAreaProps } from '../components/forms/text-area/TextArea.vue';
 import { default as RuiTextField, type TextFieldProps } from '../components/forms/text-field/TextField.vue';
 import { default as RuiTooltip, type Props as TooltipProps } from '../components/overlays/tooltip/Tooltip.vue';
 import { type Props as BadgeProps, default as RuiBadge } from '../components/overlays/badge/Badge.vue';
@@ -13,7 +15,7 @@ import { type Props as DialogProps, default as RuiDialog } from '../components/o
 import { type Props as FooterStepperProps, default as RuiFooterStepper } from '../components/steppers/FooterStepper.vue';
 import { type Props as ProgressProps, default as RuiProgress } from '../components/progress/Progress.vue';
 import { type Props as RadioGroupProps, default as RuiRadioGroup } from '../components/forms/radio-button/radio-group/RadioGroup.vue';
-import { type Props as RadioProps, default as RuiRadio } from '../components/forms/radio-button/radio/Radio.vue';
+import { type RadioProps as RadioProps, default as RuiRadio } from '../components/forms/radio-button/radio/Radio.vue';
 import { type Props as RevealableTextFieldProps, default as RuiRevealableTextField } from '../components/forms/revealable-text-field/RevealableTextField.vue';
 import { type Props as LogoProps, default as RuiLogo } from '../components/logos/Logo.vue';
 import { default as RuiSimpleSelect, type Props as SimpleSelectProps } from '../components/forms/select/SimpleSelect.vue';
@@ -25,4 +27,5 @@ import { default as RuiTabs, type Props as TabsProps } from '../components/tabs/
 import { default as RuiTab, type Props as TabProps } from '../components/tabs/tab/Tab.vue';
 import { default as RuiTabItems, type Props as TabItemsProps } from '../components/tabs/tab-items/TabItems.vue';
 import { default as RuiTabItem, type Props as TabItemProps } from '../components/tabs/tab-item/TabItem.vue';
-export { RuiAlert, RuiAutoComplete, RuiBadge, RuiButton, RuiButtonGroup, RuiCheckbox, RuiChip, RuiFooterStepper, RuiIcon, RuiLogo, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiStepper, RuiTextField, RuiTooltip, RuiDataTable, RuiSimpleSelect, RuiDialog, RuiCard, RuiCardHeader, RuiTabs, RuiTab, RuiTabItems, RuiTabItem, RuiTablePagination, AutoCompleteProps, ChipProps, TooltipProps, SimpleSelectProps, DataTableProps, DataTableColumn, DataTableSortColumn, DataTableOptions, TablePaginationData, DialogProps, ButtonProps, ButtonGroupProps, CardProps, CardHeaderProps, BadgeProps, AlertProps, CheckboxProps, ProgressProps, RadioGroupProps, RadioProps, LogoProps, StepperProps, TextFieldProps, IconProps, FooterStepperProps, TabsProps, TabProps, TabItemsProps, TabItemProps, TablePaginationProps, RevealableTextFieldProps, };
+import { default as RuiSkeletonLoader, type Props as SkeletonLoaderProps } from '../components/loaders/Skeleton.vue';
+export { RuiAlert, RuiAutoComplete, RuiBadge, RuiButton, RuiButtonGroup, RuiCheckbox, RuiChip, RuiFooterStepper, RuiIcon, RuiLogo, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiStepper, RuiTextField, RuiTooltip, RuiDataTable, RuiSimpleSelect, RuiDialog, RuiCard, RuiCardHeader, RuiTabs, RuiTab, RuiTabItems, RuiTabItem, RuiTablePagination, RuiSkeletonLoader, RuiTextArea, RuiDivider, AutoCompleteProps, ChipProps, TooltipProps, SimpleSelectProps, DataTableProps, DataTableColumn, DataTableSortColumn, DataTableOptions, TablePaginationData, DialogProps, ButtonProps, ButtonGroupProps, CardProps, CardHeaderProps, BadgeProps, AlertProps, CheckboxProps, ProgressProps, RadioGroupProps, RadioProps, LogoProps, StepperProps, TextFieldProps, IconProps, FooterStepperProps, TabsProps, TabProps, TabItemsProps, TabItemProps, TablePaginationProps, RevealableTextFieldProps, SkeletonLoaderProps, DividerProps, TextAreaProps, };

package/dist/components/index.es.js

@@ -1,37 +1,40 @@
-import { A as p, a as l, R as m, B as T, b, k as d, l as g, C as n, c as C, D as c, j as x, F as B, I as F, _ as I, P as S, d as h, e as A, f as D, i as P, g as f, n as k, p as G, o as j, q, m as v, h as H, T as L } from "../index-2e3eeb1f.js";
+import { A as p, a as l, R as m, B as d, b as T, k as b, l as n, C as g, c as C, D as x, j as S, t as c, F as A, I as B, _ as D, P as F, d as I, e as h, f as k, i as P, r as f, g as v, n as G, p as L, o as j, q, m as H, s as _, h as w, T as y } from "../index-Q2a5R3OH.js";
 import "vue";
 import "@vueuse/shared";
-import "../index-393a0e94.js";
+import "../index-W2poXQa4.js";
 import "../all-icons.es.js";
 import "@vueuse/core";
-import "../colors-01d79c7b.js";
+import "../colors-ikihApJv.js";
 import "vue-router";
 export {
   p as RuiAlert,
   l as RuiAutoComplete,
   m as RuiBadge,
-  T as RuiButton,
-  b as RuiButtonGroup,
-  d as RuiCard,
-  g as RuiCardHeader,
-  n as RuiCheckbox,
+  d as RuiButton,
+  T as RuiButtonGroup,
+  b as RuiCard,
+  n as RuiCardHeader,
+  g as RuiCheckbox,
   C as RuiChip,
-  c as RuiDataTable,
-  x as RuiDialog,
-  B as RuiFooterStepper,
-  F as RuiIcon,
-  I as RuiLogo,
-  S as RuiProgress,
-  h as RuiRadio,
-  A as RuiRadioGroup,
-  D as RuiRevealableTextField,
+  x as RuiDataTable,
+  S as RuiDialog,
+  c as RuiDivider,
+  A as RuiFooterStepper,
+  B as RuiIcon,
+  D as RuiLogo,
+  F as RuiProgress,
+  I as RuiRadio,
+  h as RuiRadioGroup,
+  k as RuiRevealableTextField,
   P as RuiSimpleSelect,
-  f as RuiStepper,
-  k as RuiTab,
-  G as RuiTabItem,
+  f as RuiSkeletonLoader,
+  v as RuiStepper,
+  G as RuiTab,
+  L as RuiTabItem,
   j as RuiTabItems,
   q as RuiTablePagination,
-  v as RuiTabs,
-  H as RuiTextField,
-  L as RuiTooltip
+  H as RuiTabs,
+  _ as RuiTextArea,
+  w as RuiTextField,
+  y as RuiTooltip
 };

package/dist/components/loaders/Skeleton.vue.d.ts

@@ -0,0 +1,27 @@
+import { type Props as SkeletonBaseProps } from '../../components/loaders/SkeletonBase.vue';
+export interface Props extends SkeletonBaseProps {
+    type?: 'text' | 'paragraph' | 'heading' | 'article' | 'button' | 'icon' | 'avatar' | 'thumbnail' | 'custom';
+}
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: globalThis.PropType<"article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail">;
+        default: string;
+    };
+    rounded: {
+        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+    type: {
+        type: globalThis.PropType<"article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail">;
+        default: string;
+    };
+    rounded: {
+        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        default: undefined;
+    };
+}>>, {
+    type: "article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail";
+    rounded: "none" | "sm" | "lg" | "md" | "full";
+}, {}>;
+export default _default;

package/dist/components/loaders/SkeletonBase.vue.d.ts

@@ -0,0 +1,17 @@
+export interface Props {
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+}
+declare const _default: import("vue").DefineComponent<{
+    rounded: {
+        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+    rounded: {
+        type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
+        default: undefined;
+    };
+}>>, {
+    rounded: "none" | "sm" | "lg" | "md" | "full";
+}, {}>;
+export default _default;

package/dist/components/logos/Logo.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     text: {
         type: globalThis.PropType<boolean>;
         default: boolean;

package/dist/components/overlays/badge/Badge.vue.d.ts

@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string | number>;
         default: number;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
         default: string;

package/dist/components/overlays/dialog/Dialog.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     size: {
         type: globalThis.PropType<"sm" | "lg" | "md">;
         default: string;

package/dist/components/overlays/tooltip/Tooltip.vue.d.ts

@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     text: {
         type: globalThis.PropType<string | null>;
         default: null;

package/dist/components/progress/Progress.vue.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string | number>;
         default: number;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     value: {
         type: globalThis.PropType<number>;
         default: number;

package/dist/components/steppers/FooterStepper.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     variant: {
         type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
         default: string;

package/dist/components/steppers/Stepper.vue.d.ts

@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     orientation: {
         type: globalThis.PropType<StepperOrientation>;
         default: "horizontal";

package/dist/components/steppers/StepperCustomIcon.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<number>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     state: {
         type: globalThis.PropType<StepperState>;
         default: "inactive";

package/dist/components/steppers/StepperIcon.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<number>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     state: {
         type: globalThis.PropType<StepperState>;
         default: "inactive";

package/dist/components/tables/TablePagination.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: TablePaginationData) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     loading: {
         type: globalThis.PropType<boolean>;
         default: boolean;

package/dist/components/tabs/tab/Tab.vue.d.ts

@@ -64,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (tabValue: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;

package/dist/components/tabs/tab-item/TabItem.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     reverse: {
         type: globalThis.PropType<boolean>;
         default: boolean;

package/dist/components/tabs/tab-items/TabItems.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string | number>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
         type: globalThis.PropType<string | number>;
         default: undefined;

package/dist/components/tabs/tabs/Tabs.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: string | number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
         default: undefined;

package/dist/composables/index.es.js

@@ -1,9 +1,9 @@
-import { u as s, a } from "../index-393a0e94.js";
+import { u as s, a } from "../index-W2poXQa4.js";
 import "../all-icons.es.js";
 import "@vueuse/core";
 import "vue";
 import "@vueuse/shared";
-import "../colors-01d79c7b.js";
+import "../colors-ikihApJv.js";
 export {
   s as useIcons,
   a as useRotkiTheme

package/dist/composables/popper.d.ts

@@ -1,7 +1,7 @@
 import { type VirtualElement } from '@popperjs/core/lib/popper-lite';
 import { type MaybeElement } from '@vueuse/core';
-import type { Instance, Placement, PositioningStrategy } from '@popperjs/core';
 import type { Ref } from 'vue';
+import type { Instance, Placement, PositioningStrategy } from '@popperjs/core';
 export interface PopperOptions {
     locked?: boolean;
     overflowPadding?: number;