@gnist/design-system 3.5.0 → 3.5.4

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.5.4](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.5.3...@gnist/design-system@3.5.4) (2025-06-27)
+
+### Bug Fixes
+
+* setting type="button" for clickable trailingIcon in TextField and TextArea ([50f0983](https://github.com/mollerdigital/design-system-design-system/commit/50f0983e60e43782285da74b58c9abb3502ce514))
+
+## [3.5.3](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.5.2...@gnist/design-system@3.5.3) (2025-06-27)
+
+**Note:** Version bump only for package @gnist/design-system
+
+## [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/inputs/textFields/TextArea.cjs

@@ -64,7 +64,7 @@ const TextArea = React.forwardRef(function TextArea2({ counterText, visibleLines
   }, children: jsxRuntime.jsx("span", { style: { position: "relative" }, children: props.label }) }), jsxRuntime.jsx("span", { style: { flexGrow: "1" } }), props.suffix && jsxRuntime.jsx("span", { ref: contentProps.suffixRef, "aria-hidden": true, className: suffixPrefix_css.suffixStyle, children: props.suffix }), props.trailingIcon && jsxRuntime.jsx(Icon.Icon, { icon: shared.isClickableIcon(props.trailingIcon) ? props.trailingIcon.icon : props.trailingIcon, className: atoms_css_js.atoms({ paddingLeft: "xxs" }) })] }), counterText && jsxRuntime.jsx("span", { "aria-hidden": true, className: textArea_css.wordCounterStyle, children: counterText })] }), props.trailingIcon && shared.isClickableIcon(props.trailingIcon) && jsxRuntime.jsx("button", { className: iconButtonOverlay_css.iconButtonOverlayRecipe({
     placement: "right",
     density: wrapperProps.density
-  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick }), jsxRuntime.jsx(InputHelperText.InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
+  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick, type: "button" }), jsxRuntime.jsx(InputHelperText.InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
 });
 const wordCount = (value, max) => `${value.trim().split(/\s/).filter((x) => !!x).length}/${max} words`;
 const characterCount = (value, max) => `${value.trim().length}/${max}`;

package/dist/components/inputs/textFields/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textFields/TextArea.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA4B,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAezE,OAAO,EAGH,cAAc,EAEjB,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,aAAa,GAAG,cAAc,GACtC,IAAI,CACA,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,aAAa,GAAG,OAAO,CAC1B,GAAG;IACA;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEN;;;;;;;;;;;EAWE;AACF,eAAO,MAAM,QAAQ;IA5Bb;;;;;;;OAOG;kBACW,MAAM;IACpB;;;OAGG;mBACY,MAAM;mDAgK3B,CAAC;AAEH,eAAO,MAAM,SAAS,UAAW,MAAM,OAAO,MAAM,WAMjC,CAAC;AAEpB,eAAO,MAAM,cAAc,UAAW,MAAM,OAAO,MAAM,WACtB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textFields/TextArea.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA4B,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAezE,OAAO,EAGH,cAAc,EAEjB,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,aAAa,GAAG,cAAc,GACtC,IAAI,CACA,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,aAAa,GAAG,OAAO,CAC1B,GAAG;IACA;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEN;;;;;;;;;;;EAWE;AACF,eAAO,MAAM,QAAQ;IA5Bb;;;;;;;OAOG;kBACW,MAAM;IACpB;;;OAGG;mBACY,MAAM;mDAiK3B,CAAC;AAEH,eAAO,MAAM,SAAS,UAAW,MAAM,OAAO,MAAM,WAMjC,CAAC;AAEpB,eAAO,MAAM,cAAc,UAAW,MAAM,OAAO,MAAM,WACtB,CAAC"}

package/dist/components/inputs/textFields/TextArea.js

@@ -60,7 +60,7 @@ const TextArea = forwardRef(function TextArea2({ counterText, visibleLines: visi
   }, children: jsx("span", { style: { position: "relative" }, children: props.label }) }), jsx("span", { style: { flexGrow: "1" } }), props.suffix && jsx("span", { ref: contentProps.suffixRef, "aria-hidden": true, className: suffixStyle, children: props.suffix }), props.trailingIcon && jsx(Icon, { icon: isClickableIcon(props.trailingIcon) ? props.trailingIcon.icon : props.trailingIcon, className: atoms({ paddingLeft: "xxs" }) })] }), counterText && jsx("span", { "aria-hidden": true, className: wordCounterStyle, children: counterText })] }), props.trailingIcon && isClickableIcon(props.trailingIcon) && jsx("button", { className: iconButtonOverlayRecipe({
     placement: "right",
     density: wrapperProps.density
-  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick }), jsx(InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
+  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick, type: "button" }), jsx(InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
 });
 const wordCount = (value, max) => `${value.trim().split(/\s/).filter((x) => !!x).length}/${max} words`;
 const characterCount = (value, max) => `${value.trim().length}/${max}`;

package/dist/components/inputs/textFields/TextField.cjs

@@ -54,6 +54,6 @@ const TextField = React.forwardRef(function TextField2(props, ref) {
   }, children: jsxRuntime.jsx("span", { style: { position: "relative" }, children: props.label }) }), jsxRuntime.jsx("span", { style: { flexGrow: "1" } }), props.suffix && jsxRuntime.jsx("span", { ref: contentProps.suffixRef, "aria-hidden": true, className: suffixPrefix_css.suffixStyle, children: props.suffix }), props.trailingIcon && jsxRuntime.jsx(Icon.Icon, { icon: shared.isClickableIcon(props.trailingIcon) ? props.trailingIcon.icon : props.trailingIcon, className: atoms_css_js.atoms({ paddingLeft: "xxs" }) })] })] }), props.trailingIcon && shared.isClickableIcon(props.trailingIcon) && jsxRuntime.jsx("button", { className: iconButtonOverlay_css.iconButtonOverlayRecipe({
     placement: "right",
     density: wrapperProps.density
-  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick }), jsxRuntime.jsx(InputHelperText.InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
+  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick, type: "button" }), jsxRuntime.jsx(InputHelperText.InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
 });
 exports.TextField = TextField;

package/dist/components/inputs/textFields/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textFields/TextField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA4B,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAetE,OAAO,EAGH,cAAc,EAEjB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,cAAc,GAAG,cAAc,GACvC,IAAI,CACA,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,aAAa,GAAG,OAAO,GAAG,MAAM,CACnC,GAAG;IACA;;;OAGG;IACH,IAAI,CAAC,EACC,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,GACL,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,CAAC;CAChB,CAAC;AAEN;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;IA3Bd;;;OAGG;WAEG,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,GACL,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM;mDAsJlB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textFields/TextField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA4B,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAetE,OAAO,EAGH,cAAc,EAEjB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,cAAc,GAAG,cAAc,GACvC,IAAI,CACA,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,aAAa,GAAG,OAAO,GAAG,MAAM,CACnC,GAAG;IACA;;;OAGG;IACH,IAAI,CAAC,EACC,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,GACL,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,CAAC;CAChB,CAAC;AAEN;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;IA3Bd;;;OAGG;WAEG,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,GACL,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM;mDAuJlB,CAAC"}

package/dist/components/inputs/textFields/TextField.js

@@ -50,7 +50,7 @@ const TextField = forwardRef(function TextField2(props, ref) {
   }, children: jsx("span", { style: { position: "relative" }, children: props.label }) }), jsx("span", { style: { flexGrow: "1" } }), props.suffix && jsx("span", { ref: contentProps.suffixRef, "aria-hidden": true, className: suffixStyle, children: props.suffix }), props.trailingIcon && jsx(Icon, { icon: isClickableIcon(props.trailingIcon) ? props.trailingIcon.icon : props.trailingIcon, className: atoms({ paddingLeft: "xxs" }) })] })] }), props.trailingIcon && isClickableIcon(props.trailingIcon) && jsx("button", { className: iconButtonOverlayRecipe({
     placement: "right",
     density: wrapperProps.density
-  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick }), jsx(InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
+  }), title: props.trailingIcon.title, onClick: props.trailingIcon.onClick, type: "button" }), jsx(InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });
 });
 export {
   TextField

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.4",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -49,7 +49,7 @@
     "dependencies": {
         "@formkit/auto-animate": "^0.8.2",
         "@gnist/component-utils": "3.0.7",
-        "@gnist/themes": "^3.9.0",
+        "@gnist/themes": "^3.10.0",
         "@mui/base": "^5.0.0-beta.70",
         "@vanilla-extract/css": "^1.17.1",
         "@vanilla-extract/css-utils": "^0.1.4",
@@ -103,5 +103,5 @@
             "optional": true
         }
     },
-    "gitHead": "f094a035db7287d854ff647be122e660c64e90f1"
+    "gitHead": "ea0755b4250908c64a8d7dfc953f7132191f57ed"
 }