@koi-design/uxd-ui 14.0.7 → 14.0.9

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 (188) hide show
  1. package/es/components/Cascader/Cascader.d.ts +3 -3
  2. package/es/components/Cascader/Cascader.mjs +2 -4
  3. package/es/components/Cascader/Cascader.mjs.map +1 -1
  4. package/es/components/Cascader/Cascader.type.d.ts +1 -1
  5. package/es/components/Cascader/Cascader.type.mjs +1 -1
  6. package/es/components/Cascader/Cascader.type.mjs.map +1 -1
  7. package/es/components/Cascader/CascaderMenu.mjs +4 -4
  8. package/es/components/Cascader/CascaderMenu.mjs.map +1 -1
  9. package/es/components/Cascader/index.d.ts +6 -6
  10. package/es/components/Checkbox/Checkbox.mjs +1 -0
  11. package/es/components/Checkbox/Checkbox.mjs.map +1 -1
  12. package/es/components/Checkbox/Checkbox.type.d.ts +1 -0
  13. package/es/components/Checkbox/Checkbox.type.mjs +2 -1
  14. package/es/components/Checkbox/Checkbox.type.mjs.map +1 -1
  15. package/es/components/Checkbox/Checkbox.vue.d.ts +2 -0
  16. package/es/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
  17. package/es/components/Checkbox/index.d.ts +7 -0
  18. package/es/components/Progress/Circle.mjs +1 -3
  19. package/es/components/Progress/Circle.mjs.map +1 -1
  20. package/es/components/Progress/Progress.mjs +2 -3
  21. package/es/components/Progress/Progress.mjs.map +1 -1
  22. package/es/components/Progress/Progress.type.d.ts +1 -6
  23. package/es/components/Progress/Progress.type.mjs +0 -6
  24. package/es/components/Progress/Progress.type.mjs.map +1 -1
  25. package/es/components/Progress/Progress.vue.d.ts +0 -16
  26. package/es/components/Progress/index.d.ts +0 -33
  27. package/es/components/Select/RefSelect.vue.d.ts +7 -0
  28. package/es/components/Table/BaseTable.vue.d.ts +7 -0
  29. package/es/components/Table/BodyTable.vue.d.ts +7 -0
  30. package/es/components/Table/HeadTable.vue.d.ts +7 -0
  31. package/es/components/Table/Table.vue.d.ts +14 -0
  32. package/es/components/Table/TableBox.vue.d.ts +14 -0
  33. package/es/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -0
  34. package/es/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
  35. package/es/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -0
  36. package/es/components/Table/tableUnits/TableHeader.vue.d.ts +7 -0
  37. package/es/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -0
  38. package/es/components/Transfer/Operation.mjs +6 -4
  39. package/es/components/Transfer/Operation.mjs.map +1 -1
  40. package/es/components/Transfer/Transfer.mjs +2 -4
  41. package/es/components/Transfer/Transfer.mjs.map +1 -1
  42. package/es/components/Transfer/Transfer.type.d.ts +0 -5
  43. package/es/components/Transfer/Transfer.type.mjs +1 -8
  44. package/es/components/Transfer/Transfer.type.mjs.map +1 -1
  45. package/es/components/Transfer/Transfer.vue.d.ts +42 -11
  46. package/es/components/Transfer/TransferList.mjs +14 -10
  47. package/es/components/Transfer/TransferList.mjs.map +1 -1
  48. package/es/components/Transfer/TransferList.vue.d.ts +14 -0
  49. package/es/components/Transfer/TransferListItem.vue.d.ts +7 -0
  50. package/es/components/Transfer/index.d.ts +112 -18
  51. package/es/components/Tree/SubTree.vue.d.ts +7 -0
  52. package/es/components/Tree/Tree.vue.d.ts +7 -0
  53. package/es/components/Tree/TreeNode.vue.d.ts +7 -0
  54. package/es/components/Tree/index.d.ts +14 -0
  55. package/es/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
  56. package/es/components/TreeSelect/index.d.ts +28 -0
  57. package/es/components/Upload/UploadList.vue.d.ts +0 -33
  58. package/lib/components/Cascader/Cascader.d.ts +3 -3
  59. package/lib/components/Cascader/Cascader.js +2 -4
  60. package/lib/components/Cascader/Cascader.js.map +1 -1
  61. package/lib/components/Cascader/Cascader.type.d.ts +1 -1
  62. package/lib/components/Cascader/Cascader.type.js +1 -1
  63. package/lib/components/Cascader/Cascader.type.js.map +1 -1
  64. package/lib/components/Cascader/CascaderMenu.js +3 -3
  65. package/lib/components/Cascader/CascaderMenu.js.map +1 -1
  66. package/lib/components/Cascader/index.d.ts +6 -6
  67. package/lib/components/Checkbox/Checkbox.js +1 -0
  68. package/lib/components/Checkbox/Checkbox.js.map +1 -1
  69. package/lib/components/Checkbox/Checkbox.type.d.ts +1 -0
  70. package/lib/components/Checkbox/Checkbox.type.js +2 -1
  71. package/lib/components/Checkbox/Checkbox.type.js.map +1 -1
  72. package/lib/components/Checkbox/Checkbox.vue.d.ts +2 -0
  73. package/lib/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
  74. package/lib/components/Checkbox/index.d.ts +7 -0
  75. package/lib/components/Progress/Circle.js +1 -3
  76. package/lib/components/Progress/Circle.js.map +1 -1
  77. package/lib/components/Progress/Progress.js +2 -3
  78. package/lib/components/Progress/Progress.js.map +1 -1
  79. package/lib/components/Progress/Progress.type.d.ts +1 -6
  80. package/lib/components/Progress/Progress.type.js +0 -6
  81. package/lib/components/Progress/Progress.type.js.map +1 -1
  82. package/lib/components/Progress/Progress.vue.d.ts +0 -16
  83. package/lib/components/Progress/index.d.ts +0 -33
  84. package/lib/components/Select/RefSelect.vue.d.ts +7 -0
  85. package/lib/components/Table/BaseTable.vue.d.ts +7 -0
  86. package/lib/components/Table/BodyTable.vue.d.ts +7 -0
  87. package/lib/components/Table/HeadTable.vue.d.ts +7 -0
  88. package/lib/components/Table/Table.vue.d.ts +14 -0
  89. package/lib/components/Table/TableBox.vue.d.ts +14 -0
  90. package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -0
  91. package/lib/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
  92. package/lib/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -0
  93. package/lib/components/Table/tableUnits/TableHeader.vue.d.ts +7 -0
  94. package/lib/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -0
  95. package/lib/components/Transfer/Operation.js +6 -4
  96. package/lib/components/Transfer/Operation.js.map +1 -1
  97. package/lib/components/Transfer/Transfer.js +2 -4
  98. package/lib/components/Transfer/Transfer.js.map +1 -1
  99. package/lib/components/Transfer/Transfer.type.d.ts +0 -5
  100. package/lib/components/Transfer/Transfer.type.js +0 -7
  101. package/lib/components/Transfer/Transfer.type.js.map +1 -1
  102. package/lib/components/Transfer/Transfer.vue.d.ts +42 -11
  103. package/lib/components/Transfer/TransferList.js +14 -10
  104. package/lib/components/Transfer/TransferList.js.map +1 -1
  105. package/lib/components/Transfer/TransferList.vue.d.ts +14 -0
  106. package/lib/components/Transfer/TransferListItem.vue.d.ts +7 -0
  107. package/lib/components/Transfer/index.d.ts +112 -18
  108. package/lib/components/Tree/SubTree.vue.d.ts +7 -0
  109. package/lib/components/Tree/Tree.vue.d.ts +7 -0
  110. package/lib/components/Tree/TreeNode.vue.d.ts +7 -0
  111. package/lib/components/Tree/index.d.ts +14 -0
  112. package/lib/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
  113. package/lib/components/TreeSelect/index.d.ts +28 -0
  114. package/lib/components/Upload/UploadList.vue.d.ts +0 -33
  115. package/package.json +1 -1
  116. package/styles/components/alert/index.css +1 -1
  117. package/styles/components/autoComplete/index.css +1 -1
  118. package/styles/components/avatar/index.css +1 -1
  119. package/styles/components/button/index.css +1 -1
  120. package/styles/components/carousel/index.css +1 -1
  121. package/styles/components/carousel/index.less +38 -35
  122. package/styles/components/carousel/var.less +6 -19
  123. package/styles/components/cascader/index.css +1 -1
  124. package/styles/components/cascader/index.less +20 -32
  125. package/styles/components/datePicker/index.css +1 -1
  126. package/styles/components/form/index.css +1 -1
  127. package/styles/components/icon/index.css +1 -1
  128. package/styles/components/input/index.css +1 -1
  129. package/styles/components/inputNumber/index.css +1 -1
  130. package/styles/components/link/index.css +1 -1
  131. package/styles/components/mentions/index.css +1 -1
  132. package/styles/components/menu/index.css +1 -1
  133. package/styles/components/menu/var.less +3 -2
  134. package/styles/components/modal/index.css +1 -1
  135. package/styles/components/progress/index.css +1 -1
  136. package/styles/components/progress/index.less +42 -56
  137. package/styles/components/progress/var.less +3 -4
  138. package/styles/components/select/index.css +1 -1
  139. package/styles/components/spin/index.css +1 -1
  140. package/styles/components/timePicker/index.css +1 -1
  141. package/styles/components/transfer/index.css +1 -1
  142. package/styles/components/transfer/index.less +38 -42
  143. package/styles/components/transfer/var.less +8 -42
  144. package/styles/components/tree/index.css +1 -1
  145. package/styles/components/tree/index.less +17 -27
  146. package/styles/components/tree/var.less +5 -16
  147. package/styles/cssVariable.css +1 -1
  148. package/styles/cssVariable.less +1 -11
  149. package/styles/index.css +1 -1
  150. package/styles/tokens/typography.css +1 -1
  151. package/types/components/Cascader/Cascader.d.ts +3 -3
  152. package/types/components/Cascader/Cascader.type.d.ts +1 -1
  153. package/types/components/Cascader/index.d.ts +6 -6
  154. package/types/components/Checkbox/Checkbox.type.d.ts +1 -0
  155. package/types/components/Checkbox/Checkbox.vue.d.ts +2 -0
  156. package/types/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
  157. package/types/components/Checkbox/index.d.ts +7 -0
  158. package/types/components/Progress/Progress.type.d.ts +1 -6
  159. package/types/components/Progress/Progress.vue.d.ts +0 -16
  160. package/types/components/Progress/index.d.ts +0 -33
  161. package/types/components/Select/RefSelect.vue.d.ts +7 -0
  162. package/types/components/Table/BaseTable.vue.d.ts +7 -0
  163. package/types/components/Table/BodyTable.vue.d.ts +7 -0
  164. package/types/components/Table/HeadTable.vue.d.ts +7 -0
  165. package/types/components/Table/Table.vue.d.ts +14 -0
  166. package/types/components/Table/TableBox.vue.d.ts +14 -0
  167. package/types/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -0
  168. package/types/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
  169. package/types/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -0
  170. package/types/components/Table/tableUnits/TableHeader.vue.d.ts +7 -0
  171. package/types/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -0
  172. package/types/components/Transfer/Transfer.type.d.ts +0 -5
  173. package/types/components/Transfer/Transfer.vue.d.ts +42 -11
  174. package/types/components/Transfer/TransferList.vue.d.ts +14 -0
  175. package/types/components/Transfer/TransferListItem.vue.d.ts +7 -0
  176. package/types/components/Transfer/index.d.ts +112 -18
  177. package/types/components/Tree/SubTree.vue.d.ts +7 -0
  178. package/types/components/Tree/Tree.vue.d.ts +7 -0
  179. package/types/components/Tree/TreeNode.vue.d.ts +7 -0
  180. package/types/components/Tree/index.d.ts +14 -0
  181. package/types/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
  182. package/types/components/TreeSelect/index.d.ts +28 -0
  183. package/types/components/Upload/UploadList.vue.d.ts +0 -33
  184. package/uxd-ui.css +1 -1
  185. package/uxd-ui.esm.min.mjs +6 -6
  186. package/uxd-ui.esm.mjs +142 -151
  187. package/uxd-ui.umd.js +141 -150
  188. package/uxd-ui.umd.min.js +6 -6
package/styles/components/input/index.css CHANGED
@@ -1 +1 @@
1
- :root,[data-theme-color]{--primary-color:var(--primary-9)}.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;--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)}.uui-input,.uui-input-group,.uui-input-wrap{--input-width:100%;--input-height:var(--control-height-base);--input-background-color:var(--color-surface);--input-border-color:var(--color-border-input);--input-addon-padding-horizontal:var(--control-padding-x);--input-addon-select-padding-horizontal:0;--input-count-padding:var(--space-2);--input-count-line-height:var(--line-heigh-normal);--input-addon-background-color:var(--color-background-secondary);--input-textarea-padding-vertical:var(--space-2);--input-textarea-padding-horizontal:var(--space-2);--input-focus-border-color:var(--primary-color);--input-border-radius:var(--control-radius)}[data-radius=full]{--input-border-radius:var(--radius-full)}.uui-input{width:90%;background-color:transparent;border:none;height:var(--input-height);line-height:var(--input-height);flex:1 1 auto;font-size:var(--default-font-size);color:var(--default-font-color)}.uui-input::placeholder{color:var(--placeholder-color)}.uui-input:state(webkit-autofill){background-color:transparent;background-image:none;color:var(--default-font-color)}.uui-input:placeholder-shown{text-overflow:ellipsis}.uui-input[type=number]::-webkit-inner-spin-button,.uui-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.uui-input:focus{outline:0}.uui-input-wrap{display:inline-flex;position:relative;width:var(--input-width);align-items:center;border-radius:var(--input-border-radius);height:var(--input-height);background-color:var(--input-background-color);padding:var(--control-padding-y) var(--control-padding-x);column-gap:var(--control-inner-gap)}.uui-input-wrap:has(.uui-input:focus){border:1px solid var(--input-focus-border-color)}.has-error .uui-input-wrap,.validate-error .uui-input-wrap{--input-border-color:var(--error-color);--input-focus-border-color:var(--error-color)}.uui-input-wrap-variant-surface{border:1px solid var(--input-border-color);box-shadow:var(--shadow-sm)}.uui-input-wrap-variant-soft{--input-background-color:var(--color-soft-control-background)}.has-error .uui-input-wrap-variant-soft,.validate-error .uui-input-wrap-variant-soft{border:1px solid var(--input-border-color)}.uui-input-wrap-variant-borderless{--input-background-color:transparent;--input-border-color:transparent;--input-focus-border-color:transparent;border-radius:var(--radius-none)}.uui-input-wrap-variant-borderless:has(.uui-input:focus){border:none}.uui-input-wrap-variant-underline{border-bottom:1px solid var(--input-border-color);border-radius:var(--radius-none)}.uui-input-wrap-variant-underline:has(.uui-input:focus){border:none;border-bottom:1px solid var(--input-focus-border-color)}.uui-input-wrap-disabled{opacity:.5}.uui-input-wrap-disabled .uui-input{cursor:var(--cursor-disabled)}.uui-input-wrap:hover .uui-input-icon-clear{display:inline-flex}.uui-input-wrap-with-clear:not(.uui-input-wrap-textarea):hover .uui-input-suffix{display:none}.uui-input-wrap-with-clear:not(.uui-input-wrap-textarea):hover .uui-input-word-count{display:none}.uui-input-wrap-rtl,[data-direction=rtl] .uui-input-wrap,[dir=rtl] .uui-input-wrap{direction:rtl}.uui-input-password i{cursor:pointer}.uui-input-icon,.uui-input-prefix,.uui-input-suffix{width:var(--icon-width-base);display:inline-flex;align-items:center}.uui-input-icon>i,.uui-input-prefix>i,.uui-input-suffix>i{font-size:var(--icon-font-size);line-height:var(--input-height);color:var(--icon-button-color)}.uui-input-word-count{text-align:center;padding:0;background:0 0;display:inline-flex;align-items:center;color:var(--default-font-color);font-size:var(--font-size-xs);line-height:var(--input-count-line-height)}.uui-input-word-count-inner{position:relative}.uui-input-icon-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.uui-input-icon-button>i{width:auto;height:auto;line-height:1;border-radius:var(--icon-button-radius);padding:var(--icon-button-padding);color:var(--icon-button-color);background-color:transparent}.uui-input-icon-button:hover>i{color:var(--icon-button-hover-color);background-color:var(--icon-button-hover-background-color)}.uui-input-icon-clear{display:none}.uui-input-wrap-textarea{height:auto;position:relative;align-items:flex-start;flex-wrap:wrap;border-radius:var(--control-radius);padding:0}.uui-input-wrap-textarea .uui-input{line-height:var(--line-height-tight);padding:var(--input-textarea-padding-vertical) var(--input-textarea-padding-horizontal);width:100%;height:auto;flex-shrink:0;resize:none}.uui-input-wrap-textarea .uui-input-word-count{width:100%;justify-content:flex-end;padding:var(--space-1) var(--space-2)}.uui-input-wrap-textarea.uui-input-wrap-with-clear:hover .uui-input{padding-right:var(--space-7)}.uui-input-wrap-textarea.uui-input-wrap-with-clear:hover .uui-input-icon-clear{display:inline-flex}.uui-input-wrap-textarea.uui-input-wrap-with-clear .uui-input-icon-clear{display:none;position:absolute;inset-inline-end:var(--space-3);inset-block-start:var(--space-1)}.uui-input-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-input-wrap-label-top .uui-input-label{background-color:var(--color-surface);font-size:var(--font-size-xs);line-height:var(--default-font-size);left:8px;padding:0 var(--control-label-padding-x);position:absolute;top:calc(0px - var(--default-font-size)/ 2);white-space:nowrap;z-index:1}.uui-input-wrap-label-left .uui-input-label{background-color:transparent;font-size:var(--default-font-size);line-height:var(--input-height);color:var(--control-label-color);font-weight:var(--control-label-font-weight);flex-shrink:0}.uui-input-wrap-label-left .uui-input-label+.uui-input{padding-left:0}.uui-input-wrap-label-left .uui-input-label:where(.uui-input-label-colon)::after{content:':'}.uui-input-wrap-large{--input-icon-size:var(--font-size-lg);--input-height:var(--control-height-large);--input-border-radius:var(--control-radius-large)}.uui-input-wrap-large .uui-input,.uui-input-wrap-large .uui-input-label{font-size:var(--font-size-base)}.uui-input-wrap-small{--icon-button-padding:calc(var(--space-1) * 0.75);--input-icon-size:var(--font-size-sm);--input-height:var(--control-height-small);--input-border-radius:var(--control-radius-small)}.uui-input-wrap-small .uui-input,.uui-input-wrap-small .uui-input-label{font-size:var(--font-size-xs)}.uui-input-wrap-small.uui-input-wrap-textarea{--input-textarea-padding-vertical:var(--space-1);--input-textarea-padding-horizontal:var(--space-1)}.uui-input-group{display:inline-flex;width:100%}.uui-input-group .uui-input-wrap{box-shadow:none}.uui-input-group-append,.uui-input-group-prepend{background-color:var(--input-addon-background-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--default-font-color);display:inline-flex;font-size:var(--default-font-size);font-weight:400;line-height:1;padding:0 var(--input-addon-padding-horizontal);white-space:nowrap;align-items:center}.uui-input-group-append .uui-select,.uui-input-group-prepend .uui-select{background-color:transparent!important;height:calc(var(--input-height) - 2px)!important;padding:0 var(--input-addon-select-padding-horizontal)}.uui-input-group-append .uui-select,.uui-input-group-append .uui-select-focused,.uui-input-group-append .uui-select:hover,.uui-input-group-prepend .uui-select,.uui-input-group-prepend .uui-select-focused,.uui-input-group-prepend .uui-select:hover{border:none;box-shadow:none!important;outline:0!important}.uui-input-group-prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.uui-input-group-prepend .uui-select{border-top-right-radius:0;border-bottom-right-radius:0}.uui-input-group-append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-append .uui-select{border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-surface{box-shadow:var(--shadow-sm)}.uui-input-group-soft .uui-input-group-append,.uui-input-group-soft .uui-input-group-prepend{border:0}.uui-input-group-soft .uui-input-group-append .uui-select,.uui-input-group-soft .uui-input-group-prepend .uui-select{background-color:transparent!important}.uui-input-group-soft .uui-input-group-append .uui-select-focused,.uui-input-group-soft .uui-input-group-prepend .uui-select-focused{outline:0!important}.uui-input-group-soft .uui-input-group-append .uui-select-hover,.uui-input-group-soft .uui-input-group-prepend .uui-select-hover{outline:0!important}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append{cursor:pointer;background:var(--primary-color);border:1px solid var(--primary-color);color:var(--primary-contrast);transition:all var(--animation-time) linear}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append i{font-size:var(--default-font-size)}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append:hover{background:var(--primary-a90);border-color:var(--primary-a90)}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append-icon{cursor:pointer;transition:color var(--animation-time) var(--ease-in-out)}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append-icon:hover{color:inherit}.uui-input-group-with-prepend .uui-input-wrap{border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-with-append .uui-input-wrap{border-top-right-radius:0;border-bottom-right-radius:0}.uui-input-group-large>.uui-input-group-append,.uui-input-group-large>.uui-input-group-prepend{--input-height:var(--control-height-large)}.uui-input-group-small>.uui-input-group-append,.uui-input-group-small>.uui-input-group-prepend{--input-height:var(--control-height-small)}.uui-input-group-rtl,[data-direction=rtl] .uui-input-group,[dir=rtl] .uui-input-group{direction:rtl}.uui-input-group-rtl .uui-input-group-prepend,[data-direction=rtl] .uui-input-group .uui-input-group-prepend,[dir=rtl] .uui-input-group .uui-input-group-prepend{border-left:0;border-right:1px solid var(--input-border-color);border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.uui-input-group-rtl .uui-input-group-prepend .uui-select,[data-direction=rtl] .uui-input-group .uui-input-group-prepend .uui-select,[dir=rtl] .uui-input-group .uui-input-group-prepend .uui-select{border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-rtl .uui-input-group-append,[data-direction=rtl] .uui-input-group .uui-input-group-append,[dir=rtl] .uui-input-group .uui-input-group-append{border-right:0;border-left:1px solid var(--input-border-color);border-radius:var(--input-border-radius) 0 0 var(--input-border-radius)}
1
+ :root,[data-theme-color]{--primary-color:var(--primary-9)}.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{--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);--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)}.uui-input,.uui-input-group,.uui-input-wrap{--input-width:100%;--input-height:var(--control-height-base);--input-background-color:var(--color-surface);--input-border-color:var(--color-border-input);--input-addon-padding-horizontal:var(--control-padding-x);--input-addon-select-padding-horizontal:0;--input-count-padding:var(--space-2);--input-count-line-height:var(--line-heigh-normal);--input-addon-background-color:var(--color-background-secondary);--input-textarea-padding-vertical:var(--space-2);--input-textarea-padding-horizontal:var(--space-2);--input-focus-border-color:var(--primary-color);--input-border-radius:var(--control-radius)}[data-radius=full]{--input-border-radius:var(--radius-full)}.uui-input{width:90%;background-color:transparent;border:none;height:var(--input-height);line-height:var(--input-height);flex:1 1 auto;font-size:var(--default-font-size);color:var(--default-font-color)}.uui-input::placeholder{color:var(--placeholder-color)}.uui-input:state(webkit-autofill){background-color:transparent;background-image:none;color:var(--default-font-color)}.uui-input:placeholder-shown{text-overflow:ellipsis}.uui-input[type=number]::-webkit-inner-spin-button,.uui-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.uui-input:focus{outline:0}.uui-input-wrap{display:inline-flex;position:relative;width:var(--input-width);align-items:center;border-radius:var(--input-border-radius);height:var(--input-height);background-color:var(--input-background-color);padding:var(--control-padding-y) var(--control-padding-x);column-gap:var(--control-inner-gap)}.uui-input-wrap:has(.uui-input:focus){border:1px solid var(--input-focus-border-color)}.has-error .uui-input-wrap,.validate-error .uui-input-wrap{--input-border-color:var(--error-color);--input-focus-border-color:var(--error-color)}.uui-input-wrap-variant-surface{border:1px solid var(--input-border-color);box-shadow:var(--shadow-sm)}.uui-input-wrap-variant-soft{--input-background-color:var(--color-soft-control-background)}.has-error .uui-input-wrap-variant-soft,.validate-error .uui-input-wrap-variant-soft{border:1px solid var(--input-border-color)}.uui-input-wrap-variant-borderless{--input-background-color:transparent;--input-border-color:transparent;--input-focus-border-color:transparent;border-radius:var(--radius-none)}.uui-input-wrap-variant-borderless:has(.uui-input:focus){border:none}.uui-input-wrap-variant-underline{border-bottom:1px solid var(--input-border-color);border-radius:var(--radius-none)}.uui-input-wrap-variant-underline:has(.uui-input:focus){border:none;border-bottom:1px solid var(--input-focus-border-color)}.uui-input-wrap-disabled{opacity:.5}.uui-input-wrap-disabled .uui-input{cursor:var(--cursor-disabled)}.uui-input-wrap:hover .uui-input-icon-clear{display:inline-flex}.uui-input-wrap-with-clear:not(.uui-input-wrap-textarea):hover .uui-input-suffix{display:none}.uui-input-wrap-with-clear:not(.uui-input-wrap-textarea):hover .uui-input-word-count{display:none}.uui-input-wrap-rtl,[data-direction=rtl] .uui-input-wrap,[dir=rtl] .uui-input-wrap{direction:rtl}.uui-input-password i{cursor:pointer}.uui-input-icon,.uui-input-prefix,.uui-input-suffix{width:var(--icon-width-base);display:inline-flex;align-items:center}.uui-input-icon>i,.uui-input-prefix>i,.uui-input-suffix>i{font-size:var(--icon-font-size);line-height:var(--input-height);color:var(--icon-button-color)}.uui-input-word-count{text-align:center;padding:0;background:0 0;display:inline-flex;align-items:center;color:var(--default-font-color);font-size:var(--font-size-xs);line-height:var(--input-count-line-height)}.uui-input-word-count-inner{position:relative}.uui-input-icon-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.uui-input-icon-button>i{width:auto;height:auto;line-height:1;border-radius:var(--icon-button-radius);padding:var(--icon-button-padding);color:var(--icon-button-color);background-color:transparent}.uui-input-icon-button:hover>i{color:var(--icon-button-hover-color);background-color:var(--icon-button-hover-background-color)}.uui-input-icon-clear{display:none}.uui-input-wrap-textarea{height:auto;position:relative;align-items:flex-start;flex-wrap:wrap;border-radius:var(--control-radius);padding:0}.uui-input-wrap-textarea .uui-input{line-height:var(--line-height-tight);padding:var(--input-textarea-padding-vertical) var(--input-textarea-padding-horizontal);width:100%;height:auto;flex-shrink:0;resize:none}.uui-input-wrap-textarea .uui-input-word-count{width:100%;justify-content:flex-end;padding:var(--space-1) var(--space-2)}.uui-input-wrap-textarea.uui-input-wrap-with-clear:hover .uui-input{padding-right:var(--space-7)}.uui-input-wrap-textarea.uui-input-wrap-with-clear:hover .uui-input-icon-clear{display:inline-flex}.uui-input-wrap-textarea.uui-input-wrap-with-clear .uui-input-icon-clear{display:none;position:absolute;inset-inline-end:var(--space-3);inset-block-start:var(--space-1)}.uui-input-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-input-wrap-label-top .uui-input-label{background-color:var(--color-surface);font-size:var(--font-size-xs);line-height:var(--default-font-size);left:8px;padding:0 var(--control-label-padding-x);position:absolute;top:calc(0px - var(--default-font-size)/ 2);white-space:nowrap;z-index:1}.uui-input-wrap-label-left .uui-input-label{background-color:transparent;font-size:var(--default-font-size);line-height:var(--input-height);color:var(--control-label-color);font-weight:var(--control-label-font-weight);flex-shrink:0}.uui-input-wrap-label-left .uui-input-label+.uui-input{padding-left:0}.uui-input-wrap-label-left .uui-input-label:where(.uui-input-label-colon)::after{content:':'}.uui-input-wrap-large{--input-icon-size:var(--font-size-lg);--input-height:var(--control-height-large);--input-border-radius:var(--control-radius-large)}.uui-input-wrap-large .uui-input,.uui-input-wrap-large .uui-input-label{font-size:var(--font-size-base)}.uui-input-wrap-small{--icon-button-padding:calc(var(--space-1) * 0.75);--input-icon-size:var(--font-size-sm);--input-height:var(--control-height-small);--input-border-radius:var(--control-radius-small)}.uui-input-wrap-small .uui-input,.uui-input-wrap-small .uui-input-label{font-size:var(--font-size-xs)}.uui-input-wrap-small.uui-input-wrap-textarea{--input-textarea-padding-vertical:var(--space-1);--input-textarea-padding-horizontal:var(--space-1)}.uui-input-group{display:inline-flex;width:100%}.uui-input-group .uui-input-wrap{box-shadow:none}.uui-input-group-append,.uui-input-group-prepend{background-color:var(--input-addon-background-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--default-font-color);display:inline-flex;font-size:var(--default-font-size);font-weight:400;line-height:1;padding:0 var(--input-addon-padding-horizontal);white-space:nowrap;align-items:center}.uui-input-group-append .uui-select,.uui-input-group-prepend .uui-select{background-color:transparent!important;height:calc(var(--input-height) - 2px)!important;padding:0 var(--input-addon-select-padding-horizontal)}.uui-input-group-append .uui-select,.uui-input-group-append .uui-select-focused,.uui-input-group-append .uui-select:hover,.uui-input-group-prepend .uui-select,.uui-input-group-prepend .uui-select-focused,.uui-input-group-prepend .uui-select:hover{border:none;box-shadow:none!important;outline:0!important}.uui-input-group-prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.uui-input-group-prepend .uui-select{border-top-right-radius:0;border-bottom-right-radius:0}.uui-input-group-append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-append .uui-select{border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-surface{box-shadow:var(--shadow-sm)}.uui-input-group-soft .uui-input-group-append,.uui-input-group-soft .uui-input-group-prepend{border:0}.uui-input-group-soft .uui-input-group-append .uui-select,.uui-input-group-soft .uui-input-group-prepend .uui-select{background-color:transparent!important}.uui-input-group-soft .uui-input-group-append .uui-select-focused,.uui-input-group-soft .uui-input-group-prepend .uui-select-focused{outline:0!important}.uui-input-group-soft .uui-input-group-append .uui-select-hover,.uui-input-group-soft .uui-input-group-prepend .uui-select-hover{outline:0!important}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append{cursor:pointer;background:var(--primary-color);border:1px solid var(--primary-color);color:var(--primary-contrast);transition:all var(--animation-time) linear}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append i{font-size:var(--default-font-size)}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append:hover{background:var(--primary-a90);border-color:var(--primary-a90)}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append-icon{cursor:pointer;transition:color var(--animation-time) var(--ease-in-out)}.uui-input-group:where(.uui-input-with-search) .uui-input-group-append-icon:hover{color:inherit}.uui-input-group-with-prepend .uui-input-wrap{border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-with-append .uui-input-wrap{border-top-right-radius:0;border-bottom-right-radius:0}.uui-input-group-large>.uui-input-group-append,.uui-input-group-large>.uui-input-group-prepend{--input-height:var(--control-height-large)}.uui-input-group-small>.uui-input-group-append,.uui-input-group-small>.uui-input-group-prepend{--input-height:var(--control-height-small)}.uui-input-group-rtl,[data-direction=rtl] .uui-input-group,[dir=rtl] .uui-input-group{direction:rtl}.uui-input-group-rtl .uui-input-group-prepend,[data-direction=rtl] .uui-input-group .uui-input-group-prepend,[dir=rtl] .uui-input-group .uui-input-group-prepend{border-left:0;border-right:1px solid var(--input-border-color);border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.uui-input-group-rtl .uui-input-group-prepend .uui-select,[data-direction=rtl] .uui-input-group .uui-input-group-prepend .uui-select,[dir=rtl] .uui-input-group .uui-input-group-prepend .uui-select{border-top-left-radius:0;border-bottom-left-radius:0}.uui-input-group-rtl .uui-input-group-append,[data-direction=rtl] .uui-input-group .uui-input-group-append,[dir=rtl] .uui-input-group .uui-input-group-append{border-right:0;border-left:1px solid var(--input-border-color);border-radius:var(--input-border-radius) 0 0 var(--input-border-radius)}
package/styles/components/inputNumber/index.css CHANGED
@@ -1 +1 @@
1
- :root,[data-theme-color]{--primary-color:var(--primary-9)}.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;--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)}.uui-input-number-range-wrap,.uui-input-number-wrap{--number-width:auto;--number-height:var(--control-height-base);--number-input-width:100%;--number-background-color:var(--color-surface);--number-border-color:var(--color-border-input);--number-addon-background-color:var(--color-background-secondary);--number-handle-width:var(--space-6);--number-handle-color:var(--icon-button-color);--number-handle-hover-color:var(--icon-button-hover-color);--number-focus-border-color:var(--primary-color);--number-border-radius:var(--control-radius)}.has-error,.validate-error{--number-focus-border-color:var(--error-color)}[data-radius=full]{--number-border-radius:var(--radius-full)}.uui-input-number-input{width:var(--number-input-width);flex:1 1 auto;background-color:transparent;border:none;height:var(--number-height);line-height:var(--number-height);flex-grow:1;font-size:var(--default-font-size);padding:var(--control-padding-y) var(--control-padding-x);color:var(--default-font-color);appearance:none}.uui-input-number-input::placeholder{color:var(--placeholder-color)}.uui-input-number-input::-webkit-inner-spin-button,.uui-input-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.uui-input-number-input:focus{outline:0}.uui-input-number-label{background-color:transparent;font-size:var(--default-font-size);line-height:var(--number-height);color:var(--control-label-color);font-weight:var(--control-label-font-weight);padding-left:var(--control-padding-x);padding-right:var(--control-inner-gap);flex-shrink:0}.uui-input-number-label+.uui-input-number-input,.uui-input-number-label+.uui-input-number-wrap-inner>.uui-input-number-input{padding-left:0}.uui-input-number-label:where(.uui-input-number-label-colon)::after{content:':'}.uui-input-number-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-input-number-handler{display:flex;width:100%;height:50%;line-height:0;position:relative;justify-content:center;align-items:center;color:var(--number-handle-color);font-size:var(--default-font-size);transition:background var(--animation-time) linear}.uui-input-number-handler-wrap{height:calc(100% - 2px);flex:0 0 var(--number-handle-width);width:var(--number-handle-width);background-color:transparent}.uui-input-number-handler-down:hover,.uui-input-number-handler-up:hover{color:var(--number-handle-hover-color)}.uui-input-number-handler-down-disabled,.uui-input-number-handler-up-disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.uui-input-number-range-wrap,.uui-input-number-wrap{padding:0 1px;display:inline-flex;position:relative;width:var(--number-width);align-items:center;border:none;border-radius:var(--number-border-radius);height:var(--number-height);background-color:var(--number-background-color);transition:box-shadow var(--animation-time) linear}.uui-input-number-range-wrap:has(.uui-input-number-input:focus),.uui-input-number-wrap:has(.uui-input-number-input:focus){border-color:var(--number-focus-border-color)}.has-error .uui-input-number-range-wrap,.has-error .uui-input-number-wrap,.validate-error .uui-input-number-range-wrap,.validate-error .uui-input-number-wrap{--number-border-color:var(--error-color);--number-focus-border-color:var(--error-color)}.uui-input-number-range-wrap-variant-surface,.uui-input-number-wrap-variant-surface{border:1px solid var(--number-border-color)}.uui-input-number-range-wrap-variant-soft,.uui-input-number-wrap-variant-soft{--number-border-color:transparent;--number-background-color:var(--color-soft-control-background);--number-addon-background-color:var(--color-soft-control-background)}.uui-input-number-range-wrap-variant-soft:has(.uui-input-number-input:focus),.uui-input-number-wrap-variant-soft:has(.uui-input-number-input:focus){outline:0;border:1px solid var(--number-focus-border-color)}.has-error .uui-input-number-range-wrap-variant-soft,.has-error .uui-input-number-wrap-variant-soft,.validate-error .uui-input-number-range-wrap-variant-soft,.validate-error .uui-input-number-wrap-variant-soft{border:1px solid var(--number-border-color)}.uui-input-number-range-wrap-variant-underline,.uui-input-number-wrap-variant-underline{border-bottom:1px solid var(--number-border-color);border-radius:0}.uui-input-number-range-wrap-variant-borderless,.uui-input-number-wrap-variant-borderless{border:none;border-radius:0}.uui-input-number-range-wrap-disabled,.uui-input-number-wrap-disabled{opacity:var(--disabled-opacity)}.uui-input-number-range-wrap-disabled *,.uui-input-number-wrap-disabled *{cursor:var(--cursor-disabled)}.uui-input-number-wrap-block{display:flex;width:100%}.uui-input-number-range-wrap{display:inline-flex;align-items:center;height:var(--number-height);gap:var(--space-1)}.uui-input-number-range-wrap-disabled{opacity:var(--disabled-opacity)}.uui-input-number-range-wrap-disabled *{cursor:var(--cursor-disabled)}.uui-input-number-range-wrap .uui-input-number-wrap-inner{display:inline-flex;align-items:center;height:var(--number-height);flex:1 1 auto}.uui-input-number-range-wrap .uui-input-number-range-separator{display:inline-flex;justify-content:center;align-items:center;color:var(--icon-button-color);font-size:var(--icon-font-size)}.uui-input-number-wrap-large{--number-height:var(--control-height-large)}.uui-input-number-wrap-small{--number-height:var(--control-height-small)}.uui-input-number-wrap-small .uui-input-number-input{font-size:var(--font-size-xs)}.uui-input-number-append,.uui-input-number-prepend{display:inline-flex;height:calc(100% - 2px);font-weight:400;padding:0 var(--space-2);align-items:center;font-size:var(--default-font-size);color:var(--default-font-color);text-align:center}.uui-input-number-prepend{background-color:var(--number-addon-background-color);border-radius:var(--number-border-radius) 0 0 var(--number-border-radius);border-right:1px solid var(--number-border-color)}
1
+ :root,[data-theme-color]{--primary-color:var(--primary-9)}.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{--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);--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)}.uui-input-number-range-wrap,.uui-input-number-wrap{--number-width:auto;--number-height:var(--control-height-base);--number-input-width:100%;--number-background-color:var(--color-surface);--number-border-color:var(--color-border-input);--number-addon-background-color:var(--color-background-secondary);--number-handle-width:var(--space-6);--number-handle-color:var(--icon-button-color);--number-handle-hover-color:var(--icon-button-hover-color);--number-focus-border-color:var(--primary-color);--number-border-radius:var(--control-radius)}.has-error,.validate-error{--number-focus-border-color:var(--error-color)}[data-radius=full]{--number-border-radius:var(--radius-full)}.uui-input-number-input{width:var(--number-input-width);flex:1 1 auto;background-color:transparent;border:none;height:var(--number-height);line-height:var(--number-height);flex-grow:1;font-size:var(--default-font-size);padding:var(--control-padding-y) var(--control-padding-x);color:var(--default-font-color);appearance:none}.uui-input-number-input::placeholder{color:var(--placeholder-color)}.uui-input-number-input::-webkit-inner-spin-button,.uui-input-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.uui-input-number-input:focus{outline:0}.uui-input-number-label{background-color:transparent;font-size:var(--default-font-size);line-height:var(--number-height);color:var(--control-label-color);font-weight:var(--control-label-font-weight);padding-left:var(--control-padding-x);padding-right:var(--control-inner-gap);flex-shrink:0}.uui-input-number-label+.uui-input-number-input,.uui-input-number-label+.uui-input-number-wrap-inner>.uui-input-number-input{padding-left:0}.uui-input-number-label:where(.uui-input-number-label-colon)::after{content:':'}.uui-input-number-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-input-number-handler{display:flex;width:100%;height:50%;line-height:0;position:relative;justify-content:center;align-items:center;color:var(--number-handle-color);font-size:var(--default-font-size);transition:background var(--animation-time) linear}.uui-input-number-handler-wrap{height:calc(100% - 2px);flex:0 0 var(--number-handle-width);width:var(--number-handle-width);background-color:transparent}.uui-input-number-handler-down:hover,.uui-input-number-handler-up:hover{color:var(--number-handle-hover-color)}.uui-input-number-handler-down-disabled,.uui-input-number-handler-up-disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.uui-input-number-range-wrap,.uui-input-number-wrap{padding:0 1px;display:inline-flex;position:relative;width:var(--number-width);align-items:center;border:none;border-radius:var(--number-border-radius);height:var(--number-height);background-color:var(--number-background-color);transition:box-shadow var(--animation-time) linear}.uui-input-number-range-wrap:has(.uui-input-number-input:focus),.uui-input-number-wrap:has(.uui-input-number-input:focus){border-color:var(--number-focus-border-color)}.has-error .uui-input-number-range-wrap,.has-error .uui-input-number-wrap,.validate-error .uui-input-number-range-wrap,.validate-error .uui-input-number-wrap{--number-border-color:var(--error-color);--number-focus-border-color:var(--error-color)}.uui-input-number-range-wrap-variant-surface,.uui-input-number-wrap-variant-surface{border:1px solid var(--number-border-color)}.uui-input-number-range-wrap-variant-soft,.uui-input-number-wrap-variant-soft{--number-border-color:transparent;--number-background-color:var(--color-soft-control-background);--number-addon-background-color:var(--color-soft-control-background)}.uui-input-number-range-wrap-variant-soft:has(.uui-input-number-input:focus),.uui-input-number-wrap-variant-soft:has(.uui-input-number-input:focus){outline:0;border:1px solid var(--number-focus-border-color)}.has-error .uui-input-number-range-wrap-variant-soft,.has-error .uui-input-number-wrap-variant-soft,.validate-error .uui-input-number-range-wrap-variant-soft,.validate-error .uui-input-number-wrap-variant-soft{border:1px solid var(--number-border-color)}.uui-input-number-range-wrap-variant-underline,.uui-input-number-wrap-variant-underline{border-bottom:1px solid var(--number-border-color);border-radius:0}.uui-input-number-range-wrap-variant-borderless,.uui-input-number-wrap-variant-borderless{border:none;border-radius:0}.uui-input-number-range-wrap-disabled,.uui-input-number-wrap-disabled{opacity:var(--disabled-opacity)}.uui-input-number-range-wrap-disabled *,.uui-input-number-wrap-disabled *{cursor:var(--cursor-disabled)}.uui-input-number-wrap-block{display:flex;width:100%}.uui-input-number-range-wrap{display:inline-flex;align-items:center;height:var(--number-height);gap:var(--space-1)}.uui-input-number-range-wrap-disabled{opacity:var(--disabled-opacity)}.uui-input-number-range-wrap-disabled *{cursor:var(--cursor-disabled)}.uui-input-number-range-wrap .uui-input-number-wrap-inner{display:inline-flex;align-items:center;height:var(--number-height);flex:1 1 auto}.uui-input-number-range-wrap .uui-input-number-range-separator{display:inline-flex;justify-content:center;align-items:center;color:var(--icon-button-color);font-size:var(--icon-font-size)}.uui-input-number-wrap-large{--number-height:var(--control-height-large)}.uui-input-number-wrap-small{--number-height:var(--control-height-small)}.uui-input-number-wrap-small .uui-input-number-input{font-size:var(--font-size-xs)}.uui-input-number-append,.uui-input-number-prepend{display:inline-flex;height:calc(100% - 2px);font-weight:400;padding:0 var(--space-2);align-items:center;font-size:var(--default-font-size);color:var(--default-font-color);text-align:center}.uui-input-number-prepend{background-color:var(--number-addon-background-color);border-radius:var(--number-border-radius) 0 0 var(--number-border-radius);border-right:1px solid var(--number-border-color)}
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;--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)}
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{--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);--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;--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)}
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{--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);--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-padding:0;--menu-background-color:transparent;--menu-item-height:var(--space-8);--menu-item-gap:var(--space-2);--menu-item-padding-horizontal:var(--space-2);--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-7);--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)}
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)}
package/styles/components/menu/var.less CHANGED
@@ -5,9 +5,10 @@
5
5
  --menu-background-color: transparent;
6
6
 
7
7
  // menu-item
8
- --menu-item-height: var(--space-8);
8
+ --menu-item-height: var(--space-9);
9
9
  --menu-item-gap: var(--space-2);
10
10
  --menu-item-padding-horizontal: var(--space-2);
11
+ --menu-item-font-color: var(--default-font-color);
11
12
  --menu-item-hover-background-color: var(--color-background-secondary);
12
13
  --menu-item-hover-color: var(--default-font-color);
13
14
  --menu-item-selected-color: var(--default-font-color);
@@ -35,7 +36,7 @@
35
36
  // inline mode
36
37
  --inline-menu-width: 100%;
37
38
  --inline-menu-indent: var(--space-6);
38
- --inline-menu-sub-item-height: var(--space-7);
39
+ --inline-menu-sub-item-height: var(--space-8);
39
40
  --inline-collapse-menu-item-width: var(--space-8);
40
41
 
41
42
  // popup
package/styles/components/modal/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;--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)}.uui-modal{--modal-padding:var(--space-6);--modal-gap:var(--space-4);--modal-close-icon-size:var(--space-4);--modal-close-icon-top:var(--space-4);--modal-close-icon-right:var(--space-4);--modal-close-icon-color:var(--default-font-color);--modal-title-color:var(--default-font-color);--modal-title-font-weight:var(--font-weight-semibold);--modal-title-font-size:var(--font-size-lg);--modal-title-line-height:var(--line-height-none);--modal-description-color:var(--secondary-font-color);--modal-description-font-size:var(--default-font-size);--modal-description-line-height:var(--line-height-none);--modal-footer-button-gap:var(--space-2);--modal-confirm-icon-size:var(--font-size-2xl);--modal-confirm-title-font-weight:var(--font-weight-semibold);--modal-confirm-title-font-size:var(--font-size-base);--modal-confirm-content-margin-bottom:var(--space-6)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-modal{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);list-style:none;font-feature-settings:var(--default-font-feature-settings);width:auto;margin-left:auto;margin-right:auto;margin-bottom:var(--modal-bottom-space);background-color:var(--color-background);background-clip:padding-box;border:0;border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);position:relative;pointer-events:auto;padding:var(--modal-padding);display:flex;flex-direction:column;gap:var(--modal-gap)}.uui-modal-wrap{inset:0;overflow:auto;outline:0;position:fixed;z-index:var(--zindex-modal);-webkit-overflow-scrolling:touch;display:none;justify-content:center;align-items:center}.uui-modal-wrap.uui-modal-visible{display:flex}.uui-modal-no-mask{pointer-events:none}.uui-modal-header{width:100%;display:flex;flex-direction:column;gap:var(--space-1-5);align-items:start}.uui-modal-title{color:var(--modal-title-color);font-weight:var(--modal-title-font-weight);font-size:var(--modal-title-font-size);line-height:var(--modal-title-line-height);margin:0;word-wrap:break-word}.uui-modal-description{color:var(--modal-description-color);font-size:var(--modal-description-font-size);line-height:var(--modal-description-line-height);word-wrap:break-word}.uui-modal-drag{cursor:move}.uui-modal-dragging{-webkit-user-select:none;user-select:none}.uui-modal-close{background:0 0;border:none;color:var(--modal-close-icon-color);cursor:pointer;outline:0;padding:0;position:absolute;top:var(--modal-close-icon-top);right:var(--modal-close-icon-right);transition:color .3s;width:var(--modal-close-icon-size);height:var(--modal-close-icon-size);display:flex;align-items:center;justify-content:center;z-index:var(--zindex-popup-close);opacity:.7}.uui-modal-close-x{font-size:var(--font-size-base)}.uui-modal-close:focus,.uui-modal-close:hover{text-decoration:none;opacity:1}.uui-modal-body{font-size:var(--default-font-size);word-wrap:break-word;flex:1 1 auto}.uui-modal-footer{display:flex;align-items:center;justify-content:flex-end;width:100%;column-gap:var(--modal-footer-button-gap)}.uui-modal-mask{background-color:var(--mask-background-color);inset:0;height:100%;position:fixed;z-index:var(--zindex-modal-mask)}.uui-modal-mask-hidden{display:none}.uui-modal-full-screen .uui-modal{border-radius:0}.uui-modal-full-screen .uui-modal-container{height:100%;width:100%}.uui-modal-size-small{--modal-padding:var(--space-4);--modal-gap:var(--space-2);--modal-title-font-size:var(--font-size-sm);--modal-close-icon-top:var(--space-2);--modal-close-icon-right:var(--space-2)}.uui-modal-size-small .uui-modal-body{font-size:var(--font-size-xs)}@media (max-width:768px){.uui-modal{max-width:calc(100vw - 16px);margin:8px auto}.uui-modal-vertical .uui-modal{flex:1}}.uui-modal-confirm-body-wrapper{zoom:1;display:flex;flex-direction:column;gap:var(--space-4)}.uui-modal-confirm-body{display:flex;align-items:flex-start;gap:var(--space-2)}.uui-modal-confirm-icon{font-size:var(--modal-confirm-icon-size);flex:0}.uui-modal-confirm-content-wrap{flex:1;display:flex;flex-direction:column;gap:var(--space-1-5)}.uui-modal-confirm-title{display:flex;align-items:center;font-weight:var(--modal-confirm-title-font-weight);font-size:var(--modal-confirm-title-font-size);line-height:var(--line-height-none);min-height:var(--space-6)}.uui-modal-confirm-content{color:var(--default-font-color);font-size:var(--default-font-size)}.uui-modal-confirm-error .uui-modal-confirm-icon{color:var(--error-color)}.uui-modal-confirm-warning .uui-modal-confirm-icon{color:var(--warning-color)}.uui-modal-confirm-confirm .uui-modal-confirm-icon,.uui-modal-confirm-info .uui-modal-confirm-icon{color:var(--secondary-font-color)}.uui-modal-confirm-success .uui-modal-confirm-icon{color:var(--success-color)}.uui-modal-confirm.uui-modal-size-small{--modal-confirm-title-font-size:var(--font-size-sm)}.uui-modal-confirm.uui-modal-size-small .uui-modal-confirm-content{font-size:var(--font-size-xs)}
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{--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);--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)}.uui-modal{--modal-padding:var(--space-6);--modal-gap:var(--space-4);--modal-close-icon-size:var(--space-4);--modal-close-icon-top:var(--space-4);--modal-close-icon-right:var(--space-4);--modal-close-icon-color:var(--default-font-color);--modal-title-color:var(--default-font-color);--modal-title-font-weight:var(--font-weight-semibold);--modal-title-font-size:var(--font-size-lg);--modal-title-line-height:var(--line-height-none);--modal-description-color:var(--secondary-font-color);--modal-description-font-size:var(--default-font-size);--modal-description-line-height:var(--line-height-none);--modal-footer-button-gap:var(--space-2);--modal-confirm-icon-size:var(--font-size-2xl);--modal-confirm-title-font-weight:var(--font-weight-semibold);--modal-confirm-title-font-size:var(--font-size-base);--modal-confirm-content-margin-bottom:var(--space-6)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-modal{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);list-style:none;font-feature-settings:var(--default-font-feature-settings);width:auto;margin-left:auto;margin-right:auto;margin-bottom:var(--modal-bottom-space);background-color:var(--color-background);background-clip:padding-box;border:0;border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);position:relative;pointer-events:auto;padding:var(--modal-padding);display:flex;flex-direction:column;gap:var(--modal-gap)}.uui-modal-wrap{inset:0;overflow:auto;outline:0;position:fixed;z-index:var(--zindex-modal);-webkit-overflow-scrolling:touch;display:none;justify-content:center;align-items:center}.uui-modal-wrap.uui-modal-visible{display:flex}.uui-modal-no-mask{pointer-events:none}.uui-modal-header{width:100%;display:flex;flex-direction:column;gap:var(--space-1-5);align-items:start}.uui-modal-title{color:var(--modal-title-color);font-weight:var(--modal-title-font-weight);font-size:var(--modal-title-font-size);line-height:var(--modal-title-line-height);margin:0;word-wrap:break-word}.uui-modal-description{color:var(--modal-description-color);font-size:var(--modal-description-font-size);line-height:var(--modal-description-line-height);word-wrap:break-word}.uui-modal-drag{cursor:move}.uui-modal-dragging{-webkit-user-select:none;user-select:none}.uui-modal-close{background:0 0;border:none;color:var(--modal-close-icon-color);cursor:pointer;outline:0;padding:0;position:absolute;top:var(--modal-close-icon-top);right:var(--modal-close-icon-right);transition:color .3s;width:var(--modal-close-icon-size);height:var(--modal-close-icon-size);display:flex;align-items:center;justify-content:center;z-index:var(--zindex-popup-close);opacity:.7}.uui-modal-close-x{font-size:var(--font-size-base)}.uui-modal-close:focus,.uui-modal-close:hover{text-decoration:none;opacity:1}.uui-modal-body{font-size:var(--default-font-size);word-wrap:break-word;flex:1 1 auto}.uui-modal-footer{display:flex;align-items:center;justify-content:flex-end;width:100%;column-gap:var(--modal-footer-button-gap)}.uui-modal-mask{background-color:var(--mask-background-color);inset:0;height:100%;position:fixed;z-index:var(--zindex-modal-mask)}.uui-modal-mask-hidden{display:none}.uui-modal-full-screen .uui-modal{border-radius:0}.uui-modal-full-screen .uui-modal-container{height:100%;width:100%}.uui-modal-size-small{--modal-padding:var(--space-4);--modal-gap:var(--space-2);--modal-title-font-size:var(--font-size-sm);--modal-close-icon-top:var(--space-2);--modal-close-icon-right:var(--space-2)}.uui-modal-size-small .uui-modal-body{font-size:var(--font-size-xs)}@media (max-width:768px){.uui-modal{max-width:calc(100vw - 16px);margin:8px auto}.uui-modal-vertical .uui-modal{flex:1}}.uui-modal-confirm-body-wrapper{zoom:1;display:flex;flex-direction:column;gap:var(--space-4)}.uui-modal-confirm-body{display:flex;align-items:flex-start;gap:var(--space-2)}.uui-modal-confirm-icon{font-size:var(--modal-confirm-icon-size);flex:0}.uui-modal-confirm-content-wrap{flex:1;display:flex;flex-direction:column;gap:var(--space-1-5)}.uui-modal-confirm-title{display:flex;align-items:center;font-weight:var(--modal-confirm-title-font-weight);font-size:var(--modal-confirm-title-font-size);line-height:var(--line-height-none);min-height:var(--space-6)}.uui-modal-confirm-content{color:var(--default-font-color);font-size:var(--default-font-size)}.uui-modal-confirm-error .uui-modal-confirm-icon{color:var(--error-color)}.uui-modal-confirm-warning .uui-modal-confirm-icon{color:var(--warning-color)}.uui-modal-confirm-confirm .uui-modal-confirm-icon,.uui-modal-confirm-info .uui-modal-confirm-icon{color:var(--secondary-font-color)}.uui-modal-confirm-success .uui-modal-confirm-icon{color:var(--success-color)}.uui-modal-confirm.uui-modal-size-small{--modal-confirm-title-font-size:var(--font-size-sm)}.uui-modal-confirm.uui-modal-size-small .uui-modal-confirm-content{font-size:var(--font-size-xs)}
package/styles/components/progress/index.css CHANGED
@@ -1 +1 @@
1
- :root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-progress{--progress-font-size:var(--font-size-xs);--progress-inner-background-color:var(--gray-2);--progress-success-background-color:var(--success-9);--progress-error-background-color:var(--error-color);--progress-default-background-color:var(--primary-color)}.uui-progress{display:inline-flex;align-items:center;font-size:var(--progress-font-size);position:relative}.uui-progress-line{width:100%}.uui-progress-vertical{height:100%;vertical-align:middle;width:auto}.uui-progress-outer{display:inline-flex;width:100%;margin-right:0;padding-right:0}.uui-progress-show-info .uui-progress-outer{padding-right:55px;margin-right:-55px}.uui-progress-vertical .uui-progress-outer{height:100%;width:auto}.uui-progress-inner{display:inline-flex;width:100%;background:var(--progress-inner-background);background-color:var(--progress-inner-background-color);border-radius:100px;position:relative}.uui-progress-inner-text{display:inline-flex;color:#fff;font-size:12px;margin:0 6px}.uui-progress-vertical .uui-progress-inner{height:100%;width:auto}.uui-progress-vertical .uui-progress-inner::after,.uui-progress-vertical .uui-progress-inner>*{display:inline-flex;vertical-align:bottom}.uui-progress-vertical .uui-progress-inner::after{content:'';height:100%}.uui-progress-bg{text-align:right;border-radius:100px;background-color:var(--progress-default-background-color);transition:all var(--animation-time-short) linear;position:relative}.uui-progress-bg::after{content:'';display:inline-flex;height:100%;vertical-align:middle}.uui-progress-success-bg{border-radius:100px;background-color:var(--progress-success-background-color);transition:all var(--animation-time-short) linear;position:absolute;top:0;left:0}.uui-progress-text{display:inline-flex;margin-left:5px;text-align:left;font-size:1em;vertical-align:middle}.uui-progress-active .uui-progress-bg:before{content:'';opacity:0;position:absolute;inset:0;background:#fff;border-radius:10px;animation:uui-progress-active 2s var(--ease-in-out) infinite}.uui-progress-vertical.uui-progress-active .uui-progress-bg:before{top:auto;animation:uui-progress-active-vertical 2s var(--ease-in-out) infinite}.uui-progress-wrong .uui-progress-bg{background-color:var(--progress-error-background-color)}.uui-progress-wrong .uui-progress-text{color:var(--error-color)}.uui-progress-success .uui-progress-bg{background-color:var(--progress-success-background-color)}.uui-progress-success .uui-progress-text{color:var(--success-9)}.uui-progress-circle{fill:none;stroke-linecap:round}.uui-progress-circle circle{transition:stroke-dasharray .3s}.uui-progress-circle .uui-progress-inner{position:relative;line-height:1;background-color:transparent}.uui-progress-circle .uui-progress-text{position:absolute;top:50%;left:50%;margin:0;padding:0;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.uui-progress-circle .uui-progress-text .uui-icon{font-size:1.16666667em}.uui-progress-circle.uui-progress-status-exception .uui-progress-text{color:var(--error-color)}.uui-progress-circle.uui-progress-status-success .uui-progress-text{color:var(--success-9)}.uui-progress-water{width:100%;height:100%}.uui-progress-water-box{height:100%;background:var(--progress-default-background-color)}.uui-progress-water—wave{height:auto;position:absolute}.uui-progress-water-wave-back{height:auto;position:absolute;bottom:100%;right:0;fill:#c7eeff;animation:uui-progress-water-wave-back 1.4s infinite linear}.uui-progress-water-wave-front{position:absolute;bottom:100%;left:0;fill:var(--progress-default-background-color);margin-bottom:-1px;animation:uui-progress-water-wave-front .7s infinite linear}.uui-progress-water .uui-progress-inner{height:100%;border-radius:100%;overflow:hidden;display:block}.uui-progress-water .uui-progress-text{position:absolute;top:50%;left:50%;margin:0;padding:0;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.uui-progress-water .uui-progress-text .uui-icon{font-size:1.16666667em}.uui-progress-water .uui-progress-text-white{color:#fff}.uui-progress-success .uui-progress-water-box{background-color:var(--progress-success-background-color)}@keyframes uui-progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes uui-progress-active-vertical{0%{opacity:.3;height:0}100%{opacity:0;height:100%}}@keyframes uui-progress-water-wave-front{100%{transform:translate(-50%,0)}}@keyframes uui-progress-water-wave-front{100%{transform:translate(-50%,0)}}@keyframes uui-progress-water-wave-back{100%{transform:translate(50%,0)}}@keyframes uui-progress-water-wave-back{100%{transform:translate(50%,0)}}
1
+ :root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-progress{--progress-font-size:var(--font-size-xs);--progress-inner-background-color:var(--color-background-secondary);--progress-background-color:var(--primary-color);--progress-water-back-color:var(--primary-a30)}.uui-progress{display:flex;font-size:var(--progress-font-size);position:relative;align-items:center;column-gap:var(--space-2)}.uui-progress-line{width:100%}.uui-progress-outer{display:inline-flex;flex:1 1 auto;width:100%}.uui-progress-vertical{height:100%;width:auto}.uui-progress-vertical .uui-progress-outer{height:100%;width:auto;flex:0}.uui-progress-inner{display:inline-flex;width:100%;background:var(--progress-inner-background);background-color:var(--progress-inner-background-color);border-radius:var(--radius-full);position:relative}.uui-progress-inner-text{display:inline-flex;color:#fff;font-size:var(--progress-font-size);margin:0 var(--space-1-5)}.uui-progress-vertical .uui-progress-inner{height:100%;width:auto}.uui-progress-vertical .uui-progress-inner::after,.uui-progress-vertical .uui-progress-inner>*{display:inline-flex}.uui-progress-vertical .uui-progress-inner::after{content:'';height:100%}.uui-progress-bg{display:flex;border-radius:var(--radius-full);justify-content:flex-end;background-color:var(--progress-background-color);transition:all var(--animation-time-short) linear;position:relative}.uui-progress-bg::after{content:'';display:flex;height:100%}.uui-progress-success-bg{border-radius:var(--radius-full);background-color:var(--success-color);transition:all var(--animation-time-short) linear;position:absolute;top:0;left:0}.uui-progress-text{display:inline-flex;line-height:1;font-size:var(--progress-font-size)}.uui-progress-text .uui-icon{font-size:var(--icon-font-size)}.uui-progress-active .uui-progress-bg:before{content:'';opacity:0;position:absolute;inset:0;background:#fff;border-radius:var(--radius-full);animation:uui-progress-active 2s var(--ease-in-out) infinite}.uui-progress-vertical.uui-progress-active .uui-progress-bg:before{top:auto;animation:uui-progress-active-vertical 2s var(--ease-in-out) infinite}.uui-progress-wrong{--progress-background-color:var(--error-color)}.uui-progress-wrong .uui-progress-text{color:var(--error-color)}.uui-progress-success{--progress-background-color:var(--success-color)}.uui-progress-success .uui-progress-text{color:var(--success-color)}.uui-progress-circle{fill:none;stroke-linecap:round}.uui-progress-circle circle{transition:stroke-dasharray .3s}.uui-progress-circle .uui-progress-inner{position:relative;line-height:1;background-color:transparent}.uui-progress-circle .uui-progress-text{position:absolute;top:50%;left:50%;margin:0;padding:0;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.uui-progress-circle.uui-progress-status-exception .uui-progress-text{color:var(--error-color)}.uui-progress-circle.uui-progress-status-success .uui-progress-text{color:var(--success-color)}.uui-progress-water{width:100%;height:100%}.uui-progress-water-box{height:100%;background:var(--progress-background-color)}.uui-progress-water—wave{height:auto;position:absolute}.uui-progress-water-wave-back{height:auto;position:absolute;bottom:100%;right:0;fill:var(--progress-water-back-color);animation:uui-progress-water-wave-back 1.4s infinite linear}.uui-progress-water-wave-front{position:absolute;bottom:100%;left:0;fill:var(--progress-background-color);margin-bottom:-1px;animation:uui-progress-water-wave-front .7s infinite linear}.uui-progress-water.uui-progress-success{--progress-water-back-color:var(--success-a30)}.uui-progress-water.uui-progress-wrong{--progress-water-back-color:var(--error-a30)}.uui-progress-water .uui-progress-inner{height:100%;border-radius:100%;overflow:hidden;display:block}.uui-progress-water .uui-progress-text{position:absolute;top:50%;left:50%;margin:0;padding:0;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.uui-progress-water .uui-progress-text-white{color:#fff}@keyframes uui-progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes uui-progress-active-vertical{0%{opacity:.3;height:0}100%{opacity:0;height:100%}}@keyframes uui-progress-water-wave-front{100%{transform:translate(-50%,0)}}@keyframes uui-progress-water-wave-front{100%{transform:translate(-50%,0)}}@keyframes uui-progress-water-wave-back{100%{transform:translate(50%,0)}}@keyframes uui-progress-water-wave-back{100%{transform:translate(50%,0)}}
package/styles/components/progress/index.less CHANGED
@@ -3,37 +3,31 @@
3
3
  @progress-prefix-cls: ~'@{css-prefix}-progress';
4
4
 
5
5
  .@{progress-prefix-cls} {
6
- display: inline-flex;
6
+ display: flex;
7
+ font-size: var(--progress-font-size);
8
+ position: relative;
7
9
  align-items: center;
10
+ column-gap: var(--space-2);
8
11
 
9
12
  &-line {
10
13
  width: 100%;
11
14
  }
12
15
 
13
- &-vertical {
14
- height: 100%;
15
- vertical-align: middle;
16
- width: auto;
17
- }
18
-
19
- font-size: var(--progress-font-size);
20
- position: relative;
21
-
22
16
  &-outer {
23
17
  display: inline-flex;
18
+ flex: 1 1 auto;
24
19
  width: 100%;
25
- margin-right: 0;
26
- padding-right: 0;
20
+ }
27
21
 
28
- .@{progress-prefix-cls}-show-info & {
29
- padding-right: 55px;
30
- margin-right: -55px;
31
- }
22
+ &-vertical {
23
+ height: 100%;
24
+ width: auto;
32
25
  }
33
26
 
34
27
  &-vertical &-outer {
35
28
  height: 100%;
36
29
  width: auto;
30
+ flex: 0;
37
31
  }
38
32
 
39
33
  &-inner {
@@ -41,14 +35,14 @@
41
35
  width: 100%;
42
36
  background: var(--progress-inner-background);
43
37
  background-color: var(--progress-inner-background-color);
44
- border-radius: 100px;
38
+ border-radius: var(--radius-full);
45
39
  position: relative;
46
40
 
47
41
  &-text {
48
42
  display: inline-flex;
49
43
  color: #fff;
50
- font-size: 12px;
51
- margin: 0 6px;
44
+ font-size: var(--progress-font-size);
45
+ margin: 0 var(--space-1-5);
52
46
  }
53
47
  }
54
48
 
@@ -59,7 +53,6 @@
59
53
  & > *,
60
54
  &::after {
61
55
  display: inline-flex;
62
- vertical-align: bottom;
63
56
  }
64
57
 
65
58
  &::after {
@@ -69,23 +62,23 @@
69
62
  }
70
63
 
71
64
  &-bg {
72
- text-align: right;
73
- border-radius: 100px;
74
- background-color: var(--progress-default-background-color);
65
+ display: flex;
66
+ border-radius: var(--radius-full);
67
+ justify-content: flex-end;
68
+ background-color: var(--progress-background-color);
75
69
  transition: all var(--animation-time-short) linear;
76
70
  position: relative;
77
71
 
78
72
  &::after {
79
73
  content: '';
80
- display: inline-flex;
74
+ display: flex;
81
75
  height: 100%;
82
- vertical-align: middle;
83
76
  }
84
77
  }
85
78
 
86
79
  &-success-bg {
87
- border-radius: 100px;
88
- background-color: var(--progress-success-background-color);
80
+ border-radius: var(--radius-full);
81
+ background-color: var(--success-color);
89
82
  transition: all var(--animation-time-short) linear;
90
83
  position: absolute;
91
84
  top: 0;
@@ -94,11 +87,12 @@
94
87
 
95
88
  &-text {
96
89
  display: inline-flex;
97
- margin-left: 5px;
98
- text-align: left;
99
- font-size: 1em;
100
- vertical-align: middle;
101
- //color: @subsidiary-color;
90
+ line-height: 1;
91
+ font-size: var(--progress-font-size);
92
+
93
+ .@{iconfont-css-prefix} {
94
+ font-size: var(--icon-font-size);
95
+ }
102
96
  }
103
97
 
104
98
  &-active {
@@ -108,7 +102,7 @@
108
102
  position: absolute;
109
103
  inset: 0;
110
104
  background: white;
111
- border-radius: 10px;
105
+ border-radius: var(--radius-full);
112
106
  animation: uui-progress-active 2s var(--ease-in-out) infinite;
113
107
  }
114
108
  }
@@ -121,9 +115,7 @@
121
115
  }
122
116
 
123
117
  &-wrong {
124
- .@{progress-prefix-cls}-bg {
125
- background-color: var(--progress-error-background-color);
126
- }
118
+ --progress-background-color: var(--error-color);
127
119
 
128
120
  .@{progress-prefix-cls}-text {
129
121
  color: var(--error-color);
@@ -131,12 +123,10 @@
131
123
  }
132
124
 
133
125
  &-success {
134
- .@{progress-prefix-cls}-bg {
135
- background-color: var(--progress-success-background-color);
136
- }
126
+ --progress-background-color: var(--success-color);
137
127
 
138
128
  .@{progress-prefix-cls}-text {
139
- color: var(--success-9);
129
+ color: var(--success-color);
140
130
  }
141
131
  }
142
132
 
@@ -165,10 +155,6 @@
165
155
  white-space: normal;
166
156
  text-align: center;
167
157
  transform: translate(-50%, -50%);
168
-
169
- .@{iconfont-css-prefix} {
170
- font-size: (14 / 12em);
171
- }
172
158
  }
173
159
 
174
160
  &-circle&-status-exception {
@@ -179,7 +165,7 @@
179
165
 
180
166
  &-circle&-status-success {
181
167
  .@{progress-prefix-cls}-text {
182
- color: var(--success-9);
168
+ color: var(--success-color);
183
169
  }
184
170
  }
185
171
 
@@ -189,7 +175,7 @@
189
175
 
190
176
  &-box {
191
177
  height: 100%;
192
- background: var(--progress-default-background-color);
178
+ background: var(--progress-background-color);
193
179
  }
194
180
 
195
181
  &—wave {
@@ -202,7 +188,7 @@
202
188
  position: absolute;
203
189
  bottom: 100%;
204
190
  right: 0;
205
- fill: #c7eeff;
191
+ fill: var(--progress-water-back-color);
206
192
  animation: uui-progress-water-wave-back 1.4s infinite linear;
207
193
  }
208
194
 
@@ -210,10 +196,18 @@
210
196
  position: absolute;
211
197
  bottom: 100%;
212
198
  left: 0;
213
- fill: var(--progress-default-background-color);
199
+ fill: var(--progress-background-color);
214
200
  margin-bottom: -1px;
215
201
  animation: uui-progress-water-wave-front 0.7s infinite linear;
216
202
  }
203
+
204
+ &.@{progress-prefix-cls}-success {
205
+ --progress-water-back-color: var(--success-a30);
206
+ }
207
+
208
+ &.@{progress-prefix-cls}-wrong {
209
+ --progress-water-back-color: var(--error-a30);
210
+ }
217
211
  }
218
212
 
219
213
  &-water &-inner {
@@ -234,19 +228,11 @@
234
228
  white-space: normal;
235
229
  text-align: center;
236
230
  transform: translate(-50%, -50%);
237
-
238
- .@{iconfont-css-prefix} {
239
- font-size: (14 / 12em);
240
- }
241
231
  }
242
232
 
243
233
  &-water &-text-white {
244
234
  color: #fff;
245
235
  }
246
-
247
- &-success &-water-box {
248
- background-color: var(--progress-success-background-color);
249
- }
250
236
  }
251
237
 
252
238
  @keyframes uui-progress-active {