@nayhoo/ui 0.19.2 → 0.20.0

package/dist/components/dialog.mjs

@@ -3,9 +3,8 @@ import {
   dialogDescription,
   dialogFooter,
   dialogHeader,
-  dialogOverlayRecipe,
-  dialogTitle
-} from "../chunk-VMWZ4AUH.mjs";
+  dialogOverlayRecipe
+} from "../chunk-MUDYNY2P.mjs";
 import "../chunk-Y6BNWBLR.mjs";
 import "../chunk-O62XWWJU.mjs";
 import "../chunk-P3OUEGR4.mjs";
@@ -26,6 +25,9 @@ import "../chunk-S6KKPOPH.mjs";
 import "../chunk-AXOHCT5Q.mjs";
 import "../chunk-KE7EIF6L.mjs";
 import "../chunk-JZBPCPSP.mjs";
+import {
+  IconButton
+} from "../chunk-OZ2DHFQP.mjs";
 import "../chunk-HNVVD3WS.mjs";
 import "../chunk-TCGR6PEH.mjs";
 import "../chunk-HGLO5LDS.mjs";
@@ -40,6 +42,7 @@ import {
 } from "../chunk-LSB5JVS2.mjs";
 import "../chunk-OI24WXH6.mjs";
 import "../chunk-4A7WL3BM.mjs";
+import "../chunk-67WEB6LY.mjs";
 import "../chunk-47YGQSLM.mjs";
 import "../chunk-6RSPMV3B.mjs";
 import "../chunk-IFN22XIN.mjs";
@@ -58,8 +61,8 @@ var Dialog = DialogPrimitive.Root;
 var DialogClose = DialogPrimitive.Close;
 var DialogContent = ({
   children,
-  components,
   disableOverlayBlur = false,
+  title,
   ...props
 }) => {
   const dialogOverlay = dialogOverlayRecipe({ disableOverlayBlur });
@@ -76,9 +79,25 @@ var DialogContent = ({
         ...rest,
         className: mergeClasses(dialogContent, rest.className),
         children: [
-          components?.Header,
-          /* @__PURE__ */ jsx(Box, { style: { padding: theme.space[5] }, children }),
-          components?.Footer
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            title && /* @__PURE__ */ jsx(DialogPrimitive.Title, { style: { marginLeft: theme.space[2] }, children: title }),
+            /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                clipRule: "evenodd",
+                fillRule: "evenodd",
+                strokeLinejoin: "round",
+                strokeMiterlimit: "2",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg",
+                height: 20,
+                width: 20,
+                fill: "currentColor",
+                children: /* @__PURE__ */ jsx("path", { d: "m12 10.93 5.719-5.72c.146-.146.339-.219.531-.219.404 0 .75.324.75.749 0 .193-.073.385-.219.532l-5.72 5.719 5.719 5.719c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.385-.073-.531-.219l-5.719-5.719-5.719 5.719c-.146.146-.339.219-.531.219-.401 0-.75-.323-.75-.75 0-.192.073-.384.22-.531l5.719-5.719-5.72-5.719c-.146-.147-.219-.339-.219-.532 0-.425.346-.749.75-.749.192 0 .385.073.531.219z" })
+              }
+            ) }) })
+          ] }),
+          children
         ]
       }
     )
@@ -105,27 +124,23 @@ var DialogFooter = ({ children }) => {
     }
   );
 };
-var DialogHeader = ({ children }) => {
-  return /* @__PURE__ */ jsx(Flex, { className: dialogHeader, children });
+var DialogBody = ({ children }) => {
+  return /* @__PURE__ */ jsx(Box, { style: { padding: theme.space[4] }, children });
 };
-var DialogTitle = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    {
-      ...props,
-      className: mergeClasses(dialogTitle, props.className)
-    }
-  );
+var DialogHeader = ({ children }) => {
+  return /* @__PURE__ */ jsxs(Flex, { className: dialogHeader, align: "center", children: [
+    " ",
+    children
+  ] });
 };
 var DialogTrigger = DialogPrimitive.Trigger;
 export {
   Dialog,
+  DialogBody,
   DialogClose,
   DialogContent,
   DialogDescription,
   DialogFooter,
-  DialogHeader,
-  DialogTitle,
   DialogTrigger
 };
 //# sourceMappingURL=dialog.mjs.map

package/dist/components/dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport { theme } from \"@/theme\";\nimport {\n  DialogContentVariants,\n  dialogContentRecipe,\n  dialogOverlayRecipe,\n} from \"@/theme/recipes/dialog.css\";\nimport {\n  dialogDescription,\n  dialogFooter,\n  dialogHeader,\n  dialogTitle,\n} from \"@/theme/styles/dialog.css\";\nimport { extractVariantsFromProps, mergeClasses } from \"@/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\n\nexport type DialogProps = DialogPrimitive.DialogProps;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/dialog.fixture.tsx\n */\nexport const Dialog = DialogPrimitive.Root;\n\nexport type DialogCloseProps = DialogPrimitive.DialogCloseProps;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport type DialogContentProps = DialogPrimitive.DialogContentProps &\n  DialogContentVariants & {\n    components?: { Footer?: React.ReactNode; Header?: React.ReactNode };\n    disableOverlayBlur?: boolean;\n  };\n\nexport const DialogContent = ({\n  children,\n  components,\n  disableOverlayBlur = false,\n  ...props\n}: DialogContentProps) => {\n  const dialogOverlay = dialogOverlayRecipe({ disableOverlayBlur });\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...dialogContentRecipe.variants(),\n  );\n  const dialogContent = dialogContentRecipe(variants);\n\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay className={dialogOverlay} />\n      <DialogPrimitive.Content\n        {...rest}\n        className={mergeClasses(dialogContent, rest.className)}\n      >\n        {components?.Header}\n\n        <Box style={{ padding: theme.space[5] }}>{children}</Box>\n\n        {components?.Footer}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n};\n\nexport type DialogDescriptionProps = DialogPrimitive.DialogDescriptionProps;\n\nexport const DialogDescription = ({ ...props }: DialogDescriptionProps) => {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={mergeClasses(dialogDescription, props.className)}\n    />\n  );\n};\n\nexport type DialogFooterProps = { children: React.ReactNode };\n\nexport const DialogFooter = ({ children }: DialogFooterProps) => {\n  return (\n    <Flex\n      className={dialogFooter}\n      direction={{ initial: \"column\", sm: \"row\" }}\n      gap=\"2\"\n      justify=\"end\"\n    >\n      {children}\n    </Flex>\n  );\n};\n\nexport type DialogHeaderProps = { children: React.ReactNode };\n\nexport const DialogHeader = ({ children }: DialogHeaderProps) => {\n  return <Flex className={dialogHeader}>{children}</Flex>;\n};\n\nexport type DialogTitleProps = DialogPrimitive.DialogTitleProps;\n\nexport const DialogTitle = ({ ...props }: DialogTitleProps) => {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      className={mergeClasses(dialogTitle, props.className)}\n    />\n  );\n};\n\nexport type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,YAAY,qBAAqB;AAkC3B,cACA,YADA;AA3BC,IAAM,SAAyB;AAI/B,IAAM,cAA8B;AAQpC,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,GAAG;AACL,MAA0B;AACxB,QAAM,gBAAgB,oBAAoB,EAAE,mBAAmB,CAAC;AAChE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,oBAAoB,SAAS;AAAA,EAClC;AACA,QAAM,gBAAgB,oBAAoB,QAAQ;AAElD,SACE,qBAAiB,wBAAhB,EACC;AAAA,wBAAiB,yBAAhB,EAAwB,WAAW,eAAe;AAAA,IACnD;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,aAAa,eAAe,KAAK,SAAS;AAAA,QAEpD;AAAA,sBAAY;AAAA,UAEb,oBAAC,OAAI,OAAO,EAAE,SAAS,MAAM,MAAM,CAAC,EAAE,GAAI,UAAS;AAAA,UAElD,YAAY;AAAA;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;AAIO,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,mBAAmB,MAAM,SAAS;AAAA;AAAA,EAC5D;AAEJ;AAIO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,WAAW,EAAE,SAAS,UAAU,IAAI,MAAM;AAAA,MAC1C,KAAI;AAAA,MACJ,SAAQ;AAAA,MAEP;AAAA;AAAA,EACH;AAEJ;AAIO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,SAAO,oBAAC,QAAK,WAAW,cAAe,UAAS;AAClD;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,gBAAgC;","names":[]}
+{"version":3,"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport { theme } from \"@/theme\";\nimport {\n  DialogContentVariants,\n  dialogContentRecipe,\n  dialogOverlayRecipe,\n} from \"@/theme/recipes/dialog.css\";\nimport {\n  dialogDescription,\n  dialogFooter,\n  dialogHeader,\n} from \"@/theme/styles/dialog.css\";\nimport { extractVariantsFromProps, mergeClasses } from \"@/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { IconButton } from \"./icon-button\";\n\nexport type DialogProps = DialogPrimitive.DialogProps;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/dialog.fixture.tsx\n */\nexport const Dialog = DialogPrimitive.Root;\n\nexport type DialogCloseProps = DialogPrimitive.DialogCloseProps;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport type DialogContentProps = DialogPrimitive.DialogContentProps &\n  DialogContentVariants & {\n    disableOverlayBlur?: boolean;\n    title?: string;\n  };\n\nexport const DialogContent = ({\n  children,\n  disableOverlayBlur = false,\n  title,\n  ...props\n}: DialogContentProps) => {\n  const dialogOverlay = dialogOverlayRecipe({ disableOverlayBlur });\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...dialogContentRecipe.variants(),\n  );\n  const dialogContent = dialogContentRecipe(variants);\n\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay className={dialogOverlay} />\n      <DialogPrimitive.Content\n        {...rest}\n        className={mergeClasses(dialogContent, rest.className)}\n      >\n        <DialogHeader>\n          {title && (\n            <DialogPrimitive.Title style={{ marginLeft: theme.space[2] }}>\n              {title}\n            </DialogPrimitive.Title>\n          )}\n\n          <DialogClose asChild>\n            <IconButton style={{ marginLeft: \"auto\" }}>\n              <svg\n                clipRule=\"evenodd\"\n                fillRule=\"evenodd\"\n                strokeLinejoin=\"round\"\n                strokeMiterlimit=\"2\"\n                viewBox=\"0 0 24 24\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                height={20}\n                width={20}\n                fill=\"currentColor\"\n              >\n                <path d=\"m12 10.93 5.719-5.72c.146-.146.339-.219.531-.219.404 0 .75.324.75.749 0 .193-.073.385-.219.532l-5.72 5.719 5.719 5.719c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.385-.073-.531-.219l-5.719-5.719-5.719 5.719c-.146.146-.339.219-.531.219-.401 0-.75-.323-.75-.75 0-.192.073-.384.22-.531l5.719-5.719-5.72-5.719c-.146-.147-.219-.339-.219-.532 0-.425.346-.749.75-.749.192 0 .385.073.531.219z\" />\n              </svg>\n            </IconButton>\n          </DialogClose>\n        </DialogHeader>\n\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n};\n\nexport type DialogDescriptionProps = DialogPrimitive.DialogDescriptionProps;\n\nexport const DialogDescription = ({ ...props }: DialogDescriptionProps) => {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={mergeClasses(dialogDescription, props.className)}\n    />\n  );\n};\n\nexport type DialogFooterProps = { children: React.ReactNode };\n\nexport const DialogFooter = ({ children }: DialogFooterProps) => {\n  return (\n    <Flex\n      className={dialogFooter}\n      direction={{ initial: \"column\", sm: \"row\" }}\n      gap=\"2\"\n      justify=\"end\"\n    >\n      {children}\n    </Flex>\n  );\n};\n\nexport type DialogBodyProps = { children: React.ReactNode };\n\nexport const DialogBody = ({ children }: DialogBodyProps) => {\n  return <Box style={{ padding: theme.space[4] }}>{children}</Box>;\n};\n\ntype DialogHeaderProps = { children: React.ReactNode };\n\nconst DialogHeader = ({ children }: DialogHeaderProps) => {\n  return (\n    <Flex className={dialogHeader} align=\"center\">\n      {\" \"}\n      {children}\n    </Flex>\n  );\n};\n\nexport type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,YAAY,qBAAqB;AAmC3B,cAKE,YALF;AA3BC,IAAM,SAAyB;AAI/B,IAAM,cAA8B;AAQpC,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,gBAAgB,oBAAoB,EAAE,mBAAmB,CAAC;AAChE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,oBAAoB,SAAS;AAAA,EAClC;AACA,QAAM,gBAAgB,oBAAoB,QAAQ;AAElD,SACE,qBAAiB,wBAAhB,EACC;AAAA,wBAAiB,yBAAhB,EAAwB,WAAW,eAAe;AAAA,IACnD;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,aAAa,eAAe,KAAK,SAAS;AAAA,QAErD;AAAA,+BAAC,gBACE;AAAA,qBACC,oBAAiB,uBAAhB,EAAsB,OAAO,EAAE,YAAY,MAAM,MAAM,CAAC,EAAE,GACxD,iBACH;AAAA,YAGF,oBAAC,eAAY,SAAO,MAClB,8BAAC,cAAW,OAAO,EAAE,YAAY,OAAO,GACtC;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,gBAAe;AAAA,gBACf,kBAAiB;AAAA,gBACjB,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,OAAO;AAAA,gBACP,MAAK;AAAA,gBAEL,8BAAC,UAAK,GAAE,6YAA4Y;AAAA;AAAA,YACtZ,GACF,GACF;AAAA,aACF;AAAA,UAEC;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAIO,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,mBAAmB,MAAM,SAAS;AAAA;AAAA,EAC5D;AAEJ;AAIO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,WAAW,EAAE,SAAS,UAAU,IAAI,MAAM;AAAA,MAC1C,KAAI;AAAA,MACJ,SAAQ;AAAA,MAEP;AAAA;AAAA,EACH;AAEJ;AAIO,IAAM,aAAa,CAAC,EAAE,SAAS,MAAuB;AAC3D,SAAO,oBAAC,OAAI,OAAO,EAAE,SAAS,MAAM,MAAM,CAAC,EAAE,GAAI,UAAS;AAC5D;AAIA,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AACxD,SACE,qBAAC,QAAK,WAAW,cAAc,OAAM,UAClC;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AAIO,IAAM,gBAAgC;","names":[]}

package/dist/patterns/index.css

@@ -4200,7 +4200,7 @@
   width: 100%;
 }
 
-/* vanilla-extract-css-ns:src/theme/styles/dialog.css.ts.vanilla.css?source=LmRpYWxvZ19kaWFsb2dEZXNjcmlwdGlvbl9fcjMwOXNjMCB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXRleHRTdWJ0bGVfXzE5bmJlOGQyZmMpOwogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTNfXzE5bmJlOGRiKTsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS00X18xOW5iZThkMyk7Cn0KLmRpYWxvZ19kaWFsb2dGb290ZXJfX3IzMDlzYzEgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXN1cmZhY2VfXzE5bmJlOGQyZjgpOwogIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKICBib3R0b206IDA7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtMl9fMTluYmU4ZDEpIHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKICBwb3NpdGlvbjogc3RpY2t5OwogIHotaW5kZXg6IHZhcigtLXpJbmRpY2VzLW1heF9fMTluYmU4ZDJneik7Cn0KLmRpYWxvZ19kaWFsb2dIZWFkZXJfX3IzMDlzYzIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXN1cmZhY2VfXzE5bmJlOGQyZjgpOwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTFfXzE5bmJlOGQwKSB2YXIoLS1zcGFjZS0yX18xOW5iZThkMSk7CiAgcG9zaXRpb246IHN0aWNreTsKICB0b3A6IDA7CiAgei1pbmRleDogdmFyKC0tekluZGljZXMtbWF4X18xOW5iZThkMmd6KTsKfQouZGlhbG9nX2RpYWxvZ1RpdGxlX19yMzA5c2MzIHsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS00X18xOW5iZThkMyk7Cn0= */
+/* vanilla-extract-css-ns:src/theme/styles/dialog.css.ts.vanilla.css?source=LmRpYWxvZ19kaWFsb2dEZXNjcmlwdGlvbl9fcjMwOXNjMCB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXRleHRTdWJ0bGVfXzE5bmJlOGQyZmMpOwogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTNfXzE5bmJlOGRiKTsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS00X18xOW5iZThkMyk7Cn0KLmRpYWxvZ19kaWFsb2dGb290ZXJfX3IzMDlzYzEgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXN1cmZhY2VfXzE5bmJlOGQyZjgpOwogIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKICBib3R0b206IDA7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtMl9fMTluYmU4ZDEpIHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKICBwb3NpdGlvbjogc3RpY2t5OwogIHotaW5kZXg6IHZhcigtLXpJbmRpY2VzLW1heF9fMTluYmU4ZDJneik7Cn0KLmRpYWxvZ19kaWFsb2dIZWFkZXJfX3IzMDlzYzIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXN1cmZhY2VfXzE5bmJlOGQyZjgpOwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKSB2YXIoLS1zcGFjZS0yX18xOW5iZThkMSk7CiAgcG9zaXRpb246IHN0aWNreTsKICB0b3A6IDA7CiAgei1pbmRleDogdmFyKC0tekluZGljZXMtbWF4X18xOW5iZThkMmd6KTsKfQ== */
 .dialog_dialogDescription__r309sc0 {
   color: var(--semanticColors-textSubtle__19nbe8d2fc);
   font-size: var(--fontSizes-3__19nbe8db);
@@ -4216,14 +4216,11 @@
 }
 .dialog_dialogHeader__r309sc2 {
   background-color: var(--semanticColors-surface__19nbe8d2f8);
-  padding: var(--space-1__19nbe8d0) var(--space-2__19nbe8d1);
+  padding: var(--space-2__19nbe8d1) var(--space-2__19nbe8d1);
   position: sticky;
   top: 0;
   z-index: var(--zIndices-max__19nbe8d2gz);
 }
-.dialog_dialogTitle__r309sc3 {
-  margin-bottom: var(--space-4__19nbe8d3);
-}
 
 /* vanilla-extract-css-ns:src/theme/styles/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkX18xOWduY2swMCB7CiAgZGlzcGxheTogZ3JpZDsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS0yX18xOW5iZThkMSk7Cn0KLmZvcm1fZm9ybUxhYmVsX18xOWduY2swMSB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXRleHRTdWJ0bGVfXzE5bmJlOGQyZmMpOwogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTNfXzE5bmJlOGRiKTsKICBmb250LXdlaWdodDogdmFyKC0tZm9udFdlaWdodHMtbWVkaXVtX18xOW5iZThkMmZvKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbGluZUhlaWdodHMtNl9fMTluYmU4ZDJmdik7Cn0= */
 .form_formField__19gnck00 {