morya-ui 0.4.4 → 0.4.5

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 (322) hide show
  1. package/CHANGELOG.md +811 -775
  2. package/LICENSE +21 -21
  3. package/README.md +156 -156
  4. package/README.zh-CN.md +156 -156
  5. package/dist/{Button-Bjsth0ct.js → Button-fKkfCnYv.js} +1 -1
  6. package/dist/{Checkbox-Bo26OGHP.js → Checkbox-BXC2mLNd.js} +1 -1
  7. package/dist/DatePicker-DcVjiS5d.js +848 -0
  8. package/dist/{Empty-rMhOPi79.js → Empty-By1qe-ew.js} +1 -1
  9. package/dist/{FlyoutSubmenu-C0id6-Sb.js → FlyoutSubmenu-C1n-fr6i.js} +1 -1
  10. package/dist/{Input-CxSTVp9E.js → Input-D2bee2LU.js} +2 -2
  11. package/dist/{Loading-D_qRwfKv.js → Loading-DE9Iaiao.js} +3 -3
  12. package/dist/Pagination-DpNOb0CS.js +178 -0
  13. package/dist/{Popover-D1uZ1N9Z.js → Popover-Bnz7KNZq.js} +2 -2
  14. package/dist/{ProgressSpinner-hmR23xpi.js → ProgressSpinner-vBXGvQ92.js} +1 -1
  15. package/dist/{Radio-CZAyelC_.js → Radio-BbznzRbr.js} +1 -1
  16. package/dist/{Segmented-BpdO7arR.js → Segmented-CMP3nBAP.js} +1 -1
  17. package/dist/{Select-CySmusHs.js → Select-q4X2ff_M.js} +3 -3
  18. package/dist/{Textarea-DskjTCcz.js → Textarea-DsFOAtPd.js} +2 -2
  19. package/dist/{Tooltip-DSfkflHp.js → Tooltip-5zRVTTVs.js} +2 -2
  20. package/dist/accordion/style.css +1206 -1205
  21. package/dist/affix/style.css +1206 -1205
  22. package/dist/alert/index.js +2 -2
  23. package/dist/alert/style.css +1206 -1205
  24. package/dist/anchor/style.css +1206 -1205
  25. package/dist/auto-complete/index.js +3 -3
  26. package/dist/auto-complete/style.css +1750 -1749
  27. package/dist/avatar/style.css +1319 -1318
  28. package/dist/badge/style.css +1372 -1371
  29. package/dist/block-ui/index.js +1 -1
  30. package/dist/block-ui/style.css +1206 -1205
  31. package/dist/breadcrumb/index.js +1 -1
  32. package/dist/breadcrumb/style.css +1206 -1205
  33. package/dist/button/index.js +1 -1
  34. package/dist/button/style.css +1910 -1909
  35. package/dist/calendar/index.js +3 -3
  36. package/dist/calendar/style.css +2081 -1880
  37. package/dist/card/style.css +1206 -1205
  38. package/dist/carousel/index.js +2 -2
  39. package/dist/carousel/style.css +2209 -2208
  40. package/dist/cascade-select/index.js +3 -3
  41. package/dist/cascade-select/style.css +1910 -1909
  42. package/dist/checkbox/index.js +1 -1
  43. package/dist/checkbox/style.css +1206 -1205
  44. package/dist/chip/index.js +1 -1
  45. package/dist/chip/style.css +1350 -1349
  46. package/dist/command-menu/index.js +3 -3
  47. package/dist/command-menu/style.css +1439 -1438
  48. package/dist/components/AutoComplete/styles.css +209 -209
  49. package/dist/components/Avatar/styles.css +113 -113
  50. package/dist/components/Badge/styles.css +164 -164
  51. package/dist/components/Button/styles.css +698 -698
  52. package/dist/components/Carousel/styles.css +302 -302
  53. package/dist/components/CascadeSelect/styles.css +168 -168
  54. package/dist/components/Chip/styles.css +144 -144
  55. package/dist/components/CommandMenu/styles.css +102 -102
  56. package/dist/components/ConfigProvider/styles.css +6 -6
  57. package/dist/components/ConfirmDialog/styles.css +24 -24
  58. package/dist/components/ConfirmPopup/styles.css +35 -35
  59. package/dist/components/ContextMenu/styles.css +138 -138
  60. package/dist/components/DatePicker/DatePicker.vue.d.ts +21 -0
  61. package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
  62. package/dist/components/DatePicker/styles.css +653 -453
  63. package/dist/components/DatePicker/types.d.ts +20 -2
  64. package/dist/components/DatePicker/types.d.ts.map +1 -1
  65. package/dist/components/Dialog/styles.css +420 -420
  66. package/dist/components/Dock/styles.css +84 -84
  67. package/dist/components/Drawer/styles.css +346 -346
  68. package/dist/components/Dropdown/styles.css +135 -135
  69. package/dist/components/Empty/styles.css +146 -146
  70. package/dist/components/FileUpload/styles.css +359 -359
  71. package/dist/components/Form/Form.vue.d.ts.map +1 -1
  72. package/dist/components/Form/styles.css +125 -125
  73. package/dist/components/Gallery/styles.css +100 -100
  74. package/dist/components/Input/styles.css +392 -392
  75. package/dist/components/InputColor/styles.css +139 -139
  76. package/dist/components/InputNumber/styles.css +262 -262
  77. package/dist/components/InputPassword/styles.css +189 -189
  78. package/dist/components/InputTags/styles.css +121 -121
  79. package/dist/components/Layout/styles.css +433 -433
  80. package/dist/components/List/styles.css +229 -229
  81. package/dist/components/Listbox/styles.css +130 -130
  82. package/dist/components/Loading/styles.css +378 -378
  83. package/dist/components/MegaMenu/styles.css +97 -97
  84. package/dist/components/Menu/styles.css +565 -565
  85. package/dist/components/Menubar/styles.css +144 -144
  86. package/dist/components/Message/styles.css +248 -248
  87. package/dist/components/MeterGroup/styles.css +49 -49
  88. package/dist/components/OrderList/OrderList.vue.d.ts +13 -7
  89. package/dist/components/OrderList/OrderList.vue.d.ts.map +1 -1
  90. package/dist/components/OrderList/styles.css +80 -7
  91. package/dist/components/OrderList/types.d.ts +20 -3
  92. package/dist/components/OrderList/types.d.ts.map +1 -1
  93. package/dist/components/Page/styles.css +430 -430
  94. package/dist/components/Pagination/Pagination.vue.d.ts.map +1 -1
  95. package/dist/components/Pagination/styles.css +97 -124
  96. package/dist/components/Popover/styles.css +92 -92
  97. package/dist/components/Result/styles.css +146 -146
  98. package/dist/components/Scrollbar/styles.css +131 -131
  99. package/dist/components/Select/styles.css +222 -222
  100. package/dist/components/SelectButton/styles.css +107 -107
  101. package/dist/components/Sidebar/styles.css +74 -74
  102. package/dist/components/Slider/styles.css +211 -211
  103. package/dist/components/SplitButton/styles.css +216 -216
  104. package/dist/components/Status/styles.css +190 -190
  105. package/dist/components/Stepper/styles.css +152 -152
  106. package/dist/components/Switch/styles.css +129 -129
  107. package/dist/components/Table/Table.vue.d.ts +37 -282
  108. package/dist/components/Table/Table.vue.d.ts.map +1 -1
  109. package/dist/components/Table/core/tree.d.ts +4 -0
  110. package/dist/components/Table/core/tree.d.ts.map +1 -1
  111. package/dist/components/Table/core/utils.d.ts +11 -3
  112. package/dist/components/Table/core/utils.d.ts.map +1 -1
  113. package/dist/components/Table/index.d.ts +1 -1
  114. package/dist/components/Table/index.d.ts.map +1 -1
  115. package/dist/components/Table/render/TableColumnSetting.vue.d.ts +25 -0
  116. package/dist/components/Table/render/TableColumnSetting.vue.d.ts.map +1 -0
  117. package/dist/components/Table/render/TableTbody.vue.d.ts +16 -0
  118. package/dist/components/Table/render/TableTbody.vue.d.ts.map +1 -1
  119. package/dist/components/Table/render/TableThead.vue.d.ts +8 -0
  120. package/dist/components/Table/render/TableThead.vue.d.ts.map +1 -1
  121. package/dist/components/Table/state/internal.d.ts +1 -1
  122. package/dist/components/Table/state/internal.d.ts.map +1 -1
  123. package/dist/components/Table/state/usePageItems.d.ts +1 -3
  124. package/dist/components/Table/state/usePageItems.d.ts.map +1 -1
  125. package/dist/components/Table/state/useVirtualRows.d.ts +20 -2
  126. package/dist/components/Table/state/useVirtualRows.d.ts.map +1 -1
  127. package/dist/components/Table/styles.css +95 -0
  128. package/dist/components/Table/types.d.ts +77 -12
  129. package/dist/components/Table/types.d.ts.map +1 -1
  130. package/dist/components/Tabs/styles.css +165 -165
  131. package/dist/components/Terminal/styles.css +75 -75
  132. package/dist/components/Textarea/styles.css +146 -146
  133. package/dist/components/TieredMenu/styles.css +125 -125
  134. package/dist/components/Timeline/styles.css +157 -157
  135. package/dist/components/TreeSelect/styles.css +172 -172
  136. package/dist/components/VirtualScroller/styles.css +27 -27
  137. package/dist/{config-BEpyhJi3.js → config-Cd20zAyW.js} +11 -1
  138. package/dist/config-provider/index.js +1 -1
  139. package/dist/config-provider/style.css +2302 -2301
  140. package/dist/confirm-dialog/index.js +4 -4
  141. package/dist/confirm-dialog/style.css +2348 -2347
  142. package/dist/confirm-popup/index.js +4 -4
  143. package/dist/confirm-popup/style.css +1939 -1938
  144. package/dist/context-menu/index.js +3 -3
  145. package/dist/context-menu/style.css +1475 -1474
  146. package/dist/data-view/index.js +3 -3
  147. package/dist/data-view/style.css +1681 -1707
  148. package/dist/date-picker/index.js +1 -1
  149. package/dist/date-picker/style.css +1991 -1658
  150. package/dist/date-picker/style.js +1 -0
  151. package/dist/descriptions/index.js +1 -1
  152. package/dist/descriptions/style.css +1206 -1205
  153. package/dist/dialog/index.js +4 -4
  154. package/dist/dialog/style.css +2324 -2323
  155. package/dist/divider/style.css +1206 -1205
  156. package/dist/dock/style.css +1290 -1289
  157. package/dist/drawer/index.js +3 -3
  158. package/dist/drawer/style.css +1552 -1551
  159. package/dist/dropdown/index.js +4 -4
  160. package/dist/dropdown/style.css +1472 -1471
  161. package/dist/empty/index.js +1 -1
  162. package/dist/empty/style.css +1352 -1351
  163. package/dist/fieldset/style.css +1206 -1205
  164. package/dist/file-upload/index.js +1 -1
  165. package/dist/file-upload/style.css +1565 -1564
  166. package/dist/flex/index.js +1 -1
  167. package/dist/flex/style.css +1206 -1205
  168. package/dist/float-label/style.css +1206 -1205
  169. package/dist/fluid/style.css +1206 -1205
  170. package/dist/form/index.js +1 -1
  171. package/dist/form/style.css +1333 -1332
  172. package/dist/gallery/index.js +1 -1
  173. package/dist/gallery/style.css +1437 -1436
  174. package/dist/grid/style.css +1206 -1205
  175. package/dist/icon/style.css +1206 -1205
  176. package/dist/icon-field/style.css +1598 -1597
  177. package/dist/image/index.js +1 -1
  178. package/dist/image/style.css +1206 -1205
  179. package/dist/index.d.ts +1 -1
  180. package/dist/index.d.ts.map +1 -1
  181. package/dist/index.js +4118 -3439
  182. package/dist/inplace/style.css +1206 -1205
  183. package/dist/input/index.js +1 -1
  184. package/dist/input/style.css +1723 -1722
  185. package/dist/input-color/index.js +2 -2
  186. package/dist/input-color/style.css +1347 -1346
  187. package/dist/input-group/style.css +1206 -1205
  188. package/dist/input-number/index.js +2 -2
  189. package/dist/input-number/style.css +1468 -1467
  190. package/dist/input-otp/index.js +2 -2
  191. package/dist/input-otp/style.css +1206 -1205
  192. package/dist/input-password/index.js +2 -2
  193. package/dist/input-password/style.css +1520 -1519
  194. package/dist/input-tags/index.js +2 -2
  195. package/dist/input-tags/style.css +1327 -1326
  196. package/dist/knob/style.css +1206 -1205
  197. package/dist/label/style.css +1206 -1205
  198. package/dist/layout/index.js +1 -1
  199. package/dist/layout/style.css +1770 -1769
  200. package/dist/list/index.js +4 -4
  201. package/dist/list/style.css +2061 -2087
  202. package/dist/listbox/index.js +2 -2
  203. package/dist/listbox/style.css +1498 -1497
  204. package/dist/loading/index.js +1 -1
  205. package/dist/loading/style.css +1586 -1585
  206. package/dist/locale/de-DE.d.ts.map +1 -1
  207. package/dist/locale/en-US.d.ts.map +1 -1
  208. package/dist/locale/es-ES.d.ts.map +1 -1
  209. package/dist/locale/fr-FR.d.ts.map +1 -1
  210. package/dist/locale/ja-JP.d.ts.map +1 -1
  211. package/dist/locale/ko-KR.d.ts.map +1 -1
  212. package/dist/locale/pt-BR.d.ts.map +1 -1
  213. package/dist/locale/ru-RU.d.ts.map +1 -1
  214. package/dist/locale/types.d.ts +18 -0
  215. package/dist/locale/types.d.ts.map +1 -1
  216. package/dist/locale/zh-CN.d.ts.map +1 -1
  217. package/dist/locale/zh-TW.d.ts.map +1 -1
  218. package/dist/{locale-CZddM-tH.js → locale-BcxMPufl.js} +1 -1
  219. package/dist/mega-menu/index.js +3 -3
  220. package/dist/mega-menu/style.css +1303 -1302
  221. package/dist/mentions/index.js +3 -3
  222. package/dist/mentions/style.css +1331 -1330
  223. package/dist/menu/index.js +4 -4
  224. package/dist/menu/style.css +2060 -2059
  225. package/dist/menubar/index.js +3 -3
  226. package/dist/menubar/style.css +1481 -1480
  227. package/dist/message/index.js +3 -3
  228. package/dist/message/style.css +1454 -1453
  229. package/dist/meter-group/style.css +1257 -1256
  230. package/dist/order-list/index.js +191 -101
  231. package/dist/order-list/style.css +1286 -1212
  232. package/dist/page/index.js +3 -3
  233. package/dist/page/style.css +2601 -2600
  234. package/dist/pagination/index.js +1 -1
  235. package/dist/pagination/style.css +1525 -1551
  236. package/dist/panel/index.js +1 -1
  237. package/dist/panel/style.css +1206 -1205
  238. package/dist/pick-list/index.js +1 -1
  239. package/dist/pick-list/style.css +1206 -1205
  240. package/dist/popover/index.js +1 -1
  241. package/dist/popover/style.css +1300 -1299
  242. package/dist/progress-bar/style.css +1206 -1205
  243. package/dist/progress-spinner/index.js +1 -1
  244. package/dist/progress-spinner/style.css +1206 -1205
  245. package/dist/qr-code/index.js +3 -3
  246. package/dist/qr-code/style.css +1904 -1903
  247. package/dist/radio/index.js +1 -1
  248. package/dist/radio/style.css +1206 -1205
  249. package/dist/rating/index.js +2 -2
  250. package/dist/rating/style.css +1206 -1205
  251. package/dist/result/index.js +1 -1
  252. package/dist/result/style.css +1352 -1351
  253. package/dist/scroll-top/index.js +2 -2
  254. package/dist/scroll-top/style.css +1337 -1336
  255. package/dist/scrollbar/style.css +1339 -1338
  256. package/dist/segmented/index.js +1 -1
  257. package/dist/segmented/style.css +1206 -1205
  258. package/dist/select/index.js +1 -1
  259. package/dist/select/style.css +2116 -2115
  260. package/dist/select-button/index.js +1 -1
  261. package/dist/select-button/style.css +1315 -1314
  262. package/dist/shared/styles/control-affix-icon.css +110 -110
  263. package/dist/shared/styles/control-suffix.css +118 -118
  264. package/dist/shared/styles/select-overlay.css +177 -177
  265. package/dist/sidebar/index.js +1 -1
  266. package/dist/sidebar/style.css +1280 -1279
  267. package/dist/skeleton/style.css +1206 -1205
  268. package/dist/slider/index.js +2 -2
  269. package/dist/slider/style.css +1419 -1418
  270. package/dist/space/index.js +1 -1
  271. package/dist/space/style.css +1206 -1205
  272. package/dist/speed-dial/index.js +3 -3
  273. package/dist/speed-dial/style.css +1206 -1205
  274. package/dist/split-button/index.js +3 -3
  275. package/dist/split-button/style.css +2120 -2119
  276. package/dist/splitter/index.js +1 -1
  277. package/dist/splitter/style.css +1206 -1205
  278. package/dist/statistic/style.css +1206 -1205
  279. package/dist/status/index.js +1 -1
  280. package/dist/status/style.css +1396 -1395
  281. package/dist/stepper/style.css +1358 -1357
  282. package/dist/styles/base.css +804 -804
  283. package/dist/styles.css +1 -1
  284. package/dist/switch/index.js +1 -1
  285. package/dist/switch/style.css +1337 -1336
  286. package/dist/table/index.js +975 -714
  287. package/dist/table/style.css +1908 -1839
  288. package/dist/tabs/index.js +1 -1
  289. package/dist/tabs/style.css +1502 -1501
  290. package/dist/tag/index.js +2 -2
  291. package/dist/tag/style.css +1206 -1205
  292. package/dist/terminal/index.js +1 -1
  293. package/dist/terminal/style.css +1283 -1282
  294. package/dist/textarea/index.js +1 -1
  295. package/dist/textarea/style.css +1477 -1476
  296. package/dist/theme/styles.css +402 -401
  297. package/dist/tiered-menu/index.js +3 -3
  298. package/dist/tiered-menu/style.css +1462 -1461
  299. package/dist/time-picker/index.js +5 -1
  300. package/dist/time-picker/style.css +1861 -1660
  301. package/dist/timeline/style.css +1494 -1493
  302. package/dist/toast/index.js +3 -3
  303. package/dist/toast/style.css +1904 -1903
  304. package/dist/toggle-button/index.js +1 -1
  305. package/dist/toggle-button/style.css +1206 -1205
  306. package/dist/toolbar/style.css +1206 -1205
  307. package/dist/tooltip/index.js +1 -1
  308. package/dist/tooltip/style.css +1206 -1205
  309. package/dist/tour/index.js +3 -3
  310. package/dist/tour/style.css +1904 -1903
  311. package/dist/tree/index.js +2 -2
  312. package/dist/tree/style.css +1206 -1205
  313. package/dist/tree-select/index.js +4 -4
  314. package/dist/tree-select/style.css +1914 -1913
  315. package/dist/typography/index.js +2 -2
  316. package/dist/typography/style.css +1352 -1351
  317. package/dist/{useMotionTransition-DqL_SEML.js → useMotionTransition-DohkfWRB.js} +1 -1
  318. package/dist/virtual-scroller/style.css +1367 -1366
  319. package/dist/watermark/style.css +1206 -1205
  320. package/package.json +1 -1
  321. package/dist/DatePicker-CsMGzCqY.js +0 -630
  322. package/dist/Pagination-CnGOpp0m.js +0 -171
package/dist/components/Menubar/styles.css CHANGED
@@ -1,144 +1,144 @@
1
- /* —— Navigation: Menubar —— */
2
- .m-menubar {
3
- --m-menubar-menu-min-width: var(--m-menu-min-width, 10rem);
4
- --m-menubar-item-gap: var(--m-space-1);
5
- align-items: stretch;
6
- background: var(--m-color-surface);
7
- border: var(--m-border-width) solid var(--m-color-border);
8
- border-radius: var(--m-radius-md);
9
- display: flex;
10
- flex-wrap: wrap;
11
- gap: var(--m-menubar-item-gap);
12
- padding: var(--m-space-1);
13
- }
14
-
15
- .m-menubar__item {
16
- position: relative;
17
- }
18
-
19
- .m-menubar__trigger {
20
- align-items: center;
21
- background: transparent;
22
- border: 0;
23
- border-radius: var(--m-radius-control);
24
- color: var(--m-color-text);
25
- cursor: pointer;
26
- display: inline-flex;
27
- font-family: var(--m-font-sans);
28
- font-size: var(--m-control-font-medium);
29
- gap: var(--m-space-1);
30
- min-height: var(--m-control-height-medium);
31
- padding: 0 var(--m-control-padding-x-medium);
32
- transition:
33
- background-color var(--m-motion-fast) var(--m-motion-ease),
34
- color var(--m-motion-fast) var(--m-motion-ease),
35
- opacity var(--m-motion-fast) var(--m-motion-ease);
36
- }
37
-
38
- .m-menubar__trigger:hover:not(:disabled),
39
- .m-menubar__item--open > .m-menubar__trigger {
40
- background: color-mix(
41
- in srgb,
42
- var(--m-color-primary) 10%,
43
- var(--m-color-surface)
44
- );
45
- }
46
-
47
- .m-menubar__trigger:disabled {
48
- cursor: not-allowed;
49
- opacity: var(--m-opacity-disabled);
50
- }
51
-
52
- .m-menubar__trigger:focus-visible {
53
- box-shadow: var(--m-focus-shadow);
54
- outline: none;
55
- }
56
-
57
- .m-menubar__caret {
58
- color: var(--m-color-text-muted);
59
- font-size: var(--m-font-size-xs);
60
- }
61
-
62
- .m-menubar__submenu {
63
- --m-menubar-submenu-max-height: min(18rem, 45vh);
64
- background: var(--m-color-surface);
65
- border: var(--m-border-width) solid var(--m-color-border);
66
- border-radius: var(--m-radius-md);
67
- box-shadow: var(--m-shadow-md);
68
- display: flex;
69
- flex-direction: column;
70
- gap: var(--m-menubar-item-gap);
71
- left: 0;
72
- max-height: var(--m-menubar-submenu-max-height);
73
- max-width: calc(100vw - 2 * var(--m-space-4));
74
- min-width: var(--m-menubar-menu-min-width);
75
- overflow: hidden;
76
- padding: var(--m-space-1);
77
- position: absolute;
78
- top: calc(100% + var(--m-space-1));
79
- /* Grow with the content: shrink-to-fit would clamp to the trigger item
80
- width (the containing block) when not teleported. */
81
- width: max-content;
82
- z-index: var(--m-z-popper);
83
- }
84
-
85
- .m-menubar__submenu-scroll {
86
- max-height: 100%;
87
- min-height: 0;
88
- }
89
-
90
- .m-menubar__submenu-view {
91
- display: flex;
92
- flex-direction: column;
93
- gap: var(--m-menubar-item-gap);
94
- }
95
-
96
- .m-menubar__submenu--teleported {
97
- position: fixed;
98
- top: auto;
99
- z-index: var(--m-z-dropdown);
100
- }
101
-
102
- .m-menubar__subitem {
103
- align-items: center;
104
- background: transparent;
105
- border: 0;
106
- border-radius: var(--m-radius-sm);
107
- box-sizing: border-box;
108
- color: var(--m-color-text);
109
- cursor: pointer;
110
- display: flex;
111
- font-family: var(--m-font-sans);
112
- min-height: var(--m-menu-item-height);
113
- padding: var(--m-space-2) var(--m-space-3);
114
- text-align: start;
115
- transition:
116
- background-color var(--m-motion-fast) var(--m-motion-ease),
117
- color var(--m-motion-fast) var(--m-motion-ease),
118
- opacity var(--m-motion-fast) var(--m-motion-ease);
119
- width: 100%;
120
- }
121
-
122
- .m-menubar__subitem:hover:not(:disabled) {
123
- background: color-mix(
124
- in srgb,
125
- var(--m-color-primary) 10%,
126
- var(--m-color-surface)
127
- );
128
- }
129
-
130
- .m-menubar__subitem:disabled {
131
- cursor: not-allowed;
132
- opacity: var(--m-opacity-disabled);
133
- }
134
-
135
- .m-menubar__subitem:focus-visible {
136
- box-shadow: var(--m-focus-shadow);
137
- outline: none;
138
- }
139
-
140
- .m-menubar__trigger--selected,
141
- .m-menubar__subitem--selected {
142
- background: color-mix(in srgb, var(--m-color-primary) 12%, var(--m-color-surface));
143
- color: var(--m-color-primary);
144
- }
1
+ /* —— Navigation: Menubar —— */
2
+ .m-menubar {
3
+ --m-menubar-menu-min-width: var(--m-menu-min-width, 10rem);
4
+ --m-menubar-item-gap: var(--m-space-1);
5
+ align-items: stretch;
6
+ background: var(--m-color-surface);
7
+ border: var(--m-border-width) solid var(--m-color-border);
8
+ border-radius: var(--m-radius-md);
9
+ display: flex;
10
+ flex-wrap: wrap;
11
+ gap: var(--m-menubar-item-gap);
12
+ padding: var(--m-space-1);
13
+ }
14
+
15
+ .m-menubar__item {
16
+ position: relative;
17
+ }
18
+
19
+ .m-menubar__trigger {
20
+ align-items: center;
21
+ background: transparent;
22
+ border: 0;
23
+ border-radius: var(--m-radius-control);
24
+ color: var(--m-color-text);
25
+ cursor: pointer;
26
+ display: inline-flex;
27
+ font-family: var(--m-font-sans);
28
+ font-size: var(--m-control-font-medium);
29
+ gap: var(--m-space-1);
30
+ min-height: var(--m-control-height-medium);
31
+ padding: 0 var(--m-control-padding-x-medium);
32
+ transition:
33
+ background-color var(--m-motion-fast) var(--m-motion-ease),
34
+ color var(--m-motion-fast) var(--m-motion-ease),
35
+ opacity var(--m-motion-fast) var(--m-motion-ease);
36
+ }
37
+
38
+ .m-menubar__trigger:hover:not(:disabled),
39
+ .m-menubar__item--open > .m-menubar__trigger {
40
+ background: color-mix(
41
+ in srgb,
42
+ var(--m-color-primary) 10%,
43
+ var(--m-color-surface)
44
+ );
45
+ }
46
+
47
+ .m-menubar__trigger:disabled {
48
+ cursor: not-allowed;
49
+ opacity: var(--m-opacity-disabled);
50
+ }
51
+
52
+ .m-menubar__trigger:focus-visible {
53
+ box-shadow: var(--m-focus-shadow);
54
+ outline: none;
55
+ }
56
+
57
+ .m-menubar__caret {
58
+ color: var(--m-color-text-muted);
59
+ font-size: var(--m-font-size-xs);
60
+ }
61
+
62
+ .m-menubar__submenu {
63
+ --m-menubar-submenu-max-height: min(18rem, 45vh);
64
+ background: var(--m-color-surface);
65
+ border: var(--m-border-width) solid var(--m-color-border);
66
+ border-radius: var(--m-radius-md);
67
+ box-shadow: var(--m-shadow-md);
68
+ display: flex;
69
+ flex-direction: column;
70
+ gap: var(--m-menubar-item-gap);
71
+ left: 0;
72
+ max-height: var(--m-menubar-submenu-max-height);
73
+ max-width: calc(100vw - 2 * var(--m-space-4));
74
+ min-width: var(--m-menubar-menu-min-width);
75
+ overflow: hidden;
76
+ padding: var(--m-space-1);
77
+ position: absolute;
78
+ top: calc(100% + var(--m-space-1));
79
+ /* Grow with the content: shrink-to-fit would clamp to the trigger item
80
+ width (the containing block) when not teleported. */
81
+ width: max-content;
82
+ z-index: var(--m-z-popper);
83
+ }
84
+
85
+ .m-menubar__submenu-scroll {
86
+ max-height: 100%;
87
+ min-height: 0;
88
+ }
89
+
90
+ .m-menubar__submenu-view {
91
+ display: flex;
92
+ flex-direction: column;
93
+ gap: var(--m-menubar-item-gap);
94
+ }
95
+
96
+ .m-menubar__submenu--teleported {
97
+ position: fixed;
98
+ top: auto;
99
+ z-index: var(--m-z-dropdown);
100
+ }
101
+
102
+ .m-menubar__subitem {
103
+ align-items: center;
104
+ background: transparent;
105
+ border: 0;
106
+ border-radius: var(--m-radius-sm);
107
+ box-sizing: border-box;
108
+ color: var(--m-color-text);
109
+ cursor: pointer;
110
+ display: flex;
111
+ font-family: var(--m-font-sans);
112
+ min-height: var(--m-menu-item-height);
113
+ padding: var(--m-space-2) var(--m-space-3);
114
+ text-align: start;
115
+ transition:
116
+ background-color var(--m-motion-fast) var(--m-motion-ease),
117
+ color var(--m-motion-fast) var(--m-motion-ease),
118
+ opacity var(--m-motion-fast) var(--m-motion-ease);
119
+ width: 100%;
120
+ }
121
+
122
+ .m-menubar__subitem:hover:not(:disabled) {
123
+ background: color-mix(
124
+ in srgb,
125
+ var(--m-color-primary) 10%,
126
+ var(--m-color-surface)
127
+ );
128
+ }
129
+
130
+ .m-menubar__subitem:disabled {
131
+ cursor: not-allowed;
132
+ opacity: var(--m-opacity-disabled);
133
+ }
134
+
135
+ .m-menubar__subitem:focus-visible {
136
+ box-shadow: var(--m-focus-shadow);
137
+ outline: none;
138
+ }
139
+
140
+ .m-menubar__trigger--selected,
141
+ .m-menubar__subitem--selected {
142
+ background: color-mix(in srgb, var(--m-color-primary) 12%, var(--m-color-surface));
143
+ color: var(--m-color-primary);
144
+ }