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/steps.css CHANGED
@@ -1 +1 @@
1
- .x-steps--item{position:relative;flex:1;margin-right:12px;overflow:hidden;white-space:nowrap;text-align:left}.x-steps--item:last-child{flex:none;margin-right:0}.x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps--item-disabled{cursor:not-allowed}.x-steps--item-disabled .x-steps--item--title,.x-steps--item-disabled .x-steps--item--description{color:var(--x-color-text-4)}.x-steps--item--node{display:inline-block;margin-right:12px;min-width:var(--x-size-7);min-height:var(--x-size-7);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);vertical-align:top}.x-steps--icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-size-7);height:var(--x-size-7);color:var(--x-color-text-2);font-size:var(--x-size-4);text-align:center;background-color:var(--x-color-fill-2);border:1px solid var(--x-color-transparent);border-radius:var(--x-border-radius-circle)}.x-steps--item-process .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-primary-6);border-color:var(--x-color-transparent)}.x-steps--item-finish .x-steps--icon{color:var(--x-color-primary-text);background-color:var(--x-color-primary-light-1);border-color:var(--x-color-transparent)}.x-steps--item-error .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-danger-6);border-color:var(--x-color-transparent)}.x-steps--item-disabled .x-steps--icon{color:var(--x-color-text-4);background-color:var(--x-color-fill-2)}.x-steps--item--title{position:relative;display:inline-block;padding-right:12px;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);line-height:var(--x-size-7);white-space:nowrap}.x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item--content{display:inline-block}.x-steps--item--description{max-width:140px;margin-top:var(--x-spacing-1);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item:not(:last-child) .x-steps--item--title::after{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);left:100%;display:block;box-sizing:border-box;width:5000px;height:var(--x-border-1);background-color:var(--x-color-neutral-3);content:""}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-finish:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-primary-6)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-next-error:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-danger-6)}.x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);box-sizing:border-box;width:100%;height:var(--x-border-1)}.x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{top:0;left:calc((var(--x-size-7) - var(--x-border-1))/2);width:var(--x-border-1);height:auto;padding:0;bottom:0}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{position:absolute;top:calc(var(--x-size-7) + 6px);bottom:6px;left:0;width:var(--x-border-1);height:auto}.x-steps-vertical .x-steps--item--node{margin-right:12px}.x-steps-vertical .x-steps--item--content{display:inline-block}.x-steps-size-small:not(.x-steps-vertical) .x-steps--item:not(:last-child) .x-steps--item--tail{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{left:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{top:calc(var(--x-size-6) + 6px)}.x-steps-size-small .x-steps--item--node{font-size:var(--x-font-size-body-3)}.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3);line-height:var(--x-size-6)}.x-steps-size-small .x-steps--item--description{font-size:var(--x-font-size-body-1)}.x-steps-size-small .x-steps--icon{width:var(--x-size-6);height:var(--x-size-6);font-size:14px;line-height:var(--x-size-6)}.x-steps-size-small.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps--label-vertical .x-steps--item{overflow:visible;text-align:center}.x-steps--label-vertical .x-steps--item--title{margin-top:var(--x-spacing-1);padding-right:0}.x-steps--label-vertical .x-steps--item--node{display:block;margin-left:calc((140px - var(--x-size-7))/2);text-align:left}.x-steps--label-vertical .x-steps--item--tail{left:calc(calc((140px - var(--x-size-7)) / 2) + var(--x-size-7) + 12px);padding-right:calc(var(--x-size-7) + 12px)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--node{margin-left:calc((140px - var(--x-size-6))/2)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--tail{left:calc(calc((140px - var(--x-size-6)) / 2) + var(--x-size-6) + 12px);padding-right:calc(var(--x-size-6) + 12px)}.x-steps-mode-dot .x-steps--item{position:relative;flex:1;margin-right:calc(var(--x-size-2) + var(--x-spacing-2)*2);overflow:visible;white-space:nowrap;text-align:left}.x-steps-mode-dot .x-steps--item:last-child{flex:none;margin-right:0}.x-steps-mode-dot .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-dot .x-steps--item--node{display:inline-block;box-sizing:border-box;min-width:0;min-height:0;width:var(--x-size-2);height:var(--x-size-2);background-color:var(--x-color-fill-4);border:1px solid var(--x-color-fill-4);border-radius:var(--x-border-radius-circle);vertical-align:top}.x-steps-mode-dot .x-steps--item-active .x-steps--item--node{width:10px;height:10px}.x-steps-mode-dot .x-steps--item-process .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--node{background-color:var(--x-color-danger-6);border-color:var(--x-color-danger-6)}.x-steps-mode-dot .x-steps--item-disabled .x-steps--item--node{background-color:var(--x-color-fill-2);border-color:var(--x-color-fill-3)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--node{margin-left:calc((140px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item-active .x-steps--item--node{margin-top:calc((var(--x-size-2) - 10px)/2);margin-left:calc(calc((140px - var(--x-size-2)) / 2) - (10px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--title::after{display:none}.x-steps-mode-dot .x-steps--item--content{display:inline-block}.x-steps-mode-dot .x-steps--item--title{position:relative;display:inline-block;margin-top:var(--x-spacing-2);color:var(--x-color-text-2);font-size:var(--x-font-size-title-1)}.x-steps-mode-dot .x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item--description{margin-top:var(--x-spacing-2);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps-mode-dot .x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-2) - var(--x-border-1))/2);left:calc(calc((140px - var(--x-size-2)) / 2) + var(--x-size-2) + var(--x-spacing-2));box-sizing:border-box;width:100%;height:var(--x-border-1);background-color:var(--x-color-neutral-3)}.x-steps-mode-dot .x-steps--item-finish:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-next-error:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-danger-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--node{margin-top:var(--x-spacing-4);margin-right:var(--x-spacing-7)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-active .x-steps--item--node{margin-top:calc(var(--x-spacing-4) - (10px - var(--x-size-2))/2);margin-left:calc((var(--x-size-2) - 10px)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--content{overflow:hidden}.x-steps-mode-dot.x-steps-vertical .x-steps--item--title{margin-top:calc(var(--x-spacing-4) + var(--x-size-2)/2 - var(--x-size-7)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--description{margin-top:var(--x-spacing-2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;bottom:0;left:calc(var(--x-size-2)/2);box-sizing:border-box;width:1px;height:100%;padding-top:calc(var(--x-size-2) + 4px + var(--x-spacing-2));padding-bottom:2px;background-color:var(--x-color-transparent);transform:translateX(-50%)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps-mode-dot.x-steps-vertical .x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps{--x-steps-arrow-height: 72px;--x-steps-size-arrow: 36px}.x-steps-mode-arrow .x-steps--item{position:relative;display:flex;flex:1;align-items:center;height:var(--x-steps-arrow-height);overflow:visible;white-space:nowrap;background-color:var(--x-color-fill-1)}.x-steps-mode-arrow .x-steps--item:not(:last-child){margin-right:var(--x-spacing-2)}.x-steps-mode-arrow .x-steps--item:not(:first-child)::before{position:absolute;top:0;left:0;z-index:1;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-bg-2);content:""}.x-steps-mode-arrow .x-steps--item:not(:last-child)::after{position:absolute;top:0;right:calc(var(--x-steps-size-arrow)*-1);z-index:2;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-fill-1);content:""}.x-steps-mode-arrow .x-steps--item-process{background-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-process:not(:last-child)::after{border-left-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-finish{background-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-finish:not(:last-child)::after{border-left-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-error{background-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-error:not(:last-child)::after{border-left-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-disabled{background-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item-disabled:not(:last-child)::after{border-left-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item--content{display:inline-block;box-sizing:border-box}.x-steps-mode-arrow .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-7)}.x-steps-mode-arrow .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-7) + var(--x-steps-size-arrow))}.x-steps-mode-arrow .x-steps--item--title{position:relative;display:inline-block;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item--title::after{display:none}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-arrow .x-steps--item--description{max-width:none;margin-top:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow.x-steps-size-small{--x-steps-arrow-height: var(--x-size-10);--x-steps-size-arrow: calc(var(--x-size-10) / 2)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--description{display:none}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-8)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-8) + var(--x-size-10)/2)}.x-steps-mode-navigation .x-steps--item--title::after{display:none}.x-steps-mode-navigation .x-steps--item{position:relative;padding-right:var(--x-spacing-5);padding-left:var(--x-spacing-8);margin-right:var(--x-spacing-10)}.x-steps-mode-navigation .x-steps--item:last-child{flex:1}.x-steps-mode-navigation .x-steps--item--content{margin-bottom:20px}.x-steps-mode-navigation .x-steps--item--description{padding-right:20px}.x-steps-mode-navigation .x-steps--item-active .x-steps--item--title{color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500)}.x-steps-mode-navigation .x-steps--item:not(:last-child) .x-steps--item--content::after{position:absolute;top:var(--x-spacing-5);right:30px;display:inline-block;width:6px;height:6px;background-color:var(--x-color-bg-2);border:2px solid var(--x-color-text-4);border-bottom:none;border-left:none;transform:rotate(45deg);content:""}.x-steps{display:flex}.x-steps-vertical{flex-direction:column}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled){cursor:pointer}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--title,.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--description{color:var(--x-color-primary-text)}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:4px}.x-steps-changeable .x-steps--item--title,.x-steps-changeable .x-steps--item--description{transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-steps-line-less .x-steps--item--tail,.x-steps-line-less .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item:not(:last-child){min-height:90px}.x-steps-vertical .x-steps--item--content{vertical-align:top}.x-steps-vertical .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item--description{max-width:none}.x-steps--label-vertical .x-steps--item--content{display:block;width:140px;text-align:center}.x-steps--label-vertical .x-steps--item--description{max-width:none}
1
+ .x-steps--item{position:relative;flex:1;margin-right:12px;overflow:hidden;white-space:nowrap;text-align:left}.x-steps--item:last-child{flex:none;margin-right:0}.x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps--item-disabled{cursor:not-allowed}.x-steps--item-disabled .x-steps--item--title,.x-steps--item-disabled .x-steps--item--description{color:var(--x-color-text-4)}.x-steps--item--node{display:inline-block;margin-right:12px;min-width:var(--x-size-7);min-height:var(--x-size-7);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);vertical-align:top}.x-steps--icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-size-7);height:var(--x-size-7);color:var(--x-color-text-2);font-size:var(--x-size-4);text-align:center;background-color:var(--x-color-fill-2);border:1px solid var(--x-color-transparent);border-radius:var(--x-border-radius-circle)}.x-steps--item-process .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-primary-6);border-color:var(--x-color-transparent)}.x-steps--item-finish .x-steps--icon{color:var(--x-color-primary-text);background-color:var(--x-color-primary-light-1);border-color:var(--x-color-transparent)}.x-steps--item-error .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-danger-6);border-color:var(--x-color-transparent)}.x-steps--item-disabled .x-steps--icon{color:var(--x-color-text-4);background-color:var(--x-color-fill-2)}.x-steps--item--title{position:relative;display:inline-block;padding-right:12px;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);line-height:var(--x-size-7);white-space:nowrap}.x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item--content{display:inline-block}.x-steps--item--description{max-width:140px;margin-top:var(--x-spacing-1);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);line-height:var(--x-line-height-base);white-space:normal}.x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item:not(:last-child) .x-steps--item--title::after{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);left:100%;display:block;box-sizing:border-box;width:5000px;height:var(--x-border-1);background-color:var(--x-color-neutral-3);content:""}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-finish:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-primary-6)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-next-error:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-danger-6)}.x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);box-sizing:border-box;width:100%;height:var(--x-border-1)}.x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{top:0;left:calc((var(--x-size-7) - var(--x-border-1))/2);width:var(--x-border-1);height:auto;padding:0;bottom:0}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{position:absolute;top:calc(var(--x-size-7) + 6px);bottom:6px;left:0;width:var(--x-border-1);height:auto}.x-steps-vertical .x-steps--item--node{margin-right:12px}.x-steps-vertical .x-steps--item--content{display:inline-block}.x-steps-size-small:not(.x-steps-vertical) .x-steps--item:not(:last-child) .x-steps--item--tail{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{left:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{top:calc(var(--x-size-6) + 6px)}.x-steps-size-small .x-steps--item--node{font-size:var(--x-font-size-body-3)}.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3);line-height:var(--x-size-6)}.x-steps-size-small .x-steps--item--description{font-size:var(--x-font-size-body-1)}.x-steps-size-small .x-steps--icon{width:var(--x-size-6);height:var(--x-size-6);font-size:14px;line-height:var(--x-size-6)}.x-steps-size-small.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps--label-vertical .x-steps--item{overflow:visible;text-align:center}.x-steps--label-vertical .x-steps--item--title{margin-top:var(--x-spacing-1);padding-right:0}.x-steps--label-vertical .x-steps--item--node{display:block;margin-left:calc((140px - var(--x-size-7))/2);text-align:left}.x-steps--label-vertical .x-steps--item--tail{left:calc(calc((140px - var(--x-size-7)) / 2) + var(--x-size-7) + 12px);padding-right:calc(var(--x-size-7) + 12px)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--node{margin-left:calc((140px - var(--x-size-6))/2)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--tail{left:calc(calc((140px - var(--x-size-6)) / 2) + var(--x-size-6) + 12px);padding-right:calc(var(--x-size-6) + 12px)}.x-steps-mode-dot .x-steps--item{position:relative;flex:1;margin-right:calc(var(--x-size-2) + var(--x-spacing-2)*2);overflow:visible;white-space:nowrap;text-align:left}.x-steps-mode-dot .x-steps--item:last-child{flex:none;margin-right:0}.x-steps-mode-dot .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-dot .x-steps--item--node{display:inline-block;box-sizing:border-box;min-width:0;min-height:0;width:var(--x-size-2);height:var(--x-size-2);background-color:var(--x-color-fill-4);border:1px solid var(--x-color-fill-4);border-radius:var(--x-border-radius-circle);vertical-align:top}.x-steps-mode-dot .x-steps--item-active .x-steps--item--node{width:10px;height:10px}.x-steps-mode-dot .x-steps--item-process .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--node{background-color:var(--x-color-danger-6);border-color:var(--x-color-danger-6)}.x-steps-mode-dot .x-steps--item-disabled .x-steps--item--node{background-color:var(--x-color-fill-2);border-color:var(--x-color-fill-3)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--node{margin-left:calc((140px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item-active .x-steps--item--node{margin-top:calc((var(--x-size-2) - 10px)/2);margin-left:calc(calc((140px - var(--x-size-2)) / 2) - (10px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--title::after{display:none}.x-steps-mode-dot .x-steps--item--content{display:inline-block}.x-steps-mode-dot .x-steps--item--title{position:relative;display:inline-block;margin-top:var(--x-spacing-2);color:var(--x-color-text-2);font-size:var(--x-font-size-title-1)}.x-steps-mode-dot .x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item--description{margin-top:var(--x-spacing-2);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps-mode-dot .x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-2) - var(--x-border-1))/2);left:calc(calc((140px - var(--x-size-2)) / 2) + var(--x-size-2) + var(--x-spacing-2));box-sizing:border-box;width:100%;height:var(--x-border-1);background-color:var(--x-color-neutral-3)}.x-steps-mode-dot .x-steps--item-finish:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-next-error:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-danger-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--node{margin-top:var(--x-spacing-4);margin-right:var(--x-spacing-7)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-active .x-steps--item--node{margin-top:calc(var(--x-spacing-4) - (10px - var(--x-size-2))/2);margin-left:calc((var(--x-size-2) - 10px)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--content{overflow:hidden}.x-steps-mode-dot.x-steps-vertical .x-steps--item--title{margin-top:calc(var(--x-spacing-4) + var(--x-size-2)/2 - var(--x-size-7)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--description{margin-top:var(--x-spacing-2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;bottom:0;left:calc(var(--x-size-2)/2);box-sizing:border-box;width:1px;height:100%;padding-top:calc(var(--x-size-2) + 4px + var(--x-spacing-2));padding-bottom:2px;background-color:var(--x-color-transparent);transform:translateX(-50%)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps-mode-dot.x-steps-vertical .x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps{--x-steps-arrow-height: 72px;--x-steps-size-arrow: 36px}.x-steps-mode-arrow .x-steps--item{position:relative;display:flex;flex:1;align-items:center;height:var(--x-steps-arrow-height);overflow:visible;white-space:nowrap;background-color:var(--x-color-fill-1)}.x-steps-mode-arrow .x-steps--item:not(:last-child){margin-right:var(--x-spacing-2)}.x-steps-mode-arrow .x-steps--item:not(:first-child)::before{position:absolute;top:0;left:0;z-index:1;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-bg-2);content:""}.x-steps-mode-arrow .x-steps--item:not(:last-child)::after{position:absolute;top:0;right:calc(var(--x-steps-size-arrow)*-1);z-index:2;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-fill-1);content:""}.x-steps-mode-arrow .x-steps--item-process{background-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-process:not(:last-child)::after{border-left-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-finish{background-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-finish:not(:last-child)::after{border-left-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-error{background-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-error:not(:last-child)::after{border-left-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-disabled{background-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item-disabled:not(:last-child)::after{border-left-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item--content{display:inline-block;box-sizing:border-box}.x-steps-mode-arrow .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-7)}.x-steps-mode-arrow .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-7) + var(--x-steps-size-arrow))}.x-steps-mode-arrow .x-steps--item--title{position:relative;display:inline-block;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item--title::after{display:none}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-arrow .x-steps--item--description{max-width:none;margin-top:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow.x-steps-size-small{--x-steps-arrow-height: var(--x-size-10);--x-steps-size-arrow: calc(var(--x-size-10) / 2)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--description{display:none}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-8)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-8) + var(--x-size-10)/2)}.x-steps-mode-navigation .x-steps--item--title::after{display:none}.x-steps-mode-navigation .x-steps--item{position:relative;padding-right:var(--x-spacing-5);padding-left:var(--x-spacing-8);margin-right:var(--x-spacing-10)}.x-steps-mode-navigation .x-steps--item:last-child{flex:1}.x-steps-mode-navigation .x-steps--item--content{margin-bottom:20px}.x-steps-mode-navigation .x-steps--item--description{padding-right:20px}.x-steps-mode-navigation .x-steps--item-active .x-steps--item--title{color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500)}.x-steps-mode-navigation .x-steps--item:not(:last-child) .x-steps--item--content::after{position:absolute;top:var(--x-spacing-5);right:30px;display:inline-block;width:6px;height:6px;background-color:var(--x-color-bg-2);border:2px solid var(--x-color-text-4);border-bottom:none;border-left:none;transform:rotate(45deg);content:""}.x-steps{display:flex}.x-steps-vertical{flex-direction:column}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled){cursor:pointer}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--title,.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--description{color:var(--x-color-primary-text)}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:4px}.x-steps-changeable .x-steps--item--title,.x-steps-changeable .x-steps--item--description{transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-steps-line-less .x-steps--item--tail,.x-steps-line-less .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item:not(:last-child){min-height:90px}.x-steps-vertical .x-steps--item--content{vertical-align:top}.x-steps-vertical .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item--description{max-width:none}.x-steps--label-vertical .x-steps--item--content{display:block;width:140px;text-align:center}.x-steps--label-vertical .x-steps--item--description{max-width:none}
package/dist/style/table.css CHANGED
@@ -1 +1 @@
1
- :root{--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active: var(--x-color-primary-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-border-expand-icon-width: var(--x-border-1);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6)}.x-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table>.x-spin>.x-spin--children::after{z-index:2}.x-table-footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-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)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table .x-table--th--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table .x-table--td--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:10}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table-radio,.x-table-checkbox{justify-content:center}.x-table-checkbox .x-checkbox,.x-table-radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-up,.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon .x-icon-caret-up{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon-caret-up,.x-table--sorter--icon .x-icon-caret-down{position:absolute;top:50%;color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--sorter--icon .x-icon-caret-up{top:var(--x-table-position-header-sorter-icon-up-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon .x-icon-caret-down{top:var(--x-table-position-header-sorter-icon-down-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon-active svg{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:100}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table.x-table--empty--header{overflow-x:auto}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table-tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table-tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table--tr-checked .x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:1;align-items:center}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}.x-virtual-list>.x-table--element{width:auto}
1
+ :root{--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active: var(--x-color-primary-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-border-expand-icon-width: var(--x-border-1);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6)}.x-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table-footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-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)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table .x-table--th--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table .x-table--td--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:10}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table-radio,.x-table-checkbox{justify-content:center}.x-table-checkbox .x-checkbox,.x-table-radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-up,.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon .x-icon-caret-up{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon-caret-up,.x-table--sorter--icon .x-icon-caret-down{position:absolute;top:50%;color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--sorter--icon .x-icon-caret-up{top:var(--x-table-position-header-sorter-icon-up-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon .x-icon-caret-down{top:var(--x-table-position-header-sorter-icon-down-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon-active svg{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:100}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table.x-table--empty--header{overflow-x:auto}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table-tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table-tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table--tr-checked .x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:1;align-items:center}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}.x-virtual-list>.x-table--element{width:auto}
package/dist/style/upload.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-upload-color-text: var(--x-color-text-primary);--x-upload-color-icon: var(--x-color-text-tertiary);--x-upload-color-tip-text: var(--x-color-text-tertiary);--x-upload-color-bg: var(--x-color-fill-1);--x-upload-color-bg-hover: var(--x-color-fill-2);--x-upload-color-border: var(--x-color-border-default);--x-upload-color-border-hover: var(--x-color-primary);--x-upload-color-thumbnail-bg: var(--x-color-fill-2);--x-upload-color-picture-overlay-bg: var(--x-color-overlay-mask);--x-upload-color-picture-overlay-content: var(--x-color-white);--x-upload-border-width: var(--x-border-1);--x-upload-border-radius: var(--x-border-radius-medium);--x-upload-border-radius-small: var(--x-border-radius-small);--x-upload-size-font-size: var(--x-font-size-body-3);--x-upload-size-tip-font-size: var(--x-font-size-caption);--x-upload-size-line-height: 1.5;--x-upload-spacing-icon-text: var(--x-spacing-2);--x-upload-spacing-operations: var(--x-spacing-1);--x-upload-spacing-list: var(--x-spacing-2);--x-upload-spacing-tip: var(--x-spacing-1);--x-upload-spacing-card: var(--x-spacing-3);--x-upload-size-thumbnail: var(--x-size-10);--x-upload-size-picture-card: var(--x-size-25);--x-upload-size-operation-icon: var(--x-size-4);--x-upload-size-picture-operation-icon: var(--x-size-5);--x-upload-size-progress-width: var(--x-size-25);--x-upload-size-item-padding-vertical: var(--x-spacing-1);--x-upload-size-item-padding-horizontal: var(--x-spacing-2);--x-upload-size-picture-name-padding: var(--x-spacing-1);--x-upload-size-dragger-padding-vertical: var(--x-spacing-12);--x-upload-size-dragger-padding-horizontal: var(--x-spacing-6);--x-upload-size-focus-outline: 2px;--x-upload-size-focus-outline-offset: 1px}.x-upload{position:relative;display:block;color:var(--x-upload-color-text)}.x-upload--list{display:block}.x-upload--entry{display:inline-block}.x-upload--dragger{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:var(--x-upload-size-dragger-padding-vertical) var(--x-upload-size-dragger-padding-horizontal);color:var(--x-upload-color-text);text-align:center;background-color:var(--x-upload-color-bg);border:var(--x-upload-border-width) dashed var(--x-upload-color-border);border-radius:var(--x-upload-border-radius);cursor:pointer;transition:background-color var(--x-transition-duration-2) var(--x-transition-timing-function-standard),border-color var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-upload--dragger:hover{background-color:var(--x-upload-color-bg-hover);border-color:var(--x-upload-color-border-hover)}.x-upload--trigger{display:inline-flex;align-items:center;gap:var(--x-upload-spacing-icon-text);color:var(--x-upload-color-text);cursor:pointer;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-upload--trigger:focus-visible{outline:var(--x-upload-size-focus-outline) solid var(--x-color-border-focus);outline-offset:var(--x-upload-size-focus-outline-offset);border-radius:var(--x-upload-border-radius)}.x-upload--trigger-icon{display:inline-flex;align-items:center;color:var(--x-upload-color-icon)}.x-upload--trigger-text{font-size:var(--x-upload-size-font-size);line-height:var(--x-upload-size-line-height)}.x-upload--tip{margin-top:var(--x-upload-spacing-tip);color:var(--x-upload-color-tip-text);font-size:var(--x-upload-size-tip-font-size);line-height:var(--x-upload-size-line-height)}.x-upload--input{display:none}.x-upload--items{margin-top:var(--x-upload-spacing-list)}.x-upload--item-wrapper{display:block}.x-upload--item{display:flex;align-items:center;box-sizing:border-box;min-width:0;flex-wrap:wrap;gap:var(--x-upload-spacing-icon-text);padding:var(--x-upload-size-item-padding-vertical) var(--x-upload-size-item-padding-horizontal);color:var(--x-upload-color-text);font-size:var(--x-upload-size-font-size);line-height:var(--x-upload-size-line-height);border-radius:var(--x-upload-border-radius)}.x-upload--item:hover{background-color:var(--x-upload-color-bg)}.x-upload--item-file-icon{display:inline-flex;flex:none;align-items:center;color:var(--x-upload-color-icon)}.x-upload--item-thumbnail{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-upload-size-thumbnail);height:var(--x-upload-size-thumbnail);overflow:hidden;color:var(--x-upload-color-icon);background-color:var(--x-upload-color-thumbnail-bg);border-radius:var(--x-upload-border-radius-small)}.x-upload--item-thumbnail img{width:100%;height:100%;object-fit:cover}.x-upload--item-name{flex:1;flex-basis:var(--x-upload-size-thumbnail);min-width:0;overflow:hidden;color:var(--x-upload-color-text);text-overflow:ellipsis;white-space:nowrap}.x-upload--item-name:focus-visible{outline:var(--x-upload-size-focus-outline) solid var(--x-color-border-focus);outline-offset:var(--x-upload-size-focus-outline-offset);border-radius:var(--x-upload-border-radius-small)}.x-upload--item-name-link{color:var(--x-color-primary-text);text-decoration:none}.x-upload--item-name-link:hover{color:var(--x-color-primary);text-decoration:underline}.x-upload--item-error-icon{display:inline-flex;flex:none;align-items:center;color:var(--x-color-danger)}.x-upload--item-progress{flex:none;width:var(--x-upload-size-progress-width)}.x-upload--item-operations{display:inline-flex;flex:none;align-items:center;gap:var(--x-upload-spacing-operations);color:var(--x-upload-color-icon)}.x-upload--item-operations .x-icon-hover{font-size:var(--x-upload-size-operation-icon)}.x-upload--item-error .x-upload--item-name{color:var(--x-color-danger)}.x-upload--list-picture-card{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--x-upload-spacing-card)}.x-upload--picture-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-upload-spacing-tip);height:100%;padding:var(--x-upload-size-item-padding-horizontal);box-sizing:border-box;color:var(--x-upload-color-icon)}.x-upload--picture-placeholder span{max-width:100%;overflow:hidden;font-size:var(--x-upload-size-tip-font-size);text-overflow:ellipsis;white-space:nowrap}.x-upload--picture-entry{display:inline-flex;flex-direction:column;align-items:center;gap:var(--x-upload-spacing-tip)}.x-upload--picture-entry-tip{max-width:var(--x-upload-size-picture-card);color:var(--x-upload-color-tip-text);font-size:var(--x-upload-size-tip-font-size);line-height:var(--x-upload-size-line-height);text-align:center}.x-upload--picture-trigger{justify-content:center;box-sizing:border-box;width:var(--x-upload-size-picture-card);height:var(--x-upload-size-picture-card);color:var(--x-upload-color-icon);background-color:var(--x-upload-color-bg);border:var(--x-upload-border-width) dashed var(--x-upload-color-border);border-radius:var(--x-upload-border-radius)}.x-upload--picture-trigger .x-upload--trigger-text{display:none}.x-upload--picture-trigger:hover{background-color:var(--x-upload-color-bg-hover);border-color:var(--x-upload-color-border-hover)}.x-upload--picture-item{position:relative;box-sizing:border-box;width:var(--x-upload-size-picture-card);height:var(--x-upload-size-picture-card);overflow:hidden;background-color:var(--x-upload-color-thumbnail-bg);border:var(--x-upload-border-width) solid var(--x-upload-color-border);border-radius:var(--x-upload-border-radius)}.x-upload--picture-image{display:block;width:100%;height:100%;object-fit:cover}.x-upload--picture-name{position:absolute;right:0;bottom:0;left:0;padding:var(--x-upload-size-picture-name-padding);overflow:hidden;color:var(--x-upload-color-picture-overlay-content);font-size:var(--x-upload-size-tip-font-size);line-height:var(--x-upload-size-line-height);text-overflow:ellipsis;white-space:nowrap;background-color:var(--x-upload-color-picture-overlay-bg)}.x-upload--picture-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-upload-spacing-tip);padding:var(--x-upload-size-item-padding-horizontal);color:var(--x-upload-color-picture-overlay-content);background-color:var(--x-upload-color-picture-overlay-bg);opacity:0;transition:opacity var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-upload--picture-item:hover .x-upload--picture-mask,.x-upload--picture-item:focus-within .x-upload--picture-mask{opacity:1}.x-upload--picture-operations{display:inline-flex;align-items:center;gap:var(--x-upload-spacing-operations);font-size:var(--x-upload-size-picture-operation-icon)}.x-upload--picture-operations .x-icon-hover{color:var(--x-upload-color-picture-overlay-content)}.x-upload--picture-uploading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.x-upload--picture-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--x-upload-spacing-tip);width:100%;height:100%;color:var(--x-color-danger)}.x-upload--picture-error-tip{display:-webkit-box;overflow:hidden;color:var(--x-upload-color-picture-overlay-content);font-size:var(--x-upload-size-tip-font-size);line-height:var(--x-upload-size-line-height);text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}.x-upload--empty{display:flex;align-items:center;gap:var(--x-upload-spacing-icon-text);padding:var(--x-upload-size-item-padding-vertical) var(--x-upload-size-item-padding-horizontal);color:var(--x-upload-color-tip-text);font-size:var(--x-upload-size-font-size)}.x-upload-is-entry-block{display:block;width:100%}.x-upload-is-dragging{color:var(--x-upload-color-text);background-color:var(--x-upload-color-bg-hover);border-color:var(--x-upload-color-border-hover)}.x-upload-is-disabled{color:var(--x-color-text-disabled);cursor:not-allowed}.x-upload-is-disabled.x-upload--trigger .x-upload--trigger-icon,.x-upload-is-disabled.x-upload--trigger .x-upload--trigger-text{color:inherit}.x-upload-is-disabled.x-upload--trigger:hover{background-color:var(--x-upload-color-bg);border-color:var(--x-color-border-subtle)}.x-upload.x-upload--dragger.x-upload-is-disabled{background-color:var(--x-upload-color-bg);border-color:var(--x-color-border-subtle)}.x-upload.x-upload--picture-trigger.x-upload-is-disabled{border-color:var(--x-color-border-subtle)}.x-upload-is-error{opacity:1}.x-upload-is-uploading{border-style:dashed}.x-upload--announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}
package/dist/style/upload.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './upload.css';