@usefidel/design-system 0.23.0 → 0.23.1

package/dist/fidel.manifest.json

@@ -10,6 +10,6 @@
     "webapp.css"
   ],
   "storybookUrl": null,
-  "packageVersion": "0.23.0",
-  "resolvedSha": "dacb06b3b72bd7e4223af4b13e45c7e18b1feeb8"
+  "packageVersion": "0.23.1",
+  "resolvedSha": "8705c963c5b2c63113b77a5cd6943a68d4a76180"
 }

package/dist/index.css

@@ -2215,11 +2215,32 @@
 }
 @media (max-width: 480px) {
   .fds-callout {
-    flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    gap: var(--spacing-2, 8px) var(--spacing-3, 12px);
+  }
+  .fds-callout:not(:has(> .fds-callout__icon)) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .fds-callout__icon {
+    align-self: center;
+  }
+  .fds-callout__body {
+    display: contents;
   }
+  .fds-callout__text,
   .fds-callout__action {
-    flex-basis: 100%;
-    padding-left: var(--spacing-12, 48px);
+    grid-column: 1 / -1;
+  }
+  .fds-callout__text {
+    margin-top: 0;
+  }
+  .fds-callout__action {
+    flex-wrap: wrap;
+  }
+  .fds-callout__action > * {
+    flex: 1 1 auto;
+    justify-content: center;
   }
 }
 .fds-callout--neutral {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usefidel/design-system",
-  "version": "0.23.0",
+  "version": "0.23.1",
   "description": "Fidel brand design tokens + React component library — DTCG token source of truth, generated per-surface CSS + Tailwind-v4 parser-compatibility output, and on-brand React components (Button, MismatchCard, DiffSection).",
   "type": "module",
   "main": "./dist/index.cjs",