@echelon-foundry/design-system 0.8.0 → 0.9.0-main.252.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/contracts/color-contract.json +1814 -0
  3. package/dist/all.css +82 -2
  4. package/dist/brands/echelon.css +16 -0
  5. package/dist/brands/example-harbor.css +16 -0
  6. package/dist/build-metrics.json +5 -5
  7. package/dist/components.css +5 -1
  8. package/dist/foundations.css +1 -1
  9. package/dist/icons/registry.json +1 -1
  10. package/dist/marketing/forma-all.css +83 -3
  11. package/dist/marketing/forma-echelon-marketing.css +78 -2
  12. package/dist/marketing/forma-marketing-theme-echelon.css +1 -1
  13. package/dist/marketing/forma-marketing.css +78 -2
  14. package/dist/marketing/forma-marketing.manifest.json +9 -9
  15. package/dist/marketing/forma-marketing.sha256 +4 -4
  16. package/dist/tokens.css +76 -0
  17. package/docs/BRANDING.md +6 -3
  18. package/docs/COLOR.md +77 -0
  19. package/package.json +13 -3
  20. package/schemas/brand-manifest.schema.json +1 -1
  21. package/tokens/echelon.tokens.json +252 -0
  22. package/tools/color-contract/build.mjs +16 -0
  23. package/tools/color-contract/cli.mjs +26 -0
  24. package/tools/color-contract/index.mjs +170 -0
package/dist/marketing/forma-echelon-marketing.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Forma 0.8.0 | forma-echelon-marketing.css | bundle echelon-marketing
1
+ /*! Forma 0.9.0 | forma-echelon-marketing.css | bundle echelon-marketing
2
2
  Single-file Echelon marketing presentation: forma-marketing.css followed by the Echelon theme. Most sites load only this file.
3
3
  Generated by tools/PresentationBundler. Do not edit; pin by version and sha256. */
4
4
 
@@ -165,6 +165,10 @@
165
165
  --ef-color-control-track: #686d68;
166
166
  --ef-color-focus-gap: #f2efe7;
167
167
  --ef-color-focus-ring: #171a18;
168
+ --ef-color-status-danger: #a13a2c;
169
+ --ef-color-status-info: #2d5f86;
170
+ --ef-color-status-success: #2e6a45;
171
+ --ef-color-status-warning: #86560f;
168
172
  --ef-color-surface-inverse: #202421;
169
173
  --ef-color-surface-inverse-secondary: #3a403c;
170
174
  --ef-color-surface-primary: #f2efe7;
@@ -186,6 +190,10 @@
186
190
  --ef-color-control-track: #686d68;
187
191
  --ef-color-focus-gap: #171a18;
188
192
  --ef-color-focus-ring: #f2efe7;
193
+ --ef-color-status-danger: #ef9a8b;
194
+ --ef-color-status-info: #90b9dc;
195
+ --ef-color-status-success: #8cc49f;
196
+ --ef-color-status-warning: #ddb266;
189
197
  --ef-color-surface-inverse: #f2efe7;
190
198
  --ef-color-surface-inverse-secondary: #e3e0d7;
191
199
  --ef-color-surface-primary: #171a18;
@@ -207,6 +215,10 @@
207
215
  --ef-color-control-track: #555555;
208
216
  --ef-color-focus-gap: #ffffff;
209
217
  --ef-color-focus-ring: #005ea8;
218
+ --ef-color-status-danger: #a13a2c;
219
+ --ef-color-status-info: #2d5f86;
220
+ --ef-color-status-success: #2e6a45;
221
+ --ef-color-status-warning: #86560f;
210
222
  --ef-color-surface-inverse: #161616;
211
223
  --ef-color-surface-inverse-secondary: #303030;
212
224
  --ef-color-surface-primary: #ffffff;
@@ -227,6 +239,10 @@
227
239
  --ef-color-control-track: #555555;
228
240
  --ef-color-focus-gap: #ffffff;
229
241
  --ef-color-focus-ring: #315f8c;
242
+ --ef-color-status-danger: #a13a2c;
243
+ --ef-color-status-info: #2d5f86;
244
+ --ef-color-status-success: #2e6a45;
245
+ --ef-color-status-warning: #86560f;
230
246
  --ef-color-surface-inverse: #161616;
231
247
  --ef-color-surface-inverse-secondary: #303030;
232
248
  --ef-color-surface-primary: #ffffff;
@@ -247,6 +263,10 @@
247
263
  --ef-color-control-track: #50636d;
248
264
  --ef-color-focus-gap: #f8fafb;
249
265
  --ef-color-focus-ring: #005ea8;
266
+ --ef-color-status-danger: #a13a2c;
267
+ --ef-color-status-info: #2d5f86;
268
+ --ef-color-status-success: #2e6a45;
269
+ --ef-color-status-warning: #86560f;
250
270
  --ef-color-surface-inverse: #17242b;
251
271
  --ef-color-surface-inverse-secondary: #303030;
252
272
  --ef-color-surface-primary: #f8fafb;
@@ -267,6 +287,10 @@
267
287
  --ef-color-control-track: #555555;
268
288
  --ef-color-focus-gap: #ffffff;
269
289
  --ef-color-focus-ring: #175f8f;
290
+ --ef-color-status-danger: #a13a2c;
291
+ --ef-color-status-info: #2d5f86;
292
+ --ef-color-status-success: #2e6a45;
293
+ --ef-color-status-warning: #86560f;
270
294
  --ef-color-surface-inverse: #161616;
271
295
  --ef-color-surface-inverse-secondary: #303030;
272
296
  --ef-color-surface-primary: #ffffff;
@@ -287,6 +311,10 @@
287
311
  --ef-color-control-track: #50636d;
288
312
  --ef-color-focus-gap: #f4f7f8;
289
313
  --ef-color-focus-ring: #245d7a;
314
+ --ef-color-status-danger: #a13a2c;
315
+ --ef-color-status-info: #2d5f86;
316
+ --ef-color-status-success: #2e6a45;
317
+ --ef-color-status-warning: #86560f;
290
318
  --ef-color-surface-inverse: #17252b;
291
319
  --ef-color-surface-inverse-secondary: #303030;
292
320
  --ef-color-surface-primary: #f4f7f8;
@@ -307,6 +335,10 @@
307
335
  --ef-color-control-track: #686d68;
308
336
  --ef-color-focus-gap: #171a18;
309
337
  --ef-color-focus-ring: #f2efe7;
338
+ --ef-color-status-danger: #ef9a8b;
339
+ --ef-color-status-info: #90b9dc;
340
+ --ef-color-status-success: #8cc49f;
341
+ --ef-color-status-warning: #ddb266;
310
342
  --ef-color-surface-inverse: #f2efe7;
311
343
  --ef-color-surface-inverse-secondary: #e3e0d7;
312
344
  --ef-color-surface-primary: #171a18;
@@ -327,6 +359,10 @@
327
359
  --ef-color-control-track: #686d68;
328
360
  --ef-color-focus-gap: #12191d;
329
361
  --ef-color-focus-ring: #e8f1f4;
362
+ --ef-color-status-danger: #ef9a8b;
363
+ --ef-color-status-info: #90b9dc;
364
+ --ef-color-status-success: #8cc49f;
365
+ --ef-color-status-warning: #ddb266;
330
366
  --ef-color-surface-inverse: #e8f1f4;
331
367
  --ef-color-surface-inverse-secondary: #e3e0d7;
332
368
  --ef-color-surface-primary: #12191d;
@@ -347,6 +383,10 @@
347
383
  --ef-color-control-track: #686d68;
348
384
  --ef-color-focus-gap: #101619;
349
385
  --ef-color-focus-ring: #e7eef0;
386
+ --ef-color-status-danger: #ef9a8b;
387
+ --ef-color-status-info: #90b9dc;
388
+ --ef-color-status-success: #8cc49f;
389
+ --ef-color-status-warning: #ddb266;
350
390
  --ef-color-surface-inverse: #e7eef0;
351
391
  --ef-color-surface-inverse-secondary: #e3e0d7;
352
392
  --ef-color-surface-primary: #101619;
@@ -367,6 +407,10 @@
367
407
  --ef-color-control-track: #555555;
368
408
  --ef-color-focus-gap: #ffffff;
369
409
  --ef-color-focus-ring: #000000;
410
+ --ef-color-status-danger: #a13a2c;
411
+ --ef-color-status-info: #2d5f86;
412
+ --ef-color-status-success: #2e6a45;
413
+ --ef-color-status-warning: #86560f;
370
414
  --ef-color-surface-inverse: #000000;
371
415
  --ef-color-surface-inverse-secondary: #303030;
372
416
  --ef-color-surface-primary: #ffffff;
@@ -387,6 +431,10 @@
387
431
  --ef-color-control-track: #555555;
388
432
  --ef-color-focus-gap: #ffffff;
389
433
  --ef-color-focus-ring: #161616;
434
+ --ef-color-status-danger: #a13a2c;
435
+ --ef-color-status-info: #2d5f86;
436
+ --ef-color-status-success: #2e6a45;
437
+ --ef-color-status-warning: #86560f;
390
438
  --ef-color-surface-inverse: #161616;
391
439
  --ef-color-surface-inverse-secondary: #303030;
392
440
  --ef-color-surface-primary: #ffffff;
@@ -407,6 +455,10 @@
407
455
  --ef-color-control-track: #555555;
408
456
  --ef-color-focus-gap: #eeeeee;
409
457
  --ef-color-focus-ring: #161616;
458
+ --ef-color-status-danger: #a13a2c;
459
+ --ef-color-status-info: #2d5f86;
460
+ --ef-color-status-success: #2e6a45;
461
+ --ef-color-status-warning: #86560f;
410
462
  --ef-color-surface-inverse: #161616;
411
463
  --ef-color-surface-inverse-secondary: #303030;
412
464
  --ef-color-surface-primary: #eeeeee;
@@ -427,6 +479,10 @@
427
479
  --ef-color-control-track: #555555;
428
480
  --ef-color-focus-gap: #f1f0e5;
429
481
  --ef-color-focus-ring: #20281f;
482
+ --ef-color-status-danger: #a13a2c;
483
+ --ef-color-status-info: #2d5f86;
484
+ --ef-color-status-success: #2e6a45;
485
+ --ef-color-status-warning: #86560f;
430
486
  --ef-color-surface-inverse: #20281f;
431
487
  --ef-color-surface-inverse-secondary: #303030;
432
488
  --ef-color-surface-primary: #f1f0e5;
@@ -447,6 +503,10 @@
447
503
  --ef-color-control-track: #555555;
448
504
  --ef-color-focus-gap: #f6f4ef;
449
505
  --ef-color-focus-ring: #161616;
506
+ --ef-color-status-danger: #a13a2c;
507
+ --ef-color-status-info: #2d5f86;
508
+ --ef-color-status-success: #2e6a45;
509
+ --ef-color-status-warning: #86560f;
450
510
  --ef-color-surface-inverse: #161616;
451
511
  --ef-color-surface-inverse-secondary: #303030;
452
512
  --ef-color-surface-primary: #f6f4ef;
@@ -467,6 +527,10 @@
467
527
  --ef-color-control-track: #555555;
468
528
  --ef-color-focus-gap: #ffffff;
469
529
  --ef-color-focus-ring: #9c2f25;
530
+ --ef-color-status-danger: #a13a2c;
531
+ --ef-color-status-info: #2d5f86;
532
+ --ef-color-status-success: #2e6a45;
533
+ --ef-color-status-warning: #86560f;
470
534
  --ef-color-surface-inverse: #161616;
471
535
  --ef-color-surface-inverse-secondary: #303030;
472
536
  --ef-color-surface-primary: #ffffff;
@@ -487,6 +551,10 @@
487
551
  --ef-color-control-track: #555555;
488
552
  --ef-color-focus-gap: #f7f2e7;
489
553
  --ef-color-focus-ring: #211d18;
554
+ --ef-color-status-danger: #a13a2c;
555
+ --ef-color-status-info: #2d5f86;
556
+ --ef-color-status-success: #2e6a45;
557
+ --ef-color-status-warning: #86560f;
490
558
  --ef-color-surface-inverse: #211d18;
491
559
  --ef-color-surface-inverse-secondary: #303030;
492
560
  --ef-color-surface-primary: #f7f2e7;
@@ -507,6 +575,10 @@
507
575
  --ef-color-control-track: #555555;
508
576
  --ef-color-focus-gap: #ffffff;
509
577
  --ef-color-focus-ring: #7a3f70;
578
+ --ef-color-status-danger: #a13a2c;
579
+ --ef-color-status-info: #2d5f86;
580
+ --ef-color-status-success: #2e6a45;
581
+ --ef-color-status-warning: #86560f;
510
582
  --ef-color-surface-inverse: #161616;
511
583
  --ef-color-surface-inverse-secondary: #303030;
512
584
  --ef-color-surface-primary: #ffffff;
@@ -527,6 +599,10 @@
527
599
  --ef-color-control-track: #555555;
528
600
  --ef-color-focus-gap: #f3eadc;
529
601
  --ef-color-focus-ring: #29231c;
602
+ --ef-color-status-danger: #a13a2c;
603
+ --ef-color-status-info: #2d5f86;
604
+ --ef-color-status-success: #2e6a45;
605
+ --ef-color-status-warning: #86560f;
530
606
  --ef-color-surface-inverse: #29231c;
531
607
  --ef-color-surface-inverse-secondary: #303030;
532
608
  --ef-color-surface-primary: #f3eadc;
@@ -816,7 +892,7 @@
816
892
  recovery message remains the non-colour explanation of what to fix. */
817
893
  :where(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea, select):where([aria-invalid="true"], :user-invalid) {
818
894
  border-inline-start-width: 0.3rem;
819
- border-inline-start-color: var(--ef-color-status-danger, #8d3027);
895
+ border-inline-start-color: var(--ef-color-status-danger, #a13a2c);
820
896
  }
821
897
 
822
898
  :where(:focus-visible) {
package/dist/marketing/forma-marketing-theme-echelon.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Forma 0.8.0 | forma-marketing-theme-echelon.css | bundle echelon-marketing
1
+ /*! Forma 0.9.0 | forma-marketing-theme-echelon.css | bundle echelon-marketing
2
2
  Echelon Marketing Theme: compiled theme tokens and theme hooks. Load after forma-marketing.css.
3
3
  Generated by tools/PresentationBundler. Do not edit; pin by version and sha256. */
4
4
 
package/dist/marketing/forma-marketing.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Forma 0.8.0 | forma-marketing.css | bundle echelon-marketing
1
+ /*! Forma 0.9.0 | forma-marketing.css | bundle echelon-marketing
2
2
  Brand-neutral marketing layer: core tokens, role defaults, Forma foundations, marketing foundations, components, and layouts.
3
3
  Generated by tools/PresentationBundler. Do not edit; pin by version and sha256. */
4
4
 
@@ -164,6 +164,10 @@
164
164
  --ef-color-control-track: #686d68;
165
165
  --ef-color-focus-gap: #f2efe7;
166
166
  --ef-color-focus-ring: #171a18;
167
+ --ef-color-status-danger: #a13a2c;
168
+ --ef-color-status-info: #2d5f86;
169
+ --ef-color-status-success: #2e6a45;
170
+ --ef-color-status-warning: #86560f;
167
171
  --ef-color-surface-inverse: #202421;
168
172
  --ef-color-surface-inverse-secondary: #3a403c;
169
173
  --ef-color-surface-primary: #f2efe7;
@@ -185,6 +189,10 @@
185
189
  --ef-color-control-track: #686d68;
186
190
  --ef-color-focus-gap: #171a18;
187
191
  --ef-color-focus-ring: #f2efe7;
192
+ --ef-color-status-danger: #ef9a8b;
193
+ --ef-color-status-info: #90b9dc;
194
+ --ef-color-status-success: #8cc49f;
195
+ --ef-color-status-warning: #ddb266;
188
196
  --ef-color-surface-inverse: #f2efe7;
189
197
  --ef-color-surface-inverse-secondary: #e3e0d7;
190
198
  --ef-color-surface-primary: #171a18;
@@ -206,6 +214,10 @@
206
214
  --ef-color-control-track: #555555;
207
215
  --ef-color-focus-gap: #ffffff;
208
216
  --ef-color-focus-ring: #005ea8;
217
+ --ef-color-status-danger: #a13a2c;
218
+ --ef-color-status-info: #2d5f86;
219
+ --ef-color-status-success: #2e6a45;
220
+ --ef-color-status-warning: #86560f;
209
221
  --ef-color-surface-inverse: #161616;
210
222
  --ef-color-surface-inverse-secondary: #303030;
211
223
  --ef-color-surface-primary: #ffffff;
@@ -226,6 +238,10 @@
226
238
  --ef-color-control-track: #555555;
227
239
  --ef-color-focus-gap: #ffffff;
228
240
  --ef-color-focus-ring: #315f8c;
241
+ --ef-color-status-danger: #a13a2c;
242
+ --ef-color-status-info: #2d5f86;
243
+ --ef-color-status-success: #2e6a45;
244
+ --ef-color-status-warning: #86560f;
229
245
  --ef-color-surface-inverse: #161616;
230
246
  --ef-color-surface-inverse-secondary: #303030;
231
247
  --ef-color-surface-primary: #ffffff;
@@ -246,6 +262,10 @@
246
262
  --ef-color-control-track: #50636d;
247
263
  --ef-color-focus-gap: #f8fafb;
248
264
  --ef-color-focus-ring: #005ea8;
265
+ --ef-color-status-danger: #a13a2c;
266
+ --ef-color-status-info: #2d5f86;
267
+ --ef-color-status-success: #2e6a45;
268
+ --ef-color-status-warning: #86560f;
249
269
  --ef-color-surface-inverse: #17242b;
250
270
  --ef-color-surface-inverse-secondary: #303030;
251
271
  --ef-color-surface-primary: #f8fafb;
@@ -266,6 +286,10 @@
266
286
  --ef-color-control-track: #555555;
267
287
  --ef-color-focus-gap: #ffffff;
268
288
  --ef-color-focus-ring: #175f8f;
289
+ --ef-color-status-danger: #a13a2c;
290
+ --ef-color-status-info: #2d5f86;
291
+ --ef-color-status-success: #2e6a45;
292
+ --ef-color-status-warning: #86560f;
269
293
  --ef-color-surface-inverse: #161616;
270
294
  --ef-color-surface-inverse-secondary: #303030;
271
295
  --ef-color-surface-primary: #ffffff;
@@ -286,6 +310,10 @@
286
310
  --ef-color-control-track: #50636d;
287
311
  --ef-color-focus-gap: #f4f7f8;
288
312
  --ef-color-focus-ring: #245d7a;
313
+ --ef-color-status-danger: #a13a2c;
314
+ --ef-color-status-info: #2d5f86;
315
+ --ef-color-status-success: #2e6a45;
316
+ --ef-color-status-warning: #86560f;
289
317
  --ef-color-surface-inverse: #17252b;
290
318
  --ef-color-surface-inverse-secondary: #303030;
291
319
  --ef-color-surface-primary: #f4f7f8;
@@ -306,6 +334,10 @@
306
334
  --ef-color-control-track: #686d68;
307
335
  --ef-color-focus-gap: #171a18;
308
336
  --ef-color-focus-ring: #f2efe7;
337
+ --ef-color-status-danger: #ef9a8b;
338
+ --ef-color-status-info: #90b9dc;
339
+ --ef-color-status-success: #8cc49f;
340
+ --ef-color-status-warning: #ddb266;
309
341
  --ef-color-surface-inverse: #f2efe7;
310
342
  --ef-color-surface-inverse-secondary: #e3e0d7;
311
343
  --ef-color-surface-primary: #171a18;
@@ -326,6 +358,10 @@
326
358
  --ef-color-control-track: #686d68;
327
359
  --ef-color-focus-gap: #12191d;
328
360
  --ef-color-focus-ring: #e8f1f4;
361
+ --ef-color-status-danger: #ef9a8b;
362
+ --ef-color-status-info: #90b9dc;
363
+ --ef-color-status-success: #8cc49f;
364
+ --ef-color-status-warning: #ddb266;
329
365
  --ef-color-surface-inverse: #e8f1f4;
330
366
  --ef-color-surface-inverse-secondary: #e3e0d7;
331
367
  --ef-color-surface-primary: #12191d;
@@ -346,6 +382,10 @@
346
382
  --ef-color-control-track: #686d68;
347
383
  --ef-color-focus-gap: #101619;
348
384
  --ef-color-focus-ring: #e7eef0;
385
+ --ef-color-status-danger: #ef9a8b;
386
+ --ef-color-status-info: #90b9dc;
387
+ --ef-color-status-success: #8cc49f;
388
+ --ef-color-status-warning: #ddb266;
349
389
  --ef-color-surface-inverse: #e7eef0;
350
390
  --ef-color-surface-inverse-secondary: #e3e0d7;
351
391
  --ef-color-surface-primary: #101619;
@@ -366,6 +406,10 @@
366
406
  --ef-color-control-track: #555555;
367
407
  --ef-color-focus-gap: #ffffff;
368
408
  --ef-color-focus-ring: #000000;
409
+ --ef-color-status-danger: #a13a2c;
410
+ --ef-color-status-info: #2d5f86;
411
+ --ef-color-status-success: #2e6a45;
412
+ --ef-color-status-warning: #86560f;
369
413
  --ef-color-surface-inverse: #000000;
370
414
  --ef-color-surface-inverse-secondary: #303030;
371
415
  --ef-color-surface-primary: #ffffff;
@@ -386,6 +430,10 @@
386
430
  --ef-color-control-track: #555555;
387
431
  --ef-color-focus-gap: #ffffff;
388
432
  --ef-color-focus-ring: #161616;
433
+ --ef-color-status-danger: #a13a2c;
434
+ --ef-color-status-info: #2d5f86;
435
+ --ef-color-status-success: #2e6a45;
436
+ --ef-color-status-warning: #86560f;
389
437
  --ef-color-surface-inverse: #161616;
390
438
  --ef-color-surface-inverse-secondary: #303030;
391
439
  --ef-color-surface-primary: #ffffff;
@@ -406,6 +454,10 @@
406
454
  --ef-color-control-track: #555555;
407
455
  --ef-color-focus-gap: #eeeeee;
408
456
  --ef-color-focus-ring: #161616;
457
+ --ef-color-status-danger: #a13a2c;
458
+ --ef-color-status-info: #2d5f86;
459
+ --ef-color-status-success: #2e6a45;
460
+ --ef-color-status-warning: #86560f;
409
461
  --ef-color-surface-inverse: #161616;
410
462
  --ef-color-surface-inverse-secondary: #303030;
411
463
  --ef-color-surface-primary: #eeeeee;
@@ -426,6 +478,10 @@
426
478
  --ef-color-control-track: #555555;
427
479
  --ef-color-focus-gap: #f1f0e5;
428
480
  --ef-color-focus-ring: #20281f;
481
+ --ef-color-status-danger: #a13a2c;
482
+ --ef-color-status-info: #2d5f86;
483
+ --ef-color-status-success: #2e6a45;
484
+ --ef-color-status-warning: #86560f;
429
485
  --ef-color-surface-inverse: #20281f;
430
486
  --ef-color-surface-inverse-secondary: #303030;
431
487
  --ef-color-surface-primary: #f1f0e5;
@@ -446,6 +502,10 @@
446
502
  --ef-color-control-track: #555555;
447
503
  --ef-color-focus-gap: #f6f4ef;
448
504
  --ef-color-focus-ring: #161616;
505
+ --ef-color-status-danger: #a13a2c;
506
+ --ef-color-status-info: #2d5f86;
507
+ --ef-color-status-success: #2e6a45;
508
+ --ef-color-status-warning: #86560f;
449
509
  --ef-color-surface-inverse: #161616;
450
510
  --ef-color-surface-inverse-secondary: #303030;
451
511
  --ef-color-surface-primary: #f6f4ef;
@@ -466,6 +526,10 @@
466
526
  --ef-color-control-track: #555555;
467
527
  --ef-color-focus-gap: #ffffff;
468
528
  --ef-color-focus-ring: #9c2f25;
529
+ --ef-color-status-danger: #a13a2c;
530
+ --ef-color-status-info: #2d5f86;
531
+ --ef-color-status-success: #2e6a45;
532
+ --ef-color-status-warning: #86560f;
469
533
  --ef-color-surface-inverse: #161616;
470
534
  --ef-color-surface-inverse-secondary: #303030;
471
535
  --ef-color-surface-primary: #ffffff;
@@ -486,6 +550,10 @@
486
550
  --ef-color-control-track: #555555;
487
551
  --ef-color-focus-gap: #f7f2e7;
488
552
  --ef-color-focus-ring: #211d18;
553
+ --ef-color-status-danger: #a13a2c;
554
+ --ef-color-status-info: #2d5f86;
555
+ --ef-color-status-success: #2e6a45;
556
+ --ef-color-status-warning: #86560f;
489
557
  --ef-color-surface-inverse: #211d18;
490
558
  --ef-color-surface-inverse-secondary: #303030;
491
559
  --ef-color-surface-primary: #f7f2e7;
@@ -506,6 +574,10 @@
506
574
  --ef-color-control-track: #555555;
507
575
  --ef-color-focus-gap: #ffffff;
508
576
  --ef-color-focus-ring: #7a3f70;
577
+ --ef-color-status-danger: #a13a2c;
578
+ --ef-color-status-info: #2d5f86;
579
+ --ef-color-status-success: #2e6a45;
580
+ --ef-color-status-warning: #86560f;
509
581
  --ef-color-surface-inverse: #161616;
510
582
  --ef-color-surface-inverse-secondary: #303030;
511
583
  --ef-color-surface-primary: #ffffff;
@@ -526,6 +598,10 @@
526
598
  --ef-color-control-track: #555555;
527
599
  --ef-color-focus-gap: #f3eadc;
528
600
  --ef-color-focus-ring: #29231c;
601
+ --ef-color-status-danger: #a13a2c;
602
+ --ef-color-status-info: #2d5f86;
603
+ --ef-color-status-success: #2e6a45;
604
+ --ef-color-status-warning: #86560f;
529
605
  --ef-color-surface-inverse: #29231c;
530
606
  --ef-color-surface-inverse-secondary: #303030;
531
607
  --ef-color-surface-primary: #f3eadc;
@@ -815,7 +891,7 @@
815
891
  recovery message remains the non-colour explanation of what to fix. */
816
892
  :where(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea, select):where([aria-invalid="true"], :user-invalid) {
817
893
  border-inline-start-width: 0.3rem;
818
- border-inline-start-color: var(--ef-color-status-danger, #8d3027);
894
+ border-inline-start-color: var(--ef-color-status-danger, #a13a2c);
819
895
  }
820
896
 
821
897
  :where(:focus-visible) {
package/dist/marketing/forma-marketing.manifest.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "forma": "0.8.0",
3
+ "forma": "0.9.0",
4
4
  "bundle": "echelon-marketing",
5
5
  "description": "Forma presentation artifacts for Echelon marketing sites. Every artifact is a single self-contained CSS file with no imports or relative URLs.",
6
- "releaseTag": "v0.8.0",
6
+ "releaseTag": "v0.9.0",
7
7
  "artifacts": [
8
8
  {
9
9
  "file": "forma-marketing.css",
10
10
  "description": "Brand-neutral marketing layer: core tokens, role defaults, Forma foundations, marketing foundations, components, and layouts.",
11
- "bytes": 82968,
12
- "sha256": "3089398445d5898cdae9cc0dc2ec4629e8130a1a885291d9ae1bfdf9141dab48",
11
+ "bytes": 85780,
12
+ "sha256": "cd2e2d259bb5d88de91c00ce7a63d0afa2eb1ca67dbcc7c100b10bffd1bee89e",
13
13
  "sources": [
14
14
  "dist/tokens.css",
15
15
  "src/marketing/roles.css",
@@ -23,7 +23,7 @@
23
23
  "file": "forma-marketing-theme-echelon.css",
24
24
  "description": "Echelon Marketing Theme: compiled theme tokens and theme hooks. Load after forma-marketing.css.",
25
25
  "bytes": 6295,
26
- "sha256": "970b7986b609331c1bc12d51173c8e185f48906df5d8b2fcc585c3187be3e9fd",
26
+ "sha256": "e9e6fa2f3ab1d9950145639f1346441d636638cd028e55c730aee0231de14271",
27
27
  "sources": [
28
28
  "build/marketing/echelon-marketing.tokens.css",
29
29
  "themes/echelon/marketing.css"
@@ -32,8 +32,8 @@
32
32
  {
33
33
  "file": "forma-echelon-marketing.css",
34
34
  "description": "Single-file Echelon marketing presentation: forma-marketing.css followed by the Echelon theme. Most sites load only this file.",
35
- "bytes": 89108,
36
- "sha256": "ee17288af3ae5ba708b8fd1b471835a14ea93da588a39206dcc27db2ee2f98ba",
35
+ "bytes": 91920,
36
+ "sha256": "095a7df7bf669fbc640e064339507695de92d9fc29154ddc7ec74b290a6aa967",
37
37
  "sources": [
38
38
  "artifact:forma-marketing.css",
39
39
  "artifact:forma-marketing-theme-echelon.css"
@@ -42,8 +42,8 @@
42
42
  {
43
43
  "file": "forma-all.css",
44
44
  "description": "Complete Forma surface (application components, assessment, and marketing layers) for sites that also present Forma application patterns such as data grids or status lozenges.",
45
- "bytes": 330018,
46
- "sha256": "93cafe35f219e7297b8ad5cd8b3a22ad660e753a2ce247c0709eb75281701cad",
45
+ "bytes": 333347,
46
+ "sha256": "9ef1cb63edae74c194936fa623604c18e42a765565346aa50e1081c86f64a96d",
47
47
  "sources": [
48
48
  "dist/all.css"
49
49
  ]
package/dist/marketing/forma-marketing.sha256 CHANGED
@@ -1,4 +1,4 @@
1
- 3089398445d5898cdae9cc0dc2ec4629e8130a1a885291d9ae1bfdf9141dab48 forma-marketing.css
2
- 970b7986b609331c1bc12d51173c8e185f48906df5d8b2fcc585c3187be3e9fd forma-marketing-theme-echelon.css
3
- ee17288af3ae5ba708b8fd1b471835a14ea93da588a39206dcc27db2ee2f98ba forma-echelon-marketing.css
4
- 93cafe35f219e7297b8ad5cd8b3a22ad660e753a2ce247c0709eb75281701cad forma-all.css
1
+ cd2e2d259bb5d88de91c00ce7a63d0afa2eb1ca67dbcc7c100b10bffd1bee89e forma-marketing.css
2
+ e9e6fa2f3ab1d9950145639f1346441d636638cd028e55c730aee0231de14271 forma-marketing-theme-echelon.css
3
+ 095a7df7bf669fbc640e064339507695de92d9fc29154ddc7ec74b290a6aa967 forma-echelon-marketing.css
4
+ 9ef1cb63edae74c194936fa623604c18e42a765565346aa50e1081c86f64a96d forma-all.css