@imfusion/web-ui 0.11.1-dev.37.gdba3f9f4 → 0.11.1-dev.39.g98a8338c

package/CHANGELOG.md

@@ -99,6 +99,8 @@
 
 - `Drawer.Title` wraps a long title instead of running past the panel edge.
   [Drawer](src/components/drawer/drawer.stories.tsx#LongTitle) — Nikolaus Brunner <brunner@imfusion.com>
+- `Card` describes its coloured fills correctly: they set the background, and their content takes `oncolor` variants. —
+  Nikolaus Brunner <brunner@imfusion.com>
 - Typo inside `Callout.Description`, such as `Typo.UnorderedList` or `Typo.P`, matches the description's size and takes
   the variant's colour. [Callout](src/components/callout/callout.stories.tsx#WithList) — Nikolaus Brunner <brunner@imfusion.com>
 - A `Select` option with `Select.ItemDescription` is named by its text alone and reads the description as its accessible
@@ -113,6 +115,8 @@
 - Components — Nikolaus Brunner <brunner@imfusion.com>
   - A `Drawer.Close` or `Popover.Close` rendered as another component, such as a `Button`, keeps that component's styles.
   - A `Popover.Trigger` rendered as another component keeps that component's styles, so `render={<Button />}` looks like a Button.
+- `Button variant="primary"` hovers to a blue outline on any surface. Its hover fill was the `main` background, which showed as a
+  white box on a `support` card. [Button](src/components/button/button.stories.tsx#OnSupportCard) — Nikolaus Brunner <brunner@imfusion.com>
 
 ---
 

package/dist/components/card/card.d.ts

@@ -17,8 +17,9 @@ type RootProps = React.ComponentProps<"div"> & VariantProps<typeof root> & {
  * `Card.Footer`. `density` sets one scale that drives both each slot's padding
  * and the gap between slots. `variant` picks the look — neutral tonal surfaces
  * (`main`/`support`/`minor`) carry a hairline border; coloured intent fills
- * (`primary`/`brand`) flip to contrast text and drop the border. `shadow` and
- * `radius` layer on top. Also called a panel, tile, or paper.
+ * (`primary`/`brand`) set the background only and are borderless. Put `oncolor`
+ * content inside them, e.g. `Typo variant="oncolor"` and `Button context="oncolor"`.
+ * `shadow` and `radius` layer on top. Also called a panel, tile, or paper.
  *
  * The image is always the first entry in the stack, so `orientation` just
  * switches the stack between a column and a row without reordering slots.