@npm_leadtech/legal-lib-components 5.14.8 → 5.14.10

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/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.js +22 -2
  2. package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.tsx +24 -0
  3. package/dist/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.d.ts +1 -0
  4. package/dist/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.ts +1 -0
  5. package/dist/src/components/atoms/DatePickerCustom/index.js.map +4 -4
  6. package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.js +3 -1
  7. package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.js +3 -3
  8. package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.ts +3 -3
  9. package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.tsx +4 -0
  10. package/package.json +2 -2
package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.js CHANGED
@@ -2,10 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Button } from '../../atoms';
3
3
  import { LayoutRatafiaSectionStyled } from './LayoutRatafiaSection.styled';
4
4
  import { TagsRatafiaList } from '../../molecules';
5
+ import { useIsMobileOrTable } from '../../../hooks';
5
6
  const LayoutRatafiaSection = ({ title, children, tags, ctaLabel, ctaLink, ctaDataQa, media }) => {
7
+ const { isMobile } = useIsMobileOrTable();
6
8
  if (children == undefined)
7
9
  return null;
8
10
  const existMediaNode = media !== undefined;
9
- return (_jsx(LayoutRatafiaSectionStyled, { className: 'layout-ratafia-section', children: _jsxs("div", { className: 'layout-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info__paragraph', children: [title && (_jsx("h2", { className: 'layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight', children: title })), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium', children: children })] }), tags?.length && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__tags', children: _jsx(TagsRatafiaList, { tags: tags }) })), ctaLabel && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__button', children: _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa ?? 'layout-ratafia-cta', link: ctaLink ?? '#', color: 'primary', label: ctaLabel }) }))] }), existMediaNode && _jsx("div", { className: 'layout-ratafia-section__wrapper__media', children: media })] }) }));
11
+ return (_jsx(LayoutRatafiaSectionStyled, { className: 'layout-ratafia-section', children: _jsxs("div", { className: 'layout-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info__paragraph', children: [title && (_jsx("h2", { className: 'layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight', children: title })), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium', children: children })] }), tags?.length && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__tags', children: _jsx(TagsRatafiaList, { tags: tags }) })), ctaLabel && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__button', children: _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa ?? 'layout-ratafia-cta', link: ctaLink ?? '#', color: 'primary', label: ctaLabel, fluid: isMobile }) }))] }), existMediaNode && _jsx("div", { className: 'layout-ratafia-section__wrapper__media', children: media })] }) }));
10
12
  };
11
13
  export default LayoutRatafiaSection;
package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.js CHANGED
@@ -29,7 +29,7 @@ export const LayoutRatafiaSectionStyled = styled.section `
29
29
 
30
30
  @media ${device['landscape-tablets']} {
31
31
  flex-direction: row;
32
- padding: 2rem;
32
+ padding: 2.5rem;
33
33
  }
34
34
 
35
35
  @media ${device.laptop} {
@@ -51,7 +51,7 @@ export const LayoutRatafiaSectionStyled = styled.section `
51
51
  gap: 1rem;
52
52
  color: var(--others-white);
53
53
 
54
- p {
54
+ p:not(:last-child) {
55
55
  margin-bottom: 1.5rem;
56
56
  }
57
57
  }
@@ -62,13 +62,13 @@ export const LayoutRatafiaSectionStyled = styled.section `
62
62
 
63
63
  &__button {
64
64
  display: flex;
65
+ width: 100%;
65
66
  }
66
67
  }
67
68
 
68
69
  &__media {
69
70
  display: flex;
70
71
  flex: 300px 0 0;
71
- padding: 2rem 0;
72
72
  }
73
73
  }
74
74
  }
package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.ts CHANGED
@@ -30,7 +30,7 @@ export const LayoutRatafiaSectionStyled = styled.section`
30
30
 
31
31
  @media ${device['landscape-tablets']} {
32
32
  flex-direction: row;
33
- padding: 2rem;
33
+ padding: 2.5rem;
34
34
  }
35
35
 
36
36
  @media ${device.laptop} {
@@ -52,7 +52,7 @@ export const LayoutRatafiaSectionStyled = styled.section`
52
52
  gap: 1rem;
53
53
  color: var(--others-white);
54
54
 
55
- p {
55
+ p:not(:last-child) {
56
56
  margin-bottom: 1.5rem;
57
57
  }
58
58
  }
@@ -63,13 +63,13 @@ export const LayoutRatafiaSectionStyled = styled.section`
63
63
 
64
64
  &__button {
65
65
  display: flex;
66
+ width: 100%;
66
67
  }
67
68
  }
68
69
 
69
70
  &__media {
70
71
  display: flex;
71
72
  flex: 300px 0 0;
72
- padding: 2rem 0;
73
73
  }
74
74
  }
75
75
  }
package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.tsx CHANGED
@@ -4,6 +4,7 @@ import { Button } from '../../atoms'
4
4
  import { type LayoutRatafiaSectionProps } from './LayoutRatafiaSectionProps.types'
5
5
  import { LayoutRatafiaSectionStyled } from './LayoutRatafiaSection.styled'
6
6
  import { TagsRatafiaList } from '../../molecules'
7
+ import { useIsMobileOrTable } from '../../../hooks'
7
8
 
8
9
  const LayoutRatafiaSection: FC<LayoutRatafiaSectionProps> = ({
9
10
  title,
@@ -14,7 +15,9 @@ const LayoutRatafiaSection: FC<LayoutRatafiaSectionProps> = ({
14
15
  ctaDataQa,
15
16
  media
16
17
  }) => {
18
+ const { isMobile } = useIsMobileOrTable()
17
19
  if (children == undefined) return null
20
+
18
21
  const existMediaNode = media !== undefined
19
22
  return (
20
23
  <LayoutRatafiaSectionStyled className='layout-ratafia-section'>
@@ -43,6 +46,7 @@ const LayoutRatafiaSection: FC<LayoutRatafiaSectionProps> = ({
43
46
  link={ctaLink ?? '#'}
44
47
  color='primary'
45
48
  label={ctaLabel}
49
+ fluid={isMobile}
46
50
  />
47
51
  </div>
48
52
  )}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.14.8",
3
+ "version": "5.14.10",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -91,7 +91,7 @@
91
91
  "node-fetch": "^3.3.2",
92
92
  "prettier": "^3.3.3",
93
93
  "react": "18.3.1",
94
- "react-datepicker": "^7.4.0",
94
+ "react-datepicker": "^7.5.0",
95
95
  "react-dom": "18.3.1",
96
96
  "react-test-renderer": "18.3.1",
97
97
  "rimraf": "^6.0.1",