@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.
Files changed (2) hide show
  1. package/package.json +2 -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.0.0",
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.2.2"
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-p00-form-layouts.html`
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 card in `web-p00-form-layouts.html` (`data-slot="auth" / "auth-header"
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