@nadicodeai/design-system 12.1.206 → 12.1.208
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/DESIGN.md +1 -1
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -703,7 +703,7 @@ Control geometry is the same in every product:
|
|
|
703
703
|
| `{spacing.icon-stroke}`, `{spacing.icon-stroke-sm}` | The icon line ("Iconography") |
|
|
704
704
|
| `{spacing.focus-outline-width}`, `{spacing.focus-outline-offset}` | The focus outline |
|
|
705
705
|
|
|
706
|
-
Product chrome uses the 36 px control: a page header, a toolbar, a card's header and footer
|
|
706
|
+
Product chrome uses the 36 px control: a page header and its three-dot trigger, a toolbar, a card's header and footer and a filter row take `{spacing.control-height}` with a `{typography.button}` label. Compact controls use 32 px and prominent controls 40 px; a button's `sm` and `xs` sizes are for a control nested inside dense content, such as a record's row or card buttons and three-dot trigger, a notice's or a banner's one action, a descriptive item's trailing controls, a composer or an input group. A control nested in a field, and `SegmentedControl`'s options, keep the same outer heights; their usage pages hold how.
|
|
707
707
|
|
|
708
708
|
### The website column
|
|
709
709
|
|