@affinda/react 0.0.18 → 0.0.19
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/README.md +3 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -177,6 +177,8 @@ import { Section, Heading, Text } from '@affinda/react';
|
|
|
177
177
|
- `background`: `"white"` | `"level1"` | `"dark"` | `"inkwell"`
|
|
178
178
|
- `container`: boolean - Auto-wraps content in Container
|
|
179
179
|
|
|
180
|
+
> **Contrast helper:** When `background="dark"` or `background="inkwell"`, `Section` automatically exposes CSS variables so nested `Heading`, `Text`, and `TypographyLockup` components render in mist-green, even if you forget to set `theme="dark"`. Buttons still need `darkBackground={true}` (see below).
|
|
181
|
+
|
|
180
182
|
### Card with Photo Background
|
|
181
183
|
|
|
182
184
|
Cards now support photo backgrounds with gradient overlays.
|
|
@@ -327,6 +329,7 @@ import { HeroSection, PaperclipDecoration } from '@affinda/react';
|
|
|
327
329
|
- Secondary actions: Use `variant="secondary"`
|
|
328
330
|
- Sizes: `small`, `default`, `large`
|
|
329
331
|
- Can include icons in left or right slots
|
|
332
|
+
- On dark backgrounds, pass `darkBackground={true}` so borders/text flip automatically
|
|
330
333
|
|
|
331
334
|
```tsx
|
|
332
335
|
<Button variant="primary" size="large">Sign Up Now</Button>
|