1mpacto-react-ui 1.0.2 → 1.0.3
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/core.css +1 -1
- package/dist/assets/fontfamily.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/index.cjs +85 -84
- package/dist/index.mjs +2740 -2711
- package/dist/package.json.d.ts +1 -1
- package/dist/src/components/Button/Button.config.d.ts +3 -0
- package/dist/src/components/Tabs/Tabs.config.d.ts +1 -0
- package/dist/src/interfaces/components/Button/index.d.ts +2 -2
- package/dist/src/interfaces/components/Sidebar/index.d.ts +5 -0
- package/dist/src/interfaces/components/Table/index.d.ts +10 -2
- package/dist/src/interfaces/components/Tabs/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/package.json.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export declare const configButton: {
|
|
|
12
12
|
'bill-m': string;
|
|
13
13
|
'bill-s': string;
|
|
14
14
|
'bill-xs': string;
|
|
15
|
+
'bill-xxs': string;
|
|
15
16
|
};
|
|
16
17
|
loadingSize: {
|
|
17
18
|
large: string;
|
|
@@ -26,6 +27,7 @@ export declare const configButton: {
|
|
|
26
27
|
'bill-m': string;
|
|
27
28
|
'bill-s': string;
|
|
28
29
|
'bill-xs': string;
|
|
30
|
+
'bill-xxs': string;
|
|
29
31
|
};
|
|
30
32
|
variants: {
|
|
31
33
|
'primary-laba-blue-10': string;
|
|
@@ -63,6 +65,7 @@ export declare const configButton: {
|
|
|
63
65
|
'secondary-bill-secondary-800': string;
|
|
64
66
|
'tertiary-bill-secondary-800': string;
|
|
65
67
|
'primary-bill-red-700': string;
|
|
68
|
+
'filled-bill-bluegray-500_text-bill-body-sm': string;
|
|
66
69
|
};
|
|
67
70
|
};
|
|
68
71
|
export declare const keysConfigButtonVariant: string[];
|
|
@@ -4,12 +4,12 @@ import { ReactNode } from 'react';
|
|
|
4
4
|
* [ID] : Tipe varian tombol yang tersedia.
|
|
5
5
|
* [EN] : Available button variant types.
|
|
6
6
|
*/
|
|
7
|
-
export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700';
|
|
7
|
+
export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-bluegray-500_text-bill-body-sm';
|
|
8
8
|
/**
|
|
9
9
|
* [ID] : Tipe ukuran tombol.
|
|
10
10
|
* [EN] : Button size type.
|
|
11
11
|
*/
|
|
12
|
-
export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs';
|
|
12
|
+
export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs' | 'bill-xxs';
|
|
13
13
|
/**
|
|
14
14
|
* [ID] : Interface untuk komponen Button.
|
|
15
15
|
* [EN] : Interface for Button component.
|
|
@@ -50,6 +50,11 @@ export interface ISidebarModule {
|
|
|
50
50
|
* [EN] : SVG icon (optional).
|
|
51
51
|
*/
|
|
52
52
|
svgIcon?: React.ReactNode | null;
|
|
53
|
+
/**
|
|
54
|
+
* [ID] : Ikon akhir (opsional).
|
|
55
|
+
* [EN] : End icon (optional).
|
|
56
|
+
*/
|
|
57
|
+
endIcon?: React.ReactNode | null;
|
|
53
58
|
/**
|
|
54
59
|
* [ID] : Ikon SVG saat aktif (opsional).
|
|
55
60
|
* [EN] : SVG icon when active (optional).
|
|
@@ -141,12 +141,12 @@ export interface ITable<T = unknown> {
|
|
|
141
141
|
* [ID] : Jenis tabel (opsional).
|
|
142
142
|
* [EN] : Table kind (optional).
|
|
143
143
|
*/
|
|
144
|
-
kind?: 'laba-reguler' | 'payhere-reguler' | 'laba-small' | 'bill-reguler';
|
|
144
|
+
kind?: 'laba-reguler' | 'payhere-reguler' | 'laba-small' | 'bill-reguler' | 'laba-rounded-md-extra-small';
|
|
145
145
|
/**
|
|
146
146
|
* [ID] : Varian tabel (opsional).
|
|
147
147
|
* [EN] : Table variant (optional).
|
|
148
148
|
*/
|
|
149
|
-
variant?: 'laba-grey-02';
|
|
149
|
+
variant?: 'laba-grey-02' | 'laba-blue-01_border-transparent';
|
|
150
150
|
/**
|
|
151
151
|
* [ID] : Komponen urutkan menaik (opsional).
|
|
152
152
|
* [EN] : Sort ascending component (optional).
|
|
@@ -467,6 +467,7 @@ export interface ITableConfig {
|
|
|
467
467
|
'laba-reguler': string;
|
|
468
468
|
'laba-small': string;
|
|
469
469
|
'bill-reguler': string;
|
|
470
|
+
'laba-rounded-md-extra-small': string;
|
|
470
471
|
};
|
|
471
472
|
/**
|
|
472
473
|
* [ID] : Konfigurasi sub-mobile.
|
|
@@ -477,6 +478,7 @@ export interface ITableConfig {
|
|
|
477
478
|
'laba-reguler': string;
|
|
478
479
|
'laba-small': string;
|
|
479
480
|
'bill-reguler': string;
|
|
481
|
+
'laba-rounded-md-extra-small': string;
|
|
480
482
|
};
|
|
481
483
|
/**
|
|
482
484
|
* [ID] : Konfigurasi pointer.
|
|
@@ -487,6 +489,7 @@ export interface ITableConfig {
|
|
|
487
489
|
'laba-reguler': string;
|
|
488
490
|
'laba-small': string;
|
|
489
491
|
'bill-reguler': string;
|
|
492
|
+
'laba-rounded-md-extra-small': string;
|
|
490
493
|
};
|
|
491
494
|
/**
|
|
492
495
|
* [ID] : Konfigurasi utilitas.
|
|
@@ -516,6 +519,10 @@ export interface ITableConfig {
|
|
|
516
519
|
asc: Element | React.ReactNode | React.ReactNode[];
|
|
517
520
|
desc: Element | React.ReactNode | React.ReactNode[];
|
|
518
521
|
};
|
|
522
|
+
'laba-rounded-md-extra-small': {
|
|
523
|
+
asc: Element | React.ReactNode | React.ReactNode[];
|
|
524
|
+
desc: Element | React.ReactNode | React.ReactNode[];
|
|
525
|
+
};
|
|
519
526
|
};
|
|
520
527
|
/**
|
|
521
528
|
* [ID] : Konfigurasi varian.
|
|
@@ -523,5 +530,6 @@ export interface ITableConfig {
|
|
|
523
530
|
*/
|
|
524
531
|
variant: {
|
|
525
532
|
'laba-grey-02': string;
|
|
533
|
+
'laba-blue-01_border-transparent': string;
|
|
526
534
|
};
|
|
527
535
|
}
|
|
@@ -5,7 +5,7 @@ import { TKeyLocale } from '../Calendar';
|
|
|
5
5
|
* [ID] : Tipe varian tab.
|
|
6
6
|
* [EN] : Tab variant type.
|
|
7
7
|
*/
|
|
8
|
-
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';
|
|
8
|
+
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';
|
|
9
9
|
/**
|
|
10
10
|
* [ID] : Tipe ukuran tab.
|
|
11
11
|
* [EN] : Tab size type.
|