@npm_leadtech/legal-lib-components 5.16.7 → 5.16.9

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.
@@ -16,6 +16,6 @@ export const DisclaimerRatafia = ({ icon, text, ctaTextShowDisclaimer, ctaTextCl
16
16
  ctaTextCloseDisclaimer.onClick();
17
17
  };
18
18
  const existLegalAdviceText = Boolean(legalAdviceText);
19
- return (_jsxs(DisclaimerRatafiaStyled, { className: 'disclaimer-ratafia', children: [_jsxs("div", { className: 'disclaimer-ratafia__text-desktop', children: [_jsxs("div", { className: 'disclaimer-ratafia__text', children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__text__text', children: text })] }), existLegalAdviceText && (_jsx("div", { className: 'disclaimer-ratafia__legal-advice', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: legalAdviceText }) })), _jsx("div", { className: 'disclaimer-ratafia__copyright', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: copyrightText }) })] }), _jsxs("div", { className: 'disclaimer-ratafia__text-mobile', children: [_jsx("div", { className: 'disclaimer-ratafia__text-mobile-text', children: _jsxs("button", { "data-qa": ctaTextShowDisclaimer.dataQa, className: 'sans-serif --small disclaimer-ratafia__text__text', onClick: handleShowDisclaimer, children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), ctaTextShowDisclaimer.text, _jsx("div", { className: 'disclaimer-ratafia__text__arrow', children: _jsx(ChevronRight, {}) })] }) }), disclaimer && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'disclaimer-ratafia__disclaimer-background' }), _jsxs("div", { className: 'disclaimer-ratafia__disclaimer-fixed', children: [_jsx("p", { className: 'disclaimer-ratafia__disclaimer-fixed__title', children: ctaTextShowDisclaimer.text }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle', children: text }), existLegalAdviceText && (_jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: legalAdviceText })), _jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: copyrightText }), _jsx(Button, { color: 'primary', label: ctaTextCloseDisclaimer.text, givenClass: 'disclaimer-ratafia__disclaimer-fixed__cta', onClick: handleCloseDisclaimer, noLink: true, dataQa: ctaTextCloseDisclaimer.dataQa })] })] }))] })] }));
19
+ return (_jsxs(DisclaimerRatafiaStyled, { className: 'disclaimer-ratafia', children: [_jsxs("div", { className: 'disclaimer-ratafia__text-desktop', children: [_jsxs("div", { className: 'disclaimer-ratafia__text', children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__text__text', children: text })] }), existLegalAdviceText && (_jsx("div", { className: 'disclaimer-ratafia__legal-advice', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: legalAdviceText }) })), _jsx("div", { className: 'disclaimer-ratafia__copyright', children: _jsx("span", { className: 'sans-serif --extra-small disclaimer-ratafia__copyright__text', children: copyrightText }) })] }), _jsxs("div", { className: 'disclaimer-ratafia__text-mobile', children: [_jsx("div", { className: 'disclaimer-ratafia__text-mobile-text', children: _jsxs("button", { "data-qa": ctaTextShowDisclaimer.dataQa, className: 'sans-serif --small disclaimer-ratafia__text__text', onClick: handleShowDisclaimer, children: [_jsx("div", { className: 'disclaimer-ratafia__text__icon', children: icon }), ctaTextShowDisclaimer.text, _jsx("div", { className: 'disclaimer-ratafia__text__arrow', children: _jsx(ChevronRight, {}) })] }) }), disclaimer && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'disclaimer-ratafia__disclaimer-background' }), _jsxs("div", { className: 'disclaimer-ratafia__disclaimer-fixed', children: [_jsx("p", { className: 'disclaimer-ratafia__disclaimer-fixed__title', children: ctaTextShowDisclaimer.text }), _jsx("p", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle', children: text }), _jsx("div", { className: 'sans-serif --small disclaimer-ratafia__disclaimer-fixed__text', children: copyrightText }), _jsx(Button, { color: 'primary', label: ctaTextCloseDisclaimer.text, givenClass: 'disclaimer-ratafia__disclaimer-fixed__cta', onClick: handleCloseDisclaimer, noLink: true, dataQa: ctaTextCloseDisclaimer.dataQa })] })] }))] })] }));
20
20
  };
21
21
  export default DisclaimerRatafia;
@@ -65,9 +65,6 @@ export const DisclaimerRatafia: React.FC<DisclaimerRatafiaProps> = ({
65
65
  <div className='disclaimer-ratafia__disclaimer-fixed'>
66
66
  <p className='disclaimer-ratafia__disclaimer-fixed__title'>{ctaTextShowDisclaimer.text}</p>
67
67
  <p className='sans-serif --small disclaimer-ratafia__disclaimer-fixed__subTitle'>{text}</p>
68
- {existLegalAdviceText && (
69
- <div className='sans-serif --small disclaimer-ratafia__disclaimer-fixed__text'>{legalAdviceText}</div>
70
- )}
71
68
  <div className='sans-serif --small disclaimer-ratafia__disclaimer-fixed__text'>{copyrightText}</div>
72
69
  <Button
73
70
  color='primary'
@@ -1,12 +1,18 @@
1
1
  import styled from 'styled-components';
2
2
  export const LoginRatafiaPageStyled = styled.div `
3
+ display: flex;
4
+ flex-direction: column;
5
+ align-items: flex-start;
6
+ flex: 1 0 0;
7
+ align-self: stretch;
8
+ gap: 1.5rem;
3
9
  background-color: var(--neutral-neutral-6);
4
10
 
5
11
  .login-ratafia-page__ctas {
6
12
  text-align: center;
7
13
  &__button {
8
14
  display: block;
9
- width: 100%;
15
+ width: 12.5rem;
10
16
  margin-bottom: 1rem;
11
17
  }
12
18
 
@@ -1,13 +1,19 @@
1
1
  import styled from 'styled-components'
2
2
 
3
3
  export const LoginRatafiaPageStyled = styled.div`
4
+ display: flex;
5
+ flex-direction: column;
6
+ align-items: flex-start;
7
+ flex: 1 0 0;
8
+ align-self: stretch;
9
+ gap: 1.5rem;
4
10
  background-color: var(--neutral-neutral-6);
5
11
 
6
12
  .login-ratafia-page__ctas {
7
13
  text-align: center;
8
14
  &__button {
9
15
  display: block;
10
- width: 100%;
16
+ width: 12.5rem;
11
17
  margin-bottom: 1rem;
12
18
  }
13
19
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.16.7",
3
+ "version": "5.16.9",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",