1mpacto-react-ui 2.0.26 → 2.0.28
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/dist/assets/_mixins.scss +6 -1
- package/dist/assets/_typography.scss +19 -15
- package/dist/assets/core.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/components/Alert/index.cjs +1 -1
- package/dist/components/Alert/index.mjs +55 -51
- package/dist/components/Alert/style.module.scss.cjs +1 -1
- package/dist/components/Alert/style.module.scss.mjs +12 -11
- package/dist/components/Badges/Badges.config.cjs +1 -1
- package/dist/components/Badges/Badges.config.mjs +18 -3
- package/dist/components/Badges/style.module.scss.cjs +1 -1
- package/dist/components/Badges/style.module.scss.mjs +46 -35
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs +3 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.config.cjs +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.config.mjs +4 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.mjs +45 -43
- package/dist/components/Breadcrumbs/style.module.scss.cjs +1 -1
- package/dist/components/Breadcrumbs/style.module.scss.mjs +12 -9
- package/dist/components/Button/Button.config.cjs +1 -1
- package/dist/components/Button/Button.config.mjs +10 -2
- package/dist/components/Button/style.module.scss.cjs +1 -1
- package/dist/components/Button/style.module.scss.mjs +64 -60
- package/dist/components/ButtonIcon/ButtonIcon.config.cjs +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.config.mjs +58 -47
- package/dist/components/ButtonIcon/style.module.scss.cjs +1 -1
- package/dist/components/ButtonIcon/style.module.scss.mjs +55 -48
- package/dist/components/Input/InputInnerLabel.module.scss.cjs +1 -1
- package/dist/components/Input/InputInnerLabel.module.scss.mjs +19 -19
- package/dist/components/Modal/ModalDialog.cjs +11 -1
- package/dist/components/Modal/ModalDialog.config.cjs +1 -1
- package/dist/components/Modal/ModalDialog.config.mjs +18 -7
- package/dist/components/Modal/ModalDialog.mjs +59 -32
- package/dist/components/Modal/style.module.scss.cjs +1 -1
- package/dist/components/Modal/style.module.scss.mjs +17 -11
- package/dist/components/Pagination/Pagination.cjs +2 -2
- package/dist/components/Pagination/Pagination.config.cjs +1 -1
- package/dist/components/Pagination/Pagination.config.mjs +4 -3
- package/dist/components/Pagination/Pagination.mjs +90 -90
- package/dist/components/Pagination/style.module.scss.cjs +1 -1
- package/dist/components/Pagination/style.module.scss.mjs +18 -16
- package/dist/components/Popover/Popover.cjs +1 -1
- package/dist/components/Popover/Popover.config.cjs +1 -0
- package/dist/components/Popover/Popover.config.mjs +11 -0
- package/dist/components/Popover/Popover.mjs +42 -40
- package/dist/components/Popover/style.module.scss.cjs +1 -1
- package/dist/components/Popover/style.module.scss.mjs +8 -4
- package/dist/components/RadioCheckbox/RadioCheckbox.config.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckbox.config.mjs +24 -22
- package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.mjs +25 -23
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.mjs +5 -4
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.mjs +8 -7
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.cjs +1 -1
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.cjs +1 -1
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.mjs +19 -10
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.mjs +95 -80
- package/dist/components/SelectDropdownContainer/styleConfig.cjs +1 -1
- package/dist/components/SelectDropdownContainer/styleConfig.mjs +151 -11
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +1 -1
- package/dist/components/Sidebar/Sidebar.module.scss.mjs +22 -22
- package/dist/components/Sidebar/itemSidebar.module.scss.cjs +1 -1
- package/dist/components/Sidebar/itemSidebar.module.scss.mjs +25 -25
- package/dist/components/Step/StepIndicator.cjs +6 -4
- package/dist/components/Step/StepIndicator.config.cjs +1 -0
- package/dist/components/Step/StepIndicator.config.mjs +12 -0
- package/dist/components/Step/StepIndicator.mjs +31 -26
- package/dist/components/Step/StepIndicator.module.scss.cjs +1 -1
- package/dist/components/Step/StepIndicator.module.scss.mjs +12 -11
- package/dist/components/Switch/Switch.config.cjs +1 -1
- package/dist/components/Switch/Switch.config.mjs +6 -3
- package/dist/components/Switch/style.module.scss.cjs +1 -1
- package/dist/components/Switch/style.module.scss.mjs +18 -15
- package/dist/components/Tabs/Tabs.config.cjs +1 -1
- package/dist/components/Tabs/Tabs.config.mjs +13 -6
- package/dist/components/Tabs/style.module.scss.cjs +1 -1
- package/dist/components/Tabs/style.module.scss.mjs +29 -23
- package/dist/components/Textarea/TextareaFloatingInner.cjs +6 -5
- package/dist/components/Textarea/TextareaFloatingInner.config.cjs +1 -1
- package/dist/components/Textarea/TextareaFloatingInner.config.mjs +6 -2
- package/dist/components/Textarea/TextareaFloatingInner.mjs +38 -36
- package/dist/components/Textarea/TextareaFloatingInner.module.scss.cjs +1 -1
- package/dist/components/Textarea/TextareaFloatingInner.module.scss.mjs +11 -9
- package/dist/components/fin/Chat/BubbleChat.cjs +1 -0
- package/dist/components/fin/Chat/BubbleChat.mjs +20 -0
- package/dist/components/fin/Chat/BubbleChatOption.cjs +1 -0
- package/dist/components/fin/Chat/BubbleChatOption.mjs +70 -0
- package/dist/components/fin/Chat/BubbleChatUser.cjs +1 -0
- package/dist/components/fin/Chat/BubbleChatUser.mjs +15 -0
- package/dist/components/fin/Chat/Icons.cjs +1 -0
- package/dist/components/fin/Chat/Icons.mjs +44 -0
- package/dist/components/fin/Chat/style.module.scss.cjs +1 -0
- package/dist/components/fin/Chat/style.module.scss.mjs +27 -0
- package/dist/config/components/typography.cjs +1 -1
- package/dist/config/components/typography.mjs +40 -6
- package/dist/config/tailwind/typography.cjs +1 -1
- package/dist/config/tailwind/typography.mjs +23 -15
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +86 -80
- package/dist/package.json.cjs +1 -1
- package/dist/package.json.d.ts +1 -1
- package/dist/package.json.mjs +1 -1
- package/dist/src/components/Badges/Badges.config.d.ts +15 -0
- package/dist/src/components/Breadcrumbs/Breadcrumbs.config.d.ts +1 -0
- package/dist/src/components/Button/Button.config.d.ts +8 -0
- package/dist/src/components/ButtonIcon/ButtonIcon.config.d.ts +11 -0
- package/dist/src/components/Modal/ModalDialog.config.d.ts +12 -0
- package/dist/src/components/Modal/ModalDialog.d.ts +1 -1
- package/dist/src/components/Modal/ModalDialog.stories.d.ts +17 -1
- package/dist/src/components/Pagination/Pagination.config.d.ts +1 -0
- package/dist/src/components/Pagination/Pagination.d.ts +1 -1
- package/dist/src/components/Pagination/Pagination.stories.d.ts +14 -1
- package/dist/src/components/Popover/Popover.config.d.ts +8 -0
- package/dist/src/components/RadioCheckbox/RadioCheckbox.config.d.ts +2 -0
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts +1 -0
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.config.d.ts +10 -0
- package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts +2 -0
- package/dist/src/components/Step/StepIndicator.config.d.ts +18 -0
- package/dist/src/components/Step/StepIndicator.d.ts +1 -1
- package/dist/src/components/Step/StepIndicator.stories.d.ts +30 -1
- package/dist/src/components/Switch/Switch.config.d.ts +3 -0
- package/dist/src/components/Tabs/Tabs.config.d.ts +7 -1
- package/dist/src/components/Textarea/TextareaFloatingInner.config.d.ts +5 -0
- package/dist/src/components/fin/Chat/BubbleChat.d.ts +3 -0
- package/dist/src/components/fin/Chat/BubbleChatOption.d.ts +3 -0
- package/dist/src/components/fin/Chat/BubbleChatUser.d.ts +3 -0
- package/dist/src/components/fin/Chat/Icons.d.ts +5 -0
- package/dist/src/components/fin/index.d.ts +4 -0
- package/dist/src/components/index.d.ts +2 -1
- package/dist/src/config/components/typography.d.ts +1 -1
- package/dist/src/interfaces/components/Badges/index.d.ts +6 -1
- package/dist/src/interfaces/components/Breadcrumbs/index.d.ts +1 -1
- package/dist/src/interfaces/components/Button/index.d.ts +1 -1
- package/dist/src/interfaces/components/ButtonIcon/index.d.ts +2 -2
- package/dist/src/interfaces/components/Modal/index.d.ts +10 -0
- package/dist/src/interfaces/components/Pagination/index.d.ts +6 -1
- package/dist/src/interfaces/components/Popover/index.d.ts +5 -0
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +1 -1
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts +1 -1
- package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +7 -1
- package/dist/src/interfaces/components/Step/index.d.ts +13 -2
- package/dist/src/interfaces/components/Switch/index.d.ts +1 -1
- package/dist/src/interfaces/components/Tabs/index.d.ts +2 -2
- package/dist/src/interfaces/components/Textarea/index.d.ts +5 -0
- package/dist/src/interfaces/components/fin/Chat/index.d.ts +39 -0
- package/package.json +1 -1
|
@@ -57,7 +57,7 @@ export interface ISwitch {
|
|
|
57
57
|
* [ID] : Jenis switch (opsional).
|
|
58
58
|
* [EN] : Switch kind (optional).
|
|
59
59
|
*/
|
|
60
|
-
kind?: 'payhere' | 'laba' | 'bill';
|
|
60
|
+
kind?: 'payhere' | 'laba' | 'bill' | 'fin';
|
|
61
61
|
/**
|
|
62
62
|
* [ID] : Handler perubahan nilai.
|
|
63
63
|
* [EN] : Value change handler.
|
|
@@ -4,12 +4,12 @@ import { TKeyLocale } from '../Calendar';
|
|
|
4
4
|
* [ID] : Tipe varian tab.
|
|
5
5
|
* [EN] : Tab variant type.
|
|
6
6
|
*/
|
|
7
|
-
export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-payhere-brand-base-bg_white' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white' | 'original-bill-secondary-800' | 'container-bill-secondary-800' | 'original-payhere-primary-700';
|
|
7
|
+
export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-payhere-brand-base-bg_white' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white' | 'container-fin-secondary-500' | 'original-bill-secondary-800' | 'container-bill-secondary-800' | 'original-payhere-primary-700' | 'original-fin-primary-100';
|
|
8
8
|
/**
|
|
9
9
|
* [ID] : Tipe ukuran tab.
|
|
10
10
|
* [EN] : Tab size type.
|
|
11
11
|
*/
|
|
12
|
-
export type TSizeTabs = 'tabs-m' | 'tabs-s' | 'tabs-medium' | 'tabs-small';
|
|
12
|
+
export type TSizeTabs = 'tabs-m' | 'tabs-s' | 'tabs-medium' | 'tabs-small' | 'tabs-bill-m' | 'tabs-bill-s' | 'tabs-fin-m' | 'tabs-fin-s';
|
|
13
13
|
/**
|
|
14
14
|
* [ID] : Tipe event tab.
|
|
15
15
|
* [EN] : Tab event type.
|
|
@@ -135,6 +135,11 @@ export interface ITextareaFloatingInner extends React.InputHTMLAttributes<HTMLTe
|
|
|
135
135
|
* [EN] : Auto translate label (optional).
|
|
136
136
|
*/
|
|
137
137
|
autoTranslateLabel?: boolean;
|
|
138
|
+
/**
|
|
139
|
+
* [ID] : Varian gaya (opsional).
|
|
140
|
+
* [EN] : Style variant (optional).
|
|
141
|
+
*/
|
|
142
|
+
variant?: 'laba-white' | 'fin-blue-gray-50';
|
|
138
143
|
}
|
|
139
144
|
/**
|
|
140
145
|
* [ID] : Interface untuk textarea dengan label di dalam.
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { IButton } from '../../Button';
|
|
2
|
+
export interface IBubble {
|
|
3
|
+
id?: string;
|
|
4
|
+
content?: React.ReactNode | React.ReactNode[];
|
|
5
|
+
onCopy?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface IBubbleChat extends IBubble {
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
header?: React.ReactNode | React.ReactNode[];
|
|
10
|
+
onLike?: () => void;
|
|
11
|
+
onDislike?: () => void;
|
|
12
|
+
onReply?: () => void;
|
|
13
|
+
}
|
|
14
|
+
export interface IBubbleChatUser extends IBubble {
|
|
15
|
+
otherContentTop?: React.ReactNode | React.ReactNode[];
|
|
16
|
+
otherContentBottom?: React.ReactNode | React.ReactNode[];
|
|
17
|
+
}
|
|
18
|
+
export interface IDataOptionBubbleChat {
|
|
19
|
+
id: string;
|
|
20
|
+
title: string;
|
|
21
|
+
subtitle?: string;
|
|
22
|
+
iconRight?: React.ReactNode;
|
|
23
|
+
iconLeft?: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
interface IBaseBubbleChatOption extends IBubbleChat {
|
|
26
|
+
optionDirection?: 'column' | 'row';
|
|
27
|
+
}
|
|
28
|
+
interface ISystemBubbleChatOption extends IBaseBubbleChatOption {
|
|
29
|
+
type: 'system';
|
|
30
|
+
options?: Omit<IButton, 'children'>[];
|
|
31
|
+
onClick?: (data: Omit<IButton, 'children'>) => void;
|
|
32
|
+
}
|
|
33
|
+
interface IOtherBubbleChatOption extends IBaseBubbleChatOption {
|
|
34
|
+
type: 'suggestion' | 'action';
|
|
35
|
+
options?: IDataOptionBubbleChat[];
|
|
36
|
+
onClick?: (data: IDataOptionBubbleChat) => void;
|
|
37
|
+
}
|
|
38
|
+
export type IBubbleChatOption = ISystemBubbleChatOption | IOtherBubbleChatOption;
|
|
39
|
+
export {};
|