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

package/dist/brands/echelon.css

@@ -0,0 +1,91 @@
+/* Generated from echelon.brand.json. Do not edit directly. */
+@layer echelon.brand {
+  [data-ef-brand="echelon"] {
+  --ef-primitive-font-family-display: Newsreader, Georgia, serif;
+  --ef-primitive-font-family-sans: Manrope, system-ui, sans-serif;
+  --ef-primitive-font-family-mono: "IBM Plex Mono", ui-monospace, monospace;
+  --ef-primitive-radius-small: 4px;
+  --ef-primitive-radius-medium: 8px;
+  --ef-primitive-radius-pill: 999px;
+  --ef-color-text-primary: #171a18;
+  --ef-color-text-heading: #202421;
+  --ef-color-text-secondary: #686d68;
+  --ef-color-text-on-secondary-surface: #3a403c;
+  --ef-color-text-inverse: #f2efe7;
+  --ef-color-surface-primary: #f2efe7;
+  --ef-color-surface-secondary: #e3e0d7;
+  --ef-color-surface-inverse: #202421;
+  --ef-color-surface-inverse-secondary: #3a403c;
+  --ef-color-accent-primary: #905831;
+  --ef-color-accent-secondary: #47756b;
+  --ef-color-border-subtle: #e3e0d7;
+  --ef-color-border-functional: #3a403c;
+  --ef-color-focus-ring: #171a18;
+  --ef-color-focus-gap: #f2efe7;
+  --ef-color-control-track: #686d68;
+  --ef-color-control-thumb: #f2efe7;
+  --ef-color-control-active: #905831;
+}
+  [data-ef-theme="light"] [data-ef-brand="echelon"], [data-ef-brand="echelon"][data-ef-theme="light"] {
+  --ef-color-text-primary: #171a18;
+  --ef-color-text-heading: #202421;
+  --ef-color-text-secondary: #686d68;
+  --ef-color-text-on-secondary-surface: #3a403c;
+  --ef-color-text-inverse: #f2efe7;
+  --ef-color-surface-primary: #f2efe7;
+  --ef-color-surface-secondary: #e3e0d7;
+  --ef-color-surface-inverse: #202421;
+  --ef-color-surface-inverse-secondary: #3a403c;
+  --ef-color-accent-primary: #905831;
+  --ef-color-accent-secondary: #47756b;
+  --ef-color-border-subtle: #e3e0d7;
+  --ef-color-border-functional: #3a403c;
+  --ef-color-focus-ring: #171a18;
+  --ef-color-focus-gap: #f2efe7;
+  --ef-color-control-track: #686d68;
+  --ef-color-control-thumb: #f2efe7;
+  --ef-color-control-active: #905831;
+}
+  [data-ef-theme="dark"] [data-ef-brand="echelon"], [data-ef-brand="echelon"][data-ef-theme="dark"] {
+  --ef-color-text-primary: #f2efe7;
+  --ef-color-text-heading: #f2efe7;
+  --ef-color-text-secondary: #e3e0d7;
+  --ef-color-text-on-secondary-surface: #f2efe7;
+  --ef-color-text-inverse: #171a18;
+  --ef-color-surface-primary: #171a18;
+  --ef-color-surface-secondary: #202421;
+  --ef-color-surface-inverse: #f2efe7;
+  --ef-color-surface-inverse-secondary: #e3e0d7;
+  --ef-color-accent-primary: #a87e5e;
+  --ef-color-accent-secondary: #698d84;
+  --ef-color-border-subtle: #3a403c;
+  --ef-color-border-functional: #e3e0d7;
+  --ef-color-focus-ring: #f2efe7;
+  --ef-color-focus-gap: #171a18;
+  --ef-color-control-track: #686d68;
+  --ef-color-control-thumb: #f2efe7;
+  --ef-color-control-active: #a87e5e;
+}
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-ef-theme]) [data-ef-brand="echelon"]:not([data-ef-theme]), :root[data-ef-brand="echelon"]:not([data-ef-theme]) {
+  --ef-color-text-primary: #f2efe7;
+  --ef-color-text-heading: #f2efe7;
+  --ef-color-text-secondary: #e3e0d7;
+  --ef-color-text-on-secondary-surface: #f2efe7;
+  --ef-color-text-inverse: #171a18;
+  --ef-color-surface-primary: #171a18;
+  --ef-color-surface-secondary: #202421;
+  --ef-color-surface-inverse: #f2efe7;
+  --ef-color-surface-inverse-secondary: #e3e0d7;
+  --ef-color-accent-primary: #a87e5e;
+  --ef-color-accent-secondary: #698d84;
+  --ef-color-border-subtle: #3a403c;
+  --ef-color-border-functional: #e3e0d7;
+  --ef-color-focus-ring: #f2efe7;
+  --ef-color-focus-gap: #171a18;
+  --ef-color-control-track: #686d68;
+  --ef-color-control-thumb: #f2efe7;
+  --ef-color-control-active: #a87e5e;
+}
+  }
+}

package/dist/brands/example-harbor.css

@@ -0,0 +1,91 @@
+/* Generated from example-harbor.brand.json. Do not edit directly. */
+@layer echelon.brand {
+  [data-ef-brand="example-harbor"] {
+  --ef-primitive-font-family-display: Georgia, serif;
+  --ef-primitive-font-family-sans: Arial, sans-serif;
+  --ef-primitive-font-family-mono: "Courier New", monospace;
+  --ef-primitive-radius-small: 8px;
+  --ef-primitive-radius-medium: 12px;
+  --ef-primitive-radius-pill: 999px;
+  --ef-color-text-primary: #15212a;
+  --ef-color-text-heading: #15212a;
+  --ef-color-text-secondary: #43515b;
+  --ef-color-text-on-secondary-surface: #24333d;
+  --ef-color-text-inverse: #f7f9fb;
+  --ef-color-surface-primary: #f7f9fb;
+  --ef-color-surface-secondary: #e4ebf0;
+  --ef-color-surface-inverse: #20384a;
+  --ef-color-surface-inverse-secondary: #31556f;
+  --ef-color-accent-primary: #7a4a00;
+  --ef-color-accent-secondary: #275d6b;
+  --ef-color-border-subtle: #b7c5cf;
+  --ef-color-border-functional: #43515b;
+  --ef-color-focus-ring: #15212a;
+  --ef-color-focus-gap: #f7f9fb;
+  --ef-color-control-track: #5d6d78;
+  --ef-color-control-thumb: #f7f9fb;
+  --ef-color-control-active: #7a4a00;
+}
+  [data-ef-theme="light"] [data-ef-brand="example-harbor"], [data-ef-brand="example-harbor"][data-ef-theme="light"] {
+  --ef-color-text-primary: #15212a;
+  --ef-color-text-heading: #15212a;
+  --ef-color-text-secondary: #43515b;
+  --ef-color-text-on-secondary-surface: #24333d;
+  --ef-color-text-inverse: #f7f9fb;
+  --ef-color-surface-primary: #f7f9fb;
+  --ef-color-surface-secondary: #e4ebf0;
+  --ef-color-surface-inverse: #20384a;
+  --ef-color-surface-inverse-secondary: #31556f;
+  --ef-color-accent-primary: #7a4a00;
+  --ef-color-accent-secondary: #275d6b;
+  --ef-color-border-subtle: #b7c5cf;
+  --ef-color-border-functional: #43515b;
+  --ef-color-focus-ring: #15212a;
+  --ef-color-focus-gap: #f7f9fb;
+  --ef-color-control-track: #5d6d78;
+  --ef-color-control-thumb: #f7f9fb;
+  --ef-color-control-active: #7a4a00;
+}
+  [data-ef-theme="dark"] [data-ef-brand="example-harbor"], [data-ef-brand="example-harbor"][data-ef-theme="dark"] {
+  --ef-color-text-primary: #f7f9fb;
+  --ef-color-text-heading: #f7f9fb;
+  --ef-color-text-secondary: #dbe6ec;
+  --ef-color-text-on-secondary-surface: #f7f9fb;
+  --ef-color-text-inverse: #101820;
+  --ef-color-surface-primary: #101820;
+  --ef-color-surface-secondary: #20303d;
+  --ef-color-surface-inverse: #f7f9fb;
+  --ef-color-surface-inverse-secondary: #dbe6ec;
+  --ef-color-accent-primary: #d7a85b;
+  --ef-color-accent-secondary: #6eb3c0;
+  --ef-color-border-subtle: #40515f;
+  --ef-color-border-functional: #dbe6ec;
+  --ef-color-focus-ring: #f7f9fb;
+  --ef-color-focus-gap: #101820;
+  --ef-color-control-track: #60717e;
+  --ef-color-control-thumb: #f7f9fb;
+  --ef-color-control-active: #d7a85b;
+}
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-ef-theme]) [data-ef-brand="example-harbor"]:not([data-ef-theme]), :root[data-ef-brand="example-harbor"]:not([data-ef-theme]) {
+  --ef-color-text-primary: #f7f9fb;
+  --ef-color-text-heading: #f7f9fb;
+  --ef-color-text-secondary: #dbe6ec;
+  --ef-color-text-on-secondary-surface: #f7f9fb;
+  --ef-color-text-inverse: #101820;
+  --ef-color-surface-primary: #101820;
+  --ef-color-surface-secondary: #20303d;
+  --ef-color-surface-inverse: #f7f9fb;
+  --ef-color-surface-inverse-secondary: #dbe6ec;
+  --ef-color-accent-primary: #d7a85b;
+  --ef-color-accent-secondary: #6eb3c0;
+  --ef-color-border-subtle: #40515f;
+  --ef-color-border-functional: #dbe6ec;
+  --ef-color-focus-ring: #f7f9fb;
+  --ef-color-focus-gap: #101820;
+  --ef-color-control-track: #60717e;
+  --ef-color-control-thumb: #f7f9fb;
+  --ef-color-control-active: #d7a85b;
+}
+  }
+}

package/dist/brands/index.json

@@ -0,0 +1,17 @@
+{
+  "schemaVersion": "1.0",
+  "brands": [
+    {
+      "id": "echelon",
+      "name": "Echelon Foundry",
+      "source": "echelon.brand.json",
+      "css": "echelon.css"
+    },
+    {
+      "id": "example-harbor",
+      "name": "Example Harbor",
+      "source": "example-harbor.brand.json",
+      "css": "example-harbor.css"
+    }
+  ]
+}

package/dist/build-metrics.json

@@ -0,0 +1,152 @@
+{
+  "files": [
+    "all.css",
+    "assessment.css",
+    "brands/echelon.css",
+    "brands/example-harbor.css",
+    "brands/index.json",
+    "components.css",
+    "foundations.css",
+    "patterns/alert.html",
+    "patterns/allocation.html",
+    "patterns/best-worst.html",
+    "patterns/binary-choice.html",
+    "patterns/checkbox.html",
+    "patterns/choice-group.html",
+    "patterns/collection-toolbar.html",
+    "patterns/combobox.html",
+    "patterns/command-palette.html",
+    "patterns/composer.html",
+    "patterns/conflict-review.html",
+    "patterns/conversation.html",
+    "patterns/dashboard-grid.html",
+    "patterns/data-grid.html",
+    "patterns/date-range.html",
+    "patterns/dialog.html",
+    "patterns/diff-viewer.html",
+    "patterns/disclosure.html",
+    "patterns/empty-state.html",
+    "patterns/file-upload.html",
+    "patterns/flyout.html",
+    "patterns/hierarchical-choice.html",
+    "patterns/hierarchical-multi-choice.html",
+    "patterns/image-choice.html",
+    "patterns/master-detail.html",
+    "patterns/matrix-single.html",
+    "patterns/menu.html",
+    "patterns/metric-card.html",
+    "patterns/mobile-action-bar.html",
+    "patterns/multi-choice.html",
+    "patterns/numeric-stepper.html",
+    "patterns/obligation-panel.html",
+    "patterns/operation-status.html",
+    "patterns/ordinal-scale.html",
+    "patterns/pagination.html",
+    "patterns/pairwise-choice.html",
+    "patterns/popover.html",
+    "patterns/preview-surface.html",
+    "patterns/provenance-trail.html",
+    "patterns/question.html",
+    "patterns/range-entry.html",
+    "patterns/ranking.html",
+    "patterns/readiness-checklist.html",
+    "patterns/record-header.html",
+    "patterns/rule-builder.html",
+    "patterns/search.html",
+    "patterns/segmented-control.html",
+    "patterns/select.html",
+    "patterns/semantic-differential.html",
+    "patterns/skeleton.html",
+    "patterns/slider.html",
+    "patterns/special-choice.html",
+    "patterns/status-lozenge.html",
+    "patterns/survey-progress.html",
+    "patterns/switch.html",
+    "patterns/symbol-rating.html",
+    "patterns/tabs.html",
+    "patterns/timeline.html",
+    "patterns/toast.html",
+    "patterns/understanding.html",
+    "patterns/validation-message.html",
+    "patterns/validation-summary.html",
+    "patterns/wizard.html",
+    "patterns/work-queue.html",
+    "skins.css",
+    "tokens.css"
+  ],
+  "bytes": {
+    "all.css": 102460,
+    "assessment.css": 32070,
+    "brands/echelon.css": 3621,
+    "brands/example-harbor.css": 3637,
+    "brands/index.json": 335,
+    "components.css": 62742,
+    "foundations.css": 3834,
+    "patterns/alert.html": 384,
+    "patterns/allocation.html": 1033,
+    "patterns/best-worst.html": 1268,
+    "patterns/binary-choice.html": 652,
+    "patterns/checkbox.html": 503,
+    "patterns/choice-group.html": 869,
+    "patterns/collection-toolbar.html": 1203,
+    "patterns/combobox.html": 583,
+    "patterns/command-palette.html": 745,
+    "patterns/composer.html": 1074,
+    "patterns/conflict-review.html": 854,
+    "patterns/conversation.html": 1009,
+    "patterns/dashboard-grid.html": 590,
+    "patterns/data-grid.html": 1316,
+    "patterns/date-range.html": 519,
+    "patterns/dialog.html": 622,
+    "patterns/diff-viewer.html": 851,
+    "patterns/disclosure.html": 222,
+    "patterns/empty-state.html": 319,
+    "patterns/file-upload.html": 867,
+    "patterns/flyout.html": 2488,
+    "patterns/hierarchical-choice.html": 919,
+    "patterns/hierarchical-multi-choice.html": 1086,
+    "patterns/image-choice.html": 878,
+    "patterns/master-detail.html": 792,
+    "patterns/matrix-single.html": 1422,
+    "patterns/menu.html": 377,
+    "patterns/metric-card.html": 317,
+    "patterns/mobile-action-bar.html": 233,
+    "patterns/multi-choice.html": 1174,
+    "patterns/numeric-stepper.html": 313,
+    "patterns/obligation-panel.html": 1411,
+    "patterns/operation-status.html": 583,
+    "patterns/ordinal-scale.html": 1917,
+    "patterns/pagination.html": 512,
+    "patterns/pairwise-choice.html": 811,
+    "patterns/popover.html": 358,
+    "patterns/preview-surface.html": 798,
+    "patterns/provenance-trail.html": 711,
+    "patterns/question.html": 590,
+    "patterns/range-entry.html": 852,
+    "patterns/ranking.html": 1635,
+    "patterns/readiness-checklist.html": 772,
+    "patterns/record-header.html": 777,
+    "patterns/rule-builder.html": 1081,
+    "patterns/search.html": 385,
+    "patterns/segmented-control.html": 403,
+    "patterns/select.html": 589,
+    "patterns/semantic-differential.html": 1667,
+    "patterns/skeleton.html": 354,
+    "patterns/slider.html": 403,
+    "patterns/special-choice.html": 568,
+    "patterns/status-lozenge.html": 358,
+    "patterns/survey-progress.html": 446,
+    "patterns/switch.html": 506,
+    "patterns/symbol-rating.html": 1493,
+    "patterns/tabs.html": 741,
+    "patterns/timeline.html": 902,
+    "patterns/toast.html": 525,
+    "patterns/understanding.html": 1554,
+    "patterns/validation-message.html": 180,
+    "patterns/validation-summary.html": 530,
+    "patterns/wizard.html": 817,
+    "patterns/work-queue.html": 971,
+    "skins.css": 924,
+    "tokens.css": 3811
+  }
+}