@rotki/ui-library 2.0.3 → 2.2.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 (32) hide show
  1. package/README.md +1 -0
  2. package/dist/__test__/transition-group-stub.d.ts +2 -0
  3. package/dist/components/chips/RuiChip.vue.d.ts +2 -0
  4. package/dist/components/date-time-picker/RuiDateTimePicker.vue.d.ts +79 -0
  5. package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.d.ts +48 -0
  6. package/dist/components/date-time-picker/timezones.d.ts +1 -0
  7. package/dist/components/date-time-picker/types.d.ts +5 -0
  8. package/dist/components/date-time-picker/use-input-handler.d.ts +9 -0
  9. package/dist/components/date-time-picker/use-keyboard-handler.d.ts +29 -0
  10. package/dist/components/date-time-picker/utils.d.ts +4 -0
  11. package/dist/components/index.es.js +2048 -2043
  12. package/dist/components/time-picker/RuiTimePicker.vue.d.ts +16 -0
  13. package/dist/composables/{index-DOuH9rdn.js → index-iDflJtNX.js} +2 -2
  14. package/dist/composables/index.es.js +1 -1
  15. package/dist/icons/icons_1.d.ts +5 -5
  16. package/dist/icons/icons_1.es.js +972 -972
  17. package/dist/icons/icons_2.d.ts +8 -8
  18. package/dist/icons/icons_2.es.js +1036 -1036
  19. package/dist/icons/icons_3.d.ts +10 -10
  20. package/dist/icons/icons_3.es.js +1037 -1037
  21. package/dist/icons/icons_4.d.ts +10 -0
  22. package/dist/icons/icons_4.es.js +322 -282
  23. package/dist/icons/index.d.ts +1 -1
  24. package/dist/icons/index.es.js +1354 -1344
  25. package/dist/index-CIC9boM_.js +32 -0
  26. package/dist/index.es.js +1565 -1569
  27. package/dist/style.css +1 -1
  28. package/dist/utils/{index-CxHG7aHQ.js → index-CTepEwum.js} +1 -1
  29. package/dist/vendor-D4VGlT8H.js +2051 -0
  30. package/dist/web-types.json +490 -1
  31. package/package.json +31 -35
  32. package/dist/vendor-BeEprDAU.js +0 -1624
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@rotki/ui-library",
5
- "version": "2.0.3",
5
+ "version": "2.2.0",
6
6
  "js-types-syntax": "typescript",
7
7
  "description-markup": "markdown",
8
8
  "contributions": {
@@ -640,6 +640,16 @@
640
640
  "kind": "expression",
641
641
  "type": "string | undefined"
642
642
  }
643
+ },
644
+ {
645
+ "name": "content-class",
646
+ "description": "",
647
+ "required": false,
648
+ "default": "''",
649
+ "value": {
650
+ "kind": "expression",
651
+ "type": "string | undefined"
652
+ }
643
653
  }
644
654
  ],
645
655
  "slots": [
@@ -832,6 +842,394 @@
832
842
  ]
833
843
  }
834
844
  },
845
+ {
846
+ "name": "RuiDateTimePicker",
847
+ "source": {
848
+ "module": "@rotki/ui-library/components/date-time-picker/RuiDateTimePicker.vue",
849
+ "symbol": "RuiDateTimePicker"
850
+ },
851
+ "attributes": [
852
+ {
853
+ "name": "min-date",
854
+ "description": "",
855
+ "required": false,
856
+ "default": "undefined",
857
+ "value": {
858
+ "kind": "expression",
859
+ "type": "number | Date | undefined"
860
+ }
861
+ },
862
+ {
863
+ "name": "max-date",
864
+ "description": "",
865
+ "required": false,
866
+ "default": "undefined",
867
+ "value": {
868
+ "kind": "expression",
869
+ "type": "number | Date | undefined"
870
+ }
871
+ },
872
+ {
873
+ "name": "format",
874
+ "description": "",
875
+ "required": false,
876
+ "default": "'day-first'",
877
+ "value": {
878
+ "kind": "expression",
879
+ "type": "DateFormat | undefined"
880
+ }
881
+ },
882
+ {
883
+ "name": "type",
884
+ "description": "",
885
+ "required": false,
886
+ "default": "'epoch-ms'",
887
+ "value": {
888
+ "kind": "expression",
889
+ "type": "DateTimeModelType | undefined"
890
+ }
891
+ },
892
+ {
893
+ "name": "accuracy",
894
+ "description": "",
895
+ "required": false,
896
+ "default": "'minute'",
897
+ "value": {
898
+ "kind": "expression",
899
+ "type": "TimeAccuracy | undefined"
900
+ }
901
+ },
902
+ {
903
+ "name": "disabled",
904
+ "description": "",
905
+ "required": false,
906
+ "default": "false",
907
+ "value": {
908
+ "kind": "expression",
909
+ "type": "boolean | undefined"
910
+ }
911
+ },
912
+ {
913
+ "name": "allow-empty",
914
+ "description": "",
915
+ "required": false,
916
+ "default": "false",
917
+ "value": {
918
+ "kind": "expression",
919
+ "type": "boolean | undefined"
920
+ }
921
+ },
922
+ {
923
+ "name": "readonly",
924
+ "description": "",
925
+ "required": false,
926
+ "default": "false",
927
+ "value": {
928
+ "kind": "expression",
929
+ "type": "boolean | undefined"
930
+ }
931
+ },
932
+ {
933
+ "name": "dense",
934
+ "description": "",
935
+ "required": false,
936
+ "default": "false",
937
+ "value": {
938
+ "kind": "expression",
939
+ "type": "boolean | undefined"
940
+ }
941
+ },
942
+ {
943
+ "name": "label",
944
+ "description": "",
945
+ "required": false,
946
+ "default": "'Pick a date'",
947
+ "value": {
948
+ "kind": "expression",
949
+ "type": "string | undefined"
950
+ }
951
+ },
952
+ {
953
+ "name": "variant",
954
+ "description": "",
955
+ "required": false,
956
+ "default": "'default'",
957
+ "value": {
958
+ "kind": "expression",
959
+ "type": "'default' | 'filled' | 'outlined' | undefined"
960
+ }
961
+ },
962
+ {
963
+ "name": "hint",
964
+ "description": "",
965
+ "required": false,
966
+ "default": "undefined",
967
+ "value": {
968
+ "kind": "expression",
969
+ "type": "string | undefined"
970
+ }
971
+ },
972
+ {
973
+ "name": "error-messages",
974
+ "description": "",
975
+ "required": false,
976
+ "default": "[]",
977
+ "value": {
978
+ "kind": "expression",
979
+ "type": "string | string[] | undefined"
980
+ }
981
+ },
982
+ {
983
+ "name": "success-messages",
984
+ "description": "",
985
+ "required": false,
986
+ "default": "[]",
987
+ "value": {
988
+ "kind": "expression",
989
+ "type": "string | string[] | undefined"
990
+ }
991
+ },
992
+ {
993
+ "name": "hide-details",
994
+ "description": "",
995
+ "required": false,
996
+ "default": "false",
997
+ "value": {
998
+ "kind": "expression",
999
+ "type": "boolean | undefined"
1000
+ }
1001
+ },
1002
+ {
1003
+ "name": "model-value",
1004
+ "description": "",
1005
+ "required": true,
1006
+ "value": {
1007
+ "kind": "expression",
1008
+ "type": "number | Date | undefined"
1009
+ }
1010
+ }
1011
+ ],
1012
+ "slots": [
1013
+ {
1014
+ "name": "menu-content"
1015
+ }
1016
+ ],
1017
+ "js": {
1018
+ "events": [
1019
+ {
1020
+ "name": "update:modelValue",
1021
+ "arguments": [
1022
+ {
1023
+ "name": "argument",
1024
+ "type": "[value: number | Date | undefined]"
1025
+ }
1026
+ ]
1027
+ }
1028
+ ]
1029
+ },
1030
+ "vue-model": {
1031
+ "prop": "modelValue",
1032
+ "event": "update:modelValue"
1033
+ }
1034
+ },
1035
+ {
1036
+ "name": "RuiDateTimePickerMenu",
1037
+ "source": {
1038
+ "module": "@rotki/ui-library/components/date-time-picker/RuiDateTimePickerMenu.vue",
1039
+ "symbol": "RuiDateTimePickerMenu"
1040
+ },
1041
+ "attributes": [
1042
+ {
1043
+ "name": "accuracy",
1044
+ "description": "",
1045
+ "required": true,
1046
+ "value": {
1047
+ "kind": "expression",
1048
+ "type": "TimeAccuracy"
1049
+ }
1050
+ },
1051
+ {
1052
+ "name": "max-date",
1053
+ "description": "",
1054
+ "required": false,
1055
+ "value": {
1056
+ "kind": "expression",
1057
+ "type": "number | Date | undefined"
1058
+ }
1059
+ },
1060
+ {
1061
+ "name": "min-date",
1062
+ "description": "",
1063
+ "required": false,
1064
+ "value": {
1065
+ "kind": "expression",
1066
+ "type": "number | Date | undefined"
1067
+ }
1068
+ },
1069
+ {
1070
+ "name": "selected-date",
1071
+ "description": "",
1072
+ "required": true,
1073
+ "value": {
1074
+ "kind": "expression",
1075
+ "type": "Date | undefined"
1076
+ }
1077
+ },
1078
+ {
1079
+ "name": "selected-time",
1080
+ "description": "",
1081
+ "required": true,
1082
+ "value": {
1083
+ "kind": "expression",
1084
+ "type": "Date | undefined"
1085
+ }
1086
+ },
1087
+ {
1088
+ "name": "selected-hour",
1089
+ "description": "",
1090
+ "required": true,
1091
+ "value": {
1092
+ "kind": "expression",
1093
+ "type": "number | undefined"
1094
+ }
1095
+ },
1096
+ {
1097
+ "name": "selected-minute",
1098
+ "description": "",
1099
+ "required": true,
1100
+ "value": {
1101
+ "kind": "expression",
1102
+ "type": "number | undefined"
1103
+ }
1104
+ },
1105
+ {
1106
+ "name": "selected-second",
1107
+ "description": "",
1108
+ "required": true,
1109
+ "value": {
1110
+ "kind": "expression",
1111
+ "type": "number | undefined"
1112
+ }
1113
+ },
1114
+ {
1115
+ "name": "selected-millisecond",
1116
+ "description": "",
1117
+ "required": true,
1118
+ "value": {
1119
+ "kind": "expression",
1120
+ "type": "number | undefined"
1121
+ }
1122
+ },
1123
+ {
1124
+ "name": "time-selection",
1125
+ "description": "",
1126
+ "required": true,
1127
+ "value": {
1128
+ "kind": "expression",
1129
+ "type": "TimePickerSelection"
1130
+ }
1131
+ },
1132
+ {
1133
+ "name": "selected-timezone",
1134
+ "description": "",
1135
+ "required": true,
1136
+ "value": {
1137
+ "kind": "expression",
1138
+ "type": "string | undefined"
1139
+ }
1140
+ }
1141
+ ],
1142
+ "slots": [
1143
+ {
1144
+ "name": "default"
1145
+ }
1146
+ ],
1147
+ "js": {
1148
+ "events": [
1149
+ {
1150
+ "name": "update:selectedDate",
1151
+ "arguments": [
1152
+ {
1153
+ "name": "argument",
1154
+ "type": "[value: Date | undefined]"
1155
+ }
1156
+ ]
1157
+ },
1158
+ {
1159
+ "name": "update:selectedTime",
1160
+ "arguments": [
1161
+ {
1162
+ "name": "argument",
1163
+ "type": "[value: Date | undefined]"
1164
+ }
1165
+ ]
1166
+ },
1167
+ {
1168
+ "name": "update:selectedHour",
1169
+ "arguments": [
1170
+ {
1171
+ "name": "argument",
1172
+ "type": "[value: number | undefined]"
1173
+ }
1174
+ ]
1175
+ },
1176
+ {
1177
+ "name": "update:selectedMinute",
1178
+ "arguments": [
1179
+ {
1180
+ "name": "argument",
1181
+ "type": "[value: number | undefined]"
1182
+ }
1183
+ ]
1184
+ },
1185
+ {
1186
+ "name": "update:selectedSecond",
1187
+ "arguments": [
1188
+ {
1189
+ "name": "argument",
1190
+ "type": "[value: number | undefined]"
1191
+ }
1192
+ ]
1193
+ },
1194
+ {
1195
+ "name": "update:selectedMillisecond",
1196
+ "arguments": [
1197
+ {
1198
+ "name": "argument",
1199
+ "type": "[value: number | undefined]"
1200
+ }
1201
+ ]
1202
+ },
1203
+ {
1204
+ "name": "update:timeSelection",
1205
+ "arguments": [
1206
+ {
1207
+ "name": "argument",
1208
+ "type": "[value: TimePickerSelection]"
1209
+ }
1210
+ ]
1211
+ },
1212
+ {
1213
+ "name": "update:selectedTimezone",
1214
+ "arguments": [
1215
+ {
1216
+ "name": "argument",
1217
+ "type": "[value: string | undefined]"
1218
+ }
1219
+ ]
1220
+ },
1221
+ {
1222
+ "name": "set-now",
1223
+ "arguments": [
1224
+ {
1225
+ "name": "argument",
1226
+ "type": "[]"
1227
+ }
1228
+ ]
1229
+ }
1230
+ ]
1231
+ }
1232
+ },
835
1233
  {
836
1234
  "name": "RuiDivider",
837
1235
  "source": {
@@ -2202,6 +2600,52 @@
2202
2600
  "kind": "expression",
2203
2601
  "type": "Date | undefined"
2204
2602
  }
2603
+ },
2604
+ {
2605
+ "name": "hour",
2606
+ "description": "",
2607
+ "required": false,
2608
+ "value": {
2609
+ "kind": "expression",
2610
+ "type": "number | undefined"
2611
+ }
2612
+ },
2613
+ {
2614
+ "name": "minute",
2615
+ "description": "",
2616
+ "required": false,
2617
+ "value": {
2618
+ "kind": "expression",
2619
+ "type": "number | undefined"
2620
+ }
2621
+ },
2622
+ {
2623
+ "name": "second",
2624
+ "description": "",
2625
+ "required": false,
2626
+ "value": {
2627
+ "kind": "expression",
2628
+ "type": "number | undefined"
2629
+ }
2630
+ },
2631
+ {
2632
+ "name": "millisecond",
2633
+ "description": "",
2634
+ "required": false,
2635
+ "value": {
2636
+ "kind": "expression",
2637
+ "type": "number | undefined"
2638
+ }
2639
+ },
2640
+ {
2641
+ "name": "selection",
2642
+ "description": "",
2643
+ "required": false,
2644
+ "default": "'hour'",
2645
+ "value": {
2646
+ "kind": "expression",
2647
+ "type": "TimePickerSelection | undefined"
2648
+ }
2205
2649
  }
2206
2650
  ],
2207
2651
  "slots": [],
@@ -2215,6 +2659,51 @@
2215
2659
  "type": "[value: Date | undefined]"
2216
2660
  }
2217
2661
  ]
2662
+ },
2663
+ {
2664
+ "name": "update:hour",
2665
+ "arguments": [
2666
+ {
2667
+ "name": "argument",
2668
+ "type": "[value: number | undefined]"
2669
+ }
2670
+ ]
2671
+ },
2672
+ {
2673
+ "name": "update:minute",
2674
+ "arguments": [
2675
+ {
2676
+ "name": "argument",
2677
+ "type": "[value: number | undefined]"
2678
+ }
2679
+ ]
2680
+ },
2681
+ {
2682
+ "name": "update:second",
2683
+ "arguments": [
2684
+ {
2685
+ "name": "argument",
2686
+ "type": "[value: number | undefined]"
2687
+ }
2688
+ ]
2689
+ },
2690
+ {
2691
+ "name": "update:millisecond",
2692
+ "arguments": [
2693
+ {
2694
+ "name": "argument",
2695
+ "type": "[value: number | undefined]"
2696
+ }
2697
+ ]
2698
+ },
2699
+ {
2700
+ "name": "update:selection",
2701
+ "arguments": [
2702
+ {
2703
+ "name": "argument",
2704
+ "type": "[value: TimePickerSelection]"
2705
+ }
2706
+ ]
2218
2707
  }
2219
2708
  ]
2220
2709
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rotki/ui-library",
3
- "version": "2.0.3",
3
+ "version": "2.2.0",
4
4
  "description": "A vue design system and component library for rotki",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -65,68 +65,64 @@
65
65
  "peerDependencies": {
66
66
  "@vueuse/core": ">13.0.0",
67
67
  "@vueuse/shared": ">13.0.0",
68
+ "dayjs": ">=1.11.13 <12",
68
69
  "vue": ">=3.5.0"
69
70
  },
70
71
  "web-types": "dist/web-types.json",
71
72
  "devDependencies": {
72
- "@babel/core": "7.27.1",
73
- "@babel/types": "7.27.1",
74
- "@commitlint/cli": "19.8.0",
75
- "@commitlint/config-conventional": "19.8.0",
73
+ "@babel/core": "7.27.4",
74
+ "@babel/types": "7.27.6",
75
+ "@commitlint/cli": "19.8.1",
76
+ "@commitlint/config-conventional": "19.8.1",
76
77
  "@fontsource/roboto": "5.2.5",
77
78
  "@popperjs/core": "2.11.8",
78
79
  "@rotki/eslint-config": "4.1.0",
79
- "@storybook/addon-docs": "8.6.12",
80
- "@storybook/addon-essentials": "8.6.12",
81
- "@storybook/addon-interactions": "8.6.12",
82
- "@storybook/addon-links": "8.6.12",
83
- "@storybook/addon-themes": "8.6.12",
84
- "@storybook/blocks": "8.6.12",
85
- "@storybook/preview-api": "8.6.12",
86
- "@storybook/test": "8.6.12",
87
- "@storybook/vue3": "8.6.12",
88
- "@storybook/vue3-vite": "8.6.12",
89
- "@types/node": "22.15.14",
80
+ "@rotki/eslint-plugin": "1.0.0",
81
+ "@storybook/addon-docs": "9.0.5",
82
+ "@storybook/addon-links": "9.0.5",
83
+ "@storybook/addon-themes": "9.0.5",
84
+ "@storybook/vue3-vite": "9.0.5",
85
+ "@types/node": "22.15.30",
90
86
  "@types/tinycolor2": "1.4.6",
91
- "@vitejs/plugin-vue": "5.2.3",
92
- "@vitest/coverage-v8": "3.1.3",
93
- "@vitest/ui": "3.1.3",
87
+ "@vitejs/plugin-vue": "5.2.4",
88
+ "@vitest/coverage-v8": "3.2.2",
89
+ "@vitest/ui": "3.2.2",
94
90
  "@vue/test-utils": "2.4.6",
95
91
  "@vue/tsconfig": "0.7.0",
96
- "@vueuse/core": "13.1.0",
97
- "@vueuse/math": "13.1.0",
98
- "@vueuse/shared": "13.1.0",
92
+ "@vueuse/core": "13.3.0",
93
+ "@vueuse/math": "13.3.0",
94
+ "@vueuse/shared": "13.3.0",
99
95
  "argparse": "2.0.1",
100
96
  "autoprefixer": "10.4.21",
101
97
  "babel-loader": "10.0.0",
102
- "bumpp": "10.1.0",
98
+ "bumpp": "10.1.1",
103
99
  "cac": "6.7.14",
104
100
  "consola": "3.4.2",
105
101
  "css-loader": "7.1.2",
106
- "eslint": "9.26.0",
107
- "eslint-plugin-cypress": "4.3.0",
108
- "eslint-plugin-storybook": "0.12.0",
102
+ "eslint": "9.28.0",
103
+ "eslint-plugin-cypress": "5.1.0",
104
+ "eslint-plugin-storybook": "9.0.5",
109
105
  "fast-glob": "3.3.3",
110
- "fast-xml-parser": "5.2.2",
106
+ "fast-xml-parser": "5.2.4",
111
107
  "fs-extra": "11.3.0",
112
108
  "husky": "9.1.7",
113
109
  "jsdom": "26.1.0",
114
- "lint-staged": "15.5.2",
115
- "lucide": "0.507.0",
116
- "postcss": "8.5.3",
117
- "sass": "1.87.0",
110
+ "lint-staged": "16.1.0",
111
+ "lucide": "0.513.0",
112
+ "postcss": "8.5.4",
113
+ "sass": "1.89.1",
118
114
  "scule": "1.3.0",
119
- "storybook": "8.6.12",
115
+ "storybook": "9.0.5",
120
116
  "tailwindcss": "3.4.17",
121
117
  "tinycolor2": "1.6.0",
122
118
  "tsc-alias": "1.8.16",
123
119
  "tsx": "4.19.4",
124
120
  "typescript": "5.8.3",
125
- "unplugin-auto-import": "19.2.0",
121
+ "unplugin-auto-import": "19.3.0",
126
122
  "vite": "6.3.5",
127
123
  "vite-plugin-vue-devtools": "7.7.6",
128
- "vitest": "3.1.3",
129
- "vue": "3.5.13",
124
+ "vitest": "3.2.2",
125
+ "vue": "3.5.16",
130
126
  "vue-component-meta": "2.2.10",
131
127
  "vue-loader": "17.4.2",
132
128
  "vue-router": "4.5.1",