@rotki/ui-library 0.14.0 → 0.16.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 (71) hide show
  1. package/dist/RuiColorPicker.vue_vue_type_script_setup_true_lang-ByCIjyQ_.js +8945 -0
  2. package/dist/breakpoint-DAvEs_TA.js +37 -0
  3. package/dist/components/alerts/{Alert.vue.d.ts → RuiAlert.vue.d.ts} +10 -10
  4. package/dist/components/buttons/button/{Button.vue.d.ts → RuiButton.vue.d.ts} +5 -5
  5. package/dist/components/buttons/button-group/{ButtonGroup.vue.d.ts → RuiButtonGroup.vue.d.ts} +4 -4
  6. package/dist/components/cards/{Card.vue.d.ts → RuiCard.vue.d.ts} +12 -12
  7. package/dist/components/chips/{Chip.vue.d.ts → RuiChip.vue.d.ts} +19 -19
  8. package/dist/components/color-picker/RuiColorBoard.vue.d.ts +23 -0
  9. package/dist/components/color-picker/RuiColorDisplay.vue.d.ts +12 -0
  10. package/dist/components/color-picker/RuiColorHue.vue.d.ts +12 -0
  11. package/dist/components/color-picker/RuiColorInput.vue.d.ts +13 -0
  12. package/dist/components/color-picker/RuiColorPicker.vue.d.ts +21 -0
  13. package/dist/components/color-picker/utils.d.ts +44 -0
  14. package/dist/components/forms/auto-complete/{AutoComplete.vue.d.ts → RuiAutoComplete.vue.d.ts} +1 -1
  15. package/dist/components/forms/auto-complete/{AutoCompleteSelection.vue.d.ts → RuiAutoCompleteSelection.vue.d.ts} +2 -2
  16. package/dist/components/forms/radio-button/radio-group/{RadioGroup.vue.d.ts → RuiRadioGroup.vue.d.ts} +10 -10
  17. package/dist/components/forms/revealable-text-field/{RevealableTextField.vue.d.ts → RuiRevealableTextField.vue.d.ts} +37 -37
  18. package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +153 -0
  19. package/dist/components/forms/slider/{Slider.vue.d.ts → RuiSlider.vue.d.ts} +19 -19
  20. package/dist/components/forms/text-area/{TextArea.vue.d.ts → RuiTextArea.vue.d.ts} +37 -37
  21. package/dist/components/forms/text-field/{TextField.vue.d.ts → RuiTextField.vue.d.ts} +38 -38
  22. package/dist/components/icons/{Icon.vue.d.ts → RuiIcon.vue.d.ts} +9 -9
  23. package/dist/components/index.d.ts +41 -39
  24. package/dist/components/index.es.js +36 -34
  25. package/dist/components/loaders/{SkeletonBase.vue.d.ts → RuiSkeletonBase.vue.d.ts} +3 -3
  26. package/dist/components/loaders/{Skeleton.vue.d.ts → RuiSkeletonLoader.vue.d.ts} +7 -7
  27. package/dist/components/logos/RuiLogo.vue.d.ts +65 -0
  28. package/dist/components/overlays/badge/{Badge.vue.d.ts → RuiBadge.vue.d.ts} +19 -19
  29. package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.d.ts +46 -0
  30. package/dist/components/overlays/dialog/RuiDialog.vue.d.ts +87 -0
  31. package/dist/components/overlays/menu/{Menu.vue.d.ts → RuiMenu.vue.d.ts} +90 -7
  32. package/dist/components/steppers/{FooterStepper.vue.d.ts → RuiFooterStepper.vue.d.ts} +19 -9
  33. package/dist/components/tables/{DataTable.vue.d.ts → RuiDataTable.vue.d.ts} +13 -9
  34. package/dist/components/tables/{ExpandButton.vue.d.ts → RuiExpandButton.vue.d.ts} +1 -1
  35. package/dist/components/tables/{TableHead.vue.d.ts → RuiTableHead.vue.d.ts} +16 -4
  36. package/dist/composables/dropdown-menu.d.ts +40 -0
  37. package/dist/composables/index.es.js +5 -81
  38. package/dist/consts/forms/auto-complete/index.d.ts +3 -3
  39. package/dist/consts/typography.d.ts +1 -2
  40. package/dist/index-RsNqSz2V.js +177 -0
  41. package/dist/index.es.js +2787 -2785
  42. package/dist/style.css +1 -1
  43. package/dist/theme/index.es.js +1 -1
  44. package/dist/utils/assert.d.ts +1 -0
  45. package/dist/utils/helpers.d.ts +7 -0
  46. package/package.json +45 -49
  47. package/dist/components/forms/select/MenuSelect.vue.d.ts +0 -62
  48. package/dist/components/logos/Logo.vue.d.ts +0 -27
  49. package/dist/components/overlays/dialog/Dialog.vue.d.ts +0 -60
  50. package/dist/index-4pX97qAk.js +0 -8090
  51. package/dist/theme-DT8UjYf9.js +0 -124
  52. package/dist/{colors-ikihApJv.js → colors-D563Ic3q.js} +0 -0
  53. package/dist/components/accordions/accordion/{Accordion.vue.d.ts → RuiAccordion.vue.d.ts} +0 -0
  54. package/dist/components/accordions/accordions/{Accordions.vue.d.ts → RuiAccordions.vue.d.ts} +0 -0
  55. package/dist/components/cards/{CardHeader.vue.d.ts → RuiCardHeader.vue.d.ts} +0 -0
  56. package/dist/components/divider/{Divider.vue.d.ts → RuiDivider.vue.d.ts} +0 -0
  57. package/dist/components/forms/checkbox/{Checkbox.vue.d.ts → RuiCheckbox.vue.d.ts} +18 -18
  58. package/dist/components/forms/radio-button/radio/{Radio.vue.d.ts → RuiRadio.vue.d.ts} +17 -17
  59. package/dist/components/forms/select/{SimpleSelect.vue.d.ts → RuiSimpleSelect.vue.d.ts} +8 -8
  60. package/dist/components/forms/switch/{Switch.vue.d.ts → RuiSwitch.vue.d.ts} +9 -9
  61. package/dist/components/helpers/{FormTextDetail.vue.d.ts → RuiFormTextDetail.vue.d.ts} +0 -0
  62. package/dist/components/overlays/tooltip/{Tooltip.vue.d.ts → RuiTooltip.vue.d.ts} +0 -0
  63. package/dist/components/progress/{Progress.vue.d.ts → RuiProgress.vue.d.ts} +9 -9
  64. package/dist/components/steppers/{Stepper.vue.d.ts → RuiStepper.vue.d.ts} +9 -9
  65. package/dist/components/steppers/{StepperCustomIcon.vue.d.ts → RuiStepperCustomIcon.vue.d.ts} +0 -0
  66. package/dist/components/steppers/{StepperIcon.vue.d.ts → RuiStepperIcon.vue.d.ts} +0 -0
  67. package/dist/components/tables/{TablePagination.vue.d.ts → RuiTablePagination.vue.d.ts} +8 -8
  68. package/dist/components/tabs/tab/{Tab.vue.d.ts → RuiTab.vue.d.ts} +18 -18
  69. package/dist/components/tabs/tab-item/{TabItem.vue.d.ts → RuiTabItem.vue.d.ts} +8 -8
  70. package/dist/components/tabs/tab-items/{TabItems.vue.d.ts → RuiTabItems.vue.d.ts} +0 -0
  71. package/dist/components/tabs/tabs/{Tabs.vue.d.ts → RuiTabs.vue.d.ts} +16 -16
@@ -1,5 +1,5 @@
1
1
  import o from "tailwindcss/plugin";
2
- import { b as d, a as h, c as t } from "../colors-ikihApJv.js";
2
+ import { b as d, a as h, c as t } from "../colors-D563Ic3q.js";
3
3
  const u = Object.fromEntries(
4
4
  d.map((r) => [
5
5
  r,
@@ -0,0 +1 @@
1
+ export declare function assert(condition: any, msg?: string): asserts condition;
@@ -48,4 +48,11 @@ export declare function getRootAttrs(data: SetupContextAttrs, include?: SetupCon
48
48
  export declare function getNonRootAttrs(data: SetupContextAttrs, exclude?: SetupContextAttrsKeys): Omit<{
49
49
  [x: string]: unknown;
50
50
  }, string>;
51
+ /**
52
+ * Transforms the keys of an object to either camelCase or snake_case
53
+ * @param {T} item
54
+ * @param {"camelCase" | "snake_case"} to
55
+ * @returns {Record<string, any>}
56
+ */
57
+ export declare function transformCase<T extends object>(item: T, to: 'camelCase' | 'snake_case'): Record<string, any>;
51
58
  export {};
package/package.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "name": "@rotki/ui-library",
3
- "version": "0.14.0",
4
- "packageManager": "pnpm@8.15.3",
3
+ "version": "0.16.0",
5
4
  "description": "A vue design system and component library for rotki",
6
5
  "type": "module",
7
6
  "keywords": [
@@ -68,72 +67,69 @@
68
67
  "@vueuse/shared": ">10.0.0",
69
68
  "vue": ">=3.4.0"
70
69
  },
71
- "optionalDependencies": {
72
- "vue-router": ">=4.2.5"
73
- },
74
70
  "devDependencies": {
75
- "@babel/core": "7.23.9",
76
- "@babel/types": "7.23.9",
77
- "@commitlint/cli": "18.6.1",
78
- "@commitlint/config-conventional": "18.6.2",
79
- "@fontsource/roboto": "5.0.8",
80
- "@headlessui/vue": "1.7.19",
71
+ "@babel/core": "7.24.5",
72
+ "@babel/types": "7.24.5",
73
+ "@commitlint/cli": "19.3.0",
74
+ "@commitlint/config-conventional": "19.2.2",
75
+ "@fontsource/roboto": "5.0.13",
76
+ "@headlessui/vue": "1.7.22",
81
77
  "@popperjs/core": "2.11.8",
82
- "@rotki/eslint-config": "2.4.5",
83
- "@storybook/addon-docs": "7.6.16",
84
- "@storybook/addon-essentials": "7.6.16",
85
- "@storybook/addon-interactions": "7.6.16",
86
- "@storybook/addon-links": "7.6.16",
87
- "@storybook/addon-themes": "7.6.16",
88
- "@storybook/addons": "7.6.16",
89
- "@storybook/blocks": "7.6.16",
90
- "@storybook/testing-library": "0.2.2",
91
- "@storybook/vue3": "7.6.16",
92
- "@storybook/vue3-vite": "7.6.16",
93
- "@types/node": "20.11.19",
78
+ "@rotki/eslint-config": "2.7.0",
79
+ "@storybook/addon-docs": "8.1.0",
80
+ "@storybook/addon-essentials": "8.1.0",
81
+ "@storybook/addon-interactions": "8.1.0",
82
+ "@storybook/addon-links": "8.1.0",
83
+ "@storybook/addon-themes": "8.1.0",
84
+ "@storybook/blocks": "8.1.0",
85
+ "@storybook/preview-api": "8.1.0",
86
+ "@storybook/test": "8.1.0",
87
+ "@storybook/vue3": "8.1.0",
88
+ "@storybook/vue3-vite": "8.1.0",
89
+ "@types/node": "20.12.12",
90
+ "@types/tinycolor2": "1.4.6",
94
91
  "@vitejs/plugin-vue": "5.0.4",
95
- "@vitest/coverage-v8": "1.2.2",
96
- "@vitest/ui": "1.2.2",
97
- "@vue/test-utils": "2.4.4",
92
+ "@vitest/coverage-v8": "1.6.0",
93
+ "@vitest/ui": "1.6.0",
94
+ "@vue/test-utils": "2.4.6",
98
95
  "@vue/tsconfig": "0.5.1",
99
- "@vueuse/core": "10.7.2",
100
- "@vueuse/math": "10.7.2",
101
- "@vueuse/shared": "10.7.2",
96
+ "@vueuse/core": "10.9.0",
97
+ "@vueuse/math": "10.9.0",
98
+ "@vueuse/shared": "10.9.0",
102
99
  "argparse": "2.0.1",
103
- "autoprefixer": "10.4.17",
100
+ "autoprefixer": "10.4.19",
104
101
  "babel-loader": "9.1.3",
105
- "bumpp": "9.3.0",
106
- "css-loader": "6.10.0",
107
- "eslint": "8.56.0",
102
+ "bumpp": "9.4.1",
103
+ "css-loader": "7.1.1",
104
+ "eslint": "8.57.0",
108
105
  "eslint-plugin-cypress": "2.15.1",
109
- "eslint-plugin-storybook": "0.6.15",
106
+ "eslint-plugin-storybook": "0.8.0",
110
107
  "fast-glob": "3.3.2",
111
- "fast-xml-parser": "4.3.4",
108
+ "fast-xml-parser": "4.3.6",
112
109
  "fs-extra": "11.2.0",
113
110
  "husky": "9.0.11",
114
111
  "jsdom": "24.0.0",
115
112
  "lint-staged": "15.2.2",
116
- "postcss": "8.4.35",
117
- "react": "18.2.0",
118
- "react-dom": "18.2.0",
113
+ "postcss": "8.4.38",
119
114
  "remixicon": "4.1.0",
120
- "sass": "1.71.0",
115
+ "sass": "1.77.1",
121
116
  "scule": "1.3.0",
122
- "storybook": "7.6.16",
123
- "tailwindcss": "3.4.1",
117
+ "storybook": "8.1.0",
118
+ "tailwindcss": "3.4.3",
119
+ "tinycolor2": "1.6.0",
124
120
  "ts-node": "10.9.2",
125
- "tsc-alias": "1.8.8",
126
- "typescript": "5.3.3",
127
- "unplugin-auto-import": "0.17.5",
128
- "vite": "5.1.3",
129
- "vitest": "1.2.2",
130
- "vue": "3.4.19",
121
+ "tsc-alias": "1.8.10",
122
+ "typescript": "5.4.5",
123
+ "unplugin-auto-import": "0.17.6",
124
+ "vite": "5.2.11",
125
+ "vitest": "1.6.0",
126
+ "vue": "3.4.27",
131
127
  "vue-loader": "17.4.2",
132
- "vue-router": "4.2.5",
128
+ "vue-router": "4.3.2",
133
129
  "vue-tsc": "1.8.11"
134
130
  },
135
131
  "engines": {
136
- "pnpm": ">=8 <9"
132
+ "pnpm": ">=9 <10"
137
133
  },
138
134
  "lint-staged": {
139
135
  "*.{js,cjs,ts,vue,yml,json,md}": "eslint"
@@ -1,62 +0,0 @@
1
- import { type Props as MenuProps } from '../../../components/overlays/menu/Menu.vue';
2
- export interface Props<T, K extends keyof T = keyof T> {
3
- options: T[];
4
- keyAttr: K;
5
- textAttr: K;
6
- modelValue?: T | null;
7
- disabled?: boolean;
8
- dense?: boolean;
9
- outlined?: boolean;
10
- label?: string;
11
- menuOptions?: MenuProps;
12
- labelClass?: string;
13
- menuClass?: string;
14
- }
15
- declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_props: Props<T, K> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
16
- props: Props<T, K>;
17
- expose(exposed: {}): void;
18
- attrs: any;
19
- slots: {
20
- activator?(_: {
21
- disabled: boolean;
22
- value: T | null | undefined;
23
- outlined: boolean;
24
- on: any;
25
- open: any;
26
- }): any;
27
- };
28
- emit: (e: 'update:model-value', value?: T | null | undefined) => void;
29
- }, "attrs" | "emit" | "slots"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
30
- props: Props<T, K>;
31
- expose(exposed: {}): void;
32
- attrs: any;
33
- slots: {
34
- activator?(_: {
35
- disabled: boolean;
36
- value: T | null | undefined;
37
- outlined: boolean;
38
- on: any;
39
- open: any;
40
- }): any;
41
- };
42
- emit: (e: 'update:model-value', value?: T | null | undefined) => void;
43
- }>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
44
- [key: string]: any;
45
- }> & {
46
- __ctx?: {
47
- props: Props<T, K>;
48
- expose(exposed: {}): void;
49
- attrs: any;
50
- slots: {
51
- activator?(_: {
52
- disabled: boolean;
53
- value: T | null | undefined;
54
- outlined: boolean;
55
- on: any;
56
- open: any;
57
- }): any;
58
- };
59
- emit: (e: 'update:model-value', value?: T | null | undefined) => void;
60
- } | undefined;
61
- };
62
- export default _default;
@@ -1,27 +0,0 @@
1
- export interface Props {
2
- text?: boolean;
3
- customSrc?: string;
4
- }
5
- declare const _default: import("vue").DefineComponent<{
6
- text: {
7
- type: globalThis.PropType<boolean>;
8
- default: boolean;
9
- };
10
- customSrc: {
11
- type: globalThis.PropType<string>;
12
- default: undefined;
13
- };
14
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
15
- text: {
16
- type: globalThis.PropType<boolean>;
17
- default: boolean;
18
- };
19
- customSrc: {
20
- type: globalThis.PropType<string>;
21
- default: undefined;
22
- };
23
- }>>, {
24
- text: boolean;
25
- customSrc: string;
26
- }, {}>;
27
- export default _default;
@@ -1,60 +0,0 @@
1
- export interface Props {
2
- modelValue: boolean;
3
- dismissible?: boolean;
4
- persistent?: boolean;
5
- size?: 'sm' | 'md' | 'lg';
6
- }
7
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
8
- size: {
9
- type: globalThis.PropType<"sm" | "md" | "lg">;
10
- default: string;
11
- };
12
- modelValue: {
13
- type: globalThis.PropType<boolean>;
14
- required: true;
15
- };
16
- dismissible: {
17
- type: globalThis.PropType<boolean>;
18
- default: boolean;
19
- };
20
- persistent: {
21
- type: globalThis.PropType<boolean>;
22
- default: boolean;
23
- };
24
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
25
- "update:model-value": (modelValue: boolean) => void;
26
- }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
27
- size: {
28
- type: globalThis.PropType<"sm" | "md" | "lg">;
29
- default: string;
30
- };
31
- modelValue: {
32
- type: globalThis.PropType<boolean>;
33
- required: true;
34
- };
35
- dismissible: {
36
- type: globalThis.PropType<boolean>;
37
- default: boolean;
38
- };
39
- persistent: {
40
- type: globalThis.PropType<boolean>;
41
- default: boolean;
42
- };
43
- }>> & {
44
- "onUpdate:model-value"?: ((modelValue: boolean) => any) | undefined;
45
- }, {
46
- size: "sm" | "md" | "lg";
47
- dismissible: boolean;
48
- persistent: boolean;
49
- }, {}>, {
50
- description?(_: {}): any;
51
- title?(_: {}): any;
52
- default?(_: {}): any;
53
- actions?(_: {}): any;
54
- }>;
55
- export default _default;
56
- type __VLS_WithTemplateSlots<T, S> = T & {
57
- new (): {
58
- $slots: S;
59
- };
60
- };