@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.
- package/App.tsx +11 -0
- package/index.d.ts +2 -1
- package/index.tsx +2 -0
- package/package.json +1 -1
- package/src/components/atoms/backdrop/backdrop.component.d.ts +7 -4
- package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap +18 -18
- package/src/components/atoms/calendar/calendar.component.d.ts +11 -6
- package/src/components/atoms/check-switch/check-switch.component.d.ts +3 -3
- package/src/components/atoms/footer/footer.component.d.ts +6 -6
- package/src/components/atoms/heading-components/all-caps-heading/all-caps-heading.component.d.ts +10 -2
- package/src/components/atoms/heading-components/heading1/heading1.component.d.ts +10 -2
- package/src/components/atoms/heading-components/heading2/heading2.component.d.ts +10 -2
- package/src/components/atoms/heading-components/heading3/heading3.component.d.ts +10 -2
- package/src/components/atoms/heading-components/heading4/heading4.component.d.ts +10 -2
- package/src/components/atoms/heading-components/index.d.ts +6 -6
- package/src/components/atoms/image-bubble/image-bubble.component.d.ts +9 -6
- package/src/components/atoms/increment-input/increment-input.component.d.ts +8 -4
- package/src/components/atoms/line/line.component.d.ts +12 -0
- package/src/components/atoms/line/line.component.tsx +23 -0
- package/src/components/atoms/line/line.preview.d.ts +1 -0
- package/src/components/atoms/line/line.preview.tsx +54 -0
- package/src/components/atoms/line/line.styles.d.ts +12 -0
- package/src/components/atoms/line/line.styles.js +10 -0
- package/src/components/atoms/logo/logo.component.d.ts +4 -4
- package/src/components/atoms/paragraph-components/index.d.ts +4 -4
- package/src/components/atoms/paragraph-components/paragraph/paragraph.component.d.ts +10 -2
- package/src/components/atoms/paragraph-components/small-text/small-text.component.d.ts +10 -2
- package/src/components/atoms/paragraph-components/tiny-text/tiny-text.component.d.ts +10 -2
- package/src/components/atoms/quick-message/quick-message.component.d.ts +10 -5
- package/src/components/atoms/quick-message/quick-message.styles.d.ts +16 -13
- package/src/components/atoms/split-container/split-container.component.d.ts +7 -4
- package/src/components/atoms/static-wave/static-wave.component.d.ts +11 -6
- package/src/components/atoms/text-input/__snapshots__/text-input.test.js.snap +38 -78
- package/src/components/atoms/text-input/text-input.component.d.ts +10 -6
- package/src/components/atoms/text-input/text-input.preview.d.ts +1 -1
- package/src/components/atoms/text-input/text-input.styles.d.ts +33 -25
- package/src/components/molecules/avatar/avatar.component.d.ts +18 -11
- package/src/components/molecules/blocked-message/blocked-message.component.d.ts +4 -2
- package/src/components/molecules/button/button.component.d.ts +20 -11
- package/src/components/molecules/calendar-select/calendar-select.component.d.ts +12 -7
- package/src/components/molecules/cancel-link/cancel-link.component.d.ts +4 -4
- package/src/components/molecules/checkbox/checkbox.component.d.ts +9 -5
- package/src/components/molecules/contact-role/contact-role.component.d.ts +6 -3
- package/src/components/molecules/date-input/date-input.component.d.ts +7 -4
- package/src/components/molecules/day/__snapshots__/day.test.js.snap +24 -24
- package/src/components/molecules/day/day.component.d.ts +6 -6
- package/src/components/molecules/day/day.styles.d.ts +34 -26
- package/src/components/molecules/default-select/default-select.component.d.ts +6 -3
- package/src/components/molecules/department_logo/department-logo.component.d.ts +5 -3
- package/src/components/molecules/failed-to-send/failed-bubble.component.d.ts +11 -6
- package/src/components/molecules/failed-to-send/failed-bubble.component.tsx +39 -22
- package/src/components/molecules/filter-range/filter-range.component.d.ts +14 -7
- package/src/components/molecules/filter-tab/filter-tab.component.d.ts +11 -7
- package/src/components/molecules/info/info.component.d.ts +4 -4
- package/src/components/molecules/language-button/language-button.component.d.ts +8 -4
- package/src/components/molecules/message-input/message-input.component.d.ts +11 -7
- package/src/components/molecules/more-info-button/more-info-button.component.d.ts +8 -4
- package/src/components/molecules/password-input/__snapshots__/password-input.test.js.snap +53 -68
- package/src/components/molecules/password-input/password-input.component.d.ts +9 -5
- package/src/components/molecules/password-input/password-input.styles.d.ts +27 -27
- package/src/components/molecules/pill/pill.component.d.ts +5 -5
- package/src/components/molecules/pressable-icon/pressable-icon.component.d.ts +10 -5
- package/src/components/molecules/quick-filter/quick-filter.component.d.ts +16 -9
- package/src/components/molecules/search-input/__snapshots__/search.test.js.snap +20 -31
- package/src/components/molecules/search-input/search.component.d.ts +12 -7
- package/src/components/molecules/search-input/search.preview.d.ts +1 -1
- package/src/components/molecules/search-input/search.styles.d.ts +31 -31
- package/src/components/molecules/select-link/select-link.component.d.ts +4 -4
- package/src/components/molecules/select-list-item/select-list-item.component.d.ts +13 -7
- package/src/components/molecules/select-picker/select-picker.component.d.ts +13 -8
- package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap +12 -32
- package/src/components/molecules/send-bubble/send-text-bubble.component.d.ts +17 -10
- package/src/components/molecules/send-bubble/send-text-bubble.component.tsx +35 -20
- package/src/components/molecules/send-bubble/send-text-bubble.styles.d.ts +71 -58
- package/src/components/molecules/snackbar/snackbar.component.d.ts +5 -5
- package/src/components/molecules/swipe/swipe.component.d.ts +5 -5
- package/src/components/molecules/tag/tag.component.d.ts +11 -6
- package/src/components/molecules/time-picker/time-picker.component.d.ts +10 -5
- package/src/components/molecules/time-tracker/time-tracker.component.d.ts +10 -6
- package/src/components/molecules/timeline/__snapshots__/timeline.test.js.snap +4 -4
- package/src/components/molecules/timeline/timeline.component.d.ts +6 -3
- package/src/components/molecules/timeline/timeline.styles.d.ts +49 -39
- package/src/components/molecules/timestamp/__snapshots__/timestamp.test.js.snap +2 -1
- package/src/components/molecules/timestamp/timestamp.component.d.ts +4 -4
- package/src/components/molecules/wave-background/wave.component.d.ts +7 -2
- package/src/components/molecules/wide-button/wide-button.component.d.ts +11 -6
- package/src/components/organisms/child-list-item/child-list-item.component.d.ts +34 -18
- package/src/components/organisms/child-list-item/child-list-item.styles.d.ts +38 -35
- package/src/components/organisms/child-list-item/components/child-list-tag.component.d.ts +6 -3
- package/src/components/organisms/child-list-item/components/child-list-tag.styles.d.ts +12 -9
- package/src/components/organisms/contact-item/contact-item.component.d.ts +11 -6
- package/src/components/organisms/day-select/day-select.component.d.ts +10 -6
- package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.d.ts +9 -0
- package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.styles.d.ts +13 -0
- package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.styles.js +17 -0
- package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.test.js +21 -0
- package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.tsx +97 -0
- package/src/components/organisms/journal-entry/components/index.d.ts +2 -0
- package/src/components/organisms/journal-entry/components/index.ts +2 -0
- package/src/components/organisms/journal-entry/components/journal-entry-type/__snapshots__/journal-entry-type.test.js.snap +304 -0
- package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.d.ts +16 -0
- package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.tsx +60 -0
- package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.styles.d.ts +13 -0
- package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.styles.js +16 -0
- package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.test.js +48 -0
- package/src/components/organisms/journal-entry/journal-entry.component.d.ts +38 -0
- package/src/components/organisms/journal-entry/journal-entry.component.tsx +139 -0
- package/src/components/organisms/journal-entry/journal-entry.preview.d.ts +1 -0
- package/src/components/organisms/journal-entry/journal-entry.preview.tsx +212 -0
- package/src/components/organisms/journal-entry/journal-entry.styles.d.ts +42 -0
- package/src/components/organisms/journal-entry/journal-entry.styles.js +35 -0
- package/src/components/organisms/loading-indicator/animation-style.animate.d.ts +13 -3
- package/src/components/organisms/loading-indicator/dot.component.d.ts +3 -3
- package/src/components/organisms/loading-indicator/loading-indicator.component.d.ts +9 -2
- package/src/components/organisms/my-child-list-item/my-child-list-item.component.d.ts +16 -9
- package/src/components/organisms/my-child-list-item/my-child-list-item.styles.d.ts +31 -31
- package/src/components/organisms/person-info-card/person-info-card.component.d.ts +18 -10
- package/src/components/organisms/tab-view/tab-view.component.d.ts +12 -8
- package/src/components/organisms/text-bubble/__snapshots__/text-bubble.test.js.snap +45 -29
- package/src/components/organisms/text-bubble/text-bubble.component.d.ts +26 -15
- package/src/components/organisms/text-bubble/text-bubble.component.tsx +12 -12
- package/src/components/organisms/text-bubble/text-bubble.preview.tsx +6 -15
- package/src/components/organisms/text-bubble/text-bubble.styles.d.ts +56 -32
- package/src/components/organisms/text-bubble/text-bubble.styles.js +4 -0
- package/src/components/organisms/text-bubble/text-bubble.test.js +7 -7
- package/src/components/templates/modal/components/fade-panel.component.d.ts +16 -8
- package/src/components/templates/modal/modal.component.d.ts +14 -7
- package/src/components/templates/popover/components/foreground/foreground.component.d.ts +4 -4
- package/src/components/templates/popover/components/modal/close/close.component.d.ts +4 -4
- package/src/components/templates/popover/components/modal/heading/heading.component.d.ts +4 -4
- package/src/components/templates/popover/components/modal/modal.component.d.ts +17 -9
- package/src/components/templates/popover/components/modal/scroll-content/scroll-content.component.d.ts +5 -3
- package/src/components/templates/popover/popover.component.d.ts +15 -8
- package/src/components/templates/popover-action/popover-action.component.d.ts +8 -4
- package/src/context/loading-dots.context.d.ts +9 -6
- package/src/context/theme.context.d.ts +47 -47
- package/src/gradients/main/main.gradient.d.ts +4 -2
- package/src/icons/index.d.ts +7 -2
- package/src/icons/outline/calendar/calendar.icon.d.ts +2 -2
- package/src/icons/outline/chat/chat.icon.d.ts +2 -2
- package/src/icons/outline/chat-alt/chat-alt.icon.d.ts +2 -2
- package/src/icons/outline/check-circle/check-circle.icon.d.ts +5 -2
- package/src/icons/outline/chevron-left/chevron-left.icon.d.ts +5 -2
- package/src/icons/outline/chevron-right/chevron-right.icon.d.ts +5 -2
- package/src/icons/outline/clock/clock.icon.d.ts +2 -2
- package/src/icons/outline/cloud-download/cloud-download.icon.d.ts +5 -2
- package/src/icons/outline/currency-euro/currency-euro.icon.d.ts +5 -2
- package/src/icons/outline/document-text/document-text.icon.d.ts +5 -2
- package/src/icons/outline/exclamation/exclamation.icon.d.ts +5 -2
- package/src/icons/outline/exclamation-circle/exclamation-circle.icon.d.ts +5 -2
- package/src/icons/outline/eye/eye.icon.d.ts +2 -2
- package/src/icons/outline/eye-off/eye-off.icon.d.ts +2 -2
- package/src/icons/outline/filter/filter.icon.d.ts +2 -2
- package/src/icons/outline/information-circle/information-circle.icon.d.ts +5 -2
- package/src/icons/outline/logout/logout.icon.d.ts +2 -2
- package/src/icons/outline/mail/mail.icon.d.ts +2 -2
- package/src/icons/outline/mail-open/mail-open.icon.d.ts +2 -2
- package/src/icons/outline/menu/menu.icon.d.ts +2 -2
- package/src/icons/outline/minus-sm/minus-sm.icon.d.ts +5 -2
- package/src/icons/outline/office-building/office-building.icon.d.ts +5 -2
- package/src/icons/outline/outline.d.ts +6 -2
- package/src/icons/outline/paper-airplane/paper-airplane.icon.d.ts +5 -2
- package/src/icons/outline/paperclip/paperclip.icon.d.ts +5 -2
- package/src/icons/outline/pencil/pencil.icon.d.ts +2 -2
- package/src/icons/outline/phone/phone.icon.d.ts +2 -2
- package/src/icons/outline/plus/plus.icon.d.ts +2 -2
- package/src/icons/outline/plus-sm/plus-sm.icon.d.ts +5 -2
- package/src/icons/outline/qrcode/qrcode.icon.d.ts +2 -2
- package/src/icons/outline/refresh/refresh.icon.d.ts +2 -2
- package/src/icons/outline/search/search.icon.d.ts +2 -2
- package/src/icons/outline/selector/selector.icon.d.ts +2 -2
- package/src/icons/outline/sm-view-grid-add/sm-view-grid-add.icon.d.ts +5 -2
- package/src/icons/outline/status-online/status-online.icon.d.ts +5 -2
- package/src/icons/outline/thumb-up/thumb-up.icon.d.ts +2 -2
- package/src/icons/outline/trash/trash.icon.d.ts +2 -2
- package/src/icons/outline/user/user.icon.d.ts +2 -2
- package/src/icons/outline/user-group/user-group.icon.d.ts +5 -2
- package/src/icons/outline/users/users.icon.d.ts +2 -2
- package/src/icons/outline/xmark/xmark.icon.d.ts +2 -2
- package/src/icons/solid/calendar/calendar.icon.d.ts +2 -2
- package/src/icons/solid/chat/chat.icon.d.ts +2 -2
- package/src/icons/solid/chat-alt/chat-alt-solid.icon.d.ts +2 -2
- package/src/icons/solid/check-circle/check-circle.icon.d.ts +5 -2
- package/src/icons/solid/chevron-left/chevron-left.icon.d.ts +5 -2
- package/src/icons/solid/chevron-right/chevron-right.icon.d.ts +5 -2
- package/src/icons/solid/clock/clock-solid.icon.d.ts +2 -2
- package/src/icons/solid/cloud-download/cloud-download.icon.d.ts +5 -2
- package/src/icons/solid/currency-euro/currency-euro.icon.d.ts +5 -2
- package/src/icons/solid/document-text/document-text-solid.icon.d.ts +5 -2
- package/src/icons/solid/exclamation/exclamation.icon.d.ts +5 -2
- package/src/icons/solid/exclamation-circle/exclamation-circle.icon.d.ts +5 -2
- package/src/icons/solid/eye/eye.icon.d.ts +2 -2
- package/src/icons/solid/eye-off/eye-off.icon.d.ts +2 -2
- package/src/icons/solid/filter/filter.icon.d.ts +2 -2
- package/src/icons/solid/information-circle/information-circle-solid.icon.d.ts +5 -2
- package/src/icons/solid/logout/logout.icon.d.ts +2 -2
- package/src/icons/solid/mail/mail.icon.d.ts +2 -2
- package/src/icons/solid/mail-open/mail-open.icon.d.ts +2 -2
- package/src/icons/solid/menu/menu.icon.d.ts +2 -2
- package/src/icons/solid/minus-sm/minus-sm.icon.d.ts +5 -2
- package/src/icons/solid/office-building/office-building.icon.d.ts +5 -2
- package/src/icons/solid/paper-airplane/paper-airplane.icon.d.ts +5 -2
- package/src/icons/solid/paperclip/paperclip.icon.d.ts +5 -2
- package/src/icons/solid/pencil/pencil-solid.icon.d.ts +2 -2
- package/src/icons/solid/phone/phone-solid.icon.d.ts +2 -2
- package/src/icons/solid/plus/plus.icon.d.ts +2 -2
- package/src/icons/solid/plus-sm/plus-sm.icon.d.ts +5 -2
- package/src/icons/solid/qrcode/qrcode.icon.d.ts +2 -2
- package/src/icons/solid/refresh/refresh-solid.icon.d.ts +2 -2
- package/src/icons/solid/search/search.icon.d.ts +2 -2
- package/src/icons/solid/selector/selector.icon.d.ts +2 -2
- package/src/icons/solid/sm-view-grid-add/sm-view-grid-add.icon.d.ts +5 -2
- package/src/icons/solid/solid.d.ts +6 -2
- package/src/icons/solid/status-online/status-online-solid.icon.d.ts +5 -2
- package/src/icons/solid/thumb-up/thumb-up.icon.d.ts +2 -2
- package/src/icons/solid/trash/trash-solid.icon.d.ts +2 -2
- package/src/icons/solid/user/user.icon.d.ts +2 -2
- package/src/icons/solid/user-group/user-group.icon.d.ts +5 -2
- package/src/icons/solid/users/users-solid.icon.d.ts +2 -2
- package/src/icons/solid/xmark/xmark.icon.d.ts +2 -2
- package/src/interfaces/icon.interface.d.ts +5 -5
- package/src/models/hex-color.model.d.ts +4 -4
- package/src/models/initials.model.d.ts +5 -5
- package/src/theme/font/font.d.ts +70 -70
- package/src/theme/font/index.d.ts +3 -3
- package/src/theme/provider/index.d.ts +3 -3
- package/src/theme/provider/parent.theme.d.ts +45 -45
- package/src/theme/provider/staff-member.theme.d.ts +45 -45
- package/src/theme/responsive/index.d.ts +5 -2
- package/src/theme/scale/index.d.ts +10 -10
- package/src/types/bubble-alignment.enum.d.ts +2 -2
- package/src/types/icontype.type.d.ts +41 -1
- package/src/types/keyboard-types.enum.d.ts +7 -7
- package/src/types/loading-dots.type.d.ts +6 -6
- package/src/types/size.enum.d.ts +3 -3
- package/src/types/text-properties.type.d.ts +8 -8
- package/src/types/visual-state.enum.d.ts +5 -5
- package/src/utilities/color-handler/color-handler.d.ts +6 -2
- package/src/utilities/toddle-datetime/interfaces/duration.interface.d.ts +18 -18
- package/src/utilities/toddle-datetime/interfaces/toddle-datetime.interface.d.ts +16 -16
- package/src/utilities/toddle-datetime/toddle-datetime.class.d.ts +103 -46
- package/src/utilities/toddle-datetime/types/duration.type.d.ts +1 -1
- 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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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: ({
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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: ({
|
|
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 {
|
|
2
|
+
import {Modal} from '../modal/modal.component';
|
|
3
3
|
type PopoverForegroundProps = {
|
|
4
|
-
|
|
4
|
+
children: React.ReactElement<typeof Modal>;
|
|
5
5
|
};
|
|
6
|
-
declare const Foreground: ({
|
|
7
|
-
export {
|
|
6
|
+
declare const Foreground: ({children}: PopoverForegroundProps) => JSX.Element;
|
|
7
|
+
export {Foreground as Foreground};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {GestureResponderEvent} from 'react-native';
|
|
2
2
|
type ModalCloseProps = {
|
|
3
|
-
|
|
3
|
+
onPress: (event: GestureResponderEvent) => void;
|
|
4
4
|
};
|
|
5
|
-
declare const Close: ({
|
|
6
|
-
export {
|
|
5
|
+
declare const Close: ({onPress}: ModalCloseProps) => JSX.Element;
|
|
6
|
+
export {Close as Close};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type ModalHeadingProps = {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
title: string;
|
|
3
|
+
subtitle?: string;
|
|
4
4
|
};
|
|
5
|
-
declare const Heading: ({
|
|
6
|
-
export {
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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: ({
|
|
12
|
-
|
|
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
|
-
|
|
3
|
+
children: React.ReactNode;
|
|
4
4
|
};
|
|
5
|
-
declare const ScrollContent: ({
|
|
6
|
-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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: ({
|
|
11
|
-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
isVisible: boolean;
|
|
4
|
+
touchBackDrop: (value: boolean) => void;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
6
|
};
|
|
7
|
-
export declare const PopOverAction: ({
|
|
7
|
+
export declare const PopOverAction: ({
|
|
8
|
+
isVisible,
|
|
9
|
+
children,
|
|
10
|
+
touchBackDrop,
|
|
11
|
+
}: PopOverActionProps) => JSX.Element;
|
|
8
12
|
export {};
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import {ReactNode} from 'react';
|
|
2
|
+
import {LoadingDotsProps} from '../types/loading-dots.type';
|
|
3
3
|
declare const useLoadingContext: () => LoadingDotsProps;
|
|
4
|
-
declare const LoadingDotContextProvider: ({
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
declare const LoadingDotContextProvider: ({
|
|
5
|
+
children,
|
|
6
|
+
values,
|
|
7
|
+
}: {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
values: LoadingDotsProps;
|
|
7
10
|
}) => JSX.Element;
|
|
8
|
-
export {
|
|
11
|
+
export {LoadingDotContextProvider, useLoadingContext};
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
interface ThemeInterface {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
48
|
-
|
|
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(
|
|
52
|
-
export {
|
|
51
|
+
declare const ThemeCtx: import('react').Context<ThemeInterface>;
|
|
52
|
+
export {ThemeCtx as ThemeCtx};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
type MainGradientProps = {
|
|
2
|
-
|
|
2
|
+
isActive?: boolean;
|
|
3
3
|
};
|
|
4
|
-
export declare const MainGradient: ({
|
|
4
|
+
export declare const MainGradient: ({
|
|
5
|
+
isActive,
|
|
6
|
+
}: MainGradientProps) => JSX.Element;
|
|
5
7
|
export {};
|
package/src/icons/index.d.ts
CHANGED
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const Icon: ({
|
|
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 {
|
|
2
|
-
export declare const CalendarIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const CalendarIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const ChatIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const ChatIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const ChatAltIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const ChatAltIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const CheckCircleIcon: ({
|
|
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 {
|
|
2
|
-
export declare const ChevronLeftIcon: ({
|
|
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 {
|
|
2
|
-
export declare const ChevronRightIcon: ({
|
|
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 {
|
|
2
|
-
export declare const ClockIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const ClockIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const CloudDownloadIcon: ({
|
|
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 {
|
|
2
|
-
export declare const CurrencyEuroIcon: ({
|
|
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 {
|
|
2
|
-
export declare const DocumentTextIcon: ({
|
|
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 {
|
|
2
|
-
export declare const ExclamationIcon: ({
|
|
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 {
|
|
2
|
-
export declare const ExclamationCircleIcon: ({
|
|
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 {
|
|
2
|
-
export declare const EyeIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const EyeIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const EyeOffIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const EyeOffIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const FilterIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const FilterIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const InformationCircleIcon: ({
|
|
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 {
|
|
2
|
-
export declare const LogoutIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const LogoutIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const MailIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const MailIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const MailOpenIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const MailOpenIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const MenuIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const MenuIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const MinusSmallIcon: ({
|
|
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 {
|
|
2
|
-
export declare const OfficeBuildingIcon: ({
|
|
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 {
|
|
2
|
-
export declare const Outline: ({
|
|
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 {
|
|
2
|
-
export declare const PaperAirplaneIcon: ({
|
|
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 {
|
|
2
|
-
export declare const PaperClipIcon: ({
|
|
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 {
|
|
2
|
-
export declare const PencilIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const PencilIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const PhoneIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const PhoneIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const PlusIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const PlusIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const PlusSmallIcon: ({
|
|
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 {
|
|
2
|
-
export declare const QrcodeIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const QrcodeIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const RefreshIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const RefreshIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const SearchIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const SearchIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const SelectorIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const SelectorIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const SmViewGridAddIcon: ({
|
|
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 {
|
|
2
|
-
export declare const StatusOnlineIcon: ({
|
|
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 {
|
|
2
|
-
export declare const ThumbUpIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const ThumbUpIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const TrashIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const TrashIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const UserIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const UserIcon: ({color, size}: IconSVGProps) => JSX.Element;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const UserGroupIcon: ({
|
|
1
|
+
import {IconSVGProps} from '../../../interfaces/icon.interface';
|
|
2
|
+
export declare const UserGroupIcon: ({
|
|
3
|
+
color,
|
|
4
|
+
size,
|
|
5
|
+
}: IconSVGProps) => JSX.Element;
|