@koi-design/uxd-ui 14.0.6 → 14.0.8

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 (276) hide show
  1. package/es/components/Card/Card.d.ts +9 -9
  2. package/es/components/Card/Card.mjs +19 -26
  3. package/es/components/Card/Card.mjs.map +1 -1
  4. package/es/components/Card/Card.type.d.ts +4 -4
  5. package/es/components/Card/Card.type.mjs +4 -4
  6. package/es/components/Card/Card.type.mjs.map +1 -1
  7. package/es/components/Card/index.d.ts +15 -15
  8. package/es/components/Cascader/Cascader.d.ts +3 -3
  9. package/es/components/Cascader/Cascader.mjs +2 -4
  10. package/es/components/Cascader/Cascader.mjs.map +1 -1
  11. package/es/components/Cascader/Cascader.type.d.ts +1 -1
  12. package/es/components/Cascader/Cascader.type.mjs +1 -1
  13. package/es/components/Cascader/Cascader.type.mjs.map +1 -1
  14. package/es/components/Cascader/CascaderMenu.mjs +4 -4
  15. package/es/components/Cascader/CascaderMenu.mjs.map +1 -1
  16. package/es/components/Cascader/index.d.ts +6 -6
  17. package/es/components/Checkbox/Checkbox.mjs +1 -0
  18. package/es/components/Checkbox/Checkbox.mjs.map +1 -1
  19. package/es/components/Checkbox/Checkbox.type.d.ts +1 -0
  20. package/es/components/Checkbox/Checkbox.type.mjs +2 -1
  21. package/es/components/Checkbox/Checkbox.type.mjs.map +1 -1
  22. package/es/components/Checkbox/Checkbox.vue.d.ts +2 -0
  23. package/es/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
  24. package/es/components/Checkbox/index.d.ts +7 -0
  25. package/es/components/DatePicker/DatePicker.mjs +2 -4
  26. package/es/components/DatePicker/DatePicker.mjs.map +1 -1
  27. package/es/components/DatePicker/Panel/DatePickerPanel.mjs +1 -0
  28. package/es/components/DatePicker/Panel/DatePickerPanel.mjs.map +1 -1
  29. package/es/components/Layout/Layout.type.d.ts +2 -7
  30. package/es/components/Layout/Layout.type.mjs +2 -7
  31. package/es/components/Layout/Layout.type.mjs.map +1 -1
  32. package/es/components/Layout/Sider.mjs +20 -16
  33. package/es/components/Layout/Sider.mjs.map +1 -1
  34. package/es/components/Layout/Sider.vue.d.ts +9 -17
  35. package/es/components/Layout/index.d.ts +9 -17
  36. package/es/components/Menu/Menu.d.ts +0 -11
  37. package/es/components/Menu/Menu.mjs +1 -3
  38. package/es/components/Menu/Menu.mjs.map +1 -1
  39. package/es/components/Menu/Menu.type.d.ts +0 -6
  40. package/es/components/Menu/Menu.type.mjs +0 -5
  41. package/es/components/Menu/Menu.type.mjs.map +1 -1
  42. package/es/components/Menu/SubMenu.mjs +1 -3
  43. package/es/components/Menu/SubMenu.mjs.map +1 -1
  44. package/es/components/Menu/SubMenu.vue.d.ts +0 -1
  45. package/es/components/Menu/index.d.ts +0 -19
  46. package/es/components/Progress/Circle.mjs +1 -3
  47. package/es/components/Progress/Circle.mjs.map +1 -1
  48. package/es/components/Progress/Progress.mjs +2 -3
  49. package/es/components/Progress/Progress.mjs.map +1 -1
  50. package/es/components/Progress/Progress.type.d.ts +1 -6
  51. package/es/components/Progress/Progress.type.mjs +0 -6
  52. package/es/components/Progress/Progress.type.mjs.map +1 -1
  53. package/es/components/Progress/Progress.vue.d.ts +0 -16
  54. package/es/components/Progress/index.d.ts +0 -33
  55. package/es/components/Select/RefSelect.vue.d.ts +7 -0
  56. package/es/components/Table/BaseTable.vue.d.ts +7 -19
  57. package/es/components/Table/BodyTable.vue.d.ts +7 -19
  58. package/es/components/Table/HeadTable.vue.d.ts +7 -19
  59. package/es/components/Table/Table.vue.d.ts +14 -38
  60. package/es/components/Table/TableBox.vue.d.ts +14 -38
  61. package/es/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -19
  62. package/es/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
  63. package/es/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -19
  64. package/es/components/Table/tableUnits/TableHeader.vue.d.ts +7 -19
  65. package/es/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -19
  66. package/es/components/Transfer/Operation.mjs +6 -4
  67. package/es/components/Transfer/Operation.mjs.map +1 -1
  68. package/es/components/Transfer/Transfer.mjs +2 -4
  69. package/es/components/Transfer/Transfer.mjs.map +1 -1
  70. package/es/components/Transfer/Transfer.type.d.ts +0 -5
  71. package/es/components/Transfer/Transfer.type.mjs +1 -8
  72. package/es/components/Transfer/Transfer.type.mjs.map +1 -1
  73. package/es/components/Transfer/Transfer.vue.d.ts +42 -11
  74. package/es/components/Transfer/TransferList.mjs +14 -10
  75. package/es/components/Transfer/TransferList.mjs.map +1 -1
  76. package/es/components/Transfer/TransferList.vue.d.ts +14 -0
  77. package/es/components/Transfer/TransferListItem.vue.d.ts +7 -0
  78. package/es/components/Transfer/index.d.ts +112 -18
  79. package/es/components/Tree/SubTree.vue.d.ts +7 -0
  80. package/es/components/Tree/Tree.vue.d.ts +7 -0
  81. package/es/components/Tree/TreeNode.vue.d.ts +7 -0
  82. package/es/components/Tree/index.d.ts +14 -0
  83. package/es/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
  84. package/es/components/TreeSelect/index.d.ts +28 -0
  85. package/es/components/Upload/UploadList.vue.d.ts +0 -33
  86. package/es/components/base/CollapseTransition.mjs +0 -16
  87. package/es/components/base/CollapseTransition.mjs.map +1 -1
  88. package/es/components/base/hooks/useGlobalConfig.d.ts +1 -0
  89. package/es/components/locale/default.d.ts +1 -0
  90. package/es/components/locale/default.mjs.map +1 -1
  91. package/lib/components/Card/Card.d.ts +9 -9
  92. package/lib/components/Card/Card.js +22 -29
  93. package/lib/components/Card/Card.js.map +1 -1
  94. package/lib/components/Card/Card.type.d.ts +4 -4
  95. package/lib/components/Card/Card.type.js +4 -4
  96. package/lib/components/Card/Card.type.js.map +1 -1
  97. package/lib/components/Card/index.d.ts +15 -15
  98. package/lib/components/Cascader/Cascader.d.ts +3 -3
  99. package/lib/components/Cascader/Cascader.js +2 -4
  100. package/lib/components/Cascader/Cascader.js.map +1 -1
  101. package/lib/components/Cascader/Cascader.type.d.ts +1 -1
  102. package/lib/components/Cascader/Cascader.type.js +1 -1
  103. package/lib/components/Cascader/Cascader.type.js.map +1 -1
  104. package/lib/components/Cascader/CascaderMenu.js +3 -3
  105. package/lib/components/Cascader/CascaderMenu.js.map +1 -1
  106. package/lib/components/Cascader/index.d.ts +6 -6
  107. package/lib/components/Checkbox/Checkbox.js +1 -0
  108. package/lib/components/Checkbox/Checkbox.js.map +1 -1
  109. package/lib/components/Checkbox/Checkbox.type.d.ts +1 -0
  110. package/lib/components/Checkbox/Checkbox.type.js +2 -1
  111. package/lib/components/Checkbox/Checkbox.type.js.map +1 -1
  112. package/lib/components/Checkbox/Checkbox.vue.d.ts +2 -0
  113. package/lib/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
  114. package/lib/components/Checkbox/index.d.ts +7 -0
  115. package/lib/components/DatePicker/DatePicker.js +2 -4
  116. package/lib/components/DatePicker/DatePicker.js.map +1 -1
  117. package/lib/components/DatePicker/Panel/DatePickerPanel.js +1 -0
  118. package/lib/components/DatePicker/Panel/DatePickerPanel.js.map +1 -1
  119. package/lib/components/Layout/Layout.type.d.ts +2 -7
  120. package/lib/components/Layout/Layout.type.js +2 -7
  121. package/lib/components/Layout/Layout.type.js.map +1 -1
  122. package/lib/components/Layout/Sider.js +19 -15
  123. package/lib/components/Layout/Sider.js.map +1 -1
  124. package/lib/components/Layout/Sider.vue.d.ts +9 -17
  125. package/lib/components/Layout/index.d.ts +9 -17
  126. package/lib/components/Menu/Menu.d.ts +0 -11
  127. package/lib/components/Menu/Menu.js +1 -3
  128. package/lib/components/Menu/Menu.js.map +1 -1
  129. package/lib/components/Menu/Menu.type.d.ts +0 -6
  130. package/lib/components/Menu/Menu.type.js +0 -5
  131. package/lib/components/Menu/Menu.type.js.map +1 -1
  132. package/lib/components/Menu/SubMenu.js +1 -3
  133. package/lib/components/Menu/SubMenu.js.map +1 -1
  134. package/lib/components/Menu/SubMenu.vue.d.ts +0 -1
  135. package/lib/components/Menu/index.d.ts +0 -19
  136. package/lib/components/Progress/Circle.js +1 -3
  137. package/lib/components/Progress/Circle.js.map +1 -1
  138. package/lib/components/Progress/Progress.js +2 -3
  139. package/lib/components/Progress/Progress.js.map +1 -1
  140. package/lib/components/Progress/Progress.type.d.ts +1 -6
  141. package/lib/components/Progress/Progress.type.js +0 -6
  142. package/lib/components/Progress/Progress.type.js.map +1 -1
  143. package/lib/components/Progress/Progress.vue.d.ts +0 -16
  144. package/lib/components/Progress/index.d.ts +0 -33
  145. package/lib/components/Select/RefSelect.vue.d.ts +7 -0
  146. package/lib/components/Table/BaseTable.vue.d.ts +7 -19
  147. package/lib/components/Table/BodyTable.vue.d.ts +7 -19
  148. package/lib/components/Table/HeadTable.vue.d.ts +7 -19
  149. package/lib/components/Table/Table.vue.d.ts +14 -38
  150. package/lib/components/Table/TableBox.vue.d.ts +14 -38
  151. package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -19
  152. package/lib/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
  153. package/lib/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -19
  154. package/lib/components/Table/tableUnits/TableHeader.vue.d.ts +7 -19
  155. package/lib/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -19
  156. package/lib/components/Transfer/Operation.js +6 -4
  157. package/lib/components/Transfer/Operation.js.map +1 -1
  158. package/lib/components/Transfer/Transfer.js +2 -4
  159. package/lib/components/Transfer/Transfer.js.map +1 -1
  160. package/lib/components/Transfer/Transfer.type.d.ts +0 -5
  161. package/lib/components/Transfer/Transfer.type.js +0 -7
  162. package/lib/components/Transfer/Transfer.type.js.map +1 -1
  163. package/lib/components/Transfer/Transfer.vue.d.ts +42 -11
  164. package/lib/components/Transfer/TransferList.js +14 -10
  165. package/lib/components/Transfer/TransferList.js.map +1 -1
  166. package/lib/components/Transfer/TransferList.vue.d.ts +14 -0
  167. package/lib/components/Transfer/TransferListItem.vue.d.ts +7 -0
  168. package/lib/components/Transfer/index.d.ts +112 -18
  169. package/lib/components/Tree/SubTree.vue.d.ts +7 -0
  170. package/lib/components/Tree/Tree.vue.d.ts +7 -0
  171. package/lib/components/Tree/TreeNode.vue.d.ts +7 -0
  172. package/lib/components/Tree/index.d.ts +14 -0
  173. package/lib/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
  174. package/lib/components/TreeSelect/index.d.ts +28 -0
  175. package/lib/components/Upload/UploadList.vue.d.ts +0 -33
  176. package/lib/components/base/CollapseTransition.js +0 -16
  177. package/lib/components/base/CollapseTransition.js.map +1 -1
  178. package/lib/components/base/hooks/useGlobalConfig.d.ts +1 -0
  179. package/lib/components/locale/default.d.ts +1 -0
  180. package/lib/components/locale/default.js.map +1 -1
  181. package/package.json +1 -1
  182. package/styles/components/alert/index.css +1 -1
  183. package/styles/components/autoComplete/index.css +1 -1
  184. package/styles/components/avatar/index.css +1 -1
  185. package/styles/components/breadcrumb/index.css +1 -1
  186. package/styles/components/breadcrumb/index.less +5 -6
  187. package/styles/components/breadcrumb/var.less +4 -6
  188. package/styles/components/button/index.css +1 -1
  189. package/styles/components/card/index.css +1 -1
  190. package/styles/components/card/index.less +64 -70
  191. package/styles/components/card/var.less +4 -13
  192. package/styles/components/carousel/index.css +1 -1
  193. package/styles/components/carousel/index.less +38 -35
  194. package/styles/components/carousel/var.less +6 -19
  195. package/styles/components/cascader/index.css +1 -1
  196. package/styles/components/cascader/index.less +20 -32
  197. package/styles/components/datePicker/index.css +1 -1
  198. package/styles/components/form/index.css +1 -1
  199. package/styles/components/icon/index.css +1 -1
  200. package/styles/components/input/index.css +1 -1
  201. package/styles/components/inputNumber/index.css +1 -1
  202. package/styles/components/layout/index.css +1 -1
  203. package/styles/components/layout/index.less +40 -55
  204. package/styles/components/layout/var.less +9 -41
  205. package/styles/components/link/index.css +1 -1
  206. package/styles/components/mentions/index.css +1 -1
  207. package/styles/components/menu/index.css +1 -1
  208. package/styles/components/menu/index.less +63 -207
  209. package/styles/components/menu/var.less +40 -69
  210. package/styles/components/modal/index.css +1 -1
  211. package/styles/components/progress/index.css +1 -1
  212. package/styles/components/progress/index.less +42 -56
  213. package/styles/components/progress/var.less +3 -4
  214. package/styles/components/select/index.css +1 -1
  215. package/styles/components/spin/index.css +1 -1
  216. package/styles/components/timePicker/index.css +1 -1
  217. package/styles/components/transfer/index.css +1 -1
  218. package/styles/components/transfer/index.less +38 -42
  219. package/styles/components/transfer/var.less +8 -42
  220. package/styles/components/tree/index.css +1 -1
  221. package/styles/components/tree/index.less +17 -27
  222. package/styles/components/tree/var.less +5 -16
  223. package/styles/cssVariable.css +1 -1
  224. package/styles/cssVariable.less +8 -8
  225. package/styles/index.css +1 -1
  226. package/styles/tokens/typography.css +1 -1
  227. package/types/components/Card/Card.d.ts +9 -9
  228. package/types/components/Card/Card.type.d.ts +4 -4
  229. package/types/components/Card/index.d.ts +15 -15
  230. package/types/components/Cascader/Cascader.d.ts +3 -3
  231. package/types/components/Cascader/Cascader.type.d.ts +1 -1
  232. package/types/components/Cascader/index.d.ts +6 -6
  233. package/types/components/Checkbox/Checkbox.type.d.ts +1 -0
  234. package/types/components/Checkbox/Checkbox.vue.d.ts +2 -0
  235. package/types/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
  236. package/types/components/Checkbox/index.d.ts +7 -0
  237. package/types/components/Layout/Layout.type.d.ts +2 -7
  238. package/types/components/Layout/Sider.vue.d.ts +9 -17
  239. package/types/components/Layout/index.d.ts +9 -17
  240. package/types/components/Menu/Menu.d.ts +0 -11
  241. package/types/components/Menu/Menu.type.d.ts +0 -6
  242. package/types/components/Menu/SubMenu.vue.d.ts +0 -1
  243. package/types/components/Menu/index.d.ts +0 -19
  244. package/types/components/Progress/Progress.type.d.ts +1 -6
  245. package/types/components/Progress/Progress.vue.d.ts +0 -16
  246. package/types/components/Progress/index.d.ts +0 -33
  247. package/types/components/Select/RefSelect.vue.d.ts +7 -0
  248. package/types/components/Table/BaseTable.vue.d.ts +7 -19
  249. package/types/components/Table/BodyTable.vue.d.ts +7 -19
  250. package/types/components/Table/HeadTable.vue.d.ts +7 -19
  251. package/types/components/Table/Table.vue.d.ts +14 -38
  252. package/types/components/Table/TableBox.vue.d.ts +14 -38
  253. package/types/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -19
  254. package/types/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
  255. package/types/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -19
  256. package/types/components/Table/tableUnits/TableHeader.vue.d.ts +7 -19
  257. package/types/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -19
  258. package/types/components/Transfer/Transfer.type.d.ts +0 -5
  259. package/types/components/Transfer/Transfer.vue.d.ts +42 -11
  260. package/types/components/Transfer/TransferList.vue.d.ts +14 -0
  261. package/types/components/Transfer/TransferListItem.vue.d.ts +7 -0
  262. package/types/components/Transfer/index.d.ts +112 -18
  263. package/types/components/Tree/SubTree.vue.d.ts +7 -0
  264. package/types/components/Tree/Tree.vue.d.ts +7 -0
  265. package/types/components/Tree/TreeNode.vue.d.ts +7 -0
  266. package/types/components/Tree/index.d.ts +14 -0
  267. package/types/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
  268. package/types/components/TreeSelect/index.d.ts +28 -0
  269. package/types/components/Upload/UploadList.vue.d.ts +0 -33
  270. package/types/components/base/hooks/useGlobalConfig.d.ts +1 -0
  271. package/types/components/locale/default.d.ts +1 -0
  272. package/uxd-ui.css +1 -1
  273. package/uxd-ui.esm.min.mjs +6 -6
  274. package/uxd-ui.esm.mjs +513 -555
  275. package/uxd-ui.umd.js +512 -554
  276. package/uxd-ui.umd.min.js +6 -6
package/styles/components/layout/index.less CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  /* fix firefox can't set height smaller than content on flex item */
13
13
  min-height: 0;
14
- background-color: var(--layout-background-color);
14
+ background-color: var(--color-background);
15
15
 
16
16
  &,
17
17
  * {
@@ -30,16 +30,13 @@
30
30
  &-header {
31
31
  height: var(--layout-header-height);
32
32
  flex: 0 0 var(--layout-header-height);
33
- padding: var(--layout-header-padding-vertical) var(--layout-header-padding-horizontal);
34
- line-height: var(--layout-header-height);
35
- background: var(--layout-header-background);
36
- display: var(--layout-header-display);
37
- color: var(--layout-header-text-color);
33
+ // padding: var(--layout-header-padding);
34
+ display: flex;
35
+ align-items: center;
38
36
  }
39
37
 
40
38
  &-footer {
41
- padding: var(--layout-footer-padding-vertical) var(--layout-footer-padding-horizontal);
42
- background: var(--layout-footer-background-color);
39
+ padding: var(--layout-footer-padding);
43
40
  flex-shrink: 0;
44
41
  flex-grow: 0;
45
42
  }
@@ -53,13 +50,18 @@
53
50
 
54
51
  &-sider {
55
52
  position: relative;
53
+ display: flex;
54
+ flex-direction: column;
56
55
 
57
56
  /* fix firefox can't set width smaller than content on flex item */
58
57
  min-width: 0;
59
58
  background: var(--layout-sider-background);
60
- transition: all var(--layout-sider-animation-time);
59
+ transition: all var(--animation-time-short);
60
+ border-right: 1px solid var(--layout-sider-border-color);
61
+ box-sizing: content-box;
61
62
 
62
63
  &-children {
64
+ flex: 1;
63
65
  height: 100%;
64
66
  // margin-top: -0.1px;
65
67
  // Hack for fixing margin collaspe bug
@@ -69,27 +71,22 @@
69
71
  // overflow-y: auto;
70
72
  }
71
73
 
72
- &-has-trigger {
73
- padding-bottom: var(--layout-sider-trigger-height);
74
- }
75
-
76
74
  &-right {
77
75
  order: 1;
76
+ border-left: 1px solid var(--layout-sider-border-color);
78
77
  }
79
78
 
80
79
  &-trigger {
81
- position: fixed;
82
80
  cursor: pointer;
83
- bottom: 0;
84
81
  z-index: 1;
85
82
  height: var(--layout-sider-trigger-height);
86
- color: var(--layout-sider-trigger-color);
87
- line-height: var(--layout-sider-trigger-height);
88
- text-align: var(--layout-sider-trigger-text-align);
89
- background: var(--layout-sider-trigger-background-color);
90
- transition: all var(--layout-sider-animation-time);
91
- padding: 0 var(--layout-sider-trigger-padding-horizontal);
92
- font-size: var(--layout-sider-trigger-font-size);
83
+ color: var(--default-font-color);
84
+ background: var(--layout-sider-trigger-background);
85
+ transition: all var(--animation-time);
86
+ font-size: var(--icon-font-size);
87
+ display: flex;
88
+ align-items: center;
89
+ justify-content: center;
93
90
  }
94
91
 
95
92
  &-zero {
@@ -99,36 +96,39 @@
99
96
 
100
97
  &-trigger {
101
98
  position: absolute;
102
- top: var(--layout-sider-zero-trigger-top);
103
- right: calc(0px - var(--layout-sider-zero-trigger-width));
99
+ top: 50%;
100
+ right: 1px;
104
101
  z-index: 1;
105
102
  width: var(--layout-sider-zero-trigger-width);
106
103
  height: var(--layout-sider-zero-trigger-height);
107
- color: var(--layout-sider-zero-trigger-color);
108
- font-size: var(--layout-sider-zero-trigger-font-size);
104
+ color: var(--default-font-color);
105
+ font-size: var(--icon-font-size);
109
106
  display: flex;
110
107
  align-items: center;
111
108
  justify-content: center;
112
109
  background: var(--layout-sider-zero-trigger-background-color);
113
- border-radius: 0 var(--layout-sider-zero-trigger-radius) var(--layout-sider-zero-trigger-radius) 0;
114
110
  transform: translateY(-50%);
115
111
  cursor: pointer;
116
- transition: background 0.3s ease;
117
- box-shadow: var(--layout-sider-zero-trigger-box-shadow);
112
+ opacity: 0;
113
+ border-radius: var(--radius-full);
114
+ transition: opacity 0.3s ease;
118
115
 
119
116
  &:hover {
120
- background: var(--layout-sider-zero-trigger-hover-background-color);
121
- color: var(--layout-sider-zero-trigger-hover-color);
117
+ opacity: 1 !important;
122
118
  }
123
119
 
124
120
  &-right {
125
- left: calc(0px - var(--layout-sider-zero-trigger-width));
126
- border-radius: var(--layout-sider-zero-trigger-radius) 0 0 var(--layout-sider-zero-trigger-radius);
127
- box-shadow: var(--layout-sider-reverse-zero-trigger-box-shadow);
121
+ left: 1px;
128
122
  }
129
123
  }
130
124
  }
131
125
 
126
+ &:hover {
127
+ .@{layout-prefix-cls}-sider-zero-trigger {
128
+ opacity: 0.6;
129
+ }
130
+ }
131
+
132
132
  &-collapsed {
133
133
  .@{layout-prefix-cls}-sider-trigger,
134
134
  .@{layout-prefix-cls}-sider-zero-trigger {
@@ -136,30 +136,15 @@
136
136
  transform: rotate(-180deg);
137
137
  }
138
138
  }
139
- }
140
-
141
- &-light {
142
- --vertical-menu-border-color: none;
143
139
 
144
- background: var(--layout-sider-light-background);
145
- box-shadow: var(--layout-sider-light-box-shadow);
146
- }
147
-
148
- &-light &-trigger {
149
- color: var(--layout-sider-light-trigger-color);
150
- }
151
-
152
- &-light &-zero-trigger {
153
- color: var(--layout-sider-light-trigger-color);
154
- box-shadow: var(--layout-sider-light-zero-trigger-box-shadow);
155
-
156
- &-right {
157
- box-shadow: var(--layout-sider-reverse-light-zero-trigger-box-shadow);
140
+ .@{layout-prefix-cls}-sider-zero-trigger {
141
+ opacity: 0.6;
142
+ right: calc(0px - var(--layout-sider-zero-trigger-width));
158
143
  }
159
- }
160
144
 
161
- &-light&-right {
162
- box-shadow: var(--layout-sider-reverse-light-box-shadow);
145
+ .@{layout-prefix-cls}-sider-zero-trigger-right {
146
+ left: calc(0px - var(--layout-sider-zero-trigger-width));
147
+ }
163
148
  }
164
149
  }
165
150
  }
package/styles/components/layout/var.less CHANGED
@@ -1,51 +1,19 @@
1
1
  .@{layout-prefix-cls} {
2
2
  &-header {
3
- --layout-header-height: 64px;
4
- --layout-header-padding-vertical: 0;
5
- --layout-header-padding-horizontal: var(--space-6);
6
- --layout-header-background: var(--gray-12);
7
- --layout-header-text-color: var(--gray-1);
8
- --layout-header-display: flex;
3
+ --layout-header-height: var(--space-16);
4
+ }
5
+
6
+ &-footer {
7
+ --layout-footer-padding: var(--space-3) var(--space-2);
9
8
  }
10
9
 
11
10
  &-sider {
12
- --layout-sider-background: var(--gray-12);
13
- --layout-sider-animation-time: var(--animation-time-short);
11
+ --layout-sider-background: var(--color-background);
14
12
  --layout-sider-trigger-height: var(--space-10);
15
13
  --layout-sider-trigger-background: transparent;
16
- --layout-sider-trigger-color: var(--gray-1);
17
- --layout-sider-trigger-text-align: center;
18
- --layout-sider-trigger-padding-horizontal: var(--space-2);
19
- --layout-sider-trigger-font-size: var(--font-size-base);
20
- --layout-sider-zero-trigger-top: 50%;
14
+ --layout-sider-border-color: var(--color-border-split);
21
15
  --layout-sider-zero-trigger-width: var(--space-3);
22
- --layout-sider-zero-trigger-height: var(--space-10);
23
- --layout-sider-zero-trigger-box-shadow: -1px 0 0 0 var(--color-border-split) inset, 0 1px 0 0 var(--color-border-split) inset,
24
- 0 -1px 0 0 var(--color-border-split) inset, 1px 0 4px 0 var(--black-a1);
25
- --layout-sider-reverse-zero-trigger-box-shadow: 1px 0 0 0 var(--color-border-split) inset, 1px 0 0 0 var(--layout-sider-background),
26
- 0 1px 0 0 var(--color-border-split) inset, 0 -1px 0 0 var(--color-border-split) inset, -1px 0 4px 0 var(--black-a1);
27
- --layout-sider-zero-trigger-font-size: var(--font-size-xs);
28
- --layout-sider-zero-trigger-color: var(--gray-9);
29
- --layout-sider-zero-trigger-background-color: var(--color-background);
30
- --layout-sider-zero-trigger-hover-background-color: var(--color-background);
31
- --layout-sider-zero-trigger-hover-color: var(--gray-11);
32
- --layout-sider-light-background: var(--color-background);
33
- --layout-sider-light-trigger-color: var(--gray-12);
34
- --layout-sider-light-box-shadow: -1px 0 0 0 var(--color-border-split) inset, 1px 0 4px 0 var(--black-a1);
35
- --layout-sider-light-zero-trigger-box-shadow: -1px 0 0 0 var(--color-border-split) inset, -1px 0 0 0.5px var(--layout-sider-light-background),
36
- 0 1px 0 0 var(--color-border-split) inset, 0 -1px 0 0 var(--color-border-split) inset, 1px 0 4px 0 var(--black-a1);
37
- --layout-sider-reverse-light-box-shadow: 1px 0 0 0 var(--color-border-split) inset, -1px 0 4px 0 var(--black-a1);
38
- --layout-sider-reverse-light-zero-trigger-box-shadow: 1px 0 0 0 var(--color-border-split) inset,
39
- 1px 0 0 0.5px var(--layout-sider-light-background), 0 1px 0 0 var(--color-border-split) inset, 0 -1px 0 0 var(--color-border-split) inset,
40
- -1px 0 4px 0 var(--black-a1);
41
- --layout-sider-zero-trigger-radius: var(--radius-base);
16
+ --layout-sider-zero-trigger-height: var(--space-14);
17
+ --layout-sider-zero-trigger-background-color: var(--color-background-secondary);
42
18
  }
43
-
44
- &-footer {
45
- --layout-footer-padding-vertical: var(--space-6);
46
- --layout-footer-padding-horizontal: var(--space-6);
47
- --layout-footer-background-color: var(--color-background);
48
- }
49
-
50
- --layout-background-color: var(--color-background);
51
19
  }
package/styles/components/link/index.css CHANGED
@@ -1 +1 @@
1
- .light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-link{--link-font-size:var(--default-font-size);--link-default-color:var(--default-font-color);--link-border-color:var(--primary-color);--link-default-hover-color:var(--primary-color);--link-default-border-color:var(--primary-color);--link-primary-text-color:var(--primary-color);--link-primary-text-hover-color:var(--primary-10);--link-primary-border-color:var(--primary-10)}.uui-link[data-color=info]{--link-border-color:var(--primary-color);--link-default-hover-color:var(--primary-color);--link-default-border-color:var(--primary-color);--link-primary-text-color:var(--primary-color);--link-primary-text-hover-color:var(--primary-10);--link-primary-border-color:var(--primary-10)}.uui-link[data-color=success]{--link-border-color:var(--success-9);--link-default-hover-color:var(--success-9);--link-default-border-color:var(--success-9);--link-primary-text-color:var(--success-9);--link-primary-text-hover-color:var(--success-10);--link-primary-border-color:var(--success-10)}.uui-link[data-color=warning]{--link-border-color:var(--warning-9);--link-default-hover-color:var(--warning-9);--link-default-border-color:var(--warning-9);--link-primary-text-color:var(--warning-9);--link-primary-text-hover-color:var(--warning-10);--link-primary-border-color:var(--warning-10)}.uui-link[data-color=danger]{--link-border-color:var(--error-color);--link-default-hover-color:var(--error-color);--link-default-border-color:var(--error-color);--link-primary-text-color:var(--error-color);--link-primary-text-hover-color:var(--error-10);--link-primary-border-color:var(--error-10)}.uui-link{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--link-font-size);justify-content:center;outline:0;padding:0;position:relative;text-decoration:none;vertical-align:middle}.uui-link:hover{text-decoration:none}.uui-link-underline:hover::after{bottom:0;border-bottom:1px solid var(--link-border-color);content:'';height:0;left:0;position:absolute;right:0}.uui-link-default{color:var(--link-default-color);--link-border-color:var(--link-default-hover-color)}.uui-link-default:hover{color:var(--link-default-hover-color)}.uui-link-disabled{color:var(--color-disabled-font);cursor:not-allowed}.uui-link-disabled:hover{color:var(--color-disabled-font)}.uui-link.uui-link-primary,.uui-link[data-color]{--link-border-color:var(--link-primary-border-color);color:var(--link-primary-text-color)}.uui-link.uui-link-primary:hover,.uui-link[data-color]:hover{color:var(--link-primary-text-hover-color)}.uui-link.uui-link-primary.uui-link-disabled,.uui-link[data-color].uui-link-disabled{color:var(--color-disabled-font)}
1
+ .light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.1s;--animation-time-short:0.2s;--animation-time-long:0.5s;--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-link{--link-font-size:var(--default-font-size);--link-default-color:var(--default-font-color);--link-border-color:var(--primary-color);--link-default-hover-color:var(--primary-color);--link-default-border-color:var(--primary-color);--link-primary-text-color:var(--primary-color);--link-primary-text-hover-color:var(--primary-10);--link-primary-border-color:var(--primary-10)}.uui-link[data-color=info]{--link-border-color:var(--primary-color);--link-default-hover-color:var(--primary-color);--link-default-border-color:var(--primary-color);--link-primary-text-color:var(--primary-color);--link-primary-text-hover-color:var(--primary-10);--link-primary-border-color:var(--primary-10)}.uui-link[data-color=success]{--link-border-color:var(--success-9);--link-default-hover-color:var(--success-9);--link-default-border-color:var(--success-9);--link-primary-text-color:var(--success-9);--link-primary-text-hover-color:var(--success-10);--link-primary-border-color:var(--success-10)}.uui-link[data-color=warning]{--link-border-color:var(--warning-9);--link-default-hover-color:var(--warning-9);--link-default-border-color:var(--warning-9);--link-primary-text-color:var(--warning-9);--link-primary-text-hover-color:var(--warning-10);--link-primary-border-color:var(--warning-10)}.uui-link[data-color=danger]{--link-border-color:var(--error-color);--link-default-hover-color:var(--error-color);--link-default-border-color:var(--error-color);--link-primary-text-color:var(--error-color);--link-primary-text-hover-color:var(--error-10);--link-primary-border-color:var(--error-10)}.uui-link{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--link-font-size);justify-content:center;outline:0;padding:0;position:relative;text-decoration:none;vertical-align:middle}.uui-link:hover{text-decoration:none}.uui-link-underline:hover::after{bottom:0;border-bottom:1px solid var(--link-border-color);content:'';height:0;left:0;position:absolute;right:0}.uui-link-default{color:var(--link-default-color);--link-border-color:var(--link-default-hover-color)}.uui-link-default:hover{color:var(--link-default-hover-color)}.uui-link-disabled{color:var(--color-disabled-font);cursor:not-allowed}.uui-link-disabled:hover{color:var(--color-disabled-font)}.uui-link.uui-link-primary,.uui-link[data-color]{--link-border-color:var(--link-primary-border-color);color:var(--link-primary-text-color)}.uui-link.uui-link-primary:hover,.uui-link[data-color]:hover{color:var(--link-primary-text-hover-color)}.uui-link.uui-link-primary.uui-link-disabled,.uui-link[data-color].uui-link-disabled{color:var(--color-disabled-font)}
package/styles/components/mentions/index.css CHANGED
@@ -1 +1 @@
1
- .light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-mention{--mentions-background-color:var(--color-surface);--mentions-border-color:var(--color-border-input);--mentions-padding-vertical:var(--space-2);--mentions-padding-horizontal:var(--space-2);--mentions-hover-border-color:var(--control-surface-hover-border-color);--mentions-hover-background-color:var(--color-surface);--mentions-dropdown-border-radius:var(--radius-base);--mentions-dropdown-background-color:var(--color-background);--mentions-dropdown-box-shadow:var(--dropdown-shadow);--mentions-dropdown-padding-vertical:var(--space-2);--mentions-dropdown-padding-horizontal:var(--space-2);--mentions-dropdown-item-border-radius:var(--radius-base);--mentions-dropdown-item-height:var(--control-height-base);--mentions-dropdown-item-padding-horizontal:var(--space-2);--mentions-focus-border-color:var(--primary-color);--mentions-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--mentions-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--mentions-border-radius:var(--control-radius);--mentions-resize-handle-color:var(--placeholder-color);--mentions-resize-handle-hover-color:var(--theme-color);--mentions-warp-hover-background-color:var(--color-surface);--mentions-disabled-background-color:var(--gray-2)}.uui-mention{width:100%;display:inline-flex;position:relative;align-items:center;border-radius:var(--mentions-border-radius);height:auto;line-height:var(--mentions-height-base);font-size:var(--default-font-size);color:var(--default-font-color);white-space:pre-line;box-shadow:0 0 0 1px var(--mentions-border-color) inset;transition:box-shadow var(--animation-time) linear;background-color:var(--mentions-background-color);padding:var(--mentions-padding-vertical) var(--mentions-padding-horizontal)}.uui-mention.disabled{background-color:var(--mentions-disabled-background-color)}.uui-mention:not(.disabled):hover{background-color:var(--mentions-warp-hover-background-color)}.uui-mention:not(.disabled):focus-within{border:1px solid var(--theme-color)}.uui-mention:focus-within{outline:1px solid var(--mentions-focus-outer-color);box-shadow:0 0 0 1px var(--mentions-focus-border-color) inset}.uui-mention-editor{width:100%;border:none;outline:0;min-height:22px;padding:var(--mentions-textarea-padding-horizontal);font-size:var(--default-font-size);height:100%;overflow-y:auto;color:var(--default-font-color)}.uui-mention-editor.disabled{-webkit-user-modify:unset;cursor:not-allowed}.uui-mention-editor:empty::before{content:attr(data-placeholder);color:var(--placeholder-color)}.uui-mention-editor[contenteditable=false]{cursor:not-allowed}.uui-mention-popper-wrap{z-index:99}.uui-mention-select-wrap{width:200px;background-color:var(--mentions-dropdown-background-color);font-size:var(--default-font-size);overflow:hidden;border-radius:var(--mentions-dropdown-border-radius);z-index:100;padding:var(--mentions-dropdown-padding-vertical) var(--mentions-dropdown-padding-horizontal);box-shadow:var(--mentions-dropdown-box-shadow);color:var(--default-font-color)}.uui-mention-select-wrap .no-more-wrap{padding-top:12px;padding-bottom:10px;display:flex;justify-content:center;align-items:center}.uui-mention-item{line-height:var(--mentions-dropdown-item-height);padding-left:var(--mentions-dropdown-item-padding-horizontal);cursor:pointer;margin-bottom:4px;background-color:var(--mentions-dropdown-background-color);height:var(--mentions-dropdown-item-height);border-radius:var(--mentions-dropdown-item-border-radius)}.uui-mention-item:hover{background-color:var(--mentions-dropdown-item-hover-background-color);color:var(--mentions-dropdown-item-hover-font-color)}.uui-mention-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-mention .resize-handle{position:absolute;right:3px;bottom:3px;width:8px;height:8px;cursor:se-resize;background-repeat:no-repeat;background-position:center;background-size:contain;color:var(--mentions-resize-handle-color)}.uui-mention .resize-handle:hover{color:var(--mentions-resize-handle-hover-color)}
1
+ .light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.1s;--animation-time-short:0.2s;--animation-time-long:0.5s;--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-mention{--mentions-background-color:var(--color-surface);--mentions-border-color:var(--color-border-input);--mentions-padding-vertical:var(--space-2);--mentions-padding-horizontal:var(--space-2);--mentions-hover-border-color:var(--control-surface-hover-border-color);--mentions-hover-background-color:var(--color-surface);--mentions-dropdown-border-radius:var(--radius-base);--mentions-dropdown-background-color:var(--color-background);--mentions-dropdown-box-shadow:var(--dropdown-shadow);--mentions-dropdown-padding-vertical:var(--space-2);--mentions-dropdown-padding-horizontal:var(--space-2);--mentions-dropdown-item-border-radius:var(--radius-base);--mentions-dropdown-item-height:var(--control-height-base);--mentions-dropdown-item-padding-horizontal:var(--space-2);--mentions-focus-border-color:var(--primary-color);--mentions-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--mentions-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--mentions-border-radius:var(--control-radius);--mentions-resize-handle-color:var(--placeholder-color);--mentions-resize-handle-hover-color:var(--theme-color);--mentions-warp-hover-background-color:var(--color-surface);--mentions-disabled-background-color:var(--gray-2)}.uui-mention{width:100%;display:inline-flex;position:relative;align-items:center;border-radius:var(--mentions-border-radius);height:auto;line-height:var(--mentions-height-base);font-size:var(--default-font-size);color:var(--default-font-color);white-space:pre-line;box-shadow:0 0 0 1px var(--mentions-border-color) inset;transition:box-shadow var(--animation-time) linear;background-color:var(--mentions-background-color);padding:var(--mentions-padding-vertical) var(--mentions-padding-horizontal)}.uui-mention.disabled{background-color:var(--mentions-disabled-background-color)}.uui-mention:not(.disabled):hover{background-color:var(--mentions-warp-hover-background-color)}.uui-mention:not(.disabled):focus-within{border:1px solid var(--theme-color)}.uui-mention:focus-within{outline:1px solid var(--mentions-focus-outer-color);box-shadow:0 0 0 1px var(--mentions-focus-border-color) inset}.uui-mention-editor{width:100%;border:none;outline:0;min-height:22px;padding:var(--mentions-textarea-padding-horizontal);font-size:var(--default-font-size);height:100%;overflow-y:auto;color:var(--default-font-color)}.uui-mention-editor.disabled{-webkit-user-modify:unset;cursor:not-allowed}.uui-mention-editor:empty::before{content:attr(data-placeholder);color:var(--placeholder-color)}.uui-mention-editor[contenteditable=false]{cursor:not-allowed}.uui-mention-popper-wrap{z-index:99}.uui-mention-select-wrap{width:200px;background-color:var(--mentions-dropdown-background-color);font-size:var(--default-font-size);overflow:hidden;border-radius:var(--mentions-dropdown-border-radius);z-index:100;padding:var(--mentions-dropdown-padding-vertical) var(--mentions-dropdown-padding-horizontal);box-shadow:var(--mentions-dropdown-box-shadow);color:var(--default-font-color)}.uui-mention-select-wrap .no-more-wrap{padding-top:12px;padding-bottom:10px;display:flex;justify-content:center;align-items:center}.uui-mention-item{line-height:var(--mentions-dropdown-item-height);padding-left:var(--mentions-dropdown-item-padding-horizontal);cursor:pointer;margin-bottom:4px;background-color:var(--mentions-dropdown-background-color);height:var(--mentions-dropdown-item-height);border-radius:var(--mentions-dropdown-item-border-radius)}.uui-mention-item:hover{background-color:var(--mentions-dropdown-item-hover-background-color);color:var(--mentions-dropdown-item-hover-font-color)}.uui-mention-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-mention .resize-handle{position:absolute;right:3px;bottom:3px;width:8px;height:8px;cursor:se-resize;background-repeat:no-repeat;background-position:center;background-size:contain;color:var(--mentions-resize-handle-color)}.uui-mention .resize-handle:hover{color:var(--mentions-resize-handle-hover-color)}
package/styles/components/menu/index.css CHANGED
@@ -1 +1 @@
1
- :root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-menu{--menu-width:100%;--menu-collapsed-width:80px;--menu-font-size:var(--default-font-size);--menu-popup-shadow:var(--shadow-5);--menu-popup-background-color:var(--color-background);--menu-popup-min-width:160px;--menu-popup-padding-vertical:var(--space-2);--menu-padding-horizontal:0;--menu-transition-collapse-function:cubic-bezier(0.2, 0, 0, 1);--menu-icon-size:var(--font-size-lg);--menu-icon-margin-right:var(--space-3);--menu-item-font-color:var(--default-font-color);--menu-item-padding-horizontal:var(--space-4);--menu-background-color:transparent;--menu-group-color:var(--gray-9);--menu-group-font-size:var(--default-font-size);--menu-group-height:var(--space-6);--menu-group-padding-vertical:var(--space-4);--menu-submenu-background-color:transparent;--menu-submenu-arrow-absolute-right:var(--space-2);--menu-submenu-padding-right:calc(var(--menu-submenu-arrow-absolute-right) + var(--default-font-size) + var(--space-1));--horizontal-menu-height:var(--space-12);--horizontal-menu-border-width:1px;--horizontal-menu-border-color:var(--color-border-split);--vertical-menu-padding-vertical:0px;--vertical-menu-padding-horizontal:0px;--vertical-menu-border-width:1px;--vertical-menu-border-color:var(--color-border-split);--vertical-menu-item-margin-vertical:var(--space-1);--vertical-menu-item-margin-horizontal:var(--space-1);--vertical-menu-top-item-height:var(--space-12);--vertical-menu-sub-item-height:var(--space-10);--inline-menu-width:100%;--inline-menu-item-selected-box-shadow:none;--inline-menu-indent:calc(var(--menu-icon-size) + var(--menu-icon-margin-right));--inline-collapse-menu-item-icon-height:var(--space-6);--inline-collapse-menu-item-icon-padding-horizontal:var(--space-2);--menu-submenu-hover-background-color:transparent;--menu-submenu-hover-color:var(--primary-color);--menu-submenu-selected-color:var(--primary-color);--menu-submenu-selected-background-color:var(--primary-a30);--inline-menu-submenu-selected-color:var(--primary-color);--inline-menu-submenu-selected-background-color:transparent;--menu-item-hover-background-color:var(--gray-a3);--menu-item-hover-color:var(--menu-item-font-color);--menu-item-active-background-color:var(--gray-a3);--menu-item-active-color:var(--menu-item-font-color);--menu-item-selected-color:var(--primary-color);--menu-item-selected-background-color:var(--primary-3);--horizontal-menu-item-selected-color:var(--primary-color);--horizontal-menu-item-selected-background-color:transparent;--horizontal-menu-item-selected-box-shadow:0 -3px 0 -1px var(--primary-color) inset;--horizontal-menu-item-hover-background-color:var(--primary-a30);--horizontal-menu-item-hover-color:var(--menu-item-font-color);--horizontal-menu-item-hover-box-shadow:none;--dark-menu-color:var(--white-a8);--dark-menu-background-color:var(--gray-12);--dark-menu-popup-background-color:var(--gray-12);--dark-menu-group-color:var(--white-a6);--dark-menu-item-selected-color:var(--white-a12);--dark-menu-item-selected-background-color:var(--primary-color);--dark-submenu-selected-color:var(--primary-color);--dark-submenu-selected-background-color:transparent;--dark-menu-item-hover-color:var(--white-a12);--dark-menu-item-hover-background-color:transparent;--dark-horizontal-menu-item-selected-color:var(--white-a12);--dark-horizontal-menu-item-selected-background-color:var(--primary-color);--dark-horizontal-menu-item-selected-box-shadow:none;--dark-menu-disabled-font-color:var(--gray-11);--menu-item-border-radius:var(--radius-base);--menu-popup-border-radius:var(--radius-base)}.uui-menu{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);font-feature-settings:var(--default-font-feature-settings);margin-bottom:0;padding:0 var(--menu-padding-horizontal);color:var(--menu-item-font-color);line-height:0;list-style:none;background:var(--menu-background-color);outline:0;width:var(--menu-width);-webkit-user-select:none;user-select:none;transition:width var(--animation-time) var(--menu-transition-collapse-function)}.uui-menu ol,.uui-menu ul{margin:0;padding:0;list-style:none}.uui-menu-hidden{display:none}.uui-menu-item-group-title{padding:0 var(--menu-group-padding-vertical);color:var(--menu-group-color);font-size:var(--menu-group-font-size);height:var(--menu-group-height);line-height:var(--menu-group-height);transition:all var(--animation-time);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uui-menu-submenu,.uui-menu-submenu-inline{transition:background var(--animation-time) var(--ease-in-out),padding var(--animation-time) var(--ease-in-out)}.uui-menu-submenu-popup{position:absolute;z-index:var(--zindex-dropdown)}.uui-menu-submenu-popup .uui-menu{background-color:var(--menu-popup-background-color);box-shadow:var(--menu-popup-shadow);border-radius:var(--menu-popup-border-radius)}.uui-menu-submenu-inline>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-submenu-vertical-left>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-submenu-vertical-right>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-submenu-vertical>.uui-menu-submenu-title .uui-menu-submenu-arrow{position:absolute;margin-right:0;top:0;right:var(--menu-submenu-arrow-absolute-right);line-height:var(--vertical-menu-sub-item-height);transition:transform var(--animation-time) var(--ease-in-out)}.uui-menu-submenu.uui-menu-submenu-horizontal>.uui-menu-submenu-title .uui-menu-submenu-arrow{display:none}.uui-menu-submenu-open.uui-menu-submenu-inline>.uui-menu-submenu-title .uui-menu-submenu-arrow{transform:rotate(180deg)}.uui-menu-submenu-selected>.uui-menu-submenu-title{color:var(--menu-submenu-selected-color);background-color:var(--menu-submenu-selected-background-color)}.uui-menu-submenu-selected>.uui-menu-submenu-title:hover{color:var(--menu-submenu-selected-color);background-color:var(--menu-submenu-selected-background-color)}.uui-menu-submenu>.uui-menu-submenu-title::after{transition:transform var(--animation-time) var(--ease-in-out)}.uui-menu-submenu .uui-menu-sub{cursor:initial;transition:background var(--animation-time) var(--ease-in-out),padding var(--animation-time) var(--ease-in-out)}.uui-menu-item,.uui-menu-submenu-title{position:relative;display:flex;align-items:center;white-space:nowrap;cursor:pointer;transition:color var(--animation-time-short),background var(--animation-time),padding var(--animation-time-fast) var(--ease-in-out)}.uui-menu-item .uui-icon:not(.uui-menu-submenu-arrow),.uui-menu-submenu-title .uui-icon:not(.uui-menu-submenu-arrow){min-width:var(--menu-icon-size);margin-right:var(--menu-icon-margin-right);font-size:var(--menu-icon-size);transition:font-size var(--animation-time) var(--ease-out),margin var(--animation-time) var(--ease-in-out)}.uui-menu-item .uui-icon:not(.uui-menu-submenu-arrow)+span,.uui-menu-submenu-title .uui-icon:not(.uui-menu-submenu-arrow)+span{opacity:1;display:inline;transition:opacity var(--animation-time) var(--ease-in-out),width var(--animation-time) var(--ease-in-out)}.uui-menu-item .uui-icon:not(.uui-menu-submenu-arrow):only-child,.uui-menu-submenu-title .uui-icon:not(.uui-menu-submenu-arrow):only-child{margin-right:0}.uui-menu-item:active,.uui-menu-submenu-title:active{background-color:var(--menu-item-active-background-color);color:var(--menu-item-active-color)}.uui-menu-item>a,.uui-menu-submenu-title>a{color:var(--menu-item-font-color)}.uui-menu-item>a:hover,.uui-menu-submenu-title>a:hover{color:var(--menu-item-hover-color);text-decoration:none}.uui-menu-item>span,.uui-menu-submenu-title>span{display:flex;align-items:center}.uui-menu-item>span:hover,.uui-menu-submenu-title>span:hover{text-decoration:none}.uui-menu-item:hover,.uui-menu-submenu-title:hover{color:var(--menu-item-hover-color);background-color:var(--menu-item-hover-background-color)}.uui-menu-item:hover>a,.uui-menu-submenu-title:hover>a{color:var(--menu-item-hover-color)}.uui-menu-item-selected{color:var(--menu-item-selected-color);background-color:var(--menu-item-selected-background-color)}.uui-menu-item-selected>a{color:var(--menu-item-selected-color)}.uui-menu-item-selected>a:hover{color:var(--menu-item-selected-color)}.uui-menu-item-selected:hover{color:var(--menu-item-selected-color);background-color:var(--menu-item-selected-background-color)}.uui-menu-submenu:not(.uui-menu-submenu-selected)>.uui-menu-submenu-title:hover{color:var(--menu-item-hover-color);background-color:var(--menu-item-hover-background-color)}.uui-menu-submenu:not(.uui-menu-submenu-selected)>.uui-menu-submenu-title:hover>a{color:var(--menu-item-hover-color)}.uui-menu-item>a::before{position:absolute;inset:0;content:' '}.uui-menu-item-divider{height:1px;overflow:hidden;line-height:0;background-color:var(--color-border-split)}.uui-menu>.uui-menu-item-divider{margin:1px 0}.uui-menu-horizontal{--menu-item-hover-color:var(--horizontal-menu-item-hover-color);--menu-item-hover-background-color:var(--horizontal-menu-item-hover-background-color);--menu-item-selected-color:var(--horizontal-menu-item-selected-color);--menu-item-selected-background-color:var(--horizontal-menu-item-selected-background-color);--menu-submenu-selected-color:var(--horizontal-menu-item-selected-color);--menu-submenu-selected-background-color:var(--horizontal-menu-item-selected-background-color);line-height:var(--horizontal-menu-height);display:flex;flex-wrap:nowrap;border:none;column-gap:0;box-shadow:0 calc(0px - var(--horizontal-menu-border-width)) 0 0 var(--horizontal-menu-border-color) inset;position:relative}.uui-menu-horizontal>.uui-menu-item,.uui-menu-horizontal>.uui-menu-submenu .uui-menu-submenu-title{flex:0;margin:0;padding:0 var(--menu-item-padding-horizontal);height:var(--horizontal-menu-height)}.uui-menu-horizontal>.uui-menu-item>a{display:block}.uui-menu-horizontal>.uui-menu-item>a::before{bottom:-2px}.uui-menu-horizontal>.uui-menu-item:hover{box-shadow:var(--horizontal-menu-item-hover-box-shadow)}.uui-menu-horizontal>.uui-menu-item-active,.uui-menu-horizontal>.uui-menu-item-open,.uui-menu-horizontal>.uui-menu-item-selected{box-shadow:var(--horizontal-menu-item-selected-box-shadow)}.uui-menu-horizontal>.uui-menu-item-active:hover,.uui-menu-horizontal>.uui-menu-item-open:hover,.uui-menu-horizontal>.uui-menu-item-selected:hover{box-shadow:var(--horizontal-menu-item-selected-box-shadow)}.uui-menu-horizontal>.uui-menu-submenu>.uui-menu-submenu-title{height:var(--horizontal-menu-height)}.uui-menu-horizontal>.uui-menu-submenu-selected .uui-menu-submenu-title{box-shadow:var(--horizontal-menu-item-selected-box-shadow)}.uui-menu-inline,.uui-menu-vertical,.uui-menu-vertical-left,.uui-menu-vertical-right{padding:var(--vertical-menu-padding-vertical) var(--vertical-menu-padding-horizontal);box-shadow:calc(0px - var(--vertical-menu-border-width)) 0 0 0 var(--vertical-menu-border-color) inset}.uui-menu-inline .uui-menu-item,.uui-menu-inline .uui-menu-submenu-title,.uui-menu-vertical .uui-menu-item,.uui-menu-vertical .uui-menu-submenu-title,.uui-menu-vertical-left .uui-menu-item,.uui-menu-vertical-left .uui-menu-submenu-title,.uui-menu-vertical-right .uui-menu-item,.uui-menu-vertical-right .uui-menu-submenu-title{height:var(--vertical-menu-sub-item-height);line-height:var(--vertical-menu-sub-item-height);margin:var(--vertical-menu-item-margin-vertical) var(--vertical-menu-item-margin-horizontal);padding:0 var(--menu-item-padding-horizontal);border-radius:var(--menu-item-border-radius);font-size:var(--menu-font-size);overflow:hidden;text-overflow:ellipsis}.uui-menu-inline .uui-menu-item .uui-icon,.uui-menu-inline .uui-menu-submenu-title .uui-icon,.uui-menu-vertical .uui-menu-item .uui-icon,.uui-menu-vertical .uui-menu-submenu-title .uui-icon,.uui-menu-vertical-left .uui-menu-item .uui-icon,.uui-menu-vertical-left .uui-menu-submenu-title .uui-icon,.uui-menu-vertical-right .uui-menu-item .uui-icon,.uui-menu-vertical-right .uui-menu-submenu-title .uui-icon{line-height:var(--vertical-menu-sub-item-height)}.uui-menu-inline .uui-menu-item,.uui-menu-vertical .uui-menu-item,.uui-menu-vertical-left .uui-menu-item,.uui-menu-vertical-right .uui-menu-item{position:relative}.uui-menu-inline .uui-menu-submenu-title,.uui-menu-vertical .uui-menu-submenu-title,.uui-menu-vertical-left .uui-menu-submenu-title,.uui-menu-vertical-right .uui-menu-submenu-title{padding-right:var(--menu-submenu-padding-right)}.uui-menu-inline.uui-menu-root>.uui-menu-item,.uui-menu-inline.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title,.uui-menu-vertical-left.uui-menu-root>.uui-menu-item,.uui-menu-vertical-left.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title,.uui-menu-vertical-right.uui-menu-root>.uui-menu-item,.uui-menu-vertical-right.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title,.uui-menu-vertical.uui-menu-root>.uui-menu-item,.uui-menu-vertical.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title{height:var(--vertical-menu-top-item-height);line-height:var(--vertical-menu-top-item-height)}.uui-menu-inline.uui-menu-root>.uui-menu-item .uui-icon,.uui-menu-inline.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon,.uui-menu-vertical-left.uui-menu-root>.uui-menu-item .uui-icon,.uui-menu-vertical-left.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon,.uui-menu-vertical-right.uui-menu-root>.uui-menu-item .uui-icon,.uui-menu-vertical-right.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon,.uui-menu-vertical.uui-menu-root>.uui-menu-item .uui-icon,.uui-menu-vertical.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon{line-height:var(--vertical-menu-top-item-height)}.uui-menu-inline.uui-menu-root>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-inline.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-vertical-left.uui-menu-root>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-vertical-left.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-vertical-right.uui-menu-root>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-vertical-right.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-vertical.uui-menu-root>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-vertical.uui-menu-root>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow{line-height:var(--vertical-menu-top-item-height)}.uui-menu-direction-rtl{box-shadow:var(--vertical-menu-border-width) 0 0 0 var(--vertical-menu-border-color) inset;direction:rtl}.uui-menu-direction-rtl .uui-menu-submenu-title .uui-menu-submenu-arrow{right:auto;left:var(--menu-submenu-arrow-absolute-right);transform:rotate(180deg)}.uui-menu-direction-rtl .uui-menu-item .uui-icon:not(.uui-menu-submenu-arrow),.uui-menu-direction-rtl .uui-menu-submenu-title .uui-icon:not(.uui-menu-submenu-arrow){margin-right:0;margin-left:var(--menu-icon-margin-right)}.uui-menu-vertical-left.uui-menu-sub,.uui-menu-vertical-right.uui-menu-sub,.uui-menu-vertical.uui-menu-sub{min-width:var(--menu-popup-min-width);padding:var(--menu-popup-padding-vertical) var(--vertical-menu-padding-horizontal);transform-origin:0 0}.uui-menu-inline{--menu-submenu-selected-color:var(--inline-menu-submenu-selected-color);--menu-submenu-selected-background-color:var(--inline-menu-submenu-selected-background-color);width:var(--inline-menu-width)}.uui-menu-inline .uui-menu-item,.uui-menu-inline .uui-menu-submenu-title{padding-left:calc(var(--menu-item-padding-horizontal) + var(--menu-level,0) * var(--inline-menu-indent))}.uui-menu-inline .uui-menu-item-selected,.uui-menu-inline .uui-menu-selected{box-shadow:var(--inline-menu-item-selected-box-shadow)}.uui-menu-inline .uui-menu-item-group-title{padding:0 var(--menu-item-padding-horizontal) 0 calc(var(--menu-item-padding-horizontal) + var(--menu-level) * var(--inline-menu-indent))}.uui-menu-inline.uui-menu-sub{box-shadow:none}.uui-menu-inline-collapsed{width:var(--menu-collapsed-width)}.uui-menu-inline-collapsed>.uui-menu-item,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title{left:0;padding:0 calc((var(--menu-collapsed-width) - var(--inline-collapse-menu-item-icon-padding-horizontal) * 2 - var(--vertical-menu-item-margin-horizontal) * 2 - var(--menu-icon-size))/ 2)!important;text-overflow:clip}.uui-menu-inline-collapsed>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow{display:none}.uui-menu-inline-collapsed>.uui-menu-item .uui-icon,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item .uui-icon,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon{margin:0;padding:0 var(--inline-collapse-menu-item-icon-padding-horizontal);font-size:var(--menu-icon-size);border-radius:var(--menu-item-border-radius);line-height:var(--inline-collapse-menu-item-icon-height)!important}.uui-menu-inline-collapsed>.uui-menu-item .uui-icon+span,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item .uui-icon+span,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon+span,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon+span{display:inline-flex;max-width:0;opacity:0}.uui-menu-inline-collapsed .uui-menu-item:not(.uui-menu-item-selected):hover,.uui-menu-inline-collapsed .uui-menu-submenu:not(.uui-menu-submenu-selected)>.uui-menu-submenu-title:hover{background-color:transparent}.uui-menu-inline-collapsed .uui-menu-item:not(.uui-menu-item-selected):hover .uui-icon,.uui-menu-inline-collapsed .uui-menu-submenu:not(.uui-menu-submenu-selected)>.uui-menu-submenu-title:hover .uui-icon{background-color:var(--menu-item-hover-background-color)}.uui-menu-inline-collapsed .uui-menu-inline.uui-menu-sub{opacity:0}.uui-menu-inline-collapsed .uui-menu-item-selected,.uui-menu-inline-collapsed .uui-menu-submenu-selected>.uui-menu-submenu-title{background-color:transparent}.uui-menu-inline-collapsed .uui-menu-item-selected .uui-icon,.uui-menu-inline-collapsed .uui-menu-submenu-selected>.uui-menu-submenu-title .uui-icon{background-color:var(--menu-item-selected-background-color)}.uui-menu-inline-collapsed-tooltip{pointer-events:none}.uui-menu-inline-collapsed-tooltip .uui-icon{display:none}.uui-menu-inline-collapsed-tooltip a{color:var(--primary-contrast)}.uui-menu-item-disabled,.uui-menu-submenu-disabled{color:var(--color-disabled-font)!important;background:0 0!important;border-color:transparent!important;cursor:not-allowed}.uui-menu-item-disabled>a,.uui-menu-submenu-disabled>a{color:var(--color-disabled-font)!important;pointer-events:none}.uui-menu-item-disabled>.uui-menu-submenu-title,.uui-menu-submenu-disabled>.uui-menu-submenu-title{color:var(--color-disabled-font)!important;cursor:not-allowed}.uui-menu-item-disabled .uui-icon,.uui-menu-submenu-disabled .uui-icon{background-color:transparent!important}.uui-menu-dark,.uui-menu-dark .uui-menu-sub{--menu-popup-background-color:var(--dark-menu-popup-background-color);--menu-background-color:var(--dark-menu-background-color);--menu-item-font-color:var(--dark-menu-color);--menu-group-color:var(--dark-menu-group-color);--menu-item-hover-color:var(--dark-menu-item-selected-color);--menu-item-hover-background-color:transparent;--menu-item-selected-color:var(--dark-menu-item-selected-color);--menu-item-selected-background-color:var(--dark-menu-item-selected-background-color);--menu-submenu-selected-color:var(--dark-submenu-selected-color);--menu-submenu-selected-background-color:var(--dark-submenu-selected-background-color)}.uui-menu-dark .uui-menu-item-disabled,.uui-menu-dark .uui-menu-item-disabled>a,.uui-menu-dark .uui-menu-submenu-disabled,.uui-menu-dark .uui-menu-submenu-disabled>a{color:var(--dark-menu-disabled-font-color)!important}.uui-menu-dark .uui-menu-item-disabled>.uui-menu-submenu-title,.uui-menu-dark .uui-menu-submenu-disabled>.uui-menu-submenu-title{color:var(--dark-menu-disabled-font-color)!important}.uui-menu-dark{box-shadow:none}.uui-menu-dark.uui-menu-horizontal{--menu-item-selected-color:var(--dark-horizontal-menu-item-selected-color);--menu-item-selected-background-color:var(--dark-horizontal-menu-item-selected-background-color);--menu-submenu-selected-color:var(--dark-horizontal-menu-item-selected-color);--menu-submenu-selected-background-color:var(--dark-horizontal-menu-item-selected-background-color);--horizontal-menu-item-selected-box-shadow:var(--dark-horizontal-menu-item-selected-box-shadow)}.uui-menu-dark.uui-menu-inline-collapsed{--menu-item-selected-background-color:transparent;--menu-submenu-selected-background-color:transparent;--menu-item-selected-hover-background-color:transparent;--menu-submenu-selected-hover-background-color:transparent}
1
+ :root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-menu{--menu-width:100%;--menu-collapsed-width:80px;--menu-padding:0;--menu-background-color:transparent;--menu-item-height:var(--space-9);--menu-item-gap:var(--space-2);--menu-item-padding-horizontal:var(--space-2);--menu-item-font-color:var(--default-font-color);--menu-item-hover-background-color:var(--color-background-secondary);--menu-item-hover-color:var(--default-font-color);--menu-item-selected-color:var(--default-font-color);--menu-item-selected-background-color:var(--color-background-secondary);--menu-item-selected-font-weight:var(--font-weight-semibold);--menu-item-border-radius:var(--radius-lg);--menu-submenu-selected-color:var(--default-font-color);--menu-submenu-selected-background-color:var(--color-background-secondary);--menu-submenu-selected-font-weight:var(--font-weight-semibold);--menu-group-font-size:var(--font-size-xs);--menu-group-color:var(--secondary-font-color);--menu-group-height:var(--space-8);--horizontal-menu-height:var(--space-10);--horizontal-menu-column-gap:var(--space-1);--vertical-menu-row-gap:var(--space-1);--inline-menu-width:100%;--inline-menu-indent:var(--space-6);--inline-menu-sub-item-height:var(--space-8);--inline-collapse-menu-item-width:var(--space-8);--menu-popup-background-color:var(--color-background);--menu-popup-min-width:160px;--menu-popup-padding:var(--space-2)}.uui-menu{box-sizing:border-box;margin:0;padding:0;font-variant:var(--default-font-variant);line-height:var(--default-line-height);font-feature-settings:var(--default-font-feature-settings);margin-bottom:0;padding:var(--menu-padding);color:var(--default-font-color);list-style:none;background:var(--menu-background-color);outline:0;width:var(--menu-width);-webkit-user-select:none;user-select:none;transition:width var(--animation-time) cubic-bezier(.2,0,0,1);font-size:var(--default-font-size)}.uui-menu ol,.uui-menu ul{margin:0;padding:0;list-style:none}.uui-menu-hidden{display:none}.uui-menu-item-group-title{color:var(--menu-group-color);height:var(--menu-group-height);font-size:var(--menu-group-font-size);transition:all var(--animation-time);padding:0 var(--menu-item-padding-horizontal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;column-gap:var(--menu-item-gap)}.uui-menu-submenu,.uui-menu-submenu-inline{transition:background var(--animation-time) var(--ease-in-out),padding var(--animation-time) var(--ease-in-out)}.uui-menu-submenu-popup{position:absolute;z-index:var(--zindex-dropdown)}.uui-menu-submenu-popup .uui-menu{background-color:var(--menu-popup-background-color);box-shadow:var(--dropdown-shadow);border-radius:var(--dropdown-border-radius);border:1px solid var(--color-border-split)}.uui-menu-submenu-inline>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-submenu-vertical-left>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-submenu-vertical-right>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-submenu-vertical>.uui-menu-submenu-title .uui-menu-submenu-arrow{margin-left:auto}.uui-menu-submenu.uui-menu-submenu-horizontal>.uui-menu-submenu-title .uui-menu-submenu-arrow{display:none}.uui-menu-submenu-open.uui-menu-submenu-inline>.uui-menu-submenu-title .uui-menu-submenu-arrow{transform:rotate(180deg)}.uui-menu-submenu-selected>.uui-menu-submenu-title{color:var(--menu-submenu-selected-color);background-color:var(--menu-submenu-selected-background-color);font-weight:var(--menu-submenu-selected-font-weight)}.uui-menu-submenu-selected>.uui-menu-submenu-title:hover{color:var(--menu-submenu-selected-color);background-color:var(--menu-submenu-selected-background-color)}.uui-menu-submenu>.uui-menu-submenu-title::after{transition:transform var(--animation-time) var(--ease-in-out)}.uui-menu-submenu .uui-menu-sub{cursor:initial;transition:background var(--animation-time),padding var(--animation-time)}.uui-menu-item,.uui-menu-submenu-title{position:relative;display:flex;align-items:center;justify-content:flex-start;column-gap:var(--menu-item-gap);white-space:nowrap;cursor:pointer;padding:0 var(--menu-item-padding-horizontal);transition:padding var(--animation-time) var(--ease-out);border-radius:var(--menu-item-border-radius);height:var(--menu-item-height)}.uui-menu-item .uui-icon:not(.uui-menu-submenu-arrow),.uui-menu-submenu-title .uui-icon:not(.uui-menu-submenu-arrow){width:var(--icon-font-size);font-size:var(--icon-font-size);transition:font-size var(--animation-time);flex:0}.uui-menu-item .uui-icon:not(.uui-menu-submenu-arrow)+span,.uui-menu-submenu-title .uui-icon:not(.uui-menu-submenu-arrow)+span{opacity:1;display:flex;transition:opacity var(--animation-time) var(--ease-in-out)}.uui-menu-item>a,.uui-menu-submenu-title>a{color:var(--menu-item-font-color)}.uui-menu-item>a:hover,.uui-menu-submenu-title>a:hover{color:var(--menu-item-hover-color);text-decoration:none}.uui-menu-item>span,.uui-menu-submenu-title>span{display:flex;align-items:center}.uui-menu-item>span:hover,.uui-menu-submenu-title>span:hover{text-decoration:none}.uui-menu-item:hover,.uui-menu-submenu-title:hover{color:var(--menu-item-hover-color);background-color:var(--menu-item-hover-background-color)}.uui-menu-item:hover>a,.uui-menu-submenu-title:hover>a{color:var(--menu-item-hover-color)}.uui-menu-item:active,.uui-menu-submenu-title:active{background-color:var(--menu-item-hover-background-color);color:var(--menu-item-hover-color)}.uui-menu-item-selected{color:var(--menu-item-selected-color);background-color:var(--menu-item-selected-background-color);font-weight:var(--menu-item-selected-font-weight)}.uui-menu-item-selected>a{color:var(--menu-item-selected-color)}.uui-menu-item-selected>a:hover{color:var(--menu-item-selected-color)}.uui-menu-item-selected:hover{color:var(--menu-item-selected-color);background-color:var(--menu-item-selected-background-color)}.uui-menu-submenu:not(.uui-menu-submenu-selected)>.uui-menu-submenu-title:hover{color:var(--menu-item-hover-color);background-color:var(--menu-item-hover-background-color)}.uui-menu-submenu:not(.uui-menu-submenu-selected)>.uui-menu-submenu-title:hover>a{color:var(--menu-item-hover-color)}.uui-menu-item>a::before{position:absolute;inset:0;content:' '}.uui-menu-item-divider{height:1px;overflow:hidden;line-height:0;background-color:var(--color-border-split)}.uui-menu>.uui-menu-item-divider{margin:1px 0}.uui-menu-horizontal{--menu-item-height:var(--horizontal-menu-height);--menu-item-padding-horizontal:var(--space-4);display:flex;flex-wrap:nowrap;border:none;column-gap:var(--horizontal-menu-column-gap);position:relative}.uui-menu-horizontal>.uui-menu-item,.uui-menu-horizontal>.uui-menu-submenu .uui-menu-submenu-title{flex:0;margin:0;padding:0 var(--menu-item-padding-horizontal)}.uui-menu-horizontal>.uui-menu-item>a{display:block}.uui-menu-inline,.uui-menu-vertical,.uui-menu-vertical-left,.uui-menu-vertical-right{--menu-padding:var(--space-2)}.uui-menu-inline .uui-menu-item,.uui-menu-inline .uui-menu-submenu-title,.uui-menu-vertical .uui-menu-item,.uui-menu-vertical .uui-menu-submenu-title,.uui-menu-vertical-left .uui-menu-item,.uui-menu-vertical-left .uui-menu-submenu-title,.uui-menu-vertical-right .uui-menu-item,.uui-menu-vertical-right .uui-menu-submenu-title{padding:0 var(--menu-item-padding-horizontal);border-radius:var(--menu-item-border-radius);font-size:var(--default-font-size);overflow:hidden;text-overflow:ellipsis}.uui-menu-inline .uui-menu-item .uui-icon,.uui-menu-inline .uui-menu-submenu-title .uui-icon,.uui-menu-vertical .uui-menu-item .uui-icon,.uui-menu-vertical .uui-menu-submenu-title .uui-icon,.uui-menu-vertical-left .uui-menu-item .uui-icon,.uui-menu-vertical-left .uui-menu-submenu-title .uui-icon,.uui-menu-vertical-right .uui-menu-item .uui-icon,.uui-menu-vertical-right .uui-menu-submenu-title .uui-icon{line-height:var(--vertical-menu-sub-item-height)}.uui-menu-inline .uui-menu-item,.uui-menu-vertical .uui-menu-item,.uui-menu-vertical-left .uui-menu-item,.uui-menu-vertical-right .uui-menu-item{position:relative}.uui-menu-inline .uui-menu-item-group-list,.uui-menu-inline .uui-menu-sub,.uui-menu-inline.uui-menu-root,.uui-menu-vertical .uui-menu-item-group-list,.uui-menu-vertical .uui-menu-sub,.uui-menu-vertical-left .uui-menu-item-group-list,.uui-menu-vertical-left .uui-menu-sub,.uui-menu-vertical-left.uui-menu-root,.uui-menu-vertical-right .uui-menu-item-group-list,.uui-menu-vertical-right .uui-menu-sub,.uui-menu-vertical-right.uui-menu-root,.uui-menu-vertical.uui-menu-root{display:flex;flex-direction:column;align-items:stretch;row-gap:var(--vertical-menu-row-gap)}.uui-menu-vertical-left.uui-menu-sub,.uui-menu-vertical-right.uui-menu-sub,.uui-menu-vertical.uui-menu-sub{min-width:var(--menu-popup-min-width);padding:var(--menu-popup-padding);transform-origin:0 0}.uui-menu-inline{width:var(--inline-menu-width)}.uui-menu-inline .uui-menu-item,.uui-menu-inline .uui-menu-submenu-title{padding-left:calc(var(--menu-item-padding-horizontal) + var(--menu-level,0) * var(--inline-menu-indent))}.uui-menu-inline .uui-menu-item-group-title{padding:0 var(--menu-item-padding-horizontal) 0 calc(var(--menu-item-padding-horizontal) + var(--menu-level) * var(--inline-menu-indent))}.uui-menu-inline .uui-menu-sub{--menu-item-height:var(--inline-menu-sub-item-height);padding:var(--space-1) 0}.uui-menu-inline-collapsed{width:var(--menu-collapsed-width)}.uui-menu-inline-collapsed>.uui-menu-item,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title{left:0;padding-inline:calc(var(--menu-collapsed-width)/ 2 - var(--space-2) - var(--font-size-lg)/ 2);text-overflow:clip;column-gap:0}.uui-menu-inline-collapsed>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item .uui-menu-submenu-arrow,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title .uui-menu-submenu-arrow{display:none}.uui-menu-inline-collapsed>.uui-menu-item .uui-icon,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item .uui-icon,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon{margin:0 auto;font-size:var(--font-size-lg)}.uui-menu-inline-collapsed>.uui-menu-item .uui-icon+span,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-item .uui-icon+span,.uui-menu-inline-collapsed>.uui-menu-item-group>.uui-menu-item-group-list>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon+span,.uui-menu-inline-collapsed>.uui-menu-submenu>.uui-menu-submenu-title .uui-icon+span{opacity:0}.uui-menu-inline-collapsed .uui-menu-inline.uui-menu-sub{opacity:0}.uui-menu-inline-collapsed-tooltip{pointer-events:none}.uui-menu-inline-collapsed-tooltip .uui-icon{display:none}.uui-menu-inline-collapsed-tooltip a{color:#fff}.uui-menu-item-disabled,.uui-menu-submenu-disabled{color:var(--color-disabled-font)!important;background:0 0!important;border-color:transparent!important;cursor:not-allowed}.uui-menu-item-disabled>a,.uui-menu-submenu-disabled>a{color:var(--color-disabled-font)!important;pointer-events:none}.uui-menu-item-disabled>.uui-menu-submenu-title,.uui-menu-submenu-disabled>.uui-menu-submenu-title{color:var(--color-disabled-font)!important;cursor:not-allowed}.uui-menu-item-disabled .uui-icon,.uui-menu-submenu-disabled .uui-icon{background-color:transparent!important}.uui-menu-direction-rtl{box-shadow:var(--vertical-menu-border-width) 0 0 0 var(--vertical-menu-border-color) inset;direction:rtl}.uui-menu-direction-rtl .uui-menu-submenu-title .uui-menu-submenu-arrow{margin-right:auto;margin-left:0;transform:rotate(180deg)}