@gnist/design-system 2.0.20 → 2.0.22

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>2.0.22 (2025-03-20)</small>
+
+**Note:** Version bump only for package @gnist/design-system
+
+## <small>2.0.21 (2025-03-14)</small>
+
+* fix: fix counterText on TextArea not being on top of text in input ([3172654](https://github.com/mollerdigital/design-system-design-system/commit/3172654))
+
 ## <small>2.0.20 (2025-02-28)</small>
 
 * chore: bump eslint packages ([e20fe7f](https://github.com/mollerdigital/design-system-design-system/commit/e20fe7f))

package/dist/components/inputs/shared-styles/inputField.css.cjs

@@ -28,6 +28,7 @@ const inputFieldWrapperRecipe = recipes.recipe({
       position: "relative",
       boxSizing: "border-box",
       display: "flex",
+      flexDirection: "column",
       transitionProperty: "box-shadow",
       transitionDuration: inputFieldConstants_css.transitionTime,
       selectors: {
@@ -97,7 +98,6 @@ const inputFieldStyle = css.style([
   {
     boxSizing: "border-box",
     all: "unset",
-    width: "100%",
     flexGrow: 1,
     position: "relative",
     zIndex: 2,

package/dist/components/inputs/shared-styles/inputField.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputField.css.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/shared-styles/inputField.css.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6ElC,CAAC;AAEH,eAAO,MAAM,eAAe,QAwB1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;EAyB9B,CAAC"}
+{"version":3,"file":"inputField.css.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/shared-styles/inputField.css.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8ElC,CAAC;AAEH,eAAO,MAAM,eAAe,QAuB1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;EAyB9B,CAAC"}

package/dist/components/inputs/shared-styles/inputField.css.js

@@ -26,6 +26,7 @@ const inputFieldWrapperRecipe = recipe({
       position: "relative",
       boxSizing: "border-box",
       display: "flex",
+      flexDirection: "column",
       transitionProperty: "box-shadow",
       transitionDuration: transitionTime,
       selectors: {
@@ -95,7 +96,6 @@ const inputFieldStyle = style([
   {
     boxSizing: "border-box",
     all: "unset",
-    width: "100%",
     flexGrow: 1,
     position: "relative",
     zIndex: 2,

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

@@ -2,27 +2,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const atoms_css_js = require("@gnist/themes/atoms.css.js");
-const tokens_css_js = require("@gnist/themes/tokens.css.js");
-const css = require("@vanilla-extract/css");
-const wordCounterStyle = css.style([
-  atoms_css_js.atoms({
-    display: "flex",
-    backgroundColor: "surface",
-    color: "text-variant",
-    justifyContent: "flex-end",
-    typography: "detail-medium",
-    paddingBottom: "xxs",
-    paddingTop: "base"
-  }),
-  {
-    zIndex: 2,
-    position: "absolute",
-    alignItems: "baseline",
-    boxSizing: "border-box",
-    bottom: 0,
-    left: tokens_css_js.tokens.spacing.s,
-    right: tokens_css_js.tokens.spacing.s,
-    overflow: "hidden"
-  }
-]);
+const wordCounterStyle = atoms_css_js.atoms({
+  display: "flex",
+  backgroundColor: "surface",
+  color: "text-variant",
+  justifyContent: "flex-end",
+  typography: "detail-medium",
+  paddingTop: "base",
+  paddingX: "base"
+});
 exports.wordCounterStyle = wordCounterStyle;

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":"AAIA,eAAO,MAAM,gBAAgB,QAoB3B,CAAC"}
+{"version":3,"file":"textArea.css.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textFields/textArea.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,QAQ3B,CAAC"}

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

@@ -1,28 +1,14 @@
 "use client";
 import { atoms } from "@gnist/themes/atoms.css.js";
-import { tokens } from "@gnist/themes/tokens.css.js";
-import { style } from "@vanilla-extract/css";
-const wordCounterStyle = style([
-  atoms({
-    display: "flex",
-    backgroundColor: "surface",
-    color: "text-variant",
-    justifyContent: "flex-end",
-    typography: "detail-medium",
-    paddingBottom: "xxs",
-    paddingTop: "base"
-  }),
-  {
-    zIndex: 2,
-    position: "absolute",
-    alignItems: "baseline",
-    boxSizing: "border-box",
-    bottom: 0,
-    left: tokens.spacing.s,
-    right: tokens.spacing.s,
-    overflow: "hidden"
-  }
-]);
+const wordCounterStyle = atoms({
+  display: "flex",
+  backgroundColor: "surface",
+  color: "text-variant",
+  justifyContent: "flex-end",
+  typography: "detail-medium",
+  paddingTop: "base",
+  paddingX: "base"
+});
 export {
   wordCounterStyle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "2.0.20",
+    "version": "2.0.22",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -49,7 +49,7 @@
     "dependencies": {
         "@formkit/auto-animate": "^0.8.2",
         "@gnist/component-utils": "3.0.5",
-        "@gnist/themes": "^2.2.7",
+        "@gnist/themes": "^2.2.8",
         "@mui/base": "^5.0.0-beta.69",
         "@vanilla-extract/css": "^1.17.1",
         "@vanilla-extract/css-utils": "^0.1.4",
@@ -104,5 +104,5 @@
             "optional": true
         }
     },
-    "gitHead": "c176f7a14ebead51da53cd48774c91a732b3fe50"
+    "gitHead": "79fa83835dc87506fea294fdbe28fb93475a7d45"
 }