bug: table does not have border

[vabe]

Prerequisites

• I know how to contribute a proper bug report.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Liquid version

@emdgroup-liquid/liquid@4.3.3

Framework bindings

React

Current behavior

The <LdTable> React component does not have the expected border. It might be caused by a conflict with Tailwind rules.

/* tailwind.css */

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}

Expected behavior

The <LdTable> component should reproduce the same border as the <ld-table> web component:

Steps to reproduce

1. Set up a React-based project (or use the provided sandbox from the documentation)
2. Update Liquid version to latest (@emdgroup-liquid/liquid@4.3.3)
3. Import and combine the necessary components to build a table

   import {
     LdTableCell,
     LdTableHeader,
     LdTableCol,
     LdTableColgroup,
     LdTableRow,
     LdTableBody,
     LdTableCaption,
     LdTableToolbar,
     LdTable,
   } from '@emdgroup-liquid/liquid/dist/react'
   

4. Check the output

Code reproduction URL

https://stackblitz.com/edit/github-qxwopq

Additional information

• The same issue is present in the NextJS-based sandbox application as well.
• Tested and verified the bug in the following browsers:
  • Chrome
  • Edge
  • Firefox

[borisdiakur]

🎉 This issue has been resolved in version 4.3.5 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀