Sync styleguide 2026.05.18.1

2026-06-03 16:25:03 +02:00
parent 70272e81d6
commit 543d3e5af5
66 changed files with 22706 additions and 0 deletions
@@ -0,0 +1,69 @@
+/* ========================================================= */
+/* Components: Data Display                                  */
+/* ========================================================= */
+
+.sg-data-table {
+  --data-table-column-count: 3;
+  width: 100%;
+  border-collapse: collapse;
+  background: var(--surface-data-table);
+  table-layout: fixed;
+}
+
+.sg-data-table th,
+.sg-data-table td {
+  width: calc(100% / var(--data-table-column-count));
+  padding: 0 0 var(--spacing-small) 0;
+  border: var(--border-none);
+  text-align: left;
+  vertical-align: top;
+}
+
+.sg-data-table[data-component="data-columns"] {
+  --data-table-column-count: 2;
+}
+
+.sg-data-table th {
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-small);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+  color: var(--text-data-table-default);
+  background: var(--surface-data-table-header);
+}
+
+.sg-data-table td {
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+  color: var(--text-data-table-default);
+  background: var(--surface-data-table-cell);
+}
+
+.sg-data-table__label,
+.sg-data-table__value {
+  font-weight: var(--font-weight-semibold);
+}
+
+.sg-data-table__value--warning {
+  color: var(--text-data-table-warning);
+}
+
+.sg-data-table__help-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--small-interaction-element-size);
+  height: var(--small-interaction-element-size);
+  border: var(--border-none);
+  border-radius: 50%;
+  box-shadow: var(--shadow-none);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-small);
+  font-weight: var(--font-weight-semibold);
+  line-height: 1;
+  color: var(--text-data-table-help-icon);
+  background: var(--surface-data-table-help-icon);
+}
+