@putdotio/design 3.0.0 → 3.1.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/package.json +2 -2
- package/system/README.md +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@putdotio/design",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "Public put.io design tokens, brand assets, and design-system guidance.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -91,5 +91,5 @@
|
|
|
91
91
|
"typescript": "^7.0.2",
|
|
92
92
|
"yaml": "^2.9.0"
|
|
93
93
|
},
|
|
94
|
-
"packageManager": "pnpm@11.
|
|
94
|
+
"packageManager": "pnpm@11.23.0"
|
|
95
95
|
}
|
package/system/README.md
CHANGED
|
@@ -197,7 +197,7 @@ they describe the role exactly. shadcn-imported code prefers the short names.
|
|
|
197
197
|
Base UI / headless primitives set
|
|
198
198
|
`data-state="open|closed|checked|unchecked|active|completed|pending|loading"`
|
|
199
199
|
on the DOM. Our components target those same attribute values in CSS — see the
|
|
200
|
-
wizard step bar in `web-
|
|
200
|
+
wizard step bar in `web-p00b-form-flows.html`
|
|
201
201
|
(`.step[data-state="completed"]`) and the menu/table cards. Prefer `data-state`
|
|
202
202
|
over inventing class flags (`.is-active`, `.on`, `.current`) so the same DOM
|
|
203
203
|
contract works whether the controlling code is React, Vue, vanilla JS, or
|
|
@@ -208,8 +208,8 @@ hand-written HTML, and so devtools can read the component's state at a glance.
|
|
|
208
208
|
shadcn marks parts of compound components with `data-slot="card-header"`,
|
|
209
209
|
`data-slot="card-title"`, etc. We do the same on the folder picker
|
|
210
210
|
(`data-slot="modal" / "modal-header" / "modal-body" / "modal-footer"`) and the
|
|
211
|
-
auth
|
|
212
|
-
/ "auth-body"`). This lets external CSS tweak one part without inventing
|
|
211
|
+
auth cards in `web-p00c-auth-signin.html` and `web-p00d-auth-signup.html`
|
|
212
|
+
(`data-slot="auth" / "auth-header" / "auth-body"`). This lets external CSS tweak one part without inventing
|
|
213
213
|
nested class chains.
|
|
214
214
|
|
|
215
215
|
## Design variants
|