@gnist/design-system 3.4.2 → 3.5.0

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.
 
+## [3.5.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.4.2...@gnist/design-system@3.5.0) (2025-06-06)
+
+### Features
+
+* add new theme `Tools Dark` ([99e4727](https://github.com/mollerdigital/design-system-design-system/commit/99e472703a620cbd842db0b4e01a8d69bbc1b274))
+
 ## [3.4.2](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.4.1...@gnist/design-system@3.4.2) (2025-06-05)
 
 **Note:** Version bump only for package @gnist/design-system

package/dist/components/feedback/alerts/AlertBanner.cjs

@@ -14,8 +14,8 @@ require("../../actions/buttons/PrimaryButton.cjs");
 require("../../actions/buttons/SecondaryButton.cjs");
 require("../../actions/buttons/SuccessButton.cjs");
 require("../../actions/buttons/DangerButton.cjs");
-const GhostButton = require("../../actions/buttons/GhostButton.cjs");
-require("../../actions/buttons/TextButton.cjs");
+require("../../actions/buttons/GhostButton.cjs");
+const TextButton = require("../../actions/buttons/TextButton.cjs");
 const IconButton = require("../../actions/buttons/IconButton.cjs");
 const AlertBanner_css = require("./AlertBanner.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
@@ -23,6 +23,6 @@ const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const BannerHeading = componentUtils.component("BannerHeading", AlertBanner_css.bannerHeading, "h2");
 const AlertBanner = ({ type, heading, message, dismiss, action, density = "default", headingLevel = "h2", className }) => {
   const text = index.useTranslation((t) => t.components.feedback.alerts);
-  return jsxRuntime.jsxs("div", { className: classNames__default.default(className, AlertBanner_css.banner({ type, density })), children: [jsxRuntime.jsx(Icon.Icon, { type, icon: type, className: AlertBanner_css.icon({ type }) }), jsxRuntime.jsxs("div", { className: AlertBanner_css.mainContentContainer({ density }), children: [heading && jsxRuntime.jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsxRuntime.jsx(IconButton.IconButton, { className: AlertBanner_css.closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), jsxRuntime.jsx(index$1.TextContainer, { className: AlertBanner_css.messageContainer, children: message }), action && jsxRuntime.jsx(GhostButton.GhostButton, { density: "compact", className: AlertBanner_css.actionButton, onClick: action.onClick, children: action.label })] })] });
+  return jsxRuntime.jsxs("div", { className: classNames__default.default(className, AlertBanner_css.banner({ type, density })), children: [jsxRuntime.jsx(Icon.Icon, { type, icon: type, className: AlertBanner_css.icon({ type }) }), jsxRuntime.jsxs("div", { className: AlertBanner_css.mainContentContainer({ density }), children: [heading && jsxRuntime.jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsxRuntime.jsx(IconButton.IconButton, { className: AlertBanner_css.closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), jsxRuntime.jsx(index$1.TextContainer, { className: AlertBanner_css.messageContainer, children: message }), action && jsxRuntime.jsx(TextButton.TextButton, { density: "compact", className: AlertBanner_css.actionButton, onClick: action.onClick, underline: true, children: action.label })] })] });
 };
 exports.AlertBanner = AlertBanner;

package/dist/components/feedback/alerts/AlertBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alerts/AlertBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,YAAY,EAEf,uCAAmD;AAcpD,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAID;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW,mFASrB,gBAAgB,4CAkClB,CAAC"}
+{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alerts/AlertBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,YAAY,EAEf,uCAAmD;AAcpD,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAID;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW,mFASrB,gBAAgB,4CAmClB,CAAC"}

package/dist/components/feedback/alerts/AlertBanner.js

@@ -12,14 +12,14 @@ import "../../actions/buttons/PrimaryButton.js";
 import "../../actions/buttons/SecondaryButton.js";
 import "../../actions/buttons/SuccessButton.js";
 import "../../actions/buttons/DangerButton.js";
-import { GhostButton } from "../../actions/buttons/GhostButton.js";
-import "../../actions/buttons/TextButton.js";
+import "../../actions/buttons/GhostButton.js";
+import { TextButton } from "../../actions/buttons/TextButton.js";
 import { IconButton } from "../../actions/buttons/IconButton.js";
 import { bannerHeading, icon, mainContentContainer, closeButton, messageContainer, actionButton, banner } from "./AlertBanner.css.js";
 const BannerHeading = component("BannerHeading", bannerHeading, "h2");
 const AlertBanner = ({ type, heading, message, dismiss, action, density = "default", headingLevel = "h2", className }) => {
   const text = useTranslation((t) => t.components.feedback.alerts);
-  return jsxs("div", { className: classNames(className, banner({ type, density })), children: [jsx(Icon, { type, icon: type, className: icon({ type }) }), jsxs("div", { className: mainContentContainer({ density }), children: [heading && jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsx(IconButton, { className: closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), jsx(TextContainer, { className: messageContainer, children: message }), action && jsx(GhostButton, { density: "compact", className: actionButton, onClick: action.onClick, children: action.label })] })] });
+  return jsxs("div", { className: classNames(className, banner({ type, density })), children: [jsx(Icon, { type, icon: type, className: icon({ type }) }), jsxs("div", { className: mainContentContainer({ density }), children: [heading && jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsx(IconButton, { className: closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), jsx(TextContainer, { className: messageContainer, children: message }), action && jsx(TextButton, { density: "compact", className: actionButton, onClick: action.onClick, underline: true, children: action.label })] })] });
 };
 export {
   AlertBanner

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "3.4.2",
+    "version": "3.5.0",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -49,7 +49,7 @@
     "dependencies": {
         "@formkit/auto-animate": "^0.8.2",
         "@gnist/component-utils": "3.0.7",
-        "@gnist/themes": "^3.8.0",
+        "@gnist/themes": "^3.9.0",
         "@mui/base": "^5.0.0-beta.70",
         "@vanilla-extract/css": "^1.17.1",
         "@vanilla-extract/css-utils": "^0.1.4",
@@ -103,5 +103,5 @@
             "optional": true
         }
     },
-    "gitHead": "9965bd8a697597a7d53352c2033d595bc3a2ecb5"
+    "gitHead": "f094a035db7287d854ff647be122e660c64e90f1"
 }