@gnist/design-system 3.5.0 → 3.5.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.5.2](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.5.1...@gnist/design-system@3.5.2) (2025-06-20)
+
+### Bug Fixes
+
+* changed styling of header in Modal component ([ab8413b](https://github.com/mollerdigital/design-system-design-system/commit/ab8413b63bfb91ab95649bcc81792cba9bf3613f))
+
+## [3.5.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.5.0...@gnist/design-system@3.5.1) (2025-06-13)
+
+### Bug Fixes
+
+* fix not preventing newline in TextArea used inside FormProvider ([b960682](https://github.com/mollerdigital/design-system-design-system/commit/b96068223a017b63c3eeb7a8584126793196b15a))
+
 ## [3.5.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.4.2...@gnist/design-system@3.5.0) (2025-06-06)
 
 ### Features

package/dist/components/surfaces/modal/Modal.cjs

@@ -95,7 +95,7 @@ const Modal = React__namespace.forwardRef(function Modal2({ children, title, isO
   return reactDom.createPortal(jsxRuntime.jsxs("dialog", { ref: dialogRef, className: isOpen ? modal_css.modalStyle : "", onClick: handleDialogClose, children: [jsxRuntime.jsx("div", { role: "presentation", className: modal_css.backdropStyle, onClick: handleBackdropClick }), jsxRuntime.jsxs("div", { ref, className: modal_css.dialogRecipe({ size }), ...rest, style: { backgroundColor }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: modal_css.headerRowRecipe({
     size,
     hasScroll: hasScroll(size, contentHeight)
-  }), style: { backgroundColor }, children: [title ? jsxRuntime.jsx(index$1.Heading1Text, { children: title }) : jsxRuntime.jsx("span", { "aria-hidden": true }), jsxRuntime.jsx(IconButton.IconButton, { icon: "close", label: text.dismissLabel, onClick: handleClose, disabled: (_a = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _a.isLoading, autoFocus: true })] }), jsxRuntime.jsx("div", { ref: (element) => {
+  }), style: { backgroundColor }, children: [title ? jsxRuntime.jsx(index$1.LeadText, { "$as": "h2", className: modal_css.modalHeadingStyle, children: title }) : jsxRuntime.jsx("span", { "aria-hidden": true }), jsxRuntime.jsx(IconButton.IconButton, { icon: "close", label: text.dismissLabel, onClick: handleClose, disabled: (_a = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _a.isLoading, autoFocus: true })] }), jsxRuntime.jsx("div", { ref: (element) => {
     if (element) {
       setContentHeight(element.offsetHeight);
     }

package/dist/components/surfaces/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAIjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKH,UAAU,EAGb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAeD;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,KAAK,mFAgJhB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAIjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKH,UAAU,EAIb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAeD;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,KAAK,mFAkJhB,CAAC"}

package/dist/components/surfaces/modal/Modal.js

@@ -12,13 +12,13 @@ import "../../actions/selectionControls/RadioButton.js";
 import "../../actions/chips/ActionChip.js";
 import "../../actions/chips/FilterChip.js";
 import "../../actions/chips/TagChip.js";
-import { Heading1Text } from "../../../foundation/typography/index.js";
+import { LeadText } from "../../../foundation/typography/index.js";
 import { useTranslation } from "../../../translations/index.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
 import * as React from "react";
 import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
-import { modalStyle, backdropStyle, dialogRecipe, headerRowRecipe, contentContainerRecipe, actionRowRecipe } from "./modal.css.js";
+import { modalStyle, backdropStyle, dialogRecipe, headerRowRecipe, modalHeadingStyle, contentContainerRecipe, actionRowRecipe } from "./modal.css.js";
 const hasScroll = (size, height) => {
   switch (size) {
     case "fullscreen":
@@ -76,7 +76,7 @@ const Modal = React.forwardRef(function Modal2({ children, title, isOpen, handle
   return createPortal(jsxs("dialog", { ref: dialogRef, className: isOpen ? modalStyle : "", onClick: handleDialogClose, children: [jsx("div", { role: "presentation", className: backdropStyle, onClick: handleBackdropClick }), jsxs("div", { ref, className: dialogRecipe({ size }), ...rest, style: { backgroundColor }, children: [jsxs("div", { children: [jsxs("div", { className: headerRowRecipe({
     size,
     hasScroll: hasScroll(size, contentHeight)
-  }), style: { backgroundColor }, children: [title ? jsx(Heading1Text, { children: title }) : jsx("span", { "aria-hidden": true }), jsx(IconButton, { icon: "close", label: text.dismissLabel, onClick: handleClose, disabled: (_a = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _a.isLoading, autoFocus: true })] }), jsx("div", { ref: (element) => {
+  }), style: { backgroundColor }, children: [title ? jsx(LeadText, { "$as": "h2", className: modalHeadingStyle, children: title }) : jsx("span", { "aria-hidden": true }), jsx(IconButton, { icon: "close", label: text.dismissLabel, onClick: handleClose, disabled: (_a = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _a.isLoading, autoFocus: true })] }), jsx("div", { ref: (element) => {
     if (element) {
       setContentHeight(element.offsetHeight);
     }

package/dist/components/surfaces/modal/modal.css.cjs

@@ -36,6 +36,9 @@ const modalStyle = css.style({
   margin: 0,
   padding: 0
 });
+const modalHeadingStyle = css.style({
+  fontWeight: tokens_css_js.tokens.typeface.weight.semibold
+});
 const dialogPadding = (size) => {
   switch (size) {
     case "fullscreen":
@@ -264,4 +267,5 @@ exports.backdropStyle = backdropStyle;
 exports.contentContainerRecipe = contentContainerRecipe;
 exports.dialogRecipe = dialogRecipe;
 exports.headerRowRecipe = headerRowRecipe;
+exports.modalHeadingStyle = modalHeadingStyle;
 exports.modalStyle = modalStyle;

package/dist/components/surfaces/modal/modal.css.d.ts

@@ -1,6 +1,7 @@
 export type DialogSize = "small" | "medium" | "large" | "x-large" | "fullscreen";
 export declare const backdropStyle: string;
 export declare const modalStyle: string;
+export declare const modalHeadingStyle: string;
 export declare const dialogRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         fullscreen: {

package/dist/components/surfaces/modal/modal.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/modal.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,YAAY,CAAC;AAEnB,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAmBrB,CAAC;AAeH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EvB,CAAC;AASH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EAkC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;EAiEjC,CAAC;AAWH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EA0C1B,CAAC"}
+{"version":3,"file":"modal.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/modal.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,YAAY,CAAC;AAEnB,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAmBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAE5B,CAAC;AAeH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EvB,CAAC;AASH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EAkC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;EAiEjC,CAAC;AAWH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EA0C1B,CAAC"}

package/dist/components/surfaces/modal/modal.css.js

@@ -34,6 +34,9 @@ const modalStyle = style({
   margin: 0,
   padding: 0
 });
+const modalHeadingStyle = style({
+  fontWeight: tokens.typeface.weight.semibold
+});
 const dialogPadding = (size) => {
   switch (size) {
     case "fullscreen":
@@ -263,5 +266,6 @@ export {
   contentContainerRecipe,
   dialogRecipe,
   headerRowRecipe,
+  modalHeadingStyle,
   modalStyle
 };

package/dist/utilities/forms/formContext.cjs

@@ -27,7 +27,8 @@ const Form = ({ onSubmit, submitOnEnter, children, ...rest }) => jsxRuntime.jsx(
   event.preventDefault();
   onSubmit == null ? void 0 : onSubmit();
 }, ...rest, children: jsxRuntime.jsx("div", { role: "presentation", onKeyDown: (event) => {
-  if (event.key === "Enter" && !submitOnEnter) {
+  const target = event.target;
+  if (event.key === "Enter" && target.tagName !== "TEXTAREA" && !submitOnEnter) {
     event.preventDefault();
   }
 }, children }) });

package/dist/utilities/forms/formContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../../src/utilities/forms/formContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,UAAU,WAAW,CAAC,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAC3B;AAsCD,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAChC,SAAQ,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;EAaE;AACF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,iBAAyB,EACzB,aAAqB,EACrB,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,2CAuB/C;AAED,wBAAgB,OAAO,CAAC,CAAC,KACmB,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CACrE"}
+{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../../src/utilities/forms/formContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,UAAU,WAAW,CAAC,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAC3B;AA2CD,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAChC,SAAQ,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;EAaE;AACF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,iBAAyB,EACzB,aAAqB,EACrB,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,2CAuB/C;AAED,wBAAgB,OAAO,CAAC,CAAC,KACmB,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CACrE"}

package/dist/utilities/forms/formContext.js

@@ -7,7 +7,8 @@ const Form = ({ onSubmit, submitOnEnter, children, ...rest }) => jsx("form", { o
   event.preventDefault();
   onSubmit == null ? void 0 : onSubmit();
 }, ...rest, children: jsx("div", { role: "presentation", onKeyDown: (event) => {
-  if (event.key === "Enter" && !submitOnEnter) {
+  const target = event.target;
+  if (event.key === "Enter" && target.tagName !== "TEXTAREA" && !submitOnEnter) {
     event.preventDefault();
   }
 }, children }) });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "3.5.0",
+    "version": "3.5.2",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -103,5 +103,5 @@
             "optional": true
         }
     },
-    "gitHead": "f094a035db7287d854ff647be122e660c64e90f1"
+    "gitHead": "d0894c6556821aeb8c4653bc68ab9bff811deb7e"
 }