@npm_leadtech/legal-lib-components 7.19.0 → 7.19.2

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 (190) hide show
  1. package/dist/css/styles.css +15 -30
  2. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.d.ts +3 -0
  3. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.js +5 -0
  4. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.d.ts +1 -0
  5. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.js +21 -0
  6. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.ts +22 -0
  7. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.tsx +14 -0
  8. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeaderProps.d.ts +4 -0
  9. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeaderProps.ts +4 -0
  10. package/dist/src/components/atoms/ContactInformationHeader/index.d.ts +2 -0
  11. package/dist/src/components/atoms/ContactInformationHeader/index.js +2 -0
  12. package/dist/src/components/atoms/ContactInformationHeader/index.ts +2 -0
  13. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.d.ts +3 -0
  14. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.js +5 -0
  15. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.d.ts +5 -0
  16. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.js +8 -0
  17. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.ts +13 -0
  18. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.tsx +11 -0
  19. package/dist/src/components/atoms/MobileTrigger/MobileTriggerProps.d.ts +6 -0
  20. package/dist/src/components/atoms/MobileTrigger/MobileTriggerProps.ts +6 -0
  21. package/dist/src/components/atoms/MobileTrigger/index.d.ts +2 -0
  22. package/dist/src/components/atoms/MobileTrigger/index.js +2 -0
  23. package/dist/src/components/atoms/MobileTrigger/index.ts +2 -0
  24. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.d.ts +3 -0
  25. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.js +6 -0
  26. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.d.ts +1 -0
  27. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.js +17 -0
  28. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.ts +18 -0
  29. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.tsx +15 -0
  30. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.d.ts +3 -0
  31. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.ts +3 -0
  32. package/dist/src/components/atoms/PhoneNumberDisplay/index.d.ts +2 -0
  33. package/dist/src/components/atoms/PhoneNumberDisplay/index.js +2 -0
  34. package/dist/src/components/atoms/PhoneNumberDisplay/index.ts +2 -0
  35. package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.js +1 -1
  36. package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.ts +1 -1
  37. package/dist/src/components/atoms/index.d.ts +3 -0
  38. package/dist/src/components/atoms/index.js +3 -0
  39. package/dist/src/components/atoms/index.ts +3 -0
  40. package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.js +1 -1
  41. package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.ts +1 -1
  42. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.d.ts +3 -0
  43. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.js +5 -0
  44. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.d.ts +4 -0
  45. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.js +34 -0
  46. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.ts +38 -0
  47. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.tsx +18 -0
  48. package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.d.ts +9 -0
  49. package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.js +1 -0
  50. package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.ts +10 -0
  51. package/dist/src/components/molecules/HelpPanelList/index.d.ts +2 -0
  52. package/dist/src/components/molecules/HelpPanelList/index.js +2 -0
  53. package/dist/src/components/molecules/HelpPanelList/index.ts +2 -0
  54. package/dist/src/components/molecules/HelpSection/HelpSection.d.ts +3 -0
  55. package/dist/src/components/molecules/HelpSection/HelpSection.js +5 -0
  56. package/dist/src/components/molecules/HelpSection/HelpSection.styled.d.ts +3 -0
  57. package/dist/src/components/molecules/HelpSection/HelpSection.styled.js +64 -0
  58. package/dist/src/components/molecules/HelpSection/HelpSection.styled.ts +66 -0
  59. package/dist/src/components/molecules/HelpSection/HelpSection.tsx +18 -0
  60. package/dist/src/components/molecules/HelpSection/HelpSectionProps.d.ts +6 -0
  61. package/dist/src/components/molecules/HelpSection/HelpSectionProps.js +1 -0
  62. package/dist/src/components/molecules/HelpSection/HelpSectionProps.ts +7 -0
  63. package/dist/src/components/molecules/HelpSection/index.d.ts +2 -0
  64. package/dist/src/components/molecules/HelpSection/index.js +2 -0
  65. package/dist/src/components/molecules/HelpSection/index.ts +2 -0
  66. package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.tsx +1 -1
  67. package/dist/src/components/molecules/SocialLinks/SocialLinks.js +1 -5
  68. package/dist/src/components/molecules/SocialLinks/SocialLinks.tsx +7 -11
  69. package/dist/src/components/molecules/TextInput/TextInput.scss +15 -31
  70. package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx +2 -13
  71. package/dist/src/components/molecules/index.d.ts +2 -2
  72. package/dist/src/components/molecules/index.js +2 -2
  73. package/dist/src/components/molecules/index.ts +2 -2
  74. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.js +3 -3
  75. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.js +1 -0
  76. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.ts +1 -0
  77. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.tsx +6 -4
  78. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.d.ts +3 -2
  79. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.ts +4 -2
  80. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.d.ts +3 -0
  81. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.js +7 -0
  82. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.d.ts +1 -0
  83. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.js +16 -0
  84. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.ts +17 -0
  85. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.tsx +15 -0
  86. package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.d.ts +7 -0
  87. package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.js +1 -0
  88. package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.ts +8 -0
  89. package/dist/src/components/organisms/DesktopMenu/index.d.ts +2 -0
  90. package/dist/src/components/organisms/DesktopMenu/index.js +2 -0
  91. package/dist/src/components/organisms/DesktopMenu/index.ts +2 -0
  92. package/dist/src/components/organisms/MobileMenu/MobileMenu.d.ts +3 -0
  93. package/dist/src/components/organisms/MobileMenu/MobileMenu.js +9 -0
  94. package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.d.ts +7 -0
  95. package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.js +23 -0
  96. package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.ts +30 -0
  97. package/dist/src/components/organisms/MobileMenu/MobileMenu.tsx +54 -0
  98. package/dist/src/components/organisms/MobileMenu/MobileMenuProps.d.ts +16 -0
  99. package/dist/src/components/organisms/MobileMenu/MobileMenuProps.js +1 -0
  100. package/dist/src/components/organisms/MobileMenu/MobileMenuProps.ts +18 -0
  101. package/dist/src/components/organisms/MobileMenu/index.d.ts +2 -0
  102. package/dist/src/components/organisms/MobileMenu/index.js +2 -0
  103. package/dist/src/components/organisms/MobileMenu/index.ts +2 -0
  104. package/dist/src/components/organisms/MobilePanel/MobilePanel.d.ts +3 -0
  105. package/dist/src/components/organisms/MobilePanel/MobilePanel.js +4 -0
  106. package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.d.ts +8 -0
  107. package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.js +27 -0
  108. package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.ts +35 -0
  109. package/dist/src/components/organisms/MobilePanel/MobilePanel.tsx +13 -0
  110. package/dist/src/components/organisms/MobilePanel/MobilePanelProps.d.ts +7 -0
  111. package/dist/src/components/organisms/MobilePanel/MobilePanelProps.js +1 -0
  112. package/dist/src/components/organisms/MobilePanel/MobilePanelProps.ts +7 -0
  113. package/dist/src/components/organisms/MobilePanel/index.d.ts +2 -0
  114. package/dist/src/components/organisms/MobilePanel/index.js +2 -0
  115. package/dist/src/components/organisms/MobilePanel/index.ts +2 -0
  116. package/dist/src/components/organisms/index.d.ts +3 -0
  117. package/dist/src/components/organisms/index.js +3 -0
  118. package/dist/src/components/organisms/index.ts +3 -0
  119. package/dist/src/components/pages/ContactUsPage/ContactUsPage.js +3 -3
  120. package/dist/src/components/pages/ContactUsPage/ContactUsPage.tsx +3 -3
  121. package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.d.ts +2 -2
  122. package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.ts +2 -2
  123. package/dist/src/components/sections/AppHeader/AppHeader.d.ts +4 -0
  124. package/dist/src/components/sections/AppHeader/AppHeader.js +8 -0
  125. package/dist/src/components/sections/AppHeader/AppHeader.scss +32 -0
  126. package/dist/src/components/sections/AppHeader/AppHeader.styled.d.ts +2 -0
  127. package/dist/src/components/sections/AppHeader/AppHeader.styled.js +35 -0
  128. package/dist/src/components/sections/AppHeader/AppHeader.styled.ts +36 -0
  129. package/dist/src/components/sections/AppHeader/AppHeader.tsx +58 -0
  130. package/dist/src/components/sections/AppHeader/AppHeaderProps.d.ts +26 -0
  131. package/dist/src/components/sections/AppHeader/AppHeaderProps.js +1 -0
  132. package/dist/src/components/sections/AppHeader/AppHeaderProps.ts +27 -0
  133. package/dist/src/components/sections/AppHeader/index.d.ts +2 -0
  134. package/dist/src/components/sections/AppHeader/index.js +2 -0
  135. package/dist/src/components/sections/AppHeader/index.ts +2 -0
  136. package/dist/src/components/sections/ContactSection/ContactSection.styled.js +0 -2
  137. package/dist/src/components/sections/ContactSection/ContactSection.styled.ts +0 -2
  138. package/dist/src/components/sections/index.d.ts +1 -0
  139. package/dist/src/components/sections/index.js +1 -0
  140. package/dist/src/components/sections/index.ts +1 -0
  141. package/dist/src/hooks/useIntersectionObserver.d.ts +5 -7
  142. package/dist/src/hooks/useIntersectionObserver.js +7 -5
  143. package/dist/src/hooks/useIntersectionObserver.tsx +10 -12
  144. package/dist/tsconfig.build.tsbuildinfo +1 -1
  145. package/package.json +2 -1
  146. package/dist/images/componentsSvg/InfoLocationSvg.d.ts +0 -2
  147. package/dist/images/componentsSvg/InfoLocationSvg.js +0 -4
  148. package/dist/images/componentsSvg/InfoLocationSvg.tsx +0 -14
  149. package/dist/images/componentsSvg/InfoMailSvg.d.ts +0 -2
  150. package/dist/images/componentsSvg/InfoMailSvg.js +0 -4
  151. package/dist/images/componentsSvg/InfoMailSvg.tsx +0 -12
  152. package/dist/images/componentsSvg/InfoPhoneSvg.d.ts +0 -2
  153. package/dist/images/componentsSvg/InfoPhoneSvg.js +0 -4
  154. package/dist/images/componentsSvg/InfoPhoneSvg.tsx +0 -12
  155. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.d.ts +0 -3
  156. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.js +0 -6
  157. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.d.ts +0 -1
  158. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.js +0 -23
  159. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.ts +0 -24
  160. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.tsx +0 -15
  161. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.d.ts +0 -4
  162. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.ts +0 -4
  163. package/dist/src/components/molecules/ContactInfoBox/index.d.ts +0 -2
  164. package/dist/src/components/molecules/ContactInfoBox/index.js +0 -1
  165. package/dist/src/components/molecules/ContactInfoBox/index.ts +0 -2
  166. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.d.ts +0 -3
  167. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.js +0 -6
  168. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.d.ts +0 -1
  169. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.js +0 -23
  170. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.ts +0 -24
  171. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.tsx +0 -15
  172. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.d.ts +0 -4
  173. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.ts +0 -4
  174. package/dist/src/components/molecules/ContactInfoBoxMobile/index.d.ts +0 -2
  175. package/dist/src/components/molecules/ContactInfoBoxMobile/index.js +0 -1
  176. package/dist/src/components/molecules/ContactInfoBoxMobile/index.ts +0 -2
  177. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.d.ts +0 -3
  178. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.js +0 -19
  179. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.d.ts +0 -1
  180. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.js +0 -77
  181. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.ts +0 -78
  182. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.tsx +0 -58
  183. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.d.ts +0 -7
  184. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.ts +0 -8
  185. package/dist/src/components/molecules/ContactInfoCard/index.d.ts +0 -2
  186. package/dist/src/components/molecules/ContactInfoCard/index.js +0 -2
  187. package/dist/src/components/molecules/ContactInfoCard/index.ts +0 -2
  188. /package/dist/src/components/{molecules/ContactInfoBox/ContactInfoBoxProps.types.js → atoms/ContactInformationHeader/ContactInformationHeaderProps.js} +0 -0
  189. /package/dist/src/components/{molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.js → atoms/MobileTrigger/MobileTriggerProps.js} +0 -0
  190. /package/dist/src/components/{molecules/ContactInfoCard/ContactInfoCardProps.js → atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.js} +0 -0
@@ -1,12 +0,0 @@
1
- import React from 'react'
2
-
3
- export const InfoPhoneSvg: React.FC = () => {
4
- return (
5
- <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
6
- <path
7
- d='M16.6667 10C16.4444 10 16.2465 9.92014 16.0729 9.76042C15.8993 9.60069 15.7986 9.40278 15.7708 9.16667C15.5903 7.875 15.0451 6.77431 14.1354 5.86458C13.2257 4.95486 12.125 4.40972 10.8333 4.22917C10.5972 4.20139 10.3993 4.10417 10.2396 3.9375C10.0799 3.77083 10 3.56944 10 3.33333C10 3.09722 10.0833 2.89931 10.25 2.73958C10.4167 2.57986 10.6111 2.51389 10.8333 2.54167C12.5833 2.73611 14.0764 3.45139 15.3125 4.6875C16.5486 5.92361 17.2639 7.41667 17.4583 9.16667C17.4861 9.38889 17.4201 9.58333 17.2604 9.75C17.1007 9.91667 16.9028 10 16.6667 10ZM13.1875 10C13.0069 10 12.8472 9.9375 12.7083 9.8125C12.5694 9.6875 12.4653 9.52083 12.3958 9.3125C12.2847 8.90972 12.0729 8.55208 11.7604 8.23958C11.4479 7.92708 11.0903 7.71528 10.6875 7.60417C10.4792 7.53472 10.3125 7.43056 10.1875 7.29167C10.0625 7.15278 10 6.98611 10 6.79167C10 6.51389 10.0972 6.28819 10.2917 6.11458C10.4861 5.94097 10.7014 5.88194 10.9375 5.9375C11.7153 6.11806 12.3854 6.48958 12.9479 7.05208C13.5104 7.61458 13.8819 8.28472 14.0625 9.0625C14.1181 9.29861 14.0556 9.51389 13.875 9.70833C13.6944 9.90278 13.4653 10 13.1875 10ZM16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z'
8
- fill='#02374A'
9
- />
10
- </svg>
11
- )
12
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { type ContactInfoBoxProps } from './ContactInfoBoxProps.types';
3
- export declare const ContactInfoBox: React.FC<ContactInfoBoxProps>;
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { ContactInfoBoxStyled } from './ContactInfoBox.styled';
3
- import { ContactInfoCard } from '../ContactInfoCard';
4
- export const ContactInfoBox = ({ items }) => {
5
- return (_jsx(ContactInfoBoxStyled, { className: 'contact-info-box-container', children: items.map((item, index) => (_jsx(ContactInfoCard, { ...item }, index))) }));
6
- };
@@ -1 +0,0 @@
1
- export declare const ContactInfoBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,23 +0,0 @@
1
- import { device } from '../../../globalStyles/breakpoints';
2
- import styled from 'styled-components';
3
- export const ContactInfoBoxStyled = styled.div `
4
- display: none;
5
- background-color: var(--others-white);
6
- width: 100%;
7
- border-radius: var(--s-border-radius);
8
- margin-bottom: 2rem;
9
- padding: 0.5rem 1.5rem;
10
- text-decoration: none;
11
- box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
12
-
13
- @media not all and (min-resolution: 0.001dpcm) {
14
- @supports (-webkit-appearance: none) {
15
- letter-spacing: -1px;
16
- }
17
- }
18
-
19
- @media ${device['landscape-tablets']} {
20
- display: flex;
21
- flex-direction: column;
22
- }
23
- `;
@@ -1,24 +0,0 @@
1
- import { device } from '../../../globalStyles/breakpoints'
2
- import styled from 'styled-components'
3
-
4
- export const ContactInfoBoxStyled = styled.div`
5
- display: none;
6
- background-color: var(--others-white);
7
- width: 100%;
8
- border-radius: var(--s-border-radius);
9
- margin-bottom: 2rem;
10
- padding: 0.5rem 1.5rem;
11
- text-decoration: none;
12
- box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
13
-
14
- @media not all and (min-resolution: 0.001dpcm) {
15
- @supports (-webkit-appearance: none) {
16
- letter-spacing: -1px;
17
- }
18
- }
19
-
20
- @media ${device['landscape-tablets']} {
21
- display: flex;
22
- flex-direction: column;
23
- }
24
- `
@@ -1,15 +0,0 @@
1
- import React from 'react'
2
-
3
- import { type ContactInfoBoxProps } from './ContactInfoBoxProps.types'
4
- import { ContactInfoBoxStyled } from './ContactInfoBox.styled'
5
- import { ContactInfoCard } from '../ContactInfoCard'
6
-
7
- export const ContactInfoBox: React.FC<ContactInfoBoxProps> = ({ items }) => {
8
- return (
9
- <ContactInfoBoxStyled className='contact-info-box-container'>
10
- {items.map((item, index) => (
11
- <ContactInfoCard key={index} {...item} />
12
- ))}
13
- </ContactInfoBoxStyled>
14
- )
15
- }
@@ -1,4 +0,0 @@
1
- import { type ContactInfoCardProps } from '../ContactInfoCard';
2
- export interface ContactInfoBoxProps {
3
- items: ContactInfoCardProps[];
4
- }
@@ -1,4 +0,0 @@
1
- import { type ContactInfoCardProps } from '../ContactInfoCard'
2
- export interface ContactInfoBoxProps {
3
- items: ContactInfoCardProps[]
4
- }
@@ -1,2 +0,0 @@
1
- export { ContactInfoBox } from './ContactInfoBox';
2
- export { type ContactInfoBoxProps } from './ContactInfoBoxProps.types';
@@ -1 +0,0 @@
1
- export { ContactInfoBox } from './ContactInfoBox';
@@ -1,2 +0,0 @@
1
- export { ContactInfoBox } from './ContactInfoBox'
2
- export { type ContactInfoBoxProps } from './ContactInfoBoxProps.types'
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types';
3
- export declare const ContactInfoBoxMobile: React.FC<ContactInfoBoxMobileProps>;
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { ContactInfoBoxMobileStyled } from './ContactInfoBoxMobile.styled';
3
- import { ContactInfoCard } from '../ContactInfoCard';
4
- export const ContactInfoBoxMobile = ({ items }) => {
5
- return (_jsx(ContactInfoBoxMobileStyled, { className: 'contact-info-box-container', children: items.map((item, index) => (_jsx(ContactInfoCard, { ...item }, index))) }));
6
- };
@@ -1 +0,0 @@
1
- export declare const ContactInfoBoxMobileStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,23 +0,0 @@
1
- import { device } from '../../../globalStyles/breakpoints';
2
- import styled from 'styled-components';
3
- export const ContactInfoBoxMobileStyled = styled.div `
4
- display: flex;
5
- flex-direction: column;
6
- background-color: var(--others-white);
7
- width: 100%;
8
- border-radius: var(--s-border-radius);
9
- margin-bottom: 2rem;
10
- padding: 0.5rem 1.5rem;
11
- text-decoration: none;
12
- box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
13
-
14
- @media not all and (min-resolution: 0.001dpcm) {
15
- @supports (-webkit-appearance: none) {
16
- letter-spacing: -1px;
17
- }
18
- }
19
-
20
- @media ${device['landscape-tablets']} {
21
- display: none;
22
- }
23
- `;
@@ -1,24 +0,0 @@
1
- import { device } from '../../../globalStyles/breakpoints'
2
- import styled from 'styled-components'
3
-
4
- export const ContactInfoBoxMobileStyled = styled.div`
5
- display: flex;
6
- flex-direction: column;
7
- background-color: var(--others-white);
8
- width: 100%;
9
- border-radius: var(--s-border-radius);
10
- margin-bottom: 2rem;
11
- padding: 0.5rem 1.5rem;
12
- text-decoration: none;
13
- box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
14
-
15
- @media not all and (min-resolution: 0.001dpcm) {
16
- @supports (-webkit-appearance: none) {
17
- letter-spacing: -1px;
18
- }
19
- }
20
-
21
- @media ${device['landscape-tablets']} {
22
- display: none;
23
- }
24
- `
@@ -1,15 +0,0 @@
1
- import React from 'react'
2
-
3
- import { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types'
4
- import { ContactInfoBoxMobileStyled } from './ContactInfoBoxMobile.styled'
5
- import { ContactInfoCard } from '../ContactInfoCard'
6
-
7
- export const ContactInfoBoxMobile: React.FC<ContactInfoBoxMobileProps> = ({ items }) => {
8
- return (
9
- <ContactInfoBoxMobileStyled className='contact-info-box-container'>
10
- {items.map((item, index) => (
11
- <ContactInfoCard key={index} {...item} />
12
- ))}
13
- </ContactInfoBoxMobileStyled>
14
- )
15
- }
@@ -1,4 +0,0 @@
1
- import { type ContactInfoCardProps } from '../ContactInfoCard';
2
- export interface ContactInfoBoxMobileProps {
3
- items: ContactInfoCardProps[];
4
- }
@@ -1,4 +0,0 @@
1
- import { type ContactInfoCardProps } from '../ContactInfoCard'
2
- export interface ContactInfoBoxMobileProps {
3
- items: ContactInfoCardProps[]
4
- }
@@ -1,2 +0,0 @@
1
- export { ContactInfoBoxMobile } from './ContactInfoBoxMobile';
2
- export { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types';
@@ -1 +0,0 @@
1
- export { ContactInfoBoxMobile } from './ContactInfoBoxMobile';
@@ -1,2 +0,0 @@
1
- export { ContactInfoBoxMobile } from './ContactInfoBoxMobile'
2
- export { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types'
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ContactInfoCardProps } from './ContactInfoCardProps';
3
- export declare const ContactInfoCard: React.FC<ContactInfoCardProps>;
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button } from '../../atoms';
3
- import { ContactInfoCardStyled } from './ContactInfoCard.styled';
4
- import { InfoLocationSvg } from '../../../../images/componentsSvg/InfoLocationSvg';
5
- import { InfoMailSvg } from '../../../../images/componentsSvg/InfoMailSvg';
6
- import { InfoPhoneSvg } from '../../../../images/componentsSvg/InfoPhoneSvg';
7
- const iconMap = {
8
- email: _jsx(InfoMailSvg, {}),
9
- phone: _jsx(InfoPhoneSvg, {}),
10
- location: _jsx(InfoLocationSvg, {})
11
- };
12
- export const ContactInfoCard = ({ type, isMobile = false, title, text }) => {
13
- if (type === 'phone' && isMobile) {
14
- return (_jsxs(ContactInfoCardStyled, { className: 'contact-info-card phone-mobile', children: [_jsx(Button, { centered: true, isExternal: true, link: `tel:${title}`, gtmTag: 'clicked_phone_contactus', givenClass: 'phone-mobile-contact-button e-button e-button--link e-button--primary-1 e-button--center', label: title ?? '', dataQa: 'phone_contact_box' }, title), _jsx("p", { className: 'text', children: text })] }));
15
- }
16
- else {
17
- return (_jsx(ContactInfoCardStyled, { className: 'contact-info-card', children: _jsxs("div", { className: 'info-card-wrapper', children: [_jsx("div", { className: 'info-icon', children: iconMap[type] }), _jsxs("div", { className: 'content', children: [title && (_jsx("p", { className: `title${type === 'email' ? ' email' : ''}`, children: type === 'email' ? (_jsx("a", { href: `mailto:${title}`, children: title })) : type === 'phone' ? (_jsx("a", { href: `tel:${title}`, children: title })) : (title) })), _jsx("p", { className: 'text', children: text })] })] }) }));
18
- }
19
- };
@@ -1 +0,0 @@
1
- export declare const ContactInfoCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,77 +0,0 @@
1
- import styled from 'styled-components';
2
- export const ContactInfoCardStyled = styled.div `
3
- width: 100%;
4
- background-color: var(--neutral-neutral-6);
5
- border-radius: var(--s-border-radius);
6
- margin-top: 1rem;
7
- margin-bottom: 1rem;
8
- display: flex;
9
- align-items: center;
10
- padding: 1rem 1.5rem;
11
-
12
- &.phone-mobile {
13
- flex-direction: column;
14
- align-items: center;
15
- text-align: center;
16
- .phone-mobile-contact {
17
- &-button {
18
- display: flex;
19
- justify-content: center;
20
- margin-bottom: 0.5rem;
21
- width: 100%;
22
-
23
- &:before {
24
- content: '';
25
- width: 20px;
26
- height: 20px;
27
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iZXA3dHIycDdyYSIgZD0iTTIwLjAxIDE1LjM4Yy0xLjIzIDAtMi40Mi0uMi0zLjUzLS41Ni0uMzUtLjEyLS43NC0uMDMtMS4wMS4yNGwtMS41NyAxLjk3Yy0yLjgzLTEuMzUtNS40OC0zLjktNi44OS02LjgzbDEuOTUtMS42NmMuMjctLjI4LjM1LS42Ny4yNC0xLjAyLS4zNy0xLjExLS41Ni0yLjMtLjU2LTMuNTMgMC0uNTQtLjQ1LS45OS0uOTktLjk5SDQuMTlDMy42NSAzIDMgMy4yNCAzIDMuOTkgMyAxMy4yOCAxMC43MyAyMSAyMC4wMSAyMWMuNzEgMCAuOTktLjYzLjk5LTEuMTh2LTMuNDVjMC0uNTQtLjQ1LS45OS0uOTktLjk5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc2LjAwMDAwMCwgLTMxNC4wMDAwMDApIHRyYW5zbGF0ZSgzMjguMDAwMDAwLCAyMDUuMDAwMDAwKSB0cmFuc2xhdGUoMzIuMDAwMDAwLCA5MC4wMDAwMDApIHRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSI3dHZidm9pbXpiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2VwN3RyMnA3cmEiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBjbGFzcz0iaWNvbi13ZWItMjQtcCIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCM3dHZidm9pbXpiKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
28
- margin-right: 0.5rem;
29
- }
30
- }
31
-
32
- &-text {
33
- color: var(--neutral-neutral-2);
34
- text-align: center;
35
- margin: 0 0 2rem;
36
- }
37
- }
38
- }
39
-
40
- .info-card-wrapper {
41
- display: flex;
42
- }
43
-
44
- @media not all and (min-resolution: 0.001dpcm) {
45
- @supports (-webkit-appearance: none) {
46
- letter-spacing: -1px;
47
- }
48
- }
49
-
50
- .info-icon {
51
- margin-top: 0.1rem;
52
- margin-right: 0.5rem;
53
-
54
- path {
55
- fill: var(--primary-main-dark-1);
56
- }
57
- }
58
-
59
- .title {
60
- color: var(--primary-main-dark-1);
61
- font-size: 1rem;
62
- font-weight: bold;
63
-
64
- &.email {
65
- text-decoration: underline;
66
- }
67
-
68
- a {
69
- color: var(--primary-main-dark-1);
70
- }
71
- }
72
-
73
- .text {
74
- font-size: 0.875rem;
75
- color: var(--neutral-neutral-2);
76
- }
77
- `;
@@ -1,78 +0,0 @@
1
- import styled from 'styled-components'
2
-
3
- export const ContactInfoCardStyled = styled.div`
4
- width: 100%;
5
- background-color: var(--neutral-neutral-6);
6
- border-radius: var(--s-border-radius);
7
- margin-top: 1rem;
8
- margin-bottom: 1rem;
9
- display: flex;
10
- align-items: center;
11
- padding: 1rem 1.5rem;
12
-
13
- &.phone-mobile {
14
- flex-direction: column;
15
- align-items: center;
16
- text-align: center;
17
- .phone-mobile-contact {
18
- &-button {
19
- display: flex;
20
- justify-content: center;
21
- margin-bottom: 0.5rem;
22
- width: 100%;
23
-
24
- &:before {
25
- content: '';
26
- width: 20px;
27
- height: 20px;
28
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iZXA3dHIycDdyYSIgZD0iTTIwLjAxIDE1LjM4Yy0xLjIzIDAtMi40Mi0uMi0zLjUzLS41Ni0uMzUtLjEyLS43NC0uMDMtMS4wMS4yNGwtMS41NyAxLjk3Yy0yLjgzLTEuMzUtNS40OC0zLjktNi44OS02LjgzbDEuOTUtMS42NmMuMjctLjI4LjM1LS42Ny4yNC0xLjAyLS4zNy0xLjExLS41Ni0yLjMtLjU2LTMuNTMgMC0uNTQtLjQ1LS45OS0uOTktLjk5SDQuMTlDMy42NSAzIDMgMy4yNCAzIDMuOTkgMyAxMy4yOCAxMC43MyAyMSAyMC4wMSAyMWMuNzEgMCAuOTktLjYzLjk5LTEuMTh2LTMuNDVjMC0uNTQtLjQ1LS45OS0uOTktLjk5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc2LjAwMDAwMCwgLTMxNC4wMDAwMDApIHRyYW5zbGF0ZSgzMjguMDAwMDAwLCAyMDUuMDAwMDAwKSB0cmFuc2xhdGUoMzIuMDAwMDAwLCA5MC4wMDAwMDApIHRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSI3dHZidm9pbXpiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2VwN3RyMnA3cmEiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBjbGFzcz0iaWNvbi13ZWItMjQtcCIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCM3dHZidm9pbXpiKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
29
- margin-right: 0.5rem;
30
- }
31
- }
32
-
33
- &-text {
34
- color: var(--neutral-neutral-2);
35
- text-align: center;
36
- margin: 0 0 2rem;
37
- }
38
- }
39
- }
40
-
41
- .info-card-wrapper {
42
- display: flex;
43
- }
44
-
45
- @media not all and (min-resolution: 0.001dpcm) {
46
- @supports (-webkit-appearance: none) {
47
- letter-spacing: -1px;
48
- }
49
- }
50
-
51
- .info-icon {
52
- margin-top: 0.1rem;
53
- margin-right: 0.5rem;
54
-
55
- path {
56
- fill: var(--primary-main-dark-1);
57
- }
58
- }
59
-
60
- .title {
61
- color: var(--primary-main-dark-1);
62
- font-size: 1rem;
63
- font-weight: bold;
64
-
65
- &.email {
66
- text-decoration: underline;
67
- }
68
-
69
- a {
70
- color: var(--primary-main-dark-1);
71
- }
72
- }
73
-
74
- .text {
75
- font-size: 0.875rem;
76
- color: var(--neutral-neutral-2);
77
- }
78
- `
@@ -1,58 +0,0 @@
1
- import React from 'react'
2
-
3
- import { Button } from '../../atoms'
4
-
5
- import { ContactInfoCardProps } from './ContactInfoCardProps'
6
- import { ContactInfoCardStyled } from './ContactInfoCard.styled'
7
-
8
- import { InfoLocationSvg } from '../../../../images/componentsSvg/InfoLocationSvg'
9
- import { InfoMailSvg } from '../../../../images/componentsSvg/InfoMailSvg'
10
- import { InfoPhoneSvg } from '../../../../images/componentsSvg/InfoPhoneSvg'
11
-
12
- const iconMap = {
13
- email: <InfoMailSvg />,
14
- phone: <InfoPhoneSvg />,
15
- location: <InfoLocationSvg />
16
- }
17
-
18
- export const ContactInfoCard: React.FC<ContactInfoCardProps> = ({ type, isMobile = false, title, text }) => {
19
- if (type === 'phone' && isMobile) {
20
- return (
21
- <ContactInfoCardStyled className='contact-info-card phone-mobile'>
22
- <Button
23
- key={title}
24
- centered
25
- isExternal
26
- link={`tel:${title}`}
27
- gtmTag={'clicked_phone_contactus'}
28
- givenClass='phone-mobile-contact-button e-button e-button--link e-button--primary-1 e-button--center'
29
- label={title ?? ''}
30
- dataQa={'phone_contact_box'}
31
- />
32
- <p className='text'>{text}</p>
33
- </ContactInfoCardStyled>
34
- )
35
- } else {
36
- return (
37
- <ContactInfoCardStyled className='contact-info-card'>
38
- <div className='info-card-wrapper'>
39
- <div className='info-icon'>{iconMap[type]}</div>
40
- <div className='content'>
41
- {title && (
42
- <p className={`title${type === 'email' ? ' email' : ''}`}>
43
- {type === 'email' ? (
44
- <a href={`mailto:${title}`}>{title}</a>
45
- ) : type === 'phone' ? (
46
- <a href={`tel:${title}`}>{title}</a>
47
- ) : (
48
- title
49
- )}
50
- </p>
51
- )}
52
- <p className='text'>{text}</p>
53
- </div>
54
- </div>
55
- </ContactInfoCardStyled>
56
- )
57
- }
58
- }
@@ -1,7 +0,0 @@
1
- export type ContactInfoType = 'phone' | 'email' | 'location';
2
- export interface ContactInfoCardProps {
3
- type: ContactInfoType;
4
- isMobile?: boolean;
5
- title?: string;
6
- text: string;
7
- }
@@ -1,8 +0,0 @@
1
- export type ContactInfoType = 'phone' | 'email' | 'location'
2
-
3
- export interface ContactInfoCardProps {
4
- type: ContactInfoType
5
- isMobile?: boolean
6
- title?: string
7
- text: string
8
- }
@@ -1,2 +0,0 @@
1
- export * from './ContactInfoCard';
2
- export * from './ContactInfoCardProps';
@@ -1,2 +0,0 @@
1
- export * from './ContactInfoCard';
2
- export * from './ContactInfoCardProps';
@@ -1,2 +0,0 @@
1
- export * from './ContactInfoCard'
2
- export * from './ContactInfoCardProps'