@gnist/design-system 5.3.1 → 5.3.3

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.
 
+## [5.3.3](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.2...@gnist/design-system@5.3.3) (2026-01-06)
+
+### Bug Fixes
+
+* counter in textarea should also be disabled ([19a8d82](https://github.com/mollerdigital/design-system-design-system/commit/19a8d82d421f3b948554d2e9eb9a3781ce35c50e))
+
+## [5.3.2](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.1...@gnist/design-system@5.3.2) (2025-12-19)
+
+### Bug Fixes
+
+* stricter position type on switch ([75142c6](https://github.com/mollerdigital/design-system-design-system/commit/75142c64f5d1df6dd8878c9a3258edb9ef0e4a83))
+
 ## [5.3.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.0...@gnist/design-system@5.3.1) (2025-12-12)
 
 **Note:** Version bump only for package @gnist/design-system

package/dist/components/actions/selectionControls/Switch.d.ts

@@ -2,7 +2,7 @@ import { Ref } from "react";
 import { SelectionControlProps } from "./shared.js";
 export interface SwitchProps extends Omit<SelectionControlProps<boolean>, "render" | "validity"> {
     /** The position of the Switch */
-    position?: string;
+    position?: "left" | "right";
     ref?: Ref<HTMLSpanElement>;
 }
 /**

package/dist/components/actions/selectionControls/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,WACb,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACnE,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAa,EACb,QAAQ,EACR,QAAQ,EACR,EAAyC,EACzC,QAAiB,EACjB,SAAiB,EACjB,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACV,EAAE,WAAW,2CA6Db"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,WACb,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACnE,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAa,EACb,QAAQ,EACR,QAAQ,EACR,EAAyC,EACzC,QAAiB,EACjB,SAAiB,EACjB,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACV,EAAE,WAAW,2CA6Db"}

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

@@ -59,7 +59,9 @@ function TextArea({ counterText, visibleLines: visibleLinesProp, ref, ...props }
     ...dynamic.assignInlineVars({
       [inputFieldConstants_css.preInputWidth]: wrapperProps.preInputWidth
     })
-  }, 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({
+  }, 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({
+    disabled: props.disabled
+  }), 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, type: "button" }), jsxRuntime.jsx(InputHelperText.InputHelperText, { id: contentProps.helperId, validity: props.validity, helperText: props.helperText, reserveSpaceForMessage: props.reserveSpaceForMessage, disabled: props.disabled })] });

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,2CA6If;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,2CAkJf;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

@@ -55,7 +55,9 @@ function TextArea({ counterText, visibleLines: visibleLinesProp, ref, ...props }
     ...assignInlineVars({
       [preInputWidth]: wrapperProps.preInputWidth
     })
-  }, 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({
+  }, 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({
+    disabled: props.disabled
+  }), children: counterText })] }), props.trailingIcon && isClickableIcon(props.trailingIcon) && jsx("button", { className: iconButtonOverlayRecipe({
     placement: "right",
     density: wrapperProps.density
   }), 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 })] });

package/dist/components/inputs/textFields/textArea.css.cjs

@@ -2,13 +2,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const atoms_css_js = require("@gnist/themes/atoms.css.js");
-const wordCounterStyle = atoms_css_js.atoms({
-  display: "flex",
-  backgroundColor: "surface",
-  color: "text-variant",
-  justifyContent: "flex-end",
-  typography: "detail-medium",
-  paddingTop: "base",
-  paddingX: "base"
+const recipes = require("@vanilla-extract/recipes");
+const wordCounterStyle = recipes.recipe({
+  base: atoms_css_js.atoms({
+    display: "flex",
+    backgroundColor: "surface",
+    justifyContent: "flex-end",
+    typography: "detail-medium",
+    paddingTop: "base",
+    paddingX: "base"
+  }),
+  variants: {
+    disabled: {
+      true: atoms_css_js.atoms({
+        color: "on-disabled",
+        backgroundColor: "disabled"
+      })
+    }
+  }
 });
 exports.wordCounterStyle = wordCounterStyle;

package/dist/components/inputs/textFields/textArea.css.d.ts

@@ -1,2 +1,6 @@
-export declare const wordCounterStyle: string;
+export declare const wordCounterStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: string;
+    };
+}>;
 //# sourceMappingURL=textArea.css.d.ts.map

package/dist/components/inputs/textFields/textArea.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textArea.css.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textFields/textArea.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,QAQ3B,CAAC"}
+{"version":3,"file":"textArea.css.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textFields/textArea.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;EAiB3B,CAAC"}

package/dist/components/inputs/textFields/textArea.css.js

@@ -1,13 +1,23 @@
 "use client";
 import { atoms } from "@gnist/themes/atoms.css.js";
-const wordCounterStyle = atoms({
-  display: "flex",
-  backgroundColor: "surface",
-  color: "text-variant",
-  justifyContent: "flex-end",
-  typography: "detail-medium",
-  paddingTop: "base",
-  paddingX: "base"
+import { recipe } from "@vanilla-extract/recipes";
+const wordCounterStyle = recipe({
+  base: atoms({
+    display: "flex",
+    backgroundColor: "surface",
+    justifyContent: "flex-end",
+    typography: "detail-medium",
+    paddingTop: "base",
+    paddingX: "base"
+  }),
+  variants: {
+    disabled: {
+      true: atoms({
+        color: "on-disabled",
+        backgroundColor: "disabled"
+      })
+    }
+  }
 });
 export {
   wordCounterStyle

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "5.3.1",
+    "version": "5.3.3",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -102,5 +102,5 @@
             "optional": true
         }
     },
-    "gitHead": "ab20c34f9b8cc94f6659a75ed791280134eb34bd"
+    "gitHead": "226e39f9fdb01ff40515a66ca87cb6d4c3d10bde"
 }