feat(UserFeedback): Add support for high contrast (#713)

rebeccaalpert · web-flow · commit d2fc306dfb6f · 2025-10-31T13:53:43.000-04:00
Add borders to container that show in high contrast mode.
diff --git a/packages/module/src/Message/UserFeedback/UserFeedback.scss b/packages/module/src/Message/UserFeedback/UserFeedback.scss
@@ -1,7 +1,8 @@
 // shared
 .pf-chatbot__feedback-card {
   box-shadow: var(--pf-t--global--box-shadow--sm);
-  --pf-v6-c-card--BorderWidth: 0;
+  // we want to override to 0 usually and assume the default border for high contrast support
+  --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   max-width: 27.5rem; // fixme address mobile vs desktop
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,8 @@`
`1`	`1`	`// shared`
`2`	`2`	`.pf-chatbot__feedback-card {`
`3`	`3`	`box-shadow: var(--pf-t--global--box-shadow--sm);`
`4`		`- --pf-v6-c-card--BorderWidth: 0;`
	`4`	`+ // we want to override to 0 usually and assume the default border for high contrast support`
	`5`	`+ --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);`
`5`	`6`	`max-width: 27.5rem; // fixme address mobile vs desktop`
`6`	`7`	`}`
`7`	`8`