@cedar-design/ui-vue 1.1.0 → 1.1.1

package/types/tree-select/index.d.ts

@@ -149,6 +149,10 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
             default: undefined;
         };
         beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
+        needConfirm: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         openTriggerTarget: {
             type: import("vue").PropType<import("..").OpenTriggerTarget>;
             default: "field";
@@ -1344,6 +1348,8 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: import("..").InputSlots;
         }) & {
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        } & {
             Password: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     visibility: {
@@ -4565,6 +4571,7 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
         scrollbar: boolean | import("..").ScrollbarProps;
         border: boolean;
         multiple: boolean;
+        needConfirm: boolean;
         openTriggerTarget: import("..").OpenTriggerTarget;
         defaultInputValue: string;
         caseSensitive: boolean;
@@ -5062,6 +5069,8 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: import("..").InputSlots;
         }) & {
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        } & {
             Password: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     visibility: {
@@ -11343,6 +11352,10 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
             default: undefined;
         };
         beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
+        needConfirm: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         openTriggerTarget: {
             type: import("vue").PropType<import("..").OpenTriggerTarget>;
             default: "field";
@@ -12538,6 +12551,8 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: import("..").InputSlots;
         }) & {
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        } & {
             Password: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     visibility: {
@@ -15748,6 +15763,7 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
         scrollbar: boolean | import("..").ScrollbarProps;
         border: boolean;
         multiple: boolean;
+        needConfirm: boolean;
         openTriggerTarget: import("..").OpenTriggerTarget;
         defaultInputValue: string;
         caseSensitive: boolean;
@@ -15918,6 +15934,10 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
         default: undefined;
     };
     beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
+    needConfirm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     openTriggerTarget: {
         type: import("vue").PropType<import("..").OpenTriggerTarget>;
         default: "field";
@@ -17113,6 +17133,8 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("..").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {
@@ -20334,6 +20356,7 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
     scrollbar: boolean | import("..").ScrollbarProps;
     border: boolean;
     multiple: boolean;
+    needConfirm: boolean;
     openTriggerTarget: import("..").OpenTriggerTarget;
     defaultInputValue: string;
     caseSensitive: boolean;
@@ -20831,6 +20854,8 @@ declare const TreeSelect: import("../_utils/global-config").CedarComponentWithIn
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("..").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {
@@ -27108,6 +27133,10 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
             default: undefined;
         };
         beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
+        needConfirm: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         openTriggerTarget: {
             type: import("vue").PropType<import("..").OpenTriggerTarget>;
             default: "field";
@@ -28303,6 +28332,8 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: import("..").InputSlots;
         }) & {
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        } & {
             Password: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     visibility: {
@@ -31524,6 +31555,7 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
         scrollbar: boolean | import("..").ScrollbarProps;
         border: boolean;
         multiple: boolean;
+        needConfirm: boolean;
         openTriggerTarget: import("..").OpenTriggerTarget;
         defaultInputValue: string;
         caseSensitive: boolean;
@@ -32021,6 +32053,8 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: import("..").InputSlots;
         }) & {
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        } & {
             Password: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     visibility: {
@@ -38302,6 +38336,10 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
             default: undefined;
         };
         beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
+        needConfirm: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         openTriggerTarget: {
             type: import("vue").PropType<import("..").OpenTriggerTarget>;
             default: "field";
@@ -39497,6 +39535,8 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: import("..").InputSlots;
         }) & {
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        } & {
             Password: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     visibility: {
@@ -42707,6 +42747,7 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
         scrollbar: boolean | import("..").ScrollbarProps;
         border: boolean;
         multiple: boolean;
+        needConfirm: boolean;
         openTriggerTarget: import("..").OpenTriggerTarget;
         defaultInputValue: string;
         caseSensitive: boolean;
@@ -42877,6 +42918,10 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
         default: undefined;
     };
     beforeCommit: import("vue").PropType<import("..").BeforeFieldCommit>;
+    needConfirm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     openTriggerTarget: {
         type: import("vue").PropType<import("..").OpenTriggerTarget>;
         default: "field";
@@ -44072,6 +44117,8 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("..").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {
@@ -47293,6 +47340,7 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
     scrollbar: boolean | import("..").ScrollbarProps;
     border: boolean;
     multiple: boolean;
+    needConfirm: boolean;
     openTriggerTarget: import("..").OpenTriggerTarget;
     defaultInputValue: string;
     caseSensitive: boolean;
@@ -47790,6 +47838,8 @@ export declare const _TreeSelectComponent: import("../_utils/global-config").Ced
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("..").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {

package/types/tree-select/presentation.d.ts

@@ -146,6 +146,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     beforeCommit: import("vue").PropType<import("../index.js").BeforeFieldCommit>;
+    needConfirm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     openTriggerTarget: {
         type: import("vue").PropType<import("../index.js").OpenTriggerTarget>;
         default: "field";
@@ -1330,6 +1334,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("../index.js").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {
@@ -4680,6 +4686,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     beforeCommit: import("vue").PropType<import("../index.js").BeforeFieldCommit>;
+    needConfirm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     openTriggerTarget: {
         type: import("vue").PropType<import("../index.js").OpenTriggerTarget>;
         default: "field";
@@ -4729,6 +4739,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     scrollbar: boolean | import("../index.js").ScrollbarProps;
     border: boolean;
     multiple: boolean;
+    needConfirm: boolean;
     openTriggerTarget: import("../index.js").OpenTriggerTarget;
     defaultInputValue: string;
     caseSensitive: boolean;
@@ -5226,6 +5237,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("../index.js").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {

package/types/tree-select/props.d.ts

@@ -298,6 +298,11 @@ export declare const treeSelectProps: {
         default: undefined;
     };
     beforeCommit: PropType<import("..").BeforeFieldCommit>;
+    /** 弹出编辑是否需要确认；未设置时单选即提交，多选保留确认。 */
+    needConfirm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     openTriggerTarget: {
         type: PropType<import("..").OpenTriggerTarget>;
         default: "field";

package/types/trigger/position.d.ts

@@ -28,5 +28,6 @@ export declare function calculatePopupPosition(placement: TriggerPlacement, refe
     style: CSSProperties;
 };
 export declare function getScrollElements(element: HTMLElement | SVGElement | undefined): HTMLElement[];
+export declare function getSlotChangeRoots(element: Element | undefined): ShadowRoot[];
 export declare function getScrollViews(element: Element | undefined): Window[];
 export {};

package/types/typography/EditContent.vue.d.ts

@@ -488,6 +488,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("..").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {
@@ -4108,6 +4110,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("..").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {
@@ -7748,6 +7752,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: import("..").InputSlots;
     }) & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    } & {
         Password: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 visibility: {

package/types/upload/composables/use-upload-queue.d.ts

@@ -4,6 +4,7 @@ export declare function useUploadQueue(options: {
     defaultValue?: () => UploadFileItem[] | undefined;
     onChange?: (files: UploadFileItem[], file?: UploadFileItem) => void;
     onUpdateModelValue?: (files: UploadFileItem[]) => void;
+    isActive?: () => boolean;
 }): {
     fileList: import("vue").ComputedRef<UploadFileItem[]>;
     append: (files: UploadFileItem[]) => void;

package/types/upload/composables/use-uploader.d.ts

@@ -63,6 +63,8 @@ export declare function useUploader(options: UseUploaderOptions): {
     handleDragLeave: () => void;
     handleDrop: (event: DragEvent) => void;
     guardPending: import("vue").ComputedRef<boolean>;
+    /** @internal Coordinates deferred field confirmation with file preparation. */
+    editorPending: import("vue").ComputedRef<boolean>;
     fileList: import("vue").ComputedRef<UploadFileItem[]>;
     maxReached: import("vue").ComputedRef<boolean>;
     disabled: import("vue").ComputedRef<boolean>;

package/types/upload/upload.vue.d.ts

@@ -1,4 +1,4 @@
-import type { UploadFileItem, UploadSlots } from './interfaces';
+import type { UploadCapture, UploadFileItem, UploadSlots } from './interfaces';
 type __VLS_Slots = UploadSlots;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     emptyValue: {
@@ -11,7 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: () => never[];
     };
     accept: StringConstructor;
-    capture: import("vue").PropType<import("./interfaces").UploadCapture>;
+    capture: import("vue").PropType<UploadCapture>;
     multiple: BooleanConstructor;
     reupload: BooleanConstructor;
     directory: BooleanConstructor;
@@ -165,7 +165,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: () => never[];
     };
     accept: StringConstructor;
-    capture: import("vue").PropType<import("./interfaces").UploadCapture>;
+    capture: import("vue").PropType<UploadCapture>;
     multiple: BooleanConstructor;
     reupload: BooleanConstructor;
     directory: BooleanConstructor;

package/umd/_components/selected-options/style/index.css

@@ -72,7 +72,7 @@
 .c-selected-options__toggle:focus-visible,
 .c-selected-options__clear:focus-visible,
 .c-selected-options__remove:focus-visible {
-  outline: 2px solid var(--c-sys-color-content-brand);
+  outline: 2px solid var(--c-sys-color-action-primary);
   outline-offset: 1px;
 }
 .c-selected-options__toggle {
@@ -208,10 +208,13 @@
   white-space: normal;
   overflow-wrap: anywhere;
 }
-.c-selection-editor .c-select-option.c-select-option-selected,
-.c-selection-editor .c-select-option.c-select-option-selected:hover {
-  background: var(--c-selection-editor-selected-background);
-  color: var(--c-selection-editor-accent);
+.c-selection-editor .c-select-option.c-select-option-selected:not(.c-select-option-disabled) {
+  background: var(--c-select-popup-option-bg-selected);
+  color: var(--c-select-popup-option-text-color-selected);
+}
+.c-selection-editor .c-select-option.c-select-option-selected:not(.c-select-option-disabled):hover,
+.c-selection-editor .c-select-option.c-select-option-selected:not(.c-select-option-disabled).c-select-option-active {
+  background: var(--c-select-popup-option-bg-selected-hover);
 }
 .c-selection-editor .c-select-option-disabled {
   opacity: var(--c-selected-options-disabled-opacity);
@@ -239,9 +242,13 @@
   white-space: normal;
   overflow-wrap: anywhere;
 }
-.c-selection-editor .c-cascader-option > span:first-child {
-  order: 2;
-  margin-inline-start: var(--c-selection-editor-gap);
+.c-selection-editor .c-cascader-option .c-cascader-option-checkbox {
+  order: -1;
+  flex: none;
+  margin-inline-end: var(--c-selection-editor-gap);
+}
+.c-selection-editor .c-cascader-option .c-cascader-option-checkbox .c-checkbox {
+  margin-inline-end: 0;
 }
 .c-selection-editor .c-selection-indicator {
   margin: 0;
@@ -249,11 +256,13 @@
   height: var(--c-selection-editor-check-size);
   border-radius: var(--c-selection-editor-radius);
 }
-.c-selection-editor .c-cascader-option.c-cascader-option-selected,
-.c-selection-editor .c-cascader-option.c-cascader-option-selected:hover,
-.c-selection-editor .c-cascader-option-active {
-  background: var(--c-selection-editor-selected-background);
-  color: var(--c-selection-editor-accent);
+.c-selection-editor .c-cascader-option.c-cascader-option-selected:not(.c-cascader-option-disabled) {
+  background: var(--c-cascader-item-bg-active);
+  color: var(--c-cascader-item-text-color-active);
+}
+.c-selection-editor .c-cascader-option.c-cascader-option-selected:not(.c-cascader-option-disabled):hover,
+.c-selection-editor .c-cascader-option.c-cascader-option-selected:not(.c-cascader-option-disabled).c-cascader-option-active {
+  background: var(--c-cascader-item-bg-hover);
 }
 .c-selection-editor--mobile {
   width: 100%;
@@ -268,8 +277,6 @@
 .c-selection-editor--mobile .c-select-dropdown .c-select-option,
 .c-selection-editor--mobile .c-cascader-option {
   min-height: var(--c-selection-editor-touch-height);
-  border-radius: 0;
-  border-bottom: 1px solid var(--c-selection-editor-border);
   font-size: var(--c-selection-editor-touch-font-size);
 }
 .c-selection-editor--mobile .c-selection-indicator {
@@ -394,3 +401,14 @@
 .c-selection-editor--mobile .c-tree-node {
   min-height: var(--c-selection-editor-touch-height);
 }
+.c-selection-editor--select .c-select-dropdown .c-select-dropdown-list-wrapper,
+.c-selection-editor--auto-complete .c-select-dropdown .c-select-dropdown-list-wrapper,
+.c-selection-editor--people-select .c-select-dropdown .c-select-dropdown-list-wrapper {
+  padding-inline: var(--c-select-popup-padding-horizontal);
+}
+.c-selection-editor--select.c-selection-editor--mobile .c-select-dropdown .c-select-option,
+.c-selection-editor--auto-complete.c-selection-editor--mobile .c-select-dropdown .c-select-option,
+.c-selection-editor--people-select.c-selection-editor--mobile .c-select-dropdown .c-select-option {
+  border-radius: var(--c-select-popup-option-border-radius);
+  border-bottom: 0;
+}

package/umd/anchor/style/index.css

@@ -14,7 +14,7 @@
   --c-anchor-title-margin-bottom: var(--c-spacing-1);
   --c-anchor-color-title: var(--c-color-text-2);
   --c-anchor-color-title-hover: rgb(var(--c-primary-5));
-  --c-anchor-color-title-active: var(--c-sys-color-content-brand);
+  --c-anchor-color-title-active: var(--c-sys-color-action-primary);
   --c-anchor-font-weight-title-hover: var(--c-font-weight-500);
   --c-anchor-font-weight-title-active: var(--c-font-weight-500);
   --c-anchor-color-bg-title-hover: var(--c-color-fill-2);

package/umd/auto-complete/style/index.css

@@ -54,11 +54,16 @@
   color: var(--c-auto-complete-option-text-color-selected);
   background-color: var(--c-auto-complete-option-bg-selected);
 }
-.c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option-active,
-.c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option:not(.c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option-disabled):hover {
+.c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option-active:not(.c-select-option-selected):not(.c-select-option-disabled),
+.c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option:not(.c-select-option-selected):not(.c-select-option-disabled):hover {
   color: var(--c-auto-complete-option-text-color-hover);
   background-color: var(--c-auto-complete-option-bg-hover);
 }
+.c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option-selected.c-select-option-active:not(.c-select-option-disabled),
+.c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option-selected:not(.c-select-option-disabled):hover {
+  color: var(--c-auto-complete-option-text-color-selected);
+  background-color: var(--c-auto-complete-option-bg-hover);
+}
 .c-select-dropdown:where(.c-auto-complete__dropdown) .c-select-option-disabled {
   color: var(--c-auto-complete-option-text-color-disabled);
   background-color: var(--c-auto-complete-option-bg-disabled);

package/umd/back-top/style/index.css

@@ -12,7 +12,7 @@
   --c-back-top-background: var(--c-sys-color-surface-raised);
   --c-back-top-text-color: var(--c-sys-color-content-brand);
   --c-back-top-hover-background: var(--c-sys-color-state-hover);
-  --c-back-top-focus-color: var(--c-sys-color-content-brand);
+  --c-back-top-focus-color: var(--c-sys-color-action-primary);
   --c-back-top-focus-width: 2px;
   --c-back-top-focus-offset: 2px;
   --c-back-top-z-index: var(--c-z-index-local-sticky);

package/umd/button/style/index.css

@@ -15,7 +15,7 @@
   --c-button-disabled-color: var(--c-color-fill-2);
   --c-button-disabled-solid-text-color: var(--c-sys-color-content-on-dark);
   --c-button-disabled-text-color: var(--c-sys-color-content-disabled);
-  --c-button-focus-color: var(--c-sys-color-content-brand);
+  --c-button-focus-color: var(--c-sys-color-action-primary);
   --c-button-info-color: var(--c-sys-color-status-info);
   --c-button-info-disabled-color: rgb(var(--c-blue-3));
   --c-button-info-foreground-color: var(--c-sys-color-content-info);

package/umd/carousel/style/index.css

@@ -28,7 +28,7 @@
   --c-carousel-card-opacity: 0.6;
   --c-carousel-focus-width: 2px;
   --c-carousel-focus-offset: 2px;
-  --c-carousel-focus-color: var(--c-sys-color-content-brand);
+  --c-carousel-focus-color: var(--c-sys-color-action-primary);
 }
 .c-carousel {
   position: relative;

package/umd/cascader/style/index.css

@@ -11,7 +11,7 @@
   --c-cascader-size-item-height: 36px;
   --c-cascader-font-item-size: var(--c-sys-font-size-md);
   --c-cascader-margin-item-icon-left: var(--c-sys-space-5);
-  --c-cascader-item-check-color: var(--c-sys-color-content-primary);
+  --c-cascader-item-check-color: var(--c-sys-color-action-primary);
   --c-cascader-item-check-size: var(--c-sys-font-size-md);
   --c-cascader-item-text-color: var(--c-sys-color-content-primary);
   --c-cascader-item-icon-color: var(--c-sys-color-content-secondary);
@@ -19,11 +19,11 @@
   --c-cascader-padding-item-right: var(--c-sys-space-5);
   --c-cascader-size-item-icon: 12px;
   --c-cascader-item-text-color-hover: var(--c-cascader-item-text-color);
-  --c-cascader-item-text-color-active: var(--c-cascader-item-text-color);
+  --c-cascader-item-text-color-active: var(--c-sys-color-action-primary);
   --c-cascader-item-text-color-disabled: var(--c-sys-color-content-disabled);
   --c-cascader-item-text-color-disabled-active: var(--c-sys-color-content-disabled);
-  --c-cascader-item-bg-active: var(--c-color-fill-2);
-  --c-cascader-item-bg-hover: var(--c-cascader-item-bg-active);
+  --c-cascader-item-bg-active: transparent;
+  --c-cascader-item-bg-hover: var(--c-color-fill-2);
   --c-cascader-item-bg-disabled: transparent;
   --c-cascader-item-bg-disabled-active: var(--c-color-fill-2);
   --c-cascader-checkbox-bg-hover: var(--c-color-fill-3);
@@ -222,17 +222,44 @@
 .c-cascader-search-option-disabled:hover .c-cascader-option-check {
   color: var(--c-cascader-item-text-color-disabled);
 }
-.c-cascader-option-active {
-  color: var(--c-cascader-item-text-color-active);
-  background-color: var(--c-cascader-item-bg-active);
+.c-cascader-option-active,
+.c-cascader-search-option-active {
+  color: var(--c-cascader-item-text-color-hover);
+  background-color: var(--c-cascader-item-bg-hover);
   transition: all var(--c-sys-motion-duration-standard) var(--c-sys-motion-easing-standard);
 }
-.c-cascader-option-active:hover {
+.c-cascader-option-selected,
+.c-cascader-search-option-selected {
   color: var(--c-cascader-item-text-color-active);
   background-color: var(--c-cascader-item-bg-active);
 }
+.c-cascader-option-selected:hover,
+.c-cascader-search-option-selected:hover,
+.c-cascader-option-selected.c-cascader-option-active,
+.c-cascader-search-option-selected.c-cascader-option-active,
+.c-cascader-option-selected.c-cascader-search-option-active,
+.c-cascader-search-option-selected.c-cascader-search-option-active,
+.c-cascader-option-selected.c-cascader-search-option-hover,
+.c-cascader-search-option-selected.c-cascader-search-option-hover {
+  color: var(--c-cascader-item-text-color-active);
+  background-color: var(--c-cascader-item-bg-hover);
+}
 .c-cascader-option-active.c-cascader-option-disabled,
-.c-cascader-option-active.c-cascader-option-disabled:hover {
+.c-cascader-option-active.c-cascader-search-option-disabled,
+.c-cascader-search-option-active.c-cascader-option-disabled,
+.c-cascader-search-option-active.c-cascader-search-option-disabled,
+.c-cascader-option-active.c-cascader-option-disabled:hover,
+.c-cascader-option-active.c-cascader-search-option-disabled:hover,
+.c-cascader-search-option-active.c-cascader-option-disabled:hover,
+.c-cascader-search-option-active.c-cascader-search-option-disabled:hover,
+.c-cascader-option-selected.c-cascader-option-disabled,
+.c-cascader-option-selected.c-cascader-search-option-disabled,
+.c-cascader-search-option-selected.c-cascader-option-disabled,
+.c-cascader-search-option-selected.c-cascader-search-option-disabled,
+.c-cascader-option-selected.c-cascader-option-disabled:hover,
+.c-cascader-option-selected.c-cascader-search-option-disabled:hover,
+.c-cascader-search-option-selected.c-cascader-option-disabled:hover,
+.c-cascader-search-option-selected.c-cascader-search-option-disabled:hover {
   color: var(--c-cascader-item-text-color-disabled-active);
   background-color: var(--c-cascader-item-bg-disabled-active);
 }