@synerise/ds-typography 1.1.11 → 1.1.12
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 +4 -0
- package/README.md +13 -3
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.1.12](https://github.com/synerise/synerise-design/compare/@synerise/ds-typography@1.1.11...@synerise/ds-typography@1.1.12) (2026-03-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-typography
|
|
9
|
+
|
|
6
10
|
## [1.1.11](https://github.com/synerise/synerise-design/compare/@synerise/ds-typography@1.1.10...@synerise/ds-typography@1.1.11) (2026-03-09)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @synerise/ds-typography
|
package/README.md
CHANGED
|
@@ -28,22 +28,32 @@ export const Color = styled.div`
|
|
|
28
28
|
`;
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
#####
|
|
31
|
+
##### DS Typography components usage
|
|
32
32
|
|
|
33
33
|
```jsx harmony
|
|
34
|
-
import {Title, Text, Paragraph} from '@synerise/ds-typography';
|
|
34
|
+
import { Title, Text, Paragraph, Description, ErrorText, Label } from '@synerise/ds-typography';
|
|
35
35
|
|
|
36
|
+
// Title supports levels 1–7 (level 7 renders as <h6>)
|
|
36
37
|
<Title level={1}>This is h1 element</Title>;
|
|
37
38
|
<Title level={2}>This is h2 element</Title>;
|
|
38
39
|
<Title level={3}>This is h3 element</Title>;
|
|
39
40
|
<Title level={4}>This is h4 element</Title>;
|
|
40
41
|
<Title level={5}>This is h5 element</Title>;
|
|
41
42
|
<Title level={6}>This is h6 element</Title>;
|
|
42
|
-
<Title level={7}>This is h6 element</Title>;
|
|
43
|
+
<Title level={7}>This is h6 element (10px, DS h100 scale)</Title>;
|
|
44
|
+
<Title level={4} withoutMargin>Title without bottom margin</Title>;
|
|
45
|
+
<Title level={3} ellipsis={{ tooltip: 'Full title text' }}>Truncating title</Title>;
|
|
43
46
|
<Text size="medium">This is span element with standard font-size</Text>
|
|
44
47
|
<Text size="small">This is span element with smaller font-size</Text>
|
|
45
48
|
<Text size="xsmall">This is span element with smallest font-size</Text>
|
|
49
|
+
<Text size="medium" ellipsis={{ tooltip: 'Full content' }}>Truncating text</Text>
|
|
46
50
|
<Paragraph size="medium">This is span element with standard font-size</Paragraph>
|
|
47
51
|
<Paragraph size="small">This is span element with smaller font-size</Paragraph>
|
|
48
52
|
<Paragraph size="xsmall">This is span element with smallest font-size</Paragraph>
|
|
53
|
+
|
|
54
|
+
// Form helpers
|
|
55
|
+
<Label htmlFor="field">Field label</Label>
|
|
56
|
+
<Description>Secondary description</Description>
|
|
57
|
+
<Description disabled>Disabled description</Description>
|
|
58
|
+
<ErrorText>Validation error message</ErrorText>
|
|
49
59
|
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-typography",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.12",
|
|
4
4
|
"description": "Typography UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "synerise/synerise-design",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
38
|
+
"@synerise/ds-tooltip": "^1.4.9",
|
|
39
39
|
"classnames": "^2.5.1",
|
|
40
40
|
"lodash.debounce": "^4.0.8"
|
|
41
41
|
},
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"react": ">=16.9.0 <= 18.3.1",
|
|
49
49
|
"styled-components": "^5.3.3"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
|
|
52
52
|
}
|