@lets-events/react 12.4.1 → 12.5.0

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 (91) hide show
  1. package/.eslintrc.json +2 -2
  2. package/CHANGELOG.md +6 -0
  3. package/package.json +1 -1
  4. package/src/components/Alert.tsx +303 -303
  5. package/src/components/Avatar.tsx +55 -55
  6. package/src/components/Badge.tsx +125 -125
  7. package/src/components/Box.tsx +3 -3
  8. package/src/components/Button/index.tsx +45 -45
  9. package/src/components/Button/styledComponents.ts +313 -313
  10. package/src/components/ButtonGroup.tsx +484 -484
  11. package/src/components/Calendar/index.tsx +148 -148
  12. package/src/components/Calendar/styledComponents.ts +259 -259
  13. package/src/components/Card.tsx +67 -67
  14. package/src/components/CheckboxGroup.tsx +176 -176
  15. package/src/components/Container.tsx +39 -39
  16. package/src/components/Divider.tsx +7 -7
  17. package/src/components/DoubleCalendar/index.tsx +170 -166
  18. package/src/components/Drawer/index.tsx +100 -98
  19. package/src/components/Drawer/styledComponents.ts +103 -103
  20. package/src/components/Dropdown.tsx +302 -302
  21. package/src/components/Filter.tsx +164 -164
  22. package/src/components/Flex.tsx +118 -118
  23. package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
  24. package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
  25. package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
  26. package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
  27. package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
  28. package/src/components/FormFields/BirthDateFormField.tsx +84 -84
  29. package/src/components/FormFields/CNPJFormField.tsx +87 -87
  30. package/src/components/FormFields/CPFFormField.tsx +78 -78
  31. package/src/components/FormFields/CalendarFormField.tsx +95 -95
  32. package/src/components/FormFields/CheckboxGroupFormField.tsx +91 -91
  33. package/src/components/FormFields/DoubleCalendarFormField.tsx +93 -90
  34. package/src/components/FormFields/EmailFormField.tsx +27 -27
  35. package/src/components/FormFields/Form.tsx +39 -39
  36. package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +32 -32
  37. package/src/components/FormFields/MultiSelectFormField.tsx +64 -64
  38. package/src/components/FormFields/PhoneFormField.tsx +40 -40
  39. package/src/components/FormFields/RadioGroupFormField.tsx +84 -84
  40. package/src/components/FormFields/RichEditorFormField.tsx +103 -103
  41. package/src/components/FormFields/SelectFormField.tsx +93 -93
  42. package/src/components/FormFields/SwitchFormField.tsx +46 -46
  43. package/src/components/FormFields/TextAreaFormField.tsx +59 -59
  44. package/src/components/FormFields/TextFormField.tsx +112 -112
  45. package/src/components/FormFields/TimePickerFormField.tsx +88 -88
  46. package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
  47. package/src/components/FormFields/subComponents/FormLabel.tsx +29 -29
  48. package/src/components/FormFields/utils/validation.ts +23 -23
  49. package/src/components/Grid.tsx +137 -137
  50. package/src/components/Icon.tsx +47 -47
  51. package/src/components/MenuDropdown/index.tsx +38 -38
  52. package/src/components/MenuDropdown/styledComponents.ts +31 -31
  53. package/src/components/Modal.tsx +110 -110
  54. package/src/components/MultiSelect/index.tsx +243 -243
  55. package/src/components/MultiSelect/styledComponents.ts +160 -160
  56. package/src/components/RadioGroup.tsx +210 -210
  57. package/src/components/RichEditor/QuillComponent.tsx +457 -457
  58. package/src/components/RichEditor/RichEditor.tsx +49 -49
  59. package/src/components/RichEditor/index.ts +2 -2
  60. package/src/components/RichEditor/styledComponents.ts +1151 -1151
  61. package/src/components/Section.tsx +33 -33
  62. package/src/components/Step.tsx +164 -164
  63. package/src/components/Switch.tsx +108 -108
  64. package/src/components/Text.tsx +38 -38
  65. package/src/components/TextField.tsx +372 -372
  66. package/src/components/TextareaField.tsx +138 -138
  67. package/src/components/TimePicker.tsx +328 -328
  68. package/src/components/Toast/components/ToastItem.tsx +41 -41
  69. package/src/components/Toast/components/ToastProvider.tsx +63 -63
  70. package/src/components/Toast/hooks/useToast.ts +12 -12
  71. package/src/components/Toast/index.tsx +5 -5
  72. package/src/components/Toast/styles/index.ts +135 -135
  73. package/src/components/Toast/types/index.ts +46 -46
  74. package/src/components/Tooltip/index.tsx +66 -66
  75. package/src/components/Tooltip/styles.ts +77 -77
  76. package/src/hooks/useCountries.ts +41 -41
  77. package/src/hooks/useImageUpload.ts +139 -139
  78. package/src/hooks/useOnClickOutside.tsx +42 -42
  79. package/src/index.tsx +71 -71
  80. package/src/styles/index.ts +41 -41
  81. package/src/types/typographyValues.ts +178 -178
  82. package/src/utils/getNestedValue.ts +3 -3
  83. package/src/utils/states.ts +29 -29
  84. package/src/utils/uploadService.ts +180 -180
  85. package/tsconfig.json +3 -3
  86. package/tsup.config.ts +38 -38
  87. package/.turbo/turbo-build.log +0 -19
  88. package/dist/index.d.mts +0 -15398
  89. package/dist/index.d.ts +0 -15398
  90. package/dist/index.js +0 -13390
  91. package/dist/index.mjs +0 -13284
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
+ });