Merged in feat/sw-3247-move-table-to-design-system (pull request #2636)

feat(SW-3247): Move Table component to design-system * Move Table component to design-system Approved-by: Bianca Widstam
2025-08-13 14:52:56 +00:00
parent cd29e54098
commit d10fc5ed74
18 changed files with 40 additions and 40 deletions
@@ -0,0 +1,66 @@
+.table {
+  border-collapse: collapse;
+  overflow: hidden;
+  min-width: 100%;
+}
+
+.thead {
+  color: var(--Base-Text-High-contrast);
+  background-color: var(--Base-Surface-Primary-dark-Normal);
+}
+
+.tbody {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}
+
+.tr:not(:last-of-type) {
+  border-bottom: 1px solid var(--Base-Border-Subtle);
+}
+
+.th {
+  padding: var(--Spacing-x2);
+  text-align: left;
+}
+
+.td {
+  padding: var(--Spacing-x2);
+}
+
+.fixed {
+  table-layout: fixed;
+}
+
+.smallRadius {
+  border-radius: var(--Corner-radius-sm);
+}
+.mediumRadius {
+  border-radius: var(--Corner-radius-md);
+}
+.largeRadius {
+  border-radius: var(--Corner-radius-lg);
+}
+
+.content .thead {
+  background-color: var(--Base-Surface-Subtle-Hover);
+}
+
+.content .tbody {
+  background-color: var(--Background-Primary);
+}
+
+.content.striped .tbody .tr:nth-child(odd) {
+  background-color: var(--Base-Surface-Subtle-Normal);
+}
+.content.striped .tbody .tr:nth-child(even) {
+  background-color: var(--Background-Primary);
+}
+
+@media screen and (min-width: 768px) {
+  .th {
+    padding: var(--Spacing-x2) var(--Spacing-x3);
+  }
+
+  .td {
+    padding: var(--Spacing-x3);
+  }
+}