@gnist/design-system 3.9.1 → 3.9.3

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.9.3](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.9.2...@gnist/design-system@3.9.3) (2025-09-05)
+
+### Bug Fixes
+
+* only assign className from user to wrapping span component for SelectBase ([2642d4e](https://github.com/mollerdigital/design-system-design-system/commit/2642d4e809af491c2ddb50126551d1532e405dd9))
+
+## [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/inputs/dropdowns/SelectBase.cjs

@@ -47,12 +47,12 @@ function SelectBase(props, isMultiple) {
     disabled: props.disabled,
     density: props.density,
     validityType: props.validity?.type
-  }), children: [jsxRuntime.jsx(base.Select, { className: select_css.selectStyle, style: {
+  }), children: [jsxRuntime.jsx(base.Select, { ...commonInputProps, ...selectProps, style: {
     ...dynamic.assignInlineVars({
       [inputFieldConstants_css.preInputWidth]: wrapperProps.preInputWidth,
       [inputFieldConstants_css.postInputWidth]: wrapperProps.postInputWidth
     })
-  }, ...commonInputProps, ...selectProps, ref: props.ref, multiple: isMultiple, onListboxOpenChange: (expanded) => setIsExpanded(expanded), slots: {
+  }, className: select_css.selectStyle, ref: props.ref, multiple: isMultiple, onListboxOpenChange: (expanded) => setIsExpanded(expanded), slots: {
     listbox: listBoxComponent,
     popup: popUpComponent
   }, onChange: (e, value) => {

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

@@ -43,12 +43,12 @@ function SelectBase(props, isMultiple) {
     disabled: props.disabled,
     density: props.density,
     validityType: props.validity?.type
-  }), children: [jsx(Select, { className: selectStyle, style: {
+  }), children: [jsx(Select, { ...commonInputProps, ...selectProps, style: {
     ...assignInlineVars({
       [preInputWidth]: wrapperProps.preInputWidth,
       [postInputWidth]: wrapperProps.postInputWidth
     })
-  }, ...commonInputProps, ...selectProps, ref: props.ref, multiple: isMultiple, onListboxOpenChange: (expanded) => setIsExpanded(expanded), slots: {
+  }, className: selectStyle, ref: props.ref, multiple: isMultiple, onListboxOpenChange: (expanded) => setIsExpanded(expanded), slots: {
     listbox: listBoxComponent,
     popup: popUpComponent
   }, onChange: (e, value) => {

package/dist/components/inputs/shared.cjs

@@ -107,7 +107,15 @@ function getSelectInputProps({ label, density, leadingIcon, helperText, ...selec
       leadingIcon,
       helperText
     },
-    selectProps
+    selectProps: {
+      onChange: selectProps.onChange,
+      validity: selectProps.validity,
+      id: selectProps.id,
+      disabled: selectProps.disabled,
+      value: selectProps.value,
+      ref: selectProps.ref,
+      key: selectProps.key
+    }
   };
 }
 exports.getInputFieldProps = getInputFieldProps;

package/dist/components/inputs/shared.d.ts

@@ -135,22 +135,15 @@ export declare function getSelectInputProps<T>({ label, density, leadingIcon, he
         helperText: string | undefined;
     };
     selectProps: {
-        /**
-         * className for the wrapper element, e.g. for used with styled(TextField)
-         */
-        className?: string;
-        /**
-         * onChange prop for setting value to selected options
-         */
         onChange: (value: T) => void;
-        ref?: import("react").Ref<HTMLButtonElement> | undefined;
-        key?: import("react").Key | null | undefined;
-        value?: T | undefined;
-        id?: string;
-        disabled?: boolean;
-        validity?: import("../../index.js").InputFieldValidity<{
+        validity: import("../../index.js").InputFieldValidity<{
             errorMsgRequired: true;
         }> | undefined;
+        id: string | undefined;
+        disabled: boolean | undefined;
+        value: T | undefined;
+        ref: import("react").Ref<HTMLButtonElement> | undefined;
+        key: import("react").Key | null | undefined;
     };
 };
 //# sourceMappingURL=shared.d.ts.map

package/dist/components/inputs/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,yBAAwC;AAE7E,OAAO,EAAE,aAAa,EAAE,WAAW,EAAY,MAAM,OAAO,CAAC;AAC7D,OAAO,EACH,gBAAgB,EAChB,UAAU,EACV,KAAK,EACL,QAAQ,EACX,MAAM,wBAAwB,CAAC;AAchC,wBAAgB,eAAe,CAC3B,IAAI,EAAE,YAAY,GAAG,aAAa,GACnC,IAAI,IAAI,aAAa,CAEvB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AACD,MAAM,WAAW,cACb,SAAQ,gBAAgB,CAAC,MAAM,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,KAAK;IACT;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB,CAAC,IAAI,CACtC,SAAQ,aAAa,CAAC,iBAAiB,CAAC,EACpC,gBAAgB,CAAC,IAAI,CAAC,EACtB,QAAQ,EACR,UAAU,EACV,KAAK;IACT;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,OAAO,EAAE,QAAoB,EAC7B,QAA2B,EAC3B,EAA6B,EAC7B,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,GACZ,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwChB;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EACnC,KAAK,EACL,OAAO,EAAE,QAAoB,EAC7B,QAA2B,EAC3B,EAA6B,EAC7B,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GACZ,EAAE,oBAAoB,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCzB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAClC,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,WAAW,EACX,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,GAAG,UAAU,EAChB,EAAE,CAAC,GAAG,cAAc;;;;;;;;;;;;EAcpB;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EACnC,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,GAAG,WAAW,EACjB,EAAE,oBAAoB,CAAC,CAAC,CAAC;;;;;;;;QA7ItB;;WAEG;oBACS,MAAM;QAClB;;WAEG;gCACwB,IAAI;;;;;;;;;;EAgJlC"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,yBAAwC;AAE7E,OAAO,EAAE,aAAa,EAAE,WAAW,EAAY,MAAM,OAAO,CAAC;AAC7D,OAAO,EACH,gBAAgB,EAChB,UAAU,EACV,KAAK,EACL,QAAQ,EACX,MAAM,wBAAwB,CAAC;AAchC,wBAAgB,eAAe,CAC3B,IAAI,EAAE,YAAY,GAAG,aAAa,GACnC,IAAI,IAAI,aAAa,CAEvB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AACD,MAAM,WAAW,cACb,SAAQ,gBAAgB,CAAC,MAAM,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,KAAK;IACT;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB,CAAC,IAAI,CACtC,SAAQ,aAAa,CAAC,iBAAiB,CAAC,EACpC,gBAAgB,CAAC,IAAI,CAAC,EACtB,QAAQ,EACR,UAAU,EACV,KAAK;IACT;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,OAAO,EAAE,QAAoB,EAC7B,QAA2B,EAC3B,EAA6B,EAC7B,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,GACZ,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwChB;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EACnC,KAAK,EACL,OAAO,EAAE,QAAoB,EAC7B,QAA2B,EAC3B,EAA6B,EAC7B,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GACZ,EAAE,oBAAoB,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCzB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAClC,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,WAAW,EACX,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,GAAG,UAAU,EAChB,EAAE,CAAC,GAAG,cAAc;;;;;;;;;;;;EAcpB;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EACnC,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,GAAG,WAAW,EACjB,EAAE,oBAAoB,CAAC,CAAC,CAAC;;;;;;;;gCAtIK,IAAI;;;;;;;;;;EAwJlC"}

package/dist/components/inputs/shared.js

@@ -105,7 +105,15 @@ function getSelectInputProps({ label, density, leadingIcon, helperText, ...selec
       leadingIcon,
       helperText
     },
-    selectProps
+    selectProps: {
+      onChange: selectProps.onChange,
+      validity: selectProps.validity,
+      id: selectProps.id,
+      disabled: selectProps.disabled,
+      value: selectProps.value,
+      ref: selectProps.ref,
+      key: selectProps.key
+    }
   };
 }
 export {

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.3",
   "license": "UNLICENSED",
   "type": "module",
   "main": "dist/index.cjs",
@@ -102,5 +102,5 @@
       "optional": true
     }
   },
-  "gitHead": "0f7409ded880f6a1d238c71d06d940890df71369"
+  "gitHead": "5102262513c8a9714eaaad826de6555219438822"
 }