@echelon-foundry/design-system 0.2.0-main.16.1 → 0.2.0

package/dist/components.css

@@ -27,7 +27,7 @@
   }
 
   /* Physics-derived motion ---------------------------------------------- */
-  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette, .ef-fault-notification, .ef-fault-banner, .ef-fault-blocking) {
+  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette) {
     /*
      * CSS cannot run a continuous rigid-body simulation. Forma therefore uses
      * a physics-derived response model. The fallback values remain usable in
@@ -48,19 +48,19 @@
     --ef-motion-damped-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
   }
 
-  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette, .ef-fault-notification, .ef-fault-banner, .ef-fault-blocking)[data-ef-motion-weight="light"] {
+  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette)[data-ef-motion-weight="light"] {
     --ef-motion-mass: 0.65;
     --ef-motion-stiffness: 1.15;
     --ef-motion-damping: 0.94;
   }
 
-  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette, .ef-fault-notification, .ef-fault-banner, .ef-fault-blocking)[data-ef-motion-weight="standard"] {
+  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette)[data-ef-motion-weight="standard"] {
     --ef-motion-mass: 1;
     --ef-motion-stiffness: 1;
     --ef-motion-damping: 0.84;
   }
 
-  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette, .ef-fault-notification, .ef-fault-banner, .ef-fault-blocking)[data-ef-motion-weight="heavy"] {
+  :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette)[data-ef-motion-weight="heavy"] {
     --ef-motion-mass: 1.8;
     --ef-motion-stiffness: 0.92;
     --ef-motion-damping: 0.76;
@@ -72,14 +72,14 @@
     --ef-motion-damping: 0.94;
   }
 
-  :where(.ef-dialog, .ef-flyout, .ef-command-palette, .ef-fault-notification, .ef-fault-banner, .ef-fault-blocking):not([data-ef-motion-weight]) {
+  :where(.ef-dialog, .ef-flyout, .ef-command-palette):not([data-ef-motion-weight]) {
     --ef-motion-mass: 1.8;
     --ef-motion-stiffness: 0.92;
     --ef-motion-damping: 0.76;
   }
 
   @supports (width: calc(1px * sqrt(1))) {
-    :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette, .ef-fault-notification, .ef-fault-banner, .ef-fault-blocking) {
+    :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette) {
       /*
        * Response time follows sqrt(mass / stiffness), then is lengthened as
        * damping decreases. Vertical gravity time follows sqrt(2s / g) and is
@@ -351,7 +351,7 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
-    :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette, .ef-fault-notification, .ef-fault-banner, .ef-fault-blocking) {
+    :where(.ef-switch, .ef-checkbox, .ef-select, .ef-disclosure, .ef-popover, .ef-menu, .ef-dialog, .ef-flyout, .ef-tabs, .ef-alert, .ef-toast, .ef-command-palette) {
       --ef-motion-inertia-duration: 0.01ms;
       --ef-motion-gravity-duration: 0.01ms;
       --ef-motion-state-duration: 0.01ms;
@@ -2121,405 +2121,3 @@
   }
 
 }
-
-
-@layer echelon.components {
-  /* Aegis notification/banner default perceived weight ----------------- */
-  :where(.ef-fault-notification, .ef-fault-banner):not([data-ef-motion-weight]) {
-    --ef-motion-mass: 1;
-    --ef-motion-stiffness: 1;
-    --ef-motion-damping: 0.84;
-  }
-
-  :where(.ef-fault-blocking):not([data-ef-motion-weight]) {
-    --ef-motion-mass: 1.8;
-    --ef-motion-stiffness: 0.92;
-    --ef-motion-damping: 0.76;
-  }
-
-  /* Aegis fault presentation -------------------------------------------- */
-  .ef-fault,
-  .ef-fault-notification,
-  .ef-fault-banner,
-  .ef-fault-summary,
-  .ef-diagnostic-status,
-  .ef-fault-details {
-    box-sizing: border-box;
-    max-inline-size: 100%;
-  }
-
-  .ef-fault {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    align-items: start;
-    gap: var(--ef-primitive-spacing-3, 0.75rem);
-    padding: var(--ef-primitive-spacing-4, 1rem);
-    border: 1px solid var(--ef-color-border-functional, #3a403c);
-    border-inline-start-width: 0.35rem;
-    background: var(--ef-color-surface-primary, #f2efe7);
-    color: var(--ef-color-text-primary, #171a18);
-  }
-
-  .ef-fault[data-ef-severity="diagnostic"] { border-inline-start-style: dotted; }
-  .ef-fault[data-ef-severity="warning"] { border-inline-start-style: dashed; }
-  .ef-fault[data-ef-severity="critical"] {
-    border-inline-start-width: 0.55rem;
-    outline: 1px solid var(--ef-color-border-functional, #3a403c);
-    outline-offset: 2px;
-  }
-
-  .ef-fault__marker,
-  .ef-fault-notification__marker,
-  .ef-fault-summary__marker,
-  .ef-fault-blocking__marker {
-    min-inline-size: 1.75rem;
-    min-block-size: 1.75rem;
-    display: inline-grid;
-    place-items: center;
-    border: 2px solid currentColor;
-    border-radius: var(--ef-primitive-radius-pill, 999px);
-    font-family: var(--ef-primitive-font-family-mono, ui-monospace, monospace);
-    font-weight: 800;
-    line-height: 1;
-  }
-
-  .ef-fault__body,
-  .ef-fault-notification__body,
-  .ef-fault-banner__body {
-    min-inline-size: 0;
-  }
-
-  .ef-fault__severity {
-    margin: 0 0 0.2rem;
-    color: var(--ef-color-text-secondary, #686d68);
-    font-family: var(--ef-primitive-font-family-mono, ui-monospace, monospace);
-    font-size: 0.72rem;
-    font-weight: 800;
-    letter-spacing: 0.08em;
-    line-height: 1.25;
-    text-transform: uppercase;
-  }
-
-  .ef-fault__title,
-  .ef-fault__message,
-  .ef-fault-notification p,
-  .ef-fault-banner p {
-    margin-block-start: 0;
-  }
-
-  .ef-fault__title { margin-block-end: 0.35rem; }
-  .ef-fault__message { margin-block-end: 0.5rem; }
-
-  .ef-fault-reference {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.4rem;
-    margin: 0.55rem 0 0;
-    color: var(--ef-color-text-secondary, #686d68);
-    font-size: 0.8125rem;
-  }
-
-  .ef-fault-reference code {
-    color: var(--ef-color-text-primary, #171a18);
-    font-weight: 750;
-    overflow-wrap: anywhere;
-  }
-
-  .ef-fault-reference button {
-    min-block-size: 2.75rem;
-    min-inline-size: 2.75rem;
-  }
-
-  .ef-recovery-actions {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--ef-primitive-spacing-2, 0.5rem);
-    min-inline-size: 0;
-  }
-
-  .ef-recovery-actions > button,
-  .ef-fault-notification__dismiss {
-    min-block-size: 2.75rem;
-  }
-
-  .ef-fault--inline {
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    padding: 0.75rem;
-    background: var(--ef-color-surface-secondary, #e3e0d7);
-  }
-
-  .ef-fault-notification {
-    --ef-motion-distance: 0.45;
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    align-items: start;
-    gap: var(--ef-primitive-spacing-3, 0.75rem);
-    inline-size: min(32rem, calc(100vw - 2rem));
-    padding: var(--ef-primitive-spacing-4, 1rem);
-    border: 1px solid var(--ef-color-border-functional, #3a403c);
-    border-inline-start-width: 0.35rem;
-    background: var(--ef-color-surface-primary, #f2efe7);
-    color: var(--ef-color-text-primary, #171a18);
-    box-shadow: 0 0.8rem 2.2rem rgb(0 0 0 / 0.18);
-    opacity: 1;
-    translate: 0 0;
-    scale: 1;
-  }
-
-  .ef-fault-notification[data-ef-motion-entry] {
-    opacity: 1;
-    translate: 0 0;
-    transition:
-      opacity var(--ef-motion-state-duration) linear,
-      translate var(--ef-motion-inertia-duration) var(--ef-motion-damped-easing);
-  }
-
-  @starting-style {
-    .ef-fault-notification[data-ef-motion-entry] {
-      opacity: 0;
-      translate: 0 -0.45rem;
-    }
-  }
-
-  .ef-fault-notification__dismiss {
-    align-self: start;
-  }
-
-  .ef-fault-banner {
-    --ef-motion-distance: 0.3;
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    align-items: start;
-    gap: var(--ef-primitive-spacing-3, 0.75rem);
-    inline-size: 100%;
-    padding: var(--ef-primitive-spacing-4, 1rem);
-    border: 1px solid var(--ef-color-border-functional, #3a403c);
-    border-block-width: 2px;
-  }
-
-  .ef-fault-banner[data-ef-severity="critical"] {
-    border-block-width: 3px;
-  }
-
-  .ef-fault-banner[data-ef-motion-entry] {
-    opacity: 1;
-    translate: 0 0;
-    transition:
-      opacity var(--ef-motion-state-duration) linear,
-      translate var(--ef-motion-inertia-duration) var(--ef-motion-damped-easing);
-  }
-
-  @starting-style {
-    .ef-fault-banner[data-ef-motion-entry] {
-      opacity: 0;
-      translate: 0 -0.3rem;
-    }
-  }
-
-  .ef-fault-blocking {
-    inline-size: min(42rem, calc(100vw - 2rem));
-    max-block-size: min(90dvh, calc(100dvh - 2rem));
-  }
-
-  .ef-fault-blocking__heading {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr);
-    align-items: start;
-    gap: var(--ef-primitive-spacing-3, 0.75rem);
-  }
-
-  .ef-fault-blocking__heading h2 {
-    margin-block-start: 0;
-  }
-
-  .ef-fault-summary {
-    display: grid;
-    gap: var(--ef-primitive-spacing-4, 1rem);
-    padding: var(--ef-primitive-spacing-4, 1rem);
-    border: 2px solid var(--ef-color-border-functional, #3a403c);
-    background: var(--ef-color-surface-primary, #f2efe7);
-    color: var(--ef-color-text-primary, #171a18);
-  }
-
-  .ef-fault-summary:focus-visible {
-    outline: 3px solid var(--ef-color-focus-gap, #f2efe7);
-    outline-offset: 2px;
-    box-shadow: 0 0 0 5px var(--ef-color-focus-ring, #171a18);
-  }
-
-  .ef-fault-summary__heading {
-    display: grid;
-    grid-template-columns: auto minmax(0, 1fr);
-    gap: var(--ef-primitive-spacing-3, 0.75rem);
-    align-items: start;
-  }
-
-  .ef-fault-summary__heading h2 {
-    margin-block: 0;
-  }
-
-  .ef-fault-summary__list {
-    display: grid;
-    gap: 0.65rem;
-    margin: 0;
-    padding-inline-start: 1.4rem;
-  }
-
-  .ef-fault-summary__list > li {
-    padding-inline-start: 0.2rem;
-  }
-
-  .ef-fault-summary__list > li[data-ef-severity="critical"] {
-    font-weight: 750;
-  }
-
-  .ef-fault-summary__meta {
-    display: block;
-    margin-block-start: 0.15rem;
-    color: var(--ef-color-text-secondary, #686d68);
-    font-family: var(--ef-primitive-font-family-mono, ui-monospace, monospace);
-    font-size: 0.75rem;
-    overflow-wrap: anywhere;
-  }
-
-  .ef-diagnostic-status {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--ef-primitive-spacing-2, 0.5rem);
-    padding: 0.55rem 0.75rem;
-    border: 1px solid var(--ef-color-border-functional, #3a403c);
-    background: var(--ef-color-surface-secondary, #e3e0d7);
-    color: var(--ef-color-text-primary, #171a18);
-  }
-
-  .ef-diagnostic-status__marker {
-    min-inline-size: 1.5rem;
-    text-align: center;
-    font-family: var(--ef-primitive-font-family-mono, ui-monospace, monospace);
-    font-weight: 800;
-  }
-
-  .ef-diagnostic-status__body {
-    display: grid;
-    gap: 0.1rem;
-  }
-
-  .ef-diagnostic-status__body > span {
-    color: var(--ef-color-text-on-secondary-surface, #3a403c);
-    font-size: 0.8125rem;
-  }
-
-  .ef-diagnostic-status[data-ef-state="unavailable"],
-  .ef-diagnostic-status[data-ef-state="last-synchronization-failed"] {
-    border-width: 2px;
-  }
-
-  .ef-fault-details {
-    border-block: 1px solid var(--ef-color-border-functional, #3a403c);
-  }
-
-  .ef-fault-details > summary {
-    min-block-size: 2.75rem;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    font-weight: 700;
-  }
-
-  .ef-fault-details__content {
-    padding-block-end: var(--ef-primitive-spacing-4, 1rem);
-  }
-
-  .ef-fault-details__list {
-    display: grid;
-    gap: 0.5rem;
-    margin: 0;
-  }
-
-  .ef-fault-details__list > div {
-    display: grid;
-    grid-template-columns: minmax(7rem, auto) minmax(0, 1fr);
-    gap: 0.75rem;
-  }
-
-  .ef-fault-details__list dt { font-weight: 700; }
-  .ef-fault-details__list dd { margin: 0; overflow-wrap: anywhere; }
-
-  .ef-fault-details__boundary {
-    margin-block-end: 0;
-    color: var(--ef-color-text-secondary, #686d68);
-    font-size: 0.8125rem;
-  }
-
-  @media (max-width: 36rem) {
-    .ef-fault,
-    .ef-fault--inline,
-    .ef-fault-notification,
-    .ef-fault-banner {
-      grid-template-columns: auto minmax(0, 1fr);
-    }
-
-    .ef-fault > .ef-recovery-actions,
-    .ef-fault--inline > .ef-recovery-actions,
-    .ef-fault-banner > .ef-recovery-actions,
-    .ef-fault-notification__dismiss {
-      grid-column: 1 / -1;
-    }
-
-    .ef-fault-notification__dismiss {
-      justify-self: stretch;
-    }
-
-    .ef-recovery-actions {
-      inline-size: 100%;
-    }
-
-    .ef-recovery-actions > button,
-    .ef-fault-notification__dismiss {
-      flex: 1 1 100%;
-      inline-size: 100%;
-    }
-
-    .ef-fault-details__list > div {
-      grid-template-columns: 1fr;
-      gap: 0.1rem;
-    }
-
-    .ef-fault-blocking {
-      inline-size: calc(100vw - 1rem);
-      max-block-size: calc(100dvh - 1rem);
-      margin: auto;
-    }
-  }
-
-  @media (forced-colors: active) {
-    .ef-fault,
-    .ef-fault-notification,
-    .ef-fault-banner,
-    .ef-fault-summary,
-    .ef-diagnostic-status,
-    .ef-fault-details {
-      border-color: CanvasText;
-      background: Canvas;
-      color: CanvasText;
-      box-shadow: none;
-    }
-
-    .ef-fault__marker,
-    .ef-fault-notification__marker,
-    .ef-fault-summary__marker,
-    .ef-fault-blocking__marker {
-      border-color: CanvasText;
-    }
-
-    .ef-fault__severity,
-    .ef-fault-summary__meta,
-    .ef-diagnostic-status__body > span,
-    .ef-fault-details__boundary,
-    .ef-fault-reference {
-      color: CanvasText;
-    }
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@echelon-foundry/design-system",
-  "version": "0.2.0-main.16.1",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
   "description": "Zero-runtime HTML and CSS design system for Echelon Foundry applications.",

package/patterns/manifest.md

@@ -38,8 +38,6 @@ Own the canonical semantic HTML structures consumed by Echelon applications. Pat
 - Documentation and consumer examples wrap the canonical pattern in `<ef-{slug} class="ef-component-tag">`.
 - The `ef-*` wrapper is inert and must never replace the native semantic element inside it or be registered with `customElements.define()`.
 - Modal flyouts stay on native `dialog`; gesture-driven or persistent drawer behavior belongs to Limen/application code.
-- Aegis presentation patterns consume the safe presentation view supplied by the application; raw Aegis faults and diagnostics are outside the pattern boundary.
-- `data-ef-aegis-capability` identifies a rendered recovery capability for Limen/application mapping but never grants authority.
 
 ## Maintenance
 

package/dist/patterns/diagnostic-status.html

@@ -1,7 +0,0 @@
-<div class="ef-diagnostic-status" data-ef-state="queued" role="status">
-  <span class="ef-diagnostic-status__marker" aria-hidden="true">↥</span>
-  <span class="ef-diagnostic-status__body">
-    <strong>Diagnostics queued</strong>
-    <span>3 reports are waiting to synchronize.</span>
-  </span>
-</div>

package/dist/patterns/fault-banner.html

@@ -1,19 +0,0 @@
-<aside
-  class="ef-alert ef-fault-banner"
-  role="status"
-  data-ef-intent="banner"
-  data-ef-severity="critical"
-  data-ef-motion-weight="standard"
-  data-ef-motion-entry
-  aria-labelledby="fault-banner-title">
-  <div class="ef-alert__icon ef-fault-banner__marker" aria-hidden="true">!!</div>
-  <div class="ef-fault-banner__body">
-    <p class="ef-fault__severity">Critical</p>
-    <h2 class="ef-alert__title" id="fault-banner-title">Diagnostics storage is unavailable</h2>
-    <p>The application is running in a degraded state. New diagnostics are queued locally.</p>
-    <p class="ef-fault-reference">Reference <code>AG-22K8M</code></p>
-  </div>
-  <div class="ef-recovery-actions" role="group" aria-label="Recovery actions">
-    <button type="button" data-ef-aegis-capability="CanRestoreSink">Reconnect diagnostics</button>
-  </div>
-</aside>

package/dist/patterns/fault-blocking.html

@@ -1,25 +0,0 @@
-<button type="button" commandfor="blocking-fault-dialog" command="show-modal">Preview blocking fault</button>
-<dialog
-  class="ef-dialog ef-fault-blocking"
-  id="blocking-fault-dialog"
-  data-ef-intent="blocking"
-  data-ef-severity="critical"
-  data-ef-motion-weight="heavy"
-  aria-labelledby="blocking-fault-title"
-  aria-describedby="blocking-fault-message">
-  <div class="ef-dialog__body">
-    <div class="ef-fault-blocking__heading">
-      <div class="ef-fault-blocking__marker" aria-hidden="true">!!</div>
-      <div>
-        <p class="ef-fault__severity">Critical</p>
-        <h2 id="blocking-fault-title">This application cannot continue safely</h2>
-      </div>
-    </div>
-    <p id="blocking-fault-message">The current state cannot be verified. Use one of the recovery actions below before continuing.</p>
-    <p class="ef-fault-reference">Reference <code>AG-7P2DX</code></p>
-  </div>
-  <div class="ef-dialog__actions ef-recovery-actions" role="group" aria-label="Recovery actions">
-    <button type="button" data-ef-aegis-capability="CanOpenReadOnly">Open read-only</button>
-    <button type="button" data-ef-aegis-capability="CanReload">Reload</button>
-  </div>
-</dialog>

package/dist/patterns/fault-details.html

@@ -1,11 +0,0 @@
-<details class="ef-fault-details">
-  <summary>Safe diagnostic details</summary>
-  <div class="ef-fault-details__content">
-    <dl class="ef-fault-details__list">
-      <div><dt>Reference</dt><dd><code>AG-4F82C</code></dd></div>
-      <div><dt>Application</dt><dd>Chrona</dd></div>
-      <div><dt>Recovery state</dt><dd>Retry available</dd></div>
-    </dl>
-    <p class="ef-fault-details__boundary">Only explicitly approved, already-sanitized diagnostic values belong in this surface.</p>
-  </div>
-</details>

package/dist/patterns/fault-inline.html

@@ -1,17 +0,0 @@
-<div
-  class="ef-fault ef-fault--inline"
-  id="profile-save-fault"
-  data-ef-intent="inline"
-  data-ef-severity="error"
-  aria-labelledby="profile-save-fault-title">
-  <div class="ef-fault__marker" aria-hidden="true">!</div>
-  <div class="ef-fault__body">
-    <p class="ef-fault__severity">Error</p>
-    <p class="ef-fault__title" id="profile-save-fault-title"><strong>Profile was not saved.</strong></p>
-    <p class="ef-fault__message">Check your connection and try again.</p>
-    <p class="ef-fault-reference">Reference <code>AG-4F82C</code></p>
-  </div>
-  <div class="ef-recovery-actions" role="group" aria-label="Recovery actions">
-    <button type="button" data-ef-aegis-capability="CanRetry">Try again</button>
-  </div>
-</div>

package/dist/patterns/fault-notification.html

@@ -1,20 +0,0 @@
-<aside
-  class="ef-toast ef-fault-notification"
-  role="status"
-  data-ef-intent="notification"
-  data-ef-severity="warning"
-  data-ef-motion-weight="standard"
-  data-ef-motion-entry
-  aria-labelledby="fault-notification-title">
-  <div class="ef-fault-notification__marker" aria-hidden="true">!</div>
-  <div class="ef-fault-notification__body">
-    <p class="ef-fault__severity">Warning</p>
-    <h3 class="ef-toast__title" id="fault-notification-title">GitHub is temporarily unavailable</h3>
-    <p>Your work is still local. You can retry the synchronization.</p>
-    <p class="ef-fault-reference">Reference <code>AG-91B7Q</code></p>
-    <div class="ef-recovery-actions" role="group" aria-label="Recovery actions">
-      <button type="button" data-ef-aegis-capability="CanRetry">Try again</button>
-    </div>
-  </div>
-  <button type="button" class="ef-fault-notification__dismiss" data-ef-action="dismiss" aria-label="Dismiss notification">Close</button>
-</aside>

package/dist/patterns/fault-reference.html

@@ -1,5 +0,0 @@
-<p class="ef-fault-reference">
-  <span>Reference</span>
-  <code>AG-4F82C</code>
-  <button type="button" data-ef-action="copy-reference" aria-label="Copy fault reference AG-4F82C">Copy</button>
-</p>

package/dist/patterns/fault-summary.html

@@ -1,20 +0,0 @@
-<section class="ef-fault-summary" tabindex="-1" aria-labelledby="fault-summary-title">
-  <div class="ef-fault-summary__heading">
-    <div class="ef-fault-summary__marker" aria-hidden="true">!</div>
-    <div>
-      <p class="ef-fault__severity">2 unresolved faults</p>
-      <h2 id="fault-summary-title">Some work needs your attention</h2>
-      <p>Repeated occurrences are grouped by the application before rendering.</p>
-    </div>
-  </div>
-  <ol class="ef-fault-summary__list">
-    <li data-ef-severity="error">
-      <a href="#customer-name">Customer name could not be saved</a>
-      <span class="ef-fault-summary__meta">Error · AG-4F82C · occurred 3 times</span>
-    </li>
-    <li data-ef-severity="warning">
-      <a href="#sync-status">Synchronization is waiting for GitHub</a>
-      <span class="ef-fault-summary__meta">Warning · AG-91B7Q</span>
-    </li>
-  </ol>
-</section>

package/dist/patterns/fault.html

@@ -1,17 +0,0 @@
-<section
-  class="ef-fault"
-  data-ef-intent="inline"
-  data-ef-severity="error"
-  aria-labelledby="fault-title"
-  aria-describedby="fault-message">
-  <div class="ef-fault__marker" aria-hidden="true">!</div>
-  <div class="ef-fault__body">
-    <p class="ef-fault__severity">Error</p>
-    <h3 class="ef-fault__title" id="fault-title">Could not save changes</h3>
-    <p class="ef-fault__message" id="fault-message">The update did not complete. Your current values are still available.</p>
-    <p class="ef-fault-reference">Reference <code>AG-4F82C</code></p>
-  </div>
-  <div class="ef-recovery-actions" role="group" aria-label="Recovery actions">
-    <button type="button" data-ef-aegis-capability="CanRetry">Try again</button>
-  </div>
-</section>

package/dist/patterns/recovery-actions.html

@@ -1,5 +0,0 @@
-<div class="ef-recovery-actions" role="group" aria-label="Recovery actions">
-  <button type="button" data-ef-aegis-capability="CanRetry">Try again</button>
-  <button type="button" data-ef-aegis-capability="CanReauthenticate">Sign in</button>
-  <button type="button" data-ef-aegis-capability="CanOpenReadOnly">Open read-only</button>
-</div>