@atelier-ui/angular 0.2.18 → 0.2.20
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.
package/package.json
CHANGED
package/src/styles/tokens.css
CHANGED
|
@@ -47,6 +47,32 @@
|
|
|
47
47
|
* button the same height. Stating the padding and hoping, which is what the
|
|
48
48
|
* library did until 2026-08-26, made them 6px apart.
|
|
49
49
|
*/
|
|
50
|
+
/* ── Row heights ────────────────────────────────────────────────────────────
|
|
51
|
+
* A row is taller than the control it holds. That relation lives here, in a
|
|
52
|
+
* calc over the control scale, rather than as a convention thirty stylesheets
|
|
53
|
+
* have to honour: `--ui-row-inset: 0` collapses the two ladders into one in a
|
|
54
|
+
* single edit.
|
|
55
|
+
*
|
|
56
|
+
* Measured, which is why the inset exists: a table cell at the *control* height
|
|
57
|
+
* of 40 renders 41.0px when it holds a 40px control (the extra pixel is the two
|
|
58
|
+
* collapsed cell borders), while the same cell at 48 renders exactly 48.00px
|
|
59
|
+
* holding text, a badge, an sm button, an md button or an md avatar. So at the
|
|
60
|
+
* row height any control of the matching step fits, with no convention.
|
|
61
|
+
*
|
|
62
|
+
* A row CENTRES its content; a control PADS it. ADR-0041's derived-padding
|
|
63
|
+
* formula therefore does not apply here — a size-md cell with derived padding
|
|
64
|
+
* renders 62.5px holding an md button. The row recipe is
|
|
65
|
+
* `min-height: var(--ui-row-height-*); padding-block: 0; line-height: tight`.
|
|
66
|
+
*
|
|
67
|
+
* Not rows, on purpose: breadcrumbs (17px of inline text, holding no control)
|
|
68
|
+
* and the card/dialog/drawer/chat headers (one-off bands with their own
|
|
69
|
+
* padding, not one line among many). See ADR-0052.
|
|
70
|
+
*/
|
|
71
|
+
--ui-row-inset: 0.25rem;
|
|
72
|
+
--ui-row-height-sm: calc(var(--ui-control-height-sm) + 2 * var(--ui-row-inset));
|
|
73
|
+
--ui-row-height-md: calc(var(--ui-control-height-md) + 2 * var(--ui-row-inset));
|
|
74
|
+
--ui-row-height-lg: calc(var(--ui-control-height-lg) + 2 * var(--ui-row-inset));
|
|
75
|
+
|
|
50
76
|
--ui-control-height-sm: 2rem;
|
|
51
77
|
--ui-control-height-md: 2.5rem;
|
|
52
78
|
--ui-control-height-lg: 3rem;
|
|
@@ -56,6 +82,9 @@
|
|
|
56
82
|
--ui-font-weight-bold: 700;
|
|
57
83
|
--ui-line-height-tight: 1.25;
|
|
58
84
|
--ui-line-height-normal: 1.5;
|
|
85
|
+
/* Code needs looser leading than prose: a reader scans columns, not sentences.
|
|
86
|
+
* AtlCodeBlock had 1.65 as a literal in one stylesheet. */
|
|
87
|
+
--ui-line-height-code: 1.65;
|
|
59
88
|
|
|
60
89
|
/* ── Type roles ─────────────────────────────────────────────
|
|
61
90
|
* Composed entirely from the axes above, so sizes and weights stay
|