freemium-ui 2.0.0-beta.7 → 2.0.0-beta.9

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 (156) hide show
  1. package/Alert/package.json +1 -1
  2. package/Button/package.json +1 -1
  3. package/Checkbox/package.json +1 -1
  4. package/Confirmation/package.json +1 -1
  5. package/Drawer/package.json +1 -1
  6. package/Dropdown/package.json +1 -1
  7. package/Icons/package.json +1 -1
  8. package/Input/package.json +1 -1
  9. package/Loader/package.json +1 -1
  10. package/Menu/package.json +1 -1
  11. package/Modal/package.json +1 -1
  12. package/MultiSelectDropdown/package.json +1 -1
  13. package/README.md +16 -1
  14. package/package.json +1 -1
  15. package/rollup.config.d.ts +0 -3
  16. package/src/components/Alert/Alert.d.ts +0 -7
  17. package/src/components/Alert/Alert.types.d.ts +0 -42
  18. package/src/components/Alert/index.d.ts +0 -2
  19. package/src/components/Alert/styles.d.ts +0 -279
  20. package/src/components/Button/Button.d.ts +0 -7
  21. package/src/components/Button/Button.types.d.ts +0 -25
  22. package/src/components/Button/constants.d.ts +0 -5
  23. package/src/components/Button/index.d.ts +0 -2
  24. package/src/components/Button/styles.d.ts +0 -9
  25. package/src/components/Checkbox/Checkbox.d.ts +0 -7
  26. package/src/components/Checkbox/Checkbox.types.d.ts +0 -15
  27. package/src/components/Checkbox/index.d.ts +0 -2
  28. package/src/components/Checkbox/styles.d.ts +0 -836
  29. package/src/components/Confirmation/Confirmation.d.ts +0 -7
  30. package/src/components/Confirmation/Confirmation.types.d.ts +0 -55
  31. package/src/components/Confirmation/index.d.ts +0 -2
  32. package/src/components/Confirmation/styles.d.ts +0 -1951
  33. package/src/components/Drawer/Drawer.d.ts +0 -7
  34. package/src/components/Drawer/Drawer.types.d.ts +0 -41
  35. package/src/components/Drawer/constants.d.ts +0 -4
  36. package/src/components/Drawer/index.d.ts +0 -2
  37. package/src/components/Drawer/styles.d.ts +0 -865
  38. package/src/components/Dropdown/Dropdown.d.ts +0 -7
  39. package/src/components/Dropdown/Dropdown.types.d.ts +0 -122
  40. package/src/components/Dropdown/index.d.ts +0 -2
  41. package/src/components/Dropdown/styles.d.ts +0 -3887
  42. package/src/components/Icons/ChevronUp.d.ts +0 -3
  43. package/src/components/Icons/Cross.d.ts +0 -3
  44. package/src/components/Icons/CrossSmall.d.ts +0 -3
  45. package/src/components/Icons/Drag.d.ts +0 -3
  46. package/src/components/Icons/Search.d.ts +0 -3
  47. package/src/components/Icons/Settings.d.ts +0 -3
  48. package/src/components/Icons/TickIcon.d.ts +0 -3
  49. package/src/components/Icons/Warning.d.ts +0 -3
  50. package/src/components/Icons/index.d.ts +0 -5
  51. package/src/components/Input/Input.d.ts +0 -7
  52. package/src/components/Input/InputTextArea.types.d.ts +0 -50
  53. package/src/components/Input/TextArea.d.ts +0 -7
  54. package/src/components/Input/index.d.ts +0 -3
  55. package/src/components/Input/styles.d.ts +0 -877
  56. package/src/components/Loader/Loader.d.ts +0 -7
  57. package/src/components/Loader/Loader.types.d.ts +0 -12
  58. package/src/components/Loader/constants.d.ts +0 -4
  59. package/src/components/Loader/index.d.ts +0 -2
  60. package/src/components/Loader/styles.d.ts +0 -8
  61. package/src/components/Menu/Menu.d.ts +0 -8
  62. package/src/components/Menu/Menu.types.d.ts +0 -47
  63. package/src/components/Menu/index.d.ts +0 -2
  64. package/src/components/Menu/styles.d.ts +0 -1078
  65. package/src/components/Modal/Modal.d.ts +0 -7
  66. package/src/components/Modal/Modal.types.d.ts +0 -42
  67. package/src/components/Modal/constants.d.ts +0 -8
  68. package/src/components/Modal/index.d.ts +0 -2
  69. package/src/components/Modal/styles.d.ts +0 -308
  70. package/src/components/MultiSelectDropdown/MultiSelectDropdown.d.ts +0 -7
  71. package/src/components/MultiSelectDropdown/MultiSelectDropdown.types.d.ts +0 -83
  72. package/src/components/MultiSelectDropdown/index.d.ts +0 -2
  73. package/src/components/MultiSelectDropdown/styles.d.ts +0 -547
  74. package/src/components/Pickers/DatePicker.d.ts +0 -8
  75. package/src/components/Pickers/DateRangePicker.d.ts +0 -8
  76. package/src/components/Pickers/DateTimePicker.d.ts +0 -8
  77. package/src/components/Pickers/DateTimeRangePicker.d.ts +0 -8
  78. package/src/components/Pickers/PickerDropdown.d.ts +0 -21
  79. package/src/components/Pickers/Pickers.types.d.ts +0 -44
  80. package/src/components/Pickers/constants.d.ts +0 -1
  81. package/src/components/Pickers/index.d.ts +0 -5
  82. package/src/components/Pickers/styles.d.ts +0 -835
  83. package/src/components/Popover/Popover.d.ts +0 -7
  84. package/src/components/Popover/Popover.types.d.ts +0 -68
  85. package/src/components/Popover/index.d.ts +0 -3
  86. package/src/components/Popover/styles.d.ts +0 -1357
  87. package/src/components/Radio/Radio.d.ts +0 -7
  88. package/src/components/Radio/Radio.types.d.ts +0 -72
  89. package/src/components/Radio/RadioGroup.d.ts +0 -7
  90. package/src/components/Radio/index.d.ts +0 -3
  91. package/src/components/Radio/styles.d.ts +0 -1114
  92. package/src/components/RadixDropdown/RadixDropdown.d.ts +0 -4
  93. package/src/components/RadixDropdown/RadixDropdown.types.d.ts +0 -121
  94. package/src/components/RadixDropdown/index.d.ts +0 -2
  95. package/src/components/RadixDropdown/styles.d.ts +0 -3321
  96. package/src/components/Reorder/Reorder.d.ts +0 -7
  97. package/src/components/Reorder/Reorder.types.d.ts +0 -27
  98. package/src/components/Reorder/index.d.ts +0 -2
  99. package/src/components/Reorder/styles.d.ts +0 -278
  100. package/src/components/Table/CustomizeColumns.d.ts +0 -10
  101. package/src/components/Table/Table.d.ts +0 -7
  102. package/src/components/Table/Table.types.d.ts +0 -10
  103. package/src/components/Table/index.d.ts +0 -2
  104. package/src/components/Table/styles.d.ts +0 -4384
  105. package/src/components/Tabs/Tabs.d.ts +0 -9
  106. package/src/components/Tabs/Tabs.types.d.ts +0 -37
  107. package/src/components/Tabs/index.d.ts +0 -2
  108. package/src/components/Tabs/styles.d.ts +0 -1113
  109. package/src/components/Tag/Tag.d.ts +0 -7
  110. package/src/components/Tag/Tag.types.d.ts +0 -35
  111. package/src/components/Tag/index.d.ts +0 -2
  112. package/src/components/Tag/styles.d.ts +0 -1121
  113. package/src/components/ThemeProvider/ThemeProvider.d.ts +0 -4
  114. package/src/components/ThemeProvider/ThemeProvider.types.d.ts +0 -5
  115. package/src/components/ThemeProvider/index.d.ts +0 -2
  116. package/src/components/Toast/Toast.types.d.ts +0 -41
  117. package/src/components/Toast/ToastContainer.d.ts +0 -2
  118. package/src/components/Toast/ToastContext.d.ts +0 -3
  119. package/src/components/Toast/ToastItem.d.ts +0 -6
  120. package/src/components/Toast/ToastProvider.d.ts +0 -6
  121. package/src/components/Toast/icons/Error.d.ts +0 -3
  122. package/src/components/Toast/icons/Success.d.ts +0 -3
  123. package/src/components/Toast/icons/Warning.d.ts +0 -3
  124. package/src/components/Toast/index.d.ts +0 -3
  125. package/src/components/Toast/styles.d.ts +0 -1134
  126. package/src/components/Toast/use-toasts.d.ts +0 -6
  127. package/src/components/Toggle/Toggle.d.ts +0 -7
  128. package/src/components/Toggle/Toggle.types.d.ts +0 -26
  129. package/src/components/Toggle/constants.d.ts +0 -9
  130. package/src/components/Toggle/index.d.ts +0 -2
  131. package/src/components/Toggle/styles.d.ts +0 -9
  132. package/src/components/Tooltip/Tooltip.d.ts +0 -9
  133. package/src/components/Tooltip/Tooltip.types.d.ts +0 -42
  134. package/src/components/Tooltip/index.d.ts +0 -2
  135. package/src/components/Tooltip/styles.d.ts +0 -1077
  136. package/src/components/Transition/Fade.d.ts +0 -4
  137. package/src/components/Transition/Slide.d.ts +0 -4
  138. package/src/components/Transition/SlideFade.d.ts +0 -4
  139. package/src/components/Transition/Transition.d.ts +0 -4
  140. package/src/components/Transition/Transition.types.d.ts +0 -33
  141. package/src/components/Transition/index.d.ts +0 -5
  142. package/src/components/Typography/Typography.d.ts +0 -7
  143. package/src/components/Typography/Typography.types.d.ts +0 -11
  144. package/src/components/Typography/index.d.ts +0 -2
  145. package/src/components/Typography/styles.d.ts +0 -8
  146. package/src/components/index.d.ts +0 -25
  147. package/src/index.d.ts +0 -1
  148. package/src/styles/index.d.ts +0 -3039
  149. package/src/themes/index.d.ts +0 -3
  150. package/src/themes/palette.d.ts +0 -3
  151. package/src/themes/types.d.ts +0 -118
  152. package/src/types/index.d.ts +0 -93
  153. package/src/utils/index.d.ts +0 -2
  154. package/src/utils/use-current-state.d.ts +0 -8
  155. package/src/utils/use-portal.d.ts +0 -2
  156. package/src/utils/use-ssr.d.ts +0 -6
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0"
9
9
  }
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0"
9
9
  }
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0"
9
9
  }
package/Menu/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "../index.cjs.js",
5
5
  "module": "./index.js",
6
- "types": "./index.d.ts",
6
+ "typings": "./index.d.ts",
7
7
  "dependencies": {
8
8
  "react": "^18.2.0",
9
9
  "react-dom": "^18.2.0"
package/README.md CHANGED
@@ -15,7 +15,7 @@ npm install styled-components
15
15
  Install the package
16
16
 
17
17
  ```
18
- npm install @freshdesk/freemium-ui
18
+ npm install freemium-ui
19
19
  ```
20
20
 
21
21
  Please note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.
@@ -28,6 +28,7 @@ Here is a quick example to get you started, **it's all you need**:
28
28
  import React from 'react';
29
29
  import ReactDOM from 'react-dom';
30
30
  import { Button } from 'freemium-ui';
31
+ // import { Button } from 'freemium-ui/Button';
31
32
 
32
33
  function App() {
33
34
  return <Button>Freemium Button</Button>;
@@ -56,6 +57,20 @@ Build Freemium Ui Core Components
56
57
  npm run build
57
58
  ```
58
59
 
60
+ JavaScript heap out of memory could lead to build failure. Check the [official docs](https://rollupjs.org/troubleshooting/#error-javascript-heap-out-of-memory). Or execute any of the required below config
61
+
62
+ ```
63
+ export NODE_OPTIONS="--max-old-space-size=8192"
64
+ export NODE_OPTIONS="--max-old-space-size=12288"
65
+ export NODE_OPTIONS="--max-old-space-size=16384"
66
+ ```
67
+
68
+ To check the heap size in MB
69
+
70
+ ```
71
+ node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))'
72
+ ```
73
+
59
74
  Generate a PAT with `admin:org`, `write:packages`, `read:packages`, `delete:packages`
60
75
 
61
76
  Authenticate to npm github package
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "freemium-ui",
3
- "version": "2.0.0-beta.7",
3
+ "version": "2.0.0-beta.9",
4
4
  "description": "React Ui Components for Freemium Apps",
5
5
  "main": "./index.js",
6
6
  "module": "./index.js",
@@ -1,3 +0,0 @@
1
- import type { RollupOptions } from 'rollup';
2
- declare const config: RollupOptions[];
3
- export default config;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { AlertProps } from './Alert.types';
3
- /**
4
- * Alert displays an alert on the user interface and enables displaying additional information to the context of the page.
5
- */
6
- export declare const Alert: ({ canDismiss, onClose, children, level, onDisappear, data, timeout, overideClassName, }: AlertProps) => React.JSX.Element | null;
7
- export default Alert;
@@ -1,42 +0,0 @@
1
- /// <reference types="react" />
2
- export type LevelType = 'warning' | 'success' | 'error' | 'info';
3
- type AlertData = {
4
- message: string;
5
- linkText?: string;
6
- href?: string;
7
- };
8
- export interface AlertProps {
9
- /**
10
- * data to be displayed in the alert
11
- */
12
- data?: AlertData;
13
- /**
14
- * Level of the alert
15
- */
16
- level: LevelType;
17
- /**
18
- * Whether the alert can be dismissed
19
- */
20
- canDismiss?: boolean;
21
- /**
22
- * Timeout for the alert to disappear
23
- */
24
- timeout?: number;
25
- /**
26
- * Class name to be overriden
27
- */
28
- overideClassName?: string;
29
- /**
30
- * Children to be displayed in the alert
31
- */
32
- children?: React.ReactNode | string;
33
- /**
34
- * Function to be called when the alert is closed
35
- */
36
- onClose?: () => any;
37
- /**
38
- * Function to be called when the alert is dismissed
39
- */
40
- onDisappear?: () => any;
41
- }
42
- export {};
@@ -1,2 +0,0 @@
1
- export { default as Alert } from './Alert';
2
- export type { AlertProps, LevelType } from './Alert.types';
@@ -1,279 +0,0 @@
1
- /// <reference types="react" />
2
- /// <reference types="react" />
3
- /// <reference types="trusted-types" />
4
- import { LevelType } from './Alert.types';
5
- export declare const StyledAlert: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
6
- level: LevelType;
7
- }>>;
8
- export declare const AlertContent: import("styled-components").IStyledComponent<"web", {
9
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
10
- key?: import("react").Key | null | undefined;
11
- defaultChecked?: boolean | undefined;
12
- defaultValue?: string | number | readonly string[] | undefined;
13
- suppressContentEditableWarning?: boolean | undefined;
14
- suppressHydrationWarning?: boolean | undefined;
15
- accessKey?: string | undefined;
16
- autoFocus?: boolean | undefined;
17
- className?: string | undefined;
18
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
19
- contextMenu?: string | undefined;
20
- dir?: string | undefined;
21
- draggable?: (boolean | "false" | "true") | undefined;
22
- hidden?: boolean | undefined;
23
- id?: string | undefined;
24
- lang?: string | undefined;
25
- nonce?: string | undefined;
26
- placeholder?: string | undefined;
27
- slot?: string | undefined;
28
- spellCheck?: (boolean | "false" | "true") | undefined;
29
- style?: import("react").CSSProperties | undefined;
30
- tabIndex?: number | undefined;
31
- title?: string | undefined;
32
- translate?: "yes" | "no" | undefined;
33
- radioGroup?: string | undefined;
34
- role?: import("react").AriaRole | undefined;
35
- about?: string | undefined;
36
- content?: string | undefined;
37
- datatype?: string | undefined;
38
- inlist?: any;
39
- prefix?: string | undefined;
40
- property?: string | undefined;
41
- rel?: string | undefined;
42
- resource?: string | undefined;
43
- rev?: string | undefined;
44
- typeof?: string | undefined;
45
- vocab?: string | undefined;
46
- autoCapitalize?: string | undefined;
47
- autoCorrect?: string | undefined;
48
- autoSave?: string | undefined;
49
- color?: string | undefined;
50
- itemProp?: string | undefined;
51
- itemScope?: boolean | undefined;
52
- itemType?: string | undefined;
53
- itemID?: string | undefined;
54
- itemRef?: string | undefined;
55
- results?: number | undefined;
56
- security?: string | undefined;
57
- unselectable?: "on" | "off" | undefined;
58
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
- is?: string | undefined;
60
- "aria-activedescendant"?: string | undefined;
61
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
62
- "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
63
- "aria-braillelabel"?: string | undefined;
64
- "aria-brailleroledescription"?: string | undefined;
65
- "aria-busy"?: (boolean | "false" | "true") | undefined;
66
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
67
- "aria-colcount"?: number | undefined;
68
- "aria-colindex"?: number | undefined;
69
- "aria-colindextext"?: string | undefined;
70
- "aria-colspan"?: number | undefined;
71
- "aria-controls"?: string | undefined;
72
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
73
- "aria-describedby"?: string | undefined;
74
- "aria-description"?: string | undefined;
75
- "aria-details"?: string | undefined;
76
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
77
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
78
- "aria-errormessage"?: string | undefined;
79
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
80
- "aria-flowto"?: string | undefined;
81
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
82
- "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
83
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
84
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
85
- "aria-keyshortcuts"?: string | undefined;
86
- "aria-label"?: string | undefined;
87
- "aria-labelledby"?: string | undefined;
88
- "aria-level"?: number | undefined;
89
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
90
- "aria-modal"?: (boolean | "false" | "true") | undefined;
91
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
92
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
93
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
94
- "aria-owns"?: string | undefined;
95
- "aria-placeholder"?: string | undefined;
96
- "aria-posinset"?: number | undefined;
97
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
98
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
99
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
100
- "aria-required"?: (boolean | "false" | "true") | undefined;
101
- "aria-roledescription"?: string | undefined;
102
- "aria-rowcount"?: number | undefined;
103
- "aria-rowindex"?: number | undefined;
104
- "aria-rowindextext"?: string | undefined;
105
- "aria-rowspan"?: number | undefined;
106
- "aria-selected"?: (boolean | "false" | "true") | undefined;
107
- "aria-setsize"?: number | undefined;
108
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
109
- "aria-valuemax"?: number | undefined;
110
- "aria-valuemin"?: number | undefined;
111
- "aria-valuenow"?: number | undefined;
112
- "aria-valuetext"?: string | undefined;
113
- children?: import("react").ReactNode;
114
- dangerouslySetInnerHTML?: {
115
- __html: string | TrustedHTML;
116
- } | undefined;
117
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
118
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
119
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
120
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
121
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
122
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
123
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
124
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
125
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
126
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
127
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
128
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
129
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
130
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
131
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
132
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
133
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
134
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
135
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
136
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
137
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
138
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
139
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
140
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
141
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
142
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
143
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
144
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
145
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
146
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
147
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
150
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
151
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
152
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
153
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
154
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
155
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
156
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
161
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
162
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
163
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
164
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
165
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
166
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
196
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
202
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
203
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
204
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
205
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
206
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
207
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
208
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
209
- onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
210
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
211
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
212
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
213
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
214
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
215
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
216
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
217
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
218
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
219
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
220
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
221
- onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
222
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
223
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
224
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
225
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
226
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
227
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
228
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
229
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
230
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
231
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
232
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
233
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
234
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
235
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
236
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
237
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
238
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
239
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
240
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
241
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
242
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
243
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
244
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
245
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
246
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
247
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
249
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
253
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
254
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
255
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
256
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
257
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
258
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
259
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
260
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
261
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
262
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
263
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
264
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
265
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
266
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
267
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
268
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
269
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
270
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
271
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
272
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
273
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
274
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
275
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
276
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
277
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
278
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
279
- }>;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from './Button.types';
3
- /**
4
- * Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.
5
- */
6
- export declare const Button: ({ size, variant, children, loading, inline, ...props }: ButtonProps) => React.JSX.Element;
7
- export default Button;
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- export type ButtonSizeKey = 'mini' | 'normal' | 'large';
3
- export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
4
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
5
- /**
6
- * The size of the button
7
- */
8
- size?: ButtonSizeKey;
9
- /**
10
- * The variant of the button
11
- */
12
- variant?: 'primary' | 'secondary' | 'danger' | 'link';
13
- /**
14
- * The children to be displayed in the button
15
- */
16
- children?: React.ReactNode | string;
17
- /**
18
- * Whether the button is loading
19
- */
20
- loading?: boolean;
21
- /**
22
- * Whether the button is inline
23
- */
24
- inline?: boolean;
25
- }
@@ -1,5 +0,0 @@
1
- import { ButtonSizeKey } from './Button.types';
2
- export declare const ButtonSizeMap: Record<ButtonSizeKey, {
3
- height: string;
4
- size: string;
5
- }>;
@@ -1,2 +0,0 @@
1
- export { default as Button } from './Button';
2
- export type { ButtonProps, ButtonSizeKey, ButtonVariant } from './Button.types';
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonSizeKey, ButtonVariant } from './Button.types';
3
- type StyledButtonType = React.ButtonHTMLAttributes<HTMLButtonElement> & {
4
- variant: ButtonVariant;
5
- size: ButtonSizeKey;
6
- inline: boolean;
7
- };
8
- export declare const StyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonType>>;
9
- export {};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { CheckboxProps } from './Checkbox.types';
3
- /**
4
- * Checkbox displays a check box on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the check box displayed on the UI is highlighted and contains a check mark.
5
- */
6
- export declare const Checkbox: ({ isRequired, isErrored, label, ...rest }: CheckboxProps) => React.JSX.Element;
7
- export default Checkbox;
@@ -1,15 +0,0 @@
1
- import { CheckboxProps as RadixCheckboxProps } from '@radix-ui/react-checkbox';
2
- export interface CheckboxProps extends RadixCheckboxProps {
3
- /**
4
- * Whether the checkbox is required
5
- */
6
- isRequired?: boolean;
7
- /**
8
- * Whether the checkbox is errored
9
- */
10
- isErrored?: boolean;
11
- /**
12
- * Label for the checkbox
13
- */
14
- label?: string;
15
- }
@@ -1,2 +0,0 @@
1
- export { default as Checkbox } from './Checkbox';
2
- export type { CheckboxProps } from './Checkbox.types';