@textmode/design-system 0.3.4 → 0.4.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.
- package/README.md +15 -6
- package/package.json +1 -1
- package/tokens.css +5 -4
package/README.md
CHANGED
|
@@ -22,7 +22,9 @@ errors; it is never a decorative wash.
|
|
|
22
22
|
- `foundations.css` — reset, focus, selection, forced-colors, reduced motion
|
|
23
23
|
- `primitives.css` — commands, ruled panels, ledger rows, and status signals
|
|
24
24
|
|
|
25
|
-
Import `styles.css` once per document
|
|
25
|
+
Import `styles.css` once per document or open shadow root. Token declarations
|
|
26
|
+
target both `:root` and `:host`, so the same unchanged values are available to
|
|
27
|
+
document applications and Shadow DOM interfaces. Lower-level entry points are only for
|
|
26
28
|
deliberate composition; applications must not import package-internal files or
|
|
27
29
|
recreate aggregate ordering. The package deliberately does not opt pages into
|
|
28
30
|
scroll snapping, prescribe a layout, or provide React modules. Those behaviors
|
|
@@ -50,6 +52,12 @@ remain product-owned so dense workspaces are unaffected.
|
|
|
50
52
|
`--tm-type-copy-large`, `--tm-type-title`, `--tm-leading-tight`,
|
|
51
53
|
`--tm-leading-copy`, `--tm-tracking-display`.
|
|
52
54
|
|
|
55
|
+
Monogram typography uses a strict fixed half-rem scale: every `--tm-type-*`
|
|
56
|
+
token is a whole or half `rem` step. Responsive type changes belong in explicit
|
|
57
|
+
consumer breakpoints; type tokens never interpolate with viewport units.
|
|
58
|
+
Code-font consumers may define a separate denser scale when their runtime
|
|
59
|
+
requires it.
|
|
60
|
+
|
|
53
61
|
### Geometry and layout
|
|
54
62
|
|
|
55
63
|
`--tm-space-1`, `--tm-space-2`, `--tm-space-3`, `--tm-space-4`,
|
|
@@ -95,8 +103,9 @@ forced-colors treatment for `aria-current` and `aria-pressed` state.
|
|
|
95
103
|
|
|
96
104
|
The package has no JavaScript runtime or peer dependencies. Publish releases with
|
|
97
105
|
semantic versioning: patch for value corrections, minor for additive tokens or
|
|
98
|
-
classes, and major for removals or semantic changes. Version 0.
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
106
|
+
classes, and major for removals or semantic changes. Version 0.4.0 adds Shadow
|
|
107
|
+
DOM `:host` delivery and normalizes Monogram control and copy roles to the
|
|
108
|
+
half-rem type scale. Reduced-motion rules remain limited to scroll and
|
|
109
|
+
transition behavior so product-owned animation state stays overrideable.
|
|
110
|
+
Version 0.4.1 makes the title role fixed as well, closing the remaining fluid
|
|
111
|
+
type path that could soften the Monogram pixel grid between breakpoints.
|
package/package.json
CHANGED
package/tokens.css
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@layer tokens {
|
|
2
|
-
:root
|
|
2
|
+
:root,
|
|
3
|
+
:host {
|
|
3
4
|
color-scheme: dark;
|
|
4
5
|
|
|
5
6
|
/* Primitive palette */
|
|
@@ -36,10 +37,10 @@
|
|
|
36
37
|
--tm-font-copy: 'Monogram Extended';
|
|
37
38
|
--tm-font-code: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
|
|
38
39
|
--tm-type-meta: 1rem;
|
|
39
|
-
--tm-type-control: 1.
|
|
40
|
-
--tm-type-copy: 1.
|
|
40
|
+
--tm-type-control: 1.5rem;
|
|
41
|
+
--tm-type-copy: 1.5rem;
|
|
41
42
|
--tm-type-copy-large: 1.5rem;
|
|
42
|
-
--tm-type-title:
|
|
43
|
+
--tm-type-title: 6rem;
|
|
43
44
|
--tm-leading-tight: 0.82;
|
|
44
45
|
--tm-leading-copy: 1.18;
|
|
45
46
|
--tm-tracking-display: -0.02em;
|