@lets-events/react 12.11.2 → 12.11.3

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 (96) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +24 -21
  3. package/CHANGELOG.md +6 -0
  4. package/dist/index.js +171 -139
  5. package/dist/index.mjs +171 -139
  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 +132 -132
  10. package/src/components/Box.tsx +3 -3
  11. package/src/components/Button/index.tsx +85 -85
  12. package/src/components/Button/styledComponents.ts +361 -361
  13. package/src/components/ButtonGroup.tsx +484 -484
  14. package/src/components/Calendar/index.tsx +172 -168
  15. package/src/components/Calendar/styledComponents.ts +508 -480
  16. package/src/components/Card.tsx +74 -74
  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/DoubleCalendar/index.tsx +208 -204
  21. package/src/components/Drawer/index.tsx +113 -113
  22. package/src/components/Drawer/styledComponents.ts +97 -97
  23. package/src/components/Dropdown.tsx +302 -302
  24. package/src/components/Filter.tsx +164 -164
  25. package/src/components/Flex.tsx +130 -130
  26. package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
  27. package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
  28. package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
  29. package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
  30. package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
  31. package/src/components/FormFields/BirthDateFormField.tsx +84 -84
  32. package/src/components/FormFields/CNPJFormField.tsx +87 -87
  33. package/src/components/FormFields/CPFFormField.tsx +78 -78
  34. package/src/components/FormFields/CalendarFormField.tsx +98 -98
  35. package/src/components/FormFields/CheckboxGroupFormField.tsx +91 -91
  36. package/src/components/FormFields/DateAndTimeFormField.tsx +217 -217
  37. package/src/components/FormFields/DoubleCalendarFormField.tsx +96 -96
  38. package/src/components/FormFields/EmailFormField.tsx +27 -27
  39. package/src/components/FormFields/Form.tsx +39 -39
  40. package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +32 -32
  41. package/src/components/FormFields/MultiSelectFormField.tsx +64 -64
  42. package/src/components/FormFields/PhoneFormField.tsx +40 -40
  43. package/src/components/FormFields/RadioGroupFormField.tsx +88 -88
  44. package/src/components/FormFields/RichEditorFormField.tsx +128 -128
  45. package/src/components/FormFields/SelectFormField.tsx +113 -113
  46. package/src/components/FormFields/SwitchFormField.tsx +46 -46
  47. package/src/components/FormFields/TextAreaFormField.tsx +61 -61
  48. package/src/components/FormFields/TextFormField.tsx +112 -112
  49. package/src/components/FormFields/TimePickerFormField.tsx +88 -88
  50. package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
  51. package/src/components/FormFields/subComponents/FormLabel.tsx +36 -36
  52. package/src/components/FormFields/utils/validation.ts +23 -23
  53. package/src/components/Grid.tsx +137 -137
  54. package/src/components/Icon.tsx +47 -47
  55. package/src/components/MenuDropdown/index.tsx +38 -38
  56. package/src/components/MenuDropdown/styledComponents.ts +31 -31
  57. package/src/components/Modal.tsx +135 -135
  58. package/src/components/MultiSelect/index.tsx +418 -418
  59. package/src/components/MultiSelect/styledComponents.ts +176 -176
  60. package/src/components/RadioGroup.tsx +210 -210
  61. package/src/components/RichEditor/QuillComponent.tsx +419 -419
  62. package/src/components/RichEditor/RichEditor.tsx +53 -53
  63. package/src/components/RichEditor/RichTextPresenter.tsx +18 -18
  64. package/src/components/RichEditor/editorConfig.ts +149 -149
  65. package/src/components/RichEditor/index.ts +3 -3
  66. package/src/components/RichEditor/styledComponents.ts +1175 -1175
  67. package/src/components/RichEditor/types.ts +12 -12
  68. package/src/components/Section.tsx +33 -33
  69. package/src/components/Step.tsx +164 -164
  70. package/src/components/Switch.tsx +108 -108
  71. package/src/components/Text.tsx +54 -54
  72. package/src/components/TextField.tsx +423 -423
  73. package/src/components/TextareaField.tsx +116 -116
  74. package/src/components/TimePicker.tsx +357 -357
  75. package/src/components/Toast/components/ToastItem.tsx +41 -41
  76. package/src/components/Toast/components/ToastProvider.tsx +63 -63
  77. package/src/components/Toast/hooks/useToast.ts +12 -12
  78. package/src/components/Toast/index.tsx +5 -5
  79. package/src/components/Toast/styles/index.ts +135 -135
  80. package/src/components/Toast/types/index.ts +46 -46
  81. package/src/components/ToggleElement/index.tsx +58 -58
  82. package/src/components/Tooltip/index.tsx +126 -126
  83. package/src/components/Tooltip/styles.ts +77 -77
  84. package/src/hooks/useCountries.ts +41 -41
  85. package/src/hooks/useHasHover.ts +21 -21
  86. package/src/hooks/useImageUpload.ts +139 -139
  87. package/src/hooks/useMediaQuery.ts +19 -19
  88. package/src/hooks/useOnClickOutside.tsx +42 -42
  89. package/src/index.tsx +72 -72
  90. package/src/styles/index.ts +41 -41
  91. package/src/types/typographyValues.ts +178 -178
  92. package/src/utils/getNestedValue.ts +3 -3
  93. package/src/utils/states.ts +29 -29
  94. package/src/utils/uploadService.ts +180 -180
  95. package/tsconfig.json +3 -3
  96. package/tsup.config.ts +38 -38
package/src/components/Drawer/styledComponents.ts CHANGED
@@ -1,97 +1,97 @@
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: "100dvh",
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: "100dvh",
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: "100dvh",
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
- transition: "transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)",
56
-
57
- paddingBottom: "1.5rem",
58
-
59
- variants: {
60
- open: {
61
- true: {
62
- transform: "translateX(0) scale(1)",
63
- },
64
- false: {
65
- transform: "translateX(110%) scale(0.98)",
66
- },
67
- },
68
- },
69
- });
70
-
71
- export const DrawerHeaderDiv = styled("div", {
72
- display: "flex",
73
- justifyContent: "space-between",
74
- alignItems: "center",
75
- borderBottom: "1px solid $neutral300",
76
- padding: "1.5rem 1rem",
77
- position: "relative",
78
- });
79
-
80
- export const DrawerHeaderTitle = styled("h2", {
81
- fontSize: "1.125rem",
82
- fontWeight: "400",
83
- fontFamily: "Work Sans",
84
- color: "$dark800",
85
- margin: "0",
86
- });
87
- export const DrawerHeaderCloseButton = styled("button", {
88
- background: "none",
89
- border: "none",
90
- cursor: "pointer",
91
- });
92
- export const GoBackButtonStyled = styled("button", {
93
- background: "none",
94
- padding: "0",
95
- border: "none",
96
- cursor: "pointer",
97
- });
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: "100dvh",
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: "100dvh",
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: "100dvh",
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
+ transition: "transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)",
56
+
57
+ paddingBottom: "1.5rem",
58
+
59
+ variants: {
60
+ open: {
61
+ true: {
62
+ transform: "translateX(0) scale(1)",
63
+ },
64
+ false: {
65
+ transform: "translateX(110%) scale(0.98)",
66
+ },
67
+ },
68
+ },
69
+ });
70
+
71
+ export const DrawerHeaderDiv = styled("div", {
72
+ display: "flex",
73
+ justifyContent: "space-between",
74
+ alignItems: "center",
75
+ borderBottom: "1px solid $neutral300",
76
+ padding: "1.5rem 1rem",
77
+ position: "relative",
78
+ });
79
+
80
+ export const DrawerHeaderTitle = styled("h2", {
81
+ fontSize: "1.125rem",
82
+ fontWeight: "400",
83
+ fontFamily: "Work Sans",
84
+ color: "$dark800",
85
+ margin: "0",
86
+ });
87
+ export const DrawerHeaderCloseButton = styled("button", {
88
+ background: "none",
89
+ border: "none",
90
+ cursor: "pointer",
91
+ });
92
+ export const GoBackButtonStyled = styled("button", {
93
+ background: "none",
94
+ padding: "0",
95
+ border: "none",
96
+ cursor: "pointer",
97
+ });