@tactics/toddle-styleguide 1.2.9 → 1.3.0

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 (243) hide show
  1. package/App.tsx +11 -0
  2. package/index.d.ts +2 -1
  3. package/index.tsx +2 -0
  4. package/package.json +1 -1
  5. package/src/components/atoms/backdrop/backdrop.component.d.ts +7 -4
  6. package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap +18 -18
  7. package/src/components/atoms/calendar/calendar.component.d.ts +11 -6
  8. package/src/components/atoms/check-switch/check-switch.component.d.ts +3 -3
  9. package/src/components/atoms/footer/footer.component.d.ts +6 -6
  10. package/src/components/atoms/heading-components/all-caps-heading/all-caps-heading.component.d.ts +10 -2
  11. package/src/components/atoms/heading-components/heading1/heading1.component.d.ts +10 -2
  12. package/src/components/atoms/heading-components/heading2/heading2.component.d.ts +10 -2
  13. package/src/components/atoms/heading-components/heading3/heading3.component.d.ts +10 -2
  14. package/src/components/atoms/heading-components/heading4/heading4.component.d.ts +10 -2
  15. package/src/components/atoms/heading-components/index.d.ts +6 -6
  16. package/src/components/atoms/image-bubble/image-bubble.component.d.ts +9 -6
  17. package/src/components/atoms/increment-input/increment-input.component.d.ts +8 -4
  18. package/src/components/atoms/line/line.component.d.ts +12 -0
  19. package/src/components/atoms/line/line.component.tsx +23 -0
  20. package/src/components/atoms/line/line.preview.d.ts +1 -0
  21. package/src/components/atoms/line/line.preview.tsx +54 -0
  22. package/src/components/atoms/line/line.styles.d.ts +12 -0
  23. package/src/components/atoms/line/line.styles.js +10 -0
  24. package/src/components/atoms/logo/logo.component.d.ts +4 -4
  25. package/src/components/atoms/paragraph-components/index.d.ts +4 -4
  26. package/src/components/atoms/paragraph-components/paragraph/paragraph.component.d.ts +10 -2
  27. package/src/components/atoms/paragraph-components/small-text/small-text.component.d.ts +10 -2
  28. package/src/components/atoms/paragraph-components/tiny-text/tiny-text.component.d.ts +10 -2
  29. package/src/components/atoms/quick-message/quick-message.component.d.ts +10 -5
  30. package/src/components/atoms/quick-message/quick-message.styles.d.ts +16 -13
  31. package/src/components/atoms/split-container/split-container.component.d.ts +7 -4
  32. package/src/components/atoms/static-wave/static-wave.component.d.ts +11 -6
  33. package/src/components/atoms/text-input/__snapshots__/text-input.test.js.snap +38 -78
  34. package/src/components/atoms/text-input/text-input.component.d.ts +10 -6
  35. package/src/components/atoms/text-input/text-input.preview.d.ts +1 -1
  36. package/src/components/atoms/text-input/text-input.styles.d.ts +33 -25
  37. package/src/components/molecules/avatar/avatar.component.d.ts +18 -11
  38. package/src/components/molecules/blocked-message/blocked-message.component.d.ts +4 -2
  39. package/src/components/molecules/button/button.component.d.ts +20 -11
  40. package/src/components/molecules/calendar-select/calendar-select.component.d.ts +12 -7
  41. package/src/components/molecules/cancel-link/cancel-link.component.d.ts +4 -4
  42. package/src/components/molecules/checkbox/checkbox.component.d.ts +9 -5
  43. package/src/components/molecules/contact-role/contact-role.component.d.ts +6 -3
  44. package/src/components/molecules/date-input/date-input.component.d.ts +7 -4
  45. package/src/components/molecules/day/__snapshots__/day.test.js.snap +24 -24
  46. package/src/components/molecules/day/day.component.d.ts +6 -6
  47. package/src/components/molecules/day/day.styles.d.ts +34 -26
  48. package/src/components/molecules/default-select/default-select.component.d.ts +6 -3
  49. package/src/components/molecules/department_logo/department-logo.component.d.ts +5 -3
  50. package/src/components/molecules/failed-to-send/failed-bubble.component.d.ts +11 -6
  51. package/src/components/molecules/failed-to-send/failed-bubble.component.tsx +39 -22
  52. package/src/components/molecules/filter-range/filter-range.component.d.ts +14 -7
  53. package/src/components/molecules/filter-tab/filter-tab.component.d.ts +11 -7
  54. package/src/components/molecules/info/info.component.d.ts +4 -4
  55. package/src/components/molecules/language-button/language-button.component.d.ts +8 -4
  56. package/src/components/molecules/message-input/message-input.component.d.ts +11 -7
  57. package/src/components/molecules/more-info-button/more-info-button.component.d.ts +8 -4
  58. package/src/components/molecules/password-input/__snapshots__/password-input.test.js.snap +53 -68
  59. package/src/components/molecules/password-input/password-input.component.d.ts +9 -5
  60. package/src/components/molecules/password-input/password-input.styles.d.ts +27 -27
  61. package/src/components/molecules/pill/pill.component.d.ts +5 -5
  62. package/src/components/molecules/pressable-icon/pressable-icon.component.d.ts +10 -5
  63. package/src/components/molecules/quick-filter/quick-filter.component.d.ts +16 -9
  64. package/src/components/molecules/search-input/__snapshots__/search.test.js.snap +20 -31
  65. package/src/components/molecules/search-input/search.component.d.ts +12 -7
  66. package/src/components/molecules/search-input/search.preview.d.ts +1 -1
  67. package/src/components/molecules/search-input/search.styles.d.ts +31 -31
  68. package/src/components/molecules/select-link/select-link.component.d.ts +4 -4
  69. package/src/components/molecules/select-list-item/select-list-item.component.d.ts +13 -7
  70. package/src/components/molecules/select-picker/select-picker.component.d.ts +13 -8
  71. package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap +12 -32
  72. package/src/components/molecules/send-bubble/send-text-bubble.component.d.ts +17 -10
  73. package/src/components/molecules/send-bubble/send-text-bubble.component.tsx +35 -20
  74. package/src/components/molecules/send-bubble/send-text-bubble.styles.d.ts +71 -58
  75. package/src/components/molecules/snackbar/snackbar.component.d.ts +5 -5
  76. package/src/components/molecules/swipe/swipe.component.d.ts +5 -5
  77. package/src/components/molecules/tag/tag.component.d.ts +11 -6
  78. package/src/components/molecules/time-picker/time-picker.component.d.ts +10 -5
  79. package/src/components/molecules/time-tracker/time-tracker.component.d.ts +10 -6
  80. package/src/components/molecules/timeline/__snapshots__/timeline.test.js.snap +4 -4
  81. package/src/components/molecules/timeline/timeline.component.d.ts +6 -3
  82. package/src/components/molecules/timeline/timeline.styles.d.ts +49 -39
  83. package/src/components/molecules/timestamp/__snapshots__/timestamp.test.js.snap +2 -1
  84. package/src/components/molecules/timestamp/timestamp.component.d.ts +4 -4
  85. package/src/components/molecules/wave-background/wave.component.d.ts +7 -2
  86. package/src/components/molecules/wide-button/wide-button.component.d.ts +11 -6
  87. package/src/components/organisms/child-list-item/child-list-item.component.d.ts +34 -18
  88. package/src/components/organisms/child-list-item/child-list-item.styles.d.ts +38 -35
  89. package/src/components/organisms/child-list-item/components/child-list-tag.component.d.ts +6 -3
  90. package/src/components/organisms/child-list-item/components/child-list-tag.styles.d.ts +12 -9
  91. package/src/components/organisms/contact-item/contact-item.component.d.ts +11 -6
  92. package/src/components/organisms/day-select/day-select.component.d.ts +10 -6
  93. package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.d.ts +9 -0
  94. package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.styles.d.ts +13 -0
  95. package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.styles.js +17 -0
  96. package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.test.js +21 -0
  97. package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.tsx +97 -0
  98. package/src/components/organisms/journal-entry/components/index.d.ts +2 -0
  99. package/src/components/organisms/journal-entry/components/index.ts +2 -0
  100. package/src/components/organisms/journal-entry/components/journal-entry-type/__snapshots__/journal-entry-type.test.js.snap +304 -0
  101. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.d.ts +16 -0
  102. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.tsx +60 -0
  103. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.styles.d.ts +13 -0
  104. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.styles.js +16 -0
  105. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.test.js +48 -0
  106. package/src/components/organisms/journal-entry/journal-entry.component.d.ts +38 -0
  107. package/src/components/organisms/journal-entry/journal-entry.component.tsx +139 -0
  108. package/src/components/organisms/journal-entry/journal-entry.preview.d.ts +1 -0
  109. package/src/components/organisms/journal-entry/journal-entry.preview.tsx +212 -0
  110. package/src/components/organisms/journal-entry/journal-entry.styles.d.ts +42 -0
  111. package/src/components/organisms/journal-entry/journal-entry.styles.js +35 -0
  112. package/src/components/organisms/loading-indicator/animation-style.animate.d.ts +13 -3
  113. package/src/components/organisms/loading-indicator/dot.component.d.ts +3 -3
  114. package/src/components/organisms/loading-indicator/loading-indicator.component.d.ts +9 -2
  115. package/src/components/organisms/my-child-list-item/my-child-list-item.component.d.ts +16 -9
  116. package/src/components/organisms/my-child-list-item/my-child-list-item.styles.d.ts +31 -31
  117. package/src/components/organisms/person-info-card/person-info-card.component.d.ts +18 -10
  118. package/src/components/organisms/tab-view/tab-view.component.d.ts +12 -8
  119. package/src/components/organisms/text-bubble/__snapshots__/text-bubble.test.js.snap +45 -29
  120. package/src/components/organisms/text-bubble/text-bubble.component.d.ts +26 -15
  121. package/src/components/organisms/text-bubble/text-bubble.component.tsx +12 -12
  122. package/src/components/organisms/text-bubble/text-bubble.preview.tsx +6 -15
  123. package/src/components/organisms/text-bubble/text-bubble.styles.d.ts +56 -32
  124. package/src/components/organisms/text-bubble/text-bubble.styles.js +4 -0
  125. package/src/components/organisms/text-bubble/text-bubble.test.js +7 -7
  126. package/src/components/templates/modal/components/fade-panel.component.d.ts +16 -8
  127. package/src/components/templates/modal/modal.component.d.ts +14 -7
  128. package/src/components/templates/popover/components/foreground/foreground.component.d.ts +4 -4
  129. package/src/components/templates/popover/components/modal/close/close.component.d.ts +4 -4
  130. package/src/components/templates/popover/components/modal/heading/heading.component.d.ts +4 -4
  131. package/src/components/templates/popover/components/modal/modal.component.d.ts +17 -9
  132. package/src/components/templates/popover/components/modal/scroll-content/scroll-content.component.d.ts +5 -3
  133. package/src/components/templates/popover/popover.component.d.ts +15 -8
  134. package/src/components/templates/popover-action/popover-action.component.d.ts +8 -4
  135. package/src/context/loading-dots.context.d.ts +9 -6
  136. package/src/context/theme.context.d.ts +47 -47
  137. package/src/gradients/main/main.gradient.d.ts +4 -2
  138. package/src/icons/index.d.ts +7 -2
  139. package/src/icons/outline/calendar/calendar.icon.d.ts +2 -2
  140. package/src/icons/outline/chat/chat.icon.d.ts +2 -2
  141. package/src/icons/outline/chat-alt/chat-alt.icon.d.ts +2 -2
  142. package/src/icons/outline/check-circle/check-circle.icon.d.ts +5 -2
  143. package/src/icons/outline/chevron-left/chevron-left.icon.d.ts +5 -2
  144. package/src/icons/outline/chevron-right/chevron-right.icon.d.ts +5 -2
  145. package/src/icons/outline/clock/clock.icon.d.ts +2 -2
  146. package/src/icons/outline/cloud-download/cloud-download.icon.d.ts +5 -2
  147. package/src/icons/outline/currency-euro/currency-euro.icon.d.ts +5 -2
  148. package/src/icons/outline/document-text/document-text.icon.d.ts +5 -2
  149. package/src/icons/outline/exclamation/exclamation.icon.d.ts +5 -2
  150. package/src/icons/outline/exclamation-circle/exclamation-circle.icon.d.ts +5 -2
  151. package/src/icons/outline/eye/eye.icon.d.ts +2 -2
  152. package/src/icons/outline/eye-off/eye-off.icon.d.ts +2 -2
  153. package/src/icons/outline/filter/filter.icon.d.ts +2 -2
  154. package/src/icons/outline/information-circle/information-circle.icon.d.ts +5 -2
  155. package/src/icons/outline/logout/logout.icon.d.ts +2 -2
  156. package/src/icons/outline/mail/mail.icon.d.ts +2 -2
  157. package/src/icons/outline/mail-open/mail-open.icon.d.ts +2 -2
  158. package/src/icons/outline/menu/menu.icon.d.ts +2 -2
  159. package/src/icons/outline/minus-sm/minus-sm.icon.d.ts +5 -2
  160. package/src/icons/outline/office-building/office-building.icon.d.ts +5 -2
  161. package/src/icons/outline/outline.d.ts +6 -2
  162. package/src/icons/outline/paper-airplane/paper-airplane.icon.d.ts +5 -2
  163. package/src/icons/outline/paperclip/paperclip.icon.d.ts +5 -2
  164. package/src/icons/outline/pencil/pencil.icon.d.ts +2 -2
  165. package/src/icons/outline/phone/phone.icon.d.ts +2 -2
  166. package/src/icons/outline/plus/plus.icon.d.ts +2 -2
  167. package/src/icons/outline/plus-sm/plus-sm.icon.d.ts +5 -2
  168. package/src/icons/outline/qrcode/qrcode.icon.d.ts +2 -2
  169. package/src/icons/outline/refresh/refresh.icon.d.ts +2 -2
  170. package/src/icons/outline/search/search.icon.d.ts +2 -2
  171. package/src/icons/outline/selector/selector.icon.d.ts +2 -2
  172. package/src/icons/outline/sm-view-grid-add/sm-view-grid-add.icon.d.ts +5 -2
  173. package/src/icons/outline/status-online/status-online.icon.d.ts +5 -2
  174. package/src/icons/outline/thumb-up/thumb-up.icon.d.ts +2 -2
  175. package/src/icons/outline/trash/trash.icon.d.ts +2 -2
  176. package/src/icons/outline/user/user.icon.d.ts +2 -2
  177. package/src/icons/outline/user-group/user-group.icon.d.ts +5 -2
  178. package/src/icons/outline/users/users.icon.d.ts +2 -2
  179. package/src/icons/outline/xmark/xmark.icon.d.ts +2 -2
  180. package/src/icons/solid/calendar/calendar.icon.d.ts +2 -2
  181. package/src/icons/solid/chat/chat.icon.d.ts +2 -2
  182. package/src/icons/solid/chat-alt/chat-alt-solid.icon.d.ts +2 -2
  183. package/src/icons/solid/check-circle/check-circle.icon.d.ts +5 -2
  184. package/src/icons/solid/chevron-left/chevron-left.icon.d.ts +5 -2
  185. package/src/icons/solid/chevron-right/chevron-right.icon.d.ts +5 -2
  186. package/src/icons/solid/clock/clock-solid.icon.d.ts +2 -2
  187. package/src/icons/solid/cloud-download/cloud-download.icon.d.ts +5 -2
  188. package/src/icons/solid/currency-euro/currency-euro.icon.d.ts +5 -2
  189. package/src/icons/solid/document-text/document-text-solid.icon.d.ts +5 -2
  190. package/src/icons/solid/exclamation/exclamation.icon.d.ts +5 -2
  191. package/src/icons/solid/exclamation-circle/exclamation-circle.icon.d.ts +5 -2
  192. package/src/icons/solid/eye/eye.icon.d.ts +2 -2
  193. package/src/icons/solid/eye-off/eye-off.icon.d.ts +2 -2
  194. package/src/icons/solid/filter/filter.icon.d.ts +2 -2
  195. package/src/icons/solid/information-circle/information-circle-solid.icon.d.ts +5 -2
  196. package/src/icons/solid/logout/logout.icon.d.ts +2 -2
  197. package/src/icons/solid/mail/mail.icon.d.ts +2 -2
  198. package/src/icons/solid/mail-open/mail-open.icon.d.ts +2 -2
  199. package/src/icons/solid/menu/menu.icon.d.ts +2 -2
  200. package/src/icons/solid/minus-sm/minus-sm.icon.d.ts +5 -2
  201. package/src/icons/solid/office-building/office-building.icon.d.ts +5 -2
  202. package/src/icons/solid/paper-airplane/paper-airplane.icon.d.ts +5 -2
  203. package/src/icons/solid/paperclip/paperclip.icon.d.ts +5 -2
  204. package/src/icons/solid/pencil/pencil-solid.icon.d.ts +2 -2
  205. package/src/icons/solid/phone/phone-solid.icon.d.ts +2 -2
  206. package/src/icons/solid/plus/plus.icon.d.ts +2 -2
  207. package/src/icons/solid/plus-sm/plus-sm.icon.d.ts +5 -2
  208. package/src/icons/solid/qrcode/qrcode.icon.d.ts +2 -2
  209. package/src/icons/solid/refresh/refresh-solid.icon.d.ts +2 -2
  210. package/src/icons/solid/search/search.icon.d.ts +2 -2
  211. package/src/icons/solid/selector/selector.icon.d.ts +2 -2
  212. package/src/icons/solid/sm-view-grid-add/sm-view-grid-add.icon.d.ts +5 -2
  213. package/src/icons/solid/solid.d.ts +6 -2
  214. package/src/icons/solid/status-online/status-online-solid.icon.d.ts +5 -2
  215. package/src/icons/solid/thumb-up/thumb-up.icon.d.ts +2 -2
  216. package/src/icons/solid/trash/trash-solid.icon.d.ts +2 -2
  217. package/src/icons/solid/user/user.icon.d.ts +2 -2
  218. package/src/icons/solid/user-group/user-group.icon.d.ts +5 -2
  219. package/src/icons/solid/users/users-solid.icon.d.ts +2 -2
  220. package/src/icons/solid/xmark/xmark.icon.d.ts +2 -2
  221. package/src/interfaces/icon.interface.d.ts +5 -5
  222. package/src/models/hex-color.model.d.ts +4 -4
  223. package/src/models/initials.model.d.ts +5 -5
  224. package/src/theme/font/font.d.ts +70 -70
  225. package/src/theme/font/index.d.ts +3 -3
  226. package/src/theme/provider/index.d.ts +3 -3
  227. package/src/theme/provider/parent.theme.d.ts +45 -45
  228. package/src/theme/provider/staff-member.theme.d.ts +45 -45
  229. package/src/theme/responsive/index.d.ts +5 -2
  230. package/src/theme/scale/index.d.ts +10 -10
  231. package/src/types/bubble-alignment.enum.d.ts +2 -2
  232. package/src/types/icontype.type.d.ts +41 -1
  233. package/src/types/keyboard-types.enum.d.ts +7 -7
  234. package/src/types/loading-dots.type.d.ts +6 -6
  235. package/src/types/size.enum.d.ts +3 -3
  236. package/src/types/text-properties.type.d.ts +8 -8
  237. package/src/types/visual-state.enum.d.ts +5 -5
  238. package/src/utilities/color-handler/color-handler.d.ts +6 -2
  239. package/src/utilities/toddle-datetime/interfaces/duration.interface.d.ts +18 -18
  240. package/src/utilities/toddle-datetime/interfaces/toddle-datetime.interface.d.ts +16 -16
  241. package/src/utilities/toddle-datetime/toddle-datetime.class.d.ts +103 -46
  242. package/src/utilities/toddle-datetime/types/duration.type.d.ts +1 -1
  243. package/src/utilities/toddle-datetime/types/toddle-datetime.type.d.ts +11 -2
@@ -1,12 +1,20 @@
1
1
  import React from 'react';
2
2
  type FadePanelProps = {
3
- title: string;
4
- subtitle?: string;
5
- isVisible: boolean;
6
- onClose: () => void;
7
- maxHeight: number;
8
- children: React.ReactNode;
9
- scrollable: boolean | undefined;
3
+ title: string;
4
+ subtitle?: string;
5
+ isVisible: boolean;
6
+ onClose: () => void;
7
+ maxHeight: number;
8
+ children: React.ReactNode;
9
+ scrollable: boolean | undefined;
10
10
  };
11
- export declare const FadePanel: ({ title, subtitle, isVisible, onClose, maxHeight, children, scrollable, }: FadePanelProps) => JSX.Element;
11
+ export declare const FadePanel: ({
12
+ title,
13
+ subtitle,
14
+ isVisible,
15
+ onClose,
16
+ maxHeight,
17
+ children,
18
+ scrollable,
19
+ }: FadePanelProps) => JSX.Element;
12
20
  export {};
@@ -1,11 +1,18 @@
1
1
  import React from 'react';
2
2
  type ModalProps = {
3
- title: string;
4
- subtitle?: string;
5
- isVisible: boolean;
6
- onClose: () => void;
7
- children?: React.ReactNode;
8
- scrollable?: boolean;
3
+ title: string;
4
+ subtitle?: string;
5
+ isVisible: boolean;
6
+ onClose: () => void;
7
+ children?: React.ReactNode;
8
+ scrollable?: boolean;
9
9
  };
10
- export declare const Modal: ({ title, subtitle, isVisible, onClose, children, scrollable, }: ModalProps) => JSX.Element;
10
+ export declare const Modal: ({
11
+ title,
12
+ subtitle,
13
+ isVisible,
14
+ onClose,
15
+ children,
16
+ scrollable,
17
+ }: ModalProps) => JSX.Element;
11
18
  export {};
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { Modal } from '../modal/modal.component';
2
+ import {Modal} from '../modal/modal.component';
3
3
  type PopoverForegroundProps = {
4
- children: React.ReactElement<typeof Modal>;
4
+ children: React.ReactElement<typeof Modal>;
5
5
  };
6
- declare const Foreground: ({ children }: PopoverForegroundProps) => JSX.Element;
7
- export { Foreground as Foreground };
6
+ declare const Foreground: ({children}: PopoverForegroundProps) => JSX.Element;
7
+ export {Foreground as Foreground};
@@ -1,6 +1,6 @@
1
- import { GestureResponderEvent } from 'react-native';
1
+ import {GestureResponderEvent} from 'react-native';
2
2
  type ModalCloseProps = {
3
- onPress: (event: GestureResponderEvent) => void;
3
+ onPress: (event: GestureResponderEvent) => void;
4
4
  };
5
- declare const Close: ({ onPress }: ModalCloseProps) => JSX.Element;
6
- export { Close as Close };
5
+ declare const Close: ({onPress}: ModalCloseProps) => JSX.Element;
6
+ export {Close as Close};
@@ -1,6 +1,6 @@
1
1
  type ModalHeadingProps = {
2
- title: string;
3
- subtitle?: string;
2
+ title: string;
3
+ subtitle?: string;
4
4
  };
5
- declare const Heading: ({ title, subtitle }: ModalHeadingProps) => JSX.Element;
6
- export { Heading as Heading };
5
+ declare const Heading: ({title, subtitle}: ModalHeadingProps) => JSX.Element;
6
+ export {Heading as Heading};
@@ -1,12 +1,20 @@
1
1
  import * as React from 'react';
2
2
  type PopoverModalProps = {
3
- onClose: () => void;
4
- title?: string;
5
- subtitle?: string;
6
- isVisible: boolean;
7
- children: React.ReactNode;
8
- windowHeight: number;
9
- disableSrollContent?: boolean;
3
+ onClose: () => void;
4
+ title?: string;
5
+ subtitle?: string;
6
+ isVisible: boolean;
7
+ children: React.ReactNode;
8
+ windowHeight: number;
9
+ disableSrollContent?: boolean;
10
10
  };
11
- declare const Modal: ({ isVisible, title, subtitle, onClose, children, windowHeight, disableSrollContent, }: PopoverModalProps) => JSX.Element;
12
- export { Modal as Modal };
11
+ declare const Modal: ({
12
+ isVisible,
13
+ title,
14
+ subtitle,
15
+ onClose,
16
+ children,
17
+ windowHeight,
18
+ disableSrollContent,
19
+ }: PopoverModalProps) => JSX.Element;
20
+ export {Modal as Modal};
@@ -1,6 +1,8 @@
1
1
  import * as React from 'react';
2
2
  type ModalScrollContentProps = {
3
- children: React.ReactNode;
3
+ children: React.ReactNode;
4
4
  };
5
- declare const ScrollContent: ({ children }: ModalScrollContentProps) => JSX.Element;
6
- export { ScrollContent as ScrollContent };
5
+ declare const ScrollContent: ({
6
+ children,
7
+ }: ModalScrollContentProps) => JSX.Element;
8
+ export {ScrollContent as ScrollContent};
@@ -1,11 +1,18 @@
1
1
  import * as React from 'react';
2
2
  type PopoverProps = {
3
- onClose: () => void;
4
- title?: string;
5
- subtitle?: string;
6
- isVisible: boolean;
7
- children?: React.ReactNode;
8
- disableScrollContent?: boolean;
3
+ onClose: () => void;
4
+ title?: string;
5
+ subtitle?: string;
6
+ isVisible: boolean;
7
+ children?: React.ReactNode;
8
+ disableScrollContent?: boolean;
9
9
  };
10
- declare const Popover: ({ isVisible, title, subtitle, onClose, children, disableScrollContent, }: PopoverProps) => JSX.Element;
11
- export { Popover as Popover };
10
+ declare const Popover: ({
11
+ isVisible,
12
+ title,
13
+ subtitle,
14
+ onClose,
15
+ children,
16
+ disableScrollContent,
17
+ }: PopoverProps) => JSX.Element;
18
+ export {Popover as Popover};
@@ -1,8 +1,12 @@
1
1
  import React from 'react';
2
2
  type PopOverActionProps = {
3
- isVisible: boolean;
4
- touchBackDrop: (value: boolean) => void;
5
- children?: React.ReactNode;
3
+ isVisible: boolean;
4
+ touchBackDrop: (value: boolean) => void;
5
+ children?: React.ReactNode;
6
6
  };
7
- export declare const PopOverAction: ({ isVisible, children, touchBackDrop, }: PopOverActionProps) => JSX.Element;
7
+ export declare const PopOverAction: ({
8
+ isVisible,
9
+ children,
10
+ touchBackDrop,
11
+ }: PopOverActionProps) => JSX.Element;
8
12
  export {};
@@ -1,8 +1,11 @@
1
- import { ReactNode } from 'react';
2
- import { LoadingDotsProps } from '../types/loading-dots.type';
1
+ import {ReactNode} from 'react';
2
+ import {LoadingDotsProps} from '../types/loading-dots.type';
3
3
  declare const useLoadingContext: () => LoadingDotsProps;
4
- declare const LoadingDotContextProvider: ({ children, values, }: {
5
- children: ReactNode;
6
- values: LoadingDotsProps;
4
+ declare const LoadingDotContextProvider: ({
5
+ children,
6
+ values,
7
+ }: {
8
+ children: ReactNode;
9
+ values: LoadingDotsProps;
7
10
  }) => JSX.Element;
8
- export { LoadingDotContextProvider, useLoadingContext };
11
+ export {LoadingDotContextProvider, useLoadingContext};
@@ -1,52 +1,52 @@
1
1
  /// <reference types="react" />
2
2
  interface ThemeInterface {
3
- colors: {
4
- gradient: {
5
- 1: string[];
6
- 0: string[];
7
- };
8
- main: {
9
- 9: string;
10
- 8: string;
11
- 7: string;
12
- 6: string;
13
- 5: string;
14
- 4: string;
15
- 3: string;
16
- 2: string;
17
- 1: string;
18
- 0: string;
19
- };
20
- ui: {
21
- black: string;
22
- white: string;
23
- xlightgrey: string;
24
- lightgrey: string;
25
- grey: string;
26
- darkgrey: string;
27
- success: {
28
- xlight: string;
29
- light: string;
30
- default: string;
31
- dark: string;
32
- };
33
- warning: {
34
- xlight: string;
35
- light: string;
36
- default: string;
37
- dark: string;
38
- };
39
- error: {
40
- xlight: string;
41
- light: string;
42
- default: string;
43
- dark: string;
44
- };
45
- };
3
+ colors: {
4
+ gradient: {
5
+ 1: string[];
6
+ 0: string[];
46
7
  };
47
- wave: {
48
- path: NodeRequire;
8
+ main: {
9
+ 9: string;
10
+ 8: string;
11
+ 7: string;
12
+ 6: string;
13
+ 5: string;
14
+ 4: string;
15
+ 3: string;
16
+ 2: string;
17
+ 1: string;
18
+ 0: string;
49
19
  };
20
+ ui: {
21
+ black: string;
22
+ white: string;
23
+ xlightgrey: string;
24
+ lightgrey: string;
25
+ grey: string;
26
+ darkgrey: string;
27
+ success: {
28
+ xlight: string;
29
+ light: string;
30
+ default: string;
31
+ dark: string;
32
+ };
33
+ warning: {
34
+ xlight: string;
35
+ light: string;
36
+ default: string;
37
+ dark: string;
38
+ };
39
+ error: {
40
+ xlight: string;
41
+ light: string;
42
+ default: string;
43
+ dark: string;
44
+ };
45
+ };
46
+ };
47
+ wave: {
48
+ path: NodeRequire;
49
+ };
50
50
  }
51
- declare const ThemeCtx: import("react").Context<ThemeInterface>;
52
- export { ThemeCtx as ThemeCtx };
51
+ declare const ThemeCtx: import('react').Context<ThemeInterface>;
52
+ export {ThemeCtx as ThemeCtx};
@@ -1,5 +1,7 @@
1
1
  type MainGradientProps = {
2
- isActive?: boolean;
2
+ isActive?: boolean;
3
3
  };
4
- export declare const MainGradient: ({ isActive }: MainGradientProps) => JSX.Element;
4
+ export declare const MainGradient: ({
5
+ isActive,
6
+ }: MainGradientProps) => JSX.Element;
5
7
  export {};
@@ -1,2 +1,7 @@
1
- import { IconInterface } from '../interfaces/icon.interface';
2
- export declare const Icon: ({ style, name, size, color }: IconInterface) => JSX.Element;
1
+ import {IconInterface} from '../interfaces/icon.interface';
2
+ export declare const Icon: ({
3
+ style,
4
+ name,
5
+ size,
6
+ color,
7
+ }: IconInterface) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const CalendarIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const CalendarIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ChatIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ChatIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ChatAltIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ChatAltIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const CheckCircleIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const CheckCircleIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ChevronLeftIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ChevronLeftIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ChevronRightIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ChevronRightIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ClockIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ClockIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const CloudDownloadIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const CloudDownloadIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const CurrencyEuroIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const CurrencyEuroIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const DocumentTextIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const DocumentTextIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ExclamationIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ExclamationIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ExclamationCircleIcon: ({ color, size, }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ExclamationCircleIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const EyeIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const EyeIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const EyeOffIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const EyeOffIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const FilterIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const FilterIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const InformationCircleIcon: ({ color, size, }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const InformationCircleIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const LogoutIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const LogoutIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const MailIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const MailIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const MailOpenIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const MailOpenIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const MenuIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const MenuIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const MinusSmallIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const MinusSmallIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const OfficeBuildingIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const OfficeBuildingIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,6 @@
1
- import { IconNameInterface } from '../../interfaces/icon.interface';
2
- export declare const Outline: ({ name, size, color, }: IconNameInterface) => JSX.Element;
1
+ import {IconNameInterface} from '../../interfaces/icon.interface';
2
+ export declare const Outline: ({
3
+ name,
4
+ size,
5
+ color,
6
+ }: IconNameInterface) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const PaperAirplaneIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const PaperAirplaneIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const PaperClipIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const PaperClipIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const PencilIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const PencilIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const PhoneIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const PhoneIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const PlusIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const PlusIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const PlusSmallIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const PlusSmallIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const QrcodeIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const QrcodeIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const RefreshIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const RefreshIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const SearchIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const SearchIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const SelectorIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const SelectorIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const SmViewGridAddIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const SmViewGridAddIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const StatusOnlineIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const StatusOnlineIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const ThumbUpIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const ThumbUpIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const TrashIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const TrashIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const UserIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const UserIcon: ({color, size}: IconSVGProps) => JSX.Element;
@@ -1,2 +1,5 @@
1
- import { IconSVGProps } from '../../../interfaces/icon.interface';
2
- export declare const UserGroupIcon: ({ color, size }: IconSVGProps) => JSX.Element;
1
+ import {IconSVGProps} from '../../../interfaces/icon.interface';
2
+ export declare const UserGroupIcon: ({
3
+ color,
4
+ size,
5
+ }: IconSVGProps) => JSX.Element;