@fvc/typography 3.1.0-rc.0 → 3.1.0
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/CHANGELOG.md +76 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,81 @@
|
|
|
1
1
|
# @fvc/typography
|
|
2
2
|
|
|
3
|
+
## 3.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 09b0f0a: Add semantic size prop to Typography.Link and align CSS tokens with design system
|
|
8
|
+
|
|
9
|
+
### Breaking changes
|
|
10
|
+
|
|
11
|
+
**`Typography.Link` default font changed from `Montserrat` to `Roboto`.**
|
|
12
|
+
The Link component now renders in Roboto Bold by default, matching the Figma
|
|
13
|
+
design-system specification (Body/LINK token). Previously it defaulted to
|
|
14
|
+
Montserrat.
|
|
15
|
+
|
|
16
|
+
**`Typography.Link` now defaults to `weight="700"`.**
|
|
17
|
+
Previously the weight was not set by default and was inherited from the
|
|
18
|
+
surrounding context. It is now always Bold unless overridden via the `weight`
|
|
19
|
+
prop.
|
|
20
|
+
|
|
21
|
+
**Link underline rendering changed.**
|
|
22
|
+
`text-decoration-skip-ink: none`, `text-underline-position: from-font`, and
|
|
23
|
+
`text-decoration-thickness: from-font` are now applied by default. Consumers
|
|
24
|
+
who relied on browser-default underline rendering will see a visual difference.
|
|
25
|
+
|
|
26
|
+
### Migration
|
|
27
|
+
|
|
28
|
+
If your application overrides the Link font or weight, no change is needed —
|
|
29
|
+
explicit prop values take precedence over the new defaults.
|
|
30
|
+
|
|
31
|
+
To restore the previous Montserrat rendering, pass `font="Montserrat"` and
|
|
32
|
+
`weight="400"` (or whichever weight you used before) explicitly:
|
|
33
|
+
|
|
34
|
+
```tsx
|
|
35
|
+
<Typography.Link font="Montserrat" weight="400" href="...">
|
|
36
|
+
Link text
|
|
37
|
+
</Typography.Link>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
### New feature
|
|
41
|
+
|
|
42
|
+
`Typography.Link` now accepts `size="small"` and `size="medium"` as named
|
|
43
|
+
design-system sizes in addition to the existing numeric override:
|
|
44
|
+
|
|
45
|
+
```tsx
|
|
46
|
+
<Typography.Link size="medium" href="...">Link</Typography.Link> {/* 16px / lh 20px */}
|
|
47
|
+
<Typography.Link size="small" href="...">Link</Typography.Link> {/* 14px / lh 16px */}
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
Existing numeric sizes (`size={14}`, `size={16}`, etc.) continue to work
|
|
51
|
+
without any change.
|
|
52
|
+
|
|
53
|
+
- cfe6f97: New feature — editable mode
|
|
54
|
+
|
|
55
|
+
- Typography.Text and Typography.Paragraph now accept an editable prop (boolean | TextEditableConfig | ParagraphEditableConfig). When set, the component renders a custom action bar (pencil trigger, confirm ✓, cancel ⊘, clear 🗑) that replaces Ant Design's default controls and matches the Figma design pixel-for-pixel.
|
|
56
|
+
- Both uncontrolled (component owns editing state) and controlled (editing prop + onStart/onEnd/onCancel callbacks) patterns are supported.
|
|
57
|
+
- Typography.Paragraph additionally supports autoSize: { minRows, maxRows } for textarea auto-resize in edit mode.
|
|
58
|
+
- Cancelling reverts the value to a pre-edit snapshot; clearing fires onChange("").
|
|
59
|
+
- Exported new types: TextEditableConfig, ParagraphEditableConfig.
|
|
60
|
+
|
|
61
|
+
Peer dependency
|
|
62
|
+
|
|
63
|
+
- Added @fvc/icons: "^1.0.0" as a peer dependency — the action bar icons (Mode, CheckCircleOutline, Block, DeleteOutline) are sourced from it.
|
|
64
|
+
|
|
65
|
+
Styles
|
|
66
|
+
|
|
67
|
+
- Editable styles consolidated into Typography.scss (previously a separate Editable.scss that was also double-imported in Typography.tsx).
|
|
68
|
+
- Added CSS tokens for the input field (--typography-editable-border, --typography-editable-padding, --typography-editable-focus-shadow, font/color tokens) and action bar (--typography-editable-action-\*-color, --typography-editable-action-btn-padding, --typography-editable-action-clear-gap: 40px) — all overridable from the consumer's stylesheet.
|
|
69
|
+
- Added .fvc-typography-disabled rule applying --typography-editable-disabled-color to override Ant Design's default disabled color with the design-system secondary text token.
|
|
70
|
+
|
|
71
|
+
### Patch Changes
|
|
72
|
+
|
|
73
|
+
- 06c13be: Formatting-only pass across `@fvc/utils`, `@fvc/notification`, and `@fvc/typography`. No public API change, no behavioural change, no dependency change — Prettier / ESLint auto-fix output only.
|
|
74
|
+
- Updated dependencies [06c13be]
|
|
75
|
+
- Updated dependencies
|
|
76
|
+
- @fvc/utils@3.0.4
|
|
77
|
+
- @fvc/icons@1.1.6
|
|
78
|
+
|
|
3
79
|
## 3.1.0-rc.0
|
|
4
80
|
|
|
5
81
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fvc/typography",
|
|
3
|
-
"version": "3.1.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"main": "./dist/lib/index.js",
|
|
5
5
|
"types": "./dist/lib/typography/src/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"antd"
|
|
42
42
|
],
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"@fvc/icons": "^1.1.6
|
|
45
|
-
"@fvc/utils": "^3.0.4
|
|
44
|
+
"@fvc/icons": "^1.1.6",
|
|
45
|
+
"@fvc/utils": "^3.0.4",
|
|
46
46
|
"react": "^18.0.0",
|
|
47
47
|
"antd": "^5.0.0"
|
|
48
48
|
}
|