@laerdal/life-react-components 5.0.0-dev.1 → 5.0.0-dev.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 (240) hide show
  1. package/dist/Accordion/AccordionItem.cjs +1 -1
  2. package/dist/Accordion/AccordionItem.cjs.map +1 -1
  3. package/dist/Accordion/AccordionItem.js +1 -1
  4. package/dist/Accordion/AccordionItem.js.map +1 -1
  5. package/dist/Accordion/styles.cjs +3 -3
  6. package/dist/Accordion/styles.cjs.map +1 -1
  7. package/dist/Accordion/styles.d.ts +1 -1
  8. package/dist/Accordion/styles.js +3 -3
  9. package/dist/Accordion/styles.js.map +1 -1
  10. package/dist/AuthPage/AuthPage.cjs +1 -1
  11. package/dist/AuthPage/AuthPage.cjs.map +1 -1
  12. package/dist/AuthPage/AuthPage.js +1 -1
  13. package/dist/AuthPage/AuthPage.js.map +1 -1
  14. package/dist/AuthPage/ScreenSetsContainer.cjs +1 -1
  15. package/dist/AuthPage/ScreenSetsContainer.cjs.map +1 -1
  16. package/dist/AuthPage/ScreenSetsContainer.d.ts +1 -1
  17. package/dist/AuthPage/ScreenSetsContainer.js +1 -1
  18. package/dist/AuthPage/ScreenSetsContainer.js.map +1 -1
  19. package/dist/Banners/Banner.cjs +8 -8
  20. package/dist/Banners/Banner.cjs.map +1 -1
  21. package/dist/Banners/Banner.d.ts +8 -2
  22. package/dist/Banners/Banner.js +8 -8
  23. package/dist/Banners/Banner.js.map +1 -1
  24. package/dist/Banners/OverviewBanner.d.ts +4 -4
  25. package/dist/Breadcrumb/Breadcrumb.cjs +2 -2
  26. package/dist/Breadcrumb/Breadcrumb.cjs.map +1 -1
  27. package/dist/Breadcrumb/Breadcrumb.js +2 -2
  28. package/dist/Breadcrumb/Breadcrumb.js.map +1 -1
  29. package/dist/Breadcrumb/styles.cjs +5 -5
  30. package/dist/Breadcrumb/styles.cjs.map +1 -1
  31. package/dist/Breadcrumb/styles.d.ts +2 -2
  32. package/dist/Breadcrumb/styles.js +5 -5
  33. package/dist/Breadcrumb/styles.js.map +1 -1
  34. package/dist/Button/BackButton.cjs +2 -2
  35. package/dist/Button/BackButton.cjs.map +1 -1
  36. package/dist/Button/BackButton.js +2 -2
  37. package/dist/Button/BackButton.js.map +1 -1
  38. package/dist/Button/Button.cjs +1 -1
  39. package/dist/Button/Button.cjs.map +1 -1
  40. package/dist/Button/Button.js +1 -1
  41. package/dist/Button/Button.js.map +1 -1
  42. package/dist/Button/DualFunctionButton.cjs +5 -5
  43. package/dist/Button/DualFunctionButton.cjs.map +1 -1
  44. package/dist/Button/DualFunctionButton.js +5 -5
  45. package/dist/Button/DualFunctionButton.js.map +1 -1
  46. package/dist/Button/Iconbutton.cjs +25 -23
  47. package/dist/Button/Iconbutton.cjs.map +1 -1
  48. package/dist/Button/Iconbutton.d.ts +24 -3
  49. package/dist/Button/Iconbutton.js +25 -23
  50. package/dist/Button/Iconbutton.js.map +1 -1
  51. package/dist/Card/VerticalCard/CardBottomSection.cjs +2 -2
  52. package/dist/Card/VerticalCard/CardBottomSection.cjs.map +1 -1
  53. package/dist/Card/VerticalCard/CardBottomSection.d.ts +1 -1
  54. package/dist/Card/VerticalCard/CardBottomSection.js +2 -2
  55. package/dist/Card/VerticalCard/CardBottomSection.js.map +1 -1
  56. package/dist/Card/VerticalCard/CardMiddleSection.cjs +2 -2
  57. package/dist/Card/VerticalCard/CardMiddleSection.cjs.map +1 -1
  58. package/dist/Card/VerticalCard/CardMiddleSection.d.ts +2 -2
  59. package/dist/Card/VerticalCard/CardMiddleSection.js +2 -2
  60. package/dist/Card/VerticalCard/CardMiddleSection.js.map +1 -1
  61. package/dist/Dropdown/BasicDropdown.cjs +9 -9
  62. package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
  63. package/dist/Dropdown/BasicDropdown.js +9 -9
  64. package/dist/Dropdown/BasicDropdown.js.map +1 -1
  65. package/dist/Dropdown/CommonStyling.cjs +10 -10
  66. package/dist/Dropdown/CommonStyling.cjs.map +1 -1
  67. package/dist/Dropdown/CommonStyling.d.ts +9 -9
  68. package/dist/Dropdown/CommonStyling.js +10 -10
  69. package/dist/Dropdown/CommonStyling.js.map +1 -1
  70. package/dist/Dropdown/DropdownContent.cjs +41 -41
  71. package/dist/Dropdown/DropdownContent.cjs.map +1 -1
  72. package/dist/Dropdown/DropdownContent.d.ts +12 -12
  73. package/dist/Dropdown/DropdownContent.js +41 -41
  74. package/dist/Dropdown/DropdownContent.js.map +1 -1
  75. package/dist/Dropdown/DropdownFilter.cjs +8 -8
  76. package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
  77. package/dist/Dropdown/DropdownFilter.js +8 -8
  78. package/dist/Dropdown/DropdownFilter.js.map +1 -1
  79. package/dist/Footer/Components/FooterDropdownLinks.cjs +3 -3
  80. package/dist/Footer/Components/FooterDropdownLinks.cjs.map +1 -1
  81. package/dist/Footer/Components/FooterDropdownLinks.js +3 -3
  82. package/dist/Footer/Components/FooterDropdownLinks.js.map +1 -1
  83. package/dist/Footer/Components/FooterNavSection.cjs +2 -2
  84. package/dist/Footer/Components/FooterNavSection.cjs.map +1 -1
  85. package/dist/Footer/Components/FooterNavSection.js +2 -2
  86. package/dist/Footer/Components/FooterNavSection.js.map +1 -1
  87. package/dist/Footer/SiteFooter.cjs +3 -3
  88. package/dist/Footer/SiteFooter.cjs.map +1 -1
  89. package/dist/Footer/SiteFooter.js +3 -3
  90. package/dist/Footer/SiteFooter.js.map +1 -1
  91. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs +5 -5
  92. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map +1 -1
  93. package/dist/GlobalNavigationBar/GlobalNavigationBar.js +5 -5
  94. package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  95. package/dist/GlobalNavigationBar/Logo.cjs +4 -4
  96. package/dist/GlobalNavigationBar/Logo.cjs.map +1 -1
  97. package/dist/GlobalNavigationBar/Logo.js +4 -4
  98. package/dist/GlobalNavigationBar/Logo.js.map +1 -1
  99. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs +2 -13
  100. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs.map +1 -1
  101. package/dist/GlobalNavigationBar/desktop/MainMenu.js +2 -13
  102. package/dist/GlobalNavigationBar/desktop/MainMenu.js.map +1 -1
  103. package/dist/GlobalNavigationBar/desktop/SubMenu.cjs +5 -5
  104. package/dist/GlobalNavigationBar/desktop/SubMenu.cjs.map +1 -1
  105. package/dist/GlobalNavigationBar/desktop/SubMenu.d.ts +2 -2
  106. package/dist/GlobalNavigationBar/desktop/SubMenu.js +5 -5
  107. package/dist/GlobalNavigationBar/desktop/SubMenu.js.map +1 -1
  108. package/dist/HyperLink/HyperLink.cjs +3 -3
  109. package/dist/HyperLink/HyperLink.cjs.map +1 -1
  110. package/dist/HyperLink/HyperLink.d.ts +2 -2
  111. package/dist/HyperLink/HyperLink.js +3 -3
  112. package/dist/HyperLink/HyperLink.js.map +1 -1
  113. package/dist/InputFields/Checkbox.cjs +4 -4
  114. package/dist/InputFields/Checkbox.cjs.map +1 -1
  115. package/dist/InputFields/Checkbox.d.ts +3 -3
  116. package/dist/InputFields/Checkbox.js +4 -4
  117. package/dist/InputFields/Checkbox.js.map +1 -1
  118. package/dist/InputFields/DatepickerField.cjs +9 -9
  119. package/dist/InputFields/DatepickerField.cjs.map +1 -1
  120. package/dist/InputFields/DatepickerField.js +9 -9
  121. package/dist/InputFields/DatepickerField.js.map +1 -1
  122. package/dist/InputFields/Label.cjs +2 -2
  123. package/dist/InputFields/Label.cjs.map +1 -1
  124. package/dist/InputFields/Label.js +2 -2
  125. package/dist/InputFields/Label.js.map +1 -1
  126. package/dist/InputFields/NumberField.cjs +24 -24
  127. package/dist/InputFields/NumberField.cjs.map +1 -1
  128. package/dist/InputFields/NumberField.js +24 -24
  129. package/dist/InputFields/NumberField.js.map +1 -1
  130. package/dist/InputFields/PasswordField.cjs +4 -4
  131. package/dist/InputFields/PasswordField.cjs.map +1 -1
  132. package/dist/InputFields/PasswordField.js +4 -4
  133. package/dist/InputFields/PasswordField.js.map +1 -1
  134. package/dist/InputFields/SearchBar.cjs +2 -2
  135. package/dist/InputFields/SearchBar.cjs.map +1 -1
  136. package/dist/InputFields/SearchBar.js +2 -2
  137. package/dist/InputFields/SearchBar.js.map +1 -1
  138. package/dist/InputFields/TextField.cjs +5 -5
  139. package/dist/InputFields/TextField.cjs.map +1 -1
  140. package/dist/InputFields/TextField.js +5 -5
  141. package/dist/InputFields/TextField.js.map +1 -1
  142. package/dist/InputFields/Textarea.cjs +3 -3
  143. package/dist/InputFields/Textarea.cjs.map +1 -1
  144. package/dist/InputFields/Textarea.js +3 -3
  145. package/dist/InputFields/Textarea.js.map +1 -1
  146. package/dist/InputFields/components/SearchField.cjs.map +1 -1
  147. package/dist/InputFields/components/SearchField.d.ts +1 -1
  148. package/dist/InputFields/components/SearchField.js.map +1 -1
  149. package/dist/InputFields/styling.cjs +7 -7
  150. package/dist/InputFields/styling.cjs.map +1 -1
  151. package/dist/InputFields/styling.d.ts +9 -9
  152. package/dist/InputFields/styling.js +7 -7
  153. package/dist/InputFields/styling.js.map +1 -1
  154. package/dist/Layouts/index.cjs +11 -11
  155. package/dist/Layouts/index.cjs.map +1 -1
  156. package/dist/Layouts/index.d.ts +6 -6
  157. package/dist/Layouts/index.js +11 -11
  158. package/dist/Layouts/index.js.map +1 -1
  159. package/dist/LoadingPage/GlobalLoadingPage.cjs.map +1 -1
  160. package/dist/LoadingPage/GlobalLoadingPage.js.map +1 -1
  161. package/dist/MenuItem/MenuItem.cjs +8 -8
  162. package/dist/MenuItem/MenuItem.cjs.map +1 -1
  163. package/dist/MenuItem/MenuItem.d.ts +2 -2
  164. package/dist/MenuItem/MenuItem.js +8 -8
  165. package/dist/MenuItem/MenuItem.js.map +1 -1
  166. package/dist/Modals/ModalDialog.cjs +11 -11
  167. package/dist/Modals/ModalDialog.cjs.map +1 -1
  168. package/dist/Modals/ModalDialog.js +11 -11
  169. package/dist/Modals/ModalDialog.js.map +1 -1
  170. package/dist/Modals/ModalNote.cjs +8 -8
  171. package/dist/Modals/ModalNote.cjs.map +1 -1
  172. package/dist/Modals/ModalNote.js +8 -8
  173. package/dist/Modals/ModalNote.js.map +1 -1
  174. package/dist/Modals/ModalStyles.cjs +19 -19
  175. package/dist/Modals/ModalStyles.cjs.map +1 -1
  176. package/dist/Modals/ModalStyles.d.ts +17 -17
  177. package/dist/Modals/ModalStyles.js +19 -19
  178. package/dist/Modals/ModalStyles.js.map +1 -1
  179. package/dist/NotificationDot/NotificationDot.cjs +11 -12
  180. package/dist/NotificationDot/NotificationDot.cjs.map +1 -1
  181. package/dist/NotificationDot/NotificationDot.js +11 -12
  182. package/dist/NotificationDot/NotificationDot.js.map +1 -1
  183. package/dist/Popover/Popover.cjs +40 -40
  184. package/dist/Popover/Popover.cjs.map +1 -1
  185. package/dist/Popover/Popover.d.ts +9 -9
  186. package/dist/Popover/Popover.js +40 -40
  187. package/dist/Popover/Popover.js.map +1 -1
  188. package/dist/QuizButton/QuizButton.cjs +14 -14
  189. package/dist/QuizButton/QuizButton.cjs.map +1 -1
  190. package/dist/QuizButton/QuizButton.js +14 -14
  191. package/dist/QuizButton/QuizButton.js.map +1 -1
  192. package/dist/Table/Table.cjs +1 -1
  193. package/dist/Table/Table.cjs.map +1 -1
  194. package/dist/Table/Table.js +1 -1
  195. package/dist/Table/Table.js.map +1 -1
  196. package/dist/Table/TableBody.cjs +2 -2
  197. package/dist/Table/TableBody.cjs.map +1 -1
  198. package/dist/Table/TableBody.js +2 -2
  199. package/dist/Table/TableBody.js.map +1 -1
  200. package/dist/Table/TableStyles.cjs +4 -4
  201. package/dist/Table/TableStyles.cjs.map +1 -1
  202. package/dist/Table/TableStyles.d.ts +3 -3
  203. package/dist/Table/TableStyles.js +4 -4
  204. package/dist/Table/TableStyles.js.map +1 -1
  205. package/dist/Tabs/TabLink.cjs +3 -3
  206. package/dist/Tabs/TabLink.cjs.map +1 -1
  207. package/dist/Tabs/TabLink.js +3 -3
  208. package/dist/Tabs/TabLink.js.map +1 -1
  209. package/dist/Tabs/Tabs.cjs.map +1 -1
  210. package/dist/Tabs/Tabs.js.map +1 -1
  211. package/dist/Tag/Tag.cjs +6 -6
  212. package/dist/Tag/Tag.cjs.map +1 -1
  213. package/dist/Tag/Tag.js +6 -6
  214. package/dist/Tag/Tag.js.map +1 -1
  215. package/dist/Toasters/Toast.cjs +16 -16
  216. package/dist/Toasters/Toast.cjs.map +1 -1
  217. package/dist/Toasters/Toast.d.ts +6 -7
  218. package/dist/Toasters/Toast.js +16 -16
  219. package/dist/Toasters/Toast.js.map +1 -1
  220. package/dist/Toggles/ToggleSwitch.cjs +1 -1
  221. package/dist/Toggles/ToggleSwitch.cjs.map +1 -1
  222. package/dist/Toggles/ToggleSwitch.js +1 -1
  223. package/dist/Toggles/ToggleSwitch.js.map +1 -1
  224. package/dist/Toggles/TogglerStyles.cjs.map +1 -1
  225. package/dist/Toggles/TogglerStyles.d.ts +1 -1
  226. package/dist/Toggles/TogglerStyles.js.map +1 -1
  227. package/dist/Tooltips/TooltipOverflow.cjs +7 -7
  228. package/dist/Tooltips/TooltipOverflow.cjs.map +1 -1
  229. package/dist/Tooltips/TooltipOverflow.js +7 -7
  230. package/dist/Tooltips/TooltipOverflow.js.map +1 -1
  231. package/dist/Tooltips/TooltipStyles.cjs +29 -29
  232. package/dist/Tooltips/TooltipStyles.cjs.map +1 -1
  233. package/dist/Tooltips/TooltipStyles.d.ts +9 -9
  234. package/dist/Tooltips/TooltipStyles.js +29 -29
  235. package/dist/Tooltips/TooltipStyles.js.map +1 -1
  236. package/dist/Tooltips/TooltipWrapper.cjs +7 -7
  237. package/dist/Tooltips/TooltipWrapper.cjs.map +1 -1
  238. package/dist/Tooltips/TooltipWrapper.js +7 -7
  239. package/dist/Tooltips/TooltipWrapper.js.map +1 -1
  240. package/package.json +1 -2
@@ -9,64 +9,64 @@ var distanceToEdge = function distanceToEdge(size) {
9
9
  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';
10
10
  };
11
11
  export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n pointer-events: none;\n ", "\n ", "\n ", "\n ", "\n box-shadow: ", ";\n box-sizing: border-box;\n\n padding: ", ";\n border-radius: 2px;\n ", "\n height: ", ";\n max-width: ", ";\n background: ", ";\n position: absolute;\n opacity: 0;\n z-index: ", ";\n ", "\n\n ", "\n ", "\n \n ", "\n\n\n&::after {\n ", "\n content: \"\";\n position: absolute;\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n margin: -0.5px;\n border-width: 4px;\n border-style: solid;\n border-color: ", " ", "\n ", " ", ";\n }\n\n & > span {\n word-wrap: break-word;\n color: white;\n }\n"])), function (props) {
12
- return props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
12
+ return props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
13
13
  }, function (props) {
14
- return props.size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
14
+ return props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
15
15
  }, function (props) {
16
- return props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
16
+ return props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
17
17
  }, function (props) {
18
- return props.align == 'center' ? 'text-align: center;' : '';
18
+ return props.$align == 'center' ? 'text-align: center;' : '';
19
19
  }, BOXSHADOWS.BOXSHADOW_L2, function (props) {
20
- return props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px';
20
+ return props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px';
21
21
  }, function (props) {
22
- return props.width ? "width: ".concat(props.width, ";") : 'width: max-content;';
22
+ return props.$width ? "width: ".concat(props.$width, ";") : 'width: max-content;';
23
23
  }, function (props) {
24
- return props.height;
24
+ return props.$height;
25
25
  }, function (props) {
26
- var _props$maxWidth;
27
- return (_props$maxWidth = props.maxWidth) !== null && _props$maxWidth !== void 0 ? _props$maxWidth : '34em';
26
+ var _props$$maxWidth;
27
+ return (_props$$maxWidth = props.$maxWidth) !== null && _props$$maxWidth !== void 0 ? _props$$maxWidth : '34em';
28
28
  }, function (props) {
29
29
  return COLORS.getColor('primary_800', props.theme);
30
30
  }, Z_INDEXES.tooltip, function (props) {
31
- return props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '';
31
+ return props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '';
32
32
  }, function (props) {
33
- return props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '';
33
+ return props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '';
34
34
  }, function (props) {
35
- return props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '';
35
+ return props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '';
36
36
  }, function (props) {
37
- return props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 0%;' : props.align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);';
37
+ return props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? 'left: 0%;' : props.$align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);';
38
38
  }, function (props) {
39
- return !props.withArrow ? 'display: none;' : '';
39
+ return !props.$withArrow ? 'display: none;' : '';
40
40
  }, function (props) {
41
- return props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '';
41
+ return props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '';
42
42
  }, function (props) {
43
- return props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '';
43
+ return props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '';
44
44
  }, function (props) {
45
- return props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '';
45
+ return props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '';
46
46
  }, function (props) {
47
- return props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? "left: ".concat(distanceToEdge(props.size), ";") : props.align == 'end' ? "right: ".concat(distanceToEdge(props.size), ";") : 'left: 50%;';
47
+ return props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? "left: ".concat(distanceToEdge(props.$size), ";") : props.$align == 'end' ? "right: ".concat(distanceToEdge(props.$size), ";") : 'left: 50%;';
48
48
  }, function (props) {
49
- return props.position == 'left' ? '' : 'margin-left: -5px;';
49
+ return props.$position == 'left' ? '' : 'margin-left: -5px;';
50
50
  }, function (props) {
51
- return props.position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
51
+ return props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
52
52
  }, function (props) {
53
- return props.position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
53
+ return props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
54
54
  }, function (props) {
55
- return props.position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
55
+ return props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
56
56
  }, function (props) {
57
- return props.position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
57
+ return props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
58
58
  });
59
59
  Tooltip.defaultProps = {
60
- withArrow: false,
61
- size: Size.Small,
62
- height: 'auto',
63
- align: 'center',
64
- position: 'bottom'
60
+ $withArrow: false,
61
+ $size: Size.Small,
62
+ $height: 'auto',
63
+ $align: 'center',
64
+ $position: 'bottom'
65
65
  };
66
66
  export var TooltipTrigger = function TooltipTrigger(triggerType, delay) {
67
67
  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), triggerType == 'hover' ? "&:hover ".concat(Tooltip, ", &:focus-within ").concat(Tooltip, ", &:focus ").concat(Tooltip, " {\n opacity: 1;\n transition: 0.5s;\n transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0.7s', ";\n }") : "& ".concat(Tooltip, " {\n transition: 0.5s;\n transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0s', ";\n }\n \n &.show ").concat(Tooltip, " {\n opacity: 1;\n }\n \n &.hide ").concat(Tooltip, " {\n opacity: 0;\n }"));
68
68
  };
69
69
  export var TooltipContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n\n ", "\n\n &:focus {\n ", "\n }\n"])), function (props) {
70
- return TooltipTrigger(props.triggerType, props.delay);
70
+ return TooltipTrigger(props.$triggerType, props.$delay);
71
71
  }, focusStyles);
72
72
  //# sourceMappingURL=TooltipStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","_templateObject","_taggedTemplateLiteral","props","Medium","Regular","getColor","theme","align","BOXSHADOW_L2","width","concat","height","_props$maxWidth","maxWidth","tooltip","position","withArrow","defaultProps","TooltipTrigger","triggerType","delay","_templateObject2","TooltipContainer","_templateObject3"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Size } from '../types';\r\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nconst distanceToEdge = (size: Size | undefined) => {\r\n return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\r\n};\r\n\r\nexport const Tooltip = styled.div<{\r\n withArrow?: boolean;\r\n size?: Size;\r\n height?: string;\r\n maxWidth?: string;\r\n align?: 'start' | 'end' | 'center' | undefined;\r\n position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n width?: string;\r\n}>`\r\n pointer-events: none;\r\n ${(props) => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.align == 'center' ? 'text-align: center;' : '')}\r\n box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n box-sizing: border-box;\r\n\r\n padding: ${(props) => (props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px')};\r\n border-radius: 2px;\r\n ${(props) => (props.width ? `width: ${props.width};` : 'width: max-content;')}\r\n height: ${(props) => props.height};\r\n max-width: ${(props) => props.maxWidth ?? '34em'};\r\n background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n position: absolute;\r\n opacity: 0;\r\n z-index: ${Z_INDEXES.tooltip};\r\n ${(props) => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\r\n\r\n ${(props) => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\r\n ${(props) => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\r\n \r\n ${(props) =>\r\n props.position == 'left' || props.position == 'right'\r\n ? ''\r\n : props.align == 'start'\r\n ? 'left: 0%;'\r\n : props.align == 'end'\r\n ? 'right: 0%;'\r\n : 'left: 50%; transform: translateX(-50%);'}\r\n\r\n\r\n&::after {\r\n ${(props) => (!props.withArrow ? 'display: none;' : '')}\r\n content: \"\";\r\n position: absolute;\r\n ${(props) => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\r\n\r\n ${(props) => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n ${(props) => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n\r\n ${(props) =>\r\n props.position == 'left' || props.position == 'right'\r\n ? ''\r\n : props.align == 'start'\r\n ? `left: ${distanceToEdge(props.size)};`\r\n : props.align == 'end'\r\n ? `right: ${distanceToEdge(props.size)};`\r\n : 'left: 50%;'}\r\n\r\n ${(props) => (props.position == 'left' ? '' : 'margin-left: -5px;')}\r\n margin: -0.5px;\r\n border-width: 4px;\r\n border-style: solid;\r\n border-color: ${(props) => (props.position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\r\n ${(props) => (props.position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\r\n }\r\n\r\n & > span {\r\n word-wrap: break-word;\r\n color: white;\r\n }\r\n`;\r\n\r\nTooltip.defaultProps = {\r\n withArrow: false,\r\n size: Size.Small,\r\n height: 'auto',\r\n align: 'center',\r\n position: 'bottom',\r\n};\r\n\r\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\r\n ${triggerType == 'hover'\r\n ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\r\n opacity: 1;\r\n transition: 0.5s;\r\n transition-delay: ${delay ?? '0.7s'};\r\n }`\r\n : `& ${Tooltip} {\r\n transition: 0.5s;\r\n transition-delay: ${delay ?? '0s'};\r\n }\r\n \r\n &.show ${Tooltip} {\r\n opacity: 1;\r\n }\r\n \r\n &.hide ${Tooltip} {\r\n opacity: 0;\r\n }`}\r\n`;\r\n\r\nexport const TooltipContainer = styled.div<{ triggerType: 'hover' | 'click', delay?: string }>`\r\n display: inline-block;\r\n position: relative;\r\n\r\n ${(props) => TooltipTrigger(props.triggerType, props.delay)}\r\n\r\n &:focus {\r\n ${focusStyles}\r\n }\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,UAAU,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAQ,WAAW;AAC/E,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AAC/F,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsB,EAAK;EACjD,OAAOA,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAG,KAAK,GAAG,CAACD,IAAI,IAAIA,IAAI,IAAIV,IAAI,CAACY,KAAK,GAAG,MAAM,GAAG,MAAM;AACpF,CAAC;AAED,OAAO,IAAMC,OAAO,GAAGf,MAAM,CAACgB,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ipBAU7B,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACP,IAAI,IAAIV,IAAI,CAACY,KAAK,IAAIK,KAAK,CAACP,IAAI,IAAIV,IAAI,CAACkB,MAAM,GAAGZ,iBAAiB,CAACH,kBAAkB,CAACgB,OAAO,EAAEjB,MAAM,CAACkB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EAC9J,UAACJ,KAAK;EAAA,OAAMA,KAAK,CAACP,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAGJ,kBAAkB,CAACJ,kBAAkB,CAACgB,OAAO,EAAEjB,MAAM,CAACkB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EACjI,UAACJ,KAAK;EAAA,OAAMA,KAAK,CAACP,IAAI,IAAIV,IAAI,CAACkB,MAAM,GAAGb,iBAAiB,CAACF,kBAAkB,CAACgB,OAAO,EAAEjB,MAAM,CAACkB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EAClI,UAACJ,KAAK;EAAA,OAAMA,KAAK,CAACK,KAAK,IAAI,QAAQ,GAAG,qBAAqB,GAAG,EAAE;AAAA,CAAC,EACrDrB,UAAU,CAACsB,YAAY,EAG5B,UAACN,KAAK;EAAA,OAAMA,KAAK,CAACP,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAG,SAAS,GAAGM,KAAK,CAACP,IAAI,IAAIV,IAAI,CAACkB,MAAM,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC,EAEjH,UAACD,KAAK;EAAA,OAAMA,KAAK,CAACO,KAAK,aAAAC,MAAA,CAAaR,KAAK,CAACO,KAAK,SAAM,qBAAqB;AAAA,CAAC,EACnE,UAACP,KAAK;EAAA,OAAKA,KAAK,CAACS,MAAM;AAAA,GACpB,UAACT,KAAK;EAAA,IAAAU,eAAA;EAAA,QAAAA,eAAA,GAAKV,KAAK,CAACW,QAAQ,cAAAD,eAAA,cAAAA,eAAA,GAAI,MAAM;AAAA,GAClC,UAAAV,KAAK;EAAA,OAAIf,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGvDb,SAAS,CAACqB,OAAO,EAC1B,UAACZ,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,KAAK,GAAG,eAAe,GAAGb,KAAK,CAACa,QAAQ,IAAI,QAAQ,GAAG,YAAY,GAAG,EAAE;AAAA,CAAC,EAEvG,UAACb,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,MAAM,GAAG,4DAA4D,GAAG,EAAE;AAAA,CAAC,EACvG,UAACb,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,OAAO,GAAG,qDAAqD,GAAG,EAAE;AAAA,CAAC,EAEnG,UAACb,KAAK;EAAA,OACRA,KAAK,CAACa,QAAQ,IAAI,MAAM,IAAIb,KAAK,CAACa,QAAQ,IAAI,OAAO,GACjD,EAAE,GACFb,KAAK,CAACK,KAAK,IAAI,OAAO,GACtB,WAAW,GACXL,KAAK,CAACK,KAAK,IAAI,KAAK,GACpB,YAAY,GACZ,yCAAyC;AAAA,GAI3C,UAACL,KAAK;EAAA,OAAM,CAACA,KAAK,CAACc,SAAS,GAAG,gBAAgB,GAAG,EAAE;AAAA,CAAC,EAGrD,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,KAAK,GAAG,YAAY,GAAGb,KAAK,CAACa,QAAQ,IAAI,QAAQ,GAAG,eAAe,GAAG,EAAE;AAAA,CAAC,EAEvG,UAACb,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,OAAO,GAAG,uDAAuD,GAAG,EAAE;AAAA,CAAC,EACrG,UAACb,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,MAAM,GAAG,sDAAsD,GAAG,EAAE;AAAA,CAAC,EAEnG,UAACb,KAAK;EAAA,OACNA,KAAK,CAACa,QAAQ,IAAI,MAAM,IAAIb,KAAK,CAACa,QAAQ,IAAI,OAAO,GACjD,EAAE,GACFb,KAAK,CAACK,KAAK,IAAI,OAAO,YAAAG,MAAA,CACbhB,cAAc,CAACQ,KAAK,CAACP,IAAI,CAAC,SACnCO,KAAK,CAACK,KAAK,IAAI,KAAK,aAAAG,MAAA,CACVhB,cAAc,CAACQ,KAAK,CAACP,IAAI,CAAC,SACpC,YAAY;AAAA,GAEhB,UAACO,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,MAAM,GAAG,EAAE,GAAG,oBAAoB;AAAA,CAAC,EAInD,UAACb,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,KAAK,GAAG5B,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EAAI,UAACJ,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,OAAO,GAAG5B,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EACtN,UAACJ,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,QAAQ,GAAG5B,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EAAI,UAACJ,KAAK;EAAA,OAAMA,KAAK,CAACa,QAAQ,IAAI,MAAM,GAAG5B,MAAM,CAACkB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,CAOnN;AAEDR,OAAO,CAACmB,YAAY,GAAG;EACrBD,SAAS,EAAE,KAAK;EAChBrB,IAAI,EAAEV,IAAI,CAACY,KAAK;EAChBc,MAAM,EAAE,MAAM;EACdJ,KAAK,EAAE,QAAQ;EACfQ,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,WAA8B,EAAEC,KAAc;EAAA,OAAKpC,GAAG,CAAAqC,gBAAA,KAAAA,gBAAA,GAAApB,sBAAA,mBACjFkB,WAAW,IAAI,OAAO,cAAAT,MAAA,CACTZ,OAAO,uBAAAY,MAAA,CAAoBZ,OAAO,gBAAAY,MAAA,CAAaZ,OAAO,4EAAAY,MAAA,CAG/CU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM,qBAAAV,MAAA,CAE5BZ,OAAO,2DAAAY,MAAA,CAEQU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,+BAAAV,MAAA,CAG1BZ,OAAO,mDAAAY,MAAA,CAIPZ,OAAO,iCAEd;AAAA,CACL;AAED,OAAO,IAAMwB,gBAAgB,GAAGvC,MAAM,CAACgB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAtB,sBAAA,oGAItC,UAACC,KAAK;EAAA,OAAKgB,cAAc,CAAChB,KAAK,CAACiB,WAAW,EAAEjB,KAAK,CAACkB,KAAK,CAAC;AAAA,GAGvD/B,WAAW,CAEhB","ignoreList":[]}
1
+ {"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","_templateObject","_taggedTemplateLiteral","props","$size","Medium","Regular","getColor","theme","$align","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","tooltip","$position","$withArrow","defaultProps","TooltipTrigger","triggerType","delay","_templateObject2","TooltipContainer","_templateObject3","$triggerType","$delay"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Size } from '../types';\r\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nconst distanceToEdge = (size: Size | undefined) => {\r\n return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\r\n};\r\n\r\nexport const Tooltip = styled.div<{\r\n $withArrow?: boolean;\r\n $size?: Size;\r\n $height?: string;\r\n $maxWidth?: string;\r\n $align?: 'start' | 'end' | 'center' | undefined;\r\n $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n $width?: string;\r\n}>`\r\n pointer-events: none;\r\n ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\r\n box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n box-sizing: border-box;\r\n\r\n padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\r\n border-radius: 2px;\r\n ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\r\n height: ${(props) => props.$height};\r\n max-width: ${(props) => props.$maxWidth ?? '34em'};\r\n background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n position: absolute;\r\n opacity: 0;\r\n z-index: ${Z_INDEXES.tooltip};\r\n ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\r\n\r\n ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\r\n ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\r\n \r\n ${(props) =>\r\n props.$position == 'left' || props.$position == 'right'\r\n ? ''\r\n : props.$align == 'start'\r\n ? 'left: 0%;'\r\n : props.$align == 'end'\r\n ? 'right: 0%;'\r\n : 'left: 50%; transform: translateX(-50%);'}\r\n\r\n\r\n&::after {\r\n ${(props) => (!props.$withArrow ? 'display: none;' : '')}\r\n content: \"\";\r\n position: absolute;\r\n ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\r\n\r\n ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n\r\n ${(props) =>\r\n props.$position == 'left' || props.$position == 'right'\r\n ? ''\r\n : props.$align == 'start'\r\n ? `left: ${distanceToEdge(props.$size)};`\r\n : props.$align == 'end'\r\n ? `right: ${distanceToEdge(props.$size)};`\r\n : 'left: 50%;'}\r\n\r\n ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\r\n margin: -0.5px;\r\n border-width: 4px;\r\n border-style: solid;\r\n border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\r\n ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\r\n }\r\n\r\n & > span {\r\n word-wrap: break-word;\r\n color: white;\r\n }\r\n`;\r\n\r\nTooltip.defaultProps = {\r\n $withArrow: false,\r\n $size: Size.Small,\r\n $height: 'auto',\r\n $align: 'center',\r\n $position: 'bottom',\r\n};\r\n\r\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\r\n ${triggerType == 'hover'\r\n ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\r\n opacity: 1;\r\n transition: 0.5s;\r\n transition-delay: ${delay ?? '0.7s'};\r\n }`\r\n : `& ${Tooltip} {\r\n transition: 0.5s;\r\n transition-delay: ${delay ?? '0s'};\r\n }\r\n \r\n &.show ${Tooltip} {\r\n opacity: 1;\r\n }\r\n \r\n &.hide ${Tooltip} {\r\n opacity: 0;\r\n }`}\r\n`;\r\n\r\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\r\n display: inline-block;\r\n position: relative;\r\n\r\n ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\r\n\r\n &:focus {\r\n ${focusStyles}\r\n }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
@@ -81,17 +81,17 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
81
81
  var cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
82
82
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TooltipStyles.TooltipContainer, {
83
83
  ref: ref,
84
- delay: delay,
84
+ $delay: delay,
85
85
  tabIndex: tabIndex,
86
- triggerType: trigger,
86
+ $triggerType: trigger,
87
87
  className: cls,
88
88
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipStyles.Tooltip, _objectSpread(_objectSpread({
89
- align: align,
90
- height: height,
89
+ $align: align,
90
+ $height: height,
91
91
  role: "tooltip",
92
- size: size,
93
- withArrow: withArrow,
94
- position: position
92
+ $size: size,
93
+ $withArrow: withArrow,
94
+ $position: position
95
95
  }, props), {}, {
96
96
  children: label
97
97
  })), children]
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipWrapper.cjs","names":["React","_interopRequireWildcard","require","_TooltipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","showTooltip","setShowTooltip","timeoutRef","useRef","ref","useClickOutsideRef","handleClick","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","useEffect","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","jsxs","TooltipContainer","triggerType","className","jsx","Tooltip","role","_default","exports"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n delay={delay}\r\n tabIndex={tabIndex}\r\n triggerType={trigger}\r\n className={cls}>\r\n <Tooltip align={align}\r\n height={height}\r\n role=\"tooltip\"\r\n size={size}\r\n withArrow={withArrow}\r\n position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"TooltipWrapper.cjs","names":["React","_interopRequireWildcard","require","_TooltipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","showTooltip","setShowTooltip","timeoutRef","useRef","ref","useClickOutsideRef","handleClick","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","useEffect","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","jsxs","TooltipContainer","$delay","$triggerType","className","jsx","Tooltip","$align","$height","role","$size","$withArrow","$position","_default","exports"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n $delay={delay}\r\n tabIndex={tabIndex}\r\n $triggerType={trigger}\r\n className={cls}>\r\n <Tooltip $align={align}\r\n $height={height}\r\n role=\"tooltip\"\r\n $size={size}\r\n $withArrow={withArrow}\r\n $position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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","ignoreList":[]}
@@ -73,17 +73,17 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
73
73
  var cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
74
74
  return /*#__PURE__*/_jsxs(TooltipContainer, {
75
75
  ref: ref,
76
- delay: delay,
76
+ $delay: delay,
77
77
  tabIndex: tabIndex,
78
- triggerType: trigger,
78
+ $triggerType: trigger,
79
79
  className: cls,
80
80
  children: [/*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
81
- align: align,
82
- height: height,
81
+ $align: align,
82
+ $height: height,
83
83
  role: "tooltip",
84
- size: size,
85
- withArrow: withArrow,
86
- position: position
84
+ $size: size,
85
+ $withArrow: withArrow,
86
+ $position: position
87
87
  }, props), {}, {
88
88
  children: label
89
89
  })), children]
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","showTooltip","setShowTooltip","timeoutRef","ref","handleClick","e","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","triggerType","className","_objectSpread","role"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n delay={delay}\r\n tabIndex={tabIndex}\r\n triggerType={trigger}\r\n className={cls}>\r\n <Tooltip align={align}\r\n height={height}\r\n role=\"tooltip\"\r\n size={size}\r\n withArrow={withArrow}\r\n position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","showTooltip","setShowTooltip","timeoutRef","ref","handleClick","e","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","$delay","$triggerType","className","_objectSpread","$align","$height","role","$size","$withArrow","$position"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n $delay={delay}\r\n tabIndex={tabIndex}\r\n $triggerType={trigger}\r\n className={cls}>\r\n <Tooltip $align={align}\r\n $height={height}\r\n role=\"tooltip\"\r\n $size={size}\r\n $withArrow={withArrow}\r\n $position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "5.0.0-dev.1",
3
+ "version": "5.0.0-dev.2",
4
4
  "private": false,
5
5
  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
6
6
  "contributors": [],
@@ -126,7 +126,6 @@
126
126
  "react-share": "^5.1.0",
127
127
  "regenerator-runtime": "^0.13.9",
128
128
  "storybook": "^8.1.3",
129
- "storybook-addon-theme-provider": "^0.2.2",
130
129
  "ts-jest": "^29.0.3"
131
130
  },
132
131
  "peerDependencies": {