@well-insight/ui 0.1.9 → 0.1.10

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 (321) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +3 -3
  3. package/README.zh-CN.md +3 -3
  4. package/dist/{Button-BZzV1X-d.js → Button-B6-YxpOQ.js} +1 -1
  5. package/dist/{Checkbox-BtgWgkHI.js → Checkbox-BvlOYFGs.js} +5 -5
  6. package/dist/{Pagination-C-F_ZDXr.js → Pagination-BU-1IY0E.js} +2 -2
  7. package/dist/accordion/style.css +38 -23
  8. package/dist/auto-complete/style.css +180 -157
  9. package/dist/avatar/style.css +102 -74
  10. package/dist/badge/style.css +146 -110
  11. package/dist/block-ui/style.css +38 -23
  12. package/dist/breadcrumb/style.css +38 -23
  13. package/dist/button/index.js +1 -1
  14. package/dist/button/style.css +605 -447
  15. package/dist/card/style.css +38 -23
  16. package/dist/carousel/style.css +74 -58
  17. package/dist/cascade-select/style.css +123 -106
  18. package/dist/checkbox/index.js +1 -1
  19. package/dist/checkbox/style.css +38 -23
  20. package/dist/chip/style.css +117 -95
  21. package/dist/command-menu/style.css +97 -80
  22. package/dist/components/Accordion/Accordion.vue.d.ts.map +1 -1
  23. package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
  24. package/dist/components/AutoComplete/styles.css +142 -134
  25. package/dist/components/Avatar/Avatar.vue.d.ts.map +1 -1
  26. package/dist/components/Avatar/AvatarGroup.vue.d.ts.map +1 -1
  27. package/dist/components/Avatar/styles.css +64 -51
  28. package/dist/components/Badge/Badge.vue.d.ts.map +1 -1
  29. package/dist/components/Badge/styles.css +108 -87
  30. package/dist/components/BlockUI/BlockUI.vue.d.ts.map +1 -1
  31. package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts.map +1 -1
  32. package/dist/components/Button/Button.vue.d.ts +1 -1
  33. package/dist/components/Button/Button.vue.d.ts.map +1 -1
  34. package/dist/components/Button/ButtonGroup.vue.d.ts.map +1 -1
  35. package/dist/components/Button/styles.css +567 -424
  36. package/dist/components/Card/Card.vue.d.ts.map +1 -1
  37. package/dist/components/Carousel/Carousel.vue.d.ts.map +1 -1
  38. package/dist/components/Carousel/styles.css +36 -35
  39. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts.map +1 -1
  40. package/dist/components/CascadeSelect/styles.css +85 -83
  41. package/dist/components/Checkbox/Checkbox.vue.d.ts.map +1 -1
  42. package/dist/components/Checkbox/CheckboxGroup.vue.d.ts.map +1 -1
  43. package/dist/components/Chip/Chip.vue.d.ts.map +1 -1
  44. package/dist/components/Chip/styles.css +79 -72
  45. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  46. package/dist/components/CommandMenu/styles.css +59 -57
  47. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts.map +1 -1
  48. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts.map +1 -1
  49. package/dist/components/ConfirmDialog/styles.css +17 -16
  50. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts.map +1 -1
  51. package/dist/components/ConfirmPopup/styles.css +27 -26
  52. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  53. package/dist/components/ContextMenu/ContextMenuNodes.vue.d.ts.map +1 -1
  54. package/dist/components/ContextMenu/index.d.ts +1 -1
  55. package/dist/components/ContextMenu/index.d.ts.map +1 -1
  56. package/dist/components/ContextMenu/styles.css +43 -37
  57. package/dist/components/ContextMenu/useContextMenu.d.ts.map +1 -1
  58. package/dist/components/DataView/DataView.vue.d.ts.map +1 -1
  59. package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
  60. package/dist/components/DatePicker/styles.css +163 -139
  61. package/dist/components/Dialog/Dialog.vue.d.ts.map +1 -1
  62. package/dist/components/Dialog/styles.css +155 -150
  63. package/dist/components/Divider/Divider.vue.d.ts.map +1 -1
  64. package/dist/components/Dock/Dock.vue.d.ts.map +1 -1
  65. package/dist/components/Dock/styles.css +37 -32
  66. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  67. package/dist/components/Drawer/styles.css +82 -80
  68. package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
  69. package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map +1 -1
  70. package/dist/components/Dropdown/styles.css +58 -57
  71. package/dist/components/Fieldset/Fieldset.vue.d.ts.map +1 -1
  72. package/dist/components/FileUpload/FileUpload.vue.d.ts +2 -2
  73. package/dist/components/FileUpload/FileUpload.vue.d.ts.map +1 -1
  74. package/dist/components/FileUpload/styles.css +238 -221
  75. package/dist/components/Flex/Flex.vue.d.ts.map +1 -1
  76. package/dist/components/Form/Form.vue.d.ts.map +1 -1
  77. package/dist/components/Form/FormItem.vue.d.ts.map +1 -1
  78. package/dist/components/Form/index.d.ts +2 -2
  79. package/dist/components/Form/index.d.ts.map +1 -1
  80. package/dist/components/Form/styles.css +46 -44
  81. package/dist/components/Gallery/Gallery.vue.d.ts.map +1 -1
  82. package/dist/components/Gallery/styles.css +42 -39
  83. package/dist/components/Grid/Grid.vue.d.ts.map +1 -1
  84. package/dist/components/Grid/GridItem.vue.d.ts.map +1 -1
  85. package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
  86. package/dist/components/IconField/IconField.vue.d.ts.map +1 -1
  87. package/dist/components/Inplace/Inplace.vue.d.ts.map +1 -1
  88. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  89. package/dist/components/Input/styles.css +198 -191
  90. package/dist/components/InputColor/InputColor.vue.d.ts.map +1 -1
  91. package/dist/components/InputColor/styles.css +50 -48
  92. package/dist/components/InputNumber/InputNumber.vue.d.ts.map +1 -1
  93. package/dist/components/InputNumber/styles.css +90 -80
  94. package/dist/components/InputOtp/InputOtp.vue.d.ts.map +1 -1
  95. package/dist/components/InputPassword/InputPassword.vue.d.ts.map +1 -1
  96. package/dist/components/InputPassword/styles.css +130 -117
  97. package/dist/components/InputTags/InputTags.vue.d.ts.map +1 -1
  98. package/dist/components/InputTags/styles.css +51 -43
  99. package/dist/components/Knob/Knob.vue.d.ts.map +1 -1
  100. package/dist/components/Label/Label.vue.d.ts.map +1 -1
  101. package/dist/components/Layout/Layout.vue.d.ts.map +1 -1
  102. package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
  103. package/dist/components/Layout/LayoutFooter.vue.d.ts.map +1 -1
  104. package/dist/components/Layout/LayoutHeader.vue.d.ts.map +1 -1
  105. package/dist/components/Layout/LayoutSider.vue.d.ts +1 -1
  106. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  107. package/dist/components/Layout/index.d.ts +2 -2
  108. package/dist/components/Layout/index.d.ts.map +1 -1
  109. package/dist/components/Layout/styles.css +310 -258
  110. package/dist/components/Layout/types.d.ts +30 -12
  111. package/dist/components/Layout/types.d.ts.map +1 -1
  112. package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
  113. package/dist/components/Listbox/styles.css +61 -51
  114. package/dist/components/MegaMenu/MegaMenu.vue.d.ts.map +1 -1
  115. package/dist/components/MegaMenu/styles.css +60 -58
  116. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  117. package/dist/components/Menu/MenuNodes.vue.d.ts.map +1 -1
  118. package/dist/components/Menu/styles.css +53 -47
  119. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  120. package/dist/components/Menubar/styles.css +80 -70
  121. package/dist/components/Message/Message.vue.d.ts.map +1 -1
  122. package/dist/components/Message/index.d.ts +1 -1
  123. package/dist/components/Message/index.d.ts.map +1 -1
  124. package/dist/components/Message/message.d.ts +2 -2
  125. package/dist/components/Message/message.d.ts.map +1 -1
  126. package/dist/components/Message/messageState.d.ts.map +1 -1
  127. package/dist/components/Message/styles.css +193 -143
  128. package/dist/components/Message/types.d.ts +1 -1
  129. package/dist/components/Message/types.d.ts.map +1 -1
  130. package/dist/components/MeterGroup/MeterGroup.vue.d.ts.map +1 -1
  131. package/dist/components/MeterGroup/styles.css +36 -34
  132. package/dist/components/OrderList/OrderList.vue.d.ts.map +1 -1
  133. package/dist/components/Pagination/Pagination.vue.d.ts.map +1 -1
  134. package/dist/components/Pagination/styles.css +59 -57
  135. package/dist/components/Panel/Panel.vue.d.ts.map +1 -1
  136. package/dist/components/PickList/PickList.vue.d.ts.map +1 -1
  137. package/dist/components/Popover/Popover.vue.d.ts.map +1 -1
  138. package/dist/components/Popover/styles.css +46 -45
  139. package/dist/components/ProgressBar/ProgressBar.vue.d.ts.map +1 -1
  140. package/dist/components/ProgressSpinner/ProgressSpinner.vue.d.ts.map +1 -1
  141. package/dist/components/Radio/Radio.vue.d.ts.map +1 -1
  142. package/dist/components/Radio/RadioGroup.vue.d.ts.map +1 -1
  143. package/dist/components/Rating/Rating.vue.d.ts.map +1 -1
  144. package/dist/components/ScrollTop/ScrollTop.vue.d.ts.map +1 -1
  145. package/dist/components/Scrollbar/Scrollbar.vue.d.ts.map +1 -1
  146. package/dist/components/Scrollbar/Thumb.vue.d.ts.map +1 -1
  147. package/dist/components/Scrollbar/constants.d.ts +2 -2
  148. package/dist/components/Scrollbar/constants.d.ts.map +1 -1
  149. package/dist/components/Scrollbar/styles.css +68 -59
  150. package/dist/components/Select/Select.vue.d.ts +1 -1
  151. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  152. package/dist/components/Select/styles.css +293 -280
  153. package/dist/components/SelectButton/SelectButton.vue.d.ts.map +1 -1
  154. package/dist/components/SelectButton/styles.css +64 -51
  155. package/dist/components/Sidebar/Sidebar.vue.d.ts.map +1 -1
  156. package/dist/components/Sidebar/styles.css +40 -38
  157. package/dist/components/Skeleton/Skeleton.vue.d.ts.map +1 -1
  158. package/dist/components/Slider/Slider.vue.d.ts.map +1 -1
  159. package/dist/components/Slider/styles.css +111 -95
  160. package/dist/components/Space/Space.vue.d.ts.map +1 -1
  161. package/dist/components/SpeedDial/SpeedDial.vue.d.ts.map +1 -1
  162. package/dist/components/SplitButton/SplitButton.vue.d.ts.map +1 -1
  163. package/dist/components/SplitButton/styles.css +105 -89
  164. package/dist/components/Splitter/Splitter.vue.d.ts.map +1 -1
  165. package/dist/components/Stepper/Stepper.vue.d.ts.map +1 -1
  166. package/dist/components/Stepper/styles.css +63 -58
  167. package/dist/components/Switch/Switch.vue.d.ts.map +1 -1
  168. package/dist/components/Switch/styles.css +82 -53
  169. package/dist/components/Table/Table.vue.d.ts.map +1 -1
  170. package/dist/components/Tabs/Tabs.vue.d.ts.map +1 -1
  171. package/dist/components/Tag/Tag.vue.d.ts.map +1 -1
  172. package/dist/components/Terminal/Terminal.vue.d.ts.map +1 -1
  173. package/dist/components/Terminal/styles.css +46 -34
  174. package/dist/components/Textarea/Textarea.vue.d.ts.map +1 -1
  175. package/dist/components/Textarea/styles.css +69 -62
  176. package/dist/components/Textarea/types.d.ts +1 -1
  177. package/dist/components/Textarea/types.d.ts.map +1 -1
  178. package/dist/components/TieredMenu/TieredMenu.vue.d.ts.map +1 -1
  179. package/dist/components/TieredMenu/styles.css +69 -62
  180. package/dist/components/Timeline/Timeline.vue.d.ts.map +1 -1
  181. package/dist/components/Timeline/types.d.ts +1 -1
  182. package/dist/components/Timeline/types.d.ts.map +1 -1
  183. package/dist/components/Toast/Toast.vue.d.ts.map +1 -1
  184. package/dist/components/Toast/index.d.ts +1 -1
  185. package/dist/components/Toast/index.d.ts.map +1 -1
  186. package/dist/components/Toast/toast.d.ts +2 -2
  187. package/dist/components/Toast/toast.d.ts.map +1 -1
  188. package/dist/components/Toast/toastState.d.ts.map +1 -1
  189. package/dist/components/Toast/types.d.ts +1 -1
  190. package/dist/components/Toast/types.d.ts.map +1 -1
  191. package/dist/components/ToggleButton/ToggleButton.vue.d.ts.map +1 -1
  192. package/dist/components/Tooltip/Tooltip.vue.d.ts.map +1 -1
  193. package/dist/components/Tree/Tree.vue.d.ts.map +1 -1
  194. package/dist/components/Tree/TreeNodeItem.vue.d.ts.map +1 -1
  195. package/dist/components/Tree/context.d.ts +2 -2
  196. package/dist/components/Tree/context.d.ts.map +1 -1
  197. package/dist/components/Tree/index.d.ts +1 -1
  198. package/dist/components/Tree/index.d.ts.map +1 -1
  199. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  200. package/dist/components/TreeSelect/styles.css +140 -138
  201. package/dist/components/TreeTable/TreeTable.vue.d.ts.map +1 -1
  202. package/dist/components/TreeTable/TreeTableRow.vue.d.ts.map +1 -1
  203. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts.map +1 -1
  204. package/dist/components/VirtualScroller/index.d.ts +1 -1
  205. package/dist/components/VirtualScroller/index.d.ts.map +1 -1
  206. package/dist/config-provider/style.css +765 -600
  207. package/dist/confirm-dialog/index.js +1 -1
  208. package/dist/confirm-dialog/style.css +777 -613
  209. package/dist/confirm-popup/index.js +1 -1
  210. package/dist/confirm-popup/style.css +632 -473
  211. package/dist/context-menu/style.css +81 -60
  212. package/dist/data-view/index.js +1 -1
  213. package/dist/data-view/style.css +97 -80
  214. package/dist/date-picker/index.js +2 -2
  215. package/dist/date-picker/style.css +200 -161
  216. package/dist/dialog/index.js +1 -1
  217. package/dist/dialog/style.css +760 -597
  218. package/dist/divider/style.css +38 -23
  219. package/dist/dock/style.css +75 -55
  220. package/dist/drawer/style.css +120 -103
  221. package/dist/dropdown/index.js +3 -3
  222. package/dist/dropdown/style.css +96 -80
  223. package/dist/fieldset/style.css +38 -23
  224. package/dist/file-upload/style.css +270 -238
  225. package/dist/flex/style.css +38 -23
  226. package/dist/float-label/style.css +38 -23
  227. package/dist/fluid/style.css +38 -23
  228. package/dist/form/style.css +84 -67
  229. package/dist/gallery/style.css +80 -62
  230. package/dist/grid/index.js +39 -39
  231. package/dist/grid/style.css +38 -23
  232. package/dist/icon/style.css +38 -23
  233. package/dist/icon-field/style.css +38 -23
  234. package/dist/index.d.ts +174 -174
  235. package/dist/index.d.ts.map +1 -1
  236. package/dist/index.js +1028 -976
  237. package/dist/inplace/style.css +38 -23
  238. package/dist/input/index.js +6 -7
  239. package/dist/input/style.css +236 -214
  240. package/dist/input-color/index.js +2 -2
  241. package/dist/input-color/style.css +88 -71
  242. package/dist/input-group/style.css +38 -23
  243. package/dist/input-number/index.js +15 -15
  244. package/dist/input-number/style.css +128 -103
  245. package/dist/input-otp/index.js +1 -1
  246. package/dist/input-otp/style.css +38 -23
  247. package/dist/input-password/index.js +16 -17
  248. package/dist/input-password/style.css +168 -140
  249. package/dist/input-tags/style.css +89 -66
  250. package/dist/knob/style.css +38 -23
  251. package/dist/label/style.css +38 -23
  252. package/dist/layout/index.js +135 -93
  253. package/dist/layout/style.css +408 -332
  254. package/dist/listbox/style.css +99 -74
  255. package/dist/locale/index.d.ts +1 -1
  256. package/dist/locale/index.d.ts.map +1 -1
  257. package/dist/mega-menu/style.css +98 -81
  258. package/dist/menu/style.css +91 -70
  259. package/dist/menubar/style.css +118 -93
  260. package/dist/message/style.css +231 -166
  261. package/dist/meter-group/style.css +74 -57
  262. package/dist/order-list/style.css +38 -23
  263. package/dist/pagination/index.js +1 -1
  264. package/dist/pagination/style.css +97 -80
  265. package/dist/panel/style.css +38 -23
  266. package/dist/pick-list/style.css +38 -23
  267. package/dist/popover/index.js +5 -5
  268. package/dist/popover/style.css +84 -68
  269. package/dist/progress-bar/style.css +38 -23
  270. package/dist/progress-spinner/style.css +38 -23
  271. package/dist/radio/index.js +4 -4
  272. package/dist/radio/style.css +38 -23
  273. package/dist/rating/style.css +38 -23
  274. package/dist/scroll-top/style.css +38 -23
  275. package/dist/scrollbar/style.css +106 -82
  276. package/dist/select/style.css +285 -257
  277. package/dist/select-button/style.css +102 -74
  278. package/dist/shared/Renderable.d.ts.map +1 -1
  279. package/dist/shared/config.d.ts.map +1 -1
  280. package/dist/shared/content.d.ts.map +1 -1
  281. package/dist/shared/overlayHost.d.ts.map +1 -1
  282. package/dist/shared/useModalOverlay.d.ts.map +1 -1
  283. package/dist/shared/vnode.d.ts.map +1 -1
  284. package/dist/sidebar/style.css +78 -61
  285. package/dist/skeleton/style.css +38 -23
  286. package/dist/slider/style.css +149 -118
  287. package/dist/space/style.css +38 -23
  288. package/dist/speed-dial/index.js +1 -1
  289. package/dist/speed-dial/style.css +38 -23
  290. package/dist/split-button/style.css +738 -564
  291. package/dist/splitter/style.css +38 -23
  292. package/dist/stepper/style.css +101 -81
  293. package/dist/styles.css +1 -1
  294. package/dist/switch/index.js +5 -5
  295. package/dist/switch/style.css +120 -76
  296. package/dist/table/index.js +3 -3
  297. package/dist/table/style.css +97 -80
  298. package/dist/tabs/style.css +38 -23
  299. package/dist/tag/style.css +38 -23
  300. package/dist/terminal/style.css +84 -57
  301. package/dist/textarea/index.js +11 -12
  302. package/dist/textarea/style.css +107 -85
  303. package/dist/theme/index.d.ts +5 -5
  304. package/dist/theme/index.d.ts.map +1 -1
  305. package/dist/theme/styles.css +38 -23
  306. package/dist/theme/tokens.d.ts +11 -0
  307. package/dist/theme/tokens.d.ts.map +1 -1
  308. package/dist/theme/useTheme.d.ts.map +1 -1
  309. package/dist/tiered-menu/style.css +107 -85
  310. package/dist/timeline/style.css +38 -23
  311. package/dist/toast/style.css +38 -23
  312. package/dist/toggle-button/style.css +38 -23
  313. package/dist/toolbar/style.css +38 -23
  314. package/dist/tooltip/style.css +38 -23
  315. package/dist/tree/index.js +11 -11
  316. package/dist/tree/style.css +38 -23
  317. package/dist/tree-select/index.js +1 -1
  318. package/dist/tree-select/style.css +171 -154
  319. package/dist/tree-table/style.css +38 -23
  320. package/dist/virtual-scroller/style.css +38 -23
  321. package/package.json +15 -11
package/dist/input-password/style.css CHANGED
@@ -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) {
@@ -774,181 +789,194 @@
774
789
  }
775
790
  }
776
791
 
777
- /* —— Form: InputPassword —— */
778
- .wi-password-field {
779
- display: grid;
780
- gap: var(--wi-space-2);
792
+ /* —— Form: InputPassword —— */
793
+ .wi-password-field {
794
+ display: grid;
795
+ gap: var(--wi-space-2);
781
796
  }
782
797
 
783
- .wi-password-field--fluid {
784
- width: 100%;
798
+ .wi-password-field--fluid {
799
+ width: 100%;
785
800
  }
786
801
 
787
- .wi-password-field__label {
788
- color: var(--wi-color-text);
789
- font-size: var(--wi-font-size-md);
790
- font-weight: 600;
802
+ .wi-password-field__label {
803
+ color: var(--wi-color-text);
804
+ font-size: var(--wi-font-size-md);
805
+ font-weight: 600;
791
806
  }
792
807
 
793
- .wi-password {
794
- display: inline-flex;
795
- max-width: 100%;
796
- position: relative;
808
+ .wi-password {
809
+ --wi-password-toggle-size: var(--wi-control-affix-size);
810
+ display: inline-flex;
811
+ max-width: 100%;
812
+ position: relative;
797
813
  }
798
814
 
799
- .wi-password--fluid {
800
- display: flex;
801
- width: 100%;
815
+ .wi-password--fluid {
816
+ display: flex;
817
+ width: 100%;
802
818
  }
803
819
 
804
- .wi-password__input {
805
- background: var(--wi-color-surface);
806
- border: 1px solid var(--wi-color-border);
807
- border-radius: var(--wi-radius-control);
808
- color: var(--wi-color-text);
809
- font: inherit;
810
- font-size: var(--wi-control-font-medium);
811
- min-height: var(--wi-control-height-medium);
812
- padding: 0 var(--wi-control-padding-x-medium);
813
- width: 100%;
820
+ .wi-password__input {
821
+ background: var(--wi-color-surface);
822
+ border: 1px solid var(--wi-color-border);
823
+ border-radius: var(--wi-radius-control);
824
+ color: var(--wi-color-text);
825
+ font: inherit;
826
+ font-size: var(--wi-control-font-medium);
827
+ min-height: var(--wi-control-height-medium);
828
+ padding: 0 var(--wi-control-padding-x-medium);
829
+ width: 100%;
814
830
  }
815
831
 
816
- .wi-password--toggle .wi-password__input {
817
- padding-right: 2.25rem;
832
+ .wi-password--toggle .wi-password__input {
833
+ padding-right: var(--wi-control-affix-gap);
818
834
  }
819
835
 
820
- .wi-password--small .wi-password__input {
821
- min-height: var(--wi-control-height-small);
822
- font-size: var(--wi-control-font-small);
823
- padding: 0 var(--wi-control-padding-x-small);
836
+ .wi-password--small .wi-password__input {
837
+ min-height: var(--wi-control-height-small);
838
+ font-size: var(--wi-control-font-small);
839
+ padding: 0 var(--wi-control-padding-x-small);
824
840
  }
825
841
 
826
- .wi-password--small.wi-password--toggle .wi-password__input {
827
- padding-right: 2rem;
842
+ .wi-password--small.wi-password--toggle .wi-password__input {
843
+ padding-right: var(--wi-control-affix-gap);
828
844
  }
829
845
 
830
- .wi-password--large .wi-password__input {
831
- min-height: var(--wi-control-height-large);
832
- font-size: var(--wi-control-font-large);
833
- padding: 0 var(--wi-control-padding-x-large);
846
+ .wi-password--large .wi-password__input {
847
+ min-height: var(--wi-control-height-large);
848
+ font-size: var(--wi-control-font-large);
849
+ padding: 0 var(--wi-control-padding-x-large);
834
850
  }
835
851
 
836
- .wi-password--large.wi-password--toggle .wi-password__input {
837
- padding-right: 2.5rem;
852
+ .wi-password--large.wi-password--toggle .wi-password__input {
853
+ padding-right: var(--wi-control-affix-gap);
838
854
  }
839
855
 
840
- .wi-password--invalid .wi-password__input {
841
- border-color: var(--wi-color-danger);
856
+ .wi-password--invalid .wi-password__input {
857
+ border-color: var(--wi-color-danger);
842
858
  }
843
859
 
844
- .wi-password--filled .wi-password__input {
845
- background: color-mix(in srgb, var(--wi-color-text-muted) 12%, var(--wi-color-surface));
846
- border-color: transparent;
860
+ .wi-password--filled .wi-password__input {
861
+ background: color-mix(
862
+ in srgb,
863
+ var(--wi-color-text-muted) 12%,
864
+ var(--wi-color-surface)
865
+ );
866
+ border-color: transparent;
847
867
  }
848
868
 
849
- .wi-password--clearable .wi-password__input {
850
- padding-right: 2.25rem;
869
+ .wi-password--clearable .wi-password__input {
870
+ padding-right: var(--wi-control-affix-gap);
851
871
  }
852
872
 
853
- .wi-password--toggle.wi-password--clearable .wi-password__input {
854
- padding-right: 3.75rem;
873
+ .wi-password--toggle.wi-password--clearable .wi-password__input {
874
+ padding-right: calc(
875
+ var(--wi-control-affix-padding) + var(--wi-control-affix-gap)
876
+ );
855
877
  }
856
878
 
857
- .wi-password--small.wi-password--toggle.wi-password--clearable .wi-password__input {
858
- padding-right: 3.25rem;
879
+ .wi-password--small.wi-password--toggle.wi-password--clearable
880
+ .wi-password__input {
881
+ padding-right: calc(
882
+ var(--wi-control-affix-padding) + var(--wi-control-affix-gap)
883
+ );
859
884
  }
860
885
 
861
- .wi-password--large.wi-password--toggle.wi-password--clearable .wi-password__input {
862
- padding-right: 4rem;
886
+ .wi-password--large.wi-password--toggle.wi-password--clearable
887
+ .wi-password__input {
888
+ padding-right: calc(
889
+ var(--wi-control-affix-padding) + var(--wi-control-affix-gap)
890
+ );
863
891
  }
864
892
 
865
- .wi-password__clear {
866
- align-items: center;
867
- background: transparent;
868
- border: 0;
869
- border-radius: var(--wi-radius-sm);
870
- color: var(--wi-color-text-muted);
871
- cursor: pointer;
872
- display: inline-flex;
873
- font-size: var(--wi-font-size-lg);
874
- height: var(--wi-control-affix-size);
875
- justify-content: center;
876
- padding: 0;
877
- position: absolute;
878
- right: var(--wi-space-1);
879
- top: 50%;
880
- transform: translateY(-50%);
881
- width: var(--wi-control-affix-size);
893
+ .wi-password__clear {
894
+ align-items: center;
895
+ background: transparent;
896
+ border: 0;
897
+ border-radius: var(--wi-radius-sm);
898
+ color: var(--wi-color-text-muted);
899
+ cursor: pointer;
900
+ display: inline-flex;
901
+ font-size: var(--wi-font-size-lg);
902
+ height: var(--wi-control-affix-size);
903
+ justify-content: center;
904
+ padding: 0;
905
+ position: absolute;
906
+ right: var(--wi-space-1);
907
+ top: 50%;
908
+ transform: translateY(-50%);
909
+ width: var(--wi-control-affix-size);
882
910
  }
883
911
 
884
- .wi-password--toggle .wi-password__clear {
885
- right: 2.1rem;
912
+ .wi-password--toggle .wi-password__clear {
913
+ right: 2.1rem;
886
914
  }
887
915
 
888
- .wi-password__clear:hover:not(:disabled) {
889
- color: var(--wi-color-text);
916
+ .wi-password__clear:hover:not(:disabled) {
917
+ color: var(--wi-color-text);
890
918
  }
891
919
 
892
- .wi-password__clear:focus-visible {
893
- box-shadow: var(--wi-focus-shadow);
894
- outline: none;
920
+ .wi-password__clear:focus-visible {
921
+ box-shadow: var(--wi-focus-shadow);
922
+ outline: none;
895
923
  }
896
924
 
897
- .wi-password__clear:disabled {
898
- cursor: not-allowed;
899
- opacity: var(--wi-opacity-disabled);
925
+ .wi-password__clear:disabled {
926
+ cursor: not-allowed;
927
+ opacity: var(--wi-opacity-disabled);
900
928
  }
901
929
 
902
- .wi-password--disabled .wi-password__input {
903
- cursor: not-allowed;
904
- opacity: var(--wi-opacity-disabled);
930
+ .wi-password--disabled .wi-password__input {
931
+ cursor: not-allowed;
932
+ opacity: var(--wi-opacity-disabled);
905
933
  }
906
934
 
907
- .wi-password__toggle {
908
- align-items: center;
909
- background: transparent;
910
- border: 0;
911
- border-radius: var(--wi-radius-sm);
912
- color: var(--wi-color-text-muted);
913
- cursor: pointer;
914
- display: inline-flex;
915
- justify-content: center;
916
- min-height: 1.75rem;
917
- min-width: 1.75rem;
918
- padding: 0.15rem;
919
- position: absolute;
920
- right: var(--wi-space-1);
921
- top: 50%;
922
- transform: translateY(-50%);
935
+ .wi-password__toggle {
936
+ align-items: center;
937
+ background: transparent;
938
+ border: 0;
939
+ border-radius: var(--wi-radius-sm);
940
+ color: var(--wi-color-text-muted);
941
+ cursor: pointer;
942
+ display: inline-flex;
943
+ justify-content: center;
944
+ min-height: var(--wi-password-toggle-size);
945
+ min-width: var(--wi-password-toggle-size);
946
+ padding: var(--wi-space-1);
947
+ position: absolute;
948
+ right: var(--wi-space-1);
949
+ top: 50%;
950
+ transform: translateY(-50%);
923
951
  }
924
952
 
925
- .wi-password__toggle:hover:not(:disabled) {
926
- color: var(--wi-color-text);
953
+ .wi-password__toggle:hover:not(:disabled) {
954
+ color: var(--wi-color-text);
927
955
  }
928
956
 
929
- .wi-password__toggle:disabled {
930
- cursor: not-allowed;
931
- opacity: var(--wi-opacity-disabled);
957
+ .wi-password__toggle:disabled {
958
+ cursor: not-allowed;
959
+ opacity: var(--wi-opacity-disabled);
932
960
  }
933
961
 
934
- .wi-password__input:focus-visible,
935
- .wi-password__toggle:focus-visible {
936
- box-shadow: var(--wi-focus-shadow);
937
- outline: none;
962
+ .wi-password__input:focus-visible,
963
+ .wi-password__toggle:focus-visible {
964
+ box-shadow: var(--wi-focus-shadow);
965
+ outline: none;
938
966
  }
939
967
 
940
- .wi-password__feedback {
941
- font-size: var(--wi-font-size-xs);
968
+ .wi-password__feedback {
969
+ font-size: var(--wi-font-size-xs);
942
970
  }
943
971
 
944
- .wi-password__feedback--weak {
945
- color: var(--wi-color-danger);
972
+ .wi-password__feedback--weak {
973
+ color: var(--wi-color-danger);
946
974
  }
947
975
 
948
- .wi-password__feedback--medium {
949
- color: var(--wi-color-warn);
976
+ .wi-password__feedback--medium {
977
+ color: var(--wi-color-warn);
950
978
  }
951
979
 
952
- .wi-password__feedback--strong {
953
- color: var(--wi-color-success);
980
+ .wi-password__feedback--strong {
981
+ color: var(--wi-color-success);
954
982
  }
package/dist/input-tags/style.css CHANGED
@@ -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) {
@@ -735,57 +750,65 @@
735
750
  line-height: 1;
736
751
  }
737
752
 
738
- /* —— Form: InputTags —— */
739
- .wi-inputtags {
740
- align-items: center;
741
- background: var(--wi-color-surface);
742
- border: 1px solid var(--wi-color-border);
743
- border-radius: var(--wi-radius-control);
744
- display: flex;
745
- flex-wrap: wrap;
746
- gap: var(--wi-space-1);
747
- min-height: var(--wi-control-height-medium);
748
- padding: var(--wi-space-1) var(--wi-space-2);
749
- width: 100%;
753
+ /* —— Form: InputTags —— */
754
+ .wi-inputtags {
755
+ --wi-inputtags-input-min-width: 6rem;
756
+ --wi-inputtags-chip-padding-y: var(--wi-space-1);
757
+ --wi-inputtags-chip-padding-x: var(--wi-space-2);
758
+ align-items: center;
759
+ background: var(--wi-color-surface);
760
+ border: 1px solid var(--wi-color-border);
761
+ border-radius: var(--wi-radius-control);
762
+ display: flex;
763
+ flex-wrap: wrap;
764
+ gap: var(--wi-space-1);
765
+ min-height: var(--wi-control-height-medium);
766
+ padding: var(--wi-space-1) var(--wi-space-2);
767
+ width: 100%;
750
768
  }
751
769
 
752
- .wi-inputtags--disabled {
753
- opacity: var(--wi-opacity-disabled);
770
+ .wi-inputtags--disabled {
771
+ opacity: var(--wi-opacity-disabled);
754
772
  }
755
773
 
756
- .wi-inputtags__chip {
757
- align-items: center;
758
- background: color-mix(in srgb, var(--wi-color-primary) 12%, var(--wi-color-surface));
759
- border-radius: var(--wi-radius-full, 999px);
760
- display: inline-flex;
761
- font-size: var(--wi-font-size-md);
762
- gap: var(--wi-space-1);
763
- padding: 0.125rem 0.5rem;
774
+ .wi-inputtags__chip {
775
+ align-items: center;
776
+ background: color-mix(
777
+ in srgb,
778
+ var(--wi-color-primary) 12%,
779
+ var(--wi-color-surface)
780
+ );
781
+ border-radius: var(--wi-radius-full, 999px);
782
+ display: inline-flex;
783
+ font-size: var(--wi-font-size-md);
784
+ gap: var(--wi-space-1);
785
+ padding: var(--wi-inputtags-chip-padding-y)
786
+ var(--wi-inputtags-chip-padding-x);
764
787
  }
765
788
 
766
- .wi-inputtags__remove {
767
- background: transparent;
768
- border: 0;
769
- color: inherit;
770
- cursor: pointer;
771
- font: inherit;
772
- line-height: 1;
773
- padding: 0;
789
+ .wi-inputtags__remove {
790
+ background: transparent;
791
+ border: 0;
792
+ color: inherit;
793
+ cursor: pointer;
794
+ font: inherit;
795
+ line-height: 1;
796
+ padding: 0;
774
797
  }
775
798
 
776
- .wi-inputtags__input {
777
- background: transparent;
778
- border: 0;
779
- color: inherit;
780
- flex: 1;
781
- font: inherit;
782
- min-width: 6rem;
783
- outline: none;
784
- padding: var(--wi-space-1);
799
+ .wi-inputtags__input {
800
+ background: transparent;
801
+ border: 0;
802
+ color: inherit;
803
+ flex: 1;
804
+ font: inherit;
805
+ min-width: var(--wi-inputtags-input-min-width);
806
+ outline: none;
807
+ padding: var(--wi-space-1);
785
808
  }
786
809
 
787
- .wi-inputtags__input:focus,
788
- .wi-inputtags__input:focus-visible {
789
- box-shadow: none;
790
- outline: none;
810
+ .wi-inputtags__input:focus,
811
+ .wi-inputtags__input:focus-visible {
812
+ box-shadow: none;
813
+ outline: none;
791
814
  }