@telus-uds/components-web 2.34.0 → 2.34.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,12 +1,21 @@
1
1
  # Change Log - @telus-uds/components-web
2
2
 
3
- This log was last generated on Fri, 17 May 2024 16:25:38 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 23 May 2024 16:27:45 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 2.34.1
8
+
9
+ Thu, 23 May 2024 16:27:45 GMT
10
+
11
+ ### Patches
12
+
13
+ - `Footnote`: fix inline render (guillermo.peitzner@telus.com)
14
+ - Bump @telus-uds/components-base to v1.85.1
15
+
7
16
  ## 2.34.0
8
17
 
9
- Fri, 17 May 2024 16:25:38 GMT
18
+ Fri, 17 May 2024 16:34:46 GMT
10
19
 
11
20
  ### Minor changes
12
21
 
@@ -40,6 +40,10 @@ const StyledSup = /*#__PURE__*/_styledComponents.default.sup.withConfig({
40
40
  ...(0, _componentsBase.applyTextStyles)(fontNameAndWeight)
41
41
  };
42
42
  });
43
+ const FootnoteLinkContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
44
+ displayName: "FootnoteLink__FootnoteLinkContainer",
45
+ componentId: "components-web__sc-17nd7xo-1"
46
+ })(["display:inline-block;"]);
43
47
 
44
48
  /**
45
49
  * Use `FootnoteLink` to open `Footnote` component and display related legal content.
@@ -80,7 +84,7 @@ const FootnoteLink = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
80
84
  handleClick(index);
81
85
  }
82
86
  };
83
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
87
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(FootnoteLinkContainer, {
84
88
  ref: ref,
85
89
  children: numbers.map((num, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSup, {
86
90
  onKeyDown: event => handleOnKeyDown(event, index),
@@ -33,6 +33,10 @@ const StyledSup = /*#__PURE__*/styled.sup.withConfig({
33
33
  ...applyTextStyles(fontNameAndWeight)
34
34
  };
35
35
  });
36
+ const FootnoteLinkContainer = /*#__PURE__*/styled.div.withConfig({
37
+ displayName: "FootnoteLink__FootnoteLinkContainer",
38
+ componentId: "components-web__sc-17nd7xo-1"
39
+ })(["display:inline-block;"]);
36
40
 
37
41
  /**
38
42
  * Use `FootnoteLink` to open `Footnote` component and display related legal content.
@@ -73,7 +77,7 @@ const FootnoteLink = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
73
77
  handleClick(index);
74
78
  }
75
79
  };
76
- return /*#__PURE__*/_jsx("div", {
80
+ return /*#__PURE__*/_jsx(FootnoteLinkContainer, {
77
81
  ref: ref,
78
82
  children: numbers.map((num, index) => /*#__PURE__*/_jsx(StyledSup, {
79
83
  onKeyDown: event => handleOnKeyDown(event, index),
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  ],
6
6
  "dependencies": {
7
7
  "@gorhom/portal": "^1.0.14",
8
- "@telus-uds/components-base": "1.85.0",
8
+ "@telus-uds/components-base": "1.85.1",
9
9
  "@telus-uds/system-constants": "^1.3.0",
10
10
  "fscreen": "^1.2.0",
11
11
  "lodash.omit": "^4.5.0",
@@ -83,5 +83,5 @@
83
83
  "skip": true
84
84
  },
85
85
  "types": "types/index.d.ts",
86
- "version": "2.34.0"
86
+ "version": "2.34.1"
87
87
  }
@@ -33,6 +33,10 @@ const StyledSup = styled.sup(
33
33
  }
34
34
  )
35
35
 
36
+ const FootnoteLinkContainer = styled.div`
37
+ display: inline-block;
38
+ `
39
+
36
40
  /**
37
41
  * Use `FootnoteLink` to open `Footnote` component and display related legal content.
38
42
  *
@@ -65,7 +69,7 @@ const FootnoteLink = React.forwardRef(
65
69
  }
66
70
 
67
71
  return (
68
- <div ref={ref}>
72
+ <FootnoteLinkContainer ref={ref}>
69
73
  {numbers.map((num, index) => (
70
74
  <StyledSup
71
75
  onKeyDown={(event) => handleOnKeyDown(event, index)}
@@ -82,7 +86,7 @@ const FootnoteLink = React.forwardRef(
82
86
  {`${num}${index !== numbers.length - 1 ? ',' : ''}`}
83
87
  </StyledSup>
84
88
  ))}
85
- </div>
89
+ </FootnoteLinkContainer>
86
90
  )
87
91
  }
88
92
  )