@pitlane/theme 0.3.1 → 0.4.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.
- package/CHANGELOG.md +17 -0
- package/README.md +2 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @pitlane/theme
|
|
2
2
|
|
|
3
|
+
## 0.4.0
|
|
4
|
+
|
|
5
|
+
Target Remix `3.0.0-rc.1`.
|
|
6
|
+
|
|
7
|
+
- Raised the `remix` peer dependency to `^3.0.0-rc.1` (from
|
|
8
|
+
`^3.0.0-beta.10`). No API changes — `createTheme`, `extend`, `select`,
|
|
9
|
+
`<Theme />`, and the `css`/`tva`/`combine`/`cx` helpers are unchanged, and
|
|
10
|
+
the package still has no runtime dependency on Remix beyond
|
|
11
|
+
`createElement` from `remix/ui`.
|
|
12
|
+
- One rc.1 change is worth knowing about when reading generated markup: the
|
|
13
|
+
marker on server-rendered style elements is now `data-rmx-style`, where
|
|
14
|
+
beta.10 emitted a bare `data-rmx`. A stylesheet or test that selected
|
|
15
|
+
`[data-rmx]` needs the new attribute. The class hashes this package emits
|
|
16
|
+
(`rmxc-…`) and the `@layer rmx` / `@layer rmx-reset` cascade layers are
|
|
17
|
+
unaffected.
|
|
18
|
+
- Tested against `remix@3.0.0-rc.1`.
|
|
19
|
+
|
|
3
20
|
## 0.3.1
|
|
4
21
|
|
|
5
22
|
- `createTheme`, `extend`, `select`, and a mode all take their token tree under
|
package/README.md
CHANGED
|
@@ -10,7 +10,7 @@ npm install @pitlane/theme
|
|
|
10
10
|
vp add @pitlane/theme
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
-
Requires `remix@^3.0.0-
|
|
13
|
+
Requires `remix@^3.0.0-rc.1` as a peer.
|
|
14
14
|
|
|
15
15
|
## Quick start
|
|
16
16
|
|
|
@@ -120,6 +120,7 @@ A layer's declarations follow the ones they reference, which moves them later in
|
|
|
120
120
|
- `lightDark(light, dark)` returns CSS `light-dark()` text. `scale(token)` returns a multiplier for an ordinary dimension, duration, or number token.
|
|
121
121
|
- `ThemeError` reports structural failures: a reference whose type does not match its position, a reference to an untyped token, a variable collision, an undeclared token, a mode overriding an unknown token, and a `"{a.b.c}"` string left over from the pre-0.3.0 format. Invalid values raise `ValidationError` from `remix/data-schema`, whose `issues` array contains the detail.
|
|
122
122
|
- `@pitlane/theme/schema` exports `s.color()`, `s.dimension()`, `s.duration()`, `s.number()`, `s.easing()`, `s.shadow()`, `s.border()`, `s.transition()`, `s.gradient()`, `s.stroke()`, `s.font.family()`, `s.font.weight()`, `s.scale()`, `s.any()`, and `s.group()`.
|
|
123
|
+
- `@pitlane/theme/dtcg` is the DTCG interchange: `fromDTCG(document)` reads a W3C DTCG document into a `createTheme` init, and `toDTCG(theme)` exports a theme as a document plus per-mode overrides.
|
|
123
124
|
- Types include `ThemeInit`, `ThemeMode`, `ThemeResult`, `ThemeComponent`, `ThemeProps`, `TokenTree`, `ScaleFn`, `Tokens`, `TokenValue`, `ThemedCSSProps`, `ThemedCSSMixin`, TVA types, and per-type token brands.
|
|
124
125
|
|
|
125
126
|
## Links
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pitlane/theme",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "Type-safe styling with
|
|
3
|
+
"version": "0.4.0",
|
|
4
|
+
"description": "Type-safe styling with design tokens for Remix 3: a schema tree plus the CSS values it describes compile to a typed token accessor and a <Theme /> component.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"css-variables",
|
|
7
7
|
"design-tokens",
|
|
@@ -49,12 +49,12 @@
|
|
|
49
49
|
"csstype": "^3.2.3"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"remix": "3.0.0-
|
|
52
|
+
"remix": "3.0.0-rc.1",
|
|
53
53
|
"typescript": "^7.0.2",
|
|
54
54
|
"vite-plus": "^0.2.6"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
|
-
"remix": "^3.0.0-
|
|
57
|
+
"remix": "^3.0.0-rc.1"
|
|
58
58
|
},
|
|
59
59
|
"engines": {
|
|
60
60
|
"node": "^20.19.0 || >=22.12.0"
|