@imfusion/web-ui 0.11.1-dev.31.gb80c710e → 0.11.1-dev.33.gefbd75be
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
CHANGED
|
@@ -22,6 +22,9 @@
|
|
|
22
22
|
— Stephan Wenninger <wenninger@imfusion.com>
|
|
23
23
|
- `Typo.UnorderedList` takes `markerVariant` to colour its dash apart from the text, such as the brand dash on main text.
|
|
24
24
|
[Typo](src/components/typo/typo.stories.tsx#MarkerVariant) — Nikolaus Brunner <brunner@imfusion.com>
|
|
25
|
+
- Focus ring tokens: `--imf-ui-focus-ring-width`, `--imf-ui-focus-ring-color`, and two offsets for a ring outside the
|
|
26
|
+
element or inside it (`-offset`, `-offset-inset`).
|
|
27
|
+
([WEBSDK-274](https://imfusion.atlassian.net/browse/WEBSDK-274)) — Nikolaus Brunner <brunner@imfusion.com>
|
|
25
28
|
|
|
26
29
|
### Changed
|
|
27
30
|
|
|
@@ -29,6 +32,21 @@
|
|
|
29
32
|
primary, with no outline. [Input](src/components/input/input.mdx) — Nikolaus Brunner <brunner@imfusion.com>
|
|
30
33
|
- `Drawer` draws no border by default; `borderColor` adds one, such as `borderColor="primary"` for the previous look.
|
|
31
34
|
[Drawer](src/components/drawer/drawer.mdx) — Nikolaus Brunner <brunner@imfusion.com>
|
|
35
|
+
- Focus ring ([WEBSDK-274](https://imfusion.atlassian.net/browse/WEBSDK-274)) — Nikolaus Brunner <brunner@imfusion.com>
|
|
36
|
+
- Every component draws the same focus ring from the focus ring tokens, and popups draw none.
|
|
37
|
+
- Navigation items and toasts draw the ring fully inside the item.
|
|
38
|
+
- A focused `Toggle` draws no box: its icon turns bolder and its label underlined, in primary unless pressed.
|
|
39
|
+
- An open `Select` trigger keeps its surface and turns its border primary instead of filling with primary.
|
|
40
|
+
- A focused `Tabs.Tab` underlines its label instead of drawing a box that looks like the active indicator. A focused
|
|
41
|
+
`Tabs.Panel` tints together with the active tab instead of drawing a second line inside its border.
|
|
42
|
+
- The branded `AppShell` header and navbar draw a light ring. A focused `AppShell.NavItem` shows its active underline at
|
|
43
|
+
double thickness instead of an outline.
|
|
44
|
+
- A light ring shows on blue fills: an active or open `NavigationMenu` link or trigger, and the `oncolor` context of
|
|
45
|
+
`Button`, `AccountCard`, and `Typo`.
|
|
46
|
+
- `AppShell.Burger` draws the primary ring on default surfaces, where it used the text colour.
|
|
47
|
+
- A focused chamfered `Button` shows its hover state, and `Code.Block`'s copy button colours its icon; a ring cannot
|
|
48
|
+
show through their clip-path.
|
|
49
|
+
- `Code`'s inline copy button shows the ring in place of the browser default.
|
|
32
50
|
- `Typo.UnorderedList` draws its dash in the text colour by default; `markerVariant="primary"` gives the brand dash.
|
|
33
51
|
— Nikolaus Brunner <brunner@imfusion.com>
|
|
34
52
|
- `Callout.Root` defaults to `maxWidth="lg"`, keeps a minimum width of 15rem, and spaces its title, description, and list
|
|
@@ -66,6 +84,7 @@
|
|
|
66
84
|
as `docs/story-conventions.md` describes.
|
|
67
85
|
- Combobox and Autocomplete stories start at the same top-left corner, so clicking through them does not shift the
|
|
68
86
|
layout. A story resizes its frame with `parameters.frame`, which `withFrame` reads.
|
|
87
|
+
- The Autocomplete interaction test reads the popup's height after it reopens, so it passes on every run.
|
|
69
88
|
|
|
70
89
|
### Fixed
|
|
71
90
|
|