@cypress-design/react-modal 1.0.2 → 2.0.0-next.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 (9) hide show
  1. package/.turbo/turbo-build.log +4 -2
  2. package/CHANGELOG.md +11 -0
  3. package/Modal.tsx +1 -1
  4. package/dist/index.es.mjs +27 -19
  5. package/dist/index.es.mjs.map +1 -1
  6. package/dist/index.umd.js +27 -19
  7. package/dist/index.umd.js.map +1 -1
  8. package/package.json +4 -4
  9. package/rollup.config.mjs +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -1,8 +1,10 @@
1
+ yarn run v1.22.22
1
2
  $ yarn build:module && yarn build:types
2
3
  $ rollup -c ./rollup.config.mjs
3
- (node:4106) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
4
+ (node:4747) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
4
5
  (Use `node --trace-warnings ...` to show where the warning was created)
5
6
  
6
7
  ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
7
- created ./dist/index.umd.js, ./dist/index.es.mjs in 14s
8
+ created ./dist/index.umd.js, ./dist/index.es.mjs in 12.6s
8
9
  $ tsc --project ./tsconfig.build.json
10
+ Done in 25.32s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @cypress-design/react-modal
2
2
 
3
+ ## 2.0.0-next.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#468](https://github.com/cypress-io/cypress-design/pull/468) [`3236662`](https://github.com/cypress-io/cypress-design/commit/3236662fdecd5abbceadce750098a75301d48f88) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: use tailwind components to manage specificity of styles
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`3236662`](https://github.com/cypress-io/cypress-design/commit/3236662fdecd5abbceadce750098a75301d48f88)]:
12
+ - @cypress-design/react-icon@2.0.0-next.0
13
+
3
14
  ## 1.0.2
4
15
 
5
16
  ### Patch Changes
package/Modal.tsx CHANGED
@@ -105,7 +105,7 @@ export const Modal: React.FC<ModalProps> = ({
105
105
  <div className="grow" />
106
106
  <button
107
107
  aria-label="Close"
108
- className={ClassCloseButton}
108
+ className={`${ClassCloseButton} group`}
109
109
  onClick={() => onClose?.()}
110
110
  >
111
111
  <IconActionDelete
package/dist/index.es.mjs CHANGED
@@ -3,35 +3,43 @@ import { createPortal } from 'react-dom';
3
3
  import clsx from 'clsx';
4
4
  import { IconActionQuestionMarkCircle, IconActionDelete } from '@cypress-design/react-icon';
5
5
 
6
- const ATTR_DATA_MODAL_SCROLL_TOP = 'data-modal-scroll-top';
7
- const CY_MODAL_CLASS = 'cy-modal-overflow-hidden';
6
+ const ATTR_DATA_MODAL_SCROLL_TOP = "data-modal-scroll-top";
7
+ const CY_MODAL_CLASS = "cy-modal-overflow-hidden";
8
+
8
9
  function disableBodyScroll() {
9
10
  document.body.setAttribute(ATTR_DATA_MODAL_SCROLL_TOP, `${window.scrollY}`);
11
+
10
12
  if (document.documentElement.clientWidth > window.innerWidth) {
11
- document.documentElement.classList.add('cy-modal-overflow-scroll-x');
13
+ document.documentElement.classList.add("cy-modal-overflow-scroll-x");
12
14
  }
15
+
13
16
  if (document.documentElement.clientHeight > window.innerHeight) {
14
- document.documentElement.classList.add('cy-modal-overflow-scroll-y');
17
+ document.documentElement.classList.add("cy-modal-overflow-scroll-y");
15
18
  }
19
+
16
20
  document.body.classList.add(CY_MODAL_CLASS);
17
21
  }
22
+
18
23
  function freeBodyScroll() {
19
- const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || '0');
24
+ const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || "0");
20
25
  document.body.classList.remove(CY_MODAL_CLASS);
21
- document.documentElement.classList.remove('cy-modal-overflow-scroll-x');
22
- document.documentElement.classList.remove('cy-modal-overflow-scroll-y');
23
- window.scrollTo({ top: scrollY });
26
+ document.documentElement.classList.remove("cy-modal-overflow-scroll-x");
27
+ document.documentElement.classList.remove("cy-modal-overflow-scroll-y");
28
+
29
+ window.scrollTo({
30
+ top: scrollY
31
+ });
24
32
  }
25
33
 
26
- const ClassModal = 'pointer-events-auto fixed flex flex-col rounded outline outline-4 outline-gray-500/[.40] bg-white backdrop:bg-gray-900/[.80] backdrop:backdrop-blur-sm';
27
- const ClassModalStandardDimensions = 'max-h-[80vh] min-w-[200px] sm:min-w-[390px] max-w-[calc(100vw-32px)] sm:max-w-[70vw] shrink-0';
28
- const ClassModalFullscreenDimensions = 'h-[calc(100vh-32px)] sm:w-[calc(100vw-32px)]';
29
- const ClassTitleBox = 'flex shrink-0 items-center justify-between rounded-t-md border-b border-gray-100 p-[16px] px-16px sm:px-[24px]';
30
- const ClassTitle = 'text-[18px] font-medium leading-[28px] text-gray-900';
31
- const ClassHelpLinkDash = 'mx-[8px] h-[1px] w-[32px] bg-gray-100';
32
- const ClassHelpLink = 'flex items-center text-[16px] font-normal leading-[24px] text-indigo-500';
33
- const ClassCloseButton = 'group rounded-full border-transparent p-[4px] outline-none';
34
- const ClassContent = 'overflow-y-auto p-[16px] sm:px-[24px]';
34
+ const ClassModal = "cyds-modal-modal";
35
+ const ClassModalStandardDimensions = "cyds-modal-modalstandarddimensions";
36
+ const ClassModalFullscreenDimensions = "cyds-modal-modalfullscreendimensions";
37
+ const ClassTitleBox = "cyds-modal-titlebox";
38
+ const ClassTitle = "cyds-modal-title";
39
+ const ClassHelpLinkDash = "cyds-modal-helplinkdash";
40
+ const ClassHelpLink = "cyds-modal-helplink";
41
+ const ClassCloseButton = "cyds-modal-closebutton";
42
+ const ClassContent = "cyds-modal-content";
35
43
 
36
44
  var Modal = function (_a) {
37
45
  var _b = _a.show, show = _b === void 0 ? false : _b, title = _a.title, helpLink = _a.helpLink, onClose = _a.onClose, children = _a.children, _c = _a.fullscreen, fullscreen = _c === void 0 ? false : _c;
@@ -74,7 +82,7 @@ var Modal = function (_a) {
74
82
  "Need help",
75
83
  React.createElement(IconActionQuestionMarkCircle, { className: "ml-[4px]", "stroke-color": "indigo-500", "fill-color": "indigo-100" }))) : null,
76
84
  React.createElement("div", { className: "grow" }),
77
- React.createElement("button", { "aria-label": "Close", className: ClassCloseButton, onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); } },
85
+ React.createElement("button", { "aria-label": "Close", className: "".concat(ClassCloseButton, " group"), onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); } },
78
86
  React.createElement(IconActionDelete, { className: "children:transition-all", "stroke-color": "gray-400", "hover-stroke-color": "gray-700", interactiveColorsOnGroup: true }))),
79
87
  React.createElement("div", { className: ClassContent }, children)), document.body));
80
88
  };
@@ -82,4 +90,4 @@ var Modal = function (_a) {
82
90
  export { Modal as default };
83
91
  //# sourceMappingURL=index.es.mjs.map
84
92
 
85
- /* <wind-keep class="ml-[4px] grow pointer-events-auto fixed flex flex-col rounded outline outline-4 outline-gray-500/[.40] bg-white backdrop:bg-gray-900/[.80] backdrop:backdrop-blur-sm max-h-[80vh] min-w-[200px] sm:min-w-[390px] max-w-[calc(100vw-32px)] sm:max-w-[70vw] shrink-0 h-[calc(100vh-32px)] sm:w-[calc(100vw-32px)] items-center justify-between rounded-t-md border-b border-gray-100 p-[16px] sm:px-[24px] text-[18px] font-medium leading-[28px] text-gray-900 mx-[8px] h-[1px] w-[32px] bg-gray-100 text-[16px] font-normal leading-[24px] text-indigo-500 rounded-full border-transparent p-[4px] outline-none overflow-y-auto cy-modal-overflow-hidden cy-modal-overflow-scroll-x cy-modal-overflow-scroll-y"> */
93
+ /* <wind-keep class="ml-[4px] grow"> */
package/dist/index.es.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.mjs","sources":["../../constants/dist/bodyScroll.js","../../constants/dist/index.js","../Modal.tsx"],"sourcesContent":["const ATTR_DATA_MODAL_SCROLL_TOP = 'data-modal-scroll-top';\nconst CY_MODAL_CLASS = 'cy-modal-overflow-hidden';\nexport function disableBodyScroll() {\n document.body.setAttribute(ATTR_DATA_MODAL_SCROLL_TOP, `${window.scrollY}`);\n if (document.documentElement.clientWidth > window.innerWidth) {\n document.documentElement.classList.add('cy-modal-overflow-scroll-x');\n }\n if (document.documentElement.clientHeight > window.innerHeight) {\n document.documentElement.classList.add('cy-modal-overflow-scroll-y');\n }\n document.body.classList.add(CY_MODAL_CLASS);\n}\nexport function freeBodyScroll() {\n const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || '0');\n document.body.classList.remove(CY_MODAL_CLASS);\n document.documentElement.classList.remove('cy-modal-overflow-scroll-x');\n document.documentElement.classList.remove('cy-modal-overflow-scroll-y');\n window.scrollTo({ top: scrollY });\n}\n","export const ClassModal = 'pointer-events-auto fixed flex flex-col rounded outline outline-4 outline-gray-500/[.40] bg-white backdrop:bg-gray-900/[.80] backdrop:backdrop-blur-sm';\nexport const ClassModalStandardDimensions = 'max-h-[80vh] min-w-[200px] sm:min-w-[390px] max-w-[calc(100vw-32px)] sm:max-w-[70vw] shrink-0';\nexport const ClassModalFullscreenDimensions = 'h-[calc(100vh-32px)] sm:w-[calc(100vw-32px)]';\nexport const ClassTitleBox = 'flex shrink-0 items-center justify-between rounded-t-md border-b border-gray-100 p-[16px] px-16px sm:px-[24px]';\nexport const ClassTitle = 'text-[18px] font-medium leading-[28px] text-gray-900';\nexport const ClassHelpLinkDash = 'mx-[8px] h-[1px] w-[32px] bg-gray-100';\nexport const ClassHelpLink = 'flex items-center text-[16px] font-normal leading-[24px] text-indigo-500';\nexport const ClassCloseButton = 'group rounded-full border-transparent p-[4px] outline-none';\nexport const ClassContent = 'overflow-y-auto p-[16px] sm:px-[24px]';\nexport * from './bodyScroll';\n",null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.es.mjs","sources":["../../constants/dist/index.es.mjs","../Modal.tsx"],"sourcesContent":["const ATTR_DATA_MODAL_SCROLL_TOP = \"data-modal-scroll-top\";\nconst CY_MODAL_CLASS = \"cy-modal-overflow-hidden\";\n\nfunction disableBodyScroll() {\n document.body.setAttribute(ATTR_DATA_MODAL_SCROLL_TOP, `${window.scrollY}`);\n\n if (document.documentElement.clientWidth > window.innerWidth) {\n document.documentElement.classList.add(\"cy-modal-overflow-scroll-x\");\n }\n\n if (document.documentElement.clientHeight > window.innerHeight) {\n document.documentElement.classList.add(\"cy-modal-overflow-scroll-y\");\n }\n\n document.body.classList.add(CY_MODAL_CLASS);\n}\n\nfunction freeBodyScroll() {\n const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || \"0\");\n document.body.classList.remove(CY_MODAL_CLASS);\n document.documentElement.classList.remove(\"cy-modal-overflow-scroll-x\");\n document.documentElement.classList.remove(\"cy-modal-overflow-scroll-y\");\n\n window.scrollTo({\n top: scrollY\n });\n}\n\nconst ClassModal = \"cyds-modal-modal\";\nconst ClassModalStandardDimensions = \"cyds-modal-modalstandarddimensions\";\nconst ClassModalFullscreenDimensions = \"cyds-modal-modalfullscreendimensions\";\nconst ClassTitleBox = \"cyds-modal-titlebox\";\nconst ClassTitle = \"cyds-modal-title\";\nconst ClassHelpLinkDash = \"cyds-modal-helplinkdash\";\nconst ClassHelpLink = \"cyds-modal-helplink\";\nconst ClassCloseButton = \"cyds-modal-closebutton\";\nconst ClassContent = \"cyds-modal-content\";\n\nexport { ClassCloseButton, ClassContent, ClassHelpLink, ClassHelpLinkDash, ClassModal, ClassModalFullscreenDimensions, ClassModalStandardDimensions, ClassTitle, ClassTitleBox, disableBodyScroll, freeBodyScroll };\n//# sourceMappingURL=index.es.mjs.map\n",null],"names":[],"mappings":"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"}
package/dist/index.umd.js CHANGED
@@ -24,35 +24,43 @@ function _interopNamespaceDefault(e) {
24
24
 
25
25
  var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
26
26
 
27
- const ATTR_DATA_MODAL_SCROLL_TOP = 'data-modal-scroll-top';
28
- const CY_MODAL_CLASS = 'cy-modal-overflow-hidden';
27
+ const ATTR_DATA_MODAL_SCROLL_TOP = "data-modal-scroll-top";
28
+ const CY_MODAL_CLASS = "cy-modal-overflow-hidden";
29
+
29
30
  function disableBodyScroll() {
30
31
  document.body.setAttribute(ATTR_DATA_MODAL_SCROLL_TOP, `${window.scrollY}`);
32
+
31
33
  if (document.documentElement.clientWidth > window.innerWidth) {
32
- document.documentElement.classList.add('cy-modal-overflow-scroll-x');
34
+ document.documentElement.classList.add("cy-modal-overflow-scroll-x");
33
35
  }
36
+
34
37
  if (document.documentElement.clientHeight > window.innerHeight) {
35
- document.documentElement.classList.add('cy-modal-overflow-scroll-y');
38
+ document.documentElement.classList.add("cy-modal-overflow-scroll-y");
36
39
  }
40
+
37
41
  document.body.classList.add(CY_MODAL_CLASS);
38
42
  }
43
+
39
44
  function freeBodyScroll() {
40
- const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || '0');
45
+ const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || "0");
41
46
  document.body.classList.remove(CY_MODAL_CLASS);
42
- document.documentElement.classList.remove('cy-modal-overflow-scroll-x');
43
- document.documentElement.classList.remove('cy-modal-overflow-scroll-y');
44
- window.scrollTo({ top: scrollY });
47
+ document.documentElement.classList.remove("cy-modal-overflow-scroll-x");
48
+ document.documentElement.classList.remove("cy-modal-overflow-scroll-y");
49
+
50
+ window.scrollTo({
51
+ top: scrollY
52
+ });
45
53
  }
46
54
 
47
- const ClassModal = 'pointer-events-auto fixed flex flex-col rounded outline outline-4 outline-gray-500/[.40] bg-white backdrop:bg-gray-900/[.80] backdrop:backdrop-blur-sm';
48
- const ClassModalStandardDimensions = 'max-h-[80vh] min-w-[200px] sm:min-w-[390px] max-w-[calc(100vw-32px)] sm:max-w-[70vw] shrink-0';
49
- const ClassModalFullscreenDimensions = 'h-[calc(100vh-32px)] sm:w-[calc(100vw-32px)]';
50
- const ClassTitleBox = 'flex shrink-0 items-center justify-between rounded-t-md border-b border-gray-100 p-[16px] px-16px sm:px-[24px]';
51
- const ClassTitle = 'text-[18px] font-medium leading-[28px] text-gray-900';
52
- const ClassHelpLinkDash = 'mx-[8px] h-[1px] w-[32px] bg-gray-100';
53
- const ClassHelpLink = 'flex items-center text-[16px] font-normal leading-[24px] text-indigo-500';
54
- const ClassCloseButton = 'group rounded-full border-transparent p-[4px] outline-none';
55
- const ClassContent = 'overflow-y-auto p-[16px] sm:px-[24px]';
55
+ const ClassModal = "cyds-modal-modal";
56
+ const ClassModalStandardDimensions = "cyds-modal-modalstandarddimensions";
57
+ const ClassModalFullscreenDimensions = "cyds-modal-modalfullscreendimensions";
58
+ const ClassTitleBox = "cyds-modal-titlebox";
59
+ const ClassTitle = "cyds-modal-title";
60
+ const ClassHelpLinkDash = "cyds-modal-helplinkdash";
61
+ const ClassHelpLink = "cyds-modal-helplink";
62
+ const ClassCloseButton = "cyds-modal-closebutton";
63
+ const ClassContent = "cyds-modal-content";
56
64
 
57
65
  var Modal = function (_a) {
58
66
  var _b = _a.show, show = _b === void 0 ? false : _b, title = _a.title, helpLink = _a.helpLink, onClose = _a.onClose, children = _a.children, _c = _a.fullscreen, fullscreen = _c === void 0 ? false : _c;
@@ -95,7 +103,7 @@ var Modal = function (_a) {
95
103
  "Need help",
96
104
  React__namespace.createElement(reactIcon.IconActionQuestionMarkCircle, { className: "ml-[4px]", "stroke-color": "indigo-500", "fill-color": "indigo-100" }))) : null,
97
105
  React__namespace.createElement("div", { className: "grow" }),
98
- React__namespace.createElement("button", { "aria-label": "Close", className: ClassCloseButton, onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); } },
106
+ React__namespace.createElement("button", { "aria-label": "Close", className: "".concat(ClassCloseButton, " group"), onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); } },
99
107
  React__namespace.createElement(reactIcon.IconActionDelete, { className: "children:transition-all", "stroke-color": "gray-400", "hover-stroke-color": "gray-700", interactiveColorsOnGroup: true }))),
100
108
  React__namespace.createElement("div", { className: ClassContent }, children)), document.body));
101
109
  };
@@ -103,4 +111,4 @@ var Modal = function (_a) {
103
111
  module.exports = Modal;
104
112
  //# sourceMappingURL=index.umd.js.map
105
113
 
106
- /* <wind-keep class="ml-[4px] grow pointer-events-auto fixed flex flex-col rounded outline outline-4 outline-gray-500/[.40] bg-white backdrop:bg-gray-900/[.80] backdrop:backdrop-blur-sm max-h-[80vh] min-w-[200px] sm:min-w-[390px] max-w-[calc(100vw-32px)] sm:max-w-[70vw] shrink-0 h-[calc(100vh-32px)] sm:w-[calc(100vw-32px)] items-center justify-between rounded-t-md border-b border-gray-100 p-[16px] sm:px-[24px] text-[18px] font-medium leading-[28px] text-gray-900 mx-[8px] h-[1px] w-[32px] bg-gray-100 text-[16px] font-normal leading-[24px] text-indigo-500 rounded-full border-transparent p-[4px] outline-none overflow-y-auto cy-modal-overflow-hidden cy-modal-overflow-scroll-x cy-modal-overflow-scroll-y"> */
114
+ /* <wind-keep class="ml-[4px] grow"> */
package/dist/index.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.umd.js","sources":["../../constants/dist/bodyScroll.js","../../constants/dist/index.js","../Modal.tsx"],"sourcesContent":["const ATTR_DATA_MODAL_SCROLL_TOP = 'data-modal-scroll-top';\nconst CY_MODAL_CLASS = 'cy-modal-overflow-hidden';\nexport function disableBodyScroll() {\n document.body.setAttribute(ATTR_DATA_MODAL_SCROLL_TOP, `${window.scrollY}`);\n if (document.documentElement.clientWidth > window.innerWidth) {\n document.documentElement.classList.add('cy-modal-overflow-scroll-x');\n }\n if (document.documentElement.clientHeight > window.innerHeight) {\n document.documentElement.classList.add('cy-modal-overflow-scroll-y');\n }\n document.body.classList.add(CY_MODAL_CLASS);\n}\nexport function freeBodyScroll() {\n const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || '0');\n document.body.classList.remove(CY_MODAL_CLASS);\n document.documentElement.classList.remove('cy-modal-overflow-scroll-x');\n document.documentElement.classList.remove('cy-modal-overflow-scroll-y');\n window.scrollTo({ top: scrollY });\n}\n","export const ClassModal = 'pointer-events-auto fixed flex flex-col rounded outline outline-4 outline-gray-500/[.40] bg-white backdrop:bg-gray-900/[.80] backdrop:backdrop-blur-sm';\nexport const ClassModalStandardDimensions = 'max-h-[80vh] min-w-[200px] sm:min-w-[390px] max-w-[calc(100vw-32px)] sm:max-w-[70vw] shrink-0';\nexport const ClassModalFullscreenDimensions = 'h-[calc(100vh-32px)] sm:w-[calc(100vw-32px)]';\nexport const ClassTitleBox = 'flex shrink-0 items-center justify-between rounded-t-md border-b border-gray-100 p-[16px] px-16px sm:px-[24px]';\nexport const ClassTitle = 'text-[18px] font-medium leading-[28px] text-gray-900';\nexport const ClassHelpLinkDash = 'mx-[8px] h-[1px] w-[32px] bg-gray-100';\nexport const ClassHelpLink = 'flex items-center text-[16px] font-normal leading-[24px] text-indigo-500';\nexport const ClassCloseButton = 'group rounded-full border-transparent p-[4px] outline-none';\nexport const ClassContent = 'overflow-y-auto p-[16px] sm:px-[24px]';\nexport * from './bodyScroll';\n",null],"names":["React","createPortal","IconActionQuestionMarkCircle","IconActionDelete"],"mappings":"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"}
1
+ {"version":3,"file":"index.umd.js","sources":["../../constants/dist/index.es.mjs","../Modal.tsx"],"sourcesContent":["const ATTR_DATA_MODAL_SCROLL_TOP = \"data-modal-scroll-top\";\nconst CY_MODAL_CLASS = \"cy-modal-overflow-hidden\";\n\nfunction disableBodyScroll() {\n document.body.setAttribute(ATTR_DATA_MODAL_SCROLL_TOP, `${window.scrollY}`);\n\n if (document.documentElement.clientWidth > window.innerWidth) {\n document.documentElement.classList.add(\"cy-modal-overflow-scroll-x\");\n }\n\n if (document.documentElement.clientHeight > window.innerHeight) {\n document.documentElement.classList.add(\"cy-modal-overflow-scroll-y\");\n }\n\n document.body.classList.add(CY_MODAL_CLASS);\n}\n\nfunction freeBodyScroll() {\n const scrollY = parseInt(document.body.getAttribute(ATTR_DATA_MODAL_SCROLL_TOP) || \"0\");\n document.body.classList.remove(CY_MODAL_CLASS);\n document.documentElement.classList.remove(\"cy-modal-overflow-scroll-x\");\n document.documentElement.classList.remove(\"cy-modal-overflow-scroll-y\");\n\n window.scrollTo({\n top: scrollY\n });\n}\n\nconst ClassModal = \"cyds-modal-modal\";\nconst ClassModalStandardDimensions = \"cyds-modal-modalstandarddimensions\";\nconst ClassModalFullscreenDimensions = \"cyds-modal-modalfullscreendimensions\";\nconst ClassTitleBox = \"cyds-modal-titlebox\";\nconst ClassTitle = \"cyds-modal-title\";\nconst ClassHelpLinkDash = \"cyds-modal-helplinkdash\";\nconst ClassHelpLink = \"cyds-modal-helplink\";\nconst ClassCloseButton = \"cyds-modal-closebutton\";\nconst ClassContent = \"cyds-modal-content\";\n\nexport { ClassCloseButton, ClassContent, ClassHelpLink, ClassHelpLinkDash, ClassModal, ClassModalFullscreenDimensions, ClassModalStandardDimensions, ClassTitle, ClassTitleBox, disableBodyScroll, freeBodyScroll };\n//# sourceMappingURL=index.es.mjs.map\n",null],"names":["React","createPortal","IconActionQuestionMarkCircle","IconActionDelete"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cypress-design/react-modal",
3
- "version": "1.0.2",
3
+ "version": "2.0.0-next.0",
4
4
  "files": [
5
5
  "*"
6
6
  ],
@@ -19,12 +19,12 @@
19
19
  "build:types": "tsc --project ./tsconfig.build.json"
20
20
  },
21
21
  "dependencies": {
22
- "@cypress-design/react-icon": "^1.2.0",
22
+ "@cypress-design/react-icon": "^2.0.0-next.0",
23
23
  "clsx": "^2.1.1"
24
24
  },
25
25
  "devDependencies": {
26
- "@cypress-design/constants-modal": "*",
27
- "@cypress-design/css": "*"
26
+ "@cypress-design/constants-modal": "2.0.0-next.0",
27
+ "@cypress-design/css": "2.0.0-next.0"
28
28
  },
29
29
  "license": "MIT"
30
30
  }
package/rollup.config.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import rootRollupConfig from '../../root.rollup.config.mjs'
1
+ import rootRollupConfig from '../../react.rollup.config.mjs'
2
2
  import pkg from './package.json' assert { type: 'json' }
3
3
 
4
4
  export default rootRollupConfig({