@rotki/ui-library 0.6.0 → 0.8.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 (56) hide show
  1. package/README.md +11 -8
  2. package/dist/all-icons.d.ts +82 -21
  3. package/dist/all-icons.es.js +4996 -4752
  4. package/dist/components/alerts/Alert.vue.d.ts +10 -10
  5. package/dist/components/buttons/button/Button.vue.d.ts +1 -0
  6. package/dist/components/buttons/button-group/ButtonGroup.vue.d.ts +1 -0
  7. package/dist/components/cards/Card.vue.d.ts +21 -1
  8. package/dist/components/cards/CardHeader.vue.d.ts +1 -1
  9. package/dist/components/chips/Chip.vue.d.ts +55 -15
  10. package/dist/components/divider/Divider.vue.d.ts +17 -0
  11. package/dist/components/forms/auto-complete/AutoComplete.vue.d.ts +25 -25
  12. package/dist/components/forms/auto-complete/AutoCompleteSelection.vue.d.ts +1 -1
  13. package/dist/components/forms/checkbox/Checkbox.vue.d.ts +36 -16
  14. package/dist/components/forms/radio-button/radio/Radio.vue.d.ts +37 -17
  15. package/dist/components/forms/radio-button/radio-group/RadioGroup.vue.d.ts +63 -12
  16. package/dist/components/forms/revealable-text-field/RevealableTextField.vue.d.ts +52 -43
  17. package/dist/components/forms/select/SimpleSelect.vue.d.ts +1 -1
  18. package/dist/components/forms/text-area/TextArea.vue.d.ts +233 -0
  19. package/dist/components/forms/text-field/TextField.vue.d.ts +59 -47
  20. package/dist/components/helpers/FormTextDetail.vue.d.ts +32 -0
  21. package/dist/components/icons/Icon.vue.d.ts +1 -1
  22. package/dist/components/index.d.ts +6 -2
  23. package/dist/components/index.es.js +28 -24
  24. package/dist/components/loaders/Skeleton.vue.d.ts +27 -0
  25. package/dist/components/loaders/SkeletonBase.vue.d.ts +17 -0
  26. package/dist/components/logos/Logo.vue.d.ts +1 -1
  27. package/dist/components/overlays/badge/Badge.vue.d.ts +4 -4
  28. package/dist/components/overlays/dialog/Dialog.vue.d.ts +1 -1
  29. package/dist/components/overlays/tooltip/Tooltip.vue.d.ts +1 -1
  30. package/dist/components/progress/Progress.vue.d.ts +1 -1
  31. package/dist/components/steppers/FooterStepper.vue.d.ts +1 -1
  32. package/dist/components/steppers/Stepper.vue.d.ts +1 -1
  33. package/dist/components/steppers/StepperCustomIcon.vue.d.ts +1 -1
  34. package/dist/components/steppers/StepperIcon.vue.d.ts +1 -1
  35. package/dist/components/tables/DataTable.vue.d.ts +47 -2
  36. package/dist/components/tables/ExpandButton.vue.d.ts +34 -0
  37. package/dist/components/tables/TablePagination.vue.d.ts +1 -1
  38. package/dist/components/tabs/tab/Tab.vue.d.ts +1 -1
  39. package/dist/components/tabs/tab-item/TabItem.vue.d.ts +1 -1
  40. package/dist/components/tabs/tab-items/TabItems.vue.d.ts +1 -1
  41. package/dist/components/tabs/tabs/Tabs.vue.d.ts +1 -1
  42. package/dist/composables/defaults/table.d.ts +9 -0
  43. package/dist/composables/index.es.js +2 -2
  44. package/dist/composables/popper.d.ts +1 -1
  45. package/dist/composables/sticky-header.d.ts +9 -0
  46. package/dist/index-2YbRDW3N.js +6333 -0
  47. package/dist/{index-393a0e94.js → index-W2poXQa4.js} +1 -1
  48. package/dist/index.d.ts +12 -2
  49. package/dist/index.es.js +2578 -2505
  50. package/dist/style.css +1 -1
  51. package/dist/theme/index.es.js +1 -1
  52. package/dist/utils/form-text-detail.d.ts +8 -0
  53. package/dist/utils/helpers.d.ts +27 -0
  54. package/package.json +39 -39
  55. package/dist/index-2e3eeb1f.js +0 -5701
  56. /package/dist/{colors-01d79c7b.js → colors-ikihApJv.js} +0 -0
@@ -6,26 +6,31 @@ export interface TextFieldProps {
6
6
  placeholder?: string;
7
7
  disabled?: boolean;
8
8
  variant?: 'default' | 'filled' | 'outlined';
9
- color?: 'grey' | ContextColorsType;
10
- textColor?: 'grey' | ContextColorsType;
9
+ color?: ContextColorsType;
10
+ textColor?: ContextColorsType;
11
11
  dense?: boolean;
12
12
  hint?: string;
13
13
  as?: string | object;
14
- errorMessages?: string[];
15
- successMessages?: string[];
14
+ errorMessages?: string | string[];
15
+ successMessages?: string | string[];
16
16
  hideDetails?: boolean;
17
17
  prependIcon?: RuiIcons;
18
18
  appendIcon?: RuiIcons;
19
19
  readonly?: boolean;
20
+ clearable?: boolean;
20
21
  }
21
22
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
23
+ readonly: {
24
+ type: globalThis.PropType<boolean>;
25
+ default: boolean;
26
+ };
22
27
  variant: {
23
28
  type: globalThis.PropType<"default" | "outlined" | "filled">;
24
29
  default: string;
25
30
  };
26
31
  color: {
27
- type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
28
- default: string;
32
+ type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
33
+ default: undefined;
29
34
  };
30
35
  label: {
31
36
  type: globalThis.PropType<string>;
@@ -39,38 +44,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
39
44
  type: globalThis.PropType<boolean>;
40
45
  default: boolean;
41
46
  };
42
- readonly: {
43
- type: globalThis.PropType<boolean>;
44
- default: boolean;
47
+ errorMessages: {
48
+ type: globalThis.PropType<string | string[]>;
49
+ default: () => never[];
50
+ };
51
+ successMessages: {
52
+ type: globalThis.PropType<string | string[]>;
53
+ default: () => never[];
54
+ };
55
+ hint: {
56
+ type: globalThis.PropType<string>;
57
+ default: string;
45
58
  };
46
59
  modelValue: {
47
60
  type: globalThis.PropType<string>;
48
61
  default: string;
49
62
  };
50
63
  textColor: {
51
- type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
64
+ type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
52
65
  default: undefined;
53
66
  };
54
67
  dense: {
55
68
  type: globalThis.PropType<boolean>;
56
69
  default: boolean;
57
70
  };
58
- hint: {
59
- type: globalThis.PropType<string>;
60
- default: string;
61
- };
62
71
  as: {
63
72
  type: globalThis.PropType<string | object>;
64
73
  default: string;
65
74
  };
66
- errorMessages: {
67
- type: globalThis.PropType<string[]>;
68
- default: () => never[];
69
- };
70
- successMessages: {
71
- type: globalThis.PropType<string[]>;
72
- default: () => never[];
73
- };
74
75
  hideDetails: {
75
76
  type: globalThis.PropType<boolean>;
76
77
  default: boolean;
@@ -83,19 +84,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
83
84
  type: globalThis.PropType<RuiIcons>;
84
85
  default: undefined;
85
86
  };
87
+ clearable: {
88
+ type: globalThis.PropType<boolean>;
89
+ default: boolean;
90
+ };
86
91
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
87
92
  "update:modelValue": (modelValue: string) => void;
88
93
  "focus-input": (event: Event) => void;
89
94
  blur: (event: Event) => void;
90
95
  remove: (value: unknown) => void;
91
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
96
+ clear: () => void;
97
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
98
+ readonly: {
99
+ type: globalThis.PropType<boolean>;
100
+ default: boolean;
101
+ };
92
102
  variant: {
93
103
  type: globalThis.PropType<"default" | "outlined" | "filled">;
94
104
  default: string;
95
105
  };
96
106
  color: {
97
- type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
98
- default: string;
107
+ type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
108
+ default: undefined;
99
109
  };
100
110
  label: {
101
111
  type: globalThis.PropType<string>;
@@ -109,38 +119,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
109
119
  type: globalThis.PropType<boolean>;
110
120
  default: boolean;
111
121
  };
112
- readonly: {
113
- type: globalThis.PropType<boolean>;
114
- default: boolean;
122
+ errorMessages: {
123
+ type: globalThis.PropType<string | string[]>;
124
+ default: () => never[];
125
+ };
126
+ successMessages: {
127
+ type: globalThis.PropType<string | string[]>;
128
+ default: () => never[];
129
+ };
130
+ hint: {
131
+ type: globalThis.PropType<string>;
132
+ default: string;
115
133
  };
116
134
  modelValue: {
117
135
  type: globalThis.PropType<string>;
118
136
  default: string;
119
137
  };
120
138
  textColor: {
121
- type: globalThis.PropType<"grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success">;
139
+ type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
122
140
  default: undefined;
123
141
  };
124
142
  dense: {
125
143
  type: globalThis.PropType<boolean>;
126
144
  default: boolean;
127
145
  };
128
- hint: {
129
- type: globalThis.PropType<string>;
130
- default: string;
131
- };
132
146
  as: {
133
147
  type: globalThis.PropType<string | object>;
134
148
  default: string;
135
149
  };
136
- errorMessages: {
137
- type: globalThis.PropType<string[]>;
138
- default: () => never[];
139
- };
140
- successMessages: {
141
- type: globalThis.PropType<string[]>;
142
- default: () => never[];
143
- };
144
150
  hideDetails: {
145
151
  type: globalThis.PropType<boolean>;
146
152
  default: boolean;
@@ -153,28 +159,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
153
159
  type: globalThis.PropType<RuiIcons>;
154
160
  default: undefined;
155
161
  };
162
+ clearable: {
163
+ type: globalThis.PropType<boolean>;
164
+ default: boolean;
165
+ };
156
166
  }>> & {
157
167
  onBlur?: ((event: Event) => any) | undefined;
158
168
  "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
159
169
  "onFocus-input"?: ((event: Event) => any) | undefined;
160
170
  onRemove?: ((value: unknown) => any) | undefined;
171
+ onClear?: (() => any) | undefined;
161
172
  }, {
173
+ readonly: boolean;
162
174
  variant: "default" | "outlined" | "filled";
163
- color: "grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success";
175
+ color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
164
176
  label: string;
165
177
  placeholder: string;
166
178
  disabled: boolean;
167
- readonly: boolean;
179
+ errorMessages: string | string[];
180
+ successMessages: string | string[];
181
+ hint: string;
168
182
  modelValue: string;
169
- textColor: "grey" | "primary" | "secondary" | "error" | "warning" | "info" | "success";
183
+ textColor: "primary" | "secondary" | "error" | "warning" | "info" | "success";
170
184
  dense: boolean;
171
- hint: string;
172
185
  as: string | object;
173
- errorMessages: string[];
174
- successMessages: string[];
175
186
  hideDetails: boolean;
176
187
  prependIcon: RuiIcons;
177
188
  appendIcon: RuiIcons;
189
+ clearable: boolean;
178
190
  }, {}>, {
179
191
  prepend?(_: {}): any;
180
192
  append?(_: {}): any;
@@ -0,0 +1,32 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ errorMessages: {
3
+ type: globalThis.PropType<string | string[]>;
4
+ default: () => never[];
5
+ };
6
+ successMessages: {
7
+ type: globalThis.PropType<string | string[]>;
8
+ default: () => never[];
9
+ };
10
+ hint: {
11
+ type: globalThis.PropType<string>;
12
+ default: string;
13
+ };
14
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
15
+ errorMessages: {
16
+ type: globalThis.PropType<string | string[]>;
17
+ default: () => never[];
18
+ };
19
+ successMessages: {
20
+ type: globalThis.PropType<string | string[]>;
21
+ default: () => never[];
22
+ };
23
+ hint: {
24
+ type: globalThis.PropType<string>;
25
+ default: string;
26
+ };
27
+ }>>, {
28
+ errorMessages: string | string[];
29
+ successMessages: string | string[];
30
+ hint: string;
31
+ }, {}>;
32
+ export default _default;
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
18
18
  type: globalThis.PropType<string | number>;
19
19
  default: number;
20
20
  };
21
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
21
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
22
22
  name: {
23
23
  type: globalThis.PropType<RuiIcons>;
24
24
  required: true;
@@ -5,7 +5,9 @@ import { type Props as ButtonGroupProps, default as RuiButtonGroup } from '../co
5
5
  import { type Props as IconProps, default as RuiIcon } from '../components/icons/Icon.vue';
6
6
  import { type Props as CheckboxProps, default as RuiCheckbox } from '../components/forms/checkbox/Checkbox.vue';
7
7
  import { type Props as ChipProps, default as RuiChip } from '../components/chips/Chip.vue';
8
+ import { type Props as DividerProps, default as RuiDivider } from '../components/divider/Divider.vue';
8
9
  import { default as RuiStepper, type Props as StepperProps } from '../components/steppers/Stepper.vue';
10
+ import { default as RuiTextArea, type Props as TextAreaProps } from '../components/forms/text-area/TextArea.vue';
9
11
  import { default as RuiTextField, type TextFieldProps } from '../components/forms/text-field/TextField.vue';
10
12
  import { default as RuiTooltip, type Props as TooltipProps } from '../components/overlays/tooltip/Tooltip.vue';
11
13
  import { type Props as BadgeProps, default as RuiBadge } from '../components/overlays/badge/Badge.vue';
@@ -13,11 +15,12 @@ import { type Props as DialogProps, default as RuiDialog } from '../components/o
13
15
  import { type Props as FooterStepperProps, default as RuiFooterStepper } from '../components/steppers/FooterStepper.vue';
14
16
  import { type Props as ProgressProps, default as RuiProgress } from '../components/progress/Progress.vue';
15
17
  import { type Props as RadioGroupProps, default as RuiRadioGroup } from '../components/forms/radio-button/radio-group/RadioGroup.vue';
16
- import { type Props as RadioProps, default as RuiRadio } from '../components/forms/radio-button/radio/Radio.vue';
18
+ import { type RadioProps as RadioProps, default as RuiRadio } from '../components/forms/radio-button/radio/Radio.vue';
17
19
  import { type Props as RevealableTextFieldProps, default as RuiRevealableTextField } from '../components/forms/revealable-text-field/RevealableTextField.vue';
18
20
  import { type Props as LogoProps, default as RuiLogo } from '../components/logos/Logo.vue';
19
21
  import { default as RuiSimpleSelect, type Props as SimpleSelectProps } from '../components/forms/select/SimpleSelect.vue';
20
22
  import { type TableColumn as DataTableColumn, type TableOptions as DataTableOptions, type Props as DataTableProps, type SortColumn as DataTableSortColumn, default as RuiDataTable } from '../components/tables/DataTable.vue';
23
+ import { type Props as ExpandButtonProps, default as RuiTableRowExpander } from '../components/tables/ExpandButton.vue';
21
24
  import { default as RuiTablePagination, type TablePaginationData, type Props as TablePaginationProps } from '../components/tables/TablePagination.vue';
22
25
  import { type Props as CardProps, default as RuiCard } from '../components/cards/Card.vue';
23
26
  import { type Props as CardHeaderProps, default as RuiCardHeader } from '../components/cards/CardHeader.vue';
@@ -25,4 +28,5 @@ import { default as RuiTabs, type Props as TabsProps } from '../components/tabs/
25
28
  import { default as RuiTab, type Props as TabProps } from '../components/tabs/tab/Tab.vue';
26
29
  import { default as RuiTabItems, type Props as TabItemsProps } from '../components/tabs/tab-items/TabItems.vue';
27
30
  import { default as RuiTabItem, type Props as TabItemProps } from '../components/tabs/tab-item/TabItem.vue';
28
- 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, };
31
+ import { default as RuiSkeletonLoader, type Props as SkeletonLoaderProps } from '../components/loaders/Skeleton.vue';
32
+ 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, RuiTableRowExpander, 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, ExpandButtonProps, };
@@ -1,37 +1,41 @@
1
- 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";
1
+ import { A as p, a as l, R as m, B as d, b as T, m as b, n, C as g, d as x, D as C, l as S, v as A, F as B, I as D, _ as F, P as I, e as c, f as h, g as k, k as v, t as P, h as f, p as E, r as G, q as L, s as j, E as q, o as w, u as H, i as _, j as y } from "../index-2YbRDW3N.js";
2
2
  import "vue";
3
3
  import "@vueuse/shared";
4
- import "../index-393a0e94.js";
4
+ import "../index-W2poXQa4.js";
5
5
  import "../all-icons.es.js";
6
6
  import "@vueuse/core";
7
- import "../colors-01d79c7b.js";
7
+ import "../colors-ikihApJv.js";
8
8
  import "vue-router";
9
9
  export {
10
10
  p as RuiAlert,
11
11
  l as RuiAutoComplete,
12
12
  m as RuiBadge,
13
- T as RuiButton,
14
- b as RuiButtonGroup,
15
- d as RuiCard,
16
- g as RuiCardHeader,
17
- n as RuiCheckbox,
18
- C as RuiChip,
19
- c as RuiDataTable,
20
- x as RuiDialog,
13
+ d as RuiButton,
14
+ T as RuiButtonGroup,
15
+ b as RuiCard,
16
+ n as RuiCardHeader,
17
+ g as RuiCheckbox,
18
+ x as RuiChip,
19
+ C as RuiDataTable,
20
+ S as RuiDialog,
21
+ A as RuiDivider,
21
22
  B as RuiFooterStepper,
22
- F as RuiIcon,
23
- I as RuiLogo,
24
- S as RuiProgress,
25
- h as RuiRadio,
26
- A as RuiRadioGroup,
27
- D as RuiRevealableTextField,
28
- P as RuiSimpleSelect,
23
+ D as RuiIcon,
24
+ F as RuiLogo,
25
+ I as RuiProgress,
26
+ c as RuiRadio,
27
+ h as RuiRadioGroup,
28
+ k as RuiRevealableTextField,
29
+ v as RuiSimpleSelect,
30
+ P as RuiSkeletonLoader,
29
31
  f as RuiStepper,
30
- k as RuiTab,
32
+ E as RuiTab,
31
33
  G as RuiTabItem,
32
- j as RuiTabItems,
33
- q as RuiTablePagination,
34
- v as RuiTabs,
35
- H as RuiTextField,
36
- L as RuiTooltip
34
+ L as RuiTabItems,
35
+ j as RuiTablePagination,
36
+ q as RuiTableRowExpander,
37
+ w as RuiTabs,
38
+ H as RuiTextArea,
39
+ _ as RuiTextField,
40
+ y as RuiTooltip
37
41
  };
@@ -0,0 +1,27 @@
1
+ import { type Props as SkeletonBaseProps } from '../../components/loaders/SkeletonBase.vue';
2
+ export interface Props extends SkeletonBaseProps {
3
+ type?: 'text' | 'paragraph' | 'heading' | 'article' | 'button' | 'icon' | 'avatar' | 'thumbnail' | 'custom';
4
+ }
5
+ declare const _default: import("vue").DefineComponent<{
6
+ type: {
7
+ type: globalThis.PropType<"article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail">;
8
+ default: string;
9
+ };
10
+ rounded: {
11
+ type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
12
+ default: undefined;
13
+ };
14
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
15
+ type: {
16
+ type: globalThis.PropType<"article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail">;
17
+ default: string;
18
+ };
19
+ rounded: {
20
+ type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
21
+ default: undefined;
22
+ };
23
+ }>>, {
24
+ type: "article" | "button" | "text" | "icon" | "heading" | "paragraph" | "custom" | "avatar" | "thumbnail";
25
+ rounded: "none" | "sm" | "lg" | "md" | "full";
26
+ }, {}>;
27
+ export default _default;
@@ -0,0 +1,17 @@
1
+ export interface Props {
2
+ rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
3
+ }
4
+ declare const _default: import("vue").DefineComponent<{
5
+ rounded: {
6
+ type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
7
+ default: undefined;
8
+ };
9
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
10
+ rounded: {
11
+ type: globalThis.PropType<"none" | "sm" | "lg" | "md" | "full">;
12
+ default: undefined;
13
+ };
14
+ }>>, {
15
+ rounded: "none" | "sm" | "lg" | "md" | "full";
16
+ }, {}>;
17
+ export default _default;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
11
11
  type: globalThis.PropType<string>;
12
12
  default: undefined;
13
13
  };
14
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
15
15
  text: {
16
16
  type: globalThis.PropType<boolean>;
17
17
  default: boolean;
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
43
43
  default: boolean;
44
44
  };
45
45
  placement: {
46
- type: globalThis.PropType<"center" | "top" | "bottom">;
46
+ type: globalThis.PropType<"bottom" | "top" | "center">;
47
47
  default: string;
48
48
  };
49
49
  dot: {
@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
58
58
  type: globalThis.PropType<string | number>;
59
59
  default: number;
60
60
  };
61
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
61
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
62
62
  color: {
63
63
  type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success" | "default">;
64
64
  default: string;
@@ -88,7 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
88
88
  default: boolean;
89
89
  };
90
90
  placement: {
91
- type: globalThis.PropType<"center" | "top" | "bottom">;
91
+ type: globalThis.PropType<"bottom" | "top" | "center">;
92
92
  default: string;
93
93
  };
94
94
  dot: {
@@ -111,7 +111,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
111
111
  icon: RuiIcons | null;
112
112
  modelValue: boolean;
113
113
  left: boolean;
114
- placement: "center" | "top" | "bottom";
114
+ placement: "bottom" | "top" | "center";
115
115
  dot: boolean;
116
116
  offsetX: string | number;
117
117
  offsetY: string | number;
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
23
23
  };
24
24
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
25
25
  "update:model-value": (modelValue: boolean) => void;
26
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
26
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
27
27
  size: {
28
28
  type: globalThis.PropType<"sm" | "lg" | "md">;
29
29
  default: string;
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
37
37
  type: globalThis.PropType<string>;
38
38
  default: string;
39
39
  };
40
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
40
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
41
41
  text: {
42
42
  type: globalThis.PropType<string | null>;
43
43
  default: null;
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
56
56
  type: globalThis.PropType<string | number>;
57
57
  default: number;
58
58
  };
59
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
59
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
60
60
  value: {
61
61
  type: globalThis.PropType<number>;
62
62
  default: number;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
23
23
  };
24
24
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
25
25
  "update:modelValue": (modelValue: number) => void;
26
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
26
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
27
27
  variant: {
28
28
  type: globalThis.PropType<"progress" | "numeric" | "bullet" | "pill">;
29
29
  default: string;
@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
42
42
  type: globalThis.PropType<boolean>;
43
43
  default: boolean;
44
44
  };
45
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
45
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
46
46
  orientation: {
47
47
  type: globalThis.PropType<StepperOrientation>;
48
48
  default: "horizontal";
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
8
8
  type: globalThis.PropType<number>;
9
9
  required: true;
10
10
  };
11
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
12
12
  state: {
13
13
  type: globalThis.PropType<StepperState>;
14
14
  default: "inactive";
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
8
8
  type: globalThis.PropType<number>;
9
9
  required: true;
10
10
  };
11
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
12
12
  state: {
13
13
  type: globalThis.PropType<StepperState>;
14
14
  default: "inactive";
@@ -113,7 +113,7 @@ export interface Props<T, K extends keyof T> {
113
113
  */
114
114
  columnAttr?: string;
115
115
  /**
116
- * flag to show a more or less spaceous table
116
+ * flag to show a more or less spacious table
117
117
  */
118
118
  dense?: boolean;
119
119
  /**
@@ -126,7 +126,7 @@ export interface Props<T, K extends keyof T> {
126
126
  striped?: boolean;
127
127
  /**
128
128
  * flag to show loading state of the table
129
- * triggers an indefinite progress at the bottom of the table header
129
+ * triggers indefinite progress at the bottom of the table header
130
130
  */
131
131
  loading?: boolean;
132
132
  /**
@@ -143,6 +143,24 @@ export interface Props<T, K extends keyof T> {
143
143
  */
144
144
  hideDefaultFooter?: boolean;
145
145
  rounded?: 'sm' | 'md' | 'lg';
146
+ /**
147
+ * model for expanded rows
148
+ */
149
+ expanded?: T[];
150
+ /**
151
+ * make expansion work like accordion
152
+ */
153
+ singleExpand?: boolean;
154
+ /**
155
+ * make expansion work like accordion
156
+ */
157
+ stickyHeader?: boolean;
158
+ stickyOffset?: number;
159
+ /**
160
+ * Affects how the items per page work across the app.
161
+ * When true, changing the items per page setting in one table will affect other tables.
162
+ */
163
+ globalItemsPerPage?: boolean;
146
164
  }
147
165
  declare const _default: <T extends object, IdType extends keyof T = keyof T>(__VLS_props: Props<T, IdType> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
148
166
  props: Props<T, IdType>;
@@ -154,7 +172,15 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
154
172
  column: TableColumn<T>;
155
173
  row: T;
156
174
  index: number;
175
+ }) => any>> & Partial<Record<string, (_: {
176
+ column: TableColumn<T>;
177
+ row: T;
178
+ index: number;
157
179
  }) => any>> & {
180
+ "expanded-item"?(_: {
181
+ row: T;
182
+ index: number;
183
+ }): any;
158
184
  "no-data"?(_: {}): any;
159
185
  "empty-description"?(_: {}): any;
160
186
  "body.append"?(_: {}): any;
@@ -162,6 +188,7 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
162
188
  };
163
189
  emit: {
164
190
  (e: 'update:model-value', value?: T[IdType][] | undefined): void;
191
+ (e: 'update:expanded', value: T[]): void;
165
192
  (e: 'update:pagination', value: TablePaginationData): void;
166
193
  (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
167
194
  (e: 'update:options', value: TableOptions<T>): void;
@@ -176,7 +203,15 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
176
203
  column: TableColumn<T>;
177
204
  row: T;
178
205
  index: number;
206
+ }) => any>> & Partial<Record<string, (_: {
207
+ column: TableColumn<T>;
208
+ row: T;
209
+ index: number;
179
210
  }) => any>> & {
211
+ "expanded-item"?(_: {
212
+ row: T;
213
+ index: number;
214
+ }): any;
180
215
  "no-data"?(_: {}): any;
181
216
  "empty-description"?(_: {}): any;
182
217
  "body.append"?(_: {}): any;
@@ -184,6 +219,7 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
184
219
  };
185
220
  emit: {
186
221
  (e: 'update:model-value', value?: T[IdType][] | undefined): void;
222
+ (e: 'update:expanded', value: T[]): void;
187
223
  (e: 'update:pagination', value: TablePaginationData): void;
188
224
  (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
189
225
  (e: 'update:options', value: TableOptions<T>): void;
@@ -201,7 +237,15 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
201
237
  column: TableColumn<T>;
202
238
  row: T;
203
239
  index: number;
240
+ }) => any>> & Partial<Record<string, (_: {
241
+ column: TableColumn<T>;
242
+ row: T;
243
+ index: number;
204
244
  }) => any>> & {
245
+ "expanded-item"?(_: {
246
+ row: T;
247
+ index: number;
248
+ }): any;
205
249
  "no-data"?(_: {}): any;
206
250
  "empty-description"?(_: {}): any;
207
251
  "body.append"?(_: {}): any;
@@ -209,6 +253,7 @@ declare const _default: <T extends object, IdType extends keyof T = keyof T>(__V
209
253
  };
210
254
  emit: {
211
255
  (e: 'update:model-value', value?: T[IdType][] | undefined): void;
256
+ (e: 'update:expanded', value: T[]): void;
212
257
  (e: 'update:pagination', value: TablePaginationData): void;
213
258
  (e: 'update:sort', value?: SortColumn<T> | SortColumn<T>[] | undefined): void;
214
259
  (e: 'update:options', value: TableOptions<T>): void;