braid-design-system 32.4.0 → 32.4.1

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
@@ -1,5 +1,17 @@
1
1
  # braid-design-system
2
2
 
3
+ ## 32.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - **Text, Heading:** Only show truncate deprecation message when true ([#1289](https://github.com/seek-oss/braid-design-system/pull/1289))
8
+
9
+ Only show the truncate deprecation message when `truncate` is provided and set to `true`
10
+
11
+ - **TextLink, TextLinkButton:** Improve underline position for wrapping text ([#1290](https://github.com/seek-oss/braid-design-system/pull/1290))
12
+
13
+ Refine the underline position to be consistent across the whole typographic hierarchy, ensuring it does not interfere with wrapping lines of text.
14
+
3
15
  ## 32.4.0
4
16
 
5
17
  ### Minor Changes
@@ -675,7 +675,7 @@ const Typography = ({
675
675
  const lines = truncate ? 1 : maxLines;
676
676
  const contents = typeof lines === "number" ? /* @__PURE__ */ jsxRuntime.jsx(MaxLines, { lines, children }) : children;
677
677
  if (process.env.NODE_ENV !== "production") {
678
- if (typeof truncate !== "undefined") {
678
+ if (truncate) {
679
679
  console.warn(
680
680
  dedent__default.default`
681
681
  The "truncate" prop has been deprecated and will be removed in a future version. Use "maxLines" instead.
@@ -668,7 +668,7 @@ const Typography = ({
668
668
  const lines = truncate ? 1 : maxLines;
669
669
  const contents = typeof lines === "number" ? /* @__PURE__ */ jsx(MaxLines, { lines, children }) : children;
670
670
  if (process.env.NODE_ENV !== "production") {
671
- if (typeof truncate !== "undefined") {
671
+ if (truncate) {
672
672
  console.warn(
673
673
  dedent`
674
674
  The "truncate" prop has been deprecated and will be removed in a future version. Use "maxLines" instead.
@@ -32,7 +32,7 @@ const base = css.style({
32
32
  color: textLinkVars.color,
33
33
  textDecoration: textLinkVars.textDecoration,
34
34
  textDecorationThickness: "0.1em",
35
- textUnderlineOffset: "0.32em",
35
+ textUnderlineOffset: 3,
36
36
  ":hover": {
37
37
  color: textLinkVars.colorHover,
38
38
  textDecoration: textLinkVars.textDecorationHover,
@@ -31,7 +31,7 @@ const base = style({
31
31
  color: textLinkVars.color,
32
32
  textDecoration: textLinkVars.textDecoration,
33
33
  textDecorationThickness: "0.1em",
34
- textUnderlineOffset: "0.32em",
34
+ textUnderlineOffset: 3,
35
35
  ":hover": {
36
36
  color: textLinkVars.colorHover,
37
37
  textDecoration: textLinkVars.textDecorationHover,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "braid-design-system",
3
- "version": "32.4.0",
3
+ "version": "32.4.1",
4
4
  "description": "Themeable design system for the SEEK Group",
5
5
  "homepage": "https://seek-oss.github.io/braid-design-system/",
6
6
  "bugs": {
@@ -183,7 +183,7 @@
183
183
  "react-dom": "^18.2.0",
184
184
  "react-router-dom": "^6.3.0",
185
185
  "sanitize-html": "^2.7.0",
186
- "sku": "11.8.1",
186
+ "sku": "11.9.2",
187
187
  "svgo": "^2.8.0",
188
188
  "title-case": "^3.0.3"
189
189
  },