@fewangsit/wangsvue-presets 1.0.81-alpha.0 → 1.0.81-alpha.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (299) hide show
  1. package/build.sh +32 -0
  2. package/dev.sh +22 -0
  3. package/dist +13 -0
  4. package/fixedasset/accordion/index.js +75 -0
  5. package/fixedasset/autocomplete/index.js +280 -0
  6. package/fixedasset/avatar/index.js +42 -0
  7. package/fixedasset/avatargroup/index.js +7 -0
  8. package/fixedasset/badge/index.js +54 -0
  9. package/fixedasset/badgedirective/index.js +50 -0
  10. package/fixedasset/badgegroup/index.js +30 -0
  11. package/fixedasset/breadcrumb/index.js +29 -0
  12. package/fixedasset/button/index.js +506 -0
  13. package/fixedasset/buttonbulkaction/index.js +35 -0
  14. package/fixedasset/buttondownload/index.js +12 -0
  15. package/fixedasset/buttonfilter/index.js +12 -0
  16. package/fixedasset/buttonradio/index.js +122 -0
  17. package/fixedasset/buttonsearch/index.js +53 -0
  18. package/fixedasset/calendar/index.js +684 -0
  19. package/fixedasset/card/index.js +32 -0
  20. package/fixedasset/carousel/index.js +134 -0
  21. package/fixedasset/cascadeselect/index.js +219 -0
  22. package/fixedasset/changelog/index.js +29 -0
  23. package/fixedasset/checkbox/index.js +127 -0
  24. package/fixedasset/chip/index.js +45 -0
  25. package/fixedasset/chips/index.js +112 -0
  26. package/fixedasset/colorpicker/index.js +134 -0
  27. package/fixedasset/colors.config.json +77 -0
  28. package/fixedasset/confirmpopup/index.js +122 -0
  29. package/fixedasset/contextmenu/index.js +122 -0
  30. package/fixedasset/datatable/index.js +246 -0
  31. package/fixedasset/dataview/index.js +40 -0
  32. package/fixedasset/dataviewlayoutoptions/index.js +64 -0
  33. package/fixedasset/datepicker/index.js +39 -0
  34. package/fixedasset/daypicker/index.js +38 -0
  35. package/fixedasset/dialog/index.js +249 -0
  36. package/fixedasset/dialogconfirm/index.js +42 -0
  37. package/fixedasset/dialogform/index.js +67 -0
  38. package/fixedasset/divider/index.js +72 -0
  39. package/fixedasset/dock/index.js +97 -0
  40. package/fixedasset/dropdown/index.js +230 -0
  41. package/fixedasset/fieldset/index.js +99 -0
  42. package/fixedasset/fileupload/index.js +23 -0
  43. package/fixedasset/form/index.js +42 -0
  44. package/fixedasset/global.js +87 -0
  45. package/{wangsvue/style.css → fixedasset/icons.css} +849 -5822
  46. package/fixedasset/image/index.js +128 -0
  47. package/fixedasset/index.css +65 -0
  48. package/{wangsvue/index.d.ts → fixedasset/index.js} +211 -190
  49. package/fixedasset/inlinemessage/index.js +26 -0
  50. package/fixedasset/inputbadge/index.js +41 -0
  51. package/fixedasset/inputcurrency/index.js +12 -0
  52. package/fixedasset/inputgroup/index.js +40 -0
  53. package/fixedasset/inputgroupaddon/index.js +34 -0
  54. package/fixedasset/inputmask/index.js +30 -0
  55. package/fixedasset/inputnumber/index.js +50 -0
  56. package/fixedasset/inputotp/index.js +70 -0
  57. package/fixedasset/inputphonenumber/index.js +19 -0
  58. package/fixedasset/inputswitch/index.js +114 -0
  59. package/fixedasset/inputtext/index.js +27 -0
  60. package/fixedasset/knob/index.js +47 -0
  61. package/fixedasset/listbox/index.js +156 -0
  62. package/fixedasset/megamenu/index.js +218 -0
  63. package/fixedasset/menu/index.js +119 -0
  64. package/fixedasset/menubar/index.js +186 -0
  65. package/fixedasset/message/index.js +87 -0
  66. package/fixedasset/multiselect/index.js +360 -0
  67. package/fixedasset/orderlist/index.js +275 -0
  68. package/fixedasset/organizationchart/index.js +143 -0
  69. package/fixedasset/overlaypanel/index.js +36 -0
  70. package/fixedasset/paginator/index.js +547 -0
  71. package/fixedasset/panel/index.js +95 -0
  72. package/fixedasset/panelmenu/index.js +136 -0
  73. package/fixedasset/password/index.js +98 -0
  74. package/fixedasset/picklist/index.js +684 -0
  75. package/fixedasset/progressbar/index.js +112 -0
  76. package/fixedasset/rating/index.js +86 -0
  77. package/fixedasset/ripple/index.js +6 -0
  78. package/fixedasset/scrollpanel/index.js +77 -0
  79. package/fixedasset/scrolltop/index.js +45 -0
  80. package/fixedasset/selectbutton/index.js +59 -0
  81. package/fixedasset/sidebar/index.js +165 -0
  82. package/fixedasset/skeleton/index.js +19 -0
  83. package/fixedasset/slider/index.js +135 -0
  84. package/fixedasset/splitbutton/index.js +957 -0
  85. package/fixedasset/steps/index.js +132 -0
  86. package/fixedasset/tabmenu/index.js +84 -0
  87. package/fixedasset/tabview/index.js +168 -0
  88. package/fixedasset/tag/index.js +37 -0
  89. package/fixedasset/tailwind.config.js +20 -0
  90. package/fixedasset/terminal/index.js +60 -0
  91. package/fixedasset/textarea/index.js +44 -0
  92. package/fixedasset/tieredmenu/index.js +121 -0
  93. package/fixedasset/timeline/index.js +70 -0
  94. package/fixedasset/toast/index.js +97 -0
  95. package/fixedasset/togglebutton/index.js +87 -0
  96. package/fixedasset/toolbar/index.js +30 -0
  97. package/fixedasset/tooltip/index.js +44 -0
  98. package/fixedasset/tree/index.js +298 -0
  99. package/fixedasset/treeselect/index.js +395 -0
  100. package/fixedasset/tristatecheckbox/index.js +128 -0
  101. package/fixedasset/validatormessage/index.js +7 -0
  102. package/fixedasset/workcalendar/index.js +27 -0
  103. package/{index.d.ts → index.ts} +1 -1
  104. package/package.json +2 -2
  105. package/release.sh +7 -0
  106. package/tsconfig.json +14 -0
  107. package/vite.config.ts +17 -0
  108. package/wangsvue/accordion/index.js +75 -70
  109. package/wangsvue/autocomplete/index.js +280 -247
  110. package/wangsvue/avatar/index.js +42 -44
  111. package/wangsvue/avatargroup/index.js +7 -9
  112. package/wangsvue/badge/index.js +54 -60
  113. package/wangsvue/badgedirective/index.js +50 -49
  114. package/wangsvue/badgegroup/index.js +30 -29
  115. package/wangsvue/breadcrumb/index.js +29 -31
  116. package/wangsvue/button/index.js +506 -423
  117. package/wangsvue/buttonbulkaction/index.js +35 -35
  118. package/wangsvue/buttondownload/index.js +12 -13
  119. package/wangsvue/buttonfilter/index.js +12 -13
  120. package/wangsvue/buttonradio/index.js +122 -109
  121. package/wangsvue/buttonsearch/index.js +53 -62
  122. package/wangsvue/calendar/index.js +684 -610
  123. package/wangsvue/card/index.js +32 -32
  124. package/wangsvue/carousel/index.js +134 -129
  125. package/wangsvue/cascadeselect/index.js +219 -191
  126. package/wangsvue/changelog/index.js +29 -31
  127. package/wangsvue/checkbox/index.js +127 -107
  128. package/wangsvue/chip/index.js +45 -40
  129. package/wangsvue/chips/index.js +112 -98
  130. package/wangsvue/colorpicker/index.js +134 -118
  131. package/wangsvue/confirmpopup/index.js +122 -104
  132. package/wangsvue/contextmenu/index.js +122 -113
  133. package/wangsvue/datatable/index.js +246 -253
  134. package/wangsvue/dataview/index.js +40 -36
  135. package/wangsvue/dataviewlayoutoptions/index.js +64 -58
  136. package/wangsvue/datepicker/index.js +39 -0
  137. package/wangsvue/daypicker/index.js +38 -0
  138. package/wangsvue/dialog/index.js +249 -220
  139. package/wangsvue/dialogconfirm/index.js +42 -45
  140. package/wangsvue/dialogform/index.js +67 -68
  141. package/wangsvue/divider/index.js +72 -64
  142. package/wangsvue/dock/index.js +97 -92
  143. package/wangsvue/dropdown/index.js +230 -207
  144. package/wangsvue/fieldset/index.js +99 -87
  145. package/wangsvue/fileupload/index.js +23 -31
  146. package/wangsvue/form/index.js +42 -44
  147. package/wangsvue/global.js +87 -14
  148. package/wangsvue/icons.css +850 -0
  149. package/wangsvue/image/index.js +128 -136
  150. package/wangsvue/index.css +65 -0
  151. package/wangsvue/index.js +211 -201
  152. package/wangsvue/inlinemessage/index.js +26 -30
  153. package/wangsvue/inputbadge/index.js +41 -57
  154. package/wangsvue/inputcurrency/index.js +12 -22
  155. package/wangsvue/inputgroup/index.js +40 -37
  156. package/wangsvue/inputgroupaddon/index.js +34 -34
  157. package/wangsvue/inputmask/index.js +30 -29
  158. package/wangsvue/inputnumber/index.js +50 -58
  159. package/wangsvue/inputotp/index.js +70 -63
  160. package/wangsvue/inputphonenumber/index.js +19 -34
  161. package/wangsvue/inputswitch/index.js +114 -100
  162. package/wangsvue/inputtext/index.js +27 -28
  163. package/wangsvue/knob/index.js +47 -45
  164. package/wangsvue/listbox/index.js +156 -138
  165. package/wangsvue/megamenu/index.js +218 -202
  166. package/wangsvue/menu/index.js +119 -110
  167. package/wangsvue/menubar/index.js +186 -172
  168. package/wangsvue/message/index.js +87 -85
  169. package/wangsvue/multiselect/index.js +360 -328
  170. package/wangsvue/orderlist/index.js +275 -245
  171. package/wangsvue/organizationchart/index.js +143 -129
  172. package/wangsvue/overlaypanel/index.js +36 -34
  173. package/wangsvue/paginator/index.js +547 -474
  174. package/wangsvue/panel/index.js +95 -85
  175. package/wangsvue/panelmenu/index.js +136 -124
  176. package/wangsvue/password/index.js +98 -96
  177. package/wangsvue/picklist/index.js +684 -613
  178. package/wangsvue/progressbar/index.js +112 -102
  179. package/wangsvue/rating/index.js +86 -88
  180. package/wangsvue/ripple/index.js +6 -8
  181. package/wangsvue/scrollpanel/index.js +77 -62
  182. package/wangsvue/scrolltop/index.js +45 -42
  183. package/wangsvue/selectbutton/index.js +59 -60
  184. package/wangsvue/sidebar/index.js +165 -145
  185. package/wangsvue/skeleton/index.js +19 -22
  186. package/wangsvue/slider/index.js +135 -126
  187. package/wangsvue/splitbutton/index.js +957 -786
  188. package/wangsvue/steps/index.js +132 -119
  189. package/wangsvue/tabmenu/index.js +84 -75
  190. package/wangsvue/tabview/index.js +168 -148
  191. package/wangsvue/tag/index.js +37 -37
  192. package/wangsvue/tailwind.config.js +20 -0
  193. package/wangsvue/terminal/index.js +60 -55
  194. package/wangsvue/textarea/index.js +44 -51
  195. package/wangsvue/tieredmenu/index.js +121 -108
  196. package/wangsvue/timeline/index.js +70 -83
  197. package/wangsvue/toast/index.js +97 -95
  198. package/wangsvue/togglebutton/index.js +87 -77
  199. package/wangsvue/toolbar/index.js +30 -29
  200. package/wangsvue/tooltip/index.js +44 -42
  201. package/wangsvue/tree/index.js +298 -256
  202. package/wangsvue/treeselect/index.js +395 -338
  203. package/wangsvue/tristatecheckbox/index.js +128 -106
  204. package/wangsvue/validatormessage/index.js +7 -9
  205. package/wangsvue/workcalendar/index.js +27 -36
  206. package/index.js +0 -5
  207. package/wangsvue/accordion/index.d.ts +0 -37
  208. package/wangsvue/autocomplete/index.d.ts +0 -188
  209. package/wangsvue/avatar/index.d.ts +0 -85
  210. package/wangsvue/avatargroup/index.d.ts +0 -8
  211. package/wangsvue/badge/index.d.ts +0 -47
  212. package/wangsvue/badgedirective/index.d.ts +0 -50
  213. package/wangsvue/badgegroup/index.d.ts +0 -45
  214. package/wangsvue/breadcrumb/index.d.ts +0 -25
  215. package/wangsvue/button/index.d.ts +0 -46
  216. package/wangsvue/buttonbulkaction/index.d.ts +0 -32
  217. package/wangsvue/buttondownload/index.d.ts +0 -12
  218. package/wangsvue/buttonfilter/index.d.ts +0 -12
  219. package/wangsvue/buttonradio/index.d.ts +0 -58
  220. package/wangsvue/buttonsearch/index.d.ts +0 -65
  221. package/wangsvue/calendar/index.d.ts +0 -267
  222. package/wangsvue/card/index.d.ts +0 -31
  223. package/wangsvue/carousel/index.d.ts +0 -57
  224. package/wangsvue/cascadeselect/index.d.ts +0 -82
  225. package/wangsvue/changelog/index.d.ts +0 -32
  226. package/wangsvue/checkbox/index.d.ts +0 -81
  227. package/wangsvue/chip/index.d.ts +0 -23
  228. package/wangsvue/chips/index.d.ts +0 -38
  229. package/wangsvue/colorpicker/index.d.ts +0 -51
  230. package/wangsvue/confirmpopup/index.d.ts +0 -39
  231. package/wangsvue/contextmenu/index.d.ts +0 -63
  232. package/wangsvue/datatable/index.d.ts +0 -286
  233. package/wangsvue/dataview/index.d.ts +0 -15
  234. package/wangsvue/dataviewlayoutoptions/index.d.ts +0 -13
  235. package/wangsvue/dialog/index.d.ts +0 -87
  236. package/wangsvue/dialogconfirm/index.d.ts +0 -42
  237. package/wangsvue/dialogform/index.d.ts +0 -71
  238. package/wangsvue/divider/index.d.ts +0 -192
  239. package/wangsvue/dock/index.d.ts +0 -51
  240. package/wangsvue/dropdown/index.d.ts +0 -136
  241. package/wangsvue/fieldset/index.d.ts +0 -94
  242. package/wangsvue/fileupload/index.d.ts +0 -29
  243. package/wangsvue/form/index.d.ts +0 -40
  244. package/wangsvue/global.d.ts +0 -8
  245. package/wangsvue/image/index.d.ts +0 -88
  246. package/wangsvue/index.system.js +0 -76
  247. package/wangsvue/inlinemessage/index.d.ts +0 -20
  248. package/wangsvue/inputbadge/index.d.ts +0 -57
  249. package/wangsvue/inputcurrency/index.d.ts +0 -27
  250. package/wangsvue/inputgroup/index.d.ts +0 -9
  251. package/wangsvue/inputgroupaddon/index.d.ts +0 -17
  252. package/wangsvue/inputmask/index.d.ts +0 -11
  253. package/wangsvue/inputnumber/index.d.ts +0 -46
  254. package/wangsvue/inputotp/index.d.ts +0 -137
  255. package/wangsvue/inputphonenumber/index.d.ts +0 -37
  256. package/wangsvue/inputswitch/index.d.ts +0 -67
  257. package/wangsvue/inputtext/index.d.ts +0 -18
  258. package/wangsvue/knob/index.d.ts +0 -22
  259. package/wangsvue/listbox/index.d.ts +0 -79
  260. package/wangsvue/megamenu/index.d.ts +0 -105
  261. package/wangsvue/menu/index.d.ts +0 -49
  262. package/wangsvue/menubar/index.d.ts +0 -85
  263. package/wangsvue/message/index.d.ts +0 -41
  264. package/wangsvue/multiselect/index.d.ts +0 -243
  265. package/wangsvue/orderlist/index.d.ts +0 -99
  266. package/wangsvue/organizationchart/index.d.ts +0 -71
  267. package/wangsvue/overlaypanel/index.d.ts +0 -17
  268. package/wangsvue/paginator/index.d.ts +0 -210
  269. package/wangsvue/panel/index.d.ts +0 -43
  270. package/wangsvue/panelmenu/index.d.ts +0 -76
  271. package/wangsvue/password/index.d.ts +0 -45
  272. package/wangsvue/picklist/index.d.ts +0 -245
  273. package/wangsvue/progressbar/index.d.ts +0 -117
  274. package/wangsvue/rating/index.d.ts +0 -47
  275. package/wangsvue/ripple/index.d.ts +0 -8
  276. package/wangsvue/scrollpanel/index.d.ts +0 -19
  277. package/wangsvue/scrolltop/index.d.ts +0 -50
  278. package/wangsvue/selectbutton/index.d.ts +0 -35
  279. package/wangsvue/sidebar/index.d.ts +0 -66
  280. package/wangsvue/skeleton/index.d.ts +0 -16
  281. package/wangsvue/slider/index.d.ts +0 -55
  282. package/wangsvue/splitbutton/index.d.ts +0 -6690
  283. package/wangsvue/steps/index.d.ts +0 -108
  284. package/wangsvue/tabmenu/index.d.ts +0 -57
  285. package/wangsvue/tabview/index.d.ts +0 -67
  286. package/wangsvue/tag/index.d.ts +0 -32
  287. package/wangsvue/terminal/index.d.ts +0 -27
  288. package/wangsvue/textarea/index.d.ts +0 -12
  289. package/wangsvue/tieredmenu/index.d.ts +0 -56
  290. package/wangsvue/timeline/index.d.ts +0 -53
  291. package/wangsvue/toast/index.d.ts +0 -61
  292. package/wangsvue/togglebutton/index.d.ts +0 -42
  293. package/wangsvue/toolbar/index.d.ts +0 -19
  294. package/wangsvue/tooltip/index.d.ts +0 -22
  295. package/wangsvue/tree/index.d.ts +0 -117
  296. package/wangsvue/treeselect/index.d.ts +0 -158
  297. package/wangsvue/tristatecheckbox/index.d.ts +0 -49
  298. package/wangsvue/validatormessage/index.d.ts +0 -8
  299. package/wangsvue/workcalendar/index.d.ts +0 -27
@@ -0,0 +1,132 @@
1
+ export default {
2
+ root: {
3
+ class: 'relative',
4
+ },
5
+ menu: {
6
+ class: 'p-0 m-0 list-none flex justify-center',
7
+ },
8
+ menuitem: {
9
+ class: [
10
+ // Flexbox and Position
11
+ 'relative',
12
+ 'flex',
13
+ 'justify-center',
14
+ ],
15
+ },
16
+ action: ({ props, context, state }) => ({
17
+ class: [
18
+ // Flexbox
19
+ 'inline-flex items-start relative',
20
+ 'flex-col',
21
+
22
+ // Transitions and Shape
23
+ 'transition-shadow',
24
+ 'rounded-md',
25
+
26
+ // Spacing
27
+ {
28
+ 'pr-4 min-[576px]:pr-32 md:pr-40':
29
+ props.model.length !== context.index + 1,
30
+ },
31
+
32
+ // Colors
33
+ 'bg-surface-0',
34
+ '',
35
+
36
+ // Misc
37
+ { 'cursor-pointer': !props.readonly },
38
+
39
+ // After
40
+ 'after:border-t-2',
41
+ {
42
+ 'after:border-surface-200':
43
+ state.d_activeStep <= context.index,
44
+ },
45
+ {
46
+ 'after:border-primary-500':
47
+ state.d_activeStep > context.index,
48
+ },
49
+ 'after:w-full',
50
+ 'after:absolute',
51
+ 'after:top-1/2',
52
+ 'after:left-0',
53
+ 'after:transform',
54
+ 'after:-mt-3',
55
+ { 'after:hidden': props.model.length == context.index + 1 },
56
+ ],
57
+ }),
58
+ step: ({ context, props, state }) => ({
59
+ class: [
60
+ // Flexbox
61
+ 'flex items-center justify-center',
62
+
63
+ // Position
64
+ 'z-40',
65
+
66
+ // Shape
67
+ 'rounded-full',
68
+ 'border-2',
69
+
70
+ // Size
71
+ 'w-[2rem]',
72
+ 'h-[2rem]',
73
+ 'text-sm',
74
+ 'leading-[2rem]',
75
+
76
+ // Colors
77
+ {
78
+ 'text-surface-400/60':
79
+ !context.active && state.d_activeStep < context.index,
80
+ 'border-surface-100':
81
+ !context.active && state.d_activeStep < context.index,
82
+ 'bg-surface-0': state.d_activeStep <= context.index,
83
+ },
84
+ {
85
+ 'border-primary-500': context.active,
86
+ 'text-primary-500': context.active,
87
+ },
88
+ {
89
+ 'bg-primary-500':
90
+ state.d_activeStep > context.index,
91
+ 'text-surface-0':
92
+ state.d_activeStep > context.index,
93
+ 'border-primary-500':
94
+ state.d_activeStep > context.index,
95
+ },
96
+
97
+ // States
98
+ {
99
+ 'hover:border-surface-300':
100
+ !context.active && !props.readonly,
101
+ },
102
+
103
+ // Transition
104
+ 'transition-colors duration-200 ease-in-out',
105
+ ],
106
+ }),
107
+ label: ({ context }) => ({
108
+ class: [
109
+ 'relative',
110
+ // Font
111
+ 'text-sm leading-none',
112
+ { 'font-medium': context.active },
113
+
114
+ // Display
115
+ 'block',
116
+
117
+ // Spacing
118
+ 'mt-2',
119
+
120
+ // Colors
121
+ {
122
+ 'text-surface-400/60': !context.active,
123
+ 'text-surface-800/80': context.active,
124
+ },
125
+
126
+ // Text and Overflow
127
+ 'whitespace-nowrap',
128
+ 'overflow-ellipsis',
129
+ 'max-w-full',
130
+ ],
131
+ }),
132
+ };
@@ -0,0 +1,84 @@
1
+ export default {
2
+ root: {
3
+ class: 'overflow-x-auto',
4
+ style: 'scrollbar-width: none',
5
+ },
6
+ menu: {
7
+ class: [
8
+ // Flexbox
9
+ 'flex flex-1',
10
+
11
+ // Size
12
+
13
+ // Spacing
14
+ 'list-none',
15
+ 'p-0 m-0',
16
+
17
+ // Colors
18
+ 'text-general-100',
19
+ ],
20
+ },
21
+ menuitem: {
22
+ class: 'mr-0',
23
+ },
24
+ action: ({ context, state }) => ({
25
+ class: [
26
+ 'relative',
27
+
28
+ // Font
29
+ 'font-normal',
30
+ 'text-xs',
31
+
32
+ // Flexbox and Alignment
33
+ 'flex items-center',
34
+
35
+ // Spacing
36
+ 'p-2 pb-1.5 pt-0.5 !h-6',
37
+
38
+ // Shape
39
+ 'border-b-2',
40
+
41
+ // Colors and Conditions
42
+ {
43
+ 'bg-transparent ': state.d_activeIndex !== context.index,
44
+ 'text-grayscale-900': state.d_activeIndex !== context.index,
45
+
46
+ 'border-primary-400': state.d_activeIndex === context.index,
47
+
48
+ 'border-primary-100': state.d_activeIndex !== context.index,
49
+ 'text-primary-500': state.d_activeIndex === context.index,
50
+ },
51
+
52
+ // States
53
+ 'hover:bg-primary-50',
54
+ 'focus-visible:outline-none focus-visible:outline-offset-0',
55
+ 'focus-visible:bg-primary-50',
56
+ {
57
+ 'focus-visible:border-primary-200 focus-visible:text-primary-400':
58
+ state.d_activeIndex !== context.index,
59
+ },
60
+
61
+ // Disabled States
62
+ {
63
+ 'pointer-events-none': context.item?.disabled,
64
+ 'opacity-60': context.item?.disabled,
65
+ },
66
+
67
+ // Transitions
68
+ 'transition-all duration-200',
69
+
70
+ // Misc
71
+ 'cursor-pointer select-none text-decoration-none',
72
+ 'overflow-hidden',
73
+ 'user-select-none',
74
+ '!no-underline',
75
+ 'whitespace-nowrap',
76
+ ],
77
+ }),
78
+ icon: {
79
+ class: 'mr-2',
80
+ },
81
+ inkbar: {
82
+ class: 'grow border-b-2 border-primary-100',
83
+ },
84
+ };
@@ -0,0 +1,168 @@
1
+ export default {
2
+ navContainer: ({ props }) => ({
3
+ class: [
4
+ // Position
5
+ 'relative',
6
+
7
+ // Misc
8
+ { 'overflow-hidden': props.scrollable },
9
+ ],
10
+ }),
11
+ navContent: {
12
+ class: [
13
+ // Overflow and Scrolling
14
+ 'overflow-y-hidden overscroll-contain',
15
+ 'overscroll-auto',
16
+ 'scroll-smooth',
17
+ '[&::-webkit-scrollbar]:hidden',
18
+ ],
19
+ },
20
+ previousButton: {
21
+ class: [
22
+ // Flexbox and Alignment
23
+ 'flex items-center justify-center',
24
+
25
+ // Position
26
+ '!absolute',
27
+ 'top-0 left-0',
28
+ 'z-20',
29
+
30
+ // Size and Shape
31
+ 'h-full w-12',
32
+ 'rounded-none',
33
+
34
+ // Colors
35
+ 'bg-surface-0',
36
+ 'text-primary-500',
37
+ 'shadow-md',
38
+ ],
39
+ },
40
+ nextButton: {
41
+ class: [
42
+ // Flexbox and Alignment
43
+ 'flex items-center justify-center',
44
+
45
+ // Position
46
+ '!absolute',
47
+ 'top-0 right-0',
48
+ 'z-20',
49
+
50
+ // Size and Shape
51
+ 'h-full w-12',
52
+ 'rounded-none',
53
+
54
+ // Colors
55
+ 'bg-surface-0',
56
+ 'text-primary-500',
57
+ 'shadow-md',
58
+ ],
59
+ },
60
+ nav: {
61
+ class: [
62
+ // Flexbox
63
+ 'flex flex-1',
64
+
65
+ // Spacing
66
+ 'list-none',
67
+ 'p-0 m-0',
68
+
69
+ // Colors
70
+ 'bg-surface-0',
71
+ 'border-b border-surface-200',
72
+ 'text-surface-900/80',
73
+ ],
74
+ },
75
+ tabpanel: {
76
+ header: ({ props }) => ({
77
+ class: [
78
+ // Spacing
79
+ 'mr-0',
80
+
81
+ // Misc
82
+ {
83
+ 'opacity-60 cursor-default user-select-none select-none pointer-events-none':
84
+ props?.disabled,
85
+ },
86
+ ],
87
+ }),
88
+ headerAction: ({ parent, context }) => ({
89
+ class: [
90
+ 'relative',
91
+
92
+ // Font
93
+ 'font-medium',
94
+ 'text-md',
95
+
96
+ // Flexbox and Alignment
97
+ 'flex items-center',
98
+
99
+ // Spacing
100
+ 'py-4 px-3',
101
+ '-mb-[1px]',
102
+
103
+ // Shape
104
+ 'border-b-2',
105
+ 'rounded-t-md',
106
+
107
+ // Colors and Conditions
108
+ {
109
+ 'border-surface-200':
110
+ parent.state.d_activeIndex !== context.index,
111
+ 'bg-surface-0':
112
+ parent.state.d_activeIndex !== context.index,
113
+ 'text-surface-700/80':
114
+ parent.state.d_activeIndex !== context.index,
115
+
116
+ 'bg-surface-0':
117
+ parent.state.d_activeIndex === context.index,
118
+ 'border-primary-500':
119
+ parent.state.d_activeIndex === context.index,
120
+ 'text-primary-500':
121
+ parent.state.d_activeIndex === context.index,
122
+ },
123
+
124
+ // States
125
+ 'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-inset',
126
+ 'focus-visible:ring-primary-500',
127
+ {
128
+ 'hover:bg-surface-0':
129
+ parent.state.d_activeIndex !== context.index,
130
+ 'hover:border-surface-400':
131
+ parent.state.d_activeIndex !== context.index,
132
+ 'hover:text-surface-900':
133
+ parent.state.d_activeIndex !== context.index,
134
+ },
135
+
136
+ // Transitions
137
+ 'transition-all duration-200',
138
+
139
+ // Misc
140
+ 'cursor-pointer select-none text-decoration-none',
141
+ 'overflow-hidden',
142
+ 'user-select-none',
143
+ 'whitespace-nowrap',
144
+ ],
145
+ }),
146
+ headerTitle: {
147
+ class: [
148
+ // Text
149
+ 'leading-none',
150
+ 'whitespace-nowrap',
151
+ ],
152
+ },
153
+ content: {
154
+ class: [
155
+ // Spacing
156
+ 'p-6',
157
+
158
+ // Shape
159
+ 'rounded-b-md',
160
+
161
+ // Colors
162
+ 'bg-surface-0',
163
+ 'text-surface-700/80',
164
+ 'border-0',
165
+ ],
166
+ },
167
+ },
168
+ };
@@ -0,0 +1,37 @@
1
+ export default {
2
+ root: ({ props }) => ({
3
+ class: [
4
+ //Font
5
+ 'text-xs font-bold',
6
+
7
+ //Alignments
8
+ 'inline-flex items-center justify-center',
9
+
10
+ //Spacing
11
+ 'px-2 py-1',
12
+
13
+ //Shape
14
+ {
15
+ 'rounded-md': !props.rounded,
16
+ 'rounded-full': props.rounded,
17
+ },
18
+
19
+ //Colors
20
+ 'text-white',
21
+ {
22
+ 'bg-primary-500':
23
+ props.severity == null || props.severity == 'primary',
24
+ 'bg-green-500': props.severity == 'success',
25
+ 'bg-blue-500': props.severity == 'info',
26
+ 'bg-orange-500': props.severity == 'warning',
27
+ 'bg-red-500': props.severity == 'danger',
28
+ },
29
+ ],
30
+ }),
31
+ value: {
32
+ class: 'leading-normal',
33
+ },
34
+ icon: {
35
+ class: 'mr-1 text-sm',
36
+ },
37
+ };
@@ -0,0 +1,20 @@
1
+ import colors from './colors.config.json';
2
+
3
+ /** @type {import('tailwindcss').Config} */
4
+ export default {
5
+ darkMode: 'selector',
6
+ content: ['./**/*.js'],
7
+ theme: {
8
+ extend: {
9
+ colors,
10
+ outline: {
11
+ none: 'none',
12
+ },
13
+ boxShadow: {
14
+ panel: '-4px 4px 20px 0px rgba(0, 0, 0, 0.10)',
15
+ hover: '0px 1px 3px 1px #00000033',
16
+ },
17
+ },
18
+ },
19
+ plugins: [],
20
+ };
@@ -0,0 +1,60 @@
1
+ export default {
2
+ root: {
3
+ class: [
4
+ // Spacing
5
+ 'p-5',
6
+
7
+ // Shape
8
+ 'rounded-md',
9
+
10
+ // Color
11
+ 'bg-surface-900 text-white',
12
+ 'border border-surface-700',
13
+
14
+ // Sizing & Overflow
15
+ 'h-72 overflow-auto',
16
+ ],
17
+ },
18
+ container: {
19
+ class: [
20
+ // Flexbox
21
+ 'flex items-center',
22
+ ],
23
+ },
24
+ prompt: {
25
+ class: [
26
+ // Color
27
+ 'text-surface-400',
28
+ ],
29
+ },
30
+ response: {
31
+ class: [
32
+ // Color
33
+ 'text-primary-400',
34
+ ],
35
+ },
36
+ command: {
37
+ class: [
38
+ // Color
39
+ 'text-primary-400',
40
+ ],
41
+ },
42
+ commandtext: {
43
+ class: [
44
+ // Flexbox
45
+ 'flex-1 shrink grow-0',
46
+
47
+ // Shape
48
+ 'border-0',
49
+
50
+ // Spacing
51
+ 'p-0',
52
+
53
+ // Color
54
+ 'bg-transparent text-inherit',
55
+
56
+ // Outline
57
+ 'outline-none',
58
+ ],
59
+ },
60
+ };
@@ -0,0 +1,44 @@
1
+ import { ringClass } from '../global.js';
2
+
3
+ export default {
4
+ root: ({ context, props }) => ({
5
+ 'class': [
6
+ // Font
7
+ 'font-normal placeholder:text-general-200 placeholder:!font-normal text-xs',
8
+
9
+ 'w-full',
10
+ {
11
+ 'resize-none': props.autoResize,
12
+ 'resize': !props.autoResize,
13
+ },
14
+
15
+ props.inputClass,
16
+ // Spacing
17
+ 'm-0',
18
+ 'py-1 px-3',
19
+
20
+ // Shape
21
+ 'rounded',
22
+ 'appearance-none',
23
+
24
+ ...ringClass,
25
+ {
26
+ '!ring-danger-500': context.invalidInput,
27
+ },
28
+
29
+ // // States
30
+ {
31
+ 'bg-transparent text-general-800': !context.disabled,
32
+ 'bg-general-50 text-general-200': context.disabled,
33
+ },
34
+ 'focus-visible:outline-none',
35
+
36
+ // Misc
37
+ 'appearance-none',
38
+ 'transition-colors duration-200',
39
+ ],
40
+ 'style': `min-height: ${props.rows * 26}px`,
41
+ 'data-wv-name': 'textarea',
42
+ 'data-wv-section': 'root',
43
+ }),
44
+ };
@@ -0,0 +1,121 @@
1
+ export default {
2
+ root: {
3
+ class: [
4
+ // Shape
5
+ 'rounded-md',
6
+
7
+ // Size
8
+ 'min-w-[12rem]',
9
+ 'p-1.5',
10
+
11
+ // Colors
12
+ 'bg-surface-0',
13
+ 'ring-1 ring-surface-200',
14
+ ],
15
+ },
16
+ menu: {
17
+ class: [
18
+ // Spacings and Shape
19
+ 'list-none',
20
+ 'm-0',
21
+ 'p-0',
22
+ 'outline-none',
23
+ ],
24
+ },
25
+ menuitem: {
26
+ class: ['relative first:mt-0 mt-1'],
27
+ },
28
+ content: ({ context }) => ({
29
+ class: [
30
+ //Shape
31
+ 'rounded-md',
32
+
33
+ // Colors
34
+ {
35
+ 'text-surface-500/70':
36
+ !context.focused && !context.active,
37
+ 'text-surface-500/70 bg-surface-200':
38
+ context.focused && !context.active,
39
+ 'text-surface-900/80 bg-surface-50':
40
+ context.focused && context.active,
41
+ 'text-surface-900/80 bg-surface-50':
42
+ !context.focused && context.active,
43
+ },
44
+
45
+ // Hover States
46
+ {
47
+ 'hover:bg-surface-50': !context.active,
48
+ 'hover:bg-surface-100 text-surface-900/80':
49
+ context.active,
50
+ },
51
+
52
+ // Transitions
53
+ 'transition-shadow',
54
+ 'duration-200',
55
+ ],
56
+ }),
57
+ action: {
58
+ class: [
59
+ 'relative',
60
+
61
+ // Font
62
+ 'font-semibold',
63
+
64
+ // Flexbox
65
+ 'flex',
66
+ 'items-center',
67
+
68
+ // Spacing
69
+ 'py-2',
70
+ 'px-3',
71
+
72
+ // Misc
73
+ 'no-underline',
74
+ 'overflow-hidden',
75
+ 'cursor-pointer',
76
+ 'select-none',
77
+ ],
78
+ },
79
+ icon: {
80
+ class: [
81
+ // Spacing
82
+ 'mr-2',
83
+ 'leading-6',
84
+ 'text-sm',
85
+ ],
86
+ },
87
+ label: {
88
+ class: ['leading-none', 'text-sm'],
89
+ },
90
+ submenuicon: {
91
+ class: [
92
+ // Position
93
+ 'ml-auto',
94
+ ],
95
+ },
96
+ submenu: {
97
+ class: [
98
+ // Size
99
+ 'w-full sm:w-48',
100
+
101
+ // Spacing
102
+ 'p-1.5',
103
+ 'm-0 mx-1.5',
104
+ 'list-none',
105
+
106
+ // Shape
107
+ 'shadow-none sm:shadow-md',
108
+ 'border-0',
109
+
110
+ // Position
111
+ 'static sm:absolute',
112
+ 'z-10',
113
+
114
+ // Color
115
+ 'bg-surface-0',
116
+ ],
117
+ },
118
+ separator: {
119
+ class: 'border-t border-surface-200 my-1',
120
+ },
121
+ };