@times-components/ts-components 1.124.6 → 1.125.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/inline-dialog/InlineDialog.js +6 -5
  3. package/dist/components/inline-dialog/styles.d.ts +1 -0
  4. package/dist/components/inline-dialog/styles.js +29 -16
  5. package/package.json +11 -11
  6. package/rnw.js +1 -1
  7. package/src/components/inline-dialog/InlineDialog.tsx +14 -6
  8. package/src/components/inline-dialog/__tests__/__snapshots__/InlineDialog.test.tsx.snap +16 -12
  9. package/src/components/inline-dialog/styles.ts +27 -15
  10. package/src/types/externs.d.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.125.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.124.6...@times-components/ts-components@1.125.0) (2025-03-28)
7
+
8
+
9
+ ### Features
10
+
11
+ * **TMG-3050:** Fix CTA URL for Commenting banner ([#4103](https://github.com/newsuk/times-components/issues/4103)) ([2a6b973](https://github.com/newsuk/times-components/commit/2a6b973bfaa40105beff42b0223ccb1fc82153c3))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [1.124.6](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.124.5...@times-components/ts-components@1.124.6) (2025-03-26)
7
18
 
8
19
  **Note:** Version bump only for package @times-components/ts-components
package/dist/components/inline-dialog/InlineDialog.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
- import { Container, Title, Description, Button } from './styles';
2
+ import { Container, ContentContainer, Title, Description, Button } from './styles';
3
3
  export const InlineDialog = ({ title, href = '#', onClick, buttonText, children }) => (React.createElement(Container, null,
4
- React.createElement(Title, null, title),
5
- React.createElement(Description, null, children),
6
- React.createElement(Button, { href: href, onClick: onClick }, buttonText)));
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW5saW5lLWRpYWxvZy9JbmxpbmVEaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRWpFLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FLcEIsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEdBQUcsR0FBRyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzdELG9CQUFDLFNBQVM7SUFDUixvQkFBQyxLQUFLLFFBQUUsS0FBSyxDQUFTO0lBQ3RCLG9CQUFDLFdBQVcsUUFBRSxRQUFRLENBQWU7SUFDckMsb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sSUFDakMsVUFBVSxDQUNKLENBQ0MsQ0FDYixDQUFDIn0=
4
+ React.createElement(ContentContainer, null,
5
+ React.createElement(Title, null, title),
6
+ React.createElement(Description, null, children),
7
+ React.createElement(Button, { href: href, onClick: onClick }, buttonText))));
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW5saW5lLWRpYWxvZy9JbmxpbmVEaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQ0wsU0FBUyxFQUNULGdCQUFnQixFQUNoQixLQUFLLEVBQ0wsV0FBVyxFQUNYLE1BQU0sRUFDUCxNQUFNLFVBQVUsQ0FBQztBQUVsQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBS3BCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxHQUFHLEdBQUcsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM3RCxvQkFBQyxTQUFTO0lBQ1Isb0JBQUMsZ0JBQWdCO1FBQ2Ysb0JBQUMsS0FBSyxRQUFFLEtBQUssQ0FBUztRQUN0QixvQkFBQyxXQUFXLFFBQUUsUUFBUSxDQUFlO1FBQ3JDLG9CQUFDLE1BQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQ2pDLFVBQVUsQ0FDSixDQUNRLENBQ1QsQ0FDYixDQUFDIn0=
package/dist/components/inline-dialog/styles.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
3
  export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
3
4
  export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
4
5
  export declare const Button: import("styled-components").StyledComponent<"a", any, {}, never>;
package/dist/components/inline-dialog/styles.js CHANGED
@@ -4,25 +4,39 @@ export const Container = styled.div `
4
4
  display: flex;
5
5
  flex-direction: column;
6
6
  align-items: center;
7
- padding: 60px;
7
+ padding-bottom: 28px;
8
8
 
9
9
  @media (min-width: ${breakpoints.medium}px) {
10
- padding: 88px;
10
+ padding-bottom: 48px;
11
+ padding-top: 20px;
12
+ }
13
+ `;
14
+ export const ContentContainer = styled.div `
15
+ max-width: 343px;
16
+ display: flex;
17
+ flex-direction: column;
18
+ align-items: center;
19
+
20
+ @media (min-width: ${breakpoints.medium}px) {
21
+ max-width: 403px;
11
22
  }
12
23
  `;
13
24
  export const Title = styled.div `
14
- font-family: ${fonts.headline};
15
- font-size: 32px;
25
+ font-family: ${fonts.headlineRegular};
26
+ font-weight: 700;
27
+ font-color: #333333;
28
+ font-size: 28px;
16
29
  line-height: 32px;
17
30
  letter-spacing: 0;
18
31
  text-align: center;
19
- padding: 24px;
32
+ padding: 8px;
20
33
  `;
21
34
  export const Description = styled.div `
22
- font-family: ${fonts.body};
35
+ font-family: ${fonts.supporting};
23
36
  font-weight: 400;
37
+ font-color: #333333;
24
38
  font-size: 18px;
25
- line-height: 28px;
39
+ line-height: 27px;
26
40
  letter-spacing: 0;
27
41
  text-align: center;
28
42
  max-width: 660px;
@@ -33,18 +47,17 @@ export const Button = styled.a `
33
47
  justify-content: center;
34
48
  text-decoration: none;
35
49
  cursor: pointer;
36
- background-color: #008387;
50
+ background-color: #005c8a;
37
51
  color: white;
38
- font-family: ${fonts.supporting};
39
- width: 127px;
52
+ font-family: ${fonts.cta};
53
+ width: 100%;
40
54
  height: 48px;
41
-
42
- font-size: 15px;
55
+ padding: 18.5px 0;
56
+ font-size: 16px;
43
57
  font-style: normal;
44
58
  font-weight: 500;
45
- line-height: 20px;
59
+ line-height: 24px;
46
60
  letter-spacing: 0;
47
-
48
- margin: 24px;
61
+ margin: 16px;
49
62
  `;
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW5saW5lLWRpYWxvZy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVyRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7O3VCQU1aLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNkLEtBQUssQ0FBQyxRQUFROzs7Ozs7Q0FNOUIsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNwQixLQUFLLENBQUMsSUFBSTs7Ozs7OztDQU8xQixDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7Ozs7Ozs7O2lCQVFiLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7OztDQVdoQyxDQUFDIn0=
63
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW5saW5lLWRpYWxvZy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVyRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7O3VCQU1aLFdBQVcsQ0FBQyxNQUFNOzs7O0NBSXhDLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7dUJBTW5CLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNkLEtBQUssQ0FBQyxlQUFlOzs7Ozs7OztDQVFyQyxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7aUJBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7OztDQVFoQyxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7Ozs7Ozs7O2lCQVFiLEtBQUssQ0FBQyxHQUFHOzs7Ozs7Ozs7O0NBVXpCLENBQUMifQ==
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/ts-components",
3
- "version": "1.124.6",
3
+ "version": "1.125.0",
4
4
  "description": "Reuseable Typescript React Components ",
5
5
  "main": "dist/index.js",
6
6
  "dev": "dist/index.js",
@@ -50,17 +50,17 @@
50
50
  "node": ">=8.9"
51
51
  },
52
52
  "dependencies": {
53
- "@times-components/button": "2.10.71",
54
- "@times-components/date-publication": "0.30.44",
55
- "@times-components/icons": "2.23.10",
56
- "@times-components/image": "6.18.12",
57
- "@times-components/link": "3.17.44",
53
+ "@times-components/button": "2.10.72",
54
+ "@times-components/date-publication": "0.30.45",
55
+ "@times-components/icons": "2.23.11",
56
+ "@times-components/image": "6.18.13",
57
+ "@times-components/link": "3.17.45",
58
58
  "@times-components/provider": "1.41.16",
59
59
  "@times-components/provider-queries": "2.25.0",
60
- "@times-components/related-articles": "6.19.26",
61
- "@times-components/ts-slices": "1.10.10",
62
- "@times-components/ts-styleguide": "1.51.6",
63
- "@times-components/utils": "6.31.1",
60
+ "@times-components/related-articles": "6.19.27",
61
+ "@times-components/ts-slices": "1.10.11",
62
+ "@times-components/ts-styleguide": "1.52.0",
63
+ "@times-components/utils": "6.31.2",
64
64
  "algoliasearch": "4.9.0",
65
65
  "date-fns": "2.28.0",
66
66
  "date-fns-tz": "1.3.3",
@@ -118,5 +118,5 @@
118
118
  "@testing-library/jest-dom/extend-expect"
119
119
  ]
120
120
  },
121
- "gitHead": "538d5e33e0de59bceb26c5b9951f108b2eb326f2"
121
+ "gitHead": "d3a2621613dab86d8b764fea857c17cb4acb4b8b"
122
122
  }