x-next 1.3.0 → 1.4.0

package/dist/es/_styles/palette-aliases.js

@@ -1,186 +1,241 @@
 const r = {
   primary: {
-    "--x-button-color-bg-primary-solid": "var(--x-color-primary-6)",
-    "--x-button-color-bg-primary-solid-active": "var(--x-color-primary-7)",
-    "--x-button-color-bg-primary-solid-hover": "var(--x-color-primary-5)",
-    "--x-button-color-bg-primary-subtle": "var(--x-color-primary-1)",
-    "--x-button-color-bg-primary-subtle-active": "var(--x-color-primary-3)",
-    "--x-button-color-bg-primary-subtle-hover": "var(--x-color-primary-2)",
-    "--x-button-color-border-primary": "var(--x-color-primary-6)",
-    "--x-button-color-text-primary": "var(--x-color-primary-6)",
+    "--x-button-color-bg-primary-solid": "var(--x-color-primary-solid)",
+    "--x-button-color-bg-primary-solid-active": "var(--x-color-primary-solid-active)",
+    "--x-button-color-bg-primary-solid-hover": "var(--x-color-primary-solid-hover)",
+    "--x-button-color-bg-primary-subtle": "var(--x-color-primary-subtle)",
+    "--x-button-color-bg-primary-subtle-active": "var(--x-color-primary-subtle-active)",
+    "--x-button-color-bg-primary-subtle-hover": "var(--x-color-primary-subtle-hover)",
+    "--x-button-color-border-primary": "var(--x-color-primary-solid)",
+    "--x-button-color-text-primary": "var(--x-color-primary-button-text)",
     "--x-checkbox-mask-color-bg_checked": "var(--x-color-primary-6)",
+    "--x-checkbox-mask-color-bg_checked_disabled": "var(--x-color-primary-light-3)",
     "--x-color-border-focus": "var(--x-color-primary-6)",
+    "--x-color-menu-dark-hover": "var(--x-color-primary)",
+    "--x-color-menu-dark-submenu-selected-bg": "color-mix(in srgb, var(--x-color-primary) 45%, transparent)",
+    "--x-color-primary-button-text": "var(--x-color-primary-text)",
+    "--x-color-primary-light-1": "var(--x-color-primary-1)",
+    "--x-color-primary-light-2": "var(--x-color-primary-light-1)",
+    "--x-color-primary-light-3": "var(--x-color-primary-light-1)",
     "--x-color-primary-solid": "var(--x-color-primary-6)",
+    "--x-color-primary-solid-active": "color-mix(in srgb, var(--x-color-primary-solid) 90%, var(--x-color-constant-dark))",
+    "--x-color-primary-solid-hover": "color-mix(in srgb, var(--x-color-primary-solid) 92%, var(--x-color-white))",
     "--x-color-primary-subtle": "var(--x-color-primary-1)",
+    "--x-color-primary-subtle-active": "color-mix(in srgb, var(--x-color-primary-subtle) 84%, var(--x-color-primary-button-text))",
+    "--x-color-primary-subtle-hover": "color-mix(in srgb, var(--x-color-primary-subtle) 90%, var(--x-color-primary-button-text))",
+    "--x-color-primary-text": "var(--x-color-primary)",
+    "--x-date-picker-cell-bg-range": "var(--x-color-primary-light-1)",
+    "--x-date-picker-cell-bg-range-hover": "var(--x-color-primary-2)",
     "--x-date-picker-cell-bg-selected": "var(--x-color-primary-6)",
-    "--x-date-picker-confirm-color": "var(--x-color-primary-6)",
-    "--x-date-picker-today-color": "var(--x-color-primary-6)",
-    "--x-field-color-border-focus": "var(--x-color-primary-6)",
-    "--x-field-status-validating-bg": "var(--x-color-primary-1)",
+    "--x-date-picker-confirm-color": "var(--x-color-primary-text)",
+    "--x-date-picker-today-color": "var(--x-color-primary-text)",
+    "--x-dropdown-dark-option-color-bg_hover": "var(--x-color-menu-dark-hover)",
+    "--x-field-color-border-focus": "var(--x-color-border-focus)",
+    "--x-field-color-shadow-focus": "var(--x-color-primary-light-2)",
+    "--x-field-status-validating-bg": "var(--x-color-primary-subtle)",
     "--x-field-status-validating-bg-hover": "var(--x-color-primary-2)",
-    "--x-field-status-validating-border-focus": "var(--x-color-primary-6)",
-    "--x-field-status-validating-icon": "var(--x-color-primary-7)",
+    "--x-field-status-validating-border-focus": "var(--x-color-primary-solid)",
+    "--x-field-status-validating-icon": "var(--x-color-primary-text)",
     "--x-field-status-validating-shadow-color-focus": "var(--x-color-primary-2)",
-    "--x-field-status-validating-text": "var(--x-color-primary-8)",
-    "--x-focus-bc": "var(--x-color-primary-6)",
-    "--x-form-border-color-focus": "var(--x-color-primary-6)",
-    "--x-hover-color": "var(--x-color-primary-6)",
-    "--x-image-preview-color-action-hover-bg": "var(--x-color-primary-1)",
-    "--x-image-preview-color-action-hover-text": "var(--x-color-primary-6)",
-    "--x-input-color-border_focus": "var(--x-color-primary-6)",
-    "--x-input-feedback-icon-color_validating": "var(--x-color-primary-7)",
-    "--x-input-tag-color-border_default_focus": "var(--x-color-primary-6)",
+    "--x-field-status-validating-text": "var(--x-color-primary-text)",
+    "--x-focus-bc": "var(--x-color-primary)",
+    "--x-form-border-color-focus": "var(--x-field-color-border-focus)",
+    "--x-hover-color": "var(--x-color-primary)",
+    "--x-image-preview-color-action-hover-bg": "var(--x-color-primary-subtle)",
+    "--x-image-preview-color-action-hover-text": "var(--x-color-primary-solid)",
+    "--x-input-color-border_focus": "var(--x-field-color-border-focus)",
+    "--x-input-color-shadow_focus": "var(--x-field-color-shadow-focus)",
+    "--x-input-feedback-icon-color_validating": "var(--x-field-status-validating-icon)",
+    "--x-input-tag-color-border_default_focus": "var(--x-field-color-border-focus)",
+    "--x-input-tag-color-shadow_default_focus": "var(--x-field-color-shadow-focus)",
     "--x-link-background-color": "var(--x-color-primary-1)",
+    "--x-link-color-focus": "var(--x-color-primary-text)",
+    "--x-link-color-text": "var(--x-color-primary-text)",
     "--x-menu-color-label-item-selected": "var(--x-color-primary-6)",
     "--x-menu-dark-color-bg-button": "var(--x-color-primary-6)",
     "--x-menu-dark-color-bg-button_hover": "var(--x-color-primary-7)",
+    "--x-menu-dark-color-bg-item_hover": "var(--x-color-menu-dark-hover)",
+    "--x-menu-dark-color-bg-item_selected": "var(--x-color-menu-dark-hover)",
+    "--x-menu-dark-color-bg-submenu_selected": "var(--x-color-menu-dark-submenu-selected-bg)",
+    "--x-menu-dark-color-bg-submenu_selected_hover": "var(--x-color-menu-dark-hover)",
     "--x-menu-light-color-icon_selected": "var(--x-color-primary-6)",
     "--x-menu-light-color-item_selected": "var(--x-color-primary-6)",
     "--x-menu-light-color-submenu_selected": "var(--x-color-primary-6)",
-    "--x-message-box-color-icon-info": "var(--x-color-primary-6)",
-    "--x-message-color-accent-info": "var(--x-color-primary-6)",
-    "--x-message-color-accent-loading": "var(--x-color-primary-6)",
-    "--x-message-color-icon-bg-info": "var(--x-color-primary-1)",
-    "--x-message-color-icon-bg-loading": "var(--x-color-primary-1)",
-    "--x-message-current-accent": "var(--x-color-primary-6)",
-    "--x-message-current-icon-bg": "var(--x-color-primary-1)",
-    "--x-notification-color-accent-info": "var(--x-color-primary-6)",
-    "--x-notification-color-icon-bg-info": "var(--x-color-primary-1)",
-    "--x-notification-current-accent": "var(--x-color-primary-6)",
-    "--x-notification-current-icon-bg": "var(--x-color-primary-1)",
+    "--x-message-color-accent-info": "var(--x-color-primary-solid)",
+    "--x-message-color-accent-loading": "var(--x-color-primary-solid)",
+    "--x-message-color-icon-bg-info": "var(--x-color-primary-subtle)",
+    "--x-message-color-icon-bg-loading": "var(--x-color-primary-subtle)",
+    "--x-notification-color-accent-info": "var(--x-color-primary-solid)",
+    "--x-notification-color-icon-bg-info": "var(--x-color-primary-subtle)",
+    "--x-pagination-color-bg-item_active": "var(--x-color-primary-light-1)",
     "--x-pagination-color-icon-arrow-text_hover": "var(--x-color-primary-6)",
+    "--x-pagination-color-item-outline_focus": "var(--x-color-primary-light-3)",
     "--x-pagination-color-item-text_active": "var(--x-color-primary-6)",
+    "--x-pagination-color-item-text_active_disabled": "var(--x-color-primary-light-3)",
     "--x-pagination-simple-color-icon-arrow-text_hover": "var(--x-color-primary-6)",
-    "--x-picker-color-border_focus": "var(--x-color-primary-6)",
+    "--x-picker-color-border_focus": "var(--x-field-color-border-focus)",
+    "--x-picker-color-shadow_focus": "var(--x-field-color-shadow-focus)",
     "--x-radio-button-color-text_active": "var(--x-color-primary-6)",
+    "--x-radio-button-color-text_checked_disabled": "var(--x-color-primary-light-3)",
     "--x-radio-color-bg_checked": "var(--x-color-primary-6)",
-    "--x-select-bc": "var(--x-color-primary-6)",
-    "--x-select-color": "var(--x-color-primary-6)",
-    "--x-table-color-bg-body-row_active": "var(--x-color-primary-1)",
+    "--x-radio-color-bg_checked_disabled": "var(--x-color-primary-light-3)",
+    "--x-select-bc": "var(--x-color-primary)",
+    "--x-select-color": "var(--x-color-primary)",
+    "--x-table-color-bg-body-row_active": "var(--x-color-primary-subtle)",
     "--x-table-color-border_resizing": "var(--x-color-primary-6)",
     "--x-table-color-header-filters-icon_active": "var(--x-color-primary-6)",
     "--x-table-color-header-sorter-icon_active": "var(--x-color-primary-6)",
+    "--x-tabs-color-fill-active": "var(--x-color-primary-light-1)",
     "--x-tabs-color-focus": "var(--x-color-primary-6)",
     "--x-tabs-color-text-active": "var(--x-color-primary-6)",
-    "--x-time-picker-cell-color-selected": "var(--x-color-primary-6)",
-    "--x-time-picker-confirm-color": "var(--x-color-primary-6)",
-    "--x-time-range-selector-color": "var(--x-color-primary-6)",
-    "--x-time-range-selector-color-default": "var(--x-color-primary-6)"
+    "--x-tag-color-better-blue-bg": "var(--x-color-primary-subtle)",
+    "--x-tag-color-better-blue-border-hover": "color-mix(in srgb, var(--x-tag-color-better-blue-bg) 84%, var(--x-tag-color-better-blue-text))",
+    "--x-time-picker-cell-bg-selected": "var(--x-color-primary-light-1)",
+    "--x-time-picker-cell-color-selected": "var(--x-color-primary-text)",
+    "--x-time-picker-confirm-bg-hover": "var(--x-color-primary-light-1)",
+    "--x-time-picker-confirm-color": "var(--x-color-primary-text)",
+    "--x-time-range-selector-color-default": "var(--x-color-primary-6)",
+    "--x-timeline-dot-hollow-shadow": "0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) )",
+    "--x-timeline-dot-shadow": "0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent))"
   },
   success: {
-    "--x-button-color-bg-success-solid": "var(--x-color-success-6)",
-    "--x-button-color-bg-success-solid-active": "var(--x-color-success-7)",
-    "--x-button-color-bg-success-solid-hover": "var(--x-color-success-5)",
-    "--x-button-color-bg-success-subtle": "var(--x-color-success-1)",
-    "--x-button-color-bg-success-subtle-active": "var(--x-color-success-3)",
-    "--x-button-color-bg-success-subtle-hover": "var(--x-color-success-2)",
-    "--x-button-color-border-success": "var(--x-color-success-6)",
-    "--x-button-color-text-success": "var(--x-color-success-9)",
+    "--x-button-color-bg-success-solid": "var(--x-color-success-solid)",
+    "--x-button-color-bg-success-solid-active": "var(--x-color-success-solid-active)",
+    "--x-button-color-bg-success-solid-hover": "var(--x-color-success-solid-hover)",
+    "--x-button-color-bg-success-subtle": "var(--x-color-success-subtle)",
+    "--x-button-color-bg-success-subtle-active": "var(--x-color-success-subtle-active)",
+    "--x-button-color-bg-success-subtle-hover": "var(--x-color-success-subtle-hover)",
+    "--x-button-color-border-success": "var(--x-color-success-solid)",
+    "--x-button-color-text-success": "var(--x-color-success-button-text)",
+    "--x-color-success-button-text": "var(--x-color-success-text)",
     "--x-color-success-light-1": "var(--x-color-success-1)",
     "--x-color-success-solid": "var(--x-color-success-6)",
+    "--x-color-success-solid-active": "color-mix(in srgb, var(--x-color-success-solid) 90%, var(--x-color-constant-dark))",
+    "--x-color-success-solid-hover": "color-mix(in srgb, var(--x-color-success-solid) 92%, var(--x-color-white))",
     "--x-color-success-subtle": "var(--x-color-success-1)",
-    "--x-field-status-success-bg": "var(--x-color-success-1)",
+    "--x-color-success-subtle-active": "color-mix(in srgb, var(--x-color-success-subtle) 84%, var(--x-color-success-button-text))",
+    "--x-color-success-subtle-hover": "color-mix(in srgb, var(--x-color-success-subtle) 90%, var(--x-color-success-button-text))",
+    "--x-color-success-text": "var(--x-color-success)",
+    "--x-field-status-success-bg": "var(--x-color-success-subtle)",
     "--x-field-status-success-bg-hover": "var(--x-color-success-2)",
-    "--x-field-status-success-border-focus": "var(--x-color-success-6)",
-    "--x-field-status-success-icon": "var(--x-color-success-8)",
+    "--x-field-status-success-border-focus": "var(--x-color-success-solid)",
+    "--x-field-status-success-icon": "var(--x-color-success-text)",
     "--x-field-status-success-shadow-color-focus": "var(--x-color-success-2)",
-    "--x-field-status-success-text": "var(--x-color-success-9)",
-    "--x-input-feedback-icon-color_success": "var(--x-color-success-8)",
+    "--x-field-status-success-text": "var(--x-color-success-text)",
+    "--x-input-feedback-icon-color_success": "var(--x-field-status-success-icon)",
+    "--x-link-color-text-success": "var(--x-color-success-text)",
     "--x-link-success-background-color": "var(--x-color-success-1)",
-    "--x-message-box-color-icon-success": "var(--x-color-success-6)",
-    "--x-message-color-accent-success": "var(--x-color-success-6)",
-    "--x-message-color-icon-bg-success": "var(--x-color-success-1)",
-    "--x-network-color-good": "var(--x-color-success-6)",
-    "--x-notification-color-accent-success": "var(--x-color-success-6)",
-    "--x-notification-color-icon-bg-success": "var(--x-color-success-1)"
+    "--x-message-color-accent-success": "var(--x-color-success-solid)",
+    "--x-message-color-icon-bg-success": "var(--x-color-success-subtle)",
+    "--x-notification-color-accent-success": "var(--x-color-success-solid)",
+    "--x-notification-color-icon-bg-success": "var(--x-color-success-subtle)"
   },
   danger: {
-    "--x-button-color-bg-danger-subtle": "var(--x-color-danger-1)",
-    "--x-button-color-bg-danger-subtle-active": "var(--x-color-danger-3)",
-    "--x-button-color-bg-danger-subtle-hover": "var(--x-color-danger-2)",
-    "--x-button-color-border-danger": "var(--x-color-danger-6)",
-    "--x-button-color-text-danger": "var(--x-color-danger-9)",
+    "--x-button-color-bg-danger-solid": "var(--x-color-danger-solid)",
+    "--x-button-color-bg-danger-solid-active": "var(--x-color-danger-solid-active)",
+    "--x-button-color-bg-danger-solid-hover": "var(--x-color-danger-solid-hover)",
+    "--x-button-color-bg-danger-subtle": "var(--x-color-danger-subtle)",
+    "--x-button-color-bg-danger-subtle-active": "var(--x-color-danger-subtle-active)",
+    "--x-button-color-bg-danger-subtle-hover": "var(--x-color-danger-subtle-hover)",
+    "--x-button-color-border-danger": "var(--x-color-danger-solid)",
+    "--x-button-color-text-danger": "var(--x-color-danger-button-text)",
+    "--x-color-danger-button-text": "var(--x-color-danger-text)",
     "--x-color-danger-light-1": "var(--x-color-danger-1)",
     "--x-color-danger-light-2": "var(--x-color-danger-2)",
     "--x-color-danger-solid": "var(--x-color-danger-6)",
+    "--x-color-danger-solid-active": "color-mix(in srgb, var(--x-color-danger-solid) 90%, var(--x-color-constant-dark))",
+    "--x-color-danger-solid-hover": "color-mix(in srgb, var(--x-color-danger-solid) 92%, var(--x-color-white))",
     "--x-color-danger-subtle": "var(--x-color-danger-1)",
-    "--x-field-color-bg-error": "var(--x-color-danger-1)",
+    "--x-color-danger-subtle-active": "color-mix(in srgb, var(--x-color-danger-subtle) 84%, var(--x-color-danger-button-text))",
+    "--x-color-danger-subtle-hover": "color-mix(in srgb, var(--x-color-danger-subtle) 90%, var(--x-color-danger-button-text))",
+    "--x-color-danger-text": "var(--x-color-danger)",
+    "--x-field-color-bg-error": "var(--x-color-danger-subtle)",
     "--x-field-color-bg-error-hover": "var(--x-color-danger-2)",
-    "--x-field-color-border-error": "var(--x-color-danger-6)",
-    "--x-field-status-error-bg": "var(--x-color-danger-1)",
+    "--x-field-color-border-error": "var(--x-color-danger-solid)",
+    "--x-field-status-error-bg": "var(--x-color-danger-subtle)",
     "--x-field-status-error-bg-hover": "var(--x-color-danger-2)",
-    "--x-field-status-error-border-focus": "var(--x-color-danger-6)",
-    "--x-field-status-error-icon": "var(--x-color-danger-8)",
+    "--x-field-status-error-border-focus": "var(--x-color-danger-solid)",
+    "--x-field-status-error-icon": "var(--x-color-danger-text)",
     "--x-field-status-error-shadow-color-focus": "var(--x-color-danger-2)",
-    "--x-field-status-error-text": "var(--x-color-danger-9)",
-    "--x-form-border-color-error": "var(--x-color-danger-6)",
-    "--x-image-color-error-bg": "var(--x-color-danger-6)",
-    "--x-input-color-bg_error": "var(--x-color-danger-1)",
-    "--x-input-color-bg_error_hover": "var(--x-color-danger-2)",
-    "--x-input-color-border_error": "var(--x-color-danger-6)",
-    "--x-input-color-border_error_focus": "var(--x-color-danger-6)",
-    "--x-input-color-shadow_error_focus": "var(--x-color-danger-2)",
-    "--x-input-feedback-icon-color_error": "var(--x-color-danger-8)",
-    "--x-input-tag-color-bg_error": "var(--x-color-danger-1)",
-    "--x-input-tag-color-bg_error_hover": "var(--x-color-danger-2)",
-    "--x-input-tag-color-border_error_focus": "var(--x-color-danger-6)",
-    "--x-input-tag-color-shadow_error_focus": "var(--x-color-danger-2)",
+    "--x-field-status-error-text": "var(--x-color-danger-text)",
+    "--x-form-border-color-error": "var(--x-field-color-border-error)",
+    "--x-image-color-error-bg": "var(--x-color-danger-solid)",
+    "--x-input-color-bg_error": "var(--x-field-color-bg-error)",
+    "--x-input-color-bg_error_hover": "var(--x-field-color-bg-error-hover)",
+    "--x-input-color-border_error": "var(--x-field-color-border-error)",
+    "--x-input-color-border_error_focus": "var(--x-field-color-border-error)",
+    "--x-input-color-shadow_error_focus": "var(--x-field-status-error-shadow-color-focus)",
+    "--x-input-feedback-icon-color_error": "var(--x-field-status-error-icon)",
+    "--x-input-tag-color-bg_error": "var(--x-field-color-bg-error)",
+    "--x-input-tag-color-bg_error_hover": "var(--x-field-color-bg-error-hover)",
+    "--x-input-tag-color-border_error_focus": "var(--x-field-color-border-error)",
+    "--x-input-tag-color-shadow_error_focus": "var(--x-field-status-error-shadow-color-focus)",
+    "--x-link-color-text-danger": "var(--x-color-danger-text)",
     "--x-link-danger-background-color": "var(--x-color-danger-1)",
-    "--x-message-box-color-icon-error": "var(--x-color-danger-6)",
-    "--x-message-color-accent-error": "var(--x-color-danger-6)",
-    "--x-message-color-icon-bg-error": "var(--x-color-danger-1)",
-    "--x-notification-color-accent-error": "var(--x-color-danger-6)",
-    "--x-notification-color-icon-bg-error": "var(--x-color-danger-1)",
-    "--x-picker-color-bg_error": "var(--x-color-danger-1)",
-    "--x-picker-color-bg_error_hover": "var(--x-color-danger-2)",
-    "--x-picker-color-border_error_focus": "var(--x-color-danger-6)",
-    "--x-picker-color-shadow_error_focus": "var(--x-color-danger-2)",
-    "--x-popconfirm-icon-color": "var(--x-color-danger-6)"
+    "--x-message-color-accent-error": "var(--x-color-danger-solid)",
+    "--x-message-color-icon-bg-error": "var(--x-color-danger-subtle)",
+    "--x-notification-color-accent-error": "var(--x-color-danger-solid)",
+    "--x-notification-color-icon-bg-error": "var(--x-color-danger-subtle)",
+    "--x-picker-color-bg_error": "var(--x-field-color-bg-error)",
+    "--x-picker-color-bg_error_hover": "var(--x-field-color-bg-error-hover)",
+    "--x-picker-color-border_error_focus": "var(--x-field-color-border-error)",
+    "--x-picker-color-shadow_error_focus": "var(--x-field-status-error-shadow-color-focus)"
   },
   strong: {
-    "--x-button-color-bg-strong-solid": "var(--x-color-strong-6)",
-    "--x-button-color-bg-strong-solid-active": "var(--x-color-strong-7)",
-    "--x-button-color-bg-strong-solid-hover": "var(--x-color-strong-5)",
-    "--x-button-color-bg-strong-subtle": "var(--x-color-strong-1)",
-    "--x-button-color-bg-strong-subtle-active": "var(--x-color-strong-3)",
-    "--x-button-color-bg-strong-subtle-hover": "var(--x-color-strong-2)",
-    "--x-button-color-border-strong": "var(--x-color-strong-6)",
-    "--x-button-color-text-strong": "var(--x-color-strong-9)",
+    "--x-button-color-bg-strong-solid": "var(--x-color-strong-solid)",
+    "--x-button-color-bg-strong-solid-active": "var(--x-color-strong-solid-active)",
+    "--x-button-color-bg-strong-solid-hover": "var(--x-color-strong-solid-hover)",
+    "--x-button-color-bg-strong-subtle": "var(--x-color-strong-subtle)",
+    "--x-button-color-bg-strong-subtle-active": "var(--x-color-strong-subtle-active)",
+    "--x-button-color-bg-strong-subtle-hover": "var(--x-color-strong-subtle-hover)",
+    "--x-button-color-border-strong": "var(--x-color-strong-solid)",
+    "--x-button-color-text-strong": "var(--x-color-strong-button-text)",
+    "--x-color-strong-button-text": "var(--x-color-strong-text)",
     "--x-color-strong-solid": "var(--x-color-strong-6)",
+    "--x-color-strong-solid-active": "color-mix(in srgb, var(--x-color-strong-solid) 90%, var(--x-color-constant-dark))",
+    "--x-color-strong-solid-hover": "color-mix(in srgb, var(--x-color-strong-solid) 92%, var(--x-color-white))",
     "--x-color-strong-subtle": "var(--x-color-strong-1)",
-    "--x-message-box-color-icon-strong": "var(--x-color-strong-6)",
-    "--x-message-color-accent-strong": "var(--x-color-strong-6)",
-    "--x-message-color-icon-bg-strong": "var(--x-color-strong-1)",
-    "--x-network-color-poor": "var(--x-color-strong-6)",
-    "--x-notification-color-accent-strong": "var(--x-color-strong-6)",
-    "--x-notification-color-icon-bg-strong": "var(--x-color-strong-1)"
+    "--x-color-strong-subtle-active": "color-mix(in srgb, var(--x-color-strong-subtle) 84%, var(--x-color-strong-button-text))",
+    "--x-color-strong-subtle-hover": "color-mix(in srgb, var(--x-color-strong-subtle) 90%, var(--x-color-strong-button-text))",
+    "--x-color-strong-text": "var(--x-color-strong)",
+    "--x-link-color-text-strong": "var(--x-color-strong-text)",
+    "--x-link-strong-background-color": "var(--x-color-strong-1)",
+    "--x-message-color-accent-strong": "var(--x-color-strong-solid)",
+    "--x-message-color-icon-bg-strong": "var(--x-color-strong-subtle)",
+    "--x-notification-color-accent-strong": "var(--x-color-strong-solid)",
+    "--x-notification-color-icon-bg-strong": "var(--x-color-strong-subtle)"
   },
   warning: {
-    "--x-button-color-bg-warning-solid": "var(--x-color-warning-6)",
-    "--x-button-color-bg-warning-solid-active": "var(--x-color-warning-7)",
-    "--x-button-color-bg-warning-solid-hover": "var(--x-color-warning-5)",
-    "--x-button-color-bg-warning-subtle": "var(--x-color-warning-1)",
-    "--x-button-color-bg-warning-subtle-active": "var(--x-color-warning-3)",
-    "--x-button-color-bg-warning-subtle-hover": "var(--x-color-warning-2)",
-    "--x-button-color-border-warning": "var(--x-color-warning-6)",
-    "--x-button-color-text-warning": "var(--x-color-warning-9)",
+    "--x-button-color-bg-warning-solid": "var(--x-color-warning-solid)",
+    "--x-button-color-bg-warning-solid-active": "var(--x-color-warning-solid-active)",
+    "--x-button-color-bg-warning-solid-hover": "var(--x-color-warning-solid-hover)",
+    "--x-button-color-bg-warning-subtle": "var(--x-color-warning-subtle)",
+    "--x-button-color-bg-warning-subtle-active": "var(--x-color-warning-subtle-active)",
+    "--x-button-color-bg-warning-subtle-hover": "var(--x-color-warning-subtle-hover)",
+    "--x-button-color-border-warning": "var(--x-color-warning-solid)",
+    "--x-button-color-text-warning": "var(--x-color-warning-button-text)",
+    "--x-color-warning-button-text": "var(--x-color-warning-text)",
     "--x-color-warning-light-1": "var(--x-color-warning-1)",
     "--x-color-warning-solid": "var(--x-color-warning-6)",
+    "--x-color-warning-solid-active": "color-mix(in srgb, var(--x-color-warning-solid) 90%, var(--x-color-constant-dark))",
+    "--x-color-warning-solid-hover": "color-mix(in srgb, var(--x-color-warning-solid) 92%, var(--x-color-white))",
     "--x-color-warning-subtle": "var(--x-color-warning-1)",
-    "--x-field-status-warning-bg": "var(--x-color-warning-1)",
+    "--x-color-warning-subtle-active": "color-mix(in srgb, var(--x-color-warning-subtle) 60%, var(--x-color-warning-button-text))",
+    "--x-color-warning-subtle-hover": "color-mix(in srgb, var(--x-color-warning-subtle) 75%, var(--x-color-warning-button-text))",
+    "--x-color-warning-text": "var(--x-color-warning)",
+    "--x-field-status-warning-bg": "var(--x-color-warning-subtle)",
     "--x-field-status-warning-bg-hover": "var(--x-color-warning-2)",
-    "--x-field-status-warning-border-focus": "var(--x-color-warning-6)",
-    "--x-field-status-warning-icon": "var(--x-color-warning-8)",
+    "--x-field-status-warning-border-focus": "var(--x-color-warning-solid)",
+    "--x-field-status-warning-icon": "var(--x-color-warning-text)",
     "--x-field-status-warning-shadow-color-focus": "var(--x-color-warning-2)",
-    "--x-field-status-warning-text": "var(--x-color-warning-9)",
-    "--x-input-feedback-icon-color_warning": "var(--x-color-warning-8)",
+    "--x-field-status-warning-text": "var(--x-color-warning-text)",
+    "--x-input-feedback-icon-color_warning": "var(--x-field-status-warning-icon)",
+    "--x-link-color-text-warning": "var(--x-color-warning-text)",
     "--x-link-warning-background-color": "var(--x-color-warning-1)",
-    "--x-message-box-color-icon-warning": "var(--x-color-warning-6)",
-    "--x-message-color-accent-warning": "var(--x-color-warning-6)",
-    "--x-message-color-icon-bg-warning": "var(--x-color-warning-1)",
-    "--x-network-color-medium": "var(--x-color-warning-6)",
-    "--x-notification-color-accent-warning": "var(--x-color-warning-6)",
-    "--x-notification-color-icon-bg-warning": "var(--x-color-warning-1)"
+    "--x-message-color-accent-warning": "var(--x-color-warning-solid)",
+    "--x-message-color-icon-bg-warning": "var(--x-color-warning-subtle)",
+    "--x-notification-color-accent-warning": "var(--x-color-warning-solid)",
+    "--x-notification-color-icon-bg-warning": "var(--x-color-warning-subtle)"
   }
 };
 export {

package/dist/es/_utils/palette.js

@@ -1,57 +1,63 @@
-import { PALETTE_ALIASES as d } from "../_styles/palette-aliases.js";
-const b = 2.05, p = 95.5, g = 22, y = [1, 0.8, 0.6, 0.4, 0.2], E = [1 / 3, 2 / 3, 1], M = 90, u = (s, o, r) => Math.min(r, Math.max(o, s)), _ = (s) => {
+import { PALETTE_ALIASES as g } from "../_styles/palette-aliases.js";
+const x = 2.05, d = 95.5, p = 22, b = [1, 0.8, 0.6, 0.4, 0.2], y = [1 / 3, 2 / 3, 1], E = 90, _ = 300, m = (s, i, a) => Math.min(a, Math.max(i, s)), A = (s) => {
   if (typeof s != "string") return null;
-  const o = s.trim();
-  if (o.startsWith("#")) {
-    const t = o.slice(1), n = t.length === 3 ? [...t].map((e) => e + e).join("") : t.length === 6 || t.length === 8 ? t.slice(0, 6) : null;
-    return n ? [0, 2, 4].map((e) => parseInt(n.slice(e, e + 2), 16)) : null;
+  const i = s.trim();
+  if (i.startsWith("#")) {
+    const t = i.slice(1);
+    if (!/^(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t)) return null;
+    const c = t.length === 3 ? [...t].map((h) => h + h).join("") : t.length === 6 || t.length === 8 ? t.slice(0, 6) : null;
+    return c ? [0, 2, 4].map((h) => parseInt(c.slice(h, h + 2), 16)) : null;
   }
-  const r = o.match(/^rgba?\(([^)]+)\)$/i);
-  if (!r) return null;
-  const c = r[1].split("/")[0].split(/[\s,]+/).filter(Boolean).slice(0, 3).map((t) => t.endsWith("%") ? Math.round(parseFloat(t) / 100 * 255) : Number(t));
-  return c.length !== 3 || c.some((t) => Number.isNaN(t)) ? null : c.map((t) => u(Math.round(t), 0, 255));
-}, A = ([s, o, r]) => {
-  const c = s / 255, t = o / 255, n = r / 255, e = Math.max(c, t, n), l = Math.min(c, t, n), i = e - l, a = (e + l) / 2;
-  let h = 0, f = 0;
-  return i !== 0 && (f = a > 0.5 ? i / (2 - e - l) : i / (e + l), e === c ? h = (t - n) / i + (t < n ? 6 : 0) : e === t ? h = (n - c) / i + 2 : h = (c - t) / i + 4, h *= 60), { h, s: f * 100, l: a * 100 };
-}, H = ({ h: s, s: o, l: r }) => {
-  const c = u(o, 0, 100) / 100, t = u(r, 0, 100) / 100, n = (s % 360 + 360) % 360, e = (1 - Math.abs(2 * t - 1)) * c, l = e * (1 - Math.abs(n / 60 % 2 - 1)), i = t - e / 2;
-  let a;
-  return n < 60 ? a = [e, l, 0] : n < 120 ? a = [l, e, 0] : n < 180 ? a = [0, e, l] : n < 240 ? a = [0, l, e] : n < 300 ? a = [l, 0, e] : a = [e, 0, l], a.map((h) => u(Math.round((h + i) * 255), 0, 255));
-}, $ = (s) => `#${s.map((o) => u(Math.round(o), 0, 255).toString(16).padStart(2, "0")).join("")}`, P = (s) => s <= M ? -1 : 1, S = (s, o = {}) => {
-  const r = _(s);
-  if (!r)
+  const a = i.match(/^rgba?\(([^)]+)\)$/i);
+  if (!a) return null;
+  const o = a[1].trim(), r = o.includes(",") ? o.split(",").map((t) => t.trim()) : o.split(/\s*\/\s*/)[0].split(/\s+/), e = o.includes(",") ? r[3] : o.includes("/") ? o.split("/")[1].trim() : void 0;
+  if (o.split("/").length > 2 || r.length < 3 || r.length > (o.includes(",") ? 4 : 3)) return null;
+  const n = /^[+-]?(?:\d+\.?\d*|\.\d+)%?$/;
+  if (r.slice(0, 3).some((t) => !n.test(t)) || e !== void 0 && !n.test(e)) return null;
+  const l = r.slice(0, 3).map((t) => t.endsWith("%") ? Math.round(parseFloat(t) / 100 * 255) : Number(t));
+  return l.some((t) => !Number.isFinite(t)) ? null : l.map((t) => m(Math.round(t), 0, 255));
+}, $ = ([s, i, a]) => {
+  const o = s / 255, r = i / 255, e = a / 255, n = Math.max(o, r, e), l = Math.min(o, r, e), t = n - l, c = (n + l) / 2;
+  let h = 0, u = 0;
+  return t !== 0 && (u = c > 0.5 ? t / (2 - n - l) : t / (n + l), n === o ? h = (r - e) / t + (r < e ? 6 : 0) : n === r ? h = (e - o) / t + 2 : h = (o - r) / t + 4, h *= 60), { h, s: u * 100, l: c * 100 };
+}, H = ({ h: s, s: i, l: a }) => {
+  const o = m(i, 0, 100) / 100, r = m(a, 0, 100) / 100, e = (s % 360 + 360) % 360, n = (1 - Math.abs(2 * r - 1)) * o, l = n * (1 - Math.abs(e / 60 % 2 - 1)), t = r - n / 2;
+  let c;
+  return e < 60 ? c = [n, l, 0] : e < 120 ? c = [l, n, 0] : e < 180 ? c = [0, n, l] : e < 240 ? c = [0, l, n] : e < 300 ? c = [l, 0, n] : c = [n, 0, l], c.map((h) => m(Math.round((h + t) * 255), 0, 255));
+}, P = (s) => `#${s.map((i) => m(Math.round(i), 0, 255).toString(16).padStart(2, "0")).join("")}`, S = (s) => s <= E || s >= _ ? 1 : -1, I = (s, i = {}) => {
+  const a = A(s);
+  if (!a)
     throw new Error(`[x-next] generatePalette: 无法解析种子色 "${s}"`);
-  const { h: c, s: t, l: n } = A(r), e = P(c), { dark: l = !1 } = o, i = l ? g : p, a = l ? p : g, h = [];
-  for (let f = 0; f < 9; f += 1) {
-    let m;
-    f < 5 ? m = n + (i - n) * y[f] : f === 5 ? m = n : m = n + (a - n) * E[f - 6];
-    const T = 5 - f, x = e * b * T * (l ? -1 : 1);
-    h.push($(H({ h: c + x, s: t, l: u(m, 0, 100) })));
+  const { h: o, s: r, l: e } = $(a), n = S(o), { dark: l = !1 } = i, t = l ? Math.min(p, e) : Math.max(d, e), c = l ? Math.max(d, e) : Math.min(p, e), h = [];
+  for (let u = 0; u < 9; u += 1) {
+    let f;
+    u < 5 ? f = e + (t - e) * b[u] : u === 5 ? f = e : f = e + (c - e) * y[u - 6];
+    const M = 5 - u, T = n * x * M * (l ? -1 : 1);
+    h.push(P(H({ h: o + T, s: r, l: m(f, 0, 100) })));
   }
   return h;
-}, I = (s, o = {}) => {
-  const { name: r = "primary", target: c, dark: t } = o, n = S(s, { dark: t }), e = c ?? (typeof document < "u" ? document.documentElement : null);
-  if (e) {
-    e.style.setProperty(`--x-color-${r}`, s), n.forEach((i, a) => {
-      e.style.setProperty(`--x-color-${r}-${a + 1}`, i);
+}, G = (s, i = {}) => {
+  const { name: a = "primary", target: o, dark: r } = i, e = I(s, { dark: r }), n = o ?? (typeof document < "u" ? document.documentElement : null);
+  if (n) {
+    n.style.setProperty(`--x-color-${a}`, e[5]), e.forEach((t, c) => {
+      n.style.setProperty(`--x-color-${a}-${c + 1}`, t);
     });
-    const l = d[r];
+    const l = g[a];
     if (l)
-      for (const [i, a] of Object.entries(l))
-        e.style.setProperty(i, a);
+      for (const [t, c] of Object.entries(l))
+        n.style.setProperty(t, c);
   }
-  return n;
+  return e;
 }, L = (s = "primary") => {
-  const o = [`--x-color-${s}`, ...Array.from({ length: 9 }, (c, t) => `--x-color-${s}-${t + 1}`)], r = d[s];
-  return r ? [...o, ...Object.keys(r)] : o;
+  const i = [`--x-color-${s}`, ...Array.from({ length: 9 }, (o, r) => `--x-color-${s}-${r + 1}`)], a = g[s];
+  return a ? [...i, ...Object.keys(a)] : i;
 };
 export {
-  I as applyThemeColor,
-  S as generatePalette,
+  G as applyThemeColor,
+  I as generatePalette,
   L as getThemeColorProperties,
   H as hslToRgb,
-  _ as parseColor,
-  A as rgbToHsl,
-  $ as toHex
+  A as parseColor,
+  $ as rgbToHsl,
+  P as toHex
 };

package/dist/es/components/_components/picker/input-range.vue2.js

@@ -1,12 +1,12 @@
 import { defineComponent as J, toRefs as Q, computed as i, ref as x } from "vue";
 import X from "../feedback-icon/index.vue.js";
 import { isNumber as Y, isUndefined as Z, isArray as ee, isDayjs as re, isFunction as oe } from "../../../_utils/is.js";
-import te from "../../../icons/default/close-circle-fill.js";
+import te from "../../../icons/default/close.js";
 import ae from "../icon-hover/index.vue.js";
 import { useFormItem as ne, useFormItemControl as N } from "../../../_hooks/use-form-item.js";
 import { useLocale as ie } from "../../../locale/index.js";
 import { useSize as se } from "../../../_hooks/use-size.js";
-import { INPUT_EVENTS as F } from "../../../_utils/constant.js";
+import { INPUT_EVENTS as S } from "../../../_utils/constant.js";
 import le from "../../../_utils/pick.js";
 import { omit as ue } from "../../../_utils/omit.js";
 import { getClassNameMixin as ce } from "../../../_utils/config.js";
@@ -74,9 +74,9 @@ const xe = J({
     "blur"
   ],
   setup(a, { emit: r, slots: s, attrs: o }) {
-    const { t: S } = ie(), {
-      error: z,
-      focused: E,
+    const { t: z } = ie(), {
+      error: E,
+      focused: F,
       disabled: u,
       size: B,
       value: c,
@@ -90,11 +90,11 @@ const xe = J({
       mergedDisabled: m,
       mergedError: $,
       feedback: j
-    } = ne({ size: B, error: z }), { mergedSize: k } = se(D), _ = i(() => ue(o, [
-      ...F,
+    } = ne({ size: B, error: E }), { mergedSize: k } = se(D), _ = i(() => ue(o, [
+      ...S,
       ...Object.keys(o).filter((e) => e.startsWith("aria-") || e === "role")
     ])), v = () => ({
-      ...le(o, F),
+      ...le(o, S),
       ...Object.fromEntries(
         Object.entries(o).filter(([e]) => e.startsWith("aria-") || e === "role")
       )
@@ -116,7 +116,7 @@ const xe = J({
       t.modifier("range"),
       t.modifier(`size-${k.value}`),
       {
-        [t.modifier("focused")]: E.value,
+        [t.modifier("focused")]: F.value,
         [t.modifier("disabled")]: y.value && I.value,
         [t.modifier("error")]: $.value,
         [t.modifier("has-prefix")]: s.prefix
@@ -161,7 +161,7 @@ const xe = J({
       wrapperAttrs: _,
       formControlAttrs0: O,
       formControlAttrs1: P,
-      t: S,
+      t: z,
       className: t,
       classNames: V,
       refInput0: R,