feat(new-hope): fix cursor of arrow in Combobox

Author: shuga2704

packages/plasma-new-hope/src/components/Combobox/ComboboxNew/Combobox.styles.ts

@@ -39,19 +39,19 @@ export const Ul = styled.ul<{
     }
 `;
 
-export const IconArrowWrapper = styled.div<{ disabled: boolean }>`
+export const IconArrowWrapper = styled.div<{ disabled: boolean; readOnly: boolean }>`
     line-height: 0;
     color: var(${tokens.disclosureIconColor});
-    cursor: ${({ disabled }) => (disabled ? 'inherit' : 'pointer')};
+    cursor: ${({ disabled, readOnly }) => (disabled || readOnly ? 'inherit' : 'pointer')};
 
     .${classes.arrowInverse} {
         transform: rotate(-180deg);
     }
 
     &:hover,
     &:active {
-        color: ${({ disabled }) =>
-            disabled ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};
+        color: ${({ disabled, readOnly }) =>
+            disabled || readOnly ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};
     }
 `;
 

packages/plasma-new-hope/src/components/Combobox/ComboboxNew/Combobox.tsx

@@ -555,6 +555,7 @@ export const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProp
                                         contentRight={
                                             <IconArrowWrapper
                                                 disabled={disabled}
+                                                readOnly={readOnly}
                                                 onClick={handleClickArrow}
                                                 className={classes.comboboxTargetArrow}
                                             >