x-next 1.5.0 → 1.7.0

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 (171) hide show
  1. package/AI_USAGE.md +57 -4
  2. package/CHANGELOG.md +72 -0
  3. package/dist/_utils/color.d.ts +53 -0
  4. package/dist/components/color-picker/ColorPicker.d.ts +239 -0
  5. package/dist/components/color-picker/gradient-slider.d.ts +52 -0
  6. package/dist/components/color-picker/index.d.ts +238 -0
  7. package/dist/components/color-picker/panel.d.ts +721 -0
  8. package/dist/components/color-picker/sv-panel.d.ts +48 -0
  9. package/dist/components/date-picker/DatePicker.vue.d.ts +3 -3
  10. package/dist/components/date-picker/index.d.ts +6 -6
  11. package/dist/components/draggable/Draggable.d.ts +1 -1
  12. package/dist/components/draggable/index.d.ts +2 -2
  13. package/dist/components/drawer/index.d.ts +6 -6
  14. package/dist/components/drawer/src/Drawer.vue.d.ts +3 -3
  15. package/dist/components/dropdown/Dropdown.vue.d.ts +34 -4
  16. package/dist/components/dropdown/DropdownButton.vue.d.ts +35 -5
  17. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +34 -4
  18. package/dist/components/dropdown/dropdown-panel.vue.d.ts +30 -0
  19. package/dist/components/dropdown/index.d.ts +209 -29
  20. package/dist/components/form/FormItem.vue.d.ts +12 -12
  21. package/dist/components/form/form-item-label.vue.d.ts +3 -3
  22. package/dist/components/form/index.d.ts +24 -24
  23. package/dist/components/form-select/Select.d.ts +3 -3
  24. package/dist/components/form-select/SelectDropdown.vue.d.ts +30 -0
  25. package/dist/components/form-select/index.d.ts +66 -6
  26. package/dist/components/form-slider/Slider.vue.d.ts +3 -3
  27. package/dist/components/form-slider/index.d.ts +6 -6
  28. package/dist/components/form-slider/slider-button.vue.d.ts +3 -3
  29. package/dist/components/grid/Row.vue.d.ts +3 -3
  30. package/dist/components/grid/index.d.ts +9 -9
  31. package/dist/components/heatmap/Heatmap.d.ts +311 -0
  32. package/dist/components/heatmap/helpers/matrix.d.ts +58 -0
  33. package/dist/components/heatmap/index.d.ts +372 -0
  34. package/dist/components/heatmap/interface.d.ts +57 -0
  35. package/dist/components/image/Image.vue.d.ts +125 -17
  36. package/dist/components/image/ImagePreview.vue.d.ts +97 -7
  37. package/dist/components/image/ImagePreviewAction.d.ts +3 -3
  38. package/dist/components/image/ImagePreviewGroup.vue.d.ts +100 -7
  39. package/dist/components/image/hooks/use-image-drag.d.ts +2 -2
  40. package/dist/components/image/index.d.ts +712 -124
  41. package/dist/components/image/interface.d.ts +9 -1
  42. package/dist/components/image/preview-toolbar.vue.d.ts +3 -3
  43. package/dist/components/index.d.ts +3 -0
  44. package/dist/components/menu/sub-menu-pop.vue.d.ts +3 -3
  45. package/dist/components/network/Network.vue.d.ts +1 -1
  46. package/dist/components/network/index.d.ts +3 -3
  47. package/dist/components/network/utils.d.ts +2 -0
  48. package/dist/components/pagination/page-item-ellipsis.vue.d.ts +9 -0
  49. package/dist/components/pagination/page-jumper.vue.d.ts +6 -0
  50. package/dist/components/pagination/page-options.vue.d.ts +6 -6
  51. package/dist/components/popconfirm/src/popup.vue.d.ts +3 -3
  52. package/dist/components/popover/Popover.d.ts +1 -1
  53. package/dist/components/popover/index.d.ts +3 -3
  54. package/dist/components/popup/Popup.d.ts +1 -1
  55. package/dist/components/popup/index.d.ts +3 -3
  56. package/dist/components/skeleton/SkeletonShape.vue.d.ts +3 -3
  57. package/dist/components/skeleton/index.d.ts +6 -6
  58. package/dist/components/space/Space.d.ts +1 -1
  59. package/dist/components/space/index.d.ts +3 -3
  60. package/dist/components/spin/Spin.d.ts +38 -0
  61. package/dist/components/spin/index.d.ts +30 -0
  62. package/dist/components/table/Table.d.ts +1 -1
  63. package/dist/components/table/index.d.ts +3 -3
  64. package/dist/components/tabs/Tabs.d.ts +1 -1
  65. package/dist/components/tabs/index.d.ts +3 -3
  66. package/dist/components/time-picker/TimePicker.vue.d.ts +3 -3
  67. package/dist/components/time-picker/index.d.ts +6 -6
  68. package/dist/components/tooltip/Tooltip.vue.d.ts +1 -1
  69. package/dist/components/tooltip/index.d.ts +3 -3
  70. package/dist/components/trigger/Trigger.d.ts +1 -1
  71. package/dist/components/trigger/index.d.ts +3 -3
  72. package/dist/components/upload/Upload.d.ts +372 -0
  73. package/dist/components/upload/context.d.ts +28 -0
  74. package/dist/components/upload/index.d.ts +656 -0
  75. package/dist/components/upload/interface.d.ts +110 -0
  76. package/dist/components/upload/props.d.ts +321 -0
  77. package/dist/components/upload/upload-list-item.d.ts +15 -0
  78. package/dist/components/upload/upload-list.d.ts +11 -0
  79. package/dist/components/upload/upload-picture-item.d.ts +20 -0
  80. package/dist/components/upload/upload-trigger.d.ts +8 -0
  81. package/dist/components/upload/utils.d.ts +48 -0
  82. package/dist/components/watermark/Watermark.d.ts +1 -1
  83. package/dist/components/watermark/index.d.ts +3 -3
  84. package/dist/es/_styles/palette-aliases.js +10 -4
  85. package/dist/es/_utils/color.js +73 -0
  86. package/dist/es/components/button/Button.js +2 -2
  87. package/dist/es/components/color-picker/ColorPicker.js +239 -0
  88. package/dist/es/components/color-picker/gradient-slider.js +79 -0
  89. package/dist/es/components/color-picker/index.js +8 -0
  90. package/dist/es/components/color-picker/panel.js +307 -0
  91. package/dist/es/components/color-picker/sv-panel.js +99 -0
  92. package/dist/es/components/dropdown/dropdown-panel.vue.js +17 -17
  93. package/dist/es/components/form-input/Input.js +7 -7
  94. package/dist/es/components/form-input/InputPassword.vue2.js +2 -2
  95. package/dist/es/components/form-input/InputSearch.js +2 -2
  96. package/dist/es/components/form-input-number/InputNumber.js +12 -12
  97. package/dist/es/components/heatmap/Heatmap.js +334 -0
  98. package/dist/es/components/heatmap/helpers/matrix.js +106 -0
  99. package/dist/es/components/heatmap/index.js +8 -0
  100. package/dist/es/components/image/Image.vue.js +55 -45
  101. package/dist/es/components/image/Image.vue2.js +113 -92
  102. package/dist/es/components/image/ImagePreview.vue.js +66 -53
  103. package/dist/es/components/image/ImagePreview.vue2.js +219 -171
  104. package/dist/es/components/image/ImagePreviewAction.js +12 -15
  105. package/dist/es/components/image/ImagePreviewGroup.vue.js +21 -20
  106. package/dist/es/components/image/ImagePreviewGroup.vue2.js +45 -39
  107. package/dist/es/components/image/hooks/use-image-drag.js +16 -14
  108. package/dist/es/components/index.js +123 -117
  109. package/dist/es/components/menu/sub-menu-pop.vue2.js +12 -12
  110. package/dist/es/components/network/Network.vue2.js +72 -72
  111. package/dist/es/components/network/utils.js +44 -35
  112. package/dist/es/components/pagination/Pagination.js +113 -104
  113. package/dist/es/components/pagination/page-item-ellipsis.vue.js +13 -12
  114. package/dist/es/components/pagination/page-item-ellipsis.vue2.js +19 -15
  115. package/dist/es/components/pagination/page-jumper.vue.js +13 -12
  116. package/dist/es/components/pagination/page-jumper.vue2.js +7 -4
  117. package/dist/es/components/pagination/page-options.vue.js +4 -3
  118. package/dist/es/components/pagination/page-options.vue2.js +17 -15
  119. package/dist/es/components/skeleton/Skeleton.vue.js +11 -9
  120. package/dist/es/components/skeleton/SkeletonLine.vue.js +9 -8
  121. package/dist/es/components/skeleton/SkeletonShape.vue.js +8 -7
  122. package/dist/es/components/spin/Spin.js +124 -60
  123. package/dist/es/components/table/Table.js +3 -1
  124. package/dist/es/components/trigger/Trigger.js +19 -19
  125. package/dist/es/components/upload/Upload.js +420 -0
  126. package/dist/es/components/upload/context.js +4 -0
  127. package/dist/es/components/upload/index.js +8 -0
  128. package/dist/es/components/upload/props.js +321 -0
  129. package/dist/es/components/upload/upload-list-item.js +138 -0
  130. package/dist/es/components/upload/upload-list.js +48 -0
  131. package/dist/es/components/upload/upload-picture-item.js +109 -0
  132. package/dist/es/components/upload/upload-trigger.js +89 -0
  133. package/dist/es/components/upload/utils.js +195 -0
  134. package/dist/es/icons/_self/empty-better.js +25 -8
  135. package/dist/es/icons/_self/upload-icons.js +103 -0
  136. package/dist/es/index.js +168 -162
  137. package/dist/es/locale/en-US.js +39 -1
  138. package/dist/es/locale/zh-CN.js +39 -1
  139. package/dist/es/style.css +1 -1
  140. package/dist/icons/_self/upload-icons.d.ts +523 -0
  141. package/dist/index.cjs +4 -4
  142. package/dist/index.umd.js +4 -4
  143. package/dist/locale/interface.d.ts +60 -0
  144. package/dist/style/base.css +1 -1
  145. package/dist/style/button.css +1 -1
  146. package/dist/style/color-picker.css +1 -0
  147. package/dist/style/color-picker.js +2 -0
  148. package/dist/style/date-picker.css +1 -1
  149. package/dist/style/empty.css +1 -1
  150. package/dist/style/form-checkbox.css +1 -1
  151. package/dist/style/form-input-tag.css +1 -1
  152. package/dist/style/form-input.css +1 -1
  153. package/dist/style/form-radio.css +1 -1
  154. package/dist/style/form-textarea.css +1 -1
  155. package/dist/style/form.css +1 -1
  156. package/dist/style/heatmap.css +1 -0
  157. package/dist/style/heatmap.js +2 -0
  158. package/dist/style/image.css +1 -1
  159. package/dist/style/menu.css +1 -1
  160. package/dist/style/pagination.css +1 -1
  161. package/dist/style/skeleton.css +1 -1
  162. package/dist/style/spin.css +1 -1
  163. package/dist/style/steps.css +1 -1
  164. package/dist/style/table.css +1 -1
  165. package/dist/style/upload.css +1 -0
  166. package/dist/style/upload.js +2 -0
  167. package/dist/style.css +1 -1
  168. package/dist/types.d.ts +3 -0
  169. package/package.json +1 -1
  170. package/volar.d.ts +3 -0
  171. package/dist/es/_hooks/use-popup-overflow-hidden.js +0 -29
package/dist/style/form-input.css CHANGED
@@ -1 +1 @@
1
- :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 4px;--x-input-size-large-padding-up-down: 6px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-input--group{display:inline-flex;align-items:center}.x-input--group>*{border-radius:0}.x-input--group>*.x-input--outer>:last-child,.x-input--group>*.x-input--outer>:first-child{border-radius:0}.x-input--group>*:not(:last-child){position:relative;box-sizing:border-box}.x-input--group>*:first-child,.x-input--group>*:first-child .x-input--group>*:first-child{border-top-left-radius:var(--x-input-group-border-radius_compact);border-bottom-left-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:first-child .x-select-view,.x-input--group>*:first-child .x-input--group>*:first-child .x-select-view{border-top-left-radius:var(--x-input-group-border-radius_compact);border-bottom-left-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:last-child,.x-input--group>*:last-child .x-input--outer>*:last-child{border-top-right-radius:var(--x-input-group-border-radius_compact);border-bottom-right-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:last-child .x-select-view,.x-input--group>*:last-child .x-input--outer>*:last-child .x-select-view{border-top-right-radius:var(--x-input-group-border-radius_compact);border-bottom-right-radius:var(--x-input-group-border-radius_compact)}.x-input--group>.x-input--wrapper:not(:last-child),.x-input--group>.x-input--outer:not(:last-child),.x-input--group>.x-input-tag:not(:last-child),.x-input--group>.x-select-view:not(:last-child){margin-right:var(--x-input-group-border-separator-width);border-right:var(--x-input-group-border-separator-width) solid var(--x-input-group-color-separator-border)}.x-input--group>.x-input--wrapper:not(:last-child):focus-within,.x-input--group>.x-input--outer:not(:last-child):focus-within,.x-input--group>.x-input-tag:not(:last-child):focus-within,.x-input--group>.x-select-view:not(:last-child):focus-within{border-right-color:var(--x-input-color-border_focus)}.x-input--group>.x-input--wrapper.x-input-error:not(:last-child):focus-within{border-right-color:var(--x-input-color-border_error_focus)}.x-input--wrapper.x-input-password:not(.x-input-disabled) .x-input--suffix{color:var(--x-password-color-eye-icon);font-size:var(--x-password-size-eye-icon);cursor:pointer}.x-input-search .x-input--append{padding:0;border:none}.x-input-search .x-input--suffix{color:var(--x-search-color-icon);font-size:var(--x-search-size-icon)}.x-input-search .x-input-search--btn{border-top-left-radius:0;border-bottom-left-radius:0}.size-height-size-mini{padding-top:calc(var(--x-input-size-mini-height) - var(--x-input-border-width) * 2 - 1.667 * var(--x-input-size-mini-font-size))/2;padding-bottom:calc(var(--x-input-size-mini-height) - var(--x-input-border-width) * 2 - 1.667 * var(--x-input-size-mini-font-size))/2}.size-height-size-small{padding-top:1.9995px;padding-bottom:1.9995px;font-size:14px}.size-height-size-large{padding-top:5.9995px;padding-bottom:5.9995px;font-size:14px}.x-input--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-input--wrapper:focus-within,.x-input--wrapper.x-input-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-input--wrapper.x-input-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-input--wrapper.x-input-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-input--wrapper.x-input-disabled .x-input--prefix,.x-input--wrapper.x-input-disabled .x-input--suffix{color:inherit}.x-input--wrapper.x-input-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-input--wrapper.x-input-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-input--wrapper.x-input-error:focus-within,.x-input--wrapper.x-input-error.x-input-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-input--wrapper .x-input--prefix,.x-input--wrapper .x-input--suffix{display:inline-flex;flex-shrink:0;align-items:center;white-space:nowrap;user-select:none}.x-input--wrapper .x-input--prefix>.x-icon,.x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-input--wrapper .x-input--prefix>.x-icon>svg,.x-input--wrapper .x-input--suffix>.x-icon>svg{width:1em;height:1em}.x-input--wrapper .x-input--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-input--wrapper .x-input--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-input--wrapper .x-input--suffix .x-feedback-icon{display:inline-flex}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-input--wrapper .x-input--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper .x-input--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper:hover .x-input--clear-btn,.x-input--wrapper:focus-within .x-input--clear-btn{visibility:visible;opacity:1}.x-input--wrapper:not(.x-input-focus) .x-input-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-input--wrapper .x-input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-input--wrapper .x-input::placeholder{color:var(--x-input-color-placeholder-text)}.x-input--wrapper .x-input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-input--wrapper .x-input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-input--wrapper .x-input{flex:1 1 0;width:0}.x-input--wrapper .x-input.x-input-size-mini{padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height)}.x-input--wrapper .x-input.x-input-size-small{padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height)}.x-input--wrapper .x-input.x-input-size-medium{padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height)}.x-input--wrapper .x-input.x-input-size-large{padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height)}.x-input--wrapper .x-input-word-limit{color:var(--x-input-color-tip-text);font-size:var(--x-input-font-tip-size)}.x-input--outer{display:inline-flex;width:100%}.x-input--outer>.x-input--wrapper{border-radius:0}.x-input--outer>:first-child{border-top-left-radius:var(--x-input-border-radius);border-bottom-left-radius:var(--x-input-border-radius)}.x-input--outer>:last-child{border-top-right-radius:var(--x-input-border-radius);border-bottom-right-radius:var(--x-input-border-radius)}.x-input--outer.x-input--outer-size-mini .x-input--outer{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--prefix>.x-icon,.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-mini-icon-suffix-size);height:var(--x-input-size-mini-icon-suffix-size);font-size:var(--x-input-size-mini-icon-suffix-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend,.x-input--outer.x-input--outer-size-mini .x-input--append{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend>.x-icon,.x-input--outer.x-input--outer-size-mini .x-input--append>.x-icon{width:var(--x-input-size-mini-icon-addon-size);height:var(--x-input-size-mini-icon-addon-size);font-size:var(--x-input-size-mini-icon-addon-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-mini .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-small .x-input--outer{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--prefix>.x-icon,.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-small-icon-suffix-size);height:var(--x-input-size-small-icon-suffix-size);font-size:var(--x-input-size-small-icon-suffix-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend,.x-input--outer.x-input--outer-size-small .x-input--append{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend>.x-icon,.x-input--outer.x-input--outer-size-small .x-input--append>.x-icon{width:var(--x-input-size-small-icon-addon-size);height:var(--x-input-size-small-icon-addon-size);font-size:var(--x-input-size-small-icon-addon-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-small .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-small .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-small .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-small .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-large .x-input--outer{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--prefix>.x-icon,.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-large-icon-suffix-size);height:var(--x-input-size-large-icon-suffix-size);font-size:var(--x-input-size-large-icon-suffix-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend,.x-input--outer.x-input--outer-size-large .x-input--append{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend>.x-icon,.x-input--outer.x-input--outer-size-large .x-input--append>.x-icon{width:var(--x-input-size-large-icon-addon-size);height:var(--x-input-size-large-icon-addon-size);font-size:var(--x-input-size-large-icon-addon-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-large .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-large .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-large .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-large .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer-disabled{cursor:not-allowed}.x-input--prepend,.x-input--append{display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;padding:0 var(--x-input-padding-horizontal);color:var(--x-input-color-text);white-space:nowrap;background-color:var(--x-input-color-addon-bg);border:1px solid var(--x-input-color-addon-border_default)}.x-input--prepend>.x-icon,.x-input--append>.x-icon{width:var(--x-input-size-default-icon-addon-size);height:var(--x-input-size-default-icon-addon-size);font-size:var(--x-input-size-default-icon-addon-size)}.x-input--prepend{border-right:var(--x-input-border-addon-separator-width) solid var(--x-input-color-addon-border)}.x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--append{border-left:var(--x-input-border-addon-separator-width) solid var(--x-input-color-addon-border)}.x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--append .x-select.x-select-single .x-select--view{height:100%}
1
+ :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 4px;--x-input-size-large-padding-up-down: 6px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-input--group{display:inline-flex;align-items:center}.x-input--group>*{border-radius:0}.x-input--group>*.x-input--outer>:last-child,.x-input--group>*.x-input--outer>:first-child{border-radius:0}.x-input--group>*:not(:last-child){position:relative;box-sizing:border-box}.x-input--group>*:first-child,.x-input--group>*:first-child .x-input--group>*:first-child{border-top-left-radius:var(--x-input-group-border-radius_compact);border-bottom-left-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:first-child .x-select-view,.x-input--group>*:first-child .x-input--group>*:first-child .x-select-view{border-top-left-radius:var(--x-input-group-border-radius_compact);border-bottom-left-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:last-child,.x-input--group>*:last-child .x-input--outer>*:last-child{border-top-right-radius:var(--x-input-group-border-radius_compact);border-bottom-right-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:last-child .x-select-view,.x-input--group>*:last-child .x-input--outer>*:last-child .x-select-view{border-top-right-radius:var(--x-input-group-border-radius_compact);border-bottom-right-radius:var(--x-input-group-border-radius_compact)}.x-input--group>.x-input--wrapper:not(:last-child),.x-input--group>.x-input--outer:not(:last-child),.x-input--group>.x-input-tag:not(:last-child),.x-input--group>.x-select-view:not(:last-child){margin-right:var(--x-input-group-border-separator-width);border-right:var(--x-input-group-border-separator-width) solid var(--x-input-group-color-separator-border)}.x-input--group>.x-input--wrapper:not(:last-child):focus-within,.x-input--group>.x-input--outer:not(:last-child):focus-within,.x-input--group>.x-input-tag:not(:last-child):focus-within,.x-input--group>.x-select-view:not(:last-child):focus-within{border-right-color:var(--x-input-color-border_focus)}.x-input--group>.x-input--wrapper.x-input-error:not(:last-child):focus-within{border-right-color:var(--x-input-color-border_error_focus)}.x-input--wrapper.x-input-password:not(.x-input-disabled) .x-input--suffix{color:var(--x-password-color-eye-icon);font-size:var(--x-password-size-eye-icon);cursor:pointer}.x-input-search .x-input--append{padding:0;border:none}.x-input-search .x-input--suffix{color:var(--x-search-color-icon);font-size:var(--x-search-size-icon)}.x-input-search .x-input-search--btn{border-top-left-radius:0;border-bottom-left-radius:0}.size-height-size-mini{padding-top:calc(var(--x-input-size-mini-height) - var(--x-input-border-width) * 2 - 1.667 * var(--x-input-size-mini-font-size))/2;padding-bottom:calc(var(--x-input-size-mini-height) - var(--x-input-border-width) * 2 - 1.667 * var(--x-input-size-mini-font-size))/2}.size-height-size-small{padding-top:1.9995px;padding-bottom:1.9995px;font-size:14px}.size-height-size-large{padding-top:5.9995px;padding-bottom:5.9995px;font-size:14px}.x-input--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-input--wrapper:focus-within,.x-input--wrapper.x-input-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-input--wrapper.x-input-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-input--wrapper.x-input-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-input--wrapper.x-input-disabled .x-input--prefix,.x-input--wrapper.x-input-disabled .x-input--suffix{color:inherit}.x-input--wrapper.x-input-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-input--wrapper.x-input-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-input--wrapper.x-input-error:focus-within,.x-input--wrapper.x-input-error.x-input-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-input--wrapper .x-input--prefix,.x-input--wrapper .x-input--suffix{display:inline-flex;flex-shrink:0;align-items:center;line-height:var(--x-line-height-base);white-space:nowrap;user-select:none}.x-input--wrapper .x-input--prefix>.x-icon,.x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-input--wrapper .x-input--prefix>.x-icon>svg,.x-input--wrapper .x-input--suffix>.x-icon>svg{width:1em;height:1em}.x-input--wrapper .x-input--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-input--wrapper .x-input--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-input--wrapper .x-input--suffix .x-feedback-icon{display:inline-flex}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-input--wrapper .x-input--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper .x-input--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper:hover .x-input--clear-btn,.x-input--wrapper:focus-within .x-input--clear-btn{visibility:visible;opacity:1}.x-input--wrapper:not(.x-input-focus) .x-input-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-input--wrapper .x-input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-input--wrapper .x-input::placeholder{color:var(--x-input-color-placeholder-text)}.x-input--wrapper .x-input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-input--wrapper .x-input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-input--wrapper .x-input{flex:1 1 0;width:0}.x-input--wrapper .x-input.x-input-size-mini{padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height)}.x-input--wrapper .x-input.x-input-size-small{padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height)}.x-input--wrapper .x-input.x-input-size-medium{padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height)}.x-input--wrapper .x-input.x-input-size-large{padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height)}.x-input--wrapper .x-input--word-limit{color:var(--x-input-color-tip-text);font-size:var(--x-input-font-tip-size);line-height:var(--x-line-height-base)}.x-input--wrapper .x-input--prefix,.x-input--wrapper .x-input--suffix{line-height:var(--x-line-height-base)}.x-input--outer{display:inline-flex;width:100%}.x-input--outer>.x-input--wrapper{border-radius:0}.x-input--outer>:first-child{border-top-left-radius:var(--x-input-border-radius);border-bottom-left-radius:var(--x-input-border-radius)}.x-input--outer>:last-child{border-top-right-radius:var(--x-input-border-radius);border-bottom-right-radius:var(--x-input-border-radius)}.x-input--outer.x-input--outer-size-mini .x-input--outer{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--prefix>.x-icon,.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-mini-icon-suffix-size);height:var(--x-input-size-mini-icon-suffix-size);font-size:var(--x-input-size-mini-icon-suffix-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend,.x-input--outer.x-input--outer-size-mini .x-input--append{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend>.x-icon,.x-input--outer.x-input--outer-size-mini .x-input--append>.x-icon{width:var(--x-input-size-mini-icon-addon-size);height:var(--x-input-size-mini-icon-addon-size);font-size:var(--x-input-size-mini-icon-addon-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-mini .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-small .x-input--outer{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--prefix>.x-icon,.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-small-icon-suffix-size);height:var(--x-input-size-small-icon-suffix-size);font-size:var(--x-input-size-small-icon-suffix-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend,.x-input--outer.x-input--outer-size-small .x-input--append{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend>.x-icon,.x-input--outer.x-input--outer-size-small .x-input--append>.x-icon{width:var(--x-input-size-small-icon-addon-size);height:var(--x-input-size-small-icon-addon-size);font-size:var(--x-input-size-small-icon-addon-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-small .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-small .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-small .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-small .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-large .x-input--outer{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--prefix>.x-icon,.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--suffix>.x-icon{width:var(--x-input-size-large-icon-suffix-size);height:var(--x-input-size-large-icon-suffix-size);font-size:var(--x-input-size-large-icon-suffix-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend,.x-input--outer.x-input--outer-size-large .x-input--append{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend>.x-icon,.x-input--outer.x-input--outer-size-large .x-input--append>.x-icon{width:var(--x-input-size-large-icon-addon-size);height:var(--x-input-size-large-icon-addon-size);font-size:var(--x-input-size-large-icon-addon-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-large .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-large .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-large .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-large .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer-disabled{cursor:not-allowed}.x-input--prepend,.x-input--append{display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;padding:0 var(--x-input-padding-horizontal);color:var(--x-input-color-text);line-height:var(--x-line-height-base);white-space:nowrap;background-color:var(--x-input-color-addon-bg);border:1px solid var(--x-input-color-addon-border_default)}.x-input--prepend>.x-icon,.x-input--append>.x-icon{width:var(--x-input-size-default-icon-addon-size);height:var(--x-input-size-default-icon-addon-size);font-size:var(--x-input-size-default-icon-addon-size)}.x-input--prepend{border-right:var(--x-input-border-addon-separator-width) solid var(--x-input-color-addon-border)}.x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--append{border-left:var(--x-input-border-addon-separator-width) solid var(--x-input-color-addon-border)}.x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--append .x-select.x-select-single .x-select--view{height:100%}
package/dist/style/form-radio.css CHANGED
@@ -1 +1 @@
1
- :root{--x-radio-color-border: var(--x-color-neutral-3);--x-radio-color-border_hover: var(--x-color-neutral-3);--x-radio-color-border_disabled: var(--x-color-neutral-3);--x-radio-color-bg: var(--x-color-bg-2);--x-radio-color-bg_checked: var(--x-color-primary-6);--x-radio-border-radius: var(--x-border-radius-circle);--x-radio-color-bg_disabled: var(--x-color-fill-2);--x-radio-color-bg_checked_disabled: var(--x-color-primary-light-3);--x-radio-color-dot-bg_checked_disabled: var(--x-radio-color-bg_disabled);--x-radio-color-text: var(--x-color-text-1);--x-radio-color-text_disabled: var(--x-color-text-4);--x-radio-color-text_checked_disabled: var(--x-color-text-4);--x-radio-font-text-size: var(--x-font-size-body-3);--x-radio-font-text-size_large: var(--x-font-size-body-3);--x-radio-font-text-size_mini: var(--x-font-size-body-1);--x-radio-font-text-size_small: var(--x-font-size-body-3);--x-radio-margin-text-left: var(--x-spacing-4);--x-radio-mask-bg-color-bg: var(--x-icon-hover-color-bg);--x-radio-group-margin-right: var(--x-spacing-8);--x-radio-group-button-color-bg: var(--x-color-fill-2);--x-radio-button-padding-horizontal: var(--x-spacing-6);--x-radio-button-color-bg_active: var(--x-color-bg-5);--x-radio-button-color-bg_hover: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_active: var(--x-color-primary-6);--x-radio-button-font-text-weight_active: var(--x-font-weight-500);--x-radio-button-color-text_hover: var(--x-radio-color-text);--x-radio-button-border-radius: var(--x-border-radius-small);--x-radio-button-bg-border-radius: var(--x-radio-button-border-radius);--x-radio-button-color-bg: var(--x-color-transparent);--x-radio-button-color-text: var(--x-color-text-2);--x-radio-button-color-bg_disabled: var(--x-color-transparent);--x-radio-button-color-text_disabled: var(--x-color-text-4);--x-radio-button-color-bg_checked_disabled: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_checked_disabled: var(--x-color-primary-light-3);--x-radio-button-color-separator-bg: var(--x-color-neutral-3);--x-radio-button-size-separator-height: 14px;--x-radio-group-size-line-height_vertical: var(--x-size-8)}.x-radio>input[type=radio],.x-radio--button>input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0}.x-radio>input[type=radio]:focus-visible+.x-radio-icon-hover::before,.x-radio--button>input[type=radio]:focus-visible+.x-radio-icon-hover::before{background-color:var(--x-icon-hover-color-bg)}.x-icon-hover.x-radio-icon-hover::before{width:24px;height:24px}.x-radio{position:relative;display:inline-flex;align-items:center;padding-left:5px;font-size:var(--x-radio-font-text-size);line-height:unset;cursor:pointer}.x-radio--label{margin-left:var(--x-radio-margin-text-left);color:var(--x-radio-color-text)}.x-radio-icon{position:relative;display:block;box-sizing:border-box;width:14px;height:14px;line-height:14px;border:2px solid var(--x-radio-color-border);border-radius:var(--x-radio-border-radius)}.x-radio-icon::after{position:absolute;top:0;left:0;display:inline-block;box-sizing:border-box;width:10px;height:10px;background-color:var(--x-radio-color-bg);border-radius:var(--x-radio-border-radius);transform:scale(1);transition:transform var(--x-transition-duration-3) var(--x-transition-timing-function-overshoot);content:""}.x-radio:hover .x-radio-icon{border-color:var(--x-radio-color-border_hover)}.x-radio-checked .x-radio-icon{background-color:var(--x-radio-color-bg_checked);border-color:var(--x-radio-color-bg_checked)}.x-radio-checked .x-radio-icon::after{background-color:var(--x-color-white);transform:scale(0.4)}.x-radio-checked:hover .x-radio-icon{border-color:var(--x-radio-color-bg_checked)}.x-radio-disabled{cursor:not-allowed}.x-radio-disabled .x-radio-icon-hover{cursor:not-allowed}.x-radio-disabled .x-radio--label{color:var(--x-radio-color-text_disabled)}.x-radio-disabled .x-radio-icon{border-color:var(--x-radio-color-border_disabled)}.x-radio-disabled .x-radio-icon::after{background-color:var(--x-radio-color-bg_disabled)}.x-radio-disabled:hover .x-radio-icon{border-color:var(--x-radio-color-border_disabled)}.x-radio-checked.x-radio-disabled .x-radio-icon,.x-radio-checked.x-radio-disabled:hover .x-radio-icon{background-color:var(--x-radio-color-bg_checked_disabled);border-color:var(--x-color-transparent)}.x-radio-checked.x-radio-disabled .x-radio-icon::after{background-color:var(--x-radio-color-dot-bg_checked_disabled)}.x-radio-checked.x-radio-disabled .x-radio--label{color:var(--x-radio-color-text_checked_disabled)}.x-radio:hover .x-radio-icon-hover::before{background-color:var(--x-radio-mask-bg-color-bg)}.x-radio-size-mini{padding-left:4px;font-size:var(--x-radio-font-text-size_mini)}.x-radio-size-mini .x-radio-icon-hover::before{width:20px;height:20px}.x-radio-size-mini .x-radio-icon{width:12px;height:12px;line-height:12px}.x-radio-size-mini .x-radio-icon::after{width:8px;height:8px}.x-radio-size-small{padding-left:3px;font-size:var(--x-radio-font-text-size_small)}.x-radio-size-small .x-radio-icon-hover::before{width:20px;height:20px}.x-radio-size-small .x-radio-icon{width:14px;height:14px;line-height:14px}.x-radio-size-small .x-radio-icon::after{width:10px;height:10px}.x-radio-size-medium{padding-left:5px;font-size:var(--x-radio-font-text-size)}.x-radio-size-medium .x-radio-icon-hover::before{width:24px;height:24px}.x-radio-size-medium .x-radio-icon{width:14px;height:14px;line-height:14px}.x-radio-size-medium .x-radio-icon::after{width:10px;height:10px}.x-radio-size-large{padding-left:6px;font-size:var(--x-radio-font-text-size_large)}.x-radio-size-large .x-radio-icon-hover::before{width:28px;height:28px}.x-radio-size-large .x-radio-icon{width:16px;height:16px;line-height:16px}.x-radio-size-large .x-radio-icon::after{width:12px;height:12px}.x-radio--group{display:inline-block;box-sizing:border-box}.x-radio--group .x-radio{margin-right:var(--x-radio-group-margin-right)}.x-radio--group--button{display:inline-flex;padding:1.5px;line-height:26px;background-color:var(--x-radio-group-button-color-bg);border-radius:var(--x-radio-button-bg-border-radius)}.x-radio--button{position:relative;display:inline-block;margin:1.5px;color:var(--x-radio-button-color-text);font-size:var(--x-radio-font-text-size);line-height:26px;background-color:var(--x-radio-button-color-bg);border-radius:var(--x-radio-button-border-radius);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-radio--button--content{position:relative;display:block;padding:0 var(--x-radio-button-padding-horizontal)}.x-radio--button>input[type=radio]:focus-visible+.x-radio--button--content{outline:2px solid var(--x-color-primary-text);outline-offset:1px;border-radius:var(--x-radio-button-border-radius)}.x-radio--button:not(:first-of-type)::before{position:absolute;top:50%;left:-1.5px;display:block;width:1px;height:var(--x-radio-button-size-separator-height);background-color:var(--x-radio-button-color-separator-bg);transform:translateY(-50%);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:""}.x-radio--button:hover::before,.x-radio--button:hover+.x-radio--button::before,.x-radio--button.x-radio-checked::before,.x-radio--button.x-radio-checked+.x-radio--button::before{opacity:0}.x-radio--button:hover{color:var(--x-radio-button-color-text_hover);background-color:var(--x-radio-button-color-bg_hover)}.x-radio--button.x-radio-checked{color:var(--x-radio-button-color-text_active);background-color:var(--x-radio-button-color-bg_active)}.x-radio--button.x-radio-disabled{color:var(--x-radio-button-color-text_disabled);background-color:var(--x-radio-button-color-bg_disabled);cursor:not-allowed}.x-radio--button.x-radio-disabled.x-radio-checked{color:var(--x-radio-button-color-text_checked_disabled);background-color:var(--x-radio-button-color-bg_checked_disabled)}.x-radio--group-size-small{line-height:28px}.x-radio--group-size-small.x-radio--group--button,.x-radio--group-size-small .x-radio--button{font-size:var(--x-radio-font-text-size_small);line-height:22px}.x-radio--group-size-large{line-height:36px}.x-radio--group-size-large.x-radio--group--button,.x-radio--group-size-large .x-radio--button{font-size:var(--x-radio-font-text-size_large);line-height:30px}.x-radio--group-size-mini{line-height:24px}.x-radio--group-size-mini.x-radio--group--button,.x-radio--group-size-mini .x-radio--button{font-size:var(--x-radio-font-text-size_mini);line-height:18px}.x-radio--group-direction-vertical .x-radio{display:flex;margin-right:0;line-height:var(--x-radio-group-size-line-height_vertical)}
1
+ :root{--x-radio-color-border: var(--x-color-neutral-3);--x-radio-color-border_hover: var(--x-color-neutral-3);--x-radio-color-border_disabled: var(--x-color-neutral-3);--x-radio-color-bg: var(--x-color-bg-2);--x-radio-color-bg_checked: var(--x-color-primary-6);--x-radio-border-radius: var(--x-border-radius-circle);--x-radio-color-bg_disabled: var(--x-color-fill-2);--x-radio-color-bg_checked_disabled: var(--x-color-primary-light-3);--x-radio-color-dot-bg_checked_disabled: var(--x-radio-color-bg_disabled);--x-radio-color-text: var(--x-color-text-1);--x-radio-color-text_disabled: var(--x-color-text-4);--x-radio-color-text_checked_disabled: var(--x-color-text-4);--x-radio-font-text-size: var(--x-font-size-body-3);--x-radio-font-text-size_large: var(--x-font-size-body-3);--x-radio-font-text-size_mini: var(--x-font-size-body-1);--x-radio-font-text-size_small: var(--x-font-size-body-3);--x-radio-margin-text-left: var(--x-spacing-4);--x-radio-mask-bg-color-bg: var(--x-icon-hover-color-bg);--x-radio-group-margin-right: var(--x-spacing-8);--x-radio-group-button-color-bg: var(--x-color-fill-2);--x-radio-button-padding-horizontal: var(--x-spacing-6);--x-radio-button-color-bg_active: var(--x-color-bg-5);--x-radio-button-color-bg_hover: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_active: var(--x-color-primary-6);--x-radio-button-font-text-weight_active: var(--x-font-weight-500);--x-radio-button-color-text_hover: var(--x-radio-color-text);--x-radio-button-border-radius: var(--x-border-radius-small);--x-radio-button-bg-border-radius: var(--x-radio-button-border-radius);--x-radio-button-color-bg: var(--x-color-transparent);--x-radio-button-color-text: var(--x-color-text-2);--x-radio-button-color-bg_disabled: var(--x-color-transparent);--x-radio-button-color-text_disabled: var(--x-color-text-4);--x-radio-button-color-bg_checked_disabled: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_checked_disabled: var(--x-color-primary-light-3);--x-radio-button-color-separator-bg: var(--x-color-neutral-3);--x-radio-button-size-separator-height: 14px;--x-radio-group-size-line-height_vertical: var(--x-size-8)}.x-radio>input[type=radio],.x-radio--button>input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0}.x-radio>input[type=radio]:focus-visible+.x-radio-icon-hover::before,.x-radio--button>input[type=radio]:focus-visible+.x-radio-icon-hover::before{background-color:var(--x-icon-hover-color-bg)}.x-icon-hover.x-radio-icon-hover::before{width:24px;height:24px}.x-radio{position:relative;display:inline-flex;align-items:center;padding-left:5px;font-size:var(--x-radio-font-text-size);line-height:var(--x-line-height-base);cursor:pointer}.x-radio--label{margin-left:var(--x-radio-margin-text-left);color:var(--x-radio-color-text)}.x-radio-icon{position:relative;display:block;box-sizing:border-box;width:14px;height:14px;line-height:14px;border:2px solid var(--x-radio-color-border);border-radius:var(--x-radio-border-radius)}.x-radio-icon::after{position:absolute;top:0;left:0;display:inline-block;box-sizing:border-box;width:10px;height:10px;background-color:var(--x-radio-color-bg);border-radius:var(--x-radio-border-radius);transform:scale(1);transition:transform var(--x-transition-duration-3) var(--x-transition-timing-function-overshoot);content:""}.x-radio:hover .x-radio-icon{border-color:var(--x-radio-color-border_hover)}.x-radio-checked .x-radio-icon{background-color:var(--x-radio-color-bg_checked);border-color:var(--x-radio-color-bg_checked)}.x-radio-checked .x-radio-icon::after{background-color:var(--x-color-white);transform:scale(0.4)}.x-radio-checked:hover .x-radio-icon{border-color:var(--x-radio-color-bg_checked)}.x-radio-disabled{cursor:not-allowed}.x-radio-disabled .x-radio-icon-hover{cursor:not-allowed}.x-radio-disabled .x-radio--label{color:var(--x-radio-color-text_disabled)}.x-radio-disabled .x-radio-icon{border-color:var(--x-radio-color-border_disabled)}.x-radio-disabled .x-radio-icon::after{background-color:var(--x-radio-color-bg_disabled)}.x-radio-disabled:hover .x-radio-icon{border-color:var(--x-radio-color-border_disabled)}.x-radio-checked.x-radio-disabled .x-radio-icon,.x-radio-checked.x-radio-disabled:hover .x-radio-icon{background-color:var(--x-radio-color-bg_checked_disabled);border-color:var(--x-color-transparent)}.x-radio-checked.x-radio-disabled .x-radio-icon::after{background-color:var(--x-radio-color-dot-bg_checked_disabled)}.x-radio-checked.x-radio-disabled .x-radio--label{color:var(--x-radio-color-text_checked_disabled)}.x-radio:hover .x-radio-icon-hover::before{background-color:var(--x-radio-mask-bg-color-bg)}.x-radio-size-mini{padding-left:4px;font-size:var(--x-radio-font-text-size_mini)}.x-radio-size-mini .x-radio-icon-hover::before{width:20px;height:20px}.x-radio-size-mini .x-radio-icon{width:12px;height:12px;line-height:12px}.x-radio-size-mini .x-radio-icon::after{width:8px;height:8px}.x-radio-size-small{padding-left:3px;font-size:var(--x-radio-font-text-size_small)}.x-radio-size-small .x-radio-icon-hover::before{width:20px;height:20px}.x-radio-size-small .x-radio-icon{width:14px;height:14px;line-height:14px}.x-radio-size-small .x-radio-icon::after{width:10px;height:10px}.x-radio-size-medium{padding-left:5px;font-size:var(--x-radio-font-text-size)}.x-radio-size-medium .x-radio-icon-hover::before{width:24px;height:24px}.x-radio-size-medium .x-radio-icon{width:14px;height:14px;line-height:14px}.x-radio-size-medium .x-radio-icon::after{width:10px;height:10px}.x-radio-size-large{padding-left:6px;font-size:var(--x-radio-font-text-size_large)}.x-radio-size-large .x-radio-icon-hover::before{width:28px;height:28px}.x-radio-size-large .x-radio-icon{width:16px;height:16px;line-height:16px}.x-radio-size-large .x-radio-icon::after{width:12px;height:12px}.x-radio--group{display:inline-block;box-sizing:border-box}.x-radio--group .x-radio{margin-right:var(--x-radio-group-margin-right)}.x-radio--group--button{display:inline-flex;padding:1.5px;line-height:26px;background-color:var(--x-radio-group-button-color-bg);border-radius:var(--x-radio-button-bg-border-radius)}.x-radio--button{position:relative;display:inline-block;margin:1.5px;color:var(--x-radio-button-color-text);font-size:var(--x-radio-font-text-size);line-height:26px;background-color:var(--x-radio-button-color-bg);border-radius:var(--x-radio-button-border-radius);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-radio--button--content{position:relative;display:block;padding:0 var(--x-radio-button-padding-horizontal)}.x-radio--button>input[type=radio]:focus-visible+.x-radio--button--content{outline:2px solid var(--x-color-primary-text);outline-offset:1px;border-radius:var(--x-radio-button-border-radius)}.x-radio--button:not(:first-of-type)::before{position:absolute;top:50%;left:-1.5px;display:block;width:1px;height:var(--x-radio-button-size-separator-height);background-color:var(--x-radio-button-color-separator-bg);transform:translateY(-50%);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:""}.x-radio--button:hover::before,.x-radio--button:hover+.x-radio--button::before,.x-radio--button.x-radio-checked::before,.x-radio--button.x-radio-checked+.x-radio--button::before{opacity:0}.x-radio--button:hover{color:var(--x-radio-button-color-text_hover);background-color:var(--x-radio-button-color-bg_hover)}.x-radio--button.x-radio-checked{color:var(--x-radio-button-color-text_active);background-color:var(--x-radio-button-color-bg_active)}.x-radio--button.x-radio-disabled{color:var(--x-radio-button-color-text_disabled);background-color:var(--x-radio-button-color-bg_disabled);cursor:not-allowed}.x-radio--button.x-radio-disabled.x-radio-checked{color:var(--x-radio-button-color-text_checked_disabled);background-color:var(--x-radio-button-color-bg_checked_disabled)}.x-radio--group-size-small{line-height:28px}.x-radio--group-size-small.x-radio--group--button,.x-radio--group-size-small .x-radio--button{font-size:var(--x-radio-font-text-size_small);line-height:22px}.x-radio--group-size-large{line-height:36px}.x-radio--group-size-large.x-radio--group--button,.x-radio--group-size-large .x-radio--button{font-size:var(--x-radio-font-text-size_large);line-height:30px}.x-radio--group-size-mini{line-height:24px}.x-radio--group-size-mini.x-radio--group--button,.x-radio--group-size-mini .x-radio--button{font-size:var(--x-radio-font-text-size_mini);line-height:18px}.x-radio--group-direction-vertical .x-radio{display:flex;margin-right:0;line-height:var(--x-radio-group-size-line-height_vertical)}
package/dist/style/form-textarea.css CHANGED
@@ -1 +1 @@
1
- :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 4px;--x-input-size-large-padding-up-down: 6px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-textarea--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-textarea--wrapper:focus-within,.x-textarea--wrapper.x-textarea-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-textarea--wrapper.x-textarea-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-textarea--wrapper.x-textarea-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-textarea--wrapper.x-textarea-disabled .x-textarea--prefix,.x-textarea--wrapper.x-textarea-disabled .x-textarea--suffix{color:inherit}.x-textarea--wrapper.x-textarea-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-textarea--wrapper.x-textarea-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-textarea--wrapper.x-textarea-error:focus-within,.x-textarea--wrapper.x-textarea-error.x-textarea-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-textarea--wrapper .x-textarea--prefix,.x-textarea--wrapper .x-textarea--suffix{display:inline-flex;flex-shrink:0;align-items:center;white-space:nowrap;user-select:none}.x-textarea--wrapper .x-textarea--prefix>.x-icon,.x-textarea--wrapper .x-textarea--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-textarea--wrapper .x-textarea--prefix>.x-icon>svg,.x-textarea--wrapper .x-textarea--suffix>.x-icon>svg{width:1em;height:1em}.x-textarea--wrapper .x-textarea--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-textarea--wrapper .x-textarea--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon{display:inline-flex}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-textarea--wrapper .x-textarea--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper .x-textarea--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper:hover .x-textarea--clear-btn,.x-textarea--wrapper:focus-within .x-textarea--clear-btn{visibility:visible;opacity:1}.x-textarea--wrapper:not(.x-textarea-focus) .x-textarea-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-textarea--wrapper{position:relative;display:inline-block;width:100%;padding-right:0;padding-left:0;overflow:hidden}.x-textarea--wrapper.x-textarea-has-clear .x-textarea{padding-right:calc(var(--x-textarea-padding-horizontal) + var(--x-textarea-size-icon-clear) + var(--x-textarea-layout-tip-right))}.x-textarea--wrapper.x-textarea-has-word-limit .x-textarea{padding-bottom:calc(var(--x-textarea-padding-vertical) + var(--x-textarea-font-tip-size) + var(--x-textarea-layout-tip-bottom))}.x-textarea--wrapper .x-textarea--word-limit{position:absolute;right:var(--x-textarea-layout-tip-right);bottom:var(--x-textarea-layout-tip-bottom);color:var(--x-textarea-color-tip-text);font-size:var(--x-textarea-font-tip-size);user-select:none}.x-textarea--wrapper.x-textarea-scroll .x-textarea--word-limit{right:calc(var(--x-textarea-layout-tip-right) + 15px)}.x-textarea--wrapper .x-textarea--clear-btn{position:absolute;top:var(--x-textarea-layout-top-icon-clear);right:var(--x-textarea-layout-tip-right);z-index:1;line-height:1;visibility:hidden;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper.x-textarea-scroll .x-textarea--clear-btn{right:calc(var(--x-textarea-layout-tip-right) + 15px)}.x-textarea--wrapper:hover .x-textarea--clear-btn,.x-textarea--wrapper:focus-within .x-textarea--clear-btn{visibility:visible;opacity:1}.x-textarea--wrapper .x-textarea--mirror{position:absolute;visibility:hidden}.x-textarea{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-textarea::placeholder{color:var(--x-input-color-placeholder-text)}.x-textarea[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-textarea[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-textarea{display:block;box-sizing:border-box;height:100%;min-height:var(--x-textarea-size-min-height);padding:var(--x-textarea-padding-vertical) var(--x-textarea-padding-horizontal);font-size:var(--x-textarea-font-size);line-height:var(--x-line-height-base);vertical-align:top;resize:vertical}.x-textarea--wrapper.x-textarea-size-mini .x-textarea{min-height:calc(var(--x-size-mini)*2);padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height)}.x-textarea--wrapper.x-textarea-size-mini .x-textarea--clear-btn{top:var(--x-spacing-3)}.x-textarea--wrapper.x-textarea-size-small .x-textarea{min-height:calc(var(--x-size-small)*2);padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height)}.x-textarea--wrapper.x-textarea-size-small .x-textarea--clear-btn{top:var(--x-spacing-4)}.x-textarea--wrapper.x-textarea-size-medium .x-textarea{min-height:calc(var(--x-size-medium)*2);padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height)}.x-textarea--wrapper.x-textarea-size-large .x-textarea{min-height:calc(var(--x-size-large)*2);padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height)}
1
+ :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 4px;--x-input-size-large-padding-up-down: 6px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-textarea--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-textarea--wrapper:focus-within,.x-textarea--wrapper.x-textarea-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-textarea--wrapper.x-textarea-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-textarea--wrapper.x-textarea-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-textarea--wrapper.x-textarea-disabled .x-textarea--prefix,.x-textarea--wrapper.x-textarea-disabled .x-textarea--suffix{color:inherit}.x-textarea--wrapper.x-textarea-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-textarea--wrapper.x-textarea-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-textarea--wrapper.x-textarea-error:focus-within,.x-textarea--wrapper.x-textarea-error.x-textarea-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-textarea--wrapper .x-textarea--prefix,.x-textarea--wrapper .x-textarea--suffix{display:inline-flex;flex-shrink:0;align-items:center;line-height:var(--x-line-height-base);white-space:nowrap;user-select:none}.x-textarea--wrapper .x-textarea--prefix>.x-icon,.x-textarea--wrapper .x-textarea--suffix>.x-icon{width:var(--x-input-size-default-icon-suffix-size);height:var(--x-input-size-default-icon-suffix-size);font-size:var(--x-input-size-default-icon-suffix-size)}.x-textarea--wrapper .x-textarea--prefix>.x-icon>svg,.x-textarea--wrapper .x-textarea--suffix>.x-icon>svg{width:1em;height:1em}.x-textarea--wrapper .x-textarea--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-textarea--wrapper .x-textarea--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon{display:inline-flex}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-textarea--wrapper .x-textarea--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper .x-textarea--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper:hover .x-textarea--clear-btn,.x-textarea--wrapper:focus-within .x-textarea--clear-btn{visibility:visible;opacity:1}.x-textarea--wrapper:not(.x-textarea-focus) .x-textarea-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-textarea--wrapper{position:relative;display:inline-block;width:100%;padding-right:0;padding-left:0;overflow:hidden}.x-textarea--wrapper.x-textarea-has-clear .x-textarea{padding-right:calc(var(--x-textarea-padding-horizontal) + var(--x-textarea-size-icon-clear) + var(--x-textarea-layout-tip-right))}.x-textarea--wrapper.x-textarea-has-word-limit .x-textarea{padding-bottom:calc(var(--x-textarea-padding-vertical) + var(--x-textarea-font-tip-size) + var(--x-textarea-layout-tip-bottom))}.x-textarea--wrapper .x-textarea--word-limit{position:absolute;right:var(--x-textarea-layout-tip-right);bottom:var(--x-textarea-layout-tip-bottom);color:var(--x-textarea-color-tip-text);font-size:var(--x-textarea-font-tip-size);line-height:1;user-select:none}.x-textarea--wrapper.x-textarea-scroll .x-textarea--word-limit{right:calc(var(--x-textarea-layout-tip-right) + 15px)}.x-textarea--wrapper .x-textarea--clear-btn{position:absolute;top:var(--x-textarea-layout-top-icon-clear);right:var(--x-textarea-layout-tip-right);z-index:1;line-height:1;visibility:hidden;opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),visibility var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper.x-textarea-scroll .x-textarea--clear-btn{right:calc(var(--x-textarea-layout-tip-right) + 15px)}.x-textarea--wrapper:hover .x-textarea--clear-btn,.x-textarea--wrapper:focus-within .x-textarea--clear-btn{visibility:visible;opacity:1}.x-textarea--wrapper .x-textarea--mirror{position:absolute;visibility:hidden}.x-textarea{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-textarea::placeholder{color:var(--x-input-color-placeholder-text)}.x-textarea[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-textarea[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-textarea{display:block;box-sizing:border-box;height:100%;min-height:var(--x-textarea-size-min-height);padding:var(--x-textarea-padding-vertical) var(--x-textarea-padding-horizontal);font-size:var(--x-textarea-font-size);line-height:var(--x-line-height-base);vertical-align:top;resize:vertical}.x-textarea--wrapper.x-textarea-size-mini .x-textarea{min-height:calc(var(--x-size-mini)*2);padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height)}.x-textarea--wrapper.x-textarea-size-mini .x-textarea--clear-btn{top:var(--x-spacing-3)}.x-textarea--wrapper.x-textarea-size-small .x-textarea{min-height:calc(var(--x-size-small)*2);padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height)}.x-textarea--wrapper.x-textarea-size-small .x-textarea--clear-btn{top:var(--x-spacing-4)}.x-textarea--wrapper.x-textarea-size-medium .x-textarea{min-height:calc(var(--x-size-medium)*2);padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height)}.x-textarea--wrapper.x-textarea-size-large .x-textarea{min-height:calc(var(--x-size-large)*2);padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height)}
package/dist/style/form.css CHANGED
@@ -1 +1 @@
1
- .x-form--item-status-success .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-success .x-select--view:not(.x-select--view-disabled),.x-form--item-status-success .x-picker:not(.x-picker-disabled),.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-success-bg);border-color:var(--x-field-status-success-border)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-success .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-success-bg-hover);border-color:var(--x-field-status-success-border-hover)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-success .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-success .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-success-bg-focus);border-color:var(--x-field-status-success-border-focus);box-shadow:0 0 0 var(--x-field-status-success-shadow-size-focus) var(--x-field-status-success-shadow-color-focus)}.x-form--item-status-success .x-form--item--message-help,.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-text)}.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-icon)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled),.x-form--item-status-warning .x-picker:not(.x-picker-disabled),.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-warning-bg);border-color:var(--x-field-status-warning-border)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-warning .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-warning-bg-hover);border-color:var(--x-field-status-warning-border-hover)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-warning .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-warning .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-warning-bg-focus);border-color:var(--x-field-status-warning-border-focus);box-shadow:0 0 0 var(--x-field-status-warning-shadow-size-focus) var(--x-field-status-warning-shadow-color-focus)}.x-form--item-status-warning .x-form--item--message-help,.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-text)}.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-icon)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-error .x-select--view:not(.x-select--view-disabled),.x-form--item-status-error .x-picker:not(.x-picker-disabled),.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-error-bg);border-color:var(--x-field-status-error-border)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-error .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-error-bg-hover);border-color:var(--x-field-status-error-border-hover)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-error .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-error .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-error-bg-focus);border-color:var(--x-field-status-error-border-focus);box-shadow:0 0 0 var(--x-field-status-error-shadow-size-focus) var(--x-field-status-error-shadow-color-focus)}.x-form--item-status-error .x-form--item--message-help,.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-text)}.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-icon)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled),.x-form--item-status-validating .x-picker:not(.x-picker-disabled),.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-validating-bg);border-color:var(--x-field-status-validating-border)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-validating .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-validating-bg-hover);border-color:var(--x-field-status-validating-border-hover)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-validating .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-validating .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-validating-bg-focus);border-color:var(--x-field-status-validating-border-focus);box-shadow:0 0 0 var(--x-field-status-validating-shadow-size-focus) var(--x-field-status-validating-shadow-color-focus)}.x-form--item-status-validating .x-form--item--message-help,.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-text)}.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-icon)}.x-form{display:flex;flex-direction:column;width:100%}.x-form-layout-inline{flex-direction:row;flex-wrap:wrap}.x-form-auto-label-width .x-form--item--label-col>.x-form--item--label{white-space:nowrap}.x-form-size-mini .x-form--item--label-col{line-height:24px}.x-form-size-mini .x-form--item--label-col>.x-form--item--label{font-size:var(--x-font-size-body-1)}.x-form-size-mini .x-form--item--content,.x-form-size-mini .x-form--item--wrapper-col{min-height:24px}.x-form-size-small .x-form--item--label-col{line-height:28px}.x-form-size-small .x-form--item--label-col>.x-form--item--label{font-size:var(--x-font-size-body-3)}.x-form-size-small .x-form--item--content,.x-form-size-small .x-form--item--wrapper-col{min-height:28px}.x-form-size-large .x-form--item--label-col{line-height:36px}.x-form-size-large .x-form--item--label-col>.x-form--item--label{font-size:var(--x-font-size-body-3)}.x-form-size-large .x-form--item--content,.x-form-size-large .x-form--item--wrapper-col{min-height:36px}.x-form .x-form--item{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:var(--x-spacing-8)}.x-form .x-form--item-layout-vertical{display:block}.x-form .x-form--item-layout-vertical>.x-form--item--label-col{justify-content:flex-start;margin-bottom:var(--x-spacing-4);padding:0;line-height:1.5715;white-space:normal}.x-form .x-form--item-layout-inline{flex:0 1 auto;width:auto;max-width:100%;margin-right:var(--x-spacing-9);margin-bottom:var(--x-spacing-4)}.x-form .x-form--item-layout-inline>.x-form--item--label-col,.x-form .x-form--item-layout-inline>.x-form--item--wrapper-col{flex:0 1 auto;width:auto;max-width:100%}.x-form .x-form--item-layout-inline>.x-form--item--wrapper-col{width:200px}.x-form .x-form--item-has-message,.x-form .x-form--item-has-help{margin-bottom:0}.x-form .x-form--item--wrapper-col-flex.x-col{flex:1}.x-form .x-form--item-extra{margin-top:var(--x-spacing-2);color:var(--x-color-text-tertiary);font-size:var(--x-font-size-body-1)}.x-form .x-form--item--message{min-height:var(--x-spacing-8);color:var(--x-field-status-error-text);font-size:var(--x-font-size-body-1);line-height:var(--x-spacing-8)}.x-form .x-form--item--message-help{color:var(--x-color-text-tertiary)}.x-form .x-form--item--message+.x-form--item-extra{margin-top:0;margin-bottom:var(--x-spacing-2)}.x-form .x-form--item--label-col{display:flex;flex-shrink:0;justify-content:flex-end;padding-right:var(--x-spacing-7);line-height:32px;white-space:nowrap}.x-form .x-form--item--label-col-left{justify-content:flex-start}.x-form .x-form--item--label-col>.x-form--item--label{max-width:100%;color:var(--x-color-text-secondary);font-size:var(--x-font-size-body-3);white-space:normal}.x-form .x-form--item--label-col-flex{box-sizing:content-box}.x-form .x-form--item--wrapper-col{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;min-height:32px}.x-form .x-form--item--content{flex:1;max-width:100%;min-height:32px}.x-form .x-form--item--content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%}.x-form .x-form--item--content-flex{display:flex;align-items:center;justify-content:flex-start}.x-form .x-slider{display:block}.x-form--item--label-required-symbol{color:var(--x-color-danger-solid);font-size:var(--x-font-size-body-1);line-height:1}.x-form--item--label-required-symbol svg{display:inline-block;transform:scale(0.5)}.x-form--item--label--tooltip{flex:0 0 auto;width:14px;height:14px;margin-left:var(--x-spacing-2);color:var(--x-color-text-tertiary);vertical-align:-2px}.form-blink-enter-from,.form-blink-appear-from{opacity:0}.form-blink-enter-to,.form-blink-appear-to{opacity:1}.form-blink-enter-active,.form-blink-appear-active{transition:opacity .3s cubic-bezier(0, 0, 1, 1);animation:x-form-blink .5s cubic-bezier(0, 0, 1, 1)}@keyframes x-form-blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
1
+ .x-form--item-status-success .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-success .x-select--view:not(.x-select--view-disabled),.x-form--item-status-success .x-picker:not(.x-picker-disabled),.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-success-bg);border-color:var(--x-field-status-success-border)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-success .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-success-bg-hover);border-color:var(--x-field-status-success-border-hover)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-success .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-success .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-success-bg-focus);border-color:var(--x-field-status-success-border-focus);box-shadow:0 0 0 var(--x-field-status-success-shadow-size-focus) var(--x-field-status-success-shadow-color-focus)}.x-form--item-status-success .x-form--item--message-help,.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-text)}.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-icon)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled),.x-form--item-status-warning .x-picker:not(.x-picker-disabled),.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-warning-bg);border-color:var(--x-field-status-warning-border)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-warning .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-warning-bg-hover);border-color:var(--x-field-status-warning-border-hover)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-warning .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-warning .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-warning-bg-focus);border-color:var(--x-field-status-warning-border-focus);box-shadow:0 0 0 var(--x-field-status-warning-shadow-size-focus) var(--x-field-status-warning-shadow-color-focus)}.x-form--item-status-warning .x-form--item--message-help,.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-text)}.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-icon)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-error .x-select--view:not(.x-select--view-disabled),.x-form--item-status-error .x-picker:not(.x-picker-disabled),.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-error-bg);border-color:var(--x-field-status-error-border)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-error .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-error-bg-hover);border-color:var(--x-field-status-error-border-hover)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-error .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-error .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-error-bg-focus);border-color:var(--x-field-status-error-border-focus);box-shadow:0 0 0 var(--x-field-status-error-shadow-size-focus) var(--x-field-status-error-shadow-color-focus)}.x-form--item-status-error .x-form--item--message-help,.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-text)}.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-icon)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled),.x-form--item-status-validating .x-picker:not(.x-picker-disabled),.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-validating-bg);border-color:var(--x-field-status-validating-border)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-validating .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-validating-bg-hover);border-color:var(--x-field-status-validating-border-hover)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-validating .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-validating .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-validating-bg-focus);border-color:var(--x-field-status-validating-border-focus);box-shadow:0 0 0 var(--x-field-status-validating-shadow-size-focus) var(--x-field-status-validating-shadow-color-focus)}.x-form--item-status-validating .x-form--item--message-help,.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-text)}.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-icon)}.x-form{display:flex;flex-direction:column;width:100%}.x-form-layout-inline{flex-direction:row;flex-wrap:wrap}.x-form-auto-label-width .x-form--item--label-col>.x-form--item--label{white-space:nowrap}.x-form-size-mini .x-form--item--label-col{line-height:24px}.x-form-size-mini .x-form--item--label-col>.x-form--item--label{font-size:var(--x-font-size-body-1)}.x-form-size-mini .x-form--item--content,.x-form-size-mini .x-form--item--wrapper-col{min-height:24px}.x-form-size-small .x-form--item--label-col{line-height:28px}.x-form-size-small .x-form--item--label-col>.x-form--item--label{font-size:var(--x-font-size-body-3)}.x-form-size-small .x-form--item--content,.x-form-size-small .x-form--item--wrapper-col{min-height:28px}.x-form-size-large .x-form--item--label-col{line-height:36px}.x-form-size-large .x-form--item--label-col>.x-form--item--label{font-size:var(--x-font-size-body-3)}.x-form-size-large .x-form--item--content,.x-form-size-large .x-form--item--wrapper-col{min-height:36px}.x-form .x-form--item{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:var(--x-spacing-8)}.x-form .x-form--item-layout-vertical{display:block}.x-form .x-form--item-layout-vertical>.x-form--item--label-col{justify-content:flex-start;margin-bottom:var(--x-spacing-4);padding:0;line-height:1.5715;white-space:normal}.x-form .x-form--item-layout-inline{flex:0 1 auto;width:auto;max-width:100%;margin-right:var(--x-spacing-9);margin-bottom:var(--x-spacing-4)}.x-form .x-form--item-layout-inline>.x-form--item--label-col,.x-form .x-form--item-layout-inline>.x-form--item--wrapper-col{flex:0 1 auto;width:auto;max-width:100%}.x-form .x-form--item-layout-inline>.x-form--item--wrapper-col{width:200px}.x-form .x-form--item-has-message,.x-form .x-form--item-has-help{margin-bottom:0}.x-form .x-form--item--wrapper-col-flex.x-col{flex:1}.x-form .x-form--item-extra{margin-top:var(--x-spacing-2);color:var(--x-color-text-tertiary);font-size:var(--x-font-size-body-1);line-height:var(--x-spacing-8)}.x-form .x-form--item--message{min-height:var(--x-spacing-8);color:var(--x-field-status-error-text);font-size:var(--x-font-size-body-1);line-height:var(--x-spacing-8)}.x-form .x-form--item--message-help{color:var(--x-color-text-tertiary)}.x-form .x-form--item--message+.x-form--item-extra{margin-top:0;margin-bottom:var(--x-spacing-2)}.x-form .x-form--item--label-col{display:flex;flex-shrink:0;justify-content:flex-end;padding-right:var(--x-spacing-7);line-height:32px;white-space:nowrap}.x-form .x-form--item--label-col-left{justify-content:flex-start}.x-form .x-form--item--label-col>.x-form--item--label{max-width:100%;color:var(--x-color-text-secondary);font-size:var(--x-font-size-body-3);white-space:normal}.x-form .x-form--item--label-col-flex{box-sizing:content-box}.x-form .x-form--item--wrapper-col{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;min-height:32px}.x-form .x-form--item--content{flex:1;max-width:100%;min-height:32px}.x-form .x-form--item--content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%}.x-form .x-form--item--content-flex{display:flex;align-items:center;justify-content:flex-start}.x-form .x-slider{display:block}.x-form--item--label-required-symbol{color:var(--x-color-danger-solid);font-size:var(--x-font-size-body-1);line-height:1}.x-form--item--label-required-symbol svg{display:inline-block;transform:scale(0.5)}.x-form--item--label--tooltip{flex:0 0 auto;width:14px;height:14px;margin-left:var(--x-spacing-2);color:var(--x-color-text-tertiary);vertical-align:-2px}.form-blink-enter-from,.form-blink-appear-from{opacity:0}.form-blink-enter-to,.form-blink-appear-to{opacity:1}.form-blink-enter-active,.form-blink-appear-active{transition:opacity .3s cubic-bezier(0, 0, 1, 1);animation:x-form-blink .5s cubic-bezier(0, 0, 1, 1)}@keyframes x-form-blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
package/dist/style/heatmap.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-heatmap-color-level-1: var(--x-color-primary-1);--x-heatmap-color-level-2: var(--x-color-primary-2);--x-heatmap-color-level-3: var(--x-color-primary-3);--x-heatmap-color-level-4: var(--x-color-primary-5);--x-heatmap-color-level-5: var(--x-color-primary-6);--x-heatmap-color-empty: var(--x-color-fill-2);--x-heatmap-color-text: var(--x-color-text-3);--x-heatmap-border-radius-cell: var(--x-border-radius-small);--x-heatmap-border-radius-tooltip: var(--x-border-radius-medium);--x-heatmap-color-tooltip-bg: var(--x-color-overlay-tooltip-bg);--x-heatmap-color-tooltip-text: var(--x-color-white);--x-heatmap-shadow-tooltip: var(--x-shadow-popover);--x-heatmap-color-cell-border: var(--x-color-border-subtle);--x-heatmap-margin-label: var(--x-spacing-1);--x-heatmap-spacing-week-label: var(--x-spacing-1);--x-heatmap-spacing-indicator: var(--x-spacing-2);--x-heatmap-spacing-footer: var(--x-spacing-4)}.x-heatmap{position:relative;display:inline-block;color:var(--x-heatmap-color-text);font-size:var(--x-font-size-caption);--x-heatmap-cell-size: 12px;--x-heatmap-cell-gap: var(--x-spacing-1)}.x-heatmap--body{display:flex;align-items:flex-start;gap:var(--x-heatmap-margin-label)}.x-heatmap--week-labels{display:grid;flex:none;grid-auto-flow:column;align-items:center;padding-top:calc(var(--x-font-size-caption)*1.5 + var(--x-heatmap-spacing-week-label))}.x-heatmap--week-label{height:var(--x-heatmap-cell-size);margin-bottom:var(--x-heatmap-cell-gap);line-height:var(--x-heatmap-cell-size);text-align:right;white-space:nowrap}.x-heatmap--grid-wrapper{position:relative;min-width:0}.x-heatmap--month-labels{display:grid;grid-auto-flow:column;height:calc(var(--x-font-size-caption)*1.5);margin-bottom:var(--x-heatmap-spacing-week-label)}.x-heatmap--month-label{grid-row:1;line-height:1.5;white-space:nowrap}.x-heatmap--grid{display:grid;grid-auto-flow:column;gap:var(--x-heatmap-cell-gap)}.x-heatmap--cell{width:var(--x-heatmap-cell-size);height:var(--x-heatmap-cell-size);border-radius:var(--x-heatmap-border-radius-cell);cursor:pointer;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear),outline-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-heatmap--cell:hover{outline:1px solid var(--x-heatmap-color-cell-border);outline-offset:1px}.x-heatmap--cell:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:1px}.x-heatmap--cell.-out-of-range{opacity:.45}.x-heatmap--tooltip{position:absolute;z-index:1;padding:var(--x-spacing-2) var(--x-spacing-4);color:var(--x-heatmap-color-tooltip-text);font-size:var(--x-font-size-caption);line-height:1.5;white-space:nowrap;background-color:var(--x-heatmap-color-tooltip-bg);border-radius:var(--x-heatmap-border-radius-tooltip);box-shadow:var(--x-heatmap-shadow-tooltip);pointer-events:none;transform:translate(-50%, 0);opacity:0;transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-heatmap--tooltip.-visible{opacity:1}.x-heatmap--indicator{display:flex;gap:var(--x-heatmap-spacing-indicator);align-items:center;justify-content:flex-end;margin-top:var(--x-heatmap-spacing-indicator);line-height:1}.x-heatmap--indicator-swatch{width:var(--x-heatmap-cell-size);height:var(--x-heatmap-cell-size);border-radius:var(--x-heatmap-border-radius-cell)}.x-heatmap--indicator-leading.x-heatmap--indicator-trailing{white-space:nowrap}.x-heatmap--footer{margin-top:var(--x-heatmap-spacing-footer)}
package/dist/style/heatmap.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './heatmap.css';
package/dist/style/image.css CHANGED
@@ -1 +1 @@
1
- .x-image{position:relative;display:inline-block;border-radius:8px}.x-image--img{max-width:100%;vertical-align:middle;border-radius:inherit}.x-image--overlay{position:absolute;top:0;left:0;width:100%;height:100%}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer--caption{flex:1 1 auto}.x-image--footer--caption-title{font-weight:600;font-size:18px}.x-image--footer--caption-description{font-size:14px}.x-image--footer--extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image--footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:var(--x-image-color-footer-inner-text);background:var(--x-image-color-footer-inner-bg);border-bottom-right-radius:8px;border-bottom-left-radius:8px;pointer-events:none}.x-image--with-footer-inner .x-image--footer--extra{pointer-events:auto}.x-image--with-footer-inner .x-image--footer--caption-title{color:var(--x-image-color-title-footer-inner-text)}.x-image--with-footer-inner .x-image--footer--caption-description{color:var(--x-image-color-description-footer-inner-text)}.x-image--with-footer-outer .x-image--footer{margin-top:20px;color:var(--x-image-color-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-title{color:var(--x-image-color-title-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-description{color:var(--x-image-color-description-footer-outer-text)}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:var(--x-image-color-error-text);background-color:var(--x-image-color-error-bg)}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--x-image-color-loader-bg)}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:var(--x-image-color-loader-spin-text);font-size:16px;text-align:center;transform:translate(-50%, -50%)}.x-image--loader-spin-text{color:var(--x-image-color-loader-spin-text);font-size:12px}.x-image--simple.x-image--with-footer-inner .x-image--footer{padding:12px 16px}.x-image--loading .x-image--img,.x-image--loading-error .x-image--img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:var(--x-image-preview-color-mask-bg)}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:var(--x-image-preview-color-scale-value-text);font-size:14px;line-height:initial;background-color:var(--x-image-preview-color-scale-value-bg);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:var(--x-image-preview-color-toolbar-bg);border-radius:5px;transform:translateX(-50%)}.x-image-preview .x-image-preview--toolbar-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:0;color:var(--x-image-preview-color-action-text);font-size:14px;appearance:none;background-color:var(--x-color-transparent);border:0;border-radius:2px;cursor:pointer}.x-image-preview .x-image-preview--toolbar-action:not(:last-of-type){margin-right:10px}.x-image-preview .x-image-preview--toolbar-action:hover,.x-image-preview .x-image-preview--toolbar-action:focus-visible{color:var(--x-image-preview-color-action-hover-text);background-color:var(--x-image-preview-color-action-hover-bg)}.x-image-preview .x-image-preview--toolbar-action-disabled,.x-image-preview .x-image-preview--toolbar-action-disabled:hover,.x-image-preview .x-image-preview--toolbar-action-disabled:focus-visible{color:var(--x-image-preview-color-action-disabled-text);background-color:var(--x-image-preview-color-action-disabled-bg);cursor:not-allowed}.x-image-preview .x-image-preview--toolbar-action--name{padding-right:8px;font-size:12px}.x-image-preview .x-image-preview--toolbar-action--content{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:0;line-height:1}.x-image-preview .x-image-preview--toolbar-action--content>svg{width:1em;height:1em}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:var(--x-image-preview-color-loading-text);font-size:16px;background-color:var(--x-image-preview-color-loading-bg);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-color-close-btn-text);font-size:18px;line-height:30px;text-align:center;appearance:none;background:var(--x-image-preview-color-close-btn-bg);border:0;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left{position:absolute;top:50%;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--left>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--left:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow--right{position:absolute;top:50%;right:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--right>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--right:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow-disabled,.x-image-preview--arrow-disabled:hover{color:var(--x-image-preview-arrow-color-icon-disabled);background-color:var(--x-image-preview-arrow-color-bg-disabled);cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:var(--x-image-preview-arrow-color-icon-disabled)}.image-fade-enter-from,.image-fade-leave-to{opacity:0}.image-fade-enter-to,.image-fade-leave-from{opacity:1}.image-fade-enter-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}.image-fade-leave-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}
1
+ .x-image{position:relative;display:inline-block;max-width:100%;border-radius:8px}.x-image--img{display:block;max-width:100%;vertical-align:middle;border-radius:inherit}.x-image--img[role=button]{cursor:zoom-in}.x-image--img:focus-visible{outline:2px solid var(--x-color-border-focus);outline-offset:3px}.x-image--overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer--caption{flex:1 1 auto;min-width:0}.x-image--footer--caption-title{font-weight:400;font-size:13px;line-height:var(--x-line-height-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-image--footer--caption-description{font-size:12px;line-height:var(--x-line-height-base)}.x-image--footer--extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image--footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:var(--x-image-color-footer-inner-text);background:var(--x-image-color-footer-inner-bg);border-bottom-right-radius:8px;border-bottom-left-radius:8px;pointer-events:none}.x-image--with-footer-inner .x-image--footer--extra{pointer-events:auto}.x-image--with-footer-inner .x-image--footer--caption-title{color:var(--x-image-color-title-footer-inner-text)}.x-image--with-footer-inner .x-image--footer--caption-description{color:var(--x-image-color-description-footer-inner-text)}.x-image--with-footer-outer .x-image--footer{margin-top:8px;color:var(--x-image-color-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-title{color:var(--x-image-color-title-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-description{color:var(--x-image-color-description-footer-outer-text)}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:var(--x-image-color-error-text);background-color:var(--x-image-color-error-bg);border-radius:inherit}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--x-image-color-loader-bg);border-radius:inherit}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:var(--x-image-color-loader-spin-text);font-size:16px;text-align:center;transform:translate(-50%, -50%)}.x-image--loader-spin-text{color:var(--x-image-color-loader-spin-text);font-size:12px}.x-image--loading-error.x-image--with-footer-inner .x-image--error,.x-image--loading.x-image--with-footer-inner .x-image--loader{padding-bottom:40px}.x-image--simple.x-image--with-footer-inner .x-image--footer{padding:12px 16px}.x-image--loading .x-image--img,.x-image--loading-error .x-image--img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:var(--x-image-preview-color-mask-bg)}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:var(--x-image-preview-color-scale-value-text);font-size:14px;line-height:initial;background-color:var(--x-image-preview-color-scale-value-bg);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);padding:4px 16px;background-color:var(--x-image-preview-color-toolbar-bg);border-radius:5px;transform:translateX(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.x-image-preview .x-image-preview--toolbar-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:0;color:var(--x-image-preview-color-action-text);font-size:14px;appearance:none;background-color:var(--x-color-transparent);border:0;border-radius:2px;cursor:pointer;flex:none}.x-image-preview .x-image-preview--toolbar-action:hover,.x-image-preview .x-image-preview--toolbar-action:focus-visible{color:var(--x-image-preview-color-action-hover-text);background-color:var(--x-image-preview-color-action-hover-bg)}.x-image-preview .x-image-preview--toolbar-action:focus-visible{outline:2px solid var(--x-color-white);outline-offset:2px}.x-image-preview .x-image-preview--toolbar-action-disabled,.x-image-preview .x-image-preview--toolbar-action-disabled:hover,.x-image-preview .x-image-preview--toolbar-action-disabled:focus-visible{color:var(--x-image-preview-color-action-disabled-text);background-color:var(--x-image-preview-color-action-disabled-bg);cursor:not-allowed}.x-image-preview .x-image-preview--toolbar-action--name{padding-right:8px;font-size:12px}.x-image-preview .x-image-preview--toolbar-action--content{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:0;line-height:1}.x-image-preview .x-image-preview--toolbar-action--content>svg{width:1em;height:1em}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:var(--x-image-preview-color-loading-text);font-size:16px;background-color:var(--x-image-preview-color-loading-bg);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--error{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100% - 64px);padding:24px;color:var(--x-image-preview-color-action-text);font-size:14px;text-align:center;background:var(--x-image-preview-color-toolbar-bg);border-radius:8px}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-color-close-btn-text);font-size:18px;line-height:30px;text-align:center;appearance:none;background:var(--x-image-preview-color-close-btn-bg);border:0;border-radius:50%;cursor:pointer}.x-image-preview--close-btn:focus-visible{outline:2px solid var(--x-color-white);outline-offset:3px}.x-image-preview--arrow--left{position:absolute;top:50%;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--left:focus-visible{outline:2px solid var(--x-color-white);outline-offset:3px}.x-image-preview--arrow--left>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--left:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow--right{position:absolute;top:50%;right:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--right:focus-visible{outline:2px solid var(--x-color-white);outline-offset:3px}.x-image-preview--arrow--right>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--right:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow-disabled,.x-image-preview--arrow-disabled:hover{color:var(--x-image-preview-arrow-color-icon-disabled);background-color:var(--x-image-preview-arrow-color-bg-disabled);cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:var(--x-image-preview-arrow-color-icon-disabled)}.image-fade-enter-from,.image-fade-leave-to{opacity:0}.image-fade-enter-to,.image-fade-leave-from{opacity:1}.image-fade-enter-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}.image-fade-leave-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}
package/dist/style/menu.css CHANGED
@@ -1 +1 @@
1
- :root{--x-menu-font-size: 14px;--x-menu-line-height: var(--x-line-height-base);--x-menu-border-radius: var(--x-border-radius-small);--x-menu-font-weight-item-selected: var(--x-font-weight-500);--x-menu-color-label-item-selected: var(--x-color-primary-6);--x-menu-height-label-item-selected: 3px;--x-menu-margin-left-item-suffix-icon: var(--x-spacing-3);--x-menu-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-horizontal-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-item-gap: var(--x-spacing-2);--x-menu-item-indent-spacing: var(--x-spacing-8);--x-menu-width-collapse-button: var(--x-size-6);--x-menu-height-collapse-button: var(--x-size-6);--x-menu-border-radius-collapse-button: var(--x-border-radius-small);--x-menu-light-color-bg: var(--x-color-menu-light-bg);--x-menu-light-color-bg-item_default: var(--x-menu-light-color-bg);--x-menu-light-color-bg-item_hover: var(--x-color-fill-2);--x-menu-light-color-bg-item_selected: var(--x-color-fill-2);--x-menu-light-color-bg-item_disabled: var(--x-menu-light-color-bg);--x-menu-light-color-item_default: var(--x-color-text-2);--x-menu-light-color-item_hover: var(--x-color-text-2);--x-menu-light-color-item_selected: var(--x-color-primary-6);--x-menu-light-color-submenu_selected: var(--x-color-primary-6);--x-menu-light-color-bg-submenu_selected_hover: var(--x-color-fill-2);--x-menu-light-color-item_disabled: var(--x-color-text-4);--x-menu-light-color-icon_default: var(--x-color-text-3);--x-menu-light-color-icon_hover: var(--x-color-text-3);--x-menu-light-color-icon_selected: var(--x-color-primary-6);--x-menu-light-color-icon_disabled: var(--x-color-text-4);--x-menu-light-color-group-title: var(--x-color-text-3);--x-menu-dark-color-default: var(--x-color-menu-dark-text);--x-menu-dark-color-secondary: var(--x-color-menu-dark-text-secondary);--x-menu-dark-color-disabled: var(--x-color-menu-dark-text-disabled);--x-menu-dark-color-bg: var(--x-color-menu-dark-bg);--x-menu-dark-color-bg-item_default: var(--x-menu-dark-color-bg);--x-menu-dark-color-bg-item_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_selected: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_disabled: var(--x-menu-dark-color-bg);--x-menu-dark-color-submenu_selected: var(--x-color-white);--x-menu-dark-color-bg-submenu_selected: var(--x-color-menu-dark-submenu-selected-bg);--x-menu-dark-color-bg-submenu_selected_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-item_default: var(--x-menu-dark-color-default);--x-menu-dark-color-item_hover: var(--x-color-white);--x-menu-dark-color-item_selected: var(--x-color-white);--x-menu-dark-color-item_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-icon_default: var(--x-menu-dark-color-secondary);--x-menu-dark-color-icon_hover: var(--x-color-white);--x-menu-dark-color-icon_selected: var(--x-color-white);--x-menu-dark-color-icon_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-group-title: var(--x-menu-dark-color-secondary);--x-menu-color-border-popup: var(--x-color-neutral-3);--x-menu-light-color-bg-button: var(--x-color-fill-1);--x-menu-light-color-bg-button_hover: var(--x-color-fill-3);--x-menu-light-color-button: var(--x-color-text-3);--x-menu-dark-color-bg-button: var(--x-color-primary-6);--x-menu-dark-color-bg-button_hover: var(--x-color-primary-7);--x-menu-dark-color-button: var(--x-color-white);--x-menu-horizontal-padding-vertical: 14px;--x-menu-horizontal-padding-horizontal: var(--x-spacing-8);--x-menu-horizontal-item-gap: var(--x-spacing-6);--x-menu-horizontal-item-height: 30px;--x-menu-horizontal-item-padding-horizontal: var(--x-spacing-6);--x-menu-vertical-padding-vertical: var(--x-spacing-2);--x-menu-vertical-padding-horizontal: var(--x-spacing-4);--x-menu-vertical-item-height: 40px;--x-menu-vertical-item-padding-horizontal: var(--x-spacing-6);--x-menu-collapse-width: var(--x-size-12);--x-menu-collapse-padding-vertical: var(--x-spacing-2);--x-menu-collapse-padding-horizontal: var(--x-spacing-2);--x-menu-collapse-item-size: calc( var(--x-menu-collapse-width) - var(--x-menu-collapse-padding-horizontal) * 2 );--x-menu-pop-button-size: var(--x-size-10);--x-menu-pop-button-margin-bottom: var(--x-spacing-7);--x-menu-pop-button-box-shadow: var(--x-shadow2-down);--x-menu-pop-button-border-color: var(--x-color-transparent);--x-dropdown-dark-color-bg: var(--x-color-menu-dark-bg);--x-dropdown-dark-color-border: var(--x-dropdown-dark-color-bg);--x-dropdown-dark-option-color-bg_default: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_hover: var(--x-color-menu-dark-hover);--x-dropdown-dark-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-dark-option-color-text_default: var(--x-menu-dark-color-default);--x-dropdown-dark-option-color-text_hover: var(--x-color-white);--x-dropdown-dark-option-color-text_selected: var(--x-color-white);--x-dropdown-dark-option-color-text_disabled: var(--x-menu-dark-color-disabled);--x-dropdown-dark-group-title-color-text: var(--x-menu-dark-color-secondary)}:root{--x-dropdown-max-height: var(--x-size-50);--x-dropdown-border-radius: var(--x-border-radius-medium);--x-dropdown-padding-vertical: var(--x-spacing-2);--x-dropdown-font-size: var(--x-font-size-body-3);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-height: var(--x-size-9);--x-dropdown-option-padding-horizontal: var(--x-spacing-6);--x-dropdown-option-font-weight_selected: var(--x-font-weight-500);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-height: var(--x-size-5);--x-dropdown-group-title-padding-horizontal: var(--x-spacing-6);--x-dropdown-group-title-padding-top: var(--x-spacing-4);--x-dropdown-group-title-margin-top: var(--x-spacing-4);--x-dropdown-group-title-font-size: var(--x-font-size-body-1);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}@keyframes 'x-menu-selected-item-label-enter'{from{opacity:0}to{opacity:1}}.x-menu{position:relative;box-sizing:border-box;width:100%;font-size:var(--x-menu-font-size);line-height:var(--x-menu-line-height);transition:width var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu:focus-visible{outline:3px solid var(--x-color-primary-text)}.x-menu-indent{display:inline-block;width:var(--x-menu-item-indent-spacing)}.x-menu .x-menu-item,.x-menu .x-menu-group-title,.x-menu .x-menu-pop-header,.x-menu .x-menu-inline-header{position:relative;box-sizing:border-box;border-radius:var(--x-menu-border-radius);cursor:pointer}.x-menu .x-menu-item.x-menu-disabled,.x-menu .x-menu-group-title.x-menu-disabled,.x-menu .x-menu-pop-header.x-menu-disabled,.x-menu .x-menu-inline-header.x-menu-disabled{cursor:not-allowed}.x-menu .x-menu-item.x-menu-disabled:hover,.x-menu .x-menu-group-title.x-menu-disabled:hover,.x-menu .x-menu-pop-header.x-menu-disabled:hover,.x-menu .x-menu-inline-header.x-menu-disabled:hover{color:inherit}.x-menu .x-menu-item.x-menu-selected,.x-menu .x-menu-group-title.x-menu-selected,.x-menu .x-menu-pop-header.x-menu-selected,.x-menu .x-menu-inline-header.x-menu-selected{font-weight:var(--x-menu-font-weight-item-selected);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item.x-menu-selected svg,.x-menu .x-menu-group-title.x-menu-selected svg,.x-menu .x-menu-pop-header.x-menu-selected svg,.x-menu .x-menu-inline-header.x-menu-selected svg{transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item .x-icon,.x-menu .x-menu-item .x-menu-icon,.x-menu .x-menu-group-title .x-icon,.x-menu .x-menu-group-title .x-menu-icon,.x-menu .x-menu-pop-header .x-icon,.x-menu .x-menu-pop-header .x-menu-icon,.x-menu .x-menu-inline-header .x-icon,.x-menu .x-menu-inline-header .x-menu-icon{margin-right:var(--x-menu-margin-right-item-prefix-icon)}.x-menu .x-menu-item .x-menu-icon .x-icon,.x-menu .x-menu-group-title .x-menu-icon .x-icon,.x-menu .x-menu-pop-header .x-menu-icon .x-icon,.x-menu .x-menu-inline-header .x-menu-icon .x-icon{margin-right:0}.x-menu .x-menu-item:focus-visible,.x-menu .x-menu-group-title:focus-visible,.x-menu .x-menu-pop-header:focus-visible,.x-menu .x-menu-inline-header:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-light{background-color:var(--x-menu-light-color-bg)}.x-menu-light .x-menu-item,.x-menu-light .x-menu-group-title,.x-menu-light .x-menu-pop-header,.x-menu-light .x-menu-inline-header{color:var(--x-menu-light-color-item_default);background-color:var(--x-menu-light-color-bg-item_default)}.x-menu-light .x-menu-item .x-icon,.x-menu-light .x-menu-item .x-menu-icon,.x-menu-light .x-menu-group-title .x-icon,.x-menu-light .x-menu-group-title .x-menu-icon,.x-menu-light .x-menu-pop-header .x-icon,.x-menu-light .x-menu-pop-header .x-menu-icon,.x-menu-light .x-menu-inline-header .x-icon,.x-menu-light .x-menu-inline-header .x-menu-icon{color:var(--x-menu-light-color-icon_default)}.x-menu-light .x-menu-item:hover,.x-menu-light .x-menu-group-title:hover,.x-menu-light .x-menu-pop-header:hover,.x-menu-light .x-menu-inline-header:hover{color:var(--x-menu-light-color-item_hover);background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-item:hover .x-icon,.x-menu-light .x-menu-item:hover .x-menu-icon,.x-menu-light .x-menu-group-title:hover .x-icon,.x-menu-light .x-menu-group-title:hover .x-menu-icon,.x-menu-light .x-menu-pop-header:hover .x-icon,.x-menu-light .x-menu-pop-header:hover .x-menu-icon,.x-menu-light .x-menu-inline-header:hover .x-icon,.x-menu-light .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-light-color-icon_hover)}.x-menu-light .x-menu-item.x-menu-selected,.x-menu-light .x-menu-group-title.x-menu-selected,.x-menu-light .x-menu-pop-header.x-menu-selected,.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-item_selected)}.x-menu-light .x-menu-item.x-menu-selected .x-icon,.x-menu-light .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-icon_selected)}.x-menu-light .x-menu-item.x-menu-disabled,.x-menu-light .x-menu-group-title.x-menu-disabled,.x-menu-light .x-menu-pop-header.x-menu-disabled,.x-menu-light .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled .x-icon,.x-menu-light .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover,.x-menu-light .x-menu-group-title.x-menu-disabled:hover,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-selected{background-color:var(--x-menu-light-color-bg-item_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-submenu_selected);background-color:var(--x-menu-light-color-bg-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-submenu_selected_hover)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-group-title{color:var(--x-menu-light-color-group-title);pointer-events:none}.x-menu-light .x-menu-collapse-button{color:var(--x-menu-light-color-button);background-color:var(--x-menu-light-color-bg-button)}.x-menu-light .x-menu-collapse-button:hover{background-color:var(--x-menu-light-color-bg-button_hover)}.x-menu-dark{background-color:var(--x-menu-dark-color-bg)}.x-menu-dark .x-menu-item,.x-menu-dark .x-menu-group-title,.x-menu-dark .x-menu-pop-header,.x-menu-dark .x-menu-inline-header{color:var(--x-menu-dark-color-item_default);background-color:var(--x-menu-dark-color-bg-item_default)}.x-menu-dark .x-menu-item .x-icon,.x-menu-dark .x-menu-item .x-menu-icon,.x-menu-dark .x-menu-group-title .x-icon,.x-menu-dark .x-menu-group-title .x-menu-icon,.x-menu-dark .x-menu-pop-header .x-icon,.x-menu-dark .x-menu-pop-header .x-menu-icon,.x-menu-dark .x-menu-inline-header .x-icon,.x-menu-dark .x-menu-inline-header .x-menu-icon{color:var(--x-menu-dark-color-icon_default)}.x-menu-dark .x-menu-item:hover,.x-menu-dark .x-menu-group-title:hover,.x-menu-dark .x-menu-pop-header:hover,.x-menu-dark .x-menu-inline-header:hover{color:var(--x-menu-dark-color-item_hover);background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-item:hover .x-icon,.x-menu-dark .x-menu-item:hover .x-menu-icon,.x-menu-dark .x-menu-group-title:hover .x-icon,.x-menu-dark .x-menu-group-title:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header:hover .x-icon,.x-menu-dark .x-menu-pop-header:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header:hover .x-icon,.x-menu-dark .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_hover)}.x-menu-dark .x-menu-item.x-menu-selected,.x-menu-dark .x-menu-group-title.x-menu-selected,.x-menu-dark .x-menu-pop-header.x-menu-selected,.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-item_selected)}.x-menu-dark .x-menu-item.x-menu-selected .x-icon,.x-menu-dark .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-icon_selected)}.x-menu-dark .x-menu-item.x-menu-disabled,.x-menu-dark .x-menu-group-title.x-menu-disabled,.x-menu-dark .x-menu-pop-header.x-menu-disabled,.x-menu-dark .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-selected{background-color:var(--x-menu-dark-color-bg-item_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-submenu_selected);background-color:var(--x-menu-dark-color-bg-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-submenu_selected_hover)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-group-title{color:var(--x-menu-dark-color-group-title);pointer-events:none}.x-menu-dark .x-menu-collapse-button{color:var(--x-menu-dark-color-button);background-color:var(--x-menu-dark-color-bg-button)}.x-menu-dark .x-menu-collapse-button:hover{background-color:var(--x-menu-dark-color-bg-button_hover)}.x-menu a,.x-menu a:hover,.x-menu a:focus,.x-menu a:active{color:inherit;text-decoration:none;cursor:inherit}.x-menu-scrollbar{box-sizing:border-box;width:100%;height:100%}.x-menu-scrollbar .x-scrollbar--container{height:100%}.x-menu-inner{box-sizing:border-box;width:100%;height:100%}.x-menu-icon-suffix{display:inline-flex;align-items:center;justify-content:center}.x-menu-icon-suffix.is-open .x-icon{transform:rotate(180deg)}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding:0 var(--x-menu-vertical-item-padding-horizontal);line-height:var(--x-menu-vertical-item-height)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{margin-bottom:var(--x-menu-item-gap)}.x-menu-vertical .x-menu-item:not(.x-menu-has-icon),.x-menu-vertical .x-menu-group-title:not(.x-menu-has-icon),.x-menu-vertical .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-vertical .x-menu-inline-header:not(.x-menu-has-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item.x-menu-has-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon{display:flex;align-items:center}.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-icon{flex:none}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-icon{line-height:1}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item .x-menu-item-inner,.x-menu-vertical .x-menu-group-title .x-menu-item-inner,.x-menu-vertical .x-menu-pop-header .x-menu-item-inner,.x-menu-vertical .x-menu-inline-header .x-menu-item-inner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.x-menu-vertical .x-menu-item .x-menu-icon-suffix,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix{position:absolute;top:50%;right:var(--x-menu-vertical-item-padding-horizontal);display:inline-flex;align-items:center;transform:translateY(-50%)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{display:block;line-height:1}.x-menu-vertical .x-menu-inner{padding:var(--x-menu-vertical-padding-vertical) var(--x-menu-vertical-padding-horizontal)}.x-menu-vertical .x-menu-item.x-menu-item-indented{display:flex}.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding-right:28px}.x-menu-horizontal{width:100%;height:auto}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-group-title,.x-menu-horizontal .x-menu-pop-header,.x-menu-horizontal .x-menu-inline-header{padding:0 var(--x-menu-horizontal-item-padding-horizontal);line-height:var(--x-menu-horizontal-item-height)}.x-menu-horizontal .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-horizontal .x-icon,.x-menu-horizontal .x-menu-icon{margin-right:var(--x-menu-horizontal-margin-right-item-prefix-icon)}.x-menu-horizontal .x-menu-icon-suffix{margin-left:var(--x-menu-margin-left-item-suffix-icon)}.x-menu-horizontal .x-menu-inner{display:flex;align-items:center;padding:var(--x-menu-horizontal-padding-vertical) var(--x-menu-horizontal-padding-horizontal)}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-pop{display:inline-block;flex-shrink:0;vertical-align:middle}.x-menu-horizontal .x-menu-item:not(:first-child),.x-menu-horizontal .x-menu-pop:not(:first-child){margin-left:var(--x-menu-horizontal-item-gap)}.x-menu-horizontal .x-menu-pop::after{position:absolute;bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:0;width:100%;height:var(--x-menu-horizontal-padding-vertical);content:" "}.x-menu-overflow-wrap{width:100%}.x-menu-overflow-sub-menu-mirror,.x-menu-overflow-hidden-menu-item{position:absolute;white-space:nowrap;visibility:hidden;pointer-events:none}.x-menu-selected-label{position:absolute;right:var(--x-menu-horizontal-item-padding-horizontal);bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:var(--x-menu-horizontal-item-padding-horizontal);height:var(--x-menu-height-label-item-selected);background-color:var(--x-menu-color-label-item-selected);animation:x-menu-selected-item-label-enter var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-pop-button{width:auto;background:none;box-shadow:none}.x-menu-pop-button.x-menu-collapsed{width:auto}.x-menu-pop-button .x-menu-item,.x-menu-pop-button .x-menu-group-title,.x-menu-pop-button .x-menu-pop-header,.x-menu-pop-button .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-pop-button-size);height:var(--x-menu-pop-button-size);padding:0;margin-bottom:var(--x-menu-pop-button-margin-bottom);line-height:var(--x-menu-pop-button-size);border:1px solid var(--x-menu-pop-button-border-color);border-radius:50%;box-shadow:var(--x-menu-pop-button-box-shadow)}.x-menu-pop-button .x-menu-item .x-menu-icon,.x-menu-pop-button .x-menu-group-title .x-menu-icon,.x-menu-pop-button .x-menu-pop-header .x-menu-icon,.x-menu-pop-button .x-menu-inline-header .x-menu-icon{margin-right:0}.x-menu-collapsed{width:var(--x-menu-collapse-width)}.x-menu-collapsed .x-menu-inner{padding:var(--x-menu-collapse-padding-vertical) var(--x-menu-collapse-padding-horizontal)}.x-menu-collapsed .x-menu-icon-suffix{display:none}.x-menu-collapsed .x-menu-has-icon>*:not(.x-menu-icon){display:none}.x-menu-collapsed .x-menu-has-icon>.x-menu-icon{margin-right:0}.x-menu-collapsed .x-menu-item .x-icon,.x-menu-collapsed .x-menu-group-title .x-icon,.x-menu-collapsed .x-menu-pop-header .x-icon,.x-menu-collapsed .x-menu-inline-header .x-icon{margin-right:0}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-scrollbar--container,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-scrollbar--container{display:flex;flex-direction:column;align-items:center}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item-tooltip-trigger.x-tooltip,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item-tooltip-trigger.x-tooltip{display:flex;justify-content:center;width:var(--x-menu-collapse-item-size)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-collapse-item-size);height:var(--x-menu-vertical-item-height);padding:0;line-height:var(--x-menu-vertical-item-height)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title{overflow:hidden;color:var(--x-color-transparent);text-indent:-999px}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title .x-menu-indent-list{display:none}.x-menu-collapse-button{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:var(--x-menu-width-collapse-button);height:var(--x-menu-height-collapse-button);padding:0;border:0;border-radius:var(--x-menu-border-radius-collapse-button);cursor:pointer}.x-menu-collapse-button:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-has-collapse-button .x-menu-inner{padding-bottom:calc(var(--x-menu-vertical-padding-vertical) + var(--x-menu-height-collapse-button) + 16px)}.x-menu-inline-content{height:auto;overflow:hidden;transition:height var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu-inline-content-hide{height:0}.x-menu-item-tooltip a{color:inherit;cursor:text}.x-menu-item-tooltip a:hover,.x-menu-item-tooltip a:focus,.x-menu-item-tooltip a:active{color:inherit}.x-menu-item-tooltip.x-tooltip--content{min-width:120px;padding:var(--x-dropdown-padding-vertical) var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-menu-item-tooltip-arrow.x-tooltip--popup-arrow{background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl]{transform:translateY(var(--x-menu-horizontal-padding-vertical))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow{z-index:0;border-top:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt]{transform:translateX(var(--x-menu-vertical-padding-horizontal))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow{z-index:0;border-bottom:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-menu-pop-trigger-dark .x-trigger--arrow{background-color:var(--x-menu-dark-color-bg);border-color:var(--x-menu-dark-color-bg)}.x-trigger-menu{position:relative;box-sizing:border-box;max-height:var(--x-dropdown-max-height);padding:0;overflow:hidden;background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-trigger-menu .x-trigger-menu-scrollbar,.x-trigger-menu .x-trigger-menu-inner{max-height:inherit}.x-trigger-menu .x-trigger-menu-scrollbar .x-scrollbar--container{max-height:inherit}.x-trigger-menu .x-trigger-menu-inner{padding:var(--x-dropdown-padding-vertical) 0}.x-trigger-menu-hidden{display:none}.x-trigger-menu-item,.x-trigger-menu-pop-header{position:relative;z-index:1;box-sizing:border-box;width:100%;height:var(--x-dropdown-option-height);padding:0 var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);text-align:left;background-color:var(--x-dropdown-option-color-bg_default);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-option-color-text_selected);font-weight:var(--x-dropdown-option-font-weight_selected);background-color:var(--x-dropdown-option-color-bg_selected);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-trigger-menu-item:hover,.x-trigger-menu-pop-header:hover{color:var(--x-dropdown-option-color-text_hover);background-color:var(--x-dropdown-option-color-bg_hover)}.x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-option-color-text_disabled);background-color:var(--x-dropdown-option-color-bg_disabled);cursor:not-allowed}.x-trigger-menu .x-trigger-menu-has-icon{display:flex;align-items:center}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-icon{margin-right:8px;line-height:1}.x-trigger-menu .x-trigger-menu-has-icon>*{flex:none}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-title{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-header{display:flex;align-items:center;justify-content:space-between}.x-trigger-menu-pop-header .x-trigger-menu-icon-suffix{display:flex;margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-trigger-menu-group:first-child .x-trigger-menu-group-title{padding-top:calc(var(--x-dropdown-group-title-padding-top) - var(--x-dropdown-padding-vertical))}.x-trigger-menu-group-title{box-sizing:border-box;width:100%;padding:var(--x-dropdown-group-title-padding-top) var(--x-dropdown-group-title-padding-horizontal) 0 var(--x-dropdown-group-title-padding-horizontal);color:var(--x-dropdown-group-title-color-text);font-size:var(--x-dropdown-group-title-font-size);line-height:var(--x-dropdown-group-title-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-trigger .x-trigger--arrow{display:none}.x-trigger-menu-dark{background-color:var(--x-dropdown-dark-color-bg);border-color:var(--x-dropdown-dark-color-border)}.x-trigger-menu-dark .x-trigger-menu-item,.x-trigger-menu-dark .x-trigger-menu-pop-header{color:var(--x-dropdown-dark-option-color-text_default);background-color:var(--x-dropdown-dark-option-color-bg_default)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-dark-option-color-text_selected);background-color:var(--x-dropdown-dark-option-color-bg_selected)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected:hover{color:var(--x-dropdown-dark-option-color-text_selected)}.x-trigger-menu-dark .x-trigger-menu-item:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header:hover{color:var(--x-dropdown-dark-option-color-text_hover);background-color:var(--x-dropdown-dark-option-color-bg_hover)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-dark-option-color-text_disabled);background-color:var(--x-dropdown-dark-option-color-bg_disabled)}.x-trigger-menu-dark .x-trigger-menu-group-title{color:var(--x-dropdown-dark-group-title-color-text)}
1
+ :root{--x-menu-font-size: 14px;--x-menu-line-height: var(--x-line-height-base);--x-menu-border-radius: var(--x-border-radius-small);--x-menu-font-weight-item-selected: var(--x-font-weight-500);--x-menu-color-label-item-selected: var(--x-color-primary-6);--x-menu-height-label-item-selected: 3px;--x-menu-margin-left-item-suffix-icon: var(--x-spacing-3);--x-menu-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-horizontal-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-item-gap: var(--x-spacing-2);--x-menu-item-indent-spacing: var(--x-spacing-8);--x-menu-width-collapse-button: var(--x-size-6);--x-menu-height-collapse-button: var(--x-size-6);--x-menu-border-radius-collapse-button: var(--x-border-radius-small);--x-menu-light-color-bg: var(--x-color-menu-light-bg);--x-menu-light-color-bg-item_default: var(--x-menu-light-color-bg);--x-menu-light-color-bg-item_hover: var(--x-color-fill-2);--x-menu-light-color-bg-item_selected: var(--x-color-fill-2);--x-menu-light-color-bg-item_disabled: var(--x-menu-light-color-bg);--x-menu-light-color-item_default: var(--x-color-text-2);--x-menu-light-color-item_hover: var(--x-color-text-2);--x-menu-light-color-item_selected: var(--x-color-primary-6);--x-menu-light-color-submenu_selected: var(--x-color-primary-6);--x-menu-light-color-bg-submenu_selected: var(--x-color-transparent);--x-menu-light-color-bg-submenu_selected_hover: var(--x-color-fill-2);--x-menu-light-color-item_disabled: var(--x-color-text-4);--x-menu-light-color-icon_default: var(--x-color-text-3);--x-menu-light-color-icon_hover: var(--x-color-text-3);--x-menu-light-color-icon_selected: var(--x-color-primary-6);--x-menu-light-color-icon_disabled: var(--x-color-text-4);--x-menu-light-color-group-title: var(--x-color-text-3);--x-menu-dark-color-default: var(--x-color-menu-dark-text);--x-menu-dark-color-secondary: var(--x-color-menu-dark-text-secondary);--x-menu-dark-color-disabled: var(--x-color-menu-dark-text-disabled);--x-menu-dark-color-bg: var(--x-color-menu-dark-bg);--x-menu-dark-color-bg-item_default: var(--x-menu-dark-color-bg);--x-menu-dark-color-bg-item_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_selected: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_disabled: var(--x-menu-dark-color-bg);--x-menu-dark-color-submenu_selected: var(--x-color-white);--x-menu-dark-color-bg-submenu_selected: var(--x-color-menu-dark-submenu-selected-bg);--x-menu-dark-color-bg-submenu_selected_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-item_default: var(--x-menu-dark-color-default);--x-menu-dark-color-item_hover: var(--x-color-white);--x-menu-dark-color-item_selected: var(--x-color-white);--x-menu-dark-color-item_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-icon_default: var(--x-menu-dark-color-secondary);--x-menu-dark-color-icon_hover: var(--x-color-white);--x-menu-dark-color-icon_selected: var(--x-color-white);--x-menu-dark-color-icon_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-group-title: var(--x-menu-dark-color-secondary);--x-menu-color-border-popup: var(--x-color-transparent);--x-menu-light-color-bg-button: var(--x-color-fill-1);--x-menu-light-color-bg-button_hover: var(--x-color-fill-3);--x-menu-light-color-button: var(--x-color-text-3);--x-menu-dark-color-bg-button: var(--x-color-primary-6);--x-menu-dark-color-bg-button_hover: var(--x-color-primary-7);--x-menu-dark-color-button: var(--x-color-white);--x-menu-horizontal-padding-vertical: 14px;--x-menu-horizontal-padding-horizontal: var(--x-spacing-8);--x-menu-horizontal-item-gap: var(--x-spacing-6);--x-menu-horizontal-item-height: 30px;--x-menu-horizontal-item-padding-horizontal: var(--x-spacing-6);--x-menu-vertical-padding-vertical: var(--x-spacing-2);--x-menu-vertical-padding-horizontal: var(--x-spacing-4);--x-menu-vertical-item-height: 40px;--x-menu-vertical-item-padding-horizontal: var(--x-spacing-6);--x-menu-collapse-width: var(--x-size-12);--x-menu-collapse-padding-vertical: var(--x-spacing-2);--x-menu-collapse-padding-horizontal: var(--x-spacing-2);--x-menu-collapse-item-size: calc( var(--x-menu-collapse-width) - var(--x-menu-collapse-padding-horizontal) * 2 );--x-menu-pop-button-size: var(--x-size-10);--x-menu-pop-button-margin-bottom: var(--x-spacing-7);--x-menu-pop-button-box-shadow: var(--x-shadow2-down);--x-menu-pop-button-border-color: var(--x-color-transparent);--x-dropdown-dark-color-bg: var(--x-color-menu-dark-bg);--x-dropdown-dark-color-border: var(--x-dropdown-dark-color-bg);--x-dropdown-dark-option-color-bg_default: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_hover: var(--x-color-menu-dark-hover);--x-dropdown-dark-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-dark-option-color-text_default: var(--x-menu-dark-color-default);--x-dropdown-dark-option-color-text_hover: var(--x-color-white);--x-dropdown-dark-option-color-text_selected: var(--x-color-white);--x-dropdown-dark-option-color-text_disabled: var(--x-menu-dark-color-disabled);--x-dropdown-dark-group-title-color-text: var(--x-menu-dark-color-secondary)}:root{--x-dropdown-max-height: var(--x-size-50);--x-dropdown-border-radius: var(--x-border-radius-medium);--x-dropdown-padding-vertical: var(--x-spacing-2);--x-dropdown-font-size: var(--x-font-size-body-3);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-height: var(--x-size-9);--x-dropdown-option-padding-horizontal: var(--x-spacing-6);--x-dropdown-option-font-weight_selected: var(--x-font-weight-500);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-height: var(--x-size-5);--x-dropdown-group-title-padding-horizontal: var(--x-spacing-6);--x-dropdown-group-title-padding-top: var(--x-spacing-4);--x-dropdown-group-title-margin-top: var(--x-spacing-4);--x-dropdown-group-title-font-size: var(--x-font-size-body-1);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}@keyframes 'x-menu-selected-item-label-enter'{from{opacity:0}to{opacity:1}}.x-menu{position:relative;box-sizing:border-box;width:100%;font-size:var(--x-menu-font-size);line-height:var(--x-menu-line-height);transition:width var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu:focus-visible{outline:3px solid var(--x-color-primary-text)}.x-menu-indent{display:inline-block;width:var(--x-menu-item-indent-spacing)}.x-menu .x-menu-item,.x-menu .x-menu-group-title,.x-menu .x-menu-pop-header,.x-menu .x-menu-inline-header{position:relative;box-sizing:border-box;border-radius:var(--x-menu-border-radius);cursor:pointer}.x-menu .x-menu-item.x-menu-disabled,.x-menu .x-menu-group-title.x-menu-disabled,.x-menu .x-menu-pop-header.x-menu-disabled,.x-menu .x-menu-inline-header.x-menu-disabled{cursor:not-allowed}.x-menu .x-menu-item.x-menu-disabled:hover,.x-menu .x-menu-group-title.x-menu-disabled:hover,.x-menu .x-menu-pop-header.x-menu-disabled:hover,.x-menu .x-menu-inline-header.x-menu-disabled:hover{color:inherit}.x-menu .x-menu-item.x-menu-selected,.x-menu .x-menu-group-title.x-menu-selected,.x-menu .x-menu-pop-header.x-menu-selected,.x-menu .x-menu-inline-header.x-menu-selected{font-weight:var(--x-menu-font-weight-item-selected);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item.x-menu-selected svg,.x-menu .x-menu-group-title.x-menu-selected svg,.x-menu .x-menu-pop-header.x-menu-selected svg,.x-menu .x-menu-inline-header.x-menu-selected svg{transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item .x-icon,.x-menu .x-menu-item .x-menu-icon,.x-menu .x-menu-group-title .x-icon,.x-menu .x-menu-group-title .x-menu-icon,.x-menu .x-menu-pop-header .x-icon,.x-menu .x-menu-pop-header .x-menu-icon,.x-menu .x-menu-inline-header .x-icon,.x-menu .x-menu-inline-header .x-menu-icon{margin-right:var(--x-menu-margin-right-item-prefix-icon)}.x-menu .x-menu-item .x-menu-icon .x-icon,.x-menu .x-menu-group-title .x-menu-icon .x-icon,.x-menu .x-menu-pop-header .x-menu-icon .x-icon,.x-menu .x-menu-inline-header .x-menu-icon .x-icon{margin-right:0}.x-menu .x-menu-item:focus-visible,.x-menu .x-menu-group-title:focus-visible,.x-menu .x-menu-pop-header:focus-visible,.x-menu .x-menu-inline-header:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-light{background-color:var(--x-menu-light-color-bg)}.x-menu-light .x-menu-item,.x-menu-light .x-menu-group-title,.x-menu-light .x-menu-pop-header,.x-menu-light .x-menu-inline-header{color:var(--x-menu-light-color-item_default);background-color:var(--x-menu-light-color-bg-item_default)}.x-menu-light .x-menu-item .x-icon,.x-menu-light .x-menu-item .x-menu-icon,.x-menu-light .x-menu-group-title .x-icon,.x-menu-light .x-menu-group-title .x-menu-icon,.x-menu-light .x-menu-pop-header .x-icon,.x-menu-light .x-menu-pop-header .x-menu-icon,.x-menu-light .x-menu-inline-header .x-icon,.x-menu-light .x-menu-inline-header .x-menu-icon{color:var(--x-menu-light-color-icon_default)}.x-menu-light .x-menu-item:hover,.x-menu-light .x-menu-group-title:hover,.x-menu-light .x-menu-pop-header:hover,.x-menu-light .x-menu-inline-header:hover{color:var(--x-menu-light-color-item_hover);background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-item:hover .x-icon,.x-menu-light .x-menu-item:hover .x-menu-icon,.x-menu-light .x-menu-group-title:hover .x-icon,.x-menu-light .x-menu-group-title:hover .x-menu-icon,.x-menu-light .x-menu-pop-header:hover .x-icon,.x-menu-light .x-menu-pop-header:hover .x-menu-icon,.x-menu-light .x-menu-inline-header:hover .x-icon,.x-menu-light .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-light-color-icon_hover)}.x-menu-light .x-menu-item.x-menu-selected,.x-menu-light .x-menu-group-title.x-menu-selected,.x-menu-light .x-menu-pop-header.x-menu-selected,.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-item_selected)}.x-menu-light .x-menu-item.x-menu-selected .x-icon,.x-menu-light .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-icon_selected)}.x-menu-light .x-menu-item.x-menu-disabled,.x-menu-light .x-menu-group-title.x-menu-disabled,.x-menu-light .x-menu-pop-header.x-menu-disabled,.x-menu-light .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled .x-icon,.x-menu-light .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover,.x-menu-light .x-menu-group-title.x-menu-disabled:hover,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-selected{background-color:var(--x-menu-light-color-bg-item_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-submenu_selected);background-color:var(--x-menu-light-color-bg-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-submenu_selected_hover)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-group-title{color:var(--x-menu-light-color-group-title);pointer-events:none}.x-menu-light .x-menu-collapse-button{color:var(--x-menu-light-color-button);background-color:var(--x-menu-light-color-bg-button)}.x-menu-light .x-menu-collapse-button:hover{background-color:var(--x-menu-light-color-bg-button_hover)}.x-menu-dark{background-color:var(--x-menu-dark-color-bg)}.x-menu-dark .x-menu-item,.x-menu-dark .x-menu-group-title,.x-menu-dark .x-menu-pop-header,.x-menu-dark .x-menu-inline-header{color:var(--x-menu-dark-color-item_default);background-color:var(--x-menu-dark-color-bg-item_default)}.x-menu-dark .x-menu-item .x-icon,.x-menu-dark .x-menu-item .x-menu-icon,.x-menu-dark .x-menu-group-title .x-icon,.x-menu-dark .x-menu-group-title .x-menu-icon,.x-menu-dark .x-menu-pop-header .x-icon,.x-menu-dark .x-menu-pop-header .x-menu-icon,.x-menu-dark .x-menu-inline-header .x-icon,.x-menu-dark .x-menu-inline-header .x-menu-icon{color:var(--x-menu-dark-color-icon_default)}.x-menu-dark .x-menu-item:hover,.x-menu-dark .x-menu-group-title:hover,.x-menu-dark .x-menu-pop-header:hover,.x-menu-dark .x-menu-inline-header:hover{color:var(--x-menu-dark-color-item_hover);background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-item:hover .x-icon,.x-menu-dark .x-menu-item:hover .x-menu-icon,.x-menu-dark .x-menu-group-title:hover .x-icon,.x-menu-dark .x-menu-group-title:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header:hover .x-icon,.x-menu-dark .x-menu-pop-header:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header:hover .x-icon,.x-menu-dark .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_hover)}.x-menu-dark .x-menu-item.x-menu-selected,.x-menu-dark .x-menu-group-title.x-menu-selected,.x-menu-dark .x-menu-pop-header.x-menu-selected,.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-item_selected)}.x-menu-dark .x-menu-item.x-menu-selected .x-icon,.x-menu-dark .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-icon_selected)}.x-menu-dark .x-menu-item.x-menu-disabled,.x-menu-dark .x-menu-group-title.x-menu-disabled,.x-menu-dark .x-menu-pop-header.x-menu-disabled,.x-menu-dark .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-selected{background-color:var(--x-menu-dark-color-bg-item_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-submenu_selected);background-color:var(--x-menu-dark-color-bg-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-submenu_selected_hover)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-group-title{color:var(--x-menu-dark-color-group-title);pointer-events:none}.x-menu-dark .x-menu-collapse-button{color:var(--x-menu-dark-color-button);background-color:var(--x-menu-dark-color-bg-button)}.x-menu-dark .x-menu-collapse-button:hover{background-color:var(--x-menu-dark-color-bg-button_hover)}.x-menu a,.x-menu a:hover,.x-menu a:focus,.x-menu a:active{color:inherit;text-decoration:none;cursor:inherit}.x-menu-scrollbar{box-sizing:border-box;width:100%;height:100%}.x-menu-scrollbar .x-scrollbar--container{height:100%}.x-menu-inner{box-sizing:border-box;width:100%;height:100%}.x-menu-icon-suffix{display:inline-flex;align-items:center;justify-content:center}.x-menu-icon-suffix.is-open .x-icon{transform:rotate(180deg)}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding:0 var(--x-menu-vertical-item-padding-horizontal);line-height:var(--x-menu-vertical-item-height)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{margin-bottom:var(--x-menu-item-gap)}.x-menu-vertical .x-menu-item:not(.x-menu-has-icon),.x-menu-vertical .x-menu-group-title:not(.x-menu-has-icon),.x-menu-vertical .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-vertical .x-menu-inline-header:not(.x-menu-has-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item.x-menu-has-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon{display:flex;align-items:center}.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-icon{flex:none}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-icon{line-height:1}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item .x-menu-item-inner,.x-menu-vertical .x-menu-group-title .x-menu-item-inner,.x-menu-vertical .x-menu-pop-header .x-menu-item-inner,.x-menu-vertical .x-menu-inline-header .x-menu-item-inner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.x-menu-vertical .x-menu-item .x-menu-icon-suffix,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix{position:absolute;top:50%;right:var(--x-menu-vertical-item-padding-horizontal);display:inline-flex;align-items:center;transform:translateY(-50%)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{display:block;line-height:1}.x-menu-vertical .x-menu-inner{padding:var(--x-menu-vertical-padding-vertical) var(--x-menu-vertical-padding-horizontal)}.x-menu-vertical .x-menu-item.x-menu-item-indented{display:flex}.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding-right:28px}.x-menu-horizontal{width:100%;height:auto}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-group-title,.x-menu-horizontal .x-menu-pop-header,.x-menu-horizontal .x-menu-inline-header{padding:0 var(--x-menu-horizontal-item-padding-horizontal);line-height:var(--x-menu-horizontal-item-height)}.x-menu-horizontal .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-horizontal .x-icon,.x-menu-horizontal .x-menu-icon{margin-right:var(--x-menu-horizontal-margin-right-item-prefix-icon)}.x-menu-horizontal .x-menu-icon-suffix{margin-left:var(--x-menu-margin-left-item-suffix-icon)}.x-menu-horizontal .x-menu-inner{display:flex;align-items:center;padding:var(--x-menu-horizontal-padding-vertical) var(--x-menu-horizontal-padding-horizontal)}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-pop{display:inline-block;flex-shrink:0;vertical-align:middle}.x-menu-horizontal .x-menu-item:not(:first-child),.x-menu-horizontal .x-menu-pop:not(:first-child){margin-left:var(--x-menu-horizontal-item-gap)}.x-menu-horizontal .x-menu-pop::after{position:absolute;bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:0;width:100%;height:var(--x-menu-horizontal-padding-vertical);content:" "}.x-menu-overflow-wrap{width:100%}.x-menu-overflow-wrap>.x-menu-overflow-sub-menu-mirror,.x-menu-overflow-wrap>.x-menu-overflow-hidden-menu-item{position:absolute;white-space:nowrap;visibility:hidden;pointer-events:none}.x-menu-selected-label{position:absolute;right:var(--x-menu-horizontal-item-padding-horizontal);bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:var(--x-menu-horizontal-item-padding-horizontal);height:var(--x-menu-height-label-item-selected);background-color:var(--x-menu-color-label-item-selected);animation:x-menu-selected-item-label-enter var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-pop-button{width:auto;background:none;box-shadow:none}.x-menu-pop-button.x-menu-collapsed{width:auto}.x-menu-pop-button .x-menu-item,.x-menu-pop-button .x-menu-group-title,.x-menu-pop-button .x-menu-pop-header,.x-menu-pop-button .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-pop-button-size);height:var(--x-menu-pop-button-size);padding:0;margin-bottom:var(--x-menu-pop-button-margin-bottom);line-height:var(--x-menu-pop-button-size);border:1px solid var(--x-menu-pop-button-border-color);border-radius:50%;box-shadow:var(--x-menu-pop-button-box-shadow)}.x-menu-pop-button .x-menu-item .x-menu-icon,.x-menu-pop-button .x-menu-group-title .x-menu-icon,.x-menu-pop-button .x-menu-pop-header .x-menu-icon,.x-menu-pop-button .x-menu-inline-header .x-menu-icon{margin-right:0}.x-menu-collapsed{width:var(--x-menu-collapse-width)}.x-menu-collapsed .x-menu-inner{padding:var(--x-menu-collapse-padding-vertical) var(--x-menu-collapse-padding-horizontal)}.x-menu-collapsed .x-menu-icon-suffix{display:none}.x-menu-collapsed .x-menu-has-icon>*:not(.x-menu-icon){display:none}.x-menu-collapsed .x-menu-has-icon>.x-menu-icon{margin-right:0}.x-menu-collapsed .x-menu-item .x-icon,.x-menu-collapsed .x-menu-group-title .x-icon,.x-menu-collapsed .x-menu-pop-header .x-icon,.x-menu-collapsed .x-menu-inline-header .x-icon{margin-right:0}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-scrollbar--container,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-scrollbar--container{display:flex;flex-direction:column;align-items:center}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item-tooltip-trigger.x-tooltip,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item-tooltip-trigger.x-tooltip{display:flex;justify-content:center;width:var(--x-menu-collapse-item-size)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-collapse-item-size);height:var(--x-menu-vertical-item-height);padding:0;line-height:var(--x-menu-vertical-item-height)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title{overflow:hidden;color:var(--x-color-transparent);text-indent:-999px}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title .x-menu-indent-list{display:none}.x-menu-collapse-button{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:var(--x-menu-width-collapse-button);height:var(--x-menu-height-collapse-button);padding:0;border:0;border-radius:var(--x-menu-border-radius-collapse-button);cursor:pointer}.x-menu-collapse-button:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-has-collapse-button .x-menu-inner{padding-bottom:calc(var(--x-menu-vertical-padding-vertical) + var(--x-menu-height-collapse-button) + 16px)}.x-menu-inline-content{height:auto;overflow:hidden;transition:height var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu-inline-content-hide{height:0}.x-menu-item-tooltip a{color:inherit;cursor:text}.x-menu-item-tooltip a:hover,.x-menu-item-tooltip a:focus,.x-menu-item-tooltip a:active{color:inherit}.x-menu-item-tooltip.x-tooltip--content{min-width:120px;padding:var(--x-dropdown-padding-vertical) var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-menu-item-tooltip-arrow.x-tooltip--popup-arrow{background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl]{transform:translateY(var(--x-menu-horizontal-padding-vertical))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow{z-index:0;border-top:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt]{transform:translateX(var(--x-menu-vertical-padding-horizontal))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow{z-index:0;border-bottom:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-menu-pop-trigger-dark .x-trigger--arrow{background-color:var(--x-menu-dark-color-bg);border-color:var(--x-menu-dark-color-bg)}.x-trigger-menu{position:relative;box-sizing:border-box;max-height:var(--x-dropdown-max-height);padding:0;overflow:hidden;background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-trigger-menu .x-trigger-menu-scrollbar,.x-trigger-menu .x-trigger-menu-inner{max-height:inherit}.x-trigger-menu .x-trigger-menu-scrollbar .x-scrollbar--container{max-height:inherit}.x-trigger-menu .x-trigger-menu-inner{padding:var(--x-dropdown-padding-vertical) 0}.x-trigger-menu-hidden{display:none}.x-trigger-menu-item,.x-trigger-menu-pop-header{position:relative;z-index:1;box-sizing:border-box;width:100%;height:var(--x-dropdown-option-height);padding:0 var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);text-align:left;background-color:var(--x-dropdown-option-color-bg_default);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-option-color-text_selected);font-weight:var(--x-dropdown-option-font-weight_selected);background-color:var(--x-dropdown-option-color-bg_selected);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-trigger-menu-item:hover,.x-trigger-menu-pop-header:hover{color:var(--x-dropdown-option-color-text_hover);background-color:var(--x-dropdown-option-color-bg_hover)}.x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-option-color-text_disabled);background-color:var(--x-dropdown-option-color-bg_disabled);cursor:not-allowed}.x-trigger-menu .x-trigger-menu-has-icon{display:flex;align-items:center}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-icon{margin-right:8px;line-height:1}.x-trigger-menu .x-trigger-menu-has-icon>*{flex:none}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-title{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-header{display:flex;align-items:center;justify-content:space-between}.x-trigger-menu-pop-header .x-trigger-menu-icon-suffix{display:flex;margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-trigger-menu-group:first-child .x-trigger-menu-group-title{padding-top:calc(var(--x-dropdown-group-title-padding-top) - var(--x-dropdown-padding-vertical))}.x-trigger-menu-group-title{box-sizing:border-box;width:100%;padding:var(--x-dropdown-group-title-padding-top) var(--x-dropdown-group-title-padding-horizontal) 0 var(--x-dropdown-group-title-padding-horizontal);color:var(--x-dropdown-group-title-color-text);font-size:var(--x-dropdown-group-title-font-size);line-height:var(--x-dropdown-group-title-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-trigger .x-trigger--arrow{display:none}.x-trigger-menu-dark{background-color:var(--x-dropdown-dark-color-bg);border-color:var(--x-dropdown-dark-color-border)}.x-trigger-menu-dark .x-trigger-menu-item,.x-trigger-menu-dark .x-trigger-menu-pop-header{color:var(--x-dropdown-dark-option-color-text_default);background-color:var(--x-dropdown-dark-option-color-bg_default)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-dark-option-color-text_selected);background-color:var(--x-dropdown-dark-option-color-bg_selected)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected:hover{color:var(--x-dropdown-dark-option-color-text_selected)}.x-trigger-menu-dark .x-trigger-menu-item:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header:hover{color:var(--x-dropdown-dark-option-color-text_hover);background-color:var(--x-dropdown-dark-option-color-bg_hover)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-dark-option-color-text_disabled);background-color:var(--x-dropdown-dark-option-color-bg_disabled)}.x-trigger-menu-dark .x-trigger-menu-group-title{color:var(--x-dropdown-dark-group-title-color-text)}
package/dist/style/pagination.css CHANGED
@@ -1 +1 @@
1
- :root{--x-pagination-item-border-radius: var(--x-border-radius-small);--x-pagination-item-spacing: var(--x-spacing-4);--x-pagination-margin-total-spacing: var(--x-spacing-4);--x-pagination-margin-option-left: var(--x-spacing-4);--x-pagination-margin-jumper-left: var(--x-spacing-4);--x-pagination-size-mini: var(--x-size-mini);--x-pagination-size-small: var(--x-size-small);--x-pagination-size-default: var(--x-size-default);--x-pagination-size-large: var(--x-size-large);--x-pagination-padding-horizontal: 8px;--x-pagination-size-mini-font-size: var(--x-font-size-body-1);--x-pagination-size-small-font-size: var(--x-font-size-body-3);--x-pagination-size-default-font-size: var(--x-font-size-body-3);--x-pagination-size-large-font-size: var(--x-font-size-body-3);--x-pagination-size-icon-arrow-mini: var(--x-size-3);--x-pagination-size-icon-arrow-small: var(--x-size-3);--x-pagination-size-icon-arrow-default: var(--x-size-3);--x-pagination-size-icon-arrow-large: 14px;--x-pagination-size-icon-ellipsis: var(--x-size-4);--x-pagination-border-width: var(--x-border-none);--x-pagination-color-bg-item: var(--x-color-transparent);--x-pagination-color-bg-item_active: var(--x-color-primary-light-1);--x-pagination-color-bg-item_hover: var(--x-color-fill-1);--x-pagination-color-bg-item_disabled: var(--x-color-transparent);--x-pagination-color-bg-item_active_disabled: var(--x-color-fill-1);--x-pagination-color-item-text: var(--x-color-text-2);--x-pagination-color-item-text_hover: var(--x-color-text-2);--x-pagination-color-item-text_active: var(--x-color-primary-6);--x-pagination-color-item-text_disabled: var(--x-color-text-4);--x-pagination-color-item-text_active_disabled: var(--x-color-primary-light-3);--x-pagination-color-item-border: var(--x-color-transparent);--x-pagination-color-item-border_active: var(--x-color-transparent);--x-pagination-color-item-border_hover: var(--x-color-transparent);--x-pagination-color-item-border_disabled: var(--x-color-transparent);--x-pagination-color-item-border_active_disabled: var(--x-color-transparent);--x-pagination-color-item-outline_focus: var(--x-color-primary-light-3);--x-pagination-color-icon-arrow: var(--x-color-text-2);--x-pagination-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-input-width: var(--x-size-10);--x-pagination-simple-color-icon-arrow: var(--x-color-text-2);--x-pagination-simple-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-simple-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-simple-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-margin-prev-right: var(--x-spacing-2);--x-pagination-simple-margin-next-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-right: var(--x-spacing-6);--x-pagination-jumper-input-width: var(--x-size-10);--x-pagination-color-jumper-goto: var(--x-color-text-3);--x-pagination-color-text-total: var(--x-color-text-1)}.x-pagination{display:flex;align-items:center;font-size:var(--x-pagination-size-default-font-size)}.x-pagination--list{display:inline-flex;align-items:center;column-gap:var(--x-pagination-item-spacing);margin:0;padding:0;white-space:nowrap;list-style:none}.x-pagination--list>.x-pagination--item{margin:0}.x-pagination--item{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;padding:0 var(--x-pagination-padding-horizontal);margin:0;color:var(--x-pagination-color-item-text);text-align:center;vertical-align:middle;list-style:none;background-color:var(--x-pagination-color-bg-item);border:var(--x-pagination-border-width) solid var(--x-pagination-color-item-border);border-radius:var(--x-pagination-item-border-radius);outline:0;cursor:pointer;user-select:none;min-width:var(--x-pagination-size-default);height:var(--x-pagination-size-default);font-size:var(--x-pagination-size-default-font-size);line-height:1}.x-pagination--item-previous,.x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-default)}.x-pagination--item:hover{color:var(--x-pagination-color-item-text_hover);background-color:var(--x-pagination-color-bg-item_hover);border-color:var(--x-pagination-color-item-border_hover)}.x-pagination--item:focus-visible{box-shadow:0 0 0 2px var(--x-pagination-color-item-outline_focus)}.x-pagination--item-active,.x-pagination--item-active:hover{color:var(--x-pagination-color-item-text_active);background-color:var(--x-pagination-color-bg-item_active);border-color:var(--x-pagination-color-item-border_active);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-pagination--item-disabled,.x-pagination--item-disabled:hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination--item-previous,.x-pagination--item-next{color:var(--x-pagination-color-icon-arrow);font-size:var(--x-pagination-size-icon-arrow-default);background-color:var(--x-pagination-color-icon-arrow-bg)}.x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-color-icon-arrow-text_hover);background-color:var(--x-pagination-color-icon-arrow-bg_hover)}.x-pagination--item-previous svg,.x-pagination--item-next svg{display:block;width:1em;height:1em}.x-pagination--item-previous.x-pagination--item-disabled,.x-pagination--item-next.x-pagination--item-disabled{color:var(--x-pagination-color-icon-arrow-text_disabled);background-color:var(--x-pagination-color-icon-arrow-bg_disabled)}.x-pagination--item-ellipsis{font-size:var(--x-pagination-size-icon-ellipsis)}.x-pagination--jumper{display:flex;align-items:center;margin-left:var(--x-pagination-margin-jumper-left)}.x-pagination--jumper>span{font-size:var(--x-pagination-size-default-font-size)}.x-pagination--jumper-text-goto,.x-pagination--jumper--prepend,.x-pagination--jumper--append{color:var(--x-pagination-color-jumper-goto);white-space:nowrap}.x-pagination--jumper--prepend{margin-right:var(--x-pagination-item-spacing)}.x-pagination--jumper--append{margin-left:var(--x-pagination-item-spacing)}.x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-jumper-input-width);padding-right:2px;padding-left:2px}.x-pagination--jumper .x-pagination--jumper--input input{text-align:center}.x-pagination--options{position:relative;display:inline-block;flex:0 0 auto;min-width:0;margin-left:var(--x-pagination-margin-option-left);text-align:center;vertical-align:middle}.x-pagination--options .x-select--view{width:auto}.x-pagination--total{display:inline-block;height:100%;margin-right:var(--x-pagination-margin-total-spacing);color:var(--x-pagination-color-text-total);font-size:var(--x-pagination-size-default-font-size);font-size:var(--x-pagination-size-default-font-size);line-height:var(--x-pagination-size-default);white-space:nowrap}.x-pagination--jumper{flex:0 0 auto}.x-pagination--jumper--separator{padding:0 var(--x-pagination-simple-margin-separator-right) 0 var(--x-pagination-simple-margin-separator-left)}.x-pagination--jumper--total-page{margin-right:calc(var(--x-pagination-simple-margin-next-left) - var(--x-pagination-simple-margin-prev-right))}.x-pagination--simple{display:inline-flex;align-items:center;flex:0 0 auto}.x-pagination--simple>.x-pagination--item{margin:0}.x-pagination--simple .x-pagination--jumper{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 var(--x-pagination-simple-margin-prev-right);color:var(--x-color-text-1)}.x-pagination--simple .x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-simple-input-width);margin-left:0}.x-pagination--simple .x-pagination--item-previous,.x-pagination--simple .x-pagination--item-next{color:var(--x-pagination-simple-color-icon-arrow);background-color:var(--x-pagination-simple-color-icon-arrow-bg)}.x-pagination--simple .x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--simple .x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-simple-color-icon-arrow-text_hover);background-color:var(--x-pagination-simple-color-icon-arrow-bg_hover)}.x-pagination--simple .x-pagination--item-previous.x-pagination--item-disabled,.x-pagination--simple .x-pagination--item-next.x-pagination--item-disabled{color:var(--x-pagination-simple-color-icon-arrow-text_disabled);background-color:var(--x-pagination-simple-color-icon-arrow-bg_disabled)}.x-pagination-disabled{cursor:not-allowed}.x-pagination-disabled .x-pagination--item,.x-pagination-disabled .x-pagination--item:not(.x-pagination--item-disabled):not(.x-pagination--item-active):hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination-disabled .x-pagination--item-active{color:var(--x-pagination-color-item-text_active_disabled);background-color:var(--x-pagination-color-bg-item_active_disabled);border-color:var(--x-pagination-color-item-border_active_disabled)}.x-pagination-size-mini .x-pagination--item{min-width:var(--x-pagination-size-mini);height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:1}.x-pagination-size-mini .x-pagination--item-previous,.x-pagination-size-mini .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-mini)}.x-pagination-size-mini .x-pagination--total{font-size:var(--x-pagination-size-mini-font-size);line-height:var(--x-pagination-size-mini)}.x-pagination-size-mini .x-pagination--options{height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:0}.x-pagination-size-mini .x-pagination--jumper>span{font-size:var(--x-pagination-size-mini-font-size)}.x-pagination-size-small .x-pagination--item{min-width:var(--x-pagination-size-small);height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:1}.x-pagination-size-small .x-pagination--item-previous,.x-pagination-size-small .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-small)}.x-pagination-size-small .x-pagination--total{font-size:var(--x-pagination-size-small-font-size);line-height:var(--x-pagination-size-small)}.x-pagination-size-small .x-pagination--options{height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:0}.x-pagination-size-small .x-pagination--jumper>span{font-size:var(--x-pagination-size-small-font-size)}.x-pagination-size-large .x-pagination--item{min-width:var(--x-pagination-size-large);height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:1}.x-pagination-size-large .x-pagination--item-previous,.x-pagination-size-large .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-large)}.x-pagination-size-large .x-pagination--total{font-size:var(--x-pagination-size-large-font-size);line-height:var(--x-pagination-size-large)}.x-pagination-size-large .x-pagination--options{height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:0}.x-pagination-size-large .x-pagination--jumper>span{font-size:var(--x-pagination-size-large-font-size)}
1
+ :root{--x-pagination-item-border-radius: var(--x-border-radius-small);--x-pagination-item-spacing: var(--x-spacing-4);--x-pagination-margin-total-spacing: var(--x-spacing-4);--x-pagination-margin-option-left: var(--x-spacing-4);--x-pagination-margin-jumper-left: var(--x-spacing-4);--x-pagination-size-mini: var(--x-size-mini);--x-pagination-size-small: var(--x-size-small);--x-pagination-size-default: var(--x-size-default);--x-pagination-size-large: var(--x-size-large);--x-pagination-padding-horizontal: 8px;--x-pagination-size-mini-font-size: var(--x-font-size-body-1);--x-pagination-size-small-font-size: var(--x-font-size-body-3);--x-pagination-size-default-font-size: var(--x-font-size-body-3);--x-pagination-size-large-font-size: var(--x-font-size-body-3);--x-pagination-size-icon-arrow-mini: var(--x-size-3);--x-pagination-size-icon-arrow-small: var(--x-size-3);--x-pagination-size-icon-arrow-default: var(--x-size-3);--x-pagination-size-icon-arrow-large: 14px;--x-pagination-size-icon-ellipsis: var(--x-size-4);--x-pagination-border-width: var(--x-border-none);--x-pagination-color-bg-item: var(--x-color-transparent);--x-pagination-color-bg-item_active: var(--x-color-primary-light-1);--x-pagination-color-bg-item_hover: var(--x-color-fill-1);--x-pagination-color-bg-item_disabled: var(--x-color-transparent);--x-pagination-color-bg-item_active_disabled: var(--x-color-fill-1);--x-pagination-color-item-text: var(--x-color-text-2);--x-pagination-color-item-text_hover: var(--x-color-text-2);--x-pagination-color-item-text_active: var(--x-color-primary-6);--x-pagination-color-item-text_disabled: var(--x-color-text-4);--x-pagination-color-item-text_active_disabled: var(--x-color-primary-light-3);--x-pagination-color-item-border: var(--x-color-transparent);--x-pagination-color-item-border_active: var(--x-color-transparent);--x-pagination-color-item-border_hover: var(--x-color-transparent);--x-pagination-color-item-border_disabled: var(--x-color-transparent);--x-pagination-color-item-border_active_disabled: var(--x-color-transparent);--x-pagination-color-item-outline_focus: var(--x-color-primary-light-3);--x-pagination-color-icon-arrow: var(--x-color-text-2);--x-pagination-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-input-width: var(--x-size-10);--x-pagination-simple-color-icon-arrow: var(--x-color-text-2);--x-pagination-simple-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-simple-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-simple-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-margin-prev-right: var(--x-spacing-2);--x-pagination-simple-margin-next-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-right: var(--x-spacing-6);--x-pagination-jumper-input-width: var(--x-size-10);--x-pagination-color-jumper-goto: var(--x-color-text-3);--x-pagination-color-text-total: var(--x-color-text-1)}.x-pagination{display:flex;align-items:center;font-size:var(--x-pagination-size-default-font-size)}.x-pagination--list{display:inline-flex;align-items:center;column-gap:var(--x-pagination-item-spacing);margin:0;padding:0;white-space:nowrap;list-style:none}.x-pagination--list>.x-pagination--item{margin:0}.x-pagination--item{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;padding:0 var(--x-pagination-padding-horizontal);margin:0;color:var(--x-pagination-color-item-text);text-align:center;vertical-align:middle;list-style:none;background-color:var(--x-pagination-color-bg-item);border:var(--x-pagination-border-width) solid var(--x-pagination-color-item-border);border-radius:var(--x-pagination-item-border-radius);outline:0;cursor:pointer;user-select:none;min-width:var(--x-pagination-size-default);height:var(--x-pagination-size-default);font-size:var(--x-pagination-size-default-font-size);line-height:1}.x-pagination--item-previous,.x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-default)}.x-pagination--item:hover{color:var(--x-pagination-color-item-text_hover);background-color:var(--x-pagination-color-bg-item_hover);border-color:var(--x-pagination-color-item-border_hover)}.x-pagination--item:focus-visible{box-shadow:0 0 0 2px var(--x-pagination-color-item-outline_focus)}.x-pagination--item-active,.x-pagination--item-active:hover{color:var(--x-pagination-color-item-text_active);background-color:var(--x-pagination-color-bg-item_active);border-color:var(--x-pagination-color-item-border_active);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-pagination--item-disabled,.x-pagination--item-disabled:hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination--item-previous,.x-pagination--item-next{color:var(--x-pagination-color-icon-arrow);font-size:var(--x-pagination-size-icon-arrow-default);background-color:var(--x-pagination-color-icon-arrow-bg)}.x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-color-icon-arrow-text_hover);background-color:var(--x-pagination-color-icon-arrow-bg_hover)}.x-pagination--item-previous svg,.x-pagination--item-next svg{display:block;width:1em;height:1em}.x-pagination--item-previous.x-pagination--item-disabled,.x-pagination--item-next.x-pagination--item-disabled{color:var(--x-pagination-color-icon-arrow-text_disabled);background-color:var(--x-pagination-color-icon-arrow-bg_disabled)}.x-pagination--item-ellipsis{font-size:var(--x-pagination-size-icon-ellipsis)}.x-pagination--jumper{display:flex;align-items:center;margin-left:var(--x-pagination-margin-jumper-left)}.x-pagination--jumper>span{font-size:var(--x-pagination-size-default-font-size);line-height:var(--x-line-height-base)}.x-pagination--jumper-text-goto,.x-pagination--jumper--prepend,.x-pagination--jumper--append{color:var(--x-pagination-color-jumper-goto);white-space:nowrap}.x-pagination--jumper--prepend{margin-right:var(--x-pagination-item-spacing)}.x-pagination--jumper--append{margin-left:var(--x-pagination-item-spacing)}.x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-jumper-input-width);padding-right:2px;padding-left:2px}.x-pagination--jumper .x-pagination--jumper--input input{text-align:center}.x-pagination--options{position:relative;display:inline-block;flex:0 0 auto;min-width:0;margin-left:var(--x-pagination-margin-option-left);text-align:center;vertical-align:middle}.x-pagination--options .x-select--view{width:auto}.x-pagination--total{display:inline-block;height:100%;margin-right:var(--x-pagination-margin-total-spacing);color:var(--x-pagination-color-text-total);font-size:var(--x-pagination-size-default-font-size);font-size:var(--x-pagination-size-default-font-size);line-height:var(--x-pagination-size-default);white-space:nowrap}.x-pagination--jumper{flex:0 0 auto}.x-pagination--jumper--separator{padding:0 var(--x-pagination-simple-margin-separator-right) 0 var(--x-pagination-simple-margin-separator-left)}.x-pagination--jumper--total-page{margin-right:calc(var(--x-pagination-simple-margin-next-left) - var(--x-pagination-simple-margin-prev-right))}.x-pagination--simple{display:inline-flex;align-items:center;flex:0 0 auto}.x-pagination--simple>.x-pagination--item{margin:0}.x-pagination--simple .x-pagination--jumper{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 var(--x-pagination-simple-margin-prev-right);color:var(--x-color-text-1)}.x-pagination--simple .x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-simple-input-width);margin-left:0}.x-pagination--simple .x-pagination--item-previous,.x-pagination--simple .x-pagination--item-next{color:var(--x-pagination-simple-color-icon-arrow);background-color:var(--x-pagination-simple-color-icon-arrow-bg)}.x-pagination--simple .x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--simple .x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-simple-color-icon-arrow-text_hover);background-color:var(--x-pagination-simple-color-icon-arrow-bg_hover)}.x-pagination--simple .x-pagination--item-previous.x-pagination--item-disabled,.x-pagination--simple .x-pagination--item-next.x-pagination--item-disabled{color:var(--x-pagination-simple-color-icon-arrow-text_disabled);background-color:var(--x-pagination-simple-color-icon-arrow-bg_disabled)}.x-pagination-disabled{cursor:not-allowed}.x-pagination-disabled .x-pagination--item,.x-pagination-disabled .x-pagination--item:not(.x-pagination--item-disabled):not(.x-pagination--item-active):hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination-disabled .x-pagination--item-active{color:var(--x-pagination-color-item-text_active_disabled);background-color:var(--x-pagination-color-bg-item_active_disabled);border-color:var(--x-pagination-color-item-border_active_disabled)}.x-pagination-size-mini .x-pagination--item{min-width:var(--x-pagination-size-mini);height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:1}.x-pagination-size-mini .x-pagination--item-previous,.x-pagination-size-mini .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-mini)}.x-pagination-size-mini .x-pagination--total{font-size:var(--x-pagination-size-mini-font-size);line-height:var(--x-pagination-size-mini)}.x-pagination-size-mini .x-pagination--options{height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:0}.x-pagination-size-mini .x-pagination--jumper>span{font-size:var(--x-pagination-size-mini-font-size)}.x-pagination-size-small .x-pagination--item{min-width:var(--x-pagination-size-small);height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:1}.x-pagination-size-small .x-pagination--item-previous,.x-pagination-size-small .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-small)}.x-pagination-size-small .x-pagination--total{font-size:var(--x-pagination-size-small-font-size);line-height:var(--x-pagination-size-small)}.x-pagination-size-small .x-pagination--options{height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:0}.x-pagination-size-small .x-pagination--jumper>span{font-size:var(--x-pagination-size-small-font-size)}.x-pagination-size-large .x-pagination--item{min-width:var(--x-pagination-size-large);height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:1}.x-pagination-size-large .x-pagination--item-previous,.x-pagination-size-large .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-large)}.x-pagination-size-large .x-pagination--total{font-size:var(--x-pagination-size-large-font-size);line-height:var(--x-pagination-size-large)}.x-pagination-size-large .x-pagination--options{height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:0}.x-pagination-size-large .x-pagination--jumper>span{font-size:var(--x-pagination-size-large-font-size)}
package/dist/style/skeleton.css CHANGED
@@ -1 +1 @@
1
- .x-skeleton--shape{width:var(--x-size-12);height:var(--x-size-12);background-color:var(--x-color-fill-1);border-radius:var(--x-border-radius-small)}.x-skeleton--shape-circle{border-radius:50%}.x-skeleton--shape-small{width:var(--x-size-9);height:var(--x-size-9)}.x-skeleton--shape-large{width:var(--x-size-15);height:var(--x-size-15)}ul.x-skeleton--line.x-skeleton--line{box-sizing:border-box;margin:0;padding:0;list-style:none outside none}ul.x-skeleton--line.x-skeleton--line::marker{content:none}.x-skeleton--line--row{display:block;height:var(--x-size-4);background-color:var(--x-color-fill-1);list-style:none}.x-skeleton--line--row::marker{content:none}.x-skeleton-animation .x-skeleton--shape,.x-skeleton-animation .x-skeleton--line--row{background:linear-gradient(90deg, var(--x-color-fill-1) 25%, var(--x-color-fill-3) 37%, var(--x-color-fill-1) 63%);background-size:400% 100%;animation:x-skeleton-circle 1.5s var(--x-transition-timing-function-linear) infinite}@keyframes x-skeleton-circle{0%{background-position:100% 50%}100%{background-position:0 50%}}
1
+ .x-skeleton--shape{width:var(--x-size-12);height:var(--x-size-12);background-color:var(--x-color-fill-1);border-radius:var(--x-border-radius-small)}.x-skeleton--shape-circle{border-radius:50%}.x-skeleton--shape-small{width:var(--x-size-9);height:var(--x-size-9)}.x-skeleton--shape-large{width:var(--x-size-15);height:var(--x-size-15)}ul.x-skeleton--line.x-skeleton--line{box-sizing:border-box;margin:0;padding:0;list-style:none outside none}ul.x-skeleton--line.x-skeleton--line::marker{content:none}.x-skeleton--line--row{display:block;height:var(--x-size-4);background-color:var(--x-color-fill-1);list-style:none}.x-skeleton--line--row::marker{content:none}.x-skeleton-animation .x-skeleton--shape,.x-skeleton-animation .x-skeleton--line--row{background:linear-gradient(90deg, var(--x-color-fill-1) 25%, var(--x-color-fill-3) 37%, var(--x-color-fill-1) 63%);background-size:400% 100%;animation:x-skeleton-circle 1.5s var(--x-transition-timing-function-linear) infinite}@media(prefers-reduced-motion: reduce){.x-skeleton-animation .x-skeleton--shape,.x-skeleton-animation .x-skeleton--line--row{animation:none}}@keyframes x-skeleton-circle{0%{background-position:100% 50%}100%{background-position:0 50%}}
package/dist/style/spin.css CHANGED
@@ -1 +1 @@
1
- .x-dot-loading{position:relative;display:inline-block;width:calc(var(--x-size-3)*3);height:calc(var(--x-size-3)*3);transform-style:preserve-3d;perspective:200px;animation:x-spin-rotate-dots 1.5s linear infinite}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(1){background-color:var(--x-color-primary-text)}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(2){background-color:var(--x-color-success-text)}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(3){background-color:var(--x-color-strong-text)}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(4){background-color:var(--x-color-warning-text)}.x-dot-loading--item{position:absolute;width:var(--x-size-3);height:var(--x-size-3);background-color:var(--x-color-primary-text);border-radius:var(--x-border-radius-circle);animation:x-spin-fade-dots 1.5s var(--x-transition-timing-function-linear) infinite forwards}.x-dot-loading--item:nth-child(1){top:0;left:50%;transform:translateX(-50%);animation-delay:0s}.x-dot-loading--item:nth-child(2){top:50%;right:0;transform:translateY(-50%);animation-delay:.25s}.x-dot-loading--item:nth-child(3){bottom:0;left:50%;transform:translateX(-50%);animation-delay:.5s}.x-dot-loading--item:nth-child(4){top:50%;left:0;transform:translateY(-50%);animation-delay:.75s}@keyframes x-spin-rotate-dots{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes x-spin-fade-dots{0%,100%{opacity:1}50%{opacity:.1}}.x-spin{display:inline-block}.x-spin.x-spin-block{display:block}.x-spin-with-tip{text-align:center}.x-spin--icon{display:inline-flex;color:var(--x-color-primary-text);font-size:24px}.x-spin--tip{margin-top:var(--x-spacing-3);color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500);font-size:14px}.x-spin--mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;text-align:center;background-color:var(--x-color-spin-layer-bg);transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear);user-select:none}.x-spin--children{position:relative}.x-spin-loading{position:relative;user-select:none}.x-spin-loading .x-spin--mask--icon{position:absolute;top:50%;left:50%;z-index:12;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.x-spin-loading .x-spin--children{pointer-events:none}.x-spin-loading .x-spin--children::after{opacity:1;pointer-events:auto}
1
+ .x-dot-loading{position:relative;display:inline-block;width:calc(var(--x-size-3)*3);height:calc(var(--x-size-3)*3);transform-style:preserve-3d;perspective:200px;animation:x-spin-rotate-dots 1.5s linear infinite}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(1){background-color:var(--x-color-primary-text)}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(2){background-color:var(--x-color-success-text)}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(3){background-color:var(--x-color-strong-text)}.x-dot-loading.x-dot-loading-color .x-dot-loading--item:nth-child(4){background-color:var(--x-color-warning-text)}.x-dot-loading--item{position:absolute;width:var(--x-size-3);height:var(--x-size-3);background-color:var(--x-color-primary-text);border-radius:var(--x-border-radius-circle);animation:x-spin-fade-dots 1.5s var(--x-transition-timing-function-linear) infinite forwards}.x-dot-loading--item:nth-child(1){top:0;left:50%;transform:translateX(-50%);animation-delay:0s}.x-dot-loading--item:nth-child(2){top:50%;right:0;transform:translateY(-50%);animation-delay:.25s}.x-dot-loading--item:nth-child(3){bottom:0;left:50%;transform:translateX(-50%);animation-delay:.5s}.x-dot-loading--item:nth-child(4){top:50%;left:0;transform:translateY(-50%);animation-delay:.75s}@keyframes x-spin-rotate-dots{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes x-spin-fade-dots{0%,100%{opacity:1}50%{opacity:.1}}.x-spin{display:inline-block}.x-spin.x-spin-block{display:block}.x-spin-with-tip{text-align:center}.x-spin--icon{display:inline-flex;color:var(--x-color-primary-text);font-size:24px}.x-spin--tip{margin-top:var(--x-spacing-3);color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500);font-size:14px;line-height:var(--x-line-height-base)}@supports(-webkit-background-clip: text) or (background-clip: text){.x-spin-tip-shimmer .x-spin--tip{color:var(--x-color-transparent);background-image:linear-gradient(90deg, var(--x-color-primary-text) 0%, var(--x-color-primary-text) 44%, var(--x-spin-tip-shimmer-color-highlight) 50%, var(--x-color-primary-text) 56%, var(--x-color-primary-text) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:x-spin-tip-shimmer var(--x-spin-tip-shimmer-duration) linear infinite}}.x-spin--mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;text-align:center;background-color:var(--x-color-spin-layer-bg);transition:opacity var(--x-transition-duration-1) var(--x-transition-timing-function-linear);user-select:none}.x-spin--children{position:relative}.x-spin-loading{position:relative;user-select:none}.x-spin-loading .x-spin--mask--icon{position:absolute;top:50%;left:50%;z-index:12;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.x-spin-loading .x-spin--children{pointer-events:none}@keyframes x-spin-tip-shimmer{0%{background-position:140% 50%}100%{background-position:-40% 50%}}@media(prefers-reduced-motion: reduce){.x-dot-loading,.x-dot-loading--item{animation:none}.x-spin-tip-shimmer .x-spin--tip{background-image:none;color:var(--x-color-primary-text)}}