@pipelex/mthds-ui 0.30.1 → 0.32.0

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.
@@ -962,6 +962,22 @@ svg.react-flow__connectionline {
962
962
  background: var(--pipe-card-accent);
963
963
  color: var(--text-on-accent);
964
964
  }
965
+ /* A document step's format, beside its badge: outlined in the badge's accent so
966
+ it reads as a qualifier of the type, and the badge's height so the header's
967
+ height does not change, since the layout sizes the card without it. */
968
+ .pipe-card-format {
969
+ font-family: var(--font-mono);
970
+ font-size: 10px;
971
+ font-weight: 600;
972
+ letter-spacing: 0.04em;
973
+ padding: 1px 6px;
974
+ border: 1px solid var(--pipe-card-accent);
975
+ border-radius: 4px;
976
+ white-space: nowrap;
977
+ line-height: 1.4;
978
+ color: var(--pipe-card-accent);
979
+ flex-shrink: 0;
980
+ }
965
981
  .pipe-card-code {
966
982
  font-family: var(--font-mono);
967
983
  font-size: 13px;
@@ -2488,15 +2504,14 @@ button.node-validation-badge {
2488
2504
  margin-left: 0;
2489
2505
  }
2490
2506
 
2507
+ /* Its size, line height and line count are set inline, from the fit the */
2508
+ /* projection chose for it (`SIMPLE_STEP_TITLE_FITS`). */
2491
2509
  .simple-step-title {
2492
- font-size: 15px;
2493
2510
  font-weight: 500;
2494
- line-height: 20px;
2495
2511
  color: var(--text-primary);
2496
2512
  overflow: hidden;
2497
2513
  overflow-wrap: anywhere;
2498
2514
  display: -webkit-box;
2499
- -webkit-line-clamp: 3;
2500
2515
  -webkit-box-orient: vertical;
2501
2516
  }
2502
2517
  .simple-step--template .simple-step-title,