@lets-events/react 12.3.8 → 12.3.10

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 (88) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +21 -19
  3. package/CHANGELOG.md +12 -0
  4. package/dist/index.js +9 -2
  5. package/dist/index.mjs +9 -2
  6. package/package.json +1 -1
  7. package/src/components/Alert.tsx +303 -303
  8. package/src/components/Avatar.tsx +55 -55
  9. package/src/components/Badge.tsx +125 -125
  10. package/src/components/Box.tsx +3 -3
  11. package/src/components/Button/index.tsx +45 -45
  12. package/src/components/Button/styledComponents.ts +313 -313
  13. package/src/components/ButtonGroup.tsx +484 -484
  14. package/src/components/Calendar/index.tsx +148 -148
  15. package/src/components/Calendar/styledComponents.ts +250 -250
  16. package/src/components/Card.tsx +67 -64
  17. package/src/components/CheckboxGroup.tsx +176 -176
  18. package/src/components/Container.tsx +39 -39
  19. package/src/components/Divider.tsx +7 -7
  20. package/src/components/Drawer/index.tsx +98 -97
  21. package/src/components/Drawer/styledComponents.ts +103 -103
  22. package/src/components/Dropdown.tsx +302 -302
  23. package/src/components/Filter.tsx +164 -164
  24. package/src/components/Flex.tsx +118 -118
  25. package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
  26. package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
  27. package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
  28. package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
  29. package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
  30. package/src/components/FormFields/BirthDateFormField.tsx +84 -84
  31. package/src/components/FormFields/CNPJFormField.tsx +87 -87
  32. package/src/components/FormFields/CPFFormField.tsx +78 -78
  33. package/src/components/FormFields/CalendarFormField.tsx +95 -95
  34. package/src/components/FormFields/CheckboxGroupFormField.tsx +91 -91
  35. package/src/components/FormFields/EmailFormField.tsx +27 -27
  36. package/src/components/FormFields/Form.tsx +39 -39
  37. package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +32 -32
  38. package/src/components/FormFields/MultiSelectFormField.tsx +64 -64
  39. package/src/components/FormFields/PhoneFormField.tsx +40 -40
  40. package/src/components/FormFields/RadioGroupFormField.tsx +84 -84
  41. package/src/components/FormFields/RichEditorFormField.tsx +103 -103
  42. package/src/components/FormFields/SelectFormField.tsx +93 -93
  43. package/src/components/FormFields/SwitchFormField.tsx +46 -46
  44. package/src/components/FormFields/TextAreaFormField.tsx +57 -57
  45. package/src/components/FormFields/TextFormField.tsx +112 -112
  46. package/src/components/FormFields/TimePickerFormField.tsx +88 -88
  47. package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
  48. package/src/components/FormFields/subComponents/FormLabel.tsx +29 -29
  49. package/src/components/FormFields/utils/validation.ts +23 -23
  50. package/src/components/Grid.tsx +137 -137
  51. package/src/components/Icon.tsx +47 -47
  52. package/src/components/MenuDropdown/index.tsx +38 -38
  53. package/src/components/MenuDropdown/styledComponents.ts +31 -31
  54. package/src/components/Modal.tsx +110 -110
  55. package/src/components/MultiSelect/index.tsx +243 -243
  56. package/src/components/MultiSelect/styledComponents.ts +160 -160
  57. package/src/components/RadioGroup.tsx +210 -210
  58. package/src/components/RichEditor/QuillComponent.tsx +457 -457
  59. package/src/components/RichEditor/RichEditor.tsx +49 -49
  60. package/src/components/RichEditor/index.ts +2 -2
  61. package/src/components/RichEditor/styledComponents.ts +1151 -1151
  62. package/src/components/Section.tsx +33 -33
  63. package/src/components/Step.tsx +164 -164
  64. package/src/components/Switch.tsx +108 -108
  65. package/src/components/Text.tsx +38 -38
  66. package/src/components/TextField.tsx +372 -372
  67. package/src/components/TextareaField.tsx +127 -127
  68. package/src/components/TimePicker.tsx +328 -328
  69. package/src/components/Toast/components/ToastItem.tsx +41 -41
  70. package/src/components/Toast/components/ToastProvider.tsx +63 -63
  71. package/src/components/Toast/hooks/useToast.ts +12 -12
  72. package/src/components/Toast/index.tsx +5 -5
  73. package/src/components/Toast/styles/index.ts +135 -135
  74. package/src/components/Toast/types/index.ts +46 -46
  75. package/src/components/Tooltip/index.tsx +66 -66
  76. package/src/components/Tooltip/styles.ts +77 -77
  77. package/src/hooks/useCountries.ts +41 -41
  78. package/src/hooks/useImageUpload.ts +139 -139
  79. package/src/hooks/useOnClickOutside.tsx +42 -42
  80. package/src/index.tsx +69 -69
  81. package/src/styles/index.ts +41 -41
  82. package/src/types/typographyValues.ts +178 -178
  83. package/src/utils/getNestedValue.ts +3 -3
  84. package/src/utils/states.ts +29 -29
  85. package/src/utils/uploadService.ts +180 -180
  86. package/tsconfig.json +3 -3
  87. package/tsup.config.ts +38 -38
  88. package/dist/index.css +0 -171
package/src/components/Drawer/styledComponents.ts CHANGED
@@ -1,103 +1,103 @@
1
- import { styled } from "../../styles";
2
-
3
- export const DrawerOverlayStyled = styled("div", {
4
- position: "fixed",
5
- top: 0,
6
- right: 0,
7
- width: "100vw",
8
- height: "100vh",
9
- background: "rgba(0, 0, 0, 0.4)",
10
-
11
- transition: "opacity 200ms ease",
12
-
13
- variants: {
14
- open: {
15
- true: {
16
- opacity: "1",
17
- },
18
- false: {
19
- pointerEvents: "none",
20
- opacity: "0",
21
- },
22
- },
23
- },
24
- });
25
-
26
- export const DrawerWrapper = styled("div", {
27
- position: "fixed",
28
- top: 0,
29
- right: 0,
30
- height: "100vh",
31
- overflow: "hidden",
32
-
33
- variants: {
34
- open: {
35
- true: {},
36
- false: {
37
- pointerEvents: "none",
38
- },
39
- },
40
- },
41
- });
42
-
43
- export const DrawerContainerStyled = styled("div", {
44
- position: "absolute",
45
- top: 0,
46
- right: 0,
47
- height: "100vh",
48
- background: "$neutral50",
49
- display: "flex",
50
- flexDirection: "column",
51
- boxShadow: "-4px 0 12px rgba(0, 0, 0, 0.2)",
52
- overflowY: "auto",
53
- width: "100%",
54
- boxSizing: 'border-box',
55
-
56
- "@md": {
57
- minWidth: "100vw",
58
- maxWidth: "100vw",
59
- },
60
-
61
- transition: "transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)",
62
-
63
- paddingBottom: "1.5rem",
64
-
65
- variants: {
66
- open: {
67
- true: {
68
- transform: "translateX(0) scale(1)",
69
- },
70
- false: {
71
- transform: "translateX(110%) scale(0.98)",
72
- },
73
- },
74
- },
75
- });
76
-
77
- export const DrawerHeaderDiv = styled("div", {
78
- display: "flex",
79
- justifyContent: "space-between",
80
- alignItems: "center",
81
- borderBottom: "1px solid $neutral300",
82
- padding: "1.5rem 1rem",
83
- position: "relative",
84
- });
85
-
86
- export const DrawerHeaderTitle = styled("h2", {
87
- fontSize: "1.125rem",
88
- fontWeight: "400",
89
- fontFamily: "Work Sans",
90
- color: "$dark800",
91
- margin: "0",
92
- });
93
- export const DrawerHeaderCloseButton = styled("button", {
94
- background: "none",
95
- border: "none",
96
- cursor: "pointer",
97
- });
98
- export const GoBackButtonStyled = styled("button", {
99
- background: "none",
100
- padding: "0",
101
- border: "none",
102
- cursor: "pointer",
103
- });
1
+ import { styled } from "../../styles";
2
+
3
+ export const DrawerOverlayStyled = styled("div", {
4
+ position: "fixed",
5
+ top: 0,
6
+ right: 0,
7
+ width: "100vw",
8
+ height: "100vh",
9
+ background: "rgba(0, 0, 0, 0.4)",
10
+
11
+ transition: "opacity 200ms ease",
12
+
13
+ variants: {
14
+ open: {
15
+ true: {
16
+ opacity: "1",
17
+ },
18
+ false: {
19
+ pointerEvents: "none",
20
+ opacity: "0",
21
+ },
22
+ },
23
+ },
24
+ });
25
+
26
+ export const DrawerWrapper = styled("div", {
27
+ position: "fixed",
28
+ top: 0,
29
+ right: 0,
30
+ height: "100vh",
31
+ overflow: "hidden",
32
+
33
+ variants: {
34
+ open: {
35
+ true: {},
36
+ false: {
37
+ pointerEvents: "none",
38
+ },
39
+ },
40
+ },
41
+ });
42
+
43
+ export const DrawerContainerStyled = styled("div", {
44
+ position: "absolute",
45
+ top: 0,
46
+ right: 0,
47
+ height: "100vh",
48
+ background: "$neutral50",
49
+ display: "flex",
50
+ flexDirection: "column",
51
+ boxShadow: "-4px 0 12px rgba(0, 0, 0, 0.2)",
52
+ overflowY: "auto",
53
+ width: "100%",
54
+ boxSizing: 'border-box',
55
+
56
+ "@md": {
57
+ minWidth: "100vw",
58
+ maxWidth: "100vw",
59
+ },
60
+
61
+ transition: "transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)",
62
+
63
+ paddingBottom: "1.5rem",
64
+
65
+ variants: {
66
+ open: {
67
+ true: {
68
+ transform: "translateX(0) scale(1)",
69
+ },
70
+ false: {
71
+ transform: "translateX(110%) scale(0.98)",
72
+ },
73
+ },
74
+ },
75
+ });
76
+
77
+ export const DrawerHeaderDiv = styled("div", {
78
+ display: "flex",
79
+ justifyContent: "space-between",
80
+ alignItems: "center",
81
+ borderBottom: "1px solid $neutral300",
82
+ padding: "1.5rem 1rem",
83
+ position: "relative",
84
+ });
85
+
86
+ export const DrawerHeaderTitle = styled("h2", {
87
+ fontSize: "1.125rem",
88
+ fontWeight: "400",
89
+ fontFamily: "Work Sans",
90
+ color: "$dark800",
91
+ margin: "0",
92
+ });
93
+ export const DrawerHeaderCloseButton = styled("button", {
94
+ background: "none",
95
+ border: "none",
96
+ cursor: "pointer",
97
+ });
98
+ export const GoBackButtonStyled = styled("button", {
99
+ background: "none",
100
+ padding: "0",
101
+ border: "none",
102
+ cursor: "pointer",
103
+ });