@gnist/design-system 5.3.4 → 5.4.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.4.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.4.0...@gnist/design-system@5.4.1) (2026-01-09)
+
+### Bug Fixes
+
+* set font-size to 1rem and 12px padding for accordion  ([ff29b43](https://github.com/mollerdigital/design-system-design-system/commit/ff29b43948aef4519ffa7964a6d95be8bbd5eedc))
+
+## [5.4.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.5...@gnist/design-system@5.4.0) (2026-01-09)
+
+### Features
+
+* enable trusted publishing for npm packages ([a494791](https://github.com/mollerdigital/design-system-design-system/commit/a49479114d7a7a695c4d422bb1ac7839ba940664))
+
+## [5.3.5](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.4...@gnist/design-system@5.3.5) (2026-01-08)
+
+### Bug Fixes
+
+* focused textarea should not highlight text ([cd2b1e5](https://github.com/mollerdigital/design-system-design-system/commit/cd2b1e5b760326c8471595c492b25f996bd65366))
+* use @base-ui/react for select ([a862c70](https://github.com/mollerdigital/design-system-design-system/commit/a862c70f5176728a726a1a1c3149fdcca87bac15))
+
 ## [5.3.4](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.3...@gnist/design-system@5.3.4) (2026-01-07)
 
 **Note:** Version bump only for package @gnist/design-system

package/dist/components/inputs/dropdowns/SelectBase.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const select = require("@base-ui-components/react/select");
+const select = require("@base-ui/react/select");
 const classNames = require("classnames");
 const inputField_css = require("../shared-styles/inputField.css.cjs");
 const select_css = require("./select.css.cjs");

package/dist/components/inputs/dropdowns/SelectBase.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useState } from "react";
-import { Select } from "@base-ui-components/react/select";
+import { Select } from "@base-ui/react/select";
 import classNames from "classnames";
 import { inputFieldWrapperRecipe, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
 import { selectStyle, popUpStyle, listBoxStyle, optionStyle, optionBackground, singleOptionStyle } from "./select.css.js";

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

@@ -45,11 +45,6 @@ function TextArea({ counterText, visibleLines: visibleLinesProp, ref, ...props }
       [inputFieldConstants_css.preInputWidth]: wrapperProps.preInputWidth,
       [inputFieldConstants_css.postInputWidth]: wrapperProps.postInputWidth
     })
-  }, onFocus: (event) => {
-    if (event.target.value?.length) {
-      window.requestAnimationFrame(() => event.target.select());
-    }
-    inputProps.onFocus?.(event);
   } }), jsxRuntime.jsxs("span", { className: inputField_css.inputContentWrapper({ density: props.density }), children: [props.leadingIcon && jsxRuntime.jsx(Icon.Icon, { icon: shared.isClickableIcon(props.leadingIcon) ? props.leadingIcon.icon : props.leadingIcon, className: atoms_css_js.atoms({ paddingRight: "xxs" }) }), props.prefix && jsxRuntime.jsx("span", { ref: contentProps.prefixRef, "aria-hidden": true, className: suffixPrefix_css.prefixStyle, children: props.prefix }), jsxRuntime.jsx("label", { id: contentProps.labelId, className: labelStyles_css.labelStyle({
     density: props.density,
     validityType: props.validity?.type,

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,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAepD,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;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;CAClC,CAAC;AAEN;;;;;;;;;;;EAWE;AACF,wBAAgB,QAAQ,CAAC,EACrB,WAAW,EACX,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EACH,GAAG,KAAK,EACX,EAAE,aAAa,2CAkJf;AAED,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,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAepD,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;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;CAClC,CAAC;AAEN;;;;;;;;;;;EAWE;AACF,wBAAgB,QAAQ,CAAC,EACrB,WAAW,EACX,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EACH,GAAG,KAAK,EACX,EAAE,aAAa,2CAyIf;AAED,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

@@ -41,11 +41,6 @@ function TextArea({ counterText, visibleLines: visibleLinesProp, ref, ...props }
       [preInputWidth]: wrapperProps.preInputWidth,
       [postInputWidth]: wrapperProps.postInputWidth
     })
-  }, onFocus: (event) => {
-    if (event.target.value?.length) {
-      window.requestAnimationFrame(() => event.target.select());
-    }
-    inputProps.onFocus?.(event);
   } }), jsxs("span", { className: inputContentWrapper({ density: props.density }), children: [props.leadingIcon && jsx(Icon, { icon: isClickableIcon(props.leadingIcon) ? props.leadingIcon.icon : props.leadingIcon, className: atoms({ paddingRight: "xxs" }) }), props.prefix && jsx("span", { ref: contentProps.prefixRef, "aria-hidden": true, className: prefixStyle, children: props.prefix }), jsx("label", { id: contentProps.labelId, className: labelStyle({
     density: props.density,
     validityType: props.validity?.type,

package/dist/components/surfaces/accordion/Accordion.cjs

@@ -11,10 +11,9 @@ const index = require("../../../foundation/typography/index.cjs");
 require("react");
 require("classnames");
 require("../../../foundation/logos/Logo.css.cjs");
-const atoms_css_js = require("@gnist/themes/atoms.css.js");
 const accordion_css = require("./accordion.css.cjs");
 function AccordionElement({ head, expanded, children, ref, ...props }) {
-  const headElement = typeof head === "string" ? jsxRuntime.jsx(index.Heading3Text, { className: atoms_css_js.atoms({ typography: "heading3-small" }), children: head }) : head;
+  const headElement = typeof head === "string" ? jsxRuntime.jsx(index.Heading3Text, { className: accordion_css.heading, children: head }) : head;
   return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("details", { ...props, open: expanded, ref, children: [jsxRuntime.jsxs("summary", { className: accordion_css.head, children: [jsxRuntime.jsx("div", { className: accordion_css.headBackground }), headElement, jsxRuntime.jsx(Icon.Icon, { icon: "expand_more" })] }), jsxRuntime.jsx("div", { className: accordion_css.body, children })] }) });
 }
 const Accordion = componentUtils.component("Accordion", accordion_css.accordionRecipe, AccordionElement);

package/dist/components/surfaces/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,cAAc,GAAG;IAClB,oFAAoF;IACpF,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yJAAyJ;IACzJ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACjC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACX,EAAE,cAAc,2CAsBhB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;GAIrB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,cAAc,GAAG;IAClB,oFAAoF;IACpF,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yJAAyJ;IACzJ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACjC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACX,EAAE,cAAc,2CAoBhB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;GAIrB,CAAC"}

package/dist/components/surfaces/accordion/Accordion.js

@@ -9,10 +9,9 @@ import { Heading3Text } from "../../../foundation/typography/index.js";
 import "react";
 import "classnames";
 import "../../../foundation/logos/Logo.css.js";
-import { atoms } from "@gnist/themes/atoms.css.js";
-import { accordionRecipe, head, headBackground, body } from "./accordion.css.js";
+import { accordionRecipe, heading, head, headBackground, body } from "./accordion.css.js";
 function AccordionElement({ head: head$1, expanded, children, ref, ...props }) {
-  const headElement = typeof head$1 === "string" ? jsx(Heading3Text, { className: atoms({ typography: "heading3-small" }), children: head$1 }) : head$1;
+  const headElement = typeof head$1 === "string" ? jsx(Heading3Text, { className: heading, children: head$1 }) : head$1;
   return jsx(Fragment, { children: jsxs("details", { ...props, open: expanded, ref, children: [jsxs("summary", { className: head, children: [jsx("div", { className: headBackground }), headElement, jsx(Icon, { icon: "expand_more" })] }), jsx("div", { className: body, children })] }) });
 }
 const Accordion = component("Accordion", accordionRecipe, AccordionElement);

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

@@ -35,7 +35,6 @@ const head = css.style([
   }),
   {
     cursor: "pointer",
-    paddingInline: tokens_css_js.tokens.spacing.xxs,
     position: "relative",
     selectors: {
       "&:focus": {
@@ -44,6 +43,12 @@ const head = css.style([
     }
   }
 ]);
+const heading = css.style([
+  atoms_css_js.atoms({ typography: "heading3-small" }),
+  {
+    fontSize: tokens_css_js.tokens.type.medium.body.fontSize
+  }
+]);
 const headBackground = css.style({
   position: "absolute",
   width: "100%",
@@ -74,3 +79,4 @@ exports.accordionRecipe = accordionRecipe;
 exports.body = body;
 exports.head = head;
 exports.headBackground = headBackground;
+exports.heading = heading;

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

@@ -12,6 +12,7 @@ export declare const accordionRecipe: import("@vanilla-extract/recipes").Runtime
     };
 }>;
 export declare const head: string;
+export declare const heading: string;
 export declare const headBackground: string;
 export declare const body: string;
 //# sourceMappingURL=accordion.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/accordion.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;EAqB1B,CAAC;AAEH,eAAO,MAAM,IAAI,QAkBf,CAAC;AAEH,eAAO,MAAM,cAAc,QAWzB,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC"}
+{"version":3,"file":"accordion.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/accordion.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;EAqB1B,CAAC;AAEH,eAAO,MAAM,IAAI,QAiBf,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC;AAEH,eAAO,MAAM,cAAc,QAWzB,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC"}

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

@@ -33,7 +33,6 @@ const head = style([
   }),
   {
     cursor: "pointer",
-    paddingInline: tokens.spacing.xxs,
     position: "relative",
     selectors: {
       "&:focus": {
@@ -42,6 +41,12 @@ const head = style([
     }
   }
 ]);
+const heading = style([
+  atoms({ typography: "heading3-small" }),
+  {
+    fontSize: tokens.type.medium.body.fontSize
+  }
+]);
 const headBackground = style({
   position: "absolute",
   width: "100%",
@@ -72,5 +77,6 @@ export {
   accordionRecipe,
   body,
   head,
-  headBackground
+  headBackground,
+  heading
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "5.3.4",
+    "version": "5.4.1",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -47,7 +47,7 @@
         "build-storybook": "cd docs && pnpm run build"
     },
     "dependencies": {
-        "@base-ui-components/react": "1.0.0-beta.2",
+        "@base-ui/react": "1.0.0",
         "@formkit/auto-animate": "^0.8.2",
         "@gnist/component-utils": "3.0.13",
         "@gnist/themes": "^3.26.0",
@@ -72,8 +72,8 @@
         "@rollup/plugin-typescript": "^12.1.4",
         "@tsconfig/node22": "^22.0.2",
         "@types/node": "^22.14.0",
-        "@types/react": "catalog:",
-        "@types/react-dom": "catalog:",
+        "@types/react": "19.2.7",
+        "@types/react-dom": "19.2.3",
         "@types/semver": "^7.7.0",
         "@vitejs/plugin-react-swc": "^3.10.2",
         "eslint": "^9.33.0",
@@ -81,8 +81,8 @@
         "globby": "^14.1.0",
         "madge": "^8.0.0",
         "prettier": "^3.6.2",
-        "react": "catalog:",
-        "react-dom": "catalog:",
+        "react": "19.2.3",
+        "react-dom": "19.2.3",
         "rollup-plugin-copy": "^3.5.0",
         "semver": "^7.7.2",
         "svgo": "^3.3.2",
@@ -102,5 +102,5 @@
             "optional": true
         }
     },
-    "gitHead": "901a10be780b645f92c42b1b0518a87ded6ffb4c"
+    "gitHead": "b2af6d36b860cd0bedaec8120b7801476fdf5180"
 }