@uniformdev/design-system 19.94.0 → 19.95.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 (3) hide show
  1. package/dist/esm/index.js +26 -28
  2. package/dist/index.js +26 -28
  3. package/package.json +4 -4
package/dist/esm/index.js CHANGED
@@ -16202,14 +16202,6 @@ import React19, { useEffect as useEffect10, useRef as useRef6 } from "react";
16202
16202
 
16203
16203
  // src/components/Modal/Modal.styles.ts
16204
16204
  import { css as css73 } from "@emotion/react";
16205
- var modalWrapperStyles = css73`
16206
- position: fixed;
16207
- inset: 0;
16208
- display: flex;
16209
- align-items: center;
16210
- justify-content: center;
16211
- z-index: var(--z-drawer);
16212
- `;
16213
16205
  var modalStyles = css73`
16214
16206
  position: relative;
16215
16207
  max-width: calc(100% - var(--spacing-base) * 2);
@@ -16226,7 +16218,6 @@ var modalStyles = css73`
16226
16218
  var modalInnerStyles = css73`
16227
16219
  position: relative;
16228
16220
  width: 100%;
16229
- height: 100%;
16230
16221
  display: flex;
16231
16222
  flex-direction: column;
16232
16223
  justify-content: stretch;
@@ -16320,25 +16311,32 @@ var Modal = React19.forwardRef(
16320
16311
  e.preventDefault();
16321
16312
  },
16322
16313
  ...modalProps,
16323
- children: /* @__PURE__ */ jsxs59("div", { css: modalInnerStyles, onClick: (e) => e.stopPropagation(), children: [
16324
- /* @__PURE__ */ jsxs59("div", { css: modalHeaderStyles, children: [
16325
- /* @__PURE__ */ jsx89("div", { css: modalHeaderHeaderStyles, children: header }),
16326
- /* @__PURE__ */ jsx89(
16327
- Button,
16328
- {
16329
- type: "button",
16330
- onClick: onRequestClose,
16331
- css: modalCloseButtonStyles,
16332
- title: "Close dialog",
16333
- buttonType: "ghost",
16334
- "data-testid": "close-dialog",
16335
- children: /* @__PURE__ */ jsx89(Icon, { icon: CgClose5, iconColor: "gray", size: 24 })
16336
- }
16337
- )
16338
- ] }),
16339
- /* @__PURE__ */ jsx89("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
16340
- buttonGroup ? /* @__PURE__ */ jsx89(HorizontalRhythm, { children: buttonGroup }) : null
16341
- ] })
16314
+ children: /* @__PURE__ */ jsxs59(
16315
+ "div",
16316
+ {
16317
+ css: [modalInnerStyles, { height: height === "auto" ? "auto" : "100%" }],
16318
+ onClick: (e) => e.stopPropagation(),
16319
+ children: [
16320
+ /* @__PURE__ */ jsxs59("div", { css: modalHeaderStyles, children: [
16321
+ /* @__PURE__ */ jsx89("div", { css: modalHeaderHeaderStyles, children: header }),
16322
+ /* @__PURE__ */ jsx89(
16323
+ Button,
16324
+ {
16325
+ type: "button",
16326
+ onClick: onRequestClose,
16327
+ css: modalCloseButtonStyles,
16328
+ title: "Close dialog",
16329
+ buttonType: "ghost",
16330
+ "data-testid": "close-dialog",
16331
+ children: /* @__PURE__ */ jsx89(Icon, { icon: CgClose5, iconColor: "gray", size: 24 })
16332
+ }
16333
+ )
16334
+ ] }),
16335
+ /* @__PURE__ */ jsx89("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
16336
+ buttonGroup ? /* @__PURE__ */ jsx89(HorizontalRhythm, { children: buttonGroup }) : null
16337
+ ]
16338
+ }
16339
+ )
16342
16340
  }
16343
16341
  );
16344
16342
  }
package/dist/index.js CHANGED
@@ -17996,14 +17996,6 @@ var import_react99 = __toESM(require("react"));
17996
17996
  // src/components/Modal/Modal.styles.ts
17997
17997
  init_emotion_jsx_shim();
17998
17998
  var import_react98 = require("@emotion/react");
17999
- var modalWrapperStyles = import_react98.css`
18000
- position: fixed;
18001
- inset: 0;
18002
- display: flex;
18003
- align-items: center;
18004
- justify-content: center;
18005
- z-index: var(--z-drawer);
18006
- `;
18007
17999
  var modalStyles = import_react98.css`
18008
18000
  position: relative;
18009
18001
  max-width: calc(100% - var(--spacing-base) * 2);
@@ -18020,7 +18012,6 @@ var modalStyles = import_react98.css`
18020
18012
  var modalInnerStyles = import_react98.css`
18021
18013
  position: relative;
18022
18014
  width: 100%;
18023
- height: 100%;
18024
18015
  display: flex;
18025
18016
  flex-direction: column;
18026
18017
  justify-content: stretch;
@@ -18114,25 +18105,32 @@ var Modal = import_react99.default.forwardRef(
18114
18105
  e.preventDefault();
18115
18106
  },
18116
18107
  ...modalProps,
18117
- children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { css: modalInnerStyles, onClick: (e) => e.stopPropagation(), children: [
18118
- /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { css: modalHeaderStyles, children: [
18119
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { css: modalHeaderHeaderStyles, children: header }),
18120
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
18121
- Button,
18122
- {
18123
- type: "button",
18124
- onClick: onRequestClose,
18125
- css: modalCloseButtonStyles,
18126
- title: "Close dialog",
18127
- buttonType: "ghost",
18128
- "data-testid": "close-dialog",
18129
- children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { icon: import_CgClose6.CgClose, iconColor: "gray", size: 24 })
18130
- }
18131
- )
18132
- ] }),
18133
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
18134
- buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(HorizontalRhythm, { children: buttonGroup }) : null
18135
- ] })
18108
+ children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
18109
+ "div",
18110
+ {
18111
+ css: [modalInnerStyles, { height: height === "auto" ? "auto" : "100%" }],
18112
+ onClick: (e) => e.stopPropagation(),
18113
+ children: [
18114
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { css: modalHeaderStyles, children: [
18115
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { css: modalHeaderHeaderStyles, children: header }),
18116
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
18117
+ Button,
18118
+ {
18119
+ type: "button",
18120
+ onClick: onRequestClose,
18121
+ css: modalCloseButtonStyles,
18122
+ title: "Close dialog",
18123
+ buttonType: "ghost",
18124
+ "data-testid": "close-dialog",
18125
+ children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { icon: import_CgClose6.CgClose, iconColor: "gray", size: 24 })
18126
+ }
18127
+ )
18128
+ ] }),
18129
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { css: [modalContentStyles, !withoutContentPadding ? null : { padding: 0 }], children }),
18130
+ buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(HorizontalRhythm, { children: buttonGroup }) : null
18131
+ ]
18132
+ }
18133
+ )
18136
18134
  }
18137
18135
  );
18138
18136
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "19.94.0",
3
+ "version": "19.95.0",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -23,8 +23,8 @@
23
23
  "@storybook/react": "6.5.16",
24
24
  "@types/react": "18.2.40",
25
25
  "@types/react-dom": "18.2.17",
26
- "@uniformdev/canvas": "^19.94.0",
27
- "@uniformdev/richtext": "^19.94.0",
26
+ "@uniformdev/canvas": "^19.95.0",
27
+ "@uniformdev/richtext": "^19.95.0",
28
28
  "autoprefixer": "10.4.16",
29
29
  "hygen": "6.2.11",
30
30
  "postcss": "8.4.32",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "83b33647cd09dafcd4ea23012c4e87a45b71c0af"
70
+ "gitHead": "3e3fb19655bb28c5452cb98418d8c87bef0f853a"
71
71
  }