@times-components/ts-components 1.54.2 → 1.54.3
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 +8 -0
- package/dist/components/newsletter-puff/AutoNewsletterPuff.d.ts +1 -1
- package/dist/components/newsletter-puff/InlineNewsletterPuff.d.ts +1 -1
- package/dist/components/newsletter-puff/InlineNewsletterPuff.js +3 -3
- package/dist/components/newsletter-puff/__tests__/AutoNewsletterPuff.test.js +3 -2
- package/dist/components/newsletter-puff/newsletter-puff-button/NewsletterPuffButton.js +3 -4
- package/dist/components/newsletter-puff/newsletter-puff-button/styles.d.ts +2 -15
- package/dist/components/newsletter-puff/newsletter-puff-button/styles.js +29 -16
- package/dist/components/newsletter-puff/newsletter-puff-link/NewsletterPuffLink.js +4 -2
- package/dist/components/newsletter-puff/styles.js +5 -1
- package/package.json +13 -13
- package/rnw.js +1 -1
- package/src/components/newsletter-puff/AutoNewsletterPuff.tsx +1 -1
- package/src/components/newsletter-puff/InlineNewsletterPuff.tsx +3 -3
- package/src/components/newsletter-puff/__tests__/AutoNewsletterPuff.test.tsx +2 -1
- package/src/components/newsletter-puff/__tests__/__snapshots__/AutoNewsletterPuff.test.tsx.snap +4 -4
- package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +30 -33
- package/src/components/newsletter-puff/newsletter-puff-button/NewsletterPuffButton.tsx +5 -9
- package/src/components/newsletter-puff/newsletter-puff-button/styles.ts +28 -15
- package/src/components/newsletter-puff/newsletter-puff-link/NewsletterPuffLink.tsx +6 -3
- package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap +2 -3
- package/src/components/newsletter-puff/styles.ts +4 -0
- package/src/types/externs.d.ts +5 -0
- package/dist/helpers/text-formatting/CapitaliseFirstCharacter.d.ts +0 -1
- package/dist/helpers/text-formatting/CapitaliseFirstCharacter.js +0 -9
- package/dist/helpers/text-formatting/__tests__/CapitaliseFirstCharacter.test.d.ts +0 -1
- package/dist/helpers/text-formatting/__tests__/CapitaliseFirstCharacter.test.js +0 -12
- package/src/helpers/text-formatting/CapitaliseFirstCharacter.ts +0 -9
- package/src/helpers/text-formatting/__tests__/CapitaliseFirstCharacter.test.tsx +0 -13
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.54.3](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.54.2...@times-components/ts-components@1.54.3) (2022-10-13)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [1.54.2](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.54.1...@times-components/ts-components@1.54.2) (2022-10-11)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @times-components/ts-components
|
|
@@ -3,9 +3,9 @@ import { Mutation } from 'react-apollo';
|
|
|
3
3
|
import { GetNewsletter } from '@times-components/provider';
|
|
4
4
|
import { subscribeNewsletter as subscribeNewsletterMutation } from '@times-components/provider-queries';
|
|
5
5
|
import { Placeholder } from '@times-components/image';
|
|
6
|
+
import { capitalise } from '@times-components/utils';
|
|
6
7
|
import { Newsletter } from './newsletter/Newsletter';
|
|
7
8
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
8
|
-
import { capitaliseFirstCharacter } from '../../helpers/text-formatting/CapitaliseFirstCharacter';
|
|
9
9
|
import { InpContainer } from './styles';
|
|
10
10
|
export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
11
11
|
const [justSubscribed, setJustSubscribed] = useState(false);
|
|
@@ -35,7 +35,7 @@ export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
|
35
35
|
event_navigation_browsing_method: 'automated',
|
|
36
36
|
event_navigation_action: 'navigation'
|
|
37
37
|
}
|
|
38
|
-
} }, ({ intersectObserverRef }) => (React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section:
|
|
38
|
+
} }, ({ intersectObserverRef }) => (React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section: capitalise(section), justSubscribed: justSubscribed, headline: headline, updatingSubscription: updatingSubscription, copy: copy, code: code, subscribeNewsletter: subscribeNewsletter }))))));
|
|
39
39
|
}));
|
|
40
40
|
};
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvSW5saW5lTmV3c2xldHRlclB1ZmYudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsSUFBSSwyQkFBMkIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBRXpGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFTeEMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxFQUNuQyxJQUFJLEVBQ0osSUFBSSxFQUNKLFFBQVEsRUFDUixPQUFPLEVBQ21CLEVBQUUsRUFBRTtJQUM5QixNQUFNLENBQUMsY0FBYyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRTVELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxDQUFDLElBQ3JELENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBTyxFQUFFLEVBQUU7UUFDekMsSUFBSSxLQUFLLEVBQUU7WUFDVCxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsSUFBSSxTQUFTLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDNUIsT0FBTyxDQUNMLG9CQUFDLFlBQVksSUFBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFO2dCQUNsQyxvQkFBQyxXQUFXLE9BQUcsQ0FDRixDQUNoQixDQUFDO1NBQ0g7UUFFRCxJQUFJLFVBQVUsQ0FBQyxZQUFZLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDOUMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sQ0FDTCxvQkFBQyxRQUFRLElBQ1AsUUFBUSxFQUFFLDJCQUEyQixFQUNyQyxXQUFXLEVBQUUsQ0FBQyxFQUFFLG1CQUFtQixHQUFHLEVBQUUsRUFBTyxFQUFFLEVBQUU7Z0JBQ2pELGlCQUFpQixDQUFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ3RELENBQUMsSUFFQSxDQUNDLG1CQUF3QixFQUN4QixFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBTyxFQUN0QyxFQUFFLENBQUMsQ0FDSCxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO2dCQUNQLE1BQU0sRUFBRSxzQkFBc0I7Z0JBQzlCLEtBQUssRUFBRTtvQkFDTCxtQkFBbUIsRUFBRSxVQUFVLENBQUMsS0FBSztvQkFDckMsdUJBQXVCLEVBQUUsWUFBWTtpQkFDdEM7YUFDRixFQUNELGFBQWEsRUFBRTtnQkFDYixNQUFNLEVBQUUsc0JBQXNCO2dCQUM5QixLQUFLLEVBQUU7b0JBQ0wscUJBQXFCLEVBQ25CLHlDQUF5QztvQkFDM0MsZ0NBQWdDLEVBQUUsV0FBVztvQkFDN0MsdUJBQXVCLEVBQUUsWUFBWTtpQkFDdEM7YUFDRixJQUVBLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM3QixvQkFBQyxVQUFVLElBQ1Qsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLE9BQU8sRUFBRSxVQUFVLENBQUMsT0FBTyxDQUFDLEVBQzVCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLG9CQUFvQixFQUFFLG9CQUFvQixFQUMxQyxJQUFJLEVBQUUsSUFBSSxFQUNWLElBQUksRUFBRSxJQUFJLEVBQ1YsbUJBQW1CLEVBQUUsbUJBQW1CLEdBQ3hDLENBQ0gsQ0FDdUIsQ0FDM0IsQ0FDUSxDQUNaLENBQUM7SUFDSixDQUFDLENBQ2EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -7,7 +7,8 @@ import { getNewsletter, subscribeNewsletter } from '@times-components/provider-q
|
|
|
7
7
|
const defaultProps = {
|
|
8
8
|
code: '123',
|
|
9
9
|
copy: 'abc',
|
|
10
|
-
headline: 'headline'
|
|
10
|
+
headline: 'headline',
|
|
11
|
+
section: 'sport'
|
|
11
12
|
};
|
|
12
13
|
const mocks = [
|
|
13
14
|
{
|
|
@@ -124,4 +125,4 @@ describe('<AutoNewsletterPuff>', () => {
|
|
|
124
125
|
});
|
|
125
126
|
});
|
|
126
127
|
});
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b05ld3NsZXR0ZXJQdWZmLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvX190ZXN0c19fL0F1dG9OZXdzbGV0dGVyUHVmZi50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLHdCQUF3QixNQUFNLDhDQUE4QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQ0wsYUFBYSxFQUNiLG1CQUFtQixFQUNwQixNQUFNLG9DQUFvQyxDQUFDO0FBRTVDLE1BQU0sWUFBWSxHQUFHO0lBQ25CLElBQUksRUFBRSxLQUFLO0lBQ1gsSUFBSSxFQUFFLEtBQUs7SUFDWCxRQUFRLEVBQUUsVUFBVTtJQUNwQixPQUFPLEVBQUUsT0FBTztDQUNqQixDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQUc7SUFDWjtRQUNFLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxhQUFhO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsU0FBUzthQUNoQjtTQUNGO1FBQ0QsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFO2dCQUNKLFVBQVUsRUFBRTtvQkFDVixFQUFFLEVBQUUsb0JBQW9CO29CQUN4QixZQUFZLEVBQUUsS0FBSztvQkFDbkIsS0FBSyxFQUFFLGVBQWU7b0JBQ3RCLFVBQVUsRUFBRSxZQUFZO2lCQUN6QjthQUNGO1NBQ0Y7S0FDRjtJQUNEO1FBQ0UsS0FBSyxFQUFFLElBQUk7UUFDWCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsbUJBQW1CO1lBQzFCLFNBQVMsRUFB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
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { buttonStyles, LinkButton } from './styles';
|
|
2
|
+
import { PuffButton, PuffLinkButton } from './styles';
|
|
4
3
|
import { useTrackingContext } from '../../../helpers/tracking/TrackingContextProvider';
|
|
5
4
|
export const NewsletterPuffButton = ({ updatingSubscription = false, onPress, style }) => {
|
|
6
5
|
const { fireAnalyticsEvent } = useTrackingContext();
|
|
@@ -19,6 +18,6 @@ export const NewsletterPuffButton = ({ updatingSubscription = false, onPress, st
|
|
|
19
18
|
});
|
|
20
19
|
}
|
|
21
20
|
};
|
|
22
|
-
return style === 'button' ? (React.createElement(
|
|
21
|
+
return style === 'button' ? (React.createElement(PuffButton, { onClick: () => handlePress() }, "One click sign up")) : (React.createElement(PuffLinkButton, { onClick: () => handlePress() }, "One click sign up"));
|
|
23
22
|
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlclB1ZmZCdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvbmV3c2xldHRlci1wdWZmLWJ1dHRvbi9OZXdzbGV0dGVyUHVmZkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBUXZGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFDbkMsb0JBQW9CLEdBQUcsS0FBSyxFQUM1QixPQUFPLEVBQ1AsS0FBSyxFQUNlLEVBQUUsRUFBRTtJQUN4QixNQUFNLEVBQUUsa0JBQWtCLEVBQUUsR0FBRyxrQkFBa0IsRUFBRSxDQUFDO0lBQ3BELE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRTtRQUN2QixJQUFJLENBQUMsb0JBQW9CLEVBQUU7WUFDekIsT0FBTyxJQUFJLE9BQU8sRUFBRSxDQUFDO1lBQ3JCLGtCQUFrQjtnQkFDaEIsa0JBQWtCLENBQUM7b0JBQ2pCLE1BQU0sRUFBRSxTQUFTO29CQUNqQixNQUFNLEVBQUUsc0JBQXNCO29CQUM5QixLQUFLLEVBQUU7d0JBQ0wscUJBQXFCLEVBQUUsNkJBQTZCO3dCQUNwRCxnQ0FBZ0MsRUFBRSxPQUFPO3dCQUN6Qyx1QkFBdUIsRUFBRSxZQUFZO3FCQUN0QztpQkFDRixDQUFDLENBQUM7U0FDTjtJQUNILENBQUMsQ0FBQztJQUVGLE9BQU8sS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDMUIsb0JBQUMsVUFBVSxJQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxXQUFXLEVBQUUsd0JBQWdDLENBQ3pFLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsY0FBYyxJQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxXQUFXLEVBQUUsd0JBRTNCLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -1,15 +1,2 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
|
|
3
|
-
backgroundColor: string;
|
|
4
|
-
borderColor: string;
|
|
5
|
-
borderStyle: string;
|
|
6
|
-
borderWidth: number;
|
|
7
|
-
color: string;
|
|
8
|
-
elevation: number;
|
|
9
|
-
fontFamily: string;
|
|
10
|
-
height: number;
|
|
11
|
-
justifyContent: string;
|
|
12
|
-
letterSpacing: number;
|
|
13
|
-
width: string;
|
|
14
|
-
};
|
|
15
|
-
export declare const LinkButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
1
|
+
export declare const PuffButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
2
|
+
export declare const PuffLinkButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
@@ -1,20 +1,28 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { colours, fonts } from '@times-components/ts-styleguide';
|
|
3
|
-
export const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
3
|
+
export const PuffButton = styled.button `
|
|
4
|
+
font-family: GillSansMTStd-Medium;
|
|
5
|
+
font-size: 16px;
|
|
6
|
+
line-height: 0;
|
|
7
|
+
align-items: center;
|
|
8
|
+
background-color: transparent;
|
|
9
|
+
border-radius: 0px;
|
|
10
|
+
color: rgb(29, 29, 27);
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
height: 48px;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
min-width: 100px;
|
|
15
|
+
padding-top: 4px;
|
|
16
|
+
width: 100%;
|
|
17
|
+
border-color: rgb(29, 29, 27);
|
|
18
|
+
border-width: 1px;
|
|
19
|
+
letter-spacing: 0.2px;
|
|
20
|
+
|
|
21
|
+
&:hover {
|
|
22
|
+
background-color: #e4e4e4;
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
export const PuffLinkButton = styled.button `
|
|
18
26
|
color: ${colours.functional.action};
|
|
19
27
|
font-family: ${fonts.body};
|
|
20
28
|
font-size: 18px;
|
|
@@ -22,5 +30,10 @@ export const LinkButton = styled.button `
|
|
|
22
30
|
letter-spacing: -0.4px;
|
|
23
31
|
border: none;
|
|
24
32
|
background-color: white;
|
|
33
|
+
text-decoration-line: underline;
|
|
34
|
+
|
|
35
|
+
&:hover {
|
|
36
|
+
text-decoration-line: none;
|
|
37
|
+
}
|
|
25
38
|
`;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL25ld3NsZXR0ZXItcHVmZi1idXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFakUsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQXFCdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBO1dBQ2hDLE9BQU8sQ0FBQyxVQUFVLENBQUMsTUFBTTtpQkFDbkIsS0FBSyxDQUFDLElBQUk7Ozs7Ozs7Ozs7O0NBVzFCLENBQUMifQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Link from '@times-components/link';
|
|
3
|
+
import { HoverIcon } from '@times-components/utils';
|
|
3
4
|
import { TrackingContextProvider } from '../../../helpers/tracking/TrackingContextProvider';
|
|
4
5
|
import { InpPreferencesText } from '../styles';
|
|
5
6
|
export const NewsletterPuffLink = ({ onPress }) => {
|
|
@@ -23,7 +24,8 @@ export const NewsletterPuffLink = ({ onPress }) => {
|
|
|
23
24
|
});
|
|
24
25
|
};
|
|
25
26
|
return (React.createElement(Link, { url: "https://home.thetimes.co.uk/myNews", onPress: () => handlePress() },
|
|
26
|
-
React.createElement(
|
|
27
|
+
React.createElement(HoverIcon, { underline: true, colour: "#006699" },
|
|
28
|
+
React.createElement(InpPreferencesText, { ref: intersectObserverRef }, "Manage preferences here"))));
|
|
27
29
|
}));
|
|
28
30
|
};
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlclB1ZmZMaW5rLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL25ld3NsZXR0ZXItcHVmZi1saW5rL05ld3NsZXR0ZXJQdWZmTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLHdCQUF3QixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUU1RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxFQUFFLE9BQU8sRUFBTyxFQUFFLEVBQUU7SUFDckQsT0FBTyxDQUNMLG9CQUFDLHVCQUF1QixJQUN0QixhQUFhLEVBQUU7WUFDYixNQUFNLEVBQUUsb0JBQW9CO1lBQzVCLEtBQUssRUFBRTtnQkFDTCxxQkFBcUIsRUFDbkIscURBQXFEO2dCQUN2RCxnQ0FBZ0MsRUFBRSxXQUFXO2FBQzlDO1NBQ0YsSUFFQSxDQUFDLEVBQUUsa0JBQWtCLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxFQUFFO1FBQ2hELE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRTtZQUN2QixPQUFPLElBQUksT0FBTyxFQUFFLENBQUM7WUFDckIsa0JBQWtCO2dCQUNoQixrQkFBa0IsQ0FBQztvQkFDakIsTUFBTSxFQUFFLFNBQVM7b0JBQ2pCLE1BQU0sRUFBRSxvQkFBb0I7b0JBQzVCLEtBQUssRUFBRTt3QkFDTCxxQkFBcUIsRUFDbkIseUNBQXlDO3dCQUMzQyxnQ0FBZ0MsRUFBRSxPQUFPO3FCQUMxQztpQkFDRixDQUFDLENBQUM7UUFDUCxDQUFDLENBQUM7UUFDRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUNILEdBQUcsRUFBQyxvQ0FBb0MsRUFDeEMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFdBQVcsRUFBRTtZQUU1QixvQkFBQyxTQUFTLElBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUMsU0FBUztnQkFDMUMsb0JBQUMsa0JBQWtCLElBQUMsR0FBRyxFQUFFLG9CQUFvQiw4QkFFeEIsQ0FDWCxDQUNQLENBQ1IsQ0FBQztJQUNKLENBQUMsQ0FDdUIsQ0FDM0IsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -50,5 +50,9 @@ export const InpPreferencesText = styled(Text) `
|
|
|
50
50
|
text-align: left;
|
|
51
51
|
letter-spacing: -0.4px;
|
|
52
52
|
margin-bottom: ${spacing(3)};
|
|
53
|
+
|
|
54
|
+
@media (min-width: ${breakpoints.wide}px) {
|
|
55
|
+
display: block;
|
|
56
|
+
}
|
|
53
57
|
`;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQ0wsV0FBVyxFQUNYLE9BQU8sRUFDUCxLQUFLLEVBQ0wsT0FBTyxFQUNSLE1BQU0saUNBQWlDLENBQUM7QUFFekMsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Q0FhN0IsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7Ozs7OztDQVc3QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBc0I7O01BRXhELENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQzs7O2tCQUduRCxPQUFPLENBQUMsQ0FBQyxDQUFDO21CQUNULE9BQU8sQ0FBQyxDQUFDLENBQUM7aUJBQ1osT0FBTyxDQUFDLENBQUMsQ0FBQzs7dUJBRUosV0FBVyxDQUFDLE1BQU07cUJBQ3BCLE9BQU8sQ0FBQyxDQUFDLENBQUM7Ozt1QkFHUixXQUFXLENBQUMsSUFBSTs7O0NBR3RDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUE7V0FDbkMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxNQUFNO2lCQUNuQixLQUFLLENBQUMsSUFBSTs7OzttQkFJUixPQUFPLENBQUMsQ0FBQyxDQUFDOzt1QkFFTixXQUFXLENBQUMsSUFBSTs7O0NBR3RDLENBQUMifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.54.
|
|
3
|
+
"version": "1.54.3",
|
|
4
4
|
"description": "Reuseable Typescript React Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -49,17 +49,17 @@
|
|
|
49
49
|
"node": ">=8.9"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@times-components/button": "2.7.
|
|
53
|
-
"@times-components/date-publication": "0.24.
|
|
54
|
-
"@times-components/icons": "2.19.
|
|
55
|
-
"@times-components/image": "6.13.
|
|
56
|
-
"@times-components/link": "3.11.
|
|
57
|
-
"@times-components/provider": "1.33.
|
|
52
|
+
"@times-components/button": "2.7.1",
|
|
53
|
+
"@times-components/date-publication": "0.24.1",
|
|
54
|
+
"@times-components/icons": "2.19.1",
|
|
55
|
+
"@times-components/image": "6.13.3",
|
|
56
|
+
"@times-components/link": "3.11.1",
|
|
57
|
+
"@times-components/provider": "1.33.1",
|
|
58
58
|
"@times-components/provider-queries": "2.18.0",
|
|
59
|
-
"@times-components/related-articles": "6.12.
|
|
60
|
-
"@times-components/ts-slices": "1.6.
|
|
61
|
-
"@times-components/ts-styleguide": "1.37.
|
|
62
|
-
"@times-components/utils": "6.15.
|
|
59
|
+
"@times-components/related-articles": "6.12.9",
|
|
60
|
+
"@times-components/ts-slices": "1.6.1",
|
|
61
|
+
"@times-components/ts-styleguide": "1.37.1",
|
|
62
|
+
"@times-components/utils": "6.15.1",
|
|
63
63
|
"algoliasearch": "4.9.0",
|
|
64
64
|
"date-fns": "2.28.0",
|
|
65
65
|
"date-fns-tz": "1.3.3",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"@testing-library/jest-dom": "^5.12.0",
|
|
84
84
|
"@testing-library/react": "^12.1.2",
|
|
85
85
|
"@times-components/provider-test-tools": "1.27.0",
|
|
86
|
-
"@times-components/storybook": "4.5.
|
|
86
|
+
"@times-components/storybook": "4.5.1",
|
|
87
87
|
"@times-components/test-utils": "2.4.0",
|
|
88
88
|
"@types/lodash.get": "4.4.6",
|
|
89
89
|
"@types/lodash.keyby": "4.6.6",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"@testing-library/jest-dom/extend-expect"
|
|
115
115
|
]
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "d33c3115e165e09794ffdfd7931e217620f7ce07"
|
|
118
118
|
}
|