ctc-component-library 0.3.0 → 1.0.0-alpha.4
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/DESIGN.md +408 -0
- package/MIGRATION.md +301 -0
- package/README.md +41 -72
- package/dist/components/Alert/Alert.d.ts +14 -0
- package/dist/components/Alert/Alert.js +73 -0
- package/dist/components/Alert/index.d.ts +1 -0
- package/dist/components/Alert/index.js +2 -0
- package/dist/components/Avatar/Avatar.d.ts +5 -0
- package/dist/components/Avatar/Avatar.js +25 -0
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Avatar/index.js +2 -0
- package/dist/components/Badge/Badge.d.ts +23 -0
- package/dist/components/Badge/Badge.js +159 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Badge/index.js +2 -0
- package/dist/components/Button/Button.d.ts +7 -0
- package/dist/components/Button/Button.js +46 -0
- package/dist/components/Button/button.variants.d.ts +22 -0
- package/dist/components/Button/button.variants.js +61 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.js +3 -0
- package/dist/components/Checkbox/Checkbox.d.ts +9 -0
- package/dist/components/Checkbox/Checkbox.js +36 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/Checkbox/index.js +2 -0
- package/dist/components/Chip/Chip.d.ts +17 -0
- package/dist/components/Chip/Chip.js +59 -0
- package/dist/components/Chip/index.d.ts +2 -0
- package/dist/components/Chip/index.js +2 -0
- package/dist/components/Combobox/Combobox.d.ts +31 -0
- package/dist/components/Combobox/Combobox.js +97 -0
- package/dist/components/Combobox/index.d.ts +1 -0
- package/dist/components/Combobox/index.js +2 -0
- package/dist/components/DataTable/DataTable.d.ts +24 -0
- package/dist/components/DataTable/DataTable.js +74 -0
- package/dist/components/DataTable/Table.d.ts +9 -0
- package/dist/components/DataTable/Table.js +57 -0
- package/dist/components/DataTable/index.d.ts +3 -0
- package/dist/components/DataTable/index.js +3 -0
- package/dist/components/DatePicker/DatePicker.d.ts +20 -0
- package/dist/components/DatePicker/DatePicker.js +73 -0
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.js +2 -0
- package/dist/components/Dialog/Dialog.d.ts +21 -0
- package/dist/components/Dialog/Dialog.js +51 -0
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/Dialog/index.js +2 -0
- package/dist/components/Field/Field.d.ts +22 -0
- package/dist/components/Field/Field.js +43 -0
- package/dist/components/Field/index.d.ts +1 -0
- package/dist/components/Field/index.js +2 -0
- package/dist/components/Icon/Icon.d.ts +7 -0
- package/dist/components/Icon/Icon.js +13 -0
- package/dist/components/Icon/index.d.ts +13 -0
- package/dist/components/Icon/index.js +2 -0
- package/dist/components/Input/Input.d.ts +41 -0
- package/dist/components/Input/Input.js +87 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Input/index.js +2 -0
- package/dist/components/Label/Label.d.ts +3 -0
- package/dist/components/Label/Label.js +13 -0
- package/dist/components/Label/index.js +2 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +23 -0
- package/dist/components/MultiSelect/MultiSelect.js +98 -0
- package/dist/components/MultiSelect/index.d.ts +1 -0
- package/dist/components/MultiSelect/index.js +2 -0
- package/dist/components/NumberInput/NumberInput.d.ts +11 -0
- package/dist/components/NumberInput/NumberInput.js +58 -0
- package/dist/components/NumberInput/index.d.ts +1 -0
- package/dist/components/NumberInput/index.js +2 -0
- package/dist/components/Popover/Popover.d.ts +12 -0
- package/dist/components/Popover/Popover.js +20 -0
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Popover/index.js +2 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +12 -0
- package/dist/components/RadioGroup/RadioGroup.js +42 -0
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/RadioGroup/index.js +2 -0
- package/dist/components/Select/Select.d.ts +15 -0
- package/dist/components/Select/Select.js +82 -0
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/Select/index.js +2 -0
- package/dist/components/Spinner/Spinner.d.ts +9 -0
- package/dist/components/Spinner/Spinner.js +24 -0
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Spinner/index.js +2 -0
- package/dist/components/Switch/Switch.d.ts +7 -0
- package/dist/components/Switch/Switch.js +23 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Switch/index.js +2 -0
- package/dist/components/Tabs/Tabs.d.ts +17 -0
- package/dist/components/Tabs/Tabs.js +78 -0
- package/dist/components/Tabs/index.d.ts +1 -0
- package/dist/components/Tabs/index.js +2 -0
- package/dist/components/TimePicker/TimePicker.d.ts +20 -0
- package/dist/components/TimePicker/TimePicker.js +62 -0
- package/dist/components/TimePicker/index.d.ts +1 -0
- package/dist/components/TimePicker/index.js +2 -0
- package/dist/components/Toast/Toast.d.ts +57 -0
- package/dist/components/Toast/Toast.js +40 -0
- package/dist/components/Toast/index.d.ts +1 -0
- package/dist/components/Toast/index.js +2 -0
- package/dist/components/Tooltip/Tooltip.d.ts +12 -0
- package/dist/components/Tooltip/Tooltip.js +23 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/Tooltip/index.js +2 -0
- package/dist/components/Typography/Typography.d.ts +13 -0
- package/dist/components/Typography/Typography.js +63 -0
- package/dist/components/Typography/index.d.ts +1 -0
- package/dist/components/Typography/index.js +2 -0
- package/dist/lib/cn.d.ts +2 -0
- package/dist/lib/cn.js +6 -0
- package/dist/presets/SelectCountry/SelectCountry.d.ts +16 -0
- package/dist/presets/SelectCountry/SelectCountry.js +21 -0
- package/dist/presets/SelectCountry/countries.d.ts +11 -0
- package/dist/presets/SelectCountry/countries.js +120 -0
- package/dist/presets/SelectCountry/index.d.ts +2 -0
- package/dist/presets/SelectCountry/index.js +3 -0
- package/dist/presets/SelectPhone/SelectPhone.d.ts +15 -0
- package/dist/presets/SelectPhone/SelectPhone.js +21 -0
- package/dist/presets/SelectPhone/index.d.ts +2 -0
- package/dist/presets/SelectPhone/index.js +3 -0
- package/dist/presets/SelectPhone/phoneCodes.d.ts +7 -0
- package/dist/presets/SelectPhone/phoneCodes.js +131 -0
- package/dist/tailwind-preset.d.ts +10 -0
- package/dist/tailwind-preset.js +4 -0
- package/dist/test-setup.d.ts +0 -0
- package/dist/theme/colors.d.ts +57 -0
- package/dist/theme/colors.js +59 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.js +4 -0
- package/dist/theme/shapes.d.ts +17 -0
- package/dist/theme/shapes.js +18 -0
- package/dist/theme/spacing.d.ts +18 -0
- package/dist/theme/spacing.js +19 -0
- package/dist/theme.css +2 -0
- package/llms.txt +310 -748
- package/package.json +193 -69
- package/dist/index.css +0 -1
- package/dist/index.d.ts +0 -9
- package/dist/index.es.js +0 -45363
- package/dist/src/commons/colors.d.ts +0 -47
- package/dist/src/commons/colors.es.js +0 -50
- package/dist/src/commons/shapes.d.ts +0 -15
- package/dist/src/commons/shapes.es.js +0 -18
- package/dist/src/commons/spacing.d.ts +0 -15
- package/dist/src/commons/spacing.es.js +0 -18
- package/dist/src/components/atoms/Avatar/Avatar.d.ts +0 -2
- package/dist/src/components/atoms/Avatar/index.d.ts +0 -2
- package/dist/src/components/atoms/Avatar/types.d.ts +0 -7
- package/dist/src/components/atoms/Badge/Badge.d.ts +0 -3
- package/dist/src/components/atoms/Badge/index.d.ts +0 -2
- package/dist/src/components/atoms/Badge/types.d.ts +0 -18
- package/dist/src/components/atoms/Button/Button.d.ts +0 -3
- package/dist/src/components/atoms/Button/ButtonV2.d.ts +0 -4
- package/dist/src/components/atoms/Button/index.d.ts +0 -4
- package/dist/src/components/atoms/Button/types.d.ts +0 -35
- package/dist/src/components/atoms/Checkbox/Checkbox.d.ts +0 -3
- package/dist/src/components/atoms/Checkbox/index.d.ts +0 -2
- package/dist/src/components/atoms/Checkbox/types.d.ts +0 -18
- package/dist/src/components/atoms/Datepicker/Datepicker.d.ts +0 -3
- package/dist/src/components/atoms/Datepicker/index.d.ts +0 -2
- package/dist/src/components/atoms/Datepicker/types.d.ts +0 -9
- package/dist/src/components/atoms/Icon/Icon.d.ts +0 -3
- package/dist/src/components/atoms/Icon/index.d.ts +0 -3
- package/dist/src/components/atoms/Icon/types.d.ts +0 -11
- package/dist/src/components/atoms/InputNumber/InputNumber.d.ts +0 -3
- package/dist/src/components/atoms/InputNumber/index.d.ts +0 -2
- package/dist/src/components/atoms/InputNumber/types.d.ts +0 -7
- package/dist/src/components/atoms/Label/Label.d.ts +0 -9
- package/dist/src/components/atoms/Popover/Popover.d.ts +0 -2
- package/dist/src/components/atoms/Popover/index.d.ts +0 -2
- package/dist/src/components/atoms/Popover/types.d.ts +0 -8
- package/dist/src/components/atoms/RadioButton/RadioButton.d.ts +0 -3
- package/dist/src/components/atoms/RadioButton/index.d.ts +0 -2
- package/dist/src/components/atoms/RadioButton/types.d.ts +0 -20
- package/dist/src/components/atoms/TextInput/TextInput.d.ts +0 -12
- package/dist/src/components/atoms/TextInput/index.d.ts +0 -1
- package/dist/src/components/atoms/TextInput/types.d.ts +0 -5
- package/dist/src/components/atoms/Timepicker/TimePicker.d.ts +0 -3
- package/dist/src/components/atoms/Timepicker/index.d.ts +0 -2
- package/dist/src/components/atoms/Timepicker/types.d.ts +0 -15
- package/dist/src/components/atoms/Toast/Toast.d.ts +0 -20
- package/dist/src/components/atoms/Toast/index.d.ts +0 -1
- package/dist/src/components/atoms/Toggle/Toggle.d.ts +0 -3
- package/dist/src/components/atoms/Toggle/index.d.ts +0 -2
- package/dist/src/components/atoms/Toggle/types.d.ts +0 -6
- package/dist/src/components/atoms/Typography/Typography.d.ts +0 -7
- package/dist/src/components/atoms/Typography/index.d.ts +0 -2
- package/dist/src/components/atoms/Typography/types.d.ts +0 -38
- package/dist/src/components/atoms/index.d.ts +0 -16
- package/dist/src/components/atoms/tooltips/Tooltip/Tooltip.d.ts +0 -2
- package/dist/src/components/atoms/tooltips/Tooltip/index.d.ts +0 -2
- package/dist/src/components/atoms/tooltips/Tooltip/types.d.ts +0 -10
- package/dist/src/components/atoms/tooltips/TooltipWrapper/TooltipWrapper.d.ts +0 -2
- package/dist/src/components/atoms/tooltips/TooltipWrapper/index.d.ts +0 -2
- package/dist/src/components/atoms/tooltips/TooltipWrapper/types.d.ts +0 -11
- package/dist/src/components/atoms/tooltips/index.d.ts +0 -2
- package/dist/src/components/index.d.ts +0 -3
- package/dist/src/components/molecules/Table/Table.d.ts +0 -3
- package/dist/src/components/molecules/Table/index.d.ts +0 -2
- package/dist/src/components/molecules/Table/types.d.ts +0 -28
- package/dist/src/components/molecules/alert/Alert.d.ts +0 -15
- package/dist/src/components/molecules/alert/index.d.ts +0 -1
- package/dist/src/components/molecules/dropdowns/Dropdown/Dropdown.d.ts +0 -3
- package/dist/src/components/molecules/dropdowns/Dropdown/index.d.ts +0 -2
- package/dist/src/components/molecules/dropdowns/Dropdown/types.d.ts +0 -33
- package/dist/src/components/molecules/dropdowns/DropdownCountry/DropdownCountry.d.ts +0 -5
- package/dist/src/components/molecules/dropdowns/DropdownCountry/index.d.ts +0 -1
- package/dist/src/components/molecules/dropdowns/DropdownFilter/DropdownFilter.d.ts +0 -3
- package/dist/src/components/molecules/dropdowns/DropdownFilter/index.d.ts +0 -1
- package/dist/src/components/molecules/dropdowns/DropdownFilter/types.d.ts +0 -38
- package/dist/src/components/molecules/dropdowns/DropdownMultiple/DropdownMultiple.d.ts +0 -3
- package/dist/src/components/molecules/dropdowns/DropdownMultiple/index.d.ts +0 -2
- package/dist/src/components/molecules/dropdowns/DropdownMultiple/types.d.ts +0 -11
- package/dist/src/components/molecules/dropdowns/DropdownPhone/DropdownPhone.d.ts +0 -6
- package/dist/src/components/molecules/dropdowns/DropdownPhone/index.d.ts +0 -1
- package/dist/src/components/molecules/dropdowns/index.d.ts +0 -5
- package/dist/src/components/molecules/index.d.ts +0 -4
- package/dist/src/components/molecules/tabs/Tab/Tab.d.ts +0 -3
- package/dist/src/components/molecules/tabs/Tab/index.d.ts +0 -2
- package/dist/src/components/molecules/tabs/Tab/types.d.ts +0 -16
- package/dist/src/components/molecules/tabs/TabButton/TabButton.d.ts +0 -3
- package/dist/src/components/molecules/tabs/TabButton/index.d.ts +0 -2
- package/dist/src/components/molecules/tabs/TabButton/types.d.ts +0 -15
- package/dist/src/components/molecules/tabs/index.d.ts +0 -2
- package/dist/src/components/organisms/Modal/Modal.d.ts +0 -3
- package/dist/src/components/organisms/Modal/ModalV2.d.ts +0 -53
- package/dist/src/components/organisms/Modal/index.d.ts +0 -3
- package/dist/src/components/organisms/Modal/types.d.ts +0 -24
- package/dist/src/components/organisms/index.d.ts +0 -1
- package/dist/src/constants/countries.d.ts +0 -7
- package/dist/src/hooks/useClickOutside.d.ts +0 -2
- package/dist/src/vite-env.d.ts +0 -1
- /package/dist/{src/components/atoms → components}/Label/index.d.ts +0 -0
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
export declare const colors: {
|
|
2
|
-
neutrals: {
|
|
3
|
-
Gray100: string;
|
|
4
|
-
Gray80: string;
|
|
5
|
-
Gray60: string;
|
|
6
|
-
Gray40: string;
|
|
7
|
-
Gray20: string;
|
|
8
|
-
Gray00: string;
|
|
9
|
-
};
|
|
10
|
-
mainB2B: {
|
|
11
|
-
MainGreenDark: string;
|
|
12
|
-
MainGreenDefault: string;
|
|
13
|
-
MainGreenLight: string;
|
|
14
|
-
MainGreenLighter: string;
|
|
15
|
-
};
|
|
16
|
-
mainB2C: {
|
|
17
|
-
MainBlueDark: string;
|
|
18
|
-
MainBlueDefault: string;
|
|
19
|
-
MainBlueLight: string;
|
|
20
|
-
MainBlueLighter: string;
|
|
21
|
-
};
|
|
22
|
-
secondary: {
|
|
23
|
-
SecondaryPurpleDark: string;
|
|
24
|
-
SecondayPurpleDefault: string;
|
|
25
|
-
SecondayPurpleLight: string;
|
|
26
|
-
SecondayPurpleLighter: string;
|
|
27
|
-
SecondaryOrangeDark: string;
|
|
28
|
-
SecondaryOrangeDefault: string;
|
|
29
|
-
SecondaryOrangeLight: string;
|
|
30
|
-
SecondaryOrangeLighter: string;
|
|
31
|
-
};
|
|
32
|
-
status: {
|
|
33
|
-
ErrorMain: string;
|
|
34
|
-
ErrorLight: string;
|
|
35
|
-
SuccessMain: string;
|
|
36
|
-
SuccessLight: string;
|
|
37
|
-
AlertMain: string;
|
|
38
|
-
AlertLight: string;
|
|
39
|
-
};
|
|
40
|
-
opacity: {
|
|
41
|
-
Opacidad100: number;
|
|
42
|
-
Opacidad80: number;
|
|
43
|
-
Opacidad60: number;
|
|
44
|
-
Opacidad40: number;
|
|
45
|
-
Opacidad20: number;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
const a = {
|
|
2
|
-
neutrals: {
|
|
3
|
-
Gray100: "#171a1a",
|
|
4
|
-
Gray80: "#303333",
|
|
5
|
-
Gray60: "#494d4b",
|
|
6
|
-
Gray40: "#b9bfbd",
|
|
7
|
-
Gray20: "#edf2f0",
|
|
8
|
-
Gray00: "#fcfffe"
|
|
9
|
-
},
|
|
10
|
-
mainB2B: {
|
|
11
|
-
MainGreenDark: "#001f19",
|
|
12
|
-
MainGreenDefault: "#1e5349",
|
|
13
|
-
MainGreenLight: "#6be3cd",
|
|
14
|
-
MainGreenLighter: "#d9fff5"
|
|
15
|
-
},
|
|
16
|
-
mainB2C: {
|
|
17
|
-
MainBlueDark: "#1d5bbc",
|
|
18
|
-
MainBlueDefault: "#468eff",
|
|
19
|
-
MainBlueLight: "#abccff",
|
|
20
|
-
MainBlueLighter: "#e2edff"
|
|
21
|
-
},
|
|
22
|
-
secondary: {
|
|
23
|
-
SecondaryPurpleDark: "#9335cc",
|
|
24
|
-
SecondayPurpleDefault: "#c15cff",
|
|
25
|
-
SecondayPurpleLight: "#dea8ff",
|
|
26
|
-
SecondayPurpleLighter: "#f9eeff",
|
|
27
|
-
SecondaryOrangeDark: "#ac5734",
|
|
28
|
-
SecondaryOrangeDefault: "#e57b43",
|
|
29
|
-
SecondaryOrangeLight: "#ffaa7d",
|
|
30
|
-
SecondaryOrangeLighter: "#ffefe7"
|
|
31
|
-
},
|
|
32
|
-
status: {
|
|
33
|
-
ErrorMain: "#c00808",
|
|
34
|
-
ErrorLight: "#ffe5e5",
|
|
35
|
-
SuccessMain: "#206614",
|
|
36
|
-
SuccessLight: "#c15cff",
|
|
37
|
-
AlertMain: "#9f760b",
|
|
38
|
-
AlertLight: "#fff1cc"
|
|
39
|
-
},
|
|
40
|
-
opacity: {
|
|
41
|
-
Opacidad100: 1,
|
|
42
|
-
Opacidad80: 0.8,
|
|
43
|
-
Opacidad60: 0.6,
|
|
44
|
-
Opacidad40: 0.4,
|
|
45
|
-
Opacidad20: 0.2
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
export {
|
|
49
|
-
a as colors
|
|
50
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconProps } from '../Icon/types';
|
|
3
|
-
export interface BadgeProps {
|
|
4
|
-
text?: string | React.ReactNode;
|
|
5
|
-
icon?: boolean;
|
|
6
|
-
dataTestid?: string;
|
|
7
|
-
type: 'quiet' | 'loud';
|
|
8
|
-
customClassName?: string;
|
|
9
|
-
iconType?: IconProps['type'];
|
|
10
|
-
iconName?: IconProps['iconName'];
|
|
11
|
-
customStyles?: React.CSSProperties;
|
|
12
|
-
version?: 'full' | 'minimal' | 'dot';
|
|
13
|
-
variant?: 'big' | 'medium' | 'small';
|
|
14
|
-
status: 'active' | 'inactive' | 'risk' | 'new';
|
|
15
|
-
}
|
|
16
|
-
export type BadgePropsStatusText = {
|
|
17
|
-
[key in BadgeProps['status']]: string;
|
|
18
|
-
};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { MaterialSymbol } from '@material-symbols/font-400';
|
|
3
|
-
export interface ButtonProps {
|
|
4
|
-
btnType?: 'button' | 'submit' | 'reset' | undefined;
|
|
5
|
-
icon?: MaterialSymbol;
|
|
6
|
-
text?: string;
|
|
7
|
-
primaryVariant?: 'neutral' | 'success' | 'error';
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
dataTestid?: string;
|
|
10
|
-
underline?: boolean;
|
|
11
|
-
customBtnClassName?: string;
|
|
12
|
-
iconPosition?: 'left' | 'right';
|
|
13
|
-
customStyles?: React.CSSProperties;
|
|
14
|
-
type: 'primary' | 'secondary' | 'tertiary';
|
|
15
|
-
iconType?: 'outlined' | 'rounded' | 'sharp';
|
|
16
|
-
size?: 'small' | 'medium' | 'big';
|
|
17
|
-
onClick?: () => void;
|
|
18
|
-
}
|
|
19
|
-
type PrimaryVariant = 'neutral' | 'success' | 'error' | 'skyblue';
|
|
20
|
-
type SecondaryVariant = 'skyblue';
|
|
21
|
-
export interface ButtonPropsV2 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
22
|
-
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
23
|
-
primaryVariant?: PrimaryVariant;
|
|
24
|
-
secondaryVariant?: SecondaryVariant;
|
|
25
|
-
size?: 'small' | 'medium' | 'big';
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
preffix?: React.ReactNode;
|
|
28
|
-
suffix?: React.ReactNode;
|
|
29
|
-
dataTestid?: string;
|
|
30
|
-
loading?: boolean;
|
|
31
|
-
iconOnly?: boolean;
|
|
32
|
-
underline?: boolean;
|
|
33
|
-
fullWidth?: boolean;
|
|
34
|
-
}
|
|
35
|
-
export {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
3
|
-
checked?: boolean;
|
|
4
|
-
labelPosition?: 'left' | 'right';
|
|
5
|
-
inputSize?: 'medium' | 'small';
|
|
6
|
-
id: string;
|
|
7
|
-
dataTestId?: string;
|
|
8
|
-
customClassName?: string;
|
|
9
|
-
labelClassName?: string;
|
|
10
|
-
checkboxClassName?: string;
|
|
11
|
-
inputClassName?: string;
|
|
12
|
-
customStyles?: React.CSSProperties;
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
backgroundColor?: string;
|
|
15
|
-
borderRadius?: string;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
18
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { DatePickerProps as AntDatePickerProps } from 'antd';
|
|
2
|
-
export interface DatepickerProps extends Omit<AntDatePickerProps, 'picker'> {
|
|
3
|
-
dataTestId?: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
customClassName?: string;
|
|
6
|
-
dateFormat?: string;
|
|
7
|
-
popupCustomClassName?: string;
|
|
8
|
-
errors?: string[] | string;
|
|
9
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { MaterialSymbol } from '@material-symbols/font-400';
|
|
3
|
-
export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
4
|
-
iconName: MaterialSymbol;
|
|
5
|
-
customClassName?: string;
|
|
6
|
-
type?: 'outlined' | 'rounded' | 'sharp';
|
|
7
|
-
customStyles?: React.CSSProperties;
|
|
8
|
-
dataTestId?: string;
|
|
9
|
-
/** A number value translates to px */
|
|
10
|
-
size?: string;
|
|
11
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TypographyProps } from '../../../components/atoms/Typography/types';
|
|
3
|
-
export declare const Label: import("react").ForwardRefExoticComponent<{
|
|
4
|
-
required?: boolean | undefined;
|
|
5
|
-
disclaimer?: React.ReactNode;
|
|
6
|
-
requiredClassName?: string | undefined;
|
|
7
|
-
} & {
|
|
8
|
-
children?: import("react").ReactNode;
|
|
9
|
-
} & TypographyProps & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PopoverProps as AntDPopoverProps } from 'antd';
|
|
3
|
-
export interface PopoverProps extends AntDPopoverProps {
|
|
4
|
-
dataTestid?: string;
|
|
5
|
-
customClassName?: string;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
customStyles?: React.CSSProperties;
|
|
8
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { RadioChangeEvent, RadioGroupProps } from 'antd';
|
|
3
|
-
export interface RadioOption {
|
|
4
|
-
label: string | number | boolean;
|
|
5
|
-
value: string | number | boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
checked?: boolean;
|
|
8
|
-
defaultChecked?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface RadioButtonProps extends RadioGroupProps {
|
|
11
|
-
options: RadioOption[];
|
|
12
|
-
dataTestid?: string;
|
|
13
|
-
disabledItem?: string;
|
|
14
|
-
defaultCheckedItem?: string;
|
|
15
|
-
checkedItem?: string;
|
|
16
|
-
customClassName?: string;
|
|
17
|
-
customStyles?: React.CSSProperties;
|
|
18
|
-
disabledGroup?: boolean;
|
|
19
|
-
onChange?: (e: RadioChangeEvent) => void;
|
|
20
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InputProps } from 'antd';
|
|
3
|
-
import { InputSize } from '../../../components/atoms/TextInput/types';
|
|
4
|
-
interface TextInputProps extends Omit<InputProps, 'size'> {
|
|
5
|
-
size?: InputSize;
|
|
6
|
-
label?: React.ReactNode;
|
|
7
|
-
helper?: React.ReactNode;
|
|
8
|
-
disclaimer?: React.ReactNode;
|
|
9
|
-
errors?: string[] | string;
|
|
10
|
-
}
|
|
11
|
-
export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
12
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TextInput } from './TextInput';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface TimepickerProps {
|
|
3
|
-
dataTestId?: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
customClassName?: string;
|
|
6
|
-
customStyles?: React.CSSProperties;
|
|
7
|
-
time?: {
|
|
8
|
-
hour: string | number;
|
|
9
|
-
minutes: string | number;
|
|
10
|
-
};
|
|
11
|
-
onTimeChange?: (newTime: {
|
|
12
|
-
hour: string | number;
|
|
13
|
-
minutes: string | number;
|
|
14
|
-
}) => void;
|
|
15
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ArgsProps } from 'antd/lib/notification';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
type Toast = Omit<ArgsProps, 'message'> & {
|
|
4
|
-
debug?: boolean;
|
|
5
|
-
action?: React.ReactNode;
|
|
6
|
-
};
|
|
7
|
-
interface ToastContextProps {
|
|
8
|
-
toast: {
|
|
9
|
-
contextHolder: React.ReactNode;
|
|
10
|
-
success: (message: React.ReactNode, props?: Toast) => void;
|
|
11
|
-
error: (message: React.ReactNode, props?: Toast) => void;
|
|
12
|
-
loading: (message: React.ReactNode, props?: Toast) => void;
|
|
13
|
-
close: () => void;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
export declare const ToastContextProvider: React.FC<{
|
|
17
|
-
children: React.ReactNode;
|
|
18
|
-
}>;
|
|
19
|
-
export declare const useToast: () => ToastContextProps;
|
|
20
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Toast';
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
-
/**
|
|
4
|
-
*
|
|
5
|
-
* h1 - font-family: "Roca One", serif; font-weight: lighter; font-size: 56px; letter-spacing: 0,2px; line-height: 60px
|
|
6
|
-
*
|
|
7
|
-
* h2 - font-family: "Roca One", serif; font-weight: lighter; font-size: 48px; letter-spacing: 0,3px; line-height: 55px
|
|
8
|
-
*
|
|
9
|
-
* h3 - font-family: "Roca One", serif; font-weight: lighter; font-size: 34px; letter-spacing: 0,4px; line-height: 40px
|
|
10
|
-
*
|
|
11
|
-
* h4 - font-family: "Roca One", serif; font-weight: lighter; font-size: 24px; letter-spacing: 0.4px; line-height: 30px
|
|
12
|
-
*
|
|
13
|
-
* h5 - font-family: "Roca One", serif; font-weight: lighter; font-size: 20px; letter-spacing: 0.4px; line-height: 25px
|
|
14
|
-
*
|
|
15
|
-
* body1 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 24px; line-height: 30px
|
|
16
|
-
*
|
|
17
|
-
* body2 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 20px; line-height: 24px
|
|
18
|
-
*
|
|
19
|
-
* body3 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 18px; line-height: 24px
|
|
20
|
-
*
|
|
21
|
-
* body4 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 16px; line-height: 22px
|
|
22
|
-
*
|
|
23
|
-
* body5 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 14px; line-height: 20px
|
|
24
|
-
*
|
|
25
|
-
* body6 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 12px; line-height: 16px
|
|
26
|
-
*
|
|
27
|
-
* button1 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 18px; line-height: 0px
|
|
28
|
-
*
|
|
29
|
-
* button2 - font-family: "NT Bau", sans-serif; font-weight: normal; font-size: 16px; line-height: 0px
|
|
30
|
-
*
|
|
31
|
-
*/
|
|
32
|
-
variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body1' | 'body2' | 'body3' | 'body4' | 'body5' | 'body6' | 'button1' | 'button2';
|
|
33
|
-
dataTestid?: string;
|
|
34
|
-
underline?: boolean;
|
|
35
|
-
className?: string;
|
|
36
|
-
customStyles?: React.CSSProperties;
|
|
37
|
-
bolder?: boolean;
|
|
38
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export * from './Avatar';
|
|
2
|
-
export * from './Badge';
|
|
3
|
-
export * from './Button';
|
|
4
|
-
export * from './Checkbox';
|
|
5
|
-
export * from './Datepicker';
|
|
6
|
-
export * from './Icon';
|
|
7
|
-
export * from './InputNumber';
|
|
8
|
-
export * from './Label';
|
|
9
|
-
export * from './Popover';
|
|
10
|
-
export * from './RadioButton';
|
|
11
|
-
export * from './TextInput';
|
|
12
|
-
export * from './Timepicker';
|
|
13
|
-
export * from './Toast';
|
|
14
|
-
export * from './Toggle';
|
|
15
|
-
export * from './tooltips';
|
|
16
|
-
export * from './Typography';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface TooltipProps {
|
|
3
|
-
prompText: React.ReactNode;
|
|
4
|
-
dataTestid?: string;
|
|
5
|
-
customClassName?: string;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
backgroundColor?: string;
|
|
8
|
-
opacity?: string | number;
|
|
9
|
-
customStyles?: React.CSSProperties;
|
|
10
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface TooltipWrapperProps {
|
|
3
|
-
content: React.ReactNode;
|
|
4
|
-
dataTestid?: string;
|
|
5
|
-
color?: string;
|
|
6
|
-
placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
|
|
7
|
-
customClassName?: string;
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
backgroundColor?: string;
|
|
10
|
-
customStyles?: React.CSSProperties;
|
|
11
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { TableProps } from './types';
|
|
2
|
-
export declare const TABLE_EXPAND_COLUMN_WIDTH = 48;
|
|
3
|
-
export declare const Table: <T extends object>({ columns, data, onChange, customStyles, className, heightBodyScrollable, widthBodyScrollable, dataTestid, expandable, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|