@tui/design-system 1.14.0 → 1.15.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 +17 -0
- package/package.json +1 -1
- package/scss/reset.scss +13 -4
- package/types/components.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## v1.15.0
|
|
4
|
+
|
|
5
|
+
### Updated
|
|
6
|
+
|
|
7
|
+
#### [Flight details](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-flight-details--docs)
|
|
8
|
+
|
|
9
|
+
- Connecting flight details for indirect flights now start collapsed by default
|
|
10
|
+
- Added the `open-by-default` attribute to render connecting flight details expanded on load
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
|
|
14
|
+
#### [Globals](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/globals-update-history--docs)
|
|
15
|
+
|
|
16
|
+
- The reset now applies its document-level baseline (text colour, base font, background, font-size normalisation and `interpolate-size`) to a
|
|
17
|
+
`uilib-root` wrapper element as well as `html`/`:root`/`body`, so micro-frontends can wrap their content in `uilib-root` to receive the baseline —
|
|
18
|
+
including when the reset is attached inside a shadow root. Anything that renders no wrapper is left to inherit its parent's typography.
|
|
19
|
+
|
|
3
20
|
## v1.14.0
|
|
4
21
|
|
|
5
22
|
### Added
|
package/package.json
CHANGED
package/scss/reset.scss
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
@use 'mixins' as *;
|
|
2
2
|
|
|
3
|
-
:root
|
|
3
|
+
/* :root for full pages, .uilib-root wrapper for MFEs that render one inside their tree */
|
|
4
|
+
:root,
|
|
5
|
+
.uilib-root {
|
|
4
6
|
// stylelint-disable-next-line property-no-unknown
|
|
5
7
|
interpolate-size: allow-keywords;
|
|
6
8
|
}
|
|
@@ -30,8 +32,9 @@
|
|
|
30
32
|
-webkit-tap-highlight-color: transparent;
|
|
31
33
|
}
|
|
32
34
|
|
|
33
|
-
/* Prevent font size inflation */
|
|
34
|
-
html
|
|
35
|
+
/* Prevent font size inflation — html for pages, .uilib-root wrapper for MFEs */
|
|
36
|
+
html,
|
|
37
|
+
.uilib-root {
|
|
35
38
|
font-size: 100%;
|
|
36
39
|
-moz-text-size-adjust: none;
|
|
37
40
|
-webkit-text-size-adjust: none;
|
|
@@ -45,11 +48,17 @@ ol {
|
|
|
45
48
|
list-style: none;
|
|
46
49
|
}
|
|
47
50
|
|
|
48
|
-
/*
|
|
51
|
+
/* Viewport-level body defaults — full pages only, wrong for an embedded container */
|
|
49
52
|
body {
|
|
50
53
|
min-height: 100dvh;
|
|
51
54
|
margin: 0 auto;
|
|
55
|
+
}
|
|
52
56
|
|
|
57
|
+
/* Inheritable body baseline — body for pages, .uilib-root wrapper for MFEs.
|
|
58
|
+
A wrapper (not :host) so nested web components that load the reset but render no
|
|
59
|
+
wrapper keep inheriting their parent's font instead of being reset. */
|
|
60
|
+
body,
|
|
61
|
+
.uilib-root {
|
|
53
62
|
color: var(--uilib-color-text-body);
|
|
54
63
|
font: var(--uilib-typography-body-medium);
|
|
55
64
|
text-shadow: none;
|