refactor(ui-view): do not support deprecated color tokens in ContextView

Author: balzss

packages/ui-view/src/ContextView/props.ts

@@ -61,17 +61,7 @@ type ContextViewOwnProps = {
   shadow?: Shadow
   stacking?: Stacking
   placement?: PlacementPropValues
-  borderColor?:
-    | string
-    | 'transparent'
-    | 'primary'
-    | 'secondary'
-    | 'brand'
-    | 'info'
-    | 'success'
-    | 'warning'
-    | 'alert'
-    | 'danger'
+  borderColor?: string
 }
 
 type PropKeys = keyof ContextViewOwnProps
@@ -156,20 +146,9 @@ const propTypes: PropValidators<PropKeys> = {
 
   /**
    * Sets the color of the ContextView border.
-   * Accepts a color string value (e.g., "#FFFFFF", "red") or one of the predefined theme color options.
+   * Accepts a color string value (e.g., "#FFFFFF", "red")
    */
-  borderColor: PropTypes.oneOf([
-    PropTypes.string,
-    'transparent',
-    'primary',
-    'secondary',
-    'brand',
-    'info',
-    'success',
-    'warning',
-    'alert',
-    'danger'
-  ])
+  borderColor: PropTypes.string
 }
 
 const allowedProps: AllowedPropKeys = [

packages/ui-view/src/ContextView/styles.ts

@@ -308,7 +308,10 @@ const generateStyle = (
       ...arrowBaseStyles,
       display: 'block',
       borderWidth: `calc(${componentTheme?.arrowSize} + ${componentTheme?.arrowBorderWidth})`,
-      borderColor: borderColor || arrowBackGroundVariants[background!],
+      borderColor:
+        borderColor ||
+        arrowBackGroundVariants[borderColor!] ||
+        arrowBackGroundVariants[background!],
       ...arrowPlacementVariant.main,
       ...getArrowCorrections(placement!, componentTheme),
       '&::after': {