@lets-events/react 7.2.1 → 9.0.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 (39) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +18 -19
  3. package/CHANGELOG.md +12 -0
  4. package/dist/index.d.mts +6 -5
  5. package/dist/index.d.ts +6 -5
  6. package/dist/index.js +227 -719
  7. package/dist/index.mjs +164 -656
  8. package/package.json +3 -1
  9. package/src/components/Alert.tsx +303 -303
  10. package/src/components/Avatar.tsx +55 -55
  11. package/src/components/Badge.tsx +128 -128
  12. package/src/components/Box.tsx +3 -3
  13. package/src/components/Button/index.tsx +12 -12
  14. package/src/components/Button/styledComponents.ts +250 -250
  15. package/src/components/ButtonGroup.tsx +484 -484
  16. package/src/components/Calendar/index.tsx +136 -136
  17. package/src/components/Calendar/styledComponents.ts +208 -208
  18. package/src/components/Card.tsx +69 -69
  19. package/src/components/CheckboxGroup.tsx +214 -214
  20. package/src/components/Container.tsx +39 -39
  21. package/src/components/Dropdown.tsx +167 -167
  22. package/src/components/Filter.tsx +164 -164
  23. package/src/components/Flex.tsx +118 -118
  24. package/src/components/Grid.tsx +137 -137
  25. package/src/components/Icon.tsx +47 -47
  26. package/src/components/Modal.tsx +103 -109
  27. package/src/components/RadioGroup.tsx +210 -210
  28. package/src/components/Section.tsx +33 -33
  29. package/src/components/Step.tsx +164 -164
  30. package/src/components/Switch.tsx +108 -108
  31. package/src/components/Text.tsx +30 -30
  32. package/src/components/TextField.tsx +299 -299
  33. package/src/components/TextareaField.tsx +101 -101
  34. package/src/components/TimePicker.tsx +239 -239
  35. package/src/hooks/useOnClickOutside.tsx +20 -20
  36. package/src/index.tsx +31 -31
  37. package/src/styles/index.ts +38 -38
  38. package/src/types/typographyValues.ts +178 -178
  39. package/tsconfig.json +3 -3
package/.eslintrc.json CHANGED
@@ -1,3 +1,3 @@
1
- {
2
- "extends": "@lets-events/eslint-config"
1
+ {
2
+ "extends": "@lets-events/eslint-config"
3
3
  }
package/.turbo/turbo-build.log CHANGED
@@ -1,19 +1,18 @@
1
-
2
-
3
- > @lets-events/react@7.2.1 build
4
- > tsup src/index.tsx --format esm,cjs --dts --external react
5
-
6
- CLI Building entry: src/index.tsx
7
- CLI Using tsconfig: tsconfig.json
8
- CLI tsup v8.4.0
9
- CLI Target: es6
10
- ESM Build start
11
- CJS Build start
12
- ESM dist/index.mjs 291.15 KB
13
- ESM ⚡️ Build success in 351ms
14
- CJS dist/index.js 299.01 KB
15
- CJS ⚡️ Build success in 351ms
16
- DTS Build start
17
- DTS ⚡️ Build success in 7511ms
18
- DTS dist/index.d.mts 355.13 KB
19
- DTS dist/index.d.ts 355.13 KB
1
+
2
+ > @lets-events/react@9.0.0 build
3
+ > tsup src/index.tsx --format esm,cjs --dts --external react
4
+
5
+ CLI Building entry: src/index.tsx
6
+ CLI Using tsconfig: tsconfig.json
7
+ CLI tsup v8.4.0
8
+ CLI Target: es6
9
+ ESM Build start
10
+ CJS Build start
11
+ ESM dist\index.mjs 265.84 KB
12
+ ESM ⚡️ Build success in 216ms
13
+ CJS dist\index.js 273.58 KB
14
+ CJS ⚡️ Build success in 217ms
15
+ DTS Build start
16
+ DTS ⚡️ Build success in 4839ms
17
+ DTS dist\index.d.mts 355.13 KB
18
+ DTS dist\index.d.ts 355.13 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @lets-events/react
2
2
 
3
+ ## 9.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - Modal Refacotr
8
+
9
+ ## 8.0.0
10
+
11
+ ### Major Changes
12
+
13
+ - Modal refactor
14
+
3
15
  ## 7.2.1
4
16
 
5
17
  ### Patch Changes
package/dist/index.d.mts CHANGED
@@ -7,9 +7,10 @@ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util'
7
7
  import * as react from 'react';
8
8
  import react__default, { ComponentProps, ElementType, ReactNode } from 'react';
9
9
  import * as _radix_ui_themes from '@radix-ui/themes';
10
- import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, Dialog, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
10
+ import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
11
11
  import { CSS } from '@stitches/react';
12
12
  import { MaskOptions, format, unformat } from '@react-input/mask';
13
+ import { Dialog } from 'radix-ui';
13
14
 
14
15
  interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size"> {
15
16
  name: IconName;
@@ -4636,7 +4637,7 @@ declare const ModalStyled: _stitches_react_types_styled_component.StyledComponen
4636
4637
  transition: "transitions";
4637
4638
  zIndex: "zIndices";
4638
4639
  }, {}>>;
4639
- declare const ModalContentStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
4640
+ declare const ModalContentStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.DialogContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
4640
4641
  colors: {
4641
4642
  brand50: string;
4642
4643
  brand100: string;
@@ -5006,7 +5007,7 @@ declare const ModalContentStyled: _stitches_react_types_styled_component.StyledC
5006
5007
  transition: "transitions";
5007
5008
  zIndex: "zIndices";
5008
5009
  }, {}>>;
5009
- declare const ModalTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
5010
+ declare const ModalTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
5010
5011
  colors: {
5011
5012
  brand50: string;
5012
5013
  brand100: string;
@@ -5376,7 +5377,7 @@ declare const ModalTitleStyled: _stitches_react_types_styled_component.StyledCom
5376
5377
  transition: "transitions";
5377
5378
  zIndex: "zIndices";
5378
5379
  }, {}>>;
5379
- type ModalProps = ComponentProps<typeof ModalStyled> & {
5380
+ type ModalProps = ComponentProps<typeof Dialog.Root> & {
5380
5381
  trigger: React.ReactNode;
5381
5382
  title?: string;
5382
5383
  children: React.ReactNode;
@@ -5386,7 +5387,7 @@ type ModalProps = ComponentProps<typeof ModalStyled> & {
5386
5387
  actionText?: string;
5387
5388
  onAction?: () => void;
5388
5389
  };
5389
- declare function Modal({ children, title, trigger, cancel, cancelText, action, actionText, onAction, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
5390
+ declare function Modal({ children, title, trigger, onAction, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
5390
5391
 
5391
5392
  declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
5392
5393
  colors: {
package/dist/index.d.ts CHANGED
@@ -7,9 +7,10 @@ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util'
7
7
  import * as react from 'react';
8
8
  import react__default, { ComponentProps, ElementType, ReactNode } from 'react';
9
9
  import * as _radix_ui_themes from '@radix-ui/themes';
10
- import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, Dialog, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
10
+ import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
11
11
  import { CSS } from '@stitches/react';
12
12
  import { MaskOptions, format, unformat } from '@react-input/mask';
13
+ import { Dialog } from 'radix-ui';
13
14
 
14
15
  interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size"> {
15
16
  name: IconName;
@@ -4636,7 +4637,7 @@ declare const ModalStyled: _stitches_react_types_styled_component.StyledComponen
4636
4637
  transition: "transitions";
4637
4638
  zIndex: "zIndices";
4638
4639
  }, {}>>;
4639
- declare const ModalContentStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
4640
+ declare const ModalContentStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.DialogContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
4640
4641
  colors: {
4641
4642
  brand50: string;
4642
4643
  brand100: string;
@@ -5006,7 +5007,7 @@ declare const ModalContentStyled: _stitches_react_types_styled_component.StyledC
5006
5007
  transition: "transitions";
5007
5008
  zIndex: "zIndices";
5008
5009
  }, {}>>;
5009
- declare const ModalTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
5010
+ declare const ModalTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
5010
5011
  colors: {
5011
5012
  brand50: string;
5012
5013
  brand100: string;
@@ -5376,7 +5377,7 @@ declare const ModalTitleStyled: _stitches_react_types_styled_component.StyledCom
5376
5377
  transition: "transitions";
5377
5378
  zIndex: "zIndices";
5378
5379
  }, {}>>;
5379
- type ModalProps = ComponentProps<typeof ModalStyled> & {
5380
+ type ModalProps = ComponentProps<typeof Dialog.Root> & {
5380
5381
  trigger: React.ReactNode;
5381
5382
  title?: string;
5382
5383
  children: React.ReactNode;
@@ -5386,7 +5387,7 @@ type ModalProps = ComponentProps<typeof ModalStyled> & {
5386
5387
  actionText?: string;
5387
5388
  onAction?: () => void;
5388
5389
  };
5389
- declare function Modal({ children, title, trigger, cancel, cancelText, action, actionText, onAction, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
5390
+ declare function Modal({ children, title, trigger, onAction, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
5390
5391
 
5391
5392
  declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
5392
5393
  colors: {