@well-insight/ui 0.1.9 → 0.1.11

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 (462) hide show
  1. package/CHANGELOG.md +59 -0
  2. package/README.md +3 -3
  3. package/README.zh-CN.md +3 -3
  4. package/dist/{Button-BZzV1X-d.js → Button-tnrMSwNg.js} +4 -8
  5. package/dist/{Checkbox-BtgWgkHI.js → Checkbox-CoovLjt_.js} +6 -6
  6. package/dist/{Icon-B6gOD07E.js → Icon-DHGs8l-M.js} +27 -1
  7. package/dist/Pagination-UvgyUKB1.js +155 -0
  8. package/dist/{ProgressSpinner-YThgaSzb.js → ProgressSpinner-BTijCc7l.js} +1 -1
  9. package/dist/accordion/style.css +42 -28
  10. package/dist/auto-complete/index.js +106 -99
  11. package/dist/auto-complete/style.css +184 -162
  12. package/dist/avatar/index.js +1 -1
  13. package/dist/avatar/style.css +106 -79
  14. package/dist/badge/style.css +150 -115
  15. package/dist/block-ui/style.css +42 -28
  16. package/dist/breadcrumb/index.js +1 -1
  17. package/dist/breadcrumb/style.css +42 -28
  18. package/dist/button/index.js +1 -1
  19. package/dist/button/style.css +609 -452
  20. package/dist/card/style.css +42 -28
  21. package/dist/carousel/index.js +61 -54
  22. package/dist/carousel/style.css +116 -62
  23. package/dist/carousel/style.js +1 -0
  24. package/dist/cascade-select/index.js +143 -76
  25. package/dist/cascade-select/style.css +193 -110
  26. package/dist/cascade-select/style.js +1 -0
  27. package/dist/checkbox/index.js +1 -1
  28. package/dist/checkbox/style.css +42 -28
  29. package/dist/chip/index.js +32 -29
  30. package/dist/chip/style.css +121 -100
  31. package/dist/command-menu/index.js +2 -2
  32. package/dist/command-menu/style.css +101 -85
  33. package/dist/components/Accordion/Accordion.vue.d.ts.map +1 -1
  34. package/dist/components/AutoComplete/AutoComplete.vue.d.ts +2 -0
  35. package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
  36. package/dist/components/AutoComplete/styles.css +142 -134
  37. package/dist/components/AutoComplete/types.d.ts +1 -0
  38. package/dist/components/AutoComplete/types.d.ts.map +1 -1
  39. package/dist/components/Avatar/Avatar.vue.d.ts.map +1 -1
  40. package/dist/components/Avatar/AvatarGroup.vue.d.ts.map +1 -1
  41. package/dist/components/Avatar/styles.css +64 -51
  42. package/dist/components/Badge/Badge.vue.d.ts.map +1 -1
  43. package/dist/components/Badge/styles.css +108 -87
  44. package/dist/components/BlockUI/BlockUI.vue.d.ts.map +1 -1
  45. package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts.map +1 -1
  46. package/dist/components/Button/Button.vue.d.ts +1 -2
  47. package/dist/components/Button/Button.vue.d.ts.map +1 -1
  48. package/dist/components/Button/ButtonGroup.vue.d.ts.map +1 -1
  49. package/dist/components/Button/styles.css +567 -424
  50. package/dist/components/Button/types.d.ts +0 -2
  51. package/dist/components/Button/types.d.ts.map +1 -1
  52. package/dist/components/Card/Card.vue.d.ts.map +1 -1
  53. package/dist/components/Carousel/Carousel.vue.d.ts +2 -2
  54. package/dist/components/Carousel/Carousel.vue.d.ts.map +1 -1
  55. package/dist/components/Carousel/styles.css +36 -35
  56. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts +6 -0
  57. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts.map +1 -1
  58. package/dist/components/CascadeSelect/styles.css +137 -107
  59. package/dist/components/CascadeSelect/types.d.ts +11 -0
  60. package/dist/components/CascadeSelect/types.d.ts.map +1 -1
  61. package/dist/components/Checkbox/Checkbox.vue.d.ts.map +1 -1
  62. package/dist/components/Checkbox/CheckboxGroup.vue.d.ts.map +1 -1
  63. package/dist/components/Chip/Chip.vue.d.ts.map +1 -1
  64. package/dist/components/Chip/styles.css +79 -72
  65. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  66. package/dist/components/CommandMenu/styles.css +59 -57
  67. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts.map +1 -1
  68. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts.map +1 -1
  69. package/dist/components/ConfirmDialog/styles.css +17 -16
  70. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts.map +1 -1
  71. package/dist/components/ConfirmPopup/styles.css +27 -26
  72. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  73. package/dist/components/ContextMenu/ContextMenuNodes.vue.d.ts.map +1 -1
  74. package/dist/components/ContextMenu/index.d.ts +1 -1
  75. package/dist/components/ContextMenu/index.d.ts.map +1 -1
  76. package/dist/components/ContextMenu/styles.css +43 -37
  77. package/dist/components/ContextMenu/useContextMenu.d.ts.map +1 -1
  78. package/dist/components/DataView/DataView.vue.d.ts.map +1 -1
  79. package/dist/components/DatePicker/DatePicker.vue.d.ts +2 -0
  80. package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
  81. package/dist/components/DatePicker/styles.css +200 -151
  82. package/dist/components/DatePicker/types.d.ts +1 -0
  83. package/dist/components/DatePicker/types.d.ts.map +1 -1
  84. package/dist/components/Dialog/Dialog.vue.d.ts +3 -3
  85. package/dist/components/Dialog/Dialog.vue.d.ts.map +1 -1
  86. package/dist/components/Dialog/styles.css +155 -150
  87. package/dist/components/Divider/Divider.vue.d.ts.map +1 -1
  88. package/dist/components/Divider/types.d.ts +0 -5
  89. package/dist/components/Divider/types.d.ts.map +1 -1
  90. package/dist/components/Dock/Dock.vue.d.ts.map +1 -1
  91. package/dist/components/Dock/styles.css +37 -32
  92. package/dist/components/Drawer/Drawer.vue.d.ts +2 -2
  93. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  94. package/dist/components/Drawer/styles.css +82 -80
  95. package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
  96. package/dist/components/Dropdown/DropdownNodes.vue.d.ts +2 -2
  97. package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map +1 -1
  98. package/dist/components/Dropdown/styles.css +58 -57
  99. package/dist/components/Fieldset/Fieldset.vue.d.ts +4 -4
  100. package/dist/components/Fieldset/Fieldset.vue.d.ts.map +1 -1
  101. package/dist/components/FileUpload/FileUpload.vue.d.ts +2 -2
  102. package/dist/components/FileUpload/FileUpload.vue.d.ts.map +1 -1
  103. package/dist/components/FileUpload/styles.css +238 -221
  104. package/dist/components/Flex/Flex.vue.d.ts.map +1 -1
  105. package/dist/components/FloatLabel/FloatLabel.vue.d.ts.map +1 -1
  106. package/dist/components/Form/Form.vue.d.ts.map +1 -1
  107. package/dist/components/Form/FormItem.vue.d.ts.map +1 -1
  108. package/dist/components/Form/index.d.ts +2 -2
  109. package/dist/components/Form/index.d.ts.map +1 -1
  110. package/dist/components/Form/styles.css +46 -44
  111. package/dist/components/Gallery/Gallery.vue.d.ts.map +1 -1
  112. package/dist/components/Gallery/styles.css +42 -39
  113. package/dist/components/Grid/Grid.vue.d.ts.map +1 -1
  114. package/dist/components/Grid/GridItem.vue.d.ts.map +1 -1
  115. package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
  116. package/dist/components/Icon/icons.d.ts +32 -0
  117. package/dist/components/Icon/icons.d.ts.map +1 -1
  118. package/dist/components/IconField/IconField.vue.d.ts.map +1 -1
  119. package/dist/components/Inplace/Inplace.vue.d.ts.map +1 -1
  120. package/dist/components/Input/Input.vue.d.ts +0 -1
  121. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  122. package/dist/components/Input/styles.css +196 -191
  123. package/dist/components/Input/types.d.ts +1 -3
  124. package/dist/components/Input/types.d.ts.map +1 -1
  125. package/dist/components/InputColor/InputColor.vue.d.ts.map +1 -1
  126. package/dist/components/InputColor/styles.css +50 -48
  127. package/dist/components/InputNumber/InputNumber.vue.d.ts.map +1 -1
  128. package/dist/components/InputNumber/styles.css +90 -80
  129. package/dist/components/InputOtp/InputOtp.vue.d.ts.map +1 -1
  130. package/dist/components/InputPassword/InputPassword.vue.d.ts +4 -4
  131. package/dist/components/InputPassword/InputPassword.vue.d.ts.map +1 -1
  132. package/dist/components/InputPassword/styles.css +130 -117
  133. package/dist/components/InputTags/InputTags.vue.d.ts.map +1 -1
  134. package/dist/components/InputTags/styles.css +51 -43
  135. package/dist/components/Knob/Knob.vue.d.ts.map +1 -1
  136. package/dist/components/Label/Label.vue.d.ts.map +1 -1
  137. package/dist/components/Layout/Layout.vue.d.ts +1 -4
  138. package/dist/components/Layout/Layout.vue.d.ts.map +1 -1
  139. package/dist/components/Layout/LayoutContent.vue.d.ts +1 -4
  140. package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
  141. package/dist/components/Layout/LayoutFooter.vue.d.ts.map +1 -1
  142. package/dist/components/Layout/LayoutHeader.vue.d.ts.map +1 -1
  143. package/dist/components/Layout/LayoutSider.vue.d.ts +2 -5
  144. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  145. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts +9 -0
  146. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts.map +1 -0
  147. package/dist/components/Layout/composables/useLayoutScroll.d.ts +6 -0
  148. package/dist/components/Layout/composables/useLayoutScroll.d.ts.map +1 -0
  149. package/dist/components/Layout/composables/useLayoutSiderCollapse.d.ts +16 -0
  150. package/dist/components/Layout/composables/useLayoutSiderCollapse.d.ts.map +1 -0
  151. package/dist/components/Layout/index.d.ts +2 -2
  152. package/dist/components/Layout/index.d.ts.map +1 -1
  153. package/dist/components/Layout/styles.css +293 -271
  154. package/dist/components/Layout/types.d.ts +30 -34
  155. package/dist/components/Layout/types.d.ts.map +1 -1
  156. package/dist/components/Layout/utils.d.ts +3 -0
  157. package/dist/components/Layout/utils.d.ts.map +1 -0
  158. package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
  159. package/dist/components/Listbox/styles.css +61 -51
  160. package/dist/components/MegaMenu/MegaMenu.vue.d.ts.map +1 -1
  161. package/dist/components/MegaMenu/styles.css +60 -58
  162. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  163. package/dist/components/Menu/MenuNodes.vue.d.ts.map +1 -1
  164. package/dist/components/Menu/styles.css +53 -47
  165. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  166. package/dist/components/Menubar/styles.css +80 -70
  167. package/dist/components/Message/Message.vue.d.ts.map +1 -1
  168. package/dist/components/Message/index.d.ts +1 -1
  169. package/dist/components/Message/index.d.ts.map +1 -1
  170. package/dist/components/Message/message.d.ts +2 -2
  171. package/dist/components/Message/message.d.ts.map +1 -1
  172. package/dist/components/Message/messageState.d.ts.map +1 -1
  173. package/dist/components/Message/styles.css +193 -143
  174. package/dist/components/Message/types.d.ts +1 -1
  175. package/dist/components/Message/types.d.ts.map +1 -1
  176. package/dist/components/MeterGroup/MeterGroup.vue.d.ts.map +1 -1
  177. package/dist/components/MeterGroup/styles.css +36 -34
  178. package/dist/components/OrderList/OrderList.vue.d.ts.map +1 -1
  179. package/dist/components/Pagination/Pagination.vue.d.ts.map +1 -1
  180. package/dist/components/Pagination/styles.css +59 -57
  181. package/dist/components/Panel/Panel.vue.d.ts +3 -3
  182. package/dist/components/Panel/Panel.vue.d.ts.map +1 -1
  183. package/dist/components/PickList/PickList.vue.d.ts.map +1 -1
  184. package/dist/components/Popover/Popover.vue.d.ts.map +1 -1
  185. package/dist/components/Popover/styles.css +87 -45
  186. package/dist/components/ProgressBar/ProgressBar.vue.d.ts.map +1 -1
  187. package/dist/components/ProgressSpinner/ProgressSpinner.vue.d.ts.map +1 -1
  188. package/dist/components/Radio/Radio.vue.d.ts.map +1 -1
  189. package/dist/components/Radio/RadioGroup.vue.d.ts.map +1 -1
  190. package/dist/components/Rating/Rating.vue.d.ts.map +1 -1
  191. package/dist/components/Rating/styles.css +28 -23
  192. package/dist/components/ScrollTop/ScrollTop.vue.d.ts.map +1 -1
  193. package/dist/components/Scrollbar/Scrollbar.vue.d.ts.map +1 -1
  194. package/dist/components/Scrollbar/Thumb.vue.d.ts.map +1 -1
  195. package/dist/components/Scrollbar/constants.d.ts +2 -2
  196. package/dist/components/Scrollbar/constants.d.ts.map +1 -1
  197. package/dist/components/Scrollbar/styles.css +68 -59
  198. package/dist/components/Select/Select.vue.d.ts +1 -1
  199. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  200. package/dist/components/Select/styles.css +184 -271
  201. package/dist/components/Select/types.d.ts +3 -3
  202. package/dist/components/Select/types.d.ts.map +1 -1
  203. package/dist/components/SelectButton/SelectButton.vue.d.ts.map +1 -1
  204. package/dist/components/SelectButton/styles.css +64 -51
  205. package/dist/components/Sidebar/Sidebar.vue.d.ts.map +1 -1
  206. package/dist/components/Sidebar/styles.css +40 -38
  207. package/dist/components/Skeleton/Skeleton.vue.d.ts.map +1 -1
  208. package/dist/components/Slider/Slider.vue.d.ts.map +1 -1
  209. package/dist/components/Slider/styles.css +111 -95
  210. package/dist/components/Slider/types.d.ts +2 -0
  211. package/dist/components/Slider/types.d.ts.map +1 -1
  212. package/dist/components/Space/Space.vue.d.ts.map +1 -1
  213. package/dist/components/SpeedDial/SpeedDial.vue.d.ts.map +1 -1
  214. package/dist/components/SplitButton/SplitButton.vue.d.ts.map +1 -1
  215. package/dist/components/SplitButton/styles.css +105 -89
  216. package/dist/components/Splitter/Splitter.vue.d.ts.map +1 -1
  217. package/dist/components/Stepper/Stepper.vue.d.ts.map +1 -1
  218. package/dist/components/Stepper/styles.css +63 -58
  219. package/dist/components/Switch/Switch.vue.d.ts.map +1 -1
  220. package/dist/components/Switch/styles.css +82 -53
  221. package/dist/components/Table/Table.vue.d.ts +9 -9
  222. package/dist/components/Table/Table.vue.d.ts.map +1 -1
  223. package/dist/components/Tabs/Tabs.vue.d.ts +3 -3
  224. package/dist/components/Tabs/Tabs.vue.d.ts.map +1 -1
  225. package/dist/components/Tag/Tag.vue.d.ts.map +1 -1
  226. package/dist/components/Terminal/Terminal.vue.d.ts.map +1 -1
  227. package/dist/components/Terminal/styles.css +46 -34
  228. package/dist/components/Textarea/Textarea.vue.d.ts +0 -2
  229. package/dist/components/Textarea/Textarea.vue.d.ts.map +1 -1
  230. package/dist/components/Textarea/styles.css +68 -62
  231. package/dist/components/Textarea/types.d.ts +2 -6
  232. package/dist/components/Textarea/types.d.ts.map +1 -1
  233. package/dist/components/TieredMenu/TieredMenu.vue.d.ts.map +1 -1
  234. package/dist/components/TieredMenu/styles.css +69 -62
  235. package/dist/components/Timeline/Timeline.vue.d.ts.map +1 -1
  236. package/dist/components/Timeline/types.d.ts +1 -1
  237. package/dist/components/Timeline/types.d.ts.map +1 -1
  238. package/dist/components/Toast/Toast.vue.d.ts.map +1 -1
  239. package/dist/components/Toast/index.d.ts +1 -1
  240. package/dist/components/Toast/index.d.ts.map +1 -1
  241. package/dist/components/Toast/toast.d.ts +2 -2
  242. package/dist/components/Toast/toast.d.ts.map +1 -1
  243. package/dist/components/Toast/toastState.d.ts.map +1 -1
  244. package/dist/components/Toast/types.d.ts +1 -1
  245. package/dist/components/Toast/types.d.ts.map +1 -1
  246. package/dist/components/ToggleButton/ToggleButton.vue.d.ts.map +1 -1
  247. package/dist/components/Tooltip/Tooltip.vue.d.ts.map +1 -1
  248. package/dist/components/Tree/Tree.vue.d.ts.map +1 -1
  249. package/dist/components/Tree/TreeNodeItem.vue.d.ts.map +1 -1
  250. package/dist/components/Tree/context.d.ts +2 -2
  251. package/dist/components/Tree/context.d.ts.map +1 -1
  252. package/dist/components/Tree/index.d.ts +1 -1
  253. package/dist/components/Tree/index.d.ts.map +1 -1
  254. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  255. package/dist/components/TreeSelect/TreeSelectNodeItem.vue.d.ts.map +1 -1
  256. package/dist/components/TreeSelect/styles.css +149 -138
  257. package/dist/components/TreeTable/TreeTable.vue.d.ts.map +1 -1
  258. package/dist/components/TreeTable/TreeTableRow.vue.d.ts.map +1 -1
  259. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts.map +1 -1
  260. package/dist/components/VirtualScroller/index.d.ts +1 -1
  261. package/dist/components/VirtualScroller/index.d.ts.map +1 -1
  262. package/dist/{config-DWwce9jA.js → config-CTLkobga.js} +1 -0
  263. package/dist/config-provider/index.js +1 -1
  264. package/dist/config-provider/style.css +767 -605
  265. package/dist/confirm-dialog/index.js +4 -4
  266. package/dist/confirm-dialog/style.css +781 -618
  267. package/dist/confirm-popup/index.js +62 -77
  268. package/dist/confirm-popup/style.css +636 -478
  269. package/dist/context-menu/index.js +69 -61
  270. package/dist/context-menu/style.css +85 -65
  271. package/dist/data-view/index.js +1 -1
  272. package/dist/data-view/style.css +101 -85
  273. package/dist/date-picker/index.js +144 -137
  274. package/dist/date-picker/style.css +266 -164
  275. package/dist/date-picker/style.js +1 -0
  276. package/dist/dialog/index.js +76 -70
  277. package/dist/dialog/style.css +764 -602
  278. package/dist/divider/index.js +1 -2
  279. package/dist/divider/style.css +42 -28
  280. package/dist/dock/style.css +79 -60
  281. package/dist/drawer/index.js +49 -45
  282. package/dist/drawer/style.css +163 -108
  283. package/dist/drawer/style.js +1 -0
  284. package/dist/dropdown/index.js +98 -97
  285. package/dist/dropdown/style.css +100 -85
  286. package/dist/fieldset/index.js +16 -12
  287. package/dist/fieldset/style.css +81 -28
  288. package/dist/fieldset/style.js +1 -0
  289. package/dist/file-upload/index.js +2 -2
  290. package/dist/file-upload/style.css +274 -243
  291. package/dist/flex/index.js +1 -1
  292. package/dist/flex/style.css +42 -28
  293. package/dist/float-label/index.js +15 -4
  294. package/dist/float-label/style.css +42 -28
  295. package/dist/fluid/style.css +42 -28
  296. package/dist/form/index.js +1 -1
  297. package/dist/form/style.css +88 -72
  298. package/dist/gallery/index.js +41 -34
  299. package/dist/gallery/style.css +122 -66
  300. package/dist/gallery/style.js +1 -0
  301. package/dist/grid/index.js +39 -39
  302. package/dist/grid/style.css +42 -28
  303. package/dist/icon/index.js +1 -1
  304. package/dist/icon/style.css +42 -28
  305. package/dist/icon-Cg5TeFqe.js +7 -0
  306. package/dist/icon-field/style.css +42 -28
  307. package/dist/index.d.ts +174 -174
  308. package/dist/index.d.ts.map +1 -1
  309. package/dist/index.js +3433 -3241
  310. package/dist/inplace/style.css +42 -28
  311. package/dist/input/index.js +64 -66
  312. package/dist/input/style.css +275 -217
  313. package/dist/input/style.js +1 -0
  314. package/dist/input-color/index.js +3 -3
  315. package/dist/input-color/style.css +92 -76
  316. package/dist/input-group/style.css +42 -28
  317. package/dist/input-number/index.js +82 -66
  318. package/dist/input-number/style.css +170 -107
  319. package/dist/input-number/style.js +1 -0
  320. package/dist/input-otp/index.js +3 -3
  321. package/dist/input-otp/style.css +42 -28
  322. package/dist/input-password/index.js +59 -57
  323. package/dist/input-password/style.css +172 -145
  324. package/dist/input-tags/index.js +50 -46
  325. package/dist/input-tags/style.css +131 -70
  326. package/dist/input-tags/style.js +1 -0
  327. package/dist/key-CaQYVkjh.js +6 -0
  328. package/dist/knob/style.css +42 -28
  329. package/dist/label/style.css +42 -28
  330. package/dist/layout/index.js +196 -229
  331. package/dist/layout/style.css +348 -364
  332. package/dist/layout/style.js +1 -1
  333. package/dist/listbox/index.js +1 -1
  334. package/dist/listbox/style.css +103 -79
  335. package/dist/locale/en-US.d.ts.map +1 -1
  336. package/dist/locale/index.d.ts +1 -1
  337. package/dist/locale/index.d.ts.map +1 -1
  338. package/dist/locale/types.d.ts +1 -0
  339. package/dist/locale/types.d.ts.map +1 -1
  340. package/dist/locale/zh-CN.d.ts.map +1 -1
  341. package/dist/{locale-CYkJyRd1.js → locale-DxAvgqgB.js} +1 -1
  342. package/dist/mega-menu/index.js +47 -49
  343. package/dist/mega-menu/style.css +102 -86
  344. package/dist/menu/index.js +81 -76
  345. package/dist/menu/style.css +95 -75
  346. package/dist/menubar/index.js +75 -73
  347. package/dist/menubar/style.css +122 -98
  348. package/dist/message/index.js +3 -3
  349. package/dist/message/style.css +235 -171
  350. package/dist/meter-group/style.css +78 -62
  351. package/dist/order-list/index.js +2 -2
  352. package/dist/order-list/style.css +42 -28
  353. package/dist/overlayPlacement-CN1tuC95.js +51 -0
  354. package/dist/pagination/index.js +1 -1
  355. package/dist/pagination/style.css +140 -85
  356. package/dist/pagination/style.js +1 -0
  357. package/dist/panel/index.js +27 -23
  358. package/dist/panel/style.css +81 -28
  359. package/dist/panel/style.js +1 -0
  360. package/dist/pick-list/index.js +2 -2
  361. package/dist/pick-list/style.css +42 -28
  362. package/dist/popover/index.js +79 -100
  363. package/dist/popover/style.css +129 -73
  364. package/dist/progress-bar/style.css +42 -28
  365. package/dist/progress-spinner/index.js +1 -1
  366. package/dist/progress-spinner/style.css +42 -28
  367. package/dist/radio/index.js +5 -5
  368. package/dist/radio/style.css +42 -28
  369. package/dist/rating/index.js +54 -44
  370. package/dist/rating/style.css +109 -51
  371. package/dist/rating/style.js +1 -0
  372. package/dist/scroll-top/index.js +45 -41
  373. package/dist/scroll-top/style.css +81 -28
  374. package/dist/scroll-top/style.js +1 -0
  375. package/dist/scrollbar/index.js +382 -2
  376. package/dist/scrollbar/style.css +110 -87
  377. package/dist/select/index.js +149 -141
  378. package/dist/select/style.css +238 -272
  379. package/dist/select/style.js +1 -0
  380. package/dist/select-button/index.js +1 -1
  381. package/dist/select-button/style.css +106 -79
  382. package/dist/shared/Renderable.d.ts.map +1 -1
  383. package/dist/shared/componentDefaults.d.ts +5 -1
  384. package/dist/shared/componentDefaults.d.ts.map +1 -1
  385. package/dist/shared/config.d.ts.map +1 -1
  386. package/dist/shared/content.d.ts.map +1 -1
  387. package/dist/shared/menu/icon.d.ts +4 -0
  388. package/dist/shared/menu/icon.d.ts.map +1 -0
  389. package/dist/shared/menu/index.d.ts +4 -0
  390. package/dist/shared/menu/index.d.ts.map +1 -0
  391. package/dist/shared/menu/key.d.ts +4 -0
  392. package/dist/shared/menu/key.d.ts.map +1 -0
  393. package/dist/shared/menu/types.d.ts +11 -0
  394. package/dist/shared/menu/types.d.ts.map +1 -0
  395. package/dist/shared/overlayHost.d.ts.map +1 -1
  396. package/dist/shared/overlayPlacement.d.ts +12 -0
  397. package/dist/shared/overlayPlacement.d.ts.map +1 -0
  398. package/dist/shared/useModalOverlay.d.ts.map +1 -1
  399. package/dist/shared/vnode.d.ts.map +1 -1
  400. package/dist/sidebar/index.js +1 -1
  401. package/dist/sidebar/style.css +82 -66
  402. package/dist/skeleton/style.css +42 -28
  403. package/dist/slider/index.js +6 -3
  404. package/dist/slider/style.css +153 -123
  405. package/dist/space/index.js +1 -1
  406. package/dist/space/style.css +42 -28
  407. package/dist/speed-dial/index.js +55 -66
  408. package/dist/speed-dial/style.css +81 -28
  409. package/dist/speed-dial/style.js +1 -0
  410. package/dist/split-button/index.js +66 -63
  411. package/dist/split-button/style.css +763 -551
  412. package/dist/split-button/style.js +1 -0
  413. package/dist/splitter/index.js +1 -1
  414. package/dist/splitter/style.css +42 -28
  415. package/dist/stepper/style.css +105 -86
  416. package/dist/styles/base.css +4 -5
  417. package/dist/styles.css +1 -1
  418. package/dist/switch/index.js +6 -6
  419. package/dist/switch/style.css +124 -81
  420. package/dist/table/index.js +42 -36
  421. package/dist/table/style.css +101 -85
  422. package/dist/tabs/index.js +78 -65
  423. package/dist/tabs/style.css +81 -28
  424. package/dist/tabs/style.js +1 -0
  425. package/dist/tag/index.js +31 -28
  426. package/dist/tag/style.css +42 -28
  427. package/dist/terminal/index.js +1 -1
  428. package/dist/terminal/style.css +88 -62
  429. package/dist/textarea/index.js +69 -76
  430. package/dist/textarea/style.css +149 -90
  431. package/dist/textarea/style.js +1 -0
  432. package/dist/theme/index.d.ts +5 -5
  433. package/dist/theme/index.d.ts.map +1 -1
  434. package/dist/theme/styles.css +38 -23
  435. package/dist/theme/tokens.d.ts +11 -0
  436. package/dist/theme/tokens.d.ts.map +1 -1
  437. package/dist/theme/useTheme.d.ts.map +1 -1
  438. package/dist/tiered-menu/index.js +66 -59
  439. package/dist/tiered-menu/style.css +150 -90
  440. package/dist/tiered-menu/style.js +1 -0
  441. package/dist/timeline/index.js +1 -1
  442. package/dist/timeline/style.css +42 -28
  443. package/dist/toast/index.js +93 -89
  444. package/dist/toast/style.css +81 -28
  445. package/dist/toast/style.js +1 -0
  446. package/dist/toggle-button/index.js +1 -1
  447. package/dist/toggle-button/style.css +42 -28
  448. package/dist/toolbar/style.css +42 -28
  449. package/dist/tooltip/index.js +47 -71
  450. package/dist/tooltip/style.css +42 -28
  451. package/dist/tree/index.js +13 -13
  452. package/dist/tree/style.css +42 -28
  453. package/dist/tree-select/index.js +164 -155
  454. package/dist/tree-select/style.css +202 -138
  455. package/dist/tree-select/style.js +1 -0
  456. package/dist/tree-table/index.js +34 -30
  457. package/dist/tree-table/style.css +81 -28
  458. package/dist/tree-table/style.js +1 -0
  459. package/dist/virtual-scroller/style.css +42 -28
  460. package/package.json +18 -11
  461. package/dist/Pagination-C-F_ZDXr.js +0 -148
  462. package/dist/Scrollbar-D-bR2noX.js +0 -382
@@ -16,12 +16,13 @@
16
16
  --wi-control-padding-x-small: 10px;
17
17
  --wi-control-padding-x-medium: 12px;
18
18
  --wi-control-padding-x-large: 14px;
19
- --wi-button-padding-x-small: 10px;
20
- --wi-button-padding-x-medium: 14px;
21
- --wi-button-padding-x-large: 18px;
19
+
22
20
  --wi-radius-control: 3px;
23
- --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
24
- --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
21
+ --wi-border-width: 1px;
22
+ --wi-focus-shadow: 0 0 0 2px
23
+ color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
24
+ --wi-focus-shadow-danger: 0 0 0 2px
25
+ color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
25
26
  --wi-color-success: #159570;
26
27
  --wi-color-info: #2563eb;
27
28
  --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
39
40
  --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
40
41
  --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
41
42
  --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
42
- --wi-terminal-bg: #111827;
43
- --wi-terminal-fg: #e5e7eb;
44
- --wi-terminal-prompt: #34d399;
45
- --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
43
+
46
44
  /* Typography scale (component text, not control-height fonts) */
47
45
  --wi-font-size-xs: 0.75rem;
48
46
  --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
56
54
  --wi-z-dropdown: calc(var(--wi-z-base) + 50);
57
55
  --wi-z-toast: calc(var(--wi-z-base) + 100);
58
56
  --wi-z-popper: 40;
59
- --wi-menu-min-width: 10rem;
60
- --wi-menu-min-width-lg: 12rem;
57
+
61
58
  --wi-control-affix-size: 2rem;
62
59
  --wi-control-affix-gap: 2.35rem;
63
60
  --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
118
115
  --wi-control-padding-x-small: 8px;
119
116
  --wi-control-padding-x-medium: 10px;
120
117
  --wi-control-padding-x-large: 12px;
121
- --wi-button-padding-x-small: 8px;
122
- --wi-button-padding-x-medium: 12px;
123
- --wi-button-padding-x-large: 16px;
124
118
  }
125
119
 
126
120
  [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
139
133
  --wi-control-padding-x-small: 12px;
140
134
  --wi-control-padding-x-medium: 14px;
141
135
  --wi-control-padding-x-large: 16px;
142
- --wi-button-padding-x-small: 12px;
143
- --wi-button-padding-x-medium: 16px;
144
- --wi-button-padding-x-large: 20px;
136
+ }
137
+
138
+ [data-wi-density="compact"] .wi-layout-header {
139
+ --wi-layout-header-height: 48px;
140
+ }
141
+
142
+ [data-wi-density="compact"] .wi-layout-footer {
143
+ --wi-layout-footer-height: 40px;
144
+ }
145
+
146
+ [data-wi-density="compact"] .wi-layout-sider {
147
+ --wi-layout-sider-width: 240px;
148
+ --wi-layout-sider-collapsed-width: 44px;
149
+ }
150
+
151
+ [data-wi-density="spacious"] .wi-layout-header {
152
+ --wi-layout-header-height: 64px;
153
+ }
154
+
155
+ [data-wi-density="spacious"] .wi-layout-footer {
156
+ --wi-layout-footer-height: 56px;
157
+ }
158
+
159
+ [data-wi-density="spacious"] .wi-layout-sider {
160
+ --wi-layout-sider-width: 288px;
161
+ --wi-layout-sider-collapsed-width: 52px;
145
162
  }
146
163
 
147
164
  [data-theme="dark"] {
@@ -152,8 +169,10 @@
152
169
  --wi-color-text-muted: #94a3b8;
153
170
  --wi-color-border: #334155;
154
171
  --wi-color-focus-ring: #93c5fd;
155
- --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
156
- --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
172
+ --wi-focus-shadow: 0 0 0 2px
173
+ color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
174
+ --wi-focus-shadow-danger: 0 0 0 2px
175
+ color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
157
176
  --wi-color-success: #5eead4;
158
177
  --wi-color-info: #93c5fd;
159
178
  --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
170
189
  --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
171
190
  --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
172
191
  --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
173
- --wi-terminal-bg: #020617;
174
- --wi-terminal-fg: #e2e8f0;
175
- --wi-terminal-prompt: #5eead4;
176
- --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
177
192
  }
178
193
 
179
194
  @media (prefers-reduced-motion: reduce) {
@@ -465,8 +480,8 @@
465
480
  font-size: var(--wi-font-size-xs);
466
481
  }
467
482
 
468
- .wi-textarea-field__help--error,
469
- .wi-select-field__help--error {
483
+ .wi-textarea-field__help--invalid,
484
+ .wi-select-field__help--invalid {
470
485
  color: var(--wi-color-danger);
471
486
  }
472
487
 
@@ -485,9 +500,8 @@
485
500
  }
486
501
 
487
502
  .wi-textarea--invalid:focus-visible,
488
- .wi-textarea--error:focus-visible,
489
- .wi-select--error.wi-select--open,
490
- .wi-select--error:focus-visible {
503
+ .wi-select--invalid.wi-select--open,
504
+ .wi-select--invalid:focus-visible {
491
505
  border-color: var(--wi-color-danger);
492
506
  box-shadow: var(--wi-focus-shadow-danger);
493
507
  }
@@ -735,96 +749,141 @@
735
749
  line-height: 1;
736
750
  }
737
751
 
738
- .wi-textarea {
739
- font-size: var(--wi-control-font-medium);
740
- line-height: 1.5;
741
- min-height: 6rem;
742
- padding: var(--wi-space-3) var(--wi-control-padding-x-medium);
752
+ .wi-icon {
753
+ display: inline-flex;
754
+ height: 1rem;
755
+ width: 1rem;
743
756
  }
744
757
 
745
- .wi-textarea--filled {
746
- background: color-mix(in srgb, var(--wi-color-text-muted) 12%, var(--wi-color-surface));
747
- border-color: transparent;
758
+ .wi-icon svg {
759
+ height: 100%;
760
+ width: 100%;
748
761
  }
749
762
 
750
- .wi-textarea--fluid {
751
- width: 100%;
763
+ .wi-icon--sm,
764
+ .wi-icon--small {
765
+ height: 0.875rem;
766
+ width: 0.875rem;
752
767
  }
753
768
 
754
- .wi-textarea--small,
755
- .wi-textarea--sm {
756
- font-size: var(--wi-control-font-small);
757
- min-height: 4.5rem;
758
- padding: var(--wi-space-2) var(--wi-control-padding-x-small);
769
+ .wi-icon--md,
770
+ .wi-icon--normal {
771
+ height: 1rem;
772
+ width: 1rem;
759
773
  }
760
774
 
761
- .wi-textarea--normal {
762
- font-size: var(--wi-control-font-medium);
763
- min-height: 6rem;
775
+ .wi-icon--lg,
776
+ .wi-icon--large {
777
+ height: 1.25rem;
778
+ width: 1.25rem;
764
779
  }
765
780
 
766
- .wi-textarea--large,
767
- .wi-textarea--lg {
768
- font-size: var(--wi-control-font-large);
769
- min-height: 7.5rem;
770
- padding: var(--wi-space-4) var(--wi-control-padding-x-large);
781
+ .wi-icon--spin svg {
782
+ animation: wi-icon-spin 0.8s linear infinite;
771
783
  }
772
784
 
773
- .wi-textarea--auto-resize {
774
- overflow: hidden;
785
+ @keyframes wi-icon-spin {
786
+ to {
787
+ transform: rotate(360deg);
788
+ }
775
789
  }
776
790
 
777
- .wi-textarea-field__control {
778
- position: relative;
791
+ .wi-textarea {
792
+ --wi-textarea-min-height: 6rem;
793
+ --wi-textarea-min-height-small: 4.5rem;
794
+ --wi-textarea-min-height-large: 7.5rem;
795
+ font-size: var(--wi-control-font-medium);
796
+ line-height: 1.5;
797
+ min-height: var(--wi-textarea-min-height);
798
+ padding: var(--wi-space-3) var(--wi-control-padding-x-medium);
779
799
  }
780
800
 
781
- .wi-textarea--clearable {
782
- padding-right: var(--wi-control-affix-padding);
801
+ .wi-textarea--filled {
802
+ background: color-mix(
803
+ in srgb,
804
+ var(--wi-color-text-muted) 12%,
805
+ var(--wi-color-surface)
806
+ );
807
+ border-color: transparent;
783
808
  }
784
809
 
785
- .wi-textarea__clear {
786
- align-items: center;
787
- background: transparent;
788
- border: 0;
789
- border-radius: var(--wi-radius-sm);
790
- color: var(--wi-color-text-muted);
791
- cursor: pointer;
792
- display: flex;
793
- font-size: var(--wi-font-size-lg);
794
- height: var(--wi-control-affix-size);
795
- justify-content: center;
796
- padding: 0;
797
- position: absolute;
798
- right: var(--wi-space-1);
799
- top: var(--wi-space-2);
800
- width: var(--wi-control-affix-size);
810
+ .wi-textarea--fluid {
811
+ width: 100%;
801
812
  }
802
813
 
803
- .wi-textarea__clear:focus-visible {
804
- box-shadow: var(--wi-focus-shadow);
805
- outline: none;
814
+ .wi-textarea--small,
815
+ .wi-textarea--sm {
816
+ font-size: var(--wi-control-font-small);
817
+ min-height: var(--wi-textarea-min-height-small);
818
+ padding: var(--wi-space-2) var(--wi-control-padding-x-small);
806
819
  }
807
820
 
808
- .wi-textarea__clear:disabled {
809
- cursor: not-allowed;
810
- opacity: var(--wi-opacity-disabled);
821
+ .wi-textarea--normal {
822
+ font-size: var(--wi-control-font-medium);
823
+ min-height: var(--wi-textarea-min-height);
811
824
  }
812
825
 
813
- .wi-textarea--invalid,
814
- .wi-textarea--error {
815
- border-color: var(--wi-color-danger);
826
+ .wi-textarea--large,
827
+ .wi-textarea--lg {
828
+ font-size: var(--wi-control-font-large);
829
+ min-height: var(--wi-textarea-min-height-large);
830
+ padding: var(--wi-space-4) var(--wi-control-padding-x-large);
816
831
  }
817
832
 
818
- .wi-textarea:focus {
819
- outline: none;
833
+ .wi-textarea--auto-resize {
834
+ overflow: hidden;
820
835
  }
821
836
 
822
- .wi-textarea:hover:not(:disabled):not(:focus) {
823
- border-color: var(--wi-color-primary-hover);
837
+ .wi-textarea-field__control {
838
+ position: relative;
824
839
  }
825
840
 
826
- .wi-textarea:focus-visible {
827
- border-color: var(--wi-color-primary-hover);
828
- box-shadow: var(--wi-focus-shadow);
829
- outline: none;
841
+ .wi-textarea--clearable {
842
+ padding-right: var(--wi-control-affix-padding);
843
+ }
844
+
845
+ .wi-textarea__clear {
846
+ align-items: center;
847
+ background: transparent;
848
+ border: 0;
849
+ border-radius: var(--wi-radius-sm);
850
+ color: var(--wi-color-text-muted);
851
+ cursor: pointer;
852
+ display: flex;
853
+ font-size: var(--wi-font-size-lg);
854
+ height: var(--wi-control-affix-size);
855
+ justify-content: center;
856
+ padding: 0;
857
+ position: absolute;
858
+ right: var(--wi-space-1);
859
+ top: var(--wi-space-2);
860
+ width: var(--wi-control-affix-size);
861
+ }
862
+
863
+ .wi-textarea__clear:focus-visible {
864
+ box-shadow: var(--wi-focus-shadow);
865
+ outline: none;
866
+ }
867
+
868
+ .wi-textarea__clear:disabled {
869
+ cursor: not-allowed;
870
+ opacity: var(--wi-opacity-disabled);
871
+ }
872
+
873
+ .wi-textarea--invalid {
874
+ border-color: var(--wi-color-danger);
875
+ }
876
+
877
+ .wi-textarea:focus {
878
+ outline: none;
879
+ }
880
+
881
+ .wi-textarea:hover:not(:disabled):not(:focus) {
882
+ border-color: var(--wi-color-primary-hover);
883
+ }
884
+
885
+ .wi-textarea:focus-visible {
886
+ border-color: var(--wi-color-primary-hover);
887
+ box-shadow: var(--wi-focus-shadow);
888
+ outline: none;
830
889
  }
@@ -1,3 +1,4 @@
1
1
  import '../theme/styles.css'
2
2
  import '../styles/base.css'
3
+ import '../components/Icon/styles.css'
3
4
  import '../components/Textarea/styles.css'
@@ -1,13 +1,13 @@
1
1
  import { darkTokens, lightTokens } from './tokens';
2
- export type ThemeName = 'light' | 'dark';
2
+ export type ThemeName = "light" | "dark";
3
3
  export declare const themeNames: readonly ThemeName[];
4
4
  export { darkTokens, lightTokens };
5
- export type { ColorTokens, DesignTokens, MotionTokens, RadiusTokens, SpacingTokens } from './tokens';
6
- export { useTheme } from './useTheme';
7
- export { applyMotion, getPreferredMotion, useMotion } from './useMotion';
8
- export type { MotionPreference } from './useMotion';
5
+ export type { ColorTokens, DesignTokens, LayoutTokens, MotionTokens, RadiusTokens, SpacingTokens, } from './tokens';
9
6
  export { applyDensity, useDensity } from './useDensity';
10
7
  export type { DensityPreference } from './useDensity';
8
+ export { applyMotion, getPreferredMotion, useMotion } from './useMotion';
9
+ export type { MotionPreference } from './useMotion';
10
+ export { useTheme } from './useTheme';
11
11
  export declare function getPreferredTheme(): ThemeName;
12
12
  export declare function applyTheme(theme: ThemeName, target?: HTMLElement): void;
13
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAElD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,eAAO,MAAM,UAAU,EAAE,SAAS,SAAS,EAAsB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACpG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACxE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAErD,wBAAgB,iBAAiB,IAAI,SAAS,CAK7C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,GAAE,WAAsC,QAE1F"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,eAAO,MAAM,UAAU,EAAE,SAAS,SAAS,EAAsB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;AACnC,YAAY,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,wBAAgB,iBAAiB,IAAI,SAAS,CAQ7C;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,EAChB,MAAM,GAAE,WAAsC,QAG/C"}
@@ -16,12 +16,13 @@
16
16
  --wi-control-padding-x-small: 10px;
17
17
  --wi-control-padding-x-medium: 12px;
18
18
  --wi-control-padding-x-large: 14px;
19
- --wi-button-padding-x-small: 10px;
20
- --wi-button-padding-x-medium: 14px;
21
- --wi-button-padding-x-large: 18px;
19
+
22
20
  --wi-radius-control: 3px;
23
- --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
24
- --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
21
+ --wi-border-width: 1px;
22
+ --wi-focus-shadow: 0 0 0 2px
23
+ color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
24
+ --wi-focus-shadow-danger: 0 0 0 2px
25
+ color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
25
26
  --wi-color-success: #159570;
26
27
  --wi-color-info: #2563eb;
27
28
  --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
39
40
  --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
40
41
  --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
41
42
  --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
42
- --wi-terminal-bg: #111827;
43
- --wi-terminal-fg: #e5e7eb;
44
- --wi-terminal-prompt: #34d399;
45
- --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
43
+
46
44
  /* Typography scale (component text, not control-height fonts) */
47
45
  --wi-font-size-xs: 0.75rem;
48
46
  --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
56
54
  --wi-z-dropdown: calc(var(--wi-z-base) + 50);
57
55
  --wi-z-toast: calc(var(--wi-z-base) + 100);
58
56
  --wi-z-popper: 40;
59
- --wi-menu-min-width: 10rem;
60
- --wi-menu-min-width-lg: 12rem;
57
+
61
58
  --wi-control-affix-size: 2rem;
62
59
  --wi-control-affix-gap: 2.35rem;
63
60
  --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
118
115
  --wi-control-padding-x-small: 8px;
119
116
  --wi-control-padding-x-medium: 10px;
120
117
  --wi-control-padding-x-large: 12px;
121
- --wi-button-padding-x-small: 8px;
122
- --wi-button-padding-x-medium: 12px;
123
- --wi-button-padding-x-large: 16px;
124
118
  }
125
119
 
126
120
  [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
139
133
  --wi-control-padding-x-small: 12px;
140
134
  --wi-control-padding-x-medium: 14px;
141
135
  --wi-control-padding-x-large: 16px;
142
- --wi-button-padding-x-small: 12px;
143
- --wi-button-padding-x-medium: 16px;
144
- --wi-button-padding-x-large: 20px;
136
+ }
137
+
138
+ [data-wi-density="compact"] .wi-layout-header {
139
+ --wi-layout-header-height: 48px;
140
+ }
141
+
142
+ [data-wi-density="compact"] .wi-layout-footer {
143
+ --wi-layout-footer-height: 40px;
144
+ }
145
+
146
+ [data-wi-density="compact"] .wi-layout-sider {
147
+ --wi-layout-sider-width: 240px;
148
+ --wi-layout-sider-collapsed-width: 44px;
149
+ }
150
+
151
+ [data-wi-density="spacious"] .wi-layout-header {
152
+ --wi-layout-header-height: 64px;
153
+ }
154
+
155
+ [data-wi-density="spacious"] .wi-layout-footer {
156
+ --wi-layout-footer-height: 56px;
157
+ }
158
+
159
+ [data-wi-density="spacious"] .wi-layout-sider {
160
+ --wi-layout-sider-width: 288px;
161
+ --wi-layout-sider-collapsed-width: 52px;
145
162
  }
146
163
 
147
164
  [data-theme="dark"] {
@@ -152,8 +169,10 @@
152
169
  --wi-color-text-muted: #94a3b8;
153
170
  --wi-color-border: #334155;
154
171
  --wi-color-focus-ring: #93c5fd;
155
- --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
156
- --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
172
+ --wi-focus-shadow: 0 0 0 2px
173
+ color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
174
+ --wi-focus-shadow-danger: 0 0 0 2px
175
+ color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
157
176
  --wi-color-success: #5eead4;
158
177
  --wi-color-info: #93c5fd;
159
178
  --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
170
189
  --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
171
190
  --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
172
191
  --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
173
- --wi-terminal-bg: #020617;
174
- --wi-terminal-fg: #e2e8f0;
175
- --wi-terminal-prompt: #5eead4;
176
- --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
177
192
  }
178
193
 
179
194
  @media (prefers-reduced-motion: reduce) {
@@ -26,12 +26,23 @@ export interface MotionTokens {
26
26
  normal: string;
27
27
  ease: string;
28
28
  }
29
+ export interface LayoutTokens {
30
+ height: string;
31
+ headerHeight: string;
32
+ footerHeight: string;
33
+ siderWidth: string;
34
+ siderCollapsedWidth: string;
35
+ padding: string;
36
+ radius: string;
37
+ borderWidth: string;
38
+ }
29
39
  export interface DesignTokens {
30
40
  color: ColorTokens;
31
41
  space: SpacingTokens;
32
42
  radius: RadiusTokens;
33
43
  fontSans: string;
34
44
  motion: MotionTokens;
45
+ layout: LayoutTokens;
35
46
  }
36
47
  export declare const lightTokens: DesignTokens;
37
48
  export declare const darkTokens: DesignTokens;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,YAAY,CAAA;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,YAczB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAYxB,CAAA"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,YAmCzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAYxB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKxC,wBAAgB,QAAQ;;;qBAIE,SAAS;;EAclC"}
1
+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAMxC,wBAAgB,QAAQ;;;qBAIE,SAAS;;EAclC"}