@lets-events/react 11.8.1 → 12.1.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.
- package/.eslintrc.json +2 -2
- package/.turbo/turbo-build.log +21 -18
- package/CHANGELOG.md +12 -0
- package/dist/index.d.mts +139 -11
- package/dist/index.d.ts +139 -11
- package/dist/index.js +1260 -361
- package/dist/index.mjs +1251 -358
- package/package.json +7 -2
- package/src/components/Alert.tsx +303 -303
- package/src/components/Avatar.tsx +55 -55
- package/src/components/Badge.tsx +125 -125
- package/src/components/Box.tsx +3 -3
- package/src/components/Button/index.tsx +16 -16
- package/src/components/Button/styledComponents.ts +288 -287
- package/src/components/ButtonGroup.tsx +484 -484
- package/src/components/Calendar/index.tsx +146 -136
- package/src/components/Calendar/styledComponents.ts +250 -209
- package/src/components/Card.tsx +48 -48
- package/src/components/CheckboxGroup.tsx +176 -176
- package/src/components/Container.tsx +39 -39
- package/src/components/Drawer/index.tsx +129 -55
- package/src/components/Drawer/styledComponents.ts +46 -46
- package/src/components/Dropdown.tsx +302 -302
- package/src/components/Filter.tsx +164 -164
- package/src/components/Flex.tsx +118 -118
- package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
- package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
- package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
- package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
- package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
- package/src/components/FormFields/BirthDateFormField.tsx +84 -84
- package/src/components/FormFields/CNPJFormField.tsx +87 -87
- package/src/components/FormFields/CPFFormField.tsx +78 -78
- package/src/components/FormFields/CalendarFormField.tsx +92 -0
- package/src/components/FormFields/CheckboxGroupFormField.tsx +91 -91
- package/src/components/FormFields/EmailFormField.tsx +27 -27
- package/src/components/FormFields/Form.tsx +39 -39
- package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +37 -40
- package/src/components/FormFields/MultiSelectFormField.tsx +64 -55
- package/src/components/FormFields/PhoneFormField.tsx +40 -40
- package/src/components/FormFields/RadioGroupFormField.tsx +84 -84
- package/src/components/FormFields/RichEditorFormField.tsx +69 -0
- package/src/components/FormFields/SelectFormField.tsx +93 -93
- package/src/components/FormFields/TextAreaFormField.tsx +57 -48
- package/src/components/FormFields/TextFormField.tsx +112 -112
- package/src/components/FormFields/TimePickerFormField.tsx +88 -0
- package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
- package/src/components/FormFields/subComponents/FormLabel.tsx +29 -29
- package/src/components/FormFields/utils/validation.ts +23 -23
- package/src/components/Grid.tsx +137 -137
- package/src/components/Icon.tsx +47 -47
- package/src/components/MenuDropdown/index.tsx +38 -38
- package/src/components/MenuDropdown/styledComponents.ts +31 -31
- package/src/components/Modal.tsx +90 -90
- package/src/components/MultiSelect.tsx +311 -267
- package/src/components/RadioGroup.tsx +210 -210
- package/src/components/RichEditor/QuillComponent.tsx +413 -0
- package/src/components/RichEditor/RichEditor.tsx +38 -0
- package/src/components/RichEditor/index.ts +2 -0
- package/src/components/RichEditor/styledComponents.ts +62 -0
- package/src/components/Section.tsx +33 -33
- package/src/components/Step.tsx +164 -164
- package/src/components/Switch.tsx +108 -108
- package/src/components/Text.tsx +38 -38
- package/src/components/TextField.tsx +372 -365
- package/src/components/TextareaField.tsx +128 -128
- package/src/components/TimePicker.tsx +325 -298
- package/src/components/Toast/components/ToastItem.tsx +41 -41
- package/src/components/Toast/components/ToastProvider.tsx +63 -63
- package/src/components/Toast/hooks/useToast.ts +12 -12
- package/src/components/Toast/index.tsx +5 -5
- package/src/components/Toast/styles/index.ts +135 -135
- package/src/components/Toast/types/index.ts +46 -46
- package/src/components/Tooltip/index.tsx +66 -66
- package/src/components/Tooltip/styles.ts +77 -77
- package/src/hooks/useCountries.ts +41 -41
- package/src/hooks/useImageUpload.ts +139 -0
- package/src/hooks/useOnClickOutside.tsx +42 -20
- package/src/index.tsx +67 -55
- package/src/styles/index.ts +38 -38
- package/src/types/typographyValues.ts +178 -178
- package/src/utils/getNestedValue.ts +3 -3
- package/src/utils/states.ts +29 -29
- package/src/utils/uploadService.ts +180 -0
- package/tsconfig.json +3 -3
- package/tsup.config.ts +38 -0
- package/dist/index.css +0 -171
|
@@ -1,46 +1,46 @@
|
|
|
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
|
-
zIndex: 1000,
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
export const DrawerContainerStyled = styled("div", {
|
|
14
|
-
position: "absolute",
|
|
15
|
-
top: 0,
|
|
16
|
-
right: 0,
|
|
17
|
-
maxWidth: "calc(100% - 2rem)",
|
|
18
|
-
height: "100%",
|
|
19
|
-
background: "$neutral50",
|
|
20
|
-
display: "flex",
|
|
21
|
-
flexDirection: "column",
|
|
22
|
-
boxShadow: "-4px 0 12px rgba(0, 0, 0, 0.2)",
|
|
23
|
-
padding: "1.5rem 0",
|
|
24
|
-
overflowY: "auto",
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
export const DrawerHeaderDiv = styled("div", {
|
|
28
|
-
display: "flex",
|
|
29
|
-
justifyContent: "space-between",
|
|
30
|
-
alignItems: "center",
|
|
31
|
-
borderBottom: "1px solid $neutral300",
|
|
32
|
-
padding: "0 1.5rem 1rem",
|
|
33
|
-
position: "relative",
|
|
34
|
-
});
|
|
35
|
-
export const DrawerHeaderTitle = styled("h2", {
|
|
36
|
-
fontSize: "1.125rem",
|
|
37
|
-
fontWeight: "400",
|
|
38
|
-
fontFamily: "Work Sans",
|
|
39
|
-
color: "$dark800",
|
|
40
|
-
margin: "0",
|
|
41
|
-
});
|
|
42
|
-
export const DrawerHeaderCloseButton = styled("button", {
|
|
43
|
-
background: "none",
|
|
44
|
-
border: "none",
|
|
45
|
-
cursor: "pointer",
|
|
46
|
-
});
|
|
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
|
+
zIndex: 1000,
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export const DrawerContainerStyled = styled("div", {
|
|
14
|
+
position: "absolute",
|
|
15
|
+
top: 0,
|
|
16
|
+
right: 0,
|
|
17
|
+
maxWidth: "calc(100% - 2rem)",
|
|
18
|
+
height: "100%",
|
|
19
|
+
background: "$neutral50",
|
|
20
|
+
display: "flex",
|
|
21
|
+
flexDirection: "column",
|
|
22
|
+
boxShadow: "-4px 0 12px rgba(0, 0, 0, 0.2)",
|
|
23
|
+
padding: "1.5rem 0",
|
|
24
|
+
overflowY: "auto",
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
export const DrawerHeaderDiv = styled("div", {
|
|
28
|
+
display: "flex",
|
|
29
|
+
justifyContent: "space-between",
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
borderBottom: "1px solid $neutral300",
|
|
32
|
+
padding: "0 1.5rem 1rem",
|
|
33
|
+
position: "relative",
|
|
34
|
+
});
|
|
35
|
+
export const DrawerHeaderTitle = styled("h2", {
|
|
36
|
+
fontSize: "1.125rem",
|
|
37
|
+
fontWeight: "400",
|
|
38
|
+
fontFamily: "Work Sans",
|
|
39
|
+
color: "$dark800",
|
|
40
|
+
margin: "0",
|
|
41
|
+
});
|
|
42
|
+
export const DrawerHeaderCloseButton = styled("button", {
|
|
43
|
+
background: "none",
|
|
44
|
+
border: "none",
|
|
45
|
+
cursor: "pointer",
|
|
46
|
+
});
|