x-next 1.17.0 → 1.18.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 (159) hide show
  1. package/AI_USAGE/catalog.md +1 -1
  2. package/AI_USAGE/components/alert-api.md +1 -1
  3. package/AI_USAGE/components/alert.md +33 -1
  4. package/AI_USAGE/components/bar-chart-api.md +1 -1
  5. package/AI_USAGE/components/bar-chart.md +1 -1
  6. package/AI_USAGE/components/boxicons.md +1 -1
  7. package/AI_USAGE/components/button-api.md +13 -16
  8. package/AI_USAGE/components/button.md +242 -31
  9. package/AI_USAGE/components/charts.md +1 -1
  10. package/AI_USAGE/components/checkbox-api.md +1 -1
  11. package/AI_USAGE/components/checkbox.md +1 -1
  12. package/AI_USAGE/components/color-picker-api.md +1 -1
  13. package/AI_USAGE/components/color-picker.md +1 -1
  14. package/AI_USAGE/components/config-provider-api.md +1 -1
  15. package/AI_USAGE/components/config-provider.md +1 -1
  16. package/AI_USAGE/components/date-picker-api.md +1 -1
  17. package/AI_USAGE/components/date-picker.md +1 -1
  18. package/AI_USAGE/components/dialog-api.md +1 -1
  19. package/AI_USAGE/components/dialog.md +1 -1
  20. package/AI_USAGE/components/draggable-api.md +1 -1
  21. package/AI_USAGE/components/draggable.md +1 -1
  22. package/AI_USAGE/components/drawer-api.md +3 -3
  23. package/AI_USAGE/components/drawer.md +1 -1
  24. package/AI_USAGE/components/dropdown-api.md +3 -3
  25. package/AI_USAGE/components/dropdown.md +1 -1
  26. package/AI_USAGE/components/empty-api.md +1 -1
  27. package/AI_USAGE/components/empty.md +1 -1
  28. package/AI_USAGE/components/finicon.md +1 -1
  29. package/AI_USAGE/components/form-api.md +1 -1
  30. package/AI_USAGE/components/form.md +1 -1
  31. package/AI_USAGE/components/grid-api.md +1 -1
  32. package/AI_USAGE/components/grid.md +1 -1
  33. package/AI_USAGE/components/heatmap-api.md +1 -1
  34. package/AI_USAGE/components/heatmap.md +1 -1
  35. package/AI_USAGE/components/icon-api.md +1 -1
  36. package/AI_USAGE/components/icon.md +1 -1
  37. package/AI_USAGE/components/image-api.md +1 -1
  38. package/AI_USAGE/components/image.md +1 -1
  39. package/AI_USAGE/components/input-api.md +2 -2
  40. package/AI_USAGE/components/input-number-api.md +1 -1
  41. package/AI_USAGE/components/input-number.md +1 -1
  42. package/AI_USAGE/components/input-tag-api.md +1 -1
  43. package/AI_USAGE/components/input-tag.md +1 -1
  44. package/AI_USAGE/components/input.md +1 -1
  45. package/AI_USAGE/components/layout-api.md +1 -1
  46. package/AI_USAGE/components/layout.md +1 -1
  47. package/AI_USAGE/components/line-chart-api.md +1 -1
  48. package/AI_USAGE/components/line-chart.md +1 -1
  49. package/AI_USAGE/components/link-api.md +1 -1
  50. package/AI_USAGE/components/link.md +1 -1
  51. package/AI_USAGE/components/menu-api.md +1 -1
  52. package/AI_USAGE/components/menu.md +1 -1
  53. package/AI_USAGE/components/message-api.md +1 -1
  54. package/AI_USAGE/components/message-box-api.md +1 -1
  55. package/AI_USAGE/components/message-box.md +1 -1
  56. package/AI_USAGE/components/message.md +1 -1
  57. package/AI_USAGE/components/network-api.md +1 -1
  58. package/AI_USAGE/components/network.md +1 -1
  59. package/AI_USAGE/components/notification-api.md +1 -1
  60. package/AI_USAGE/components/notification.md +1 -1
  61. package/AI_USAGE/components/pagination-api.md +1 -1
  62. package/AI_USAGE/components/pagination.md +1 -1
  63. package/AI_USAGE/components/pie-chart-api.md +1 -1
  64. package/AI_USAGE/components/pie-chart.md +1 -1
  65. package/AI_USAGE/components/popconfirm-api.md +3 -3
  66. package/AI_USAGE/components/popconfirm.md +1 -1
  67. package/AI_USAGE/components/popover-api.md +1 -1
  68. package/AI_USAGE/components/popover.md +1 -1
  69. package/AI_USAGE/components/popup-api.md +1 -1
  70. package/AI_USAGE/components/popup.md +1 -1
  71. package/AI_USAGE/components/progress-api.md +1 -1
  72. package/AI_USAGE/components/progress.md +1 -1
  73. package/AI_USAGE/components/radio-api.md +1 -1
  74. package/AI_USAGE/components/radio.md +1 -1
  75. package/AI_USAGE/components/rate-api.md +1 -1
  76. package/AI_USAGE/components/rate.md +1 -1
  77. package/AI_USAGE/components/resize-box-api.md +1 -1
  78. package/AI_USAGE/components/resize-box.md +1 -1
  79. package/AI_USAGE/components/scrollbar-api.md +1 -1
  80. package/AI_USAGE/components/scrollbar.md +1 -1
  81. package/AI_USAGE/components/select-api.md +1 -1
  82. package/AI_USAGE/components/select.md +1 -1
  83. package/AI_USAGE/components/skeleton-api.md +1 -1
  84. package/AI_USAGE/components/skeleton.md +1 -1
  85. package/AI_USAGE/components/slider-api.md +1 -1
  86. package/AI_USAGE/components/slider.md +1 -1
  87. package/AI_USAGE/components/space-api.md +1 -1
  88. package/AI_USAGE/components/space.md +1 -1
  89. package/AI_USAGE/components/spin-api.md +1 -1
  90. package/AI_USAGE/components/spin.md +1 -1
  91. package/AI_USAGE/components/steps-api.md +1 -1
  92. package/AI_USAGE/components/steps.md +1 -1
  93. package/AI_USAGE/components/switch-api.md +1 -1
  94. package/AI_USAGE/components/switch.md +1 -1
  95. package/AI_USAGE/components/table-api.md +1 -1
  96. package/AI_USAGE/components/table.md +1 -1
  97. package/AI_USAGE/components/tabs-api.md +1 -1
  98. package/AI_USAGE/components/tabs.md +1 -1
  99. package/AI_USAGE/components/tag-api.md +1 -1
  100. package/AI_USAGE/components/tag.md +1 -1
  101. package/AI_USAGE/components/textarea-api.md +1 -1
  102. package/AI_USAGE/components/textarea.md +1 -1
  103. package/AI_USAGE/components/time-picker-api.md +1 -1
  104. package/AI_USAGE/components/time-picker.md +1 -1
  105. package/AI_USAGE/components/time-range-selector-api.md +1 -1
  106. package/AI_USAGE/components/time-range-selector.md +1 -1
  107. package/AI_USAGE/components/timeline-api.md +3 -3
  108. package/AI_USAGE/components/timeline.md +1 -1
  109. package/AI_USAGE/components/tooltip-api.md +1 -1
  110. package/AI_USAGE/components/tooltip.md +1 -1
  111. package/AI_USAGE/components/transfer-api.md +1 -1
  112. package/AI_USAGE/components/transfer.md +1 -1
  113. package/AI_USAGE/components/tree-select-api.md +1 -1
  114. package/AI_USAGE/components/tree-select.md +1 -1
  115. package/AI_USAGE/components/trend-chart-api.md +1 -1
  116. package/AI_USAGE/components/trend-chart.md +1 -1
  117. package/AI_USAGE/components/trigger-api.md +1 -1
  118. package/AI_USAGE/components/trigger.md +1 -1
  119. package/AI_USAGE/components/upload-api.md +1 -1
  120. package/AI_USAGE/components/upload.md +1 -1
  121. package/AI_USAGE/components/watermark-api.md +1 -1
  122. package/AI_USAGE/components/watermark.md +1 -1
  123. package/AI_USAGE/core.md +1 -1
  124. package/AI_USAGE/index.md +1 -1
  125. package/AI_USAGE/recipes/form-on-demand.md +1 -1
  126. package/AI_USAGE.md +296 -56
  127. package/CHANGELOG.md +20 -0
  128. package/dist/_styles/palette-aliases.d.ts +1 -0
  129. package/dist/components/button/Button.d.ts +0 -9
  130. package/dist/components/button/appearance.d.ts +7 -0
  131. package/dist/components/button/index.d.ts +0 -16
  132. package/dist/components/button/props.d.ts +2 -6
  133. package/dist/components/color-picker/panel.d.ts +0 -9
  134. package/dist/components/date-picker/DatePicker.vue.d.ts +0 -15
  135. package/dist/components/date-picker/index.d.ts +0 -30
  136. package/dist/components/drawer/index.d.ts +0 -30
  137. package/dist/components/drawer/src/Drawer.vue.d.ts +0 -15
  138. package/dist/components/dropdown/DropdownButton.vue.d.ts +0 -15
  139. package/dist/components/dropdown/index.d.ts +0 -30
  140. package/dist/components/popconfirm/src/popup.vue.d.ts +0 -15
  141. package/dist/components/time-picker/TimePanel.vue.d.ts +0 -15
  142. package/dist/components/time-picker/TimePicker.vue.d.ts +0 -15
  143. package/dist/components/time-picker/index.d.ts +0 -30
  144. package/dist/es/_styles/palette-aliases.js +102 -17
  145. package/dist/es/_utils/palette.js +54 -54
  146. package/dist/es/components/button/Button.js +77 -49
  147. package/dist/es/components/button/appearance.js +7 -0
  148. package/dist/es/components/button/props.js +0 -4
  149. package/dist/es/directives/wave.js +14 -8
  150. package/dist/es/style.css +1 -1
  151. package/dist/index.cjs +3 -3
  152. package/dist/index.umd.js +3 -3
  153. package/dist/style/alert.css +1 -1
  154. package/dist/style/base.css +1 -1
  155. package/dist/style/button.css +1 -1
  156. package/dist/style/color-picker.css +1 -1
  157. package/dist/style/link.css +1 -1
  158. package/dist/style.css +1 -1
  159. package/package.json +1 -1
package/dist/style/alert.css CHANGED
@@ -1 +1 @@
1
- .x-alert-slide-enter-from,.x-alert-slide-appear-from{max-height:0;opacity:0}.x-alert-slide-enter-to,.x-alert-slide-appear-to{max-height:200px;opacity:1}.x-alert-slide-enter-active,.x-alert-slide-appear-active,.x-alert-slide-leave-active{transition:max-height var(--x-transition-duration-3, 0.3s) ease-in-out,opacity var(--x-transition-duration-2, 0.2s) ease-in-out,padding-top var(--x-transition-duration-3, 0.3s) ease-in-out,padding-bottom var(--x-transition-duration-3, 0.3s) ease-in-out,margin-top var(--x-transition-duration-3, 0.3s) ease-in-out,margin-bottom var(--x-transition-duration-3, 0.3s) ease-in-out}.x-alert-slide-leave-to{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;opacity:0}.x-alert{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:8px 15px;overflow:hidden;font-size:var(--x-font-size-body-3);line-height:1.5715;text-align:left;border-radius:var(--x-border-radius-medium)}.x-alert-with-title{align-items:flex-start;padding:15px 15px}.x-alert-center{justify-content:center}.x-alert-center .x-alert--body{flex:initial}.x-alert-normal{background-color:var(--x-color-neutral-2);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-info{background-color:var(--x-color-primary-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-success{background-color:var(--x-color-success-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-warning{background-color:var(--x-color-warning-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-error{background-color:var(--x-color-danger-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-strong{background-color:var(--x-color-strong-subtle);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-banner{border:none;border-radius:0}.x-alert--body{position:relative;flex:1}.x-alert--title{margin-bottom:var(--x-spacing-2);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);line-height:1.5}.x-alert-normal .x-alert--title{color:var(--x-color-text-1)}.x-alert-normal .x-alert--content{color:var(--x-color-text-1)}.x-alert-normal.x-alert-with-title .x-alert-normal--content{color:var(--x-color-text-2)}.x-alert-info .x-alert--title{color:var(--x-color-text-1)}.x-alert-info .x-alert--content{color:var(--x-color-text-1)}.x-alert-info.x-alert-with-title .x-alert-info--content{color:var(--x-color-text-2)}.x-alert-success .x-alert--title{color:var(--x-color-text-1)}.x-alert-success .x-alert--content{color:var(--x-color-text-1)}.x-alert-success.x-alert-with-title .x-alert-success--content{color:var(--x-color-text-2)}.x-alert-warning .x-alert--title{color:var(--x-color-text-1)}.x-alert-warning .x-alert--content{color:var(--x-color-text-1)}.x-alert-warning.x-alert-with-title .x-alert-warning--content{color:var(--x-color-text-2)}.x-alert-error .x-alert--title{color:var(--x-color-text-1)}.x-alert-error .x-alert--content{color:var(--x-color-text-1)}.x-alert-error.x-alert-with-title .x-alert-error--content{color:var(--x-color-text-2)}.x-alert--icon{display:flex;align-items:center;flex:0 0 auto;margin-right:var(--x-spacing-4)}.x-alert--icon .x-icon{font-size:16px;width:16px;height:16px}.x-alert-with-title .x-alert--icon .x-icon{font-size:18px;width:18px;height:18px}.x-alert-with-title .x-alert--icon{margin-top:2px}.x-alert-normal .x-alert--icon svg{color:var(--x-color-neutral-4)}.x-alert-info .x-alert--icon svg{color:var(--x-color-primary-text)}.x-alert-success .x-alert--icon svg{color:var(--x-color-success-text)}.x-alert-warning .x-alert--icon svg{color:var(--x-color-warning-text)}.x-alert-error .x-alert--icon svg{color:var(--x-color-danger-text)}.x-alert-strong .x-alert--icon svg{color:var(--x-color-strong-text)}.x-alert--close-btn{top:4px;right:0;box-sizing:border-box;margin-left:var(--x-spacing-4);padding:0;color:var(--x-color-text-2);font-size:12px;background-color:var(--x-color-transparent);border:none;outline:none;cursor:pointer;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-alert--close-btn:hover{color:var(--x-color-text-1)}.x-alert--close-btn:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-alert--action+.x-alert--close-btn{margin-left:var(--x-spacing-4)}.x-alert--action{margin-left:var(--x-spacing-4)}.x-alert-with-title .x-alert--close-btn{margin-top:0;margin-right:0}
1
+ :root{--x-alert-info-color-bg: var(--x-color-primary-light-1);--x-alert-success-color-bg: var(--x-color-success-light-1);--x-alert-warning-color-bg: var(--x-color-warning-light-1);--x-alert-strong-color-bg: var(--x-color-strong-subtle);--x-alert-error-color-bg: var(--x-color-danger-light-1);--x-alert-info-color-icon: var(--x-color-primary-text);--x-alert-color-text-content-with-title: var(--x-color-text-1);--x-alert-color-close-icon: var(--x-color-text-2);--x-alert-color-focus-ring: var(--x-color-primary-text)}.x-alert-slide-enter-from,.x-alert-slide-appear-from{max-height:0;opacity:0}.x-alert-slide-enter-to,.x-alert-slide-appear-to{max-height:200px;opacity:1}.x-alert-slide-enter-active,.x-alert-slide-appear-active,.x-alert-slide-leave-active{transition:max-height var(--x-transition-duration-3, 0.3s) ease-in-out,opacity var(--x-transition-duration-2, 0.2s) ease-in-out,padding-top var(--x-transition-duration-3, 0.3s) ease-in-out,padding-bottom var(--x-transition-duration-3, 0.3s) ease-in-out,margin-top var(--x-transition-duration-3, 0.3s) ease-in-out,margin-bottom var(--x-transition-duration-3, 0.3s) ease-in-out}.x-alert-slide-leave-to{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;opacity:0}.x-alert{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:8px 15px;overflow:hidden;font-size:var(--x-font-size-body-3);line-height:1.5715;text-align:left;border-radius:var(--x-border-radius-medium)}.x-alert-with-title{align-items:flex-start;padding:15px 15px}.x-alert-center{justify-content:center}.x-alert-center .x-alert--body{flex:initial}.x-alert-normal{--x-alert-color-close-icon: var(--x-color-text-2);--x-alert-color-focus-ring: var(--x-color-primary-text);background-color:var(--x-color-neutral-2);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-info{background-color:var(--x-alert-info-color-bg);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-success{background-color:var(--x-alert-success-color-bg);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-warning{background-color:var(--x-alert-warning-color-bg);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-error{background-color:var(--x-alert-error-color-bg);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-strong{background-color:var(--x-alert-strong-color-bg);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-banner{border:none;border-radius:0}.x-alert--body{position:relative;flex:1}.x-alert--title{margin-bottom:var(--x-spacing-2);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);line-height:1.5}.x-alert-normal .x-alert--title{color:var(--x-color-text-1)}.x-alert-normal .x-alert--content{color:var(--x-color-text-1)}.x-alert-normal.x-alert-with-title .x-alert-normal--content{color:var(--x-color-text-2)}.x-alert-info .x-alert--title{color:var(--x-color-text-1)}.x-alert-info .x-alert--content{color:var(--x-color-text-1)}.x-alert-info.x-alert-with-title .x-alert--content{color:var(--x-alert-color-text-content-with-title)}.x-alert-success .x-alert--title{color:var(--x-color-text-1)}.x-alert-success .x-alert--content{color:var(--x-color-text-1)}.x-alert-success.x-alert-with-title .x-alert--content{color:var(--x-alert-color-text-content-with-title)}.x-alert-warning .x-alert--title{color:var(--x-color-text-1)}.x-alert-warning .x-alert--content{color:var(--x-color-text-1)}.x-alert-warning.x-alert-with-title .x-alert--content{color:var(--x-alert-color-text-content-with-title)}.x-alert-error .x-alert--title{color:var(--x-color-text-1)}.x-alert-error .x-alert--content{color:var(--x-color-text-1)}.x-alert-error.x-alert-with-title .x-alert--content{color:var(--x-alert-color-text-content-with-title)}.x-alert-strong .x-alert--title{color:var(--x-color-text-1)}.x-alert-strong .x-alert--content{color:var(--x-color-text-1)}.x-alert-strong.x-alert-with-title .x-alert--content{color:var(--x-alert-color-text-content-with-title)}.x-alert--icon{display:flex;align-items:center;flex:0 0 auto;margin-right:var(--x-spacing-4)}.x-alert--icon .x-icon{font-size:16px;width:16px;height:16px}.x-alert-with-title .x-alert--icon .x-icon{font-size:18px;width:18px;height:18px}.x-alert-with-title .x-alert--icon{margin-top:2px}.x-alert-normal .x-alert--icon svg{color:var(--x-color-neutral-4)}.x-alert-info .x-alert--icon svg{color:var(--x-alert-info-color-icon)}.x-alert-success .x-alert--icon svg{color:var(--x-color-success-text)}.x-alert-warning .x-alert--icon svg{color:var(--x-color-warning-text)}.x-alert-error .x-alert--icon svg{color:var(--x-color-danger-text)}.x-alert-strong .x-alert--icon svg{color:var(--x-color-strong-text)}.x-alert--close-btn{top:4px;right:0;box-sizing:border-box;margin-left:var(--x-spacing-4);padding:0;color:var(--x-alert-color-close-icon);font-size:12px;background-color:var(--x-color-transparent);border:none;outline:none;cursor:pointer;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-alert--close-btn:hover{color:var(--x-color-text-1)}.x-alert--close-btn:focus-visible{outline:2px solid var(--x-alert-color-focus-ring);outline-offset:2px}.x-alert--action+.x-alert--close-btn{margin-left:var(--x-spacing-4)}.x-alert--action{margin-left:var(--x-spacing-4)}.x-alert-with-title .x-alert--close-btn{margin-top:0;margin-right:0}