@gnist/design-system 5.3.4 → 5.3.5

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 (7) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/inputs/dropdowns/SelectBase.cjs +1 -1
  3. package/dist/components/inputs/dropdowns/SelectBase.js +1 -1
  4. package/dist/components/inputs/textFields/TextArea.cjs +0 -5
  5. package/dist/components/inputs/textFields/TextArea.d.ts.map +1 -1
  6. package/dist/components/inputs/textFields/TextArea.js +0 -5
  7. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,13 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+ ### Bug Fixes
9
+
10
+ * focused textarea should not highlight text ([cd2b1e5](https://github.com/mollerdigital/design-system-design-system/commit/cd2b1e5b760326c8471595c492b25f996bd65366))
11
+ * use @base-ui/react for select ([a862c70](https://github.com/mollerdigital/design-system-design-system/commit/a862c70f5176728a726a1a1c3149fdcca87bac15))
12
+
6
13
  ## [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)
7
14
 
8
15
  **Note:** Version bump only for package @gnist/design-system
package/dist/components/inputs/dropdowns/SelectBase.cjs CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
4
  const jsxRuntime = require("react/jsx-runtime");
5
5
  const React = require("react");
6
- const select = require("@base-ui-components/react/select");
6
+ const select = require("@base-ui/react/select");
7
7
  const classNames = require("classnames");
8
8
  const inputField_css = require("../shared-styles/inputField.css.cjs");
9
9
  const select_css = require("./select.css.cjs");
package/dist/components/inputs/dropdowns/SelectBase.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import * as React from "react";
4
4
  import { useState } from "react";
5
- import { Select } from "@base-ui-components/react/select";
5
+ import { Select } from "@base-ui/react/select";
6
6
  import classNames from "classnames";
7
7
  import { inputFieldWrapperRecipe, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
8
8
  import { selectStyle, popUpStyle, listBoxStyle, optionStyle, optionBackground, singleOptionStyle } from "./select.css.js";
package/dist/components/inputs/textFields/TextArea.cjs CHANGED
@@ -45,11 +45,6 @@ function TextArea({ counterText, visibleLines: visibleLinesProp, ref, ...props }
45
45
  [inputFieldConstants_css.preInputWidth]: wrapperProps.preInputWidth,
46
46
  [inputFieldConstants_css.postInputWidth]: wrapperProps.postInputWidth
47
47
  })
48
- }, onFocus: (event) => {
49
- if (event.target.value?.length) {
50
- window.requestAnimationFrame(() => event.target.select());
51
- }
52
- inputProps.onFocus?.(event);
53
48
  } }), 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({
54
49
  density: props.density,
55
50
  validityType: props.validity?.type,
package/dist/components/inputs/textFields/TextArea.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -41,11 +41,6 @@ function TextArea({ counterText, visibleLines: visibleLinesProp, ref, ...props }
41
41
  [preInputWidth]: wrapperProps.preInputWidth,
42
42
  [postInputWidth]: wrapperProps.postInputWidth
43
43
  })
44
- }, onFocus: (event) => {
45
- if (event.target.value?.length) {
46
- window.requestAnimationFrame(() => event.target.select());
47
- }
48
- inputProps.onFocus?.(event);
49
44
  } }), 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({
50
45
  density: props.density,
51
46
  validityType: props.validity?.type,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gnist/design-system",
3
- "version": "5.3.4",
3
+ "version": "5.3.5",
4
4
  "license": "UNLICENSED",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -47,7 +47,7 @@
47
47
  "build-storybook": "cd docs && pnpm run build"
48
48
  },
49
49
  "dependencies": {
50
- "@base-ui-components/react": "1.0.0-beta.2",
50
+ "@base-ui/react": "1.0.0",
51
51
  "@formkit/auto-animate": "^0.8.2",
52
52
  "@gnist/component-utils": "3.0.13",
53
53
  "@gnist/themes": "^3.26.0",
@@ -102,5 +102,5 @@
102
102
  "optional": true
103
103
  }
104
104
  },
105
- "gitHead": "901a10be780b645f92c42b1b0518a87ded6ffb4c"
105
+ "gitHead": "e29401ab147e6b42051598c83215d5c8af0aa413"
106
106
  }