@gnist/design-system 2.0.3 → 2.0.4

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.4](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@2.0.3...@gnist/design-system@2.0.4) (2025-01-24)
+
+### Bug Fixes
+
+* set correct font-weight of all buttons and chips ([3a577ed](https://github.com/mollerdigital/design-system-design-system/commit/3a577ed09e1ca79ced503cc4ec9874205347ed26))
+
 ## [2.0.3](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@2.0.2...@gnist/design-system@2.0.3) (2025-01-24)
 
 **Note:** Version bump only for package @gnist/design-system

package/dist/components/actions/buttons/ButtonBase.cjs

@@ -50,9 +50,7 @@ const BoxedButtonBase = React__namespace.forwardRef(function BoxedButtonBase2({
       });
     }
     if (typeof child === "string") {
-      return jsxRuntime.jsx(index.BodyText, { style: {
-        fontWeight: tokens_css_js.tokens.typeface.weight.medium
-      }, children: child });
+      return jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: child });
     }
     return child;
   }), (loading == null ? void 0 : loading.isLoading) && (loading == null ? void 0 : loading.loadingText) && jsxRuntime.jsx(Spinner.Spinner, { diameter: tokens_css_js.tokens.size[density === "compact" ? "xs" : "s"], textDescription: loading == null ? void 0 : loading.loadingText }), jsxRuntime.jsx(ScreenReaderOnly.ScreenReaderOnly, { "aria-live": "polite", children: (loading == null ? void 0 : loading.isLoading) && loading.loadingText })] }));

package/dist/components/actions/buttons/ButtonBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/ButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAEH,YAAY,EACf,MAAM,yCAAyC,CAAC;AAKjD,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElE,MAAM,MAAM,gBAAgB,CAAC,SAAS,SAAS,WAAW,IACtD,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE;QACN;;WAEG;QACH,SAAS,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAEN,eAAO,MAAM,eAAe,kHA2D1B,CAAC"}
+{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/ButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAEH,YAAY,EACf,MAAM,yCAAyC,CAAC;AAKjD,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElE,MAAM,MAAM,gBAAgB,CAAC,SAAS,SAAS,WAAW,IACtD,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE;QACN;;WAEG;QACH,SAAS,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAEN,eAAO,MAAM,eAAe,kHAmD1B,CAAC"}

package/dist/components/actions/buttons/ButtonBase.js

@@ -12,7 +12,7 @@ import { tokens } from "@gnist/themes/tokens.css.js";
 import { ScreenReaderOnly } from "../../../utilities/accessibility/ScreenReaderOnly.js";
 import "../../../utilities/accessibility/visuallyHidden.css.js";
 import { Spinner } from "../../progress/Spinner.js";
-import { boxedButton } from "./styles.css.js";
+import { boxedButton, actionText } from "./styles.css.js";
 const BoxedButtonBase = React.forwardRef(function BoxedButtonBase2({ $as, as, children, loading, className, disabled = loading == null ? void 0 : loading.isLoading, type = "button", density = "default", ...props }, ref) {
   const buttonProps = {
     ...props,
@@ -28,9 +28,7 @@ const BoxedButtonBase = React.forwardRef(function BoxedButtonBase2({ $as, as, ch
       });
     }
     if (typeof child === "string") {
-      return jsx(BodyText, { style: {
-        fontWeight: tokens.typeface.weight.medium
-      }, children: child });
+      return jsx(BodyText, { className: actionText, children: child });
     }
     return child;
   }), (loading == null ? void 0 : loading.isLoading) && (loading == null ? void 0 : loading.loadingText) && jsx(Spinner, { diameter: tokens.size[density === "compact" ? "xs" : "s"], textDescription: loading == null ? void 0 : loading.loadingText }), jsx(ScreenReaderOnly, { "aria-live": "polite", children: (loading == null ? void 0 : loading.isLoading) && loading.loadingText })] }));

package/dist/components/actions/buttons/IconButton.cjs

@@ -23,6 +23,6 @@ const IconButton = React.forwardRef(function IconButton2({ $as, as, className, s
       backgroundColor: "palette-black",
       setFocusState: true
     }))
-  }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showLabel === "left" && jsxRuntime.jsx(index.BodyText, { children: label }), jsxRuntime.jsx(Icon.Icon, { icon, title: showLabel ? void 0 : label, variantOverride }), showLabel === "right" && jsxRuntime.jsx(index.BodyText, { children: label })] }));
+  }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showLabel === "left" && jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label }), jsxRuntime.jsx(Icon.Icon, { icon, title: showLabel ? void 0 : label, variantOverride }), showLabel === "right" && jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label })] }));
 });
 exports.IconButton = IconButton;

package/dist/components/actions/buttons/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,wDAAoE;AAG3F,OAAO,EAAE,WAAW,EAA2C,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAQ,MAAM,0CAA0C,CAAC;AAI9E,KAAK,eAAe,CAAC,SAAS,SAAS,WAAW,IAC9C,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACtC,mHAAmH;IACnH,eAAe,CAAC,EAAE,YAAY,CAAC;CAClC,CAAC;AAEN;;EAEE;AACF,eAAO,MAAM,UAAU,+HA0CrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,wDAAoE;AAG3F,OAAO,EAAE,WAAW,EAA2C,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAQ,MAAM,0CAA0C,CAAC;AAI9E,KAAK,eAAe,CAAC,SAAS,SAAS,WAAW,IAC9C,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACtC,mHAAmH;IACnH,eAAe,CAAC,EAAE,YAAY,CAAC;CAClC,CAAC;AAEN;;EAEE;AACF,eAAO,MAAM,UAAU,+HA8CrB,CAAC"}

package/dist/components/actions/buttons/IconButton.js

@@ -8,7 +8,7 @@ import "../../../foundation/iconography/IconVariantProvider.js";
 import "../../../foundation/iconography/icons.js";
 import { Icon } from "../../../foundation/iconography/Icon.js";
 import { BodyText } from "../../../foundation/typography/index.js";
-import { buttonRecipe, iconButton } from "./styles.css.js";
+import { buttonRecipe, iconButton, actionText } from "./styles.css.js";
 const IconButton = forwardRef(function IconButton2({ $as, as, className, showLabel, label, icon, variantOverride, ...props }, ref) {
   return createElement($as ?? as ?? "button", {
     ...props,
@@ -19,7 +19,7 @@ const IconButton = forwardRef(function IconButton2({ $as, as, className, showLab
       backgroundColor: "palette-black",
       setFocusState: true
     }))
-  }, jsxs(Fragment, { children: [showLabel === "left" && jsx(BodyText, { children: label }), jsx(Icon, { icon, title: showLabel ? void 0 : label, variantOverride }), showLabel === "right" && jsx(BodyText, { children: label })] }));
+  }, jsxs(Fragment, { children: [showLabel === "left" && jsx(BodyText, { className: actionText, children: label }), jsx(Icon, { icon, title: showLabel ? void 0 : label, variantOverride }), showLabel === "right" && jsx(BodyText, { className: actionText, children: label })] }));
 });
 export {
   IconButton

package/dist/components/actions/buttons/TextButton.cjs

@@ -24,6 +24,6 @@ const TextButton = React.forwardRef(function TextButton2({ $as, as, className, u
       backgroundColor: "palette-black",
       setFocusState: true
     }))
-  }, props.children ? jsxRuntime.jsx(index.BodyText, { className: styles_css.textButtonText({ underline }), children: props.children }) : void 0);
+  }, props.children ? jsxRuntime.jsx(index.BodyText, { className: classNames__default.default(styles_css.actionText, styles_css.textButtonText({ underline })), children: props.children }) : void 0);
 });
 exports.TextButton = TextButton;

package/dist/components/actions/buttons/TextButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAE,WAAW,EAA2C,MAAM,OAAO,CAAC;AAG7E,KAAK,eAAe,CAAC,SAAS,SAAS,WAAW,IAC9C,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEN;;;;EAIE;AACF,eAAO,MAAM,UAAU,+HA4BrB,CAAC"}
+{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAE,WAAW,EAA2C,MAAM,OAAO,CAAC;AAG7E,KAAK,eAAe,CAAC,SAAS,SAAS,WAAW,IAC9C,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEN;;;;EAIE;AACF,eAAO,MAAM,UAAU,+HAiCrB,CAAC"}

package/dist/components/actions/buttons/TextButton.js

@@ -9,7 +9,7 @@ import { forwardRef, createElement } from "react";
 import classNames from "classnames";
 import "../../../foundation/logos/Logo.css.js";
 import { stateLayers } from "../../../styles/states.css.js";
-import { buttonRecipe, textButtonText } from "./styles.css.js";
+import { buttonRecipe, actionText, textButtonText } from "./styles.css.js";
 const TextButton = forwardRef(function TextButton2({ $as, as, className, underline, ...props }, ref) {
   return createElement($as ?? as ?? "button", {
     ...props,
@@ -20,7 +20,7 @@ const TextButton = forwardRef(function TextButton2({ $as, as, className, underli
       backgroundColor: "palette-black",
       setFocusState: true
     }))
-  }, props.children ? jsx(BodyText, { className: textButtonText({ underline }), children: props.children }) : void 0);
+  }, props.children ? jsx(BodyText, { className: classNames(actionText, textButtonText({ underline })), children: props.children }) : void 0);
 });
 export {
   TextButton

package/dist/components/actions/buttons/styles.css.cjs

@@ -117,6 +117,9 @@ const iconButton = recipes.recipe({
     }
   }
 });
+const actionText = css.style({
+  fontWeight: tokens_css_js.tokens.typeface.weight.semibold
+});
 const textButtonText = recipes.recipe({
   base: {
     borderBottomStyle: "solid",
@@ -143,6 +146,7 @@ const textButtonText = recipes.recipe({
     underline: false
   }
 });
+exports.actionText = actionText;
 exports.boxedButton = boxedButton;
 exports.buttonRecipe = buttonRecipe;
 exports.iconButton = iconButton;

package/dist/components/actions/buttons/styles.css.d.ts

@@ -52,6 +52,7 @@ export declare const iconButton: import("@vanilla-extract/recipes").RuntimeFn<{
         none: string;
     };
 }>;
+export declare const actionText: string;
 export declare const textButtonText: import("@vanilla-extract/recipes").RuntimeFn<{
     underline: {
         true: {

package/dist/components/actions/buttons/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/styles.css.ts"],"names":[],"mappings":"AA6CA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDvB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;EAStB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;EAQrB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;EA0BzB,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/styles.css.ts"],"names":[],"mappings":"AA6CA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDvB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;EAStB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;EAQrB,CAAC;AAEH,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;EA0BzB,CAAC"}

package/dist/components/actions/buttons/styles.css.js

@@ -115,6 +115,9 @@ const iconButton = recipe({
     }
   }
 });
+const actionText = style({
+  fontWeight: tokens.typeface.weight.semibold
+});
 const textButtonText = recipe({
   base: {
     borderBottomStyle: "solid",
@@ -142,6 +145,7 @@ const textButtonText = recipe({
   }
 });
 export {
+  actionText,
   boxedButton,
   buttonRecipe,
   iconButton,

package/dist/components/actions/chips/ActionChip.cjs

@@ -15,6 +15,7 @@ const states_css = require("../../../styles/states.css.cjs");
 const tokens_css_js = require("@gnist/themes/tokens.css.js");
 const Spinner = require("../../progress/Spinner.cjs");
 const styles_css = require("./styles.css.cjs");
+const styles_css$1 = require("../buttons/styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const ActionChip = React.forwardRef(function ActionChip2({ label, onClick, selected, icon, loading, density = "default", ...props }, ref) {
@@ -27,6 +28,6 @@ const ActionChip = React.forwardRef(function ActionChip2({ label, onClick, selec
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { children: label })] }) });
+  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css$1.actionText, children: label })] }) });
 });
 exports.ActionChip = ActionChip;

package/dist/components/actions/chips/ActionChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionChip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/chips/ActionChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGf,qCAAiD;AAQlD,OAAO,EACH,qBAAqB,EAGrB,iBAAiB,EACpB,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IACpE,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE;QACN,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAED;;;;;;;IAOI;AACJ,eAAO,MAAM,UAAU,4HAuDrB,CAAC"}
+{"version":3,"file":"ActionChip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/chips/ActionChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGf,qCAAiD;AAQlD,OAAO,EACH,qBAAqB,EAGrB,iBAAiB,EACpB,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IACpE,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE;QACN,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAED;;;;;;;IAOI;AACJ,eAAO,MAAM,UAAU,4HAuDrB,CAAC"}

package/dist/components/actions/chips/ActionChip.js

@@ -13,6 +13,7 @@ import { focusStyle, stateLayers } from "../../../styles/states.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
 import { Spinner } from "../../progress/Spinner.js";
 import { chipRecipe } from "./styles.css.js";
+import { actionText } from "../buttons/styles.css.js";
 const ActionChip = forwardRef(function ActionChip2({ label, onClick, selected, icon, loading, density = "default", ...props }, ref) {
   return jsx("button", { type: "button", ...props, title: label, onClick, className: classNames(chipRecipe({
     selected,
@@ -23,7 +24,7 @@ const ActionChip = forwardRef(function ActionChip2({ label, onClick, selected, i
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsxs(Fragment, { children: [icon && jsx(Icon, { icon, size: density === "compact" ? "m" : "l" }), jsx(BodyText, { children: label })] }) });
+  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsxs(Fragment, { children: [icon && jsx(Icon, { icon, size: density === "compact" ? "m" : "l" }), jsx(BodyText, { className: actionText, children: label })] }) });
 });
 export {
   ActionChip

package/dist/components/actions/chips/FilterChip.cjs

@@ -15,6 +15,7 @@ const states_css = require("../../../styles/states.css.cjs");
 const tokens_css_js = require("@gnist/themes/tokens.css.js");
 const Spinner = require("../../progress/Spinner.cjs");
 const styles_css = require("./styles.css.cjs");
+const styles_css$1 = require("../buttons/styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const FilterChip = React.forwardRef(function FilterChip2({ label, onClick, selected, loading, density = "default", icon, ...props }, ref) {
@@ -27,6 +28,6 @@ const FilterChip = React.forwardRef(function FilterChip2({ label, onClick, selec
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsxRuntime.jsx(Icon.Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(index.BodyText, { children: label }) })] });
+  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsxRuntime.jsx(Icon.Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(index.BodyText, { className: styles_css$1.actionText, children: label }) })] });
 });
 exports.FilterChip = FilterChip;

package/dist/components/actions/chips/FilterChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/chips/FilterChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGf,qCAAiD;AAQlD,OAAO,EAAE,qBAAqB,EAA4B,MAAM,OAAO,CAAC;AAIxE,UAAU,eAAgB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IAC7D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE;QACN,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,sCAAsC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;IAII;AAEJ,eAAO,MAAM,UAAU,4HA0DrB,CAAC"}
+{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/chips/FilterChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGf,qCAAiD;AAQlD,OAAO,EAAE,qBAAqB,EAA4B,MAAM,OAAO,CAAC;AAKxE,UAAU,eAAgB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IAC7D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE;QACN,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,sCAAsC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;IAII;AAEJ,eAAO,MAAM,UAAU,4HA0DrB,CAAC"}

package/dist/components/actions/chips/FilterChip.js

@@ -13,6 +13,7 @@ import { focusStyle, stateLayers } from "../../../styles/states.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
 import { Spinner } from "../../progress/Spinner.js";
 import { chipRecipe } from "./styles.css.js";
+import { actionText } from "../buttons/styles.css.js";
 const FilterChip = forwardRef(function FilterChip2({ label, onClick, selected, loading, density = "default", icon, ...props }, ref) {
   return jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames(chipRecipe({
     selected,
@@ -23,7 +24,7 @@ const FilterChip = forwardRef(function FilterChip2({ label, onClick, selected, l
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsx(Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsx(Fragment, { children: jsx(BodyText, { children: label }) })] });
+  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsx(Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsx(Fragment, { children: jsx(BodyText, { className: actionText, children: label }) })] });
 });
 export {
   FilterChip

package/dist/components/actions/chips/TagChip.cjs

@@ -13,6 +13,7 @@ require("../../../foundation/logos/Logo.css.cjs");
 const animations_css = require("../../../styles/animations.css.cjs");
 const states_css = require("../../../styles/states.css.cjs");
 const styles_css = require("./styles.css.cjs");
+const styles_css$1 = require("../buttons/styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const TagChip = React.forwardRef(function TagChip2({ label, onClick, icon, density = "default", ...props }, ref) {
@@ -21,6 +22,6 @@ const TagChip = React.forwardRef(function TagChip2({ label, onClick, icon, densi
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { children: label }), jsxRuntime.jsx(Icon.Icon, { icon: "clear", size: density === "compact" ? "m" : "l" })] });
+  })), ref, children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css$1.actionText, children: label }), jsxRuntime.jsx(Icon.Icon, { icon: "clear", size: density === "compact" ? "m" : "l" })] });
 });
 exports.TagChip = TagChip;

package/dist/components/actions/chips/TagChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagChip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/chips/TagChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGf,qCAAiD;AAOlD,OAAO,EACH,qBAAqB,EAGrB,iBAAiB,EACpB,MAAM,OAAO,CAAC;AAGf,UAAU,YAAa,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IAC1D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,sCAAsC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAED;;;;IAII;AAEJ,eAAO,MAAM,OAAO,yHA8BlB,CAAC"}
+{"version":3,"file":"TagChip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/chips/TagChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGf,qCAAiD;AAOlD,OAAO,EACH,qBAAqB,EAGrB,iBAAiB,EACpB,MAAM,OAAO,CAAC;AAIf,UAAU,YAAa,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IAC1D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,sCAAsC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAED;;;;IAII;AAEJ,eAAO,MAAM,OAAO,yHA8BlB,CAAC"}

package/dist/components/actions/chips/TagChip.js

@@ -11,13 +11,14 @@ import "../../../foundation/logos/Logo.css.js";
 import { clickAnimation } from "../../../styles/animations.css.js";
 import { focusStyle, stateLayers } from "../../../styles/states.css.js";
 import { chipRecipe } from "./styles.css.js";
+import { actionText } from "../buttons/styles.css.js";
 const TagChip = forwardRef(function TagChip2({ label, onClick, icon, density = "default", ...props }, ref) {
   return jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames(chipRecipe(), clickAnimation, focusStyle, stateLayers({
     borderSize: "medium",
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [icon && jsx(Icon, { icon, size: density === "compact" ? "m" : "l" }), jsx(BodyText, { children: label }), jsx(Icon, { icon: "clear", size: density === "compact" ? "m" : "l" })] });
+  })), ref, children: [icon && jsx(Icon, { icon, size: density === "compact" ? "m" : "l" }), jsx(BodyText, { className: actionText, children: label }), jsx(Icon, { icon: "clear", size: density === "compact" ? "m" : "l" })] });
 });
 export {
   TagChip

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "2.0.3",
+    "version": "2.0.4",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -113,5 +113,5 @@
             "optional": true
         }
     },
-    "gitHead": "f404c9184b953e0af3726eb51f0913944fd5a5c8"
+    "gitHead": "63176ea1df827e0794b38fdcb8689e6d3f329b9f"
 }