braid-design-system 32.8.2 → 32.9.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 +42 -0
- package/codemod/dist/wrapper.js +81506 -94958
- package/dist/index.chunk.cjs +37 -1
- package/dist/index.chunk.mjs +37 -1
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +2 -1
- package/dist/playroom/components.cjs +1 -0
- package/dist/playroom/components.d.ts +1 -1
- package/dist/playroom/components.mjs +2 -1
- package/dist/playroom/snippets.cjs +60 -52
- package/dist/playroom/snippets.mjs +60 -52
- package/dist/reset.d.ts +9 -1
- package/dist/side-effects/lib/themes/baseTokens/apac.cjs +2 -2
- package/dist/side-effects/lib/themes/baseTokens/apac.mjs +2 -2
- package/dist/styles/lib/components/Page/Page.css.cjs +10 -0
- package/dist/styles/lib/components/Page/Page.css.mjs +11 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,47 @@
|
|
|
1
1
|
# braid-design-system
|
|
2
2
|
|
|
3
|
+
## 32.9.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- **Page:** Add component ([#1343](https://github.com/seek-oss/braid-design-system/pull/1343))
|
|
8
|
+
|
|
9
|
+
The new `Page` component establishes a consistent page-level layout by managing the relationship between the footer and the main content.
|
|
10
|
+
|
|
11
|
+
By default, for pages with limited content the `footer` will at a minimum be placed at the bottom of the screen, pushed beyond as the page content grows.
|
|
12
|
+
|
|
13
|
+
For pages with dynamic content, it is recommended to place the footer out of view by setting the `footerPosition` prop to `belowFold` to prevent the footer from popping in and out of view when the page content changes, e.g. toggling between a loading indicator and content.
|
|
14
|
+
|
|
15
|
+
**EXAMPLE USAGE:**
|
|
16
|
+
|
|
17
|
+
```jsx
|
|
18
|
+
<Page footer={<Footer />}>
|
|
19
|
+
<Header />
|
|
20
|
+
{/* page content... */}
|
|
21
|
+
</Page>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- **TabPanel:** Align focus outline radius to scale ([#1345](https://github.com/seek-oss/braid-design-system/pull/1345))
|
|
27
|
+
|
|
28
|
+
Increase the radius of the focus outline to better align to the scale. A `TabPanel` is typically a "large" element containing entire sections of UI, so using the `large` radius to better align to the radius scale.
|
|
29
|
+
|
|
30
|
+
## 32.8.3
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- **apac, seekBusiness:** Increase `medium` font weight ([#1331](https://github.com/seek-oss/braid-design-system/pull/1331))
|
|
35
|
+
|
|
36
|
+
The unicode range of Thai characters is not satisfied by the preferred fonts specified for the `apac` theme, resulting in these characters falling through and being rendered by `sans-serif` — which applies a platform-specific font.
|
|
37
|
+
These system fonts do not have support for the semi-bold weight chosen for `medium`, resulting in the visual weight of `medium` text being rounded down to `regular` — providing no differentiation relative to other text in the UI.
|
|
38
|
+
|
|
39
|
+
In addition, due to both `Helvetica` and `Arial` not having a `medium` weight, these fallbacks also have the same problem, even for Latin characters.
|
|
40
|
+
|
|
41
|
+
By increasing the value of `medium`, it will now round to `strong` when the rendered font cannot satisfy `medium` — preventing the loss of hierarchy.
|
|
42
|
+
|
|
43
|
+
This only affects apac-based themes, namely `apac` and `seekBusiness`.
|
|
44
|
+
|
|
3
45
|
## 32.8.2
|
|
4
46
|
|
|
5
47
|
### Patch Changes
|