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.
Files changed (235) hide show
  1. package/DESIGN.md +408 -0
  2. package/MIGRATION.md +301 -0
  3. package/README.md +41 -72
  4. package/dist/components/Alert/Alert.d.ts +14 -0
  5. package/dist/components/Alert/Alert.js +73 -0
  6. package/dist/components/Alert/index.d.ts +1 -0
  7. package/dist/components/Alert/index.js +2 -0
  8. package/dist/components/Avatar/Avatar.d.ts +5 -0
  9. package/dist/components/Avatar/Avatar.js +25 -0
  10. package/dist/components/Avatar/index.d.ts +1 -0
  11. package/dist/components/Avatar/index.js +2 -0
  12. package/dist/components/Badge/Badge.d.ts +23 -0
  13. package/dist/components/Badge/Badge.js +159 -0
  14. package/dist/components/Badge/index.d.ts +2 -0
  15. package/dist/components/Badge/index.js +2 -0
  16. package/dist/components/Button/Button.d.ts +7 -0
  17. package/dist/components/Button/Button.js +46 -0
  18. package/dist/components/Button/button.variants.d.ts +22 -0
  19. package/dist/components/Button/button.variants.js +61 -0
  20. package/dist/components/Button/index.d.ts +2 -0
  21. package/dist/components/Button/index.js +3 -0
  22. package/dist/components/Checkbox/Checkbox.d.ts +9 -0
  23. package/dist/components/Checkbox/Checkbox.js +36 -0
  24. package/dist/components/Checkbox/index.d.ts +1 -0
  25. package/dist/components/Checkbox/index.js +2 -0
  26. package/dist/components/Chip/Chip.d.ts +17 -0
  27. package/dist/components/Chip/Chip.js +59 -0
  28. package/dist/components/Chip/index.d.ts +2 -0
  29. package/dist/components/Chip/index.js +2 -0
  30. package/dist/components/Combobox/Combobox.d.ts +31 -0
  31. package/dist/components/Combobox/Combobox.js +97 -0
  32. package/dist/components/Combobox/index.d.ts +1 -0
  33. package/dist/components/Combobox/index.js +2 -0
  34. package/dist/components/DataTable/DataTable.d.ts +24 -0
  35. package/dist/components/DataTable/DataTable.js +74 -0
  36. package/dist/components/DataTable/Table.d.ts +9 -0
  37. package/dist/components/DataTable/Table.js +57 -0
  38. package/dist/components/DataTable/index.d.ts +3 -0
  39. package/dist/components/DataTable/index.js +3 -0
  40. package/dist/components/DatePicker/DatePicker.d.ts +20 -0
  41. package/dist/components/DatePicker/DatePicker.js +73 -0
  42. package/dist/components/DatePicker/index.d.ts +1 -0
  43. package/dist/components/DatePicker/index.js +2 -0
  44. package/dist/components/Dialog/Dialog.d.ts +21 -0
  45. package/dist/components/Dialog/Dialog.js +51 -0
  46. package/dist/components/Dialog/index.d.ts +1 -0
  47. package/dist/components/Dialog/index.js +2 -0
  48. package/dist/components/Field/Field.d.ts +22 -0
  49. package/dist/components/Field/Field.js +43 -0
  50. package/dist/components/Field/index.d.ts +1 -0
  51. package/dist/components/Field/index.js +2 -0
  52. package/dist/components/Icon/Icon.d.ts +7 -0
  53. package/dist/components/Icon/Icon.js +13 -0
  54. package/dist/components/Icon/index.d.ts +13 -0
  55. package/dist/components/Icon/index.js +2 -0
  56. package/dist/components/Input/Input.d.ts +41 -0
  57. package/dist/components/Input/Input.js +87 -0
  58. package/dist/components/Input/index.d.ts +1 -0
  59. package/dist/components/Input/index.js +2 -0
  60. package/dist/components/Label/Label.d.ts +3 -0
  61. package/dist/components/Label/Label.js +13 -0
  62. package/dist/components/Label/index.js +2 -0
  63. package/dist/components/MultiSelect/MultiSelect.d.ts +23 -0
  64. package/dist/components/MultiSelect/MultiSelect.js +98 -0
  65. package/dist/components/MultiSelect/index.d.ts +1 -0
  66. package/dist/components/MultiSelect/index.js +2 -0
  67. package/dist/components/NumberInput/NumberInput.d.ts +11 -0
  68. package/dist/components/NumberInput/NumberInput.js +58 -0
  69. package/dist/components/NumberInput/index.d.ts +1 -0
  70. package/dist/components/NumberInput/index.js +2 -0
  71. package/dist/components/Popover/Popover.d.ts +12 -0
  72. package/dist/components/Popover/Popover.js +20 -0
  73. package/dist/components/Popover/index.d.ts +1 -0
  74. package/dist/components/Popover/index.js +2 -0
  75. package/dist/components/RadioGroup/RadioGroup.d.ts +12 -0
  76. package/dist/components/RadioGroup/RadioGroup.js +42 -0
  77. package/dist/components/RadioGroup/index.d.ts +1 -0
  78. package/dist/components/RadioGroup/index.js +2 -0
  79. package/dist/components/Select/Select.d.ts +15 -0
  80. package/dist/components/Select/Select.js +82 -0
  81. package/dist/components/Select/index.d.ts +1 -0
  82. package/dist/components/Select/index.js +2 -0
  83. package/dist/components/Spinner/Spinner.d.ts +9 -0
  84. package/dist/components/Spinner/Spinner.js +24 -0
  85. package/dist/components/Spinner/index.d.ts +1 -0
  86. package/dist/components/Spinner/index.js +2 -0
  87. package/dist/components/Switch/Switch.d.ts +7 -0
  88. package/dist/components/Switch/Switch.js +23 -0
  89. package/dist/components/Switch/index.d.ts +1 -0
  90. package/dist/components/Switch/index.js +2 -0
  91. package/dist/components/Tabs/Tabs.d.ts +17 -0
  92. package/dist/components/Tabs/Tabs.js +78 -0
  93. package/dist/components/Tabs/index.d.ts +1 -0
  94. package/dist/components/Tabs/index.js +2 -0
  95. package/dist/components/TimePicker/TimePicker.d.ts +20 -0
  96. package/dist/components/TimePicker/TimePicker.js +62 -0
  97. package/dist/components/TimePicker/index.d.ts +1 -0
  98. package/dist/components/TimePicker/index.js +2 -0
  99. package/dist/components/Toast/Toast.d.ts +57 -0
  100. package/dist/components/Toast/Toast.js +40 -0
  101. package/dist/components/Toast/index.d.ts +1 -0
  102. package/dist/components/Toast/index.js +2 -0
  103. package/dist/components/Tooltip/Tooltip.d.ts +12 -0
  104. package/dist/components/Tooltip/Tooltip.js +23 -0
  105. package/dist/components/Tooltip/index.d.ts +1 -0
  106. package/dist/components/Tooltip/index.js +2 -0
  107. package/dist/components/Typography/Typography.d.ts +13 -0
  108. package/dist/components/Typography/Typography.js +63 -0
  109. package/dist/components/Typography/index.d.ts +1 -0
  110. package/dist/components/Typography/index.js +2 -0
  111. package/dist/lib/cn.d.ts +2 -0
  112. package/dist/lib/cn.js +6 -0
  113. package/dist/presets/SelectCountry/SelectCountry.d.ts +16 -0
  114. package/dist/presets/SelectCountry/SelectCountry.js +21 -0
  115. package/dist/presets/SelectCountry/countries.d.ts +11 -0
  116. package/dist/presets/SelectCountry/countries.js +120 -0
  117. package/dist/presets/SelectCountry/index.d.ts +2 -0
  118. package/dist/presets/SelectCountry/index.js +3 -0
  119. package/dist/presets/SelectPhone/SelectPhone.d.ts +15 -0
  120. package/dist/presets/SelectPhone/SelectPhone.js +21 -0
  121. package/dist/presets/SelectPhone/index.d.ts +2 -0
  122. package/dist/presets/SelectPhone/index.js +3 -0
  123. package/dist/presets/SelectPhone/phoneCodes.d.ts +7 -0
  124. package/dist/presets/SelectPhone/phoneCodes.js +131 -0
  125. package/dist/tailwind-preset.d.ts +10 -0
  126. package/dist/tailwind-preset.js +4 -0
  127. package/dist/test-setup.d.ts +0 -0
  128. package/dist/theme/colors.d.ts +57 -0
  129. package/dist/theme/colors.js +59 -0
  130. package/dist/theme/index.d.ts +3 -0
  131. package/dist/theme/index.js +4 -0
  132. package/dist/theme/shapes.d.ts +17 -0
  133. package/dist/theme/shapes.js +18 -0
  134. package/dist/theme/spacing.d.ts +18 -0
  135. package/dist/theme/spacing.js +19 -0
  136. package/dist/theme.css +2 -0
  137. package/llms.txt +310 -748
  138. package/package.json +193 -69
  139. package/dist/index.css +0 -1
  140. package/dist/index.d.ts +0 -9
  141. package/dist/index.es.js +0 -45363
  142. package/dist/src/commons/colors.d.ts +0 -47
  143. package/dist/src/commons/colors.es.js +0 -50
  144. package/dist/src/commons/shapes.d.ts +0 -15
  145. package/dist/src/commons/shapes.es.js +0 -18
  146. package/dist/src/commons/spacing.d.ts +0 -15
  147. package/dist/src/commons/spacing.es.js +0 -18
  148. package/dist/src/components/atoms/Avatar/Avatar.d.ts +0 -2
  149. package/dist/src/components/atoms/Avatar/index.d.ts +0 -2
  150. package/dist/src/components/atoms/Avatar/types.d.ts +0 -7
  151. package/dist/src/components/atoms/Badge/Badge.d.ts +0 -3
  152. package/dist/src/components/atoms/Badge/index.d.ts +0 -2
  153. package/dist/src/components/atoms/Badge/types.d.ts +0 -18
  154. package/dist/src/components/atoms/Button/Button.d.ts +0 -3
  155. package/dist/src/components/atoms/Button/ButtonV2.d.ts +0 -4
  156. package/dist/src/components/atoms/Button/index.d.ts +0 -4
  157. package/dist/src/components/atoms/Button/types.d.ts +0 -35
  158. package/dist/src/components/atoms/Checkbox/Checkbox.d.ts +0 -3
  159. package/dist/src/components/atoms/Checkbox/index.d.ts +0 -2
  160. package/dist/src/components/atoms/Checkbox/types.d.ts +0 -18
  161. package/dist/src/components/atoms/Datepicker/Datepicker.d.ts +0 -3
  162. package/dist/src/components/atoms/Datepicker/index.d.ts +0 -2
  163. package/dist/src/components/atoms/Datepicker/types.d.ts +0 -9
  164. package/dist/src/components/atoms/Icon/Icon.d.ts +0 -3
  165. package/dist/src/components/atoms/Icon/index.d.ts +0 -3
  166. package/dist/src/components/atoms/Icon/types.d.ts +0 -11
  167. package/dist/src/components/atoms/InputNumber/InputNumber.d.ts +0 -3
  168. package/dist/src/components/atoms/InputNumber/index.d.ts +0 -2
  169. package/dist/src/components/atoms/InputNumber/types.d.ts +0 -7
  170. package/dist/src/components/atoms/Label/Label.d.ts +0 -9
  171. package/dist/src/components/atoms/Popover/Popover.d.ts +0 -2
  172. package/dist/src/components/atoms/Popover/index.d.ts +0 -2
  173. package/dist/src/components/atoms/Popover/types.d.ts +0 -8
  174. package/dist/src/components/atoms/RadioButton/RadioButton.d.ts +0 -3
  175. package/dist/src/components/atoms/RadioButton/index.d.ts +0 -2
  176. package/dist/src/components/atoms/RadioButton/types.d.ts +0 -20
  177. package/dist/src/components/atoms/TextInput/TextInput.d.ts +0 -12
  178. package/dist/src/components/atoms/TextInput/index.d.ts +0 -1
  179. package/dist/src/components/atoms/TextInput/types.d.ts +0 -5
  180. package/dist/src/components/atoms/Timepicker/TimePicker.d.ts +0 -3
  181. package/dist/src/components/atoms/Timepicker/index.d.ts +0 -2
  182. package/dist/src/components/atoms/Timepicker/types.d.ts +0 -15
  183. package/dist/src/components/atoms/Toast/Toast.d.ts +0 -20
  184. package/dist/src/components/atoms/Toast/index.d.ts +0 -1
  185. package/dist/src/components/atoms/Toggle/Toggle.d.ts +0 -3
  186. package/dist/src/components/atoms/Toggle/index.d.ts +0 -2
  187. package/dist/src/components/atoms/Toggle/types.d.ts +0 -6
  188. package/dist/src/components/atoms/Typography/Typography.d.ts +0 -7
  189. package/dist/src/components/atoms/Typography/index.d.ts +0 -2
  190. package/dist/src/components/atoms/Typography/types.d.ts +0 -38
  191. package/dist/src/components/atoms/index.d.ts +0 -16
  192. package/dist/src/components/atoms/tooltips/Tooltip/Tooltip.d.ts +0 -2
  193. package/dist/src/components/atoms/tooltips/Tooltip/index.d.ts +0 -2
  194. package/dist/src/components/atoms/tooltips/Tooltip/types.d.ts +0 -10
  195. package/dist/src/components/atoms/tooltips/TooltipWrapper/TooltipWrapper.d.ts +0 -2
  196. package/dist/src/components/atoms/tooltips/TooltipWrapper/index.d.ts +0 -2
  197. package/dist/src/components/atoms/tooltips/TooltipWrapper/types.d.ts +0 -11
  198. package/dist/src/components/atoms/tooltips/index.d.ts +0 -2
  199. package/dist/src/components/index.d.ts +0 -3
  200. package/dist/src/components/molecules/Table/Table.d.ts +0 -3
  201. package/dist/src/components/molecules/Table/index.d.ts +0 -2
  202. package/dist/src/components/molecules/Table/types.d.ts +0 -28
  203. package/dist/src/components/molecules/alert/Alert.d.ts +0 -15
  204. package/dist/src/components/molecules/alert/index.d.ts +0 -1
  205. package/dist/src/components/molecules/dropdowns/Dropdown/Dropdown.d.ts +0 -3
  206. package/dist/src/components/molecules/dropdowns/Dropdown/index.d.ts +0 -2
  207. package/dist/src/components/molecules/dropdowns/Dropdown/types.d.ts +0 -33
  208. package/dist/src/components/molecules/dropdowns/DropdownCountry/DropdownCountry.d.ts +0 -5
  209. package/dist/src/components/molecules/dropdowns/DropdownCountry/index.d.ts +0 -1
  210. package/dist/src/components/molecules/dropdowns/DropdownFilter/DropdownFilter.d.ts +0 -3
  211. package/dist/src/components/molecules/dropdowns/DropdownFilter/index.d.ts +0 -1
  212. package/dist/src/components/molecules/dropdowns/DropdownFilter/types.d.ts +0 -38
  213. package/dist/src/components/molecules/dropdowns/DropdownMultiple/DropdownMultiple.d.ts +0 -3
  214. package/dist/src/components/molecules/dropdowns/DropdownMultiple/index.d.ts +0 -2
  215. package/dist/src/components/molecules/dropdowns/DropdownMultiple/types.d.ts +0 -11
  216. package/dist/src/components/molecules/dropdowns/DropdownPhone/DropdownPhone.d.ts +0 -6
  217. package/dist/src/components/molecules/dropdowns/DropdownPhone/index.d.ts +0 -1
  218. package/dist/src/components/molecules/dropdowns/index.d.ts +0 -5
  219. package/dist/src/components/molecules/index.d.ts +0 -4
  220. package/dist/src/components/molecules/tabs/Tab/Tab.d.ts +0 -3
  221. package/dist/src/components/molecules/tabs/Tab/index.d.ts +0 -2
  222. package/dist/src/components/molecules/tabs/Tab/types.d.ts +0 -16
  223. package/dist/src/components/molecules/tabs/TabButton/TabButton.d.ts +0 -3
  224. package/dist/src/components/molecules/tabs/TabButton/index.d.ts +0 -2
  225. package/dist/src/components/molecules/tabs/TabButton/types.d.ts +0 -15
  226. package/dist/src/components/molecules/tabs/index.d.ts +0 -2
  227. package/dist/src/components/organisms/Modal/Modal.d.ts +0 -3
  228. package/dist/src/components/organisms/Modal/ModalV2.d.ts +0 -53
  229. package/dist/src/components/organisms/Modal/index.d.ts +0 -3
  230. package/dist/src/components/organisms/Modal/types.d.ts +0 -24
  231. package/dist/src/components/organisms/index.d.ts +0 -1
  232. package/dist/src/constants/countries.d.ts +0 -7
  233. package/dist/src/hooks/useClickOutside.d.ts +0 -2
  234. package/dist/src/vite-env.d.ts +0 -1
  235. /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,15 +0,0 @@
1
- export declare const shapes: {
2
- x1: number;
3
- x2: number;
4
- x3: number;
5
- x4: number;
6
- x5: number;
7
- x6: number;
8
- x8: number;
9
- x10: number;
10
- x12: number;
11
- x14: number;
12
- x16: number;
13
- x18: number;
14
- x20: number;
15
- };
@@ -1,18 +0,0 @@
1
- const x = {
2
- x1: 4,
3
- x2: 8,
4
- x3: 12,
5
- x4: 16,
6
- x5: 20,
7
- x6: 24,
8
- x8: 32,
9
- x10: 40,
10
- x12: 48,
11
- x14: 56,
12
- x16: 64,
13
- x18: 72,
14
- x20: 80
15
- };
16
- export {
17
- x as shapes
18
- };
@@ -1,15 +0,0 @@
1
- export declare const spacing: {
2
- x1: number;
3
- x2: number;
4
- x3: number;
5
- x4: number;
6
- x5: number;
7
- x6: number;
8
- x8: number;
9
- x10: number;
10
- x12: number;
11
- x14: number;
12
- x16: number;
13
- x18: number;
14
- x20: number;
15
- };
@@ -1,18 +0,0 @@
1
- const x = {
2
- x1: 4,
3
- x2: 8,
4
- x3: 12,
5
- x4: 16,
6
- x5: 20,
7
- x6: 24,
8
- x8: 32,
9
- x10: 40,
10
- x12: 48,
11
- x14: 56,
12
- x16: 64,
13
- x18: 72,
14
- x20: 80
15
- };
16
- export {
17
- x as spacing
18
- };
@@ -1,2 +0,0 @@
1
- import { AvatarProps } from './types';
2
- export declare const Avatar: ({ text, textColor, backgroundColor, customClassName, dataTestid }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { Avatar } from './Avatar';
2
- export type { AvatarProps } from './types';
@@ -1,7 +0,0 @@
1
- export interface AvatarProps {
2
- text: string;
3
- textColor?: string;
4
- dataTestid?: string;
5
- backgroundColor: string;
6
- customClassName?: string;
7
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { BadgeProps } from './types';
3
- export declare const Badge: React.FC<BadgeProps>;
@@ -1,2 +0,0 @@
1
- export { Badge } from './Badge';
2
- export type { BadgeProps } from './types';
@@ -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,3 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from './types';
3
- export declare const Button: React.FC<ButtonProps>;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { ButtonPropsV2 as ButtonProps } from '../../../components/atoms/Button/types';
3
- declare const ButtonV2: React.FC<ButtonProps>;
4
- export { ButtonV2 };
@@ -1,4 +0,0 @@
1
- export { Button } from './Button';
2
- export type { ButtonProps } from './types';
3
- export { ButtonV2 } from './ButtonV2';
4
- export type { ButtonPropsV2 } from './types';
@@ -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,3 +0,0 @@
1
- import { FC } from 'react';
2
- import { CheckboxProps } from './types';
3
- export declare const Checkbox: FC<CheckboxProps>;
@@ -1,2 +0,0 @@
1
- export { Checkbox } from './Checkbox';
2
- export type { CheckboxProps } from './types';
@@ -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,3 +0,0 @@
1
- import { FC } from 'react';
2
- import { DatepickerProps } from './types';
3
- export declare const Datepicker: FC<DatepickerProps>;
@@ -1,2 +0,0 @@
1
- export { Datepicker } from './Datepicker';
2
- export type { DatepickerProps } from './types';
@@ -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,3 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from './types';
3
- export declare const Icon: React.FC<IconProps>;
@@ -1,3 +0,0 @@
1
- export { Icon } from './Icon';
2
- export type { IconProps } from './types';
3
- export type { MaterialSymbol } from '@material-symbols/font-400';
@@ -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,3 +0,0 @@
1
- import React from 'react';
2
- import { InputNumberProps } from './types';
3
- export declare const InputNumber: React.FC<InputNumberProps>;
@@ -1,2 +0,0 @@
1
- export { InputNumber } from './InputNumber';
2
- export type { InputNumberProps } from './types';
@@ -1,7 +0,0 @@
1
- import { InputProps } from 'antd';
2
- export interface InputNumberProps extends InputProps {
3
- customClassName?: string;
4
- disabled?: boolean;
5
- dataTestid?: string;
6
- numberType?: 'decimal' | 'integer';
7
- }
@@ -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,2 +0,0 @@
1
- import { PopoverProps } from './types';
2
- export declare const Popover: ({ customStyles, customClassName, dataTestid, children, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { Popover } from './Popover';
2
- export type { PopoverProps } from './types';
@@ -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,3 +0,0 @@
1
- import React from 'react';
2
- import { RadioButtonProps } from './types';
3
- export declare const RadioButton: React.FC<RadioButtonProps>;
@@ -1,2 +0,0 @@
1
- export { RadioButton } from './RadioButton';
2
- export type { RadioButtonProps } from './types';
@@ -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,5 +0,0 @@
1
- export declare const INPUT_SIZE: {
2
- readonly small: "small";
3
- readonly big: "big";
4
- };
5
- export type InputSize = (typeof INPUT_SIZE)[keyof typeof INPUT_SIZE];
@@ -1,3 +0,0 @@
1
- import { FC } from 'react';
2
- import { TimepickerProps } from './types';
3
- export declare const TimePicker: FC<TimepickerProps>;
@@ -1,2 +0,0 @@
1
- export { TimePicker } from './TimePicker';
2
- export type { TimepickerProps } from './types';
@@ -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,3 +0,0 @@
1
- import { FC } from 'react';
2
- import { ToggleProps } from './types';
3
- export declare const Toggle: FC<ToggleProps>;
@@ -1,2 +0,0 @@
1
- export { Toggle } from './Toggle';
2
- export type { ToggleProps } from './types';
@@ -1,6 +0,0 @@
1
- import { SwitchProps } from 'antd';
2
- export interface ToggleProps extends SwitchProps {
3
- dataTestId?: string;
4
- disabled?: boolean;
5
- customClassName?: string;
6
- }
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { TypographyProps } from './types';
3
- export declare const Typography: React.ForwardRefExoticComponent<{
4
- asTag?: string | undefined;
5
- } & TypographyProps & {
6
- children?: React.ReactNode;
7
- } & React.RefAttributes<HTMLElement>>;
@@ -1,2 +0,0 @@
1
- export { Typography } from './Typography';
2
- export type { TypographyProps } from './types';
@@ -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,2 +0,0 @@
1
- import { TooltipProps } from './types';
2
- export declare const Tooltip: ({ children, prompText, customStyles, customClassName, backgroundColor, opacity, dataTestid, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { Tooltip } from './Tooltip';
2
- export type { TooltipProps } from './types';
@@ -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,2 +0,0 @@
1
- import { TooltipWrapperProps } from './types';
2
- export declare const TooltipWrapper: ({ children, content, customStyles, customClassName, placement, color, backgroundColor, dataTestid, ...props }: TooltipWrapperProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { TooltipWrapper } from './TooltipWrapper';
2
- export type { TooltipWrapperProps } from './types';
@@ -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,2 +0,0 @@
1
- export * from './Tooltip';
2
- export * from './TooltipWrapper';
@@ -1,3 +0,0 @@
1
- export * from './atoms';
2
- export * from './molecules';
3
- export * from './organisms';
@@ -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;