Merge pull request #2212 from pie-framework/fix/PIE-440

fix: tweak table styling rules to exclude role="presentation" PIE-440

Author: CarlaCostea

packages/render-ui/src/preview-prompt.jsx

@@ -5,23 +5,24 @@ import * as color from './color';
 import { renderMath } from '@pie-lib/math-rendering';
 
 const StyledPromptContainer = styled('div')(({ theme, tagName }) => ({
+  // presentation tables should not have any custom style
   // Base promptTable styles
-  '&:not(.MathJax) > table': {
+  '&:not(.MathJax) > table:not([role="presentation"])': {
     borderCollapse: 'collapse',
   },
   // Apply vertical striping when first column is a header (th) and NOT mixed with td
-  '&:not(.MathJax) > table:has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)':
+  '&:not(.MathJax) > table:not([role="presentation"]):has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)':
     {
       backgroundColor: '#f6f8fa',
       color: theme.palette.common.black,
     },
   // Apply horizontal striping for tables where first element is a data cell (td)
-  '&:not(.MathJax) > table:has(tbody tr > td:first-child) tbody tr:nth-child(even) td': {
+  '&:not(.MathJax) > table:not([role="presentation"]):has(tbody tr > td:first-child) tbody tr:nth-child(even) td': {
     backgroundColor: '#f6f8fa',
     color: theme.palette.common.black,
   },
   // align table content to left as per STAR requirement PD-3687
-  '&:not(.MathJax) table td, &:not(.MathJax) table th': {
+  '&:not(.MathJax) table:not([role="presentation"]) td, &:not(.MathJax) table:not([role="presentation"]) th': {
     padding: '.6em 1em',
     textAlign: 'left',
   },