@imfusion/web-ui 0.9.1-dev.11.g7c95abf5 → 0.9.1-dev.11.gce9d7382
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 +12 -13
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,19 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
### Highlights
|
|
6
6
|
|
|
7
|
-
#### A type hierarchy that holds at every width
|
|
8
|
-
|
|
9
|
-
Every fluid font size grows across the same viewport range, 360px to 1920px, so a heading never ends up smaller than the one
|
|
10
|
-
below it. `--imf-ui-font-size-fluid-0` to `fluid-2` follow one ratio scale above `--imf-ui-font-size-body`: `fluid-0` runs
|
|
11
|
-
from 19.2px to 25px, `fluid-1` from 23px to 31.25px, and `fluid-2` from 27.6px to 39px.
|
|
12
|
-
|
|
13
|
-
Headings change with it, so check your pages. `Typo.H3` uses `fluid-1` and `Typo.H4` uses `fluid-0`, both at the regular
|
|
14
|
-
weight. `Typo.H2` is medium weight, `Typo.Blockquote` uses `fluid-0`, and `--imf-ui-font-lineheight-title` follows the larger
|
|
15
|
-
H2 range. The Typo page has a Hierarchy story that shows every member at 360px, 768px, 1440px, and 1920px side by side.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
7
|
#### New and updated components
|
|
21
8
|
|
|
22
9
|
- `RichLink` is new. It is a link that fills a row: an optional icon on a tile tinted in the primary color, a label, an
|
|
@@ -35,11 +22,23 @@ H2 range. The Typo page has a Hierarchy story that shows every member at 360px,
|
|
|
35
22
|
|
|
36
23
|
|
|
37
24
|
|
|
25
|
+
#### A type hierarchy that holds at every width
|
|
26
|
+
|
|
27
|
+
Every fluid font size grows across the same viewport range, 360px to 1920px, so a heading never ends up smaller than the one
|
|
28
|
+
below it. `--imf-ui-font-size-fluid-0` to `fluid-2` follow one ratio scale above `--imf-ui-font-size-body`: `fluid-0` runs
|
|
29
|
+
from 19.2px to 25px, `fluid-1` from 23px to 31.25px, and `fluid-2` from 27.6px to 39px.
|
|
30
|
+
|
|
31
|
+
Headings change with it, so check your pages. `Typo.H3` uses `fluid-1` and `Typo.H4` uses `fluid-0`, both at the regular
|
|
32
|
+
weight. `Typo.H2` is medium weight, `Typo.Blockquote` uses `fluid-0`, and `--imf-ui-font-lineheight-title` follows the larger
|
|
33
|
+
H2 range. The Typo page has a Hierarchy story that shows every member at 360px, 768px, 1440px, and 1920px side by side.
|
|
34
|
+
|
|
38
35
|
### Added
|
|
39
36
|
|
|
40
37
|
- Agent skills — Nikolaus Brunner <brunner@imfusion.com>
|
|
41
38
|
- `imf-web-ui-conventions` puts a stand-in for a missing Web UI component in `components/web-ui-pending/`, built as
|
|
42
39
|
the library would ship it and deleted once it does.
|
|
40
|
+
- Storybook — Nikolaus Brunner <brunner@imfusion.com>
|
|
41
|
+
- A click on a screenshot in a docs carousel opens it full width in a dialog.
|
|
43
42
|
|
|
44
43
|
### Changed
|
|
45
44
|
|
package/package.json
CHANGED