Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),

### Breaking Changes
- **tokens:** removed the fixed `--sf-animation-delay-1…5` stagger tokens, superseded by the new `.sf-stagger` utility + `--sf-stagger-step` knob. Replace `style="animation-delay: var(--sf-animation-delay-N)"` on hand-indexed children with a single `.sf-stagger` class on their parent (see `docs/motion.md`); to keep a fixed manual delay, use a literal (e.g. `animation-delay: 150ms`).
- **macros:** removed `.sf-corner-scoop` (and its `--top-left`/`--top-right`/`--bottom-left`/`--bottom-right` modifiers and `--sf-corner-scoop-size`/`--sf-corner-scoop-at` knobs). Judged too niche for the public API relative to its cost — the single absolute cut size needed per-element tuning across control- vs hero-sized boxes, and the mask clipped `box-shadow`/`border` and could not compose with the other mask-based macros. To keep a concave corner, apply the mask directly on the element: `style="-webkit-mask-image: radial-gradient(circle at 100% 0, transparent 24px, black 24.5px); mask-image: radial-gradient(circle at 100% 0, transparent 24px, black 24.5px)"`.
- **layout:** renamed `.sf-bento--compact` / `.sf-bento--tall` (container row-height modifiers) to `.sf-bento--row-compact` / `.sf-bento--row-tall`, matching the `--sf-bento-row-*` tokens they set. The old names collided visually with the unrelated child modifier `.sf-bento-tall` (spans one item over 2 rows) — same word, one dash apart. Child span classes (`.sf-bento-wide/-full/-tall/-featured`) are unchanged. See `docs/migration.md`.

### Bug Fixes
Expand Down
2 changes: 1 addition & 1 deletion badges/badge-optimal.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"schemaVersion": 1,
"label": "optimal",
"message": "19.6 kB gzip",
"message": "19.5 kB gzip",
"color": "brightgreen",
"namedLogo": "css3"
}
50 changes: 4 additions & 46 deletions configurator/src/data/api-index.generated.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,22 @@
"_sync": {
"generatedBy": "configurator/scripts/sync-api.mjs",
"source": "docs/api-index.json",
"tokensHash": "2733b25b05b9",
"tokensHash": "5a5ec9f40624",
"bundles": [
"full",
"optimal"
],
"counts": {
"tokens": 756,
"tokens": 754,
"byTier": {
"PUBLIC": 695,
"PUBLIC": 693,
"PUBLIC-ADVANCED": 60,
"INTERNAL": 1
},
"byCategory": {
"Layout tokens": 53,
"Core tokens": 623,
"Macro tokens": 34,
"Macro tokens": 32,
"Component tokens": 46
}
}
Expand Down Expand Up @@ -7750,48 +7750,6 @@
"optimal"
]
},
{
"name": "--sf-corner-scoop-at",
"tier": "PUBLIC",
"role": "knob",
"namespace": "corner",
"category": "Macro tokens",
"group": "Concave corner",
"description": "Corner the .sf-corner-scoop mask cuts, as a radial-gradient origin (e.g. '100% 0' = top-right). Default: 100% 0.",
"note": "Corner the .sf-corner-scoop mask cuts, as a radial-gradient origin (e.g. '100% 0' = top-right). Default: 100% 0.",
"value": "100% 0",
"aliasOf": null,
"registered": false,
"syntax": null,
"fallbackOnly": false,
"optional": false,
"layer": "slashed.tokens",
"bundles": [
"full",
"optimal"
]
},
{
"name": "--sf-corner-scoop-size",
"tier": "PUBLIC",
"role": "consumption",
"namespace": "corner",
"category": "Macro tokens",
"group": "Concave corner",
"description": "Cut radius of the .sf-corner-scoop mask. Default: var(--sf-radius-2xl).",
"note": "Cut radius of the .sf-corner-scoop mask. Default: var(--sf-radius-2xl).",
"value": "var(--sf-radius-2xl)",
"aliasOf": "--sf-radius-2xl",
"registered": false,
"syntax": null,
"fallbackOnly": false,
"optional": false,
"layer": "slashed.tokens",
"bundles": [
"full",
"optimal"
]
},
{
"name": "--sf-cover-min-height",
"tier": "PUBLIC",
Expand Down
Loading