@gnist/design-system 3.9.1 → 3.9.2

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.9.2](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.9.1...@gnist/design-system@3.9.2) (2025-09-03)
+
+### Bug Fixes
+
+* adjust styling on selection controls description ([ff1630a](https://github.com/mollerdigital/design-system-design-system/commit/ff1630ac81e6bbd5b71e525e6a70d7942084b0a3))
+* align description with label on RadioCard and CheckboxCard ([f0e7906](https://github.com/mollerdigital/design-system-design-system/commit/f0e7906f40485f4fcada607d9a27a1586615e448))
+
 ## [3.9.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.9.0...@gnist/design-system@3.9.1) (2025-09-02)
 
 **Note:** Version bump only for package @gnist/design-system

package/dist/components/actions/selectionControls/shared.cjs

@@ -6,11 +6,21 @@ const InputHelperText = require("../../../building-blocks/inputs/InputHelperText
 const Column = require("../../../utilities/layout/Column.cjs");
 require("../../../utilities/layout/Row.cjs");
 const atoms_css_js = require("@gnist/themes/atoms.css.js");
+require("../../../foundation/iconography/ExtraIconsProvider.cjs");
+require("../../../foundation/iconography/IconVariantProvider.cjs");
+require("../../../foundation/iconography/icons.cjs");
+require("../../../foundation/iconography/Icon.cjs");
+const index = require("../../../foundation/typography/index.cjs");
+require("react");
+require("classnames");
+require("../../../foundation/logos/Logo.css.cjs");
 const HelperTextWrapper = ({ children, id, validity, reserveSpaceForMessage, helperText }) => {
   return jsxRuntime.jsxs(Column.Column, { className: atoms_css_js.atoms({ position: "relative" }), children: [children, jsxRuntime.jsx(InputHelperText.InputHelperText, { className: atoms_css_js.atoms({ marginLeft: "base" }), id, helperText, validity, reserveSpaceForMessage })] });
 };
 const SelectionDescription = ({ disabled, children }) => {
-  return jsxRuntime.jsx("div", { className: disabled ? atoms_css_js.atoms({ color: "on-disabled" }) : void 0, children });
+  return jsxRuntime.jsx(index.DetailText, { "$as": "div", className: disabled ? atoms_css_js.atoms({
+    color: "on-disabled"
+  }) : void 0, children });
 };
 exports.HelperTextWrapper = HelperTextWrapper;
 exports.SelectionDescription = SelectionDescription;

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

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/shared.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAI/E,MAAM,WAAW,qBAAqB,CAAC,MAAM,CACzC,SAAQ,IAAI,CACJ,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CACnE,EACD,gBAAgB,CAAC,MAAM,CAAC,EACxB,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3E;AAED,UAAU,sBAAuB,SAAQ,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmB9D,CAAC;AAEF,eAAO,MAAM,oBAAoB,4BAG9B;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,4CAMA,CAAC"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/shared.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAK/E,MAAM,WAAW,qBAAqB,CAAC,MAAM,CACzC,SAAQ,IAAI,CACJ,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CACnE,EACD,gBAAgB,CAAC,MAAM,CAAC,EACxB,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3E;AAED,UAAU,sBAAuB,SAAQ,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmB9D,CAAC;AAEF,eAAO,MAAM,oBAAoB,4BAG9B;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,4CAeA,CAAC"}

package/dist/components/actions/selectionControls/shared.js

@@ -4,11 +4,21 @@ import { InputHelperText } from "../../../building-blocks/inputs/InputHelperText
 import { Column } from "../../../utilities/layout/Column.js";
 import "../../../utilities/layout/Row.js";
 import { atoms } from "@gnist/themes/atoms.css.js";
+import "../../../foundation/iconography/ExtraIconsProvider.js";
+import "../../../foundation/iconography/IconVariantProvider.js";
+import "../../../foundation/iconography/icons.js";
+import "../../../foundation/iconography/Icon.js";
+import { DetailText } from "../../../foundation/typography/index.js";
+import "react";
+import "classnames";
+import "../../../foundation/logos/Logo.css.js";
 const HelperTextWrapper = ({ children, id, validity, reserveSpaceForMessage, helperText }) => {
   return jsxs(Column, { className: atoms({ position: "relative" }), children: [children, jsx(InputHelperText, { className: atoms({ marginLeft: "base" }), id, helperText, validity, reserveSpaceForMessage })] });
 };
 const SelectionDescription = ({ disabled, children }) => {
-  return jsx("div", { className: disabled ? atoms({ color: "on-disabled" }) : void 0, children });
+  return jsx(DetailText, { "$as": "div", className: disabled ? atoms({
+    color: "on-disabled"
+  }) : void 0, children });
 };
 export {
   HelperTextWrapper,

package/dist/components/surfaces/cards/internal/SelectionCard.cjs

@@ -21,6 +21,7 @@ const RectangularSkeleton = require("../../../../building-blocks/skeletons/Recta
 require("../../../../utilities/layout/Column.cjs");
 const Row = require("../../../../utilities/layout/Row.cjs");
 const SelectionCard_css = require("./SelectionCard.css.cjs");
+const shared_css = require("../../../actions/selectionControls/shared.css.cjs");
 const SelectionCardLoader = ({ type, density }) => jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Row.Row, { gap: "base", verticalAlign: "baseline", children: [jsxRuntime.jsx(RectangularSkeleton.RectangularSkeleton, { className: SelectionCard_css.SelectionControlSkeletonRecipe({ type }) }), jsxRuntime.jsx(TextSkeleton.TextSkeleton, {})] }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(CardDescription, { density, children: jsxRuntime.jsx(TextSkeleton.TextSkeleton, {}) }) })] });
 const CardDescription = componentUtils.component("CardDescription", SelectionCard_css.cardDescription, "span");
 const SelectionCardContent = ({ description, value, density, children }) => {
@@ -28,7 +29,7 @@ const SelectionCardContent = ({ description, value, density, children }) => {
   if (!(description || children)) {
     return null;
   }
-  return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { ref: animationParent, children: [description && jsxRuntime.jsx(CardDescription, { density, children: description }), value && children && jsxRuntime.jsx(CardDescription, { density, children })] }) });
+  return jsxRuntime.jsxs("div", { className: shared_css.indentedDescriptionStyle, ref: animationParent, children: [description && jsxRuntime.jsx(CardDescription, { density, children: description }), value && children && jsxRuntime.jsx(CardDescription, { density, children })] });
 };
 exports.SelectionCardContent = SelectionCardContent;
 exports.SelectionCardLoader = SelectionCardLoader;

package/dist/components/surfaces/cards/internal/SelectionCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/cards/internal/SelectionCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACX,6CAAoE;AACrE,OAAO,EAAE,gBAAgB,EAAE,+BAAwC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,MAAM,WAAW,cAAc;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CACxC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACjC,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,IAAI,GAAG,IAAI,CAC5D,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACnC,+EAA+E;IAC/E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,kBACb,SAAQ,sBAAsB,EAC1B,aAAa,CAAC,KAAK,CAAC,EACpB,cAAc,EACd,gBAAgB,CAAC,OAAO,CAAC,EACzB,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;CAAG;AAEhD,eAAO,MAAM,mBAAmB,uBAG7B;IAAE,IAAI,EAAE,UAAU,GAAG,OAAO,CAAA;CAAE,GAAG,gBAAgB,4CAcnD,CAAC;AAIF,eAAO,MAAM,oBAAoB,+CAK9B,IAAI,CACH,kBAAkB,EAClB,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CACnD,mDAqBA,CAAC"}
+{"version":3,"file":"SelectionCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/cards/internal/SelectionCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACX,6CAAoE;AACrE,OAAO,EAAE,gBAAgB,EAAE,+BAAwC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD,MAAM,WAAW,cAAc;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CACxC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACjC,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,IAAI,GAAG,IAAI,CAC5D,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACnC,+EAA+E;IAC/E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,kBACb,SAAQ,sBAAsB,EAC1B,aAAa,CAAC,KAAK,CAAC,EACpB,cAAc,EACd,gBAAgB,CAAC,OAAO,CAAC,EACzB,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;CAAG;AAEhD,eAAO,MAAM,mBAAmB,uBAG7B;IAAE,IAAI,EAAE,UAAU,GAAG,OAAO,CAAA;CAAE,GAAG,gBAAgB,4CAcnD,CAAC;AAIF,eAAO,MAAM,oBAAoB,+CAK9B,IAAI,CACH,kBAAkB,EAClB,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CACnD,mDAiBA,CAAC"}

package/dist/components/surfaces/cards/internal/SelectionCard.js

@@ -19,6 +19,7 @@ import { RectangularSkeleton } from "../../../../building-blocks/skeletons/Recta
 import "../../../../utilities/layout/Column.js";
 import { Row } from "../../../../utilities/layout/Row.js";
 import { cardDescription, SelectionControlSkeletonRecipe } from "./SelectionCard.css.js";
+import { indentedDescriptionStyle } from "../../../actions/selectionControls/shared.css.js";
 const SelectionCardLoader = ({ type, density }) => jsxs(Fragment, { children: [jsxs(Row, { gap: "base", verticalAlign: "baseline", children: [jsx(RectangularSkeleton, { className: SelectionControlSkeletonRecipe({ type }) }), jsx(TextSkeleton, {})] }), jsx("div", { children: jsx(CardDescription, { density, children: jsx(TextSkeleton, {}) }) })] });
 const CardDescription = component("CardDescription", cardDescription, "span");
 const SelectionCardContent = ({ description, value, density, children }) => {
@@ -26,7 +27,7 @@ const SelectionCardContent = ({ description, value, density, children }) => {
   if (!(description || children)) {
     return null;
   }
-  return jsx(Fragment, { children: jsxs("div", { ref: animationParent, children: [description && jsx(CardDescription, { density, children: description }), value && children && jsx(CardDescription, { density, children })] }) });
+  return jsxs("div", { className: indentedDescriptionStyle, ref: animationParent, children: [description && jsx(CardDescription, { density, children: description }), value && children && jsx(CardDescription, { density, children })] });
 };
 export {
   SelectionCardContent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnist/design-system",
-  "version": "3.9.1",
+  "version": "3.9.2",
   "license": "UNLICENSED",
   "type": "module",
   "main": "dist/index.cjs",
@@ -102,5 +102,5 @@
       "optional": true
     }
   },
-  "gitHead": "0f7409ded880f6a1d238c71d06d940890df71369"
+  "gitHead": "4af19b3d032a1c21e560a7ea90dbffcd1e1db250"
 }