@echelon-foundry/design-system 0.2.0-main.15.1

package/patterns/validation-summary.html

@@ -0,0 +1,10 @@
+<div class="ef-validation-summary" role="alert" tabindex="-1" aria-labelledby="validation-summary-title">
+  <div class="ef-validation-summary__icon" aria-hidden="true">!</div>
+  <div>
+    <h2 class="ef-validation-summary__title" id="validation-summary-title">There are 2 responses to review</h2>
+    <ul class="ef-validation-summary__list">
+      <li><a href="#question-security">Question 4 requires a response.</a></li>
+      <li><a href="#question-allocation">Question 8 must total 10 points.</a></li>
+    </ul>
+  </div>
+</div>

package/patterns/wizard.html

@@ -0,0 +1,19 @@
+<section class="ef-wizard" aria-labelledby="wizard-title">
+  <header class="ef-wizard__header">
+    <div><span class="ef-wizard__position">Step 2 of 4</span><h3 id="wizard-title">Review details</h3></div>
+    <progress value="2" max="4" aria-label="Workflow progress">2 of 4</progress>
+  </header>
+  <ol class="ef-wizard__steps" aria-label="Workflow steps">
+    <li data-state="complete"><span>1</span>Details</li>
+    <li data-state="current" aria-current="step"><span>2</span>Review</li>
+    <li><span>3</span>Validate</li>
+    <li><span>4</span>Publish</li>
+  </ol>
+  <div class="ef-wizard__body">
+    <p>Confirm the supplied information before continuing.</p>
+  </div>
+  <footer class="ef-wizard__actions">
+    <button type="button">Back</button>
+    <button type="button">Continue</button>
+  </footer>
+</section>

package/patterns/work-queue.html

@@ -0,0 +1,20 @@
+<section class="ef-work-queue" aria-labelledby="work-queue-title">
+  <header class="ef-work-queue__header">
+    <div><span class="ef-component-kicker">Attention</span><h3 id="work-queue-title">Needs your attention</h3></div>
+    <span class="ef-status-lozenge">3 items</span>
+  </header>
+  <ol class="ef-work-queue__list">
+    <li class="ef-work-queue__item">
+      <div><strong>Invoice INV-1042 is overdue</strong><p>32 days overdue · Customer follow-up is available.</p></div>
+      <button type="button">Review</button>
+    </li>
+    <li class="ef-work-queue__item">
+      <div><strong>Write outcome is unknown</strong><p>Reconcile before retrying or assuming failure.</p></div>
+      <button type="button">Reconcile</button>
+    </li>
+    <li class="ef-work-queue__item">
+      <div><strong>Publication validation has warnings</strong><p>2 warnings require review before publishing.</p></div>
+      <button type="button">Inspect</button>
+    </li>
+  </ol>
+</section>

package/schemas/brand-manifest.schema.json

@@ -0,0 +1,152 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://echelonfoundry.com/schemas/forma-brand-manifest.schema.json",
+  "title": "Forma Brand Manifest",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["schemaVersion", "id", "identity", "themes"],
+  "properties": {
+    "schemaVersion": { "const": "1.0" },
+    "id": { "type": "string", "pattern": "^[a-z0-9][a-z0-9-]*$" },
+    "identity": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["name"],
+      "properties": {
+        "name": { "type": "string", "minLength": 1 },
+        "shortName": { "type": "string", "minLength": 1 },
+        "assets": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "logo": { "type": "string", "minLength": 1 },
+            "logoDark": { "type": "string", "minLength": 1 },
+            "mark": { "type": "string", "minLength": 1 },
+            "favicon": { "type": "string", "minLength": 1 }
+          }
+        }
+      }
+    },
+    "presentation": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "fontFamily": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "display": { "$ref": "#/$defs/fontFamily" },
+            "sans": { "$ref": "#/$defs/fontFamily" },
+            "mono": { "$ref": "#/$defs/fontFamily" }
+          }
+        },
+        "radius": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "small": { "$ref": "#/$defs/dimension" },
+            "medium": { "$ref": "#/$defs/dimension" },
+            "pill": { "$ref": "#/$defs/dimension" }
+          }
+        }
+      }
+    },
+    "themes": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["light", "dark"],
+      "properties": {
+        "light": { "$ref": "#/$defs/theme" },
+        "dark": { "$ref": "#/$defs/theme" }
+      }
+    },
+    "terms": {
+      "type": "object",
+      "additionalProperties": { "type": "string", "minLength": 1 }
+    }
+  },
+  "$defs": {
+    "hex": { "type": "string", "pattern": "^#[0-9A-Fa-f]{6}$" },
+    "dimension": { "type": "string", "pattern": "^(0|[0-9]+(?:\\.[0-9]+)?(?:px|rem|em))$" },
+    "fontFamily": {
+      "oneOf": [
+        { "type": "string", "minLength": 1 },
+        { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } }
+      ]
+    },
+    "theme": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["color"],
+      "properties": {
+        "color": {
+          "type": "object",
+          "additionalProperties": false,
+          "required": ["text", "surface", "accent", "border", "focus", "control"],
+          "properties": {
+            "text": {
+              "type": "object",
+              "additionalProperties": false,
+              "required": ["primary", "heading", "secondary", "on-secondary-surface", "inverse"],
+              "properties": {
+                "primary": { "$ref": "#/$defs/hex" },
+                "heading": { "$ref": "#/$defs/hex" },
+                "secondary": { "$ref": "#/$defs/hex" },
+                "on-secondary-surface": { "$ref": "#/$defs/hex" },
+                "inverse": { "$ref": "#/$defs/hex" }
+              }
+            },
+            "surface": {
+              "type": "object",
+              "additionalProperties": false,
+              "required": ["primary", "secondary", "inverse", "inverse-secondary"],
+              "properties": {
+                "primary": { "$ref": "#/$defs/hex" },
+                "secondary": { "$ref": "#/$defs/hex" },
+                "inverse": { "$ref": "#/$defs/hex" },
+                "inverse-secondary": { "$ref": "#/$defs/hex" }
+              }
+            },
+            "accent": {
+              "type": "object",
+              "additionalProperties": false,
+              "required": ["primary", "secondary"],
+              "properties": {
+                "primary": { "$ref": "#/$defs/hex" },
+                "secondary": { "$ref": "#/$defs/hex" }
+              }
+            },
+            "border": {
+              "type": "object",
+              "additionalProperties": false,
+              "required": ["subtle", "functional"],
+              "properties": {
+                "subtle": { "$ref": "#/$defs/hex" },
+                "functional": { "$ref": "#/$defs/hex" }
+              }
+            },
+            "focus": {
+              "type": "object",
+              "additionalProperties": false,
+              "required": ["ring", "gap"],
+              "properties": {
+                "ring": { "$ref": "#/$defs/hex" },
+                "gap": { "$ref": "#/$defs/hex" }
+              }
+            },
+            "control": {
+              "type": "object",
+              "additionalProperties": false,
+              "required": ["track", "thumb", "active"],
+              "properties": {
+                "track": { "$ref": "#/$defs/hex" },
+                "thumb": { "$ref": "#/$defs/hex" },
+                "active": { "$ref": "#/$defs/hex" }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}