@gnist/design-system 3.9.3 → 3.10.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.10.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@3.9.3...@gnist/design-system@3.10.0) (2025-09-05)
+
+### Features
+
+* export LozengeColorVariants to consumers ([bd384ca](https://github.com/mollerdigital/design-system-design-system/commit/bd384cacfe737893fe50a30156974eb8d00e15fa))
+
 ## [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

package/dist/components/feedback/notifications/index.d.ts

@@ -1,2 +1,3 @@
 export { Lozenge } from "./Lozenge.js";
+export type { ColorVariants } from "./lozenge.css.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/notifications/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/feedback/notifications/lozenge.css.cjs

@@ -6,11 +6,20 @@ const tokens_css_js = require("@gnist/themes/tokens.css.js");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
 const recipes = require("@vanilla-extract/recipes");
-const getColors = (variant) => atoms_css_js.atoms({
-  backgroundColor: `${variant}-container`,
-  color: `on-${variant}-container`,
-  borderColor: `on-${variant}-container`
-});
+const getColors = (variant) => {
+  if (variant === "neutral") {
+    return atoms_css_js.atoms({
+      backgroundColor: "background",
+      borderColor: "on-background",
+      color: "on-background"
+    });
+  }
+  return atoms_css_js.atoms({
+    backgroundColor: `${variant}-container`,
+    color: `on-${variant}-container`,
+    borderColor: `on-${variant}-container`
+  });
+};
 const largeBody = tokens_css_js.tokens.type.large.body;
 const lozengeRecipe = recipes.recipe({
   base: [
@@ -39,11 +48,7 @@ const lozengeRecipe = recipes.recipe({
       success: getColors("success"),
       warning: getColors("warning"),
       error: getColors("error"),
-      neutral: atoms_css_js.atoms({
-        backgroundColor: "background",
-        borderColor: "on-background",
-        color: "on-background"
-      })
+      neutral: getColors("neutral")
     },
     density: {
       compact: { fontSize: tokens_css_js.tokens.type.small.detail.fontSize },

package/dist/components/feedback/notifications/lozenge.css.d.ts

@@ -1,4 +1,4 @@
-export type ColorVariants = "primary" | "secondary" | "info" | "success" | "warning" | "error";
+export type ColorVariants = "primary" | "secondary" | "info" | "success" | "warning" | "error" | "neutral";
 export declare const lozengeRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
     colorVariant: {
         primary: string;

package/dist/components/feedback/notifications/lozenge.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lozenge.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notifications/lozenge.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAUd,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;EA0CxB,CAAC"}
+{"version":3,"file":"lozenge.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notifications/lozenge.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAmBhB,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;EAsCxB,CAAC"}

package/dist/components/feedback/notifications/lozenge.css.js

@@ -4,11 +4,20 @@ import { tokens } from "@gnist/themes/tokens.css.js";
 import { globalStyle } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
 import { recipe } from "@vanilla-extract/recipes";
-const getColors = (variant) => atoms({
-  backgroundColor: `${variant}-container`,
-  color: `on-${variant}-container`,
-  borderColor: `on-${variant}-container`
-});
+const getColors = (variant) => {
+  if (variant === "neutral") {
+    return atoms({
+      backgroundColor: "background",
+      borderColor: "on-background",
+      color: "on-background"
+    });
+  }
+  return atoms({
+    backgroundColor: `${variant}-container`,
+    color: `on-${variant}-container`,
+    borderColor: `on-${variant}-container`
+  });
+};
 const largeBody = tokens.type.large.body;
 const lozengeRecipe = recipe({
   base: [
@@ -37,11 +46,7 @@ const lozengeRecipe = recipe({
       success: getColors("success"),
       warning: getColors("warning"),
       error: getColors("error"),
-      neutral: atoms({
-        backgroundColor: "background",
-        borderColor: "on-background",
-        color: "on-background"
-      })
+      neutral: getColors("neutral")
     },
     density: {
       compact: { fontSize: tokens.type.small.detail.fontSize },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnist/design-system",
-  "version": "3.9.3",
+  "version": "3.10.0",
   "license": "UNLICENSED",
   "type": "module",
   "main": "dist/index.cjs",
@@ -102,5 +102,5 @@
       "optional": true
     }
   },
-  "gitHead": "5102262513c8a9714eaaad826de6555219438822"
+  "gitHead": "f9dc0e36c17acc63190ff14f0e2f7dba96084c9e"
 }