@hattisar/design-tokens 0.3.14 → 0.3.15
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 +1 -1
- package/tokens.css +17 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hattisar/design-tokens",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.15",
|
|
4
4
|
"description": "Shared design tokens (colors, type, radius, spacing, motion) and base primitives (reset, buttons, inputs, cards, modals, auth shell) for every Hattisar frontend.",
|
|
5
5
|
"main": "tokens.css",
|
|
6
6
|
"files": [
|
package/tokens.css
CHANGED
|
@@ -1365,6 +1365,23 @@ input[type="radio"] {
|
|
|
1365
1365
|
margin: 0;
|
|
1366
1366
|
}
|
|
1367
1367
|
|
|
1368
|
+
/* Cards that follow a form and belong to the same record — custom
|
|
1369
|
+
fields, storefront access, attachments.
|
|
1370
|
+
|
|
1371
|
+
They are not part of the form: each saves itself, so none of them
|
|
1372
|
+
belongs inside its <form>. But they have to line up with it, and the
|
|
1373
|
+
rule above only centres a `> form`, so rendered as plain siblings
|
|
1374
|
+
they spanned the whole page while the form sat centred above them —
|
|
1375
|
+
and stacked flush against each other, since nothing was providing
|
|
1376
|
+
the gap the form's own wrapper gives its children. */
|
|
1377
|
+
.record-form-trailing {
|
|
1378
|
+
display: flex;
|
|
1379
|
+
flex-direction: column;
|
|
1380
|
+
gap: var(--space-3);
|
|
1381
|
+
max-width: var(--page-width-content);
|
|
1382
|
+
margin-inline: auto;
|
|
1383
|
+
}
|
|
1384
|
+
|
|
1368
1385
|
/* Collapsible accordion sections — a plain chevron that rotates open
|
|
1369
1386
|
instead of the browser's own disclosure-triangle marker. */
|
|
1370
1387
|
.form-section-summary {
|