@sproutsocial/seeds-react-modal 1.1.1 → 2.0.1

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 (45) hide show
  1. package/.turbo/turbo-build.log +23 -23
  2. package/CHANGELOG.md +182 -0
  3. package/dist/ModalAction-BB7qJtQj.d.mts +445 -0
  4. package/dist/ModalAction-BB7qJtQj.d.ts +445 -0
  5. package/dist/esm/chunk-ETVICNHP.js +1353 -0
  6. package/dist/esm/chunk-ETVICNHP.js.map +1 -0
  7. package/dist/esm/index.js +11 -11
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/esm/v2/index.js +12 -20
  10. package/dist/index.d.mts +2 -1
  11. package/dist/index.d.ts +2 -1
  12. package/dist/index.js +1154 -546
  13. package/dist/index.js.map +1 -1
  14. package/dist/v2/index.d.mts +4 -11
  15. package/dist/v2/index.d.ts +4 -11
  16. package/dist/v2/index.js +1152 -545
  17. package/dist/v2/index.js.map +1 -1
  18. package/package.json +8 -7
  19. package/src/index.ts +11 -12
  20. package/src/shared/constants.ts +11 -7
  21. package/src/v2/Modal.tsx +169 -0
  22. package/src/v2/ModalTypes.ts +343 -0
  23. package/src/v2/ModalV2.stories.tsx +413 -128
  24. package/src/v2/MotionConfig.ts +185 -0
  25. package/src/v2/components/ModalAction.tsx +94 -0
  26. package/src/v2/components/ModalBody.tsx +54 -0
  27. package/src/v2/components/ModalCloseWrapper.tsx +35 -0
  28. package/src/v2/components/ModalContent.tsx +288 -11
  29. package/src/v2/components/ModalDescription.tsx +14 -2
  30. package/src/v2/components/ModalFooter.tsx +94 -13
  31. package/src/v2/components/ModalHeader.tsx +77 -34
  32. package/src/v2/components/ModalOverlay.tsx +52 -0
  33. package/src/v2/components/ModalRail.tsx +35 -99
  34. package/src/v2/components/index.ts +11 -7
  35. package/src/v2/index.ts +13 -16
  36. package/dist/ModalRail-5PeilhW7.d.mts +0 -186
  37. package/dist/ModalRail-5PeilhW7.d.ts +0 -186
  38. package/dist/esm/chunk-4ITF4DBY.js +0 -717
  39. package/dist/esm/chunk-4ITF4DBY.js.map +0 -1
  40. package/src/v2/ModalV2.tsx +0 -388
  41. package/src/v2/ModalV2Styles.tsx +0 -180
  42. package/src/v2/ModalV2Types.ts +0 -154
  43. package/src/v2/components/ModalClose.tsx +0 -29
  44. package/src/v2/components/ModalCloseButton.tsx +0 -100
  45. package/src/v2/components/ModalTrigger.tsx +0 -39
package/dist/v2/index.d.mts CHANGED
@@ -1,13 +1,11 @@
1
- export { M as Modal, i as ModalAction, g as ModalClose, f as ModalCloseButton, e as ModalContent, b as ModalDescription, d as ModalFooter, c as ModalHeader, h as ModalRail, a as ModalTrigger, q as TypeModalActionProps, p as TypeModalRailProps, k as TypeModalV2CloseButtonProps, n as TypeModalV2ContentProps, o as TypeModalV2DescriptionProps, m as TypeModalV2FooterProps, l as TypeModalV2HeaderProps, T as TypeModalV2Props, j as TypeModalV2TriggerProps, u as useDragContext } from '../ModalRail-5PeilhW7.mjs';
1
+ export { M as Modal, g as ModalAction, d as ModalBody, e as ModalCloseWrapper, p as ModalCloseWrapperProps, i as ModalCustomFooter, h as ModalCustomHeader, a as ModalDescription, c as ModalFooter, b as ModalHeader, f as ModalRail, o as TypeModalActionProps, l as TypeModalBodyProps, m as TypeModalDescriptionProps, k as TypeModalFooterProps, j as TypeModalHeaderProps, T as TypeModalProps, n as TypeModalRailProps } from '../ModalAction-BB7qJtQj.mjs';
2
2
  import 'react/jsx-runtime';
3
+ import 'styled-components';
4
+ import '@sproutsocial/seeds-react-box';
3
5
  import 'react';
4
6
  import '@radix-ui/react-dialog';
5
- import '@sproutsocial/seeds-react-box';
6
- import '@sproutsocial/seeds-react-button';
7
7
  import '@sproutsocial/seeds-react-icon';
8
8
 
9
- declare const DEFAULT_MODAL_Z_INDEX = 6;
10
- declare const DEFAULT_OVERLAY_Z_INDEX_OFFSET = -1;
11
9
  declare const DEFAULT_MODAL_WIDTH = "600px";
12
10
  declare const DEFAULT_MODAL_BG = "container.background.base";
13
11
  declare const BODY_PADDING = "64px";
@@ -17,10 +15,5 @@ declare const MODAL_SIZE_PRESETS: {
17
15
  readonly large: "800px";
18
16
  readonly full: "90vw";
19
17
  };
20
- declare const MODAL_PRIORITY_Z_INDEX: {
21
- readonly low: 100;
22
- readonly medium: 1000;
23
- readonly high: 2000;
24
- };
25
18
 
26
- export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, DEFAULT_MODAL_Z_INDEX, DEFAULT_OVERLAY_Z_INDEX_OFFSET, MODAL_PRIORITY_Z_INDEX, MODAL_SIZE_PRESETS };
19
+ export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, MODAL_SIZE_PRESETS };
package/dist/v2/index.d.ts CHANGED
@@ -1,13 +1,11 @@
1
- export { M as Modal, i as ModalAction, g as ModalClose, f as ModalCloseButton, e as ModalContent, b as ModalDescription, d as ModalFooter, c as ModalHeader, h as ModalRail, a as ModalTrigger, q as TypeModalActionProps, p as TypeModalRailProps, k as TypeModalV2CloseButtonProps, n as TypeModalV2ContentProps, o as TypeModalV2DescriptionProps, m as TypeModalV2FooterProps, l as TypeModalV2HeaderProps, T as TypeModalV2Props, j as TypeModalV2TriggerProps, u as useDragContext } from '../ModalRail-5PeilhW7.js';
1
+ export { M as Modal, g as ModalAction, d as ModalBody, e as ModalCloseWrapper, p as ModalCloseWrapperProps, i as ModalCustomFooter, h as ModalCustomHeader, a as ModalDescription, c as ModalFooter, b as ModalHeader, f as ModalRail, o as TypeModalActionProps, l as TypeModalBodyProps, m as TypeModalDescriptionProps, k as TypeModalFooterProps, j as TypeModalHeaderProps, T as TypeModalProps, n as TypeModalRailProps } from '../ModalAction-BB7qJtQj.js';
2
2
  import 'react/jsx-runtime';
3
+ import 'styled-components';
4
+ import '@sproutsocial/seeds-react-box';
3
5
  import 'react';
4
6
  import '@radix-ui/react-dialog';
5
- import '@sproutsocial/seeds-react-box';
6
- import '@sproutsocial/seeds-react-button';
7
7
  import '@sproutsocial/seeds-react-icon';
8
8
 
9
- declare const DEFAULT_MODAL_Z_INDEX = 6;
10
- declare const DEFAULT_OVERLAY_Z_INDEX_OFFSET = -1;
11
9
  declare const DEFAULT_MODAL_WIDTH = "600px";
12
10
  declare const DEFAULT_MODAL_BG = "container.background.base";
13
11
  declare const BODY_PADDING = "64px";
@@ -17,10 +15,5 @@ declare const MODAL_SIZE_PRESETS: {
17
15
  readonly large: "800px";
18
16
  readonly full: "90vw";
19
17
  };
20
- declare const MODAL_PRIORITY_Z_INDEX: {
21
- readonly low: 100;
22
- readonly medium: 1000;
23
- readonly high: 2000;
24
- };
25
18
 
26
- export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, DEFAULT_MODAL_Z_INDEX, DEFAULT_OVERLAY_Z_INDEX_OFFSET, MODAL_PRIORITY_Z_INDEX, MODAL_SIZE_PRESETS };
19
+ export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, MODAL_SIZE_PRESETS };