@svadmin/ui 0.78.1 → 0.79.0

package/dist/app.css

@@ -9551,6 +9551,191 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
   max-width: 32rem;
 }
 
+/* --- Auditable content primitives --- */
+.svadmin-filter-bottom-sheet[data-slot="sheet"] {
+  inset-block-start: auto;
+  inset-block-end: 0;
+  inset-inline: 0;
+  width: 100%;
+  max-width: none;
+  height: auto;
+  max-height: 85dvh;
+  overflow-y: auto;
+  padding: 1rem 1rem max(1rem, env(safe-area-inset-bottom));
+  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+}
+.svadmin-filter-bottom-sheet .svadmin-sheet-close { min-width: 44px; min-height: 44px; }
+.svadmin-filter-bottom-sheet [data-slot="sheet-content"] { display: grid; gap: 1rem; }
+.layout-clean-flat [data-svadmin-audit-section],
+.layout-clean-flat [data-svadmin-chart-container],
+.layout-clean-flat [data-svadmin-evidence-card],
+.layout-clean-flat [data-svadmin-coverage-matrix] {
+  min-width: 0;
+}
+
+.layout-clean-flat [data-svadmin-audit-section] {
+  position: relative;
+  border-block: 1px solid var(--svadmin-border, var(--border));
+  background: var(--svadmin-surface, var(--card));
+}
+
+.layout-clean-flat [data-svadmin-audit-section]::before,
+.layout-clean-flat [data-svadmin-evidence-card]::before {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 0;
+  width: 4px;
+  background: var(--svadmin-accent-color, var(--primary));
+  content: "";
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="info"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="info"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="info"] {
+  --svadmin-accent-color: var(--info);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="success"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="success"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="success"] {
+  --svadmin-accent-color: var(--success);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="warning"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="warning"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="warning"] {
+  --svadmin-accent-color: var(--warning);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="danger"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="danger"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="danger"] {
+  --svadmin-accent-color: var(--destructive);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="neutral"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="neutral"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="neutral"] {
+  --svadmin-accent-color: var(--muted-foreground);
+}
+
+.svadmin-audit-section__header,
+.svadmin-chart-container__header,
+.svadmin-evidence-card__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.svadmin-audit-section__header {
+  padding: 1rem 1.25rem;
+  border-block-end: 1px solid var(--svadmin-border, var(--border));
+}
+
+.svadmin-audit-section__heading,
+.svadmin-chart-container__header > div {
+  min-width: 0;
+}
+
+.svadmin-audit-section__eyebrow {
+  margin: 0 0 0.25rem;
+  color: var(--svadmin-text-muted, var(--muted-foreground));
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
+.svadmin-audit-section__header h2,
+.svadmin-chart-container__header h3,
+.svadmin-evidence-card__header h3 {
+  margin: 0;
+  color: var(--svadmin-text, var(--foreground));
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.svadmin-audit-section__description,
+.svadmin-chart-container__header p,
+.svadmin-evidence-card__description,
+.svadmin-evidence-card__source {
+  margin: 0.25rem 0 0;
+  color: var(--svadmin-text-muted, var(--muted-foreground));
+  font-size: 0.75rem;
+  line-height: 1.45;
+}
+
+.svadmin-audit-section__body {
+  min-width: 0;
+}
+
+.svadmin-audit-section__header,
+.svadmin-audit-section__body,
+.svadmin-evidence-card__header,
+.svadmin-evidence-card__description,
+.svadmin-evidence-card__source {
+  overflow-wrap: anywhere;
+}
+.svadmin-audit-section__actions { flex-shrink: 0; max-width: 100%; }
+.svadmin-audit-notice {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.75rem 1rem;
+  border-inline-start: 4px solid var(--warning);
+  background: var(--muted);
+  font-size: 0.8125rem;
+}
+.svadmin-audit-notice[data-state="readonly"] { border-inline-start-color: var(--muted-foreground); }
+.svadmin-status-pill[data-slot="badge"] { border-radius: 999px; white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
+.layout-clean-flat [data-svadmin-coverage-matrix]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
+.layout-clean-flat [data-svadmin-coverage-matrix] table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
+.layout-clean-flat [data-svadmin-coverage-matrix] caption { padding: 0.75rem; text-align: start; font-weight: 600; }
+.layout-clean-flat [data-svadmin-coverage-matrix] :is(th, td) { padding: 0.75rem; text-align: start; min-width: 9rem; overflow-wrap: anywhere; border-bottom: 1px solid var(--border); }
+.layout-clean-flat [data-svadmin-coverage-matrix] thead { color: var(--muted-foreground); background: var(--muted); }
+.layout-clean-flat [data-svadmin-coverage-matrix] tbody th { border-inline-start: 4px solid var(--svadmin-accent-color, var(--border)); }
+.svadmin-evidence-card__header { flex-wrap: wrap; }
+@media (max-width: 767px) {
+  .svadmin-audit-section__header { flex-wrap: wrap; }
+  .svadmin-audit-section__actions a { display: inline-flex; align-items: center; min-height: 44px; }
+}
+
+.svadmin-chart-container__body {
+  min-width: 0;
+  padding: 1rem;
+}
+
+.layout-clean-flat [data-svadmin-evidence-card] {
+  position: relative;
+  min-width: 0;
+  border: 1px solid var(--svadmin-border, var(--border));
+  background: var(--svadmin-surface, var(--card));
+  padding: 1rem 1rem 1rem 1.25rem;
+}
+
+.svadmin-evidence-card__body {
+  margin-top: 0.75rem;
+  color: var(--svadmin-text, var(--foreground));
+  font-size: 0.8125rem;
+  line-height: 1.5;
+}
+
+.svadmin-evidence-card__source {
+  margin-top: 1rem;
+  color: var(--primary);
+  font-weight: 600;
+}
+
+.layout-clean-flat [data-svadmin-coverage-matrix] {
+  overflow-x: auto;
+  border: 1px solid var(--svadmin-border, var(--border));
+  background: var(--svadmin-surface, var(--card));
+}
+
+
 @media (min-width: 768px) {
   .layout-clean-flat [data-svadmin-form-settings] [data-svadmin-field] {
     display: grid;
@@ -10108,7 +10293,8 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
 }
 
 .layout-clean-flat[data-theme="stripe"] .sidebar-menu-item-active::before {
-  content: none;
+  width: 4px;
+  content: "";
 }
 
 .layout-clean-flat[data-theme="stripe"] .sidebar-menu-item-active svg {

package/dist/app.theme.css

@@ -9551,6 +9551,191 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
   max-width: 32rem;
 }
 
+/* --- Auditable content primitives --- */
+.svadmin-filter-bottom-sheet[data-slot="sheet"] {
+  inset-block-start: auto;
+  inset-block-end: 0;
+  inset-inline: 0;
+  width: 100%;
+  max-width: none;
+  height: auto;
+  max-height: 85dvh;
+  overflow-y: auto;
+  padding: 1rem 1rem max(1rem, env(safe-area-inset-bottom));
+  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+}
+.svadmin-filter-bottom-sheet .svadmin-sheet-close { min-width: 44px; min-height: 44px; }
+.svadmin-filter-bottom-sheet [data-slot="sheet-content"] { display: grid; gap: 1rem; }
+.layout-clean-flat [data-svadmin-audit-section],
+.layout-clean-flat [data-svadmin-chart-container],
+.layout-clean-flat [data-svadmin-evidence-card],
+.layout-clean-flat [data-svadmin-coverage-matrix] {
+  min-width: 0;
+}
+
+.layout-clean-flat [data-svadmin-audit-section] {
+  position: relative;
+  border-block: 1px solid var(--svadmin-border, var(--border));
+  background: var(--svadmin-surface, var(--card));
+}
+
+.layout-clean-flat [data-svadmin-audit-section]::before,
+.layout-clean-flat [data-svadmin-evidence-card]::before {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 0;
+  width: 4px;
+  background: var(--svadmin-accent-color, var(--primary));
+  content: "";
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="info"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="info"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="info"] {
+  --svadmin-accent-color: var(--info);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="success"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="success"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="success"] {
+  --svadmin-accent-color: var(--success);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="warning"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="warning"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="warning"] {
+  --svadmin-accent-color: var(--warning);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="danger"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="danger"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="danger"] {
+  --svadmin-accent-color: var(--destructive);
+}
+
+.layout-clean-flat [data-svadmin-audit-section][data-accent="neutral"],
+.layout-clean-flat [data-svadmin-coverage-matrix] [data-accent="neutral"],
+.layout-clean-flat [data-svadmin-evidence-card][data-accent="neutral"] {
+  --svadmin-accent-color: var(--muted-foreground);
+}
+
+.svadmin-audit-section__header,
+.svadmin-chart-container__header,
+.svadmin-evidence-card__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.svadmin-audit-section__header {
+  padding: 1rem 1.25rem;
+  border-block-end: 1px solid var(--svadmin-border, var(--border));
+}
+
+.svadmin-audit-section__heading,
+.svadmin-chart-container__header > div {
+  min-width: 0;
+}
+
+.svadmin-audit-section__eyebrow {
+  margin: 0 0 0.25rem;
+  color: var(--svadmin-text-muted, var(--muted-foreground));
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
+.svadmin-audit-section__header h2,
+.svadmin-chart-container__header h3,
+.svadmin-evidence-card__header h3 {
+  margin: 0;
+  color: var(--svadmin-text, var(--foreground));
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.svadmin-audit-section__description,
+.svadmin-chart-container__header p,
+.svadmin-evidence-card__description,
+.svadmin-evidence-card__source {
+  margin: 0.25rem 0 0;
+  color: var(--svadmin-text-muted, var(--muted-foreground));
+  font-size: 0.75rem;
+  line-height: 1.45;
+}
+
+.svadmin-audit-section__body {
+  min-width: 0;
+}
+
+.svadmin-audit-section__header,
+.svadmin-audit-section__body,
+.svadmin-evidence-card__header,
+.svadmin-evidence-card__description,
+.svadmin-evidence-card__source {
+  overflow-wrap: anywhere;
+}
+.svadmin-audit-section__actions { flex-shrink: 0; max-width: 100%; }
+.svadmin-audit-notice {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.75rem 1rem;
+  border-inline-start: 4px solid var(--warning);
+  background: var(--muted);
+  font-size: 0.8125rem;
+}
+.svadmin-audit-notice[data-state="readonly"] { border-inline-start-color: var(--muted-foreground); }
+.svadmin-status-pill[data-slot="badge"] { border-radius: 999px; white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
+.layout-clean-flat [data-svadmin-coverage-matrix]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
+.layout-clean-flat [data-svadmin-coverage-matrix] table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
+.layout-clean-flat [data-svadmin-coverage-matrix] caption { padding: 0.75rem; text-align: start; font-weight: 600; }
+.layout-clean-flat [data-svadmin-coverage-matrix] :is(th, td) { padding: 0.75rem; text-align: start; min-width: 9rem; overflow-wrap: anywhere; border-bottom: 1px solid var(--border); }
+.layout-clean-flat [data-svadmin-coverage-matrix] thead { color: var(--muted-foreground); background: var(--muted); }
+.layout-clean-flat [data-svadmin-coverage-matrix] tbody th { border-inline-start: 4px solid var(--svadmin-accent-color, var(--border)); }
+.svadmin-evidence-card__header { flex-wrap: wrap; }
+@media (max-width: 767px) {
+  .svadmin-audit-section__header { flex-wrap: wrap; }
+  .svadmin-audit-section__actions a { display: inline-flex; align-items: center; min-height: 44px; }
+}
+
+.svadmin-chart-container__body {
+  min-width: 0;
+  padding: 1rem;
+}
+
+.layout-clean-flat [data-svadmin-evidence-card] {
+  position: relative;
+  min-width: 0;
+  border: 1px solid var(--svadmin-border, var(--border));
+  background: var(--svadmin-surface, var(--card));
+  padding: 1rem 1rem 1rem 1.25rem;
+}
+
+.svadmin-evidence-card__body {
+  margin-top: 0.75rem;
+  color: var(--svadmin-text, var(--foreground));
+  font-size: 0.8125rem;
+  line-height: 1.5;
+}
+
+.svadmin-evidence-card__source {
+  margin-top: 1rem;
+  color: var(--primary);
+  font-weight: 600;
+}
+
+.layout-clean-flat [data-svadmin-coverage-matrix] {
+  overflow-x: auto;
+  border: 1px solid var(--svadmin-border, var(--border));
+  background: var(--svadmin-surface, var(--card));
+}
+
+
 @media (min-width: 768px) {
   .layout-clean-flat [data-svadmin-form-settings] [data-svadmin-field] {
     display: grid;
@@ -10108,7 +10293,8 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
 }
 
 .layout-clean-flat[data-theme="stripe"] .sidebar-menu-item-active::before {
-  content: none;
+  width: 4px;
+  content: "";
 }
 
 .layout-clean-flat[data-theme="stripe"] .sidebar-menu-item-active svg {