@bug-on/m3-expressive 1.1.0 → 1.2.0

package/dist/{md3-DFhj-NZj.d.mts → md3-Dty-Qcad.d.mts}

@@ -1,7 +1,13 @@
 import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef } from 'react';
 
 /** MD3 button color variants */
-type MD3ColorStyle = "elevated" | "filled" | "tonal" | "outlined" | "text";
+type MD3ColorStyle = "elevated" | "filled" | "tonal" | "outlined" | "text"
+/** High-chroma tertiary tone — for hero accents, CTAs, expressive moments. */
+ | "tertiary"
+/** Brand-stable primary fixed — same hue across light/dark, for badges/pills. */
+ | "primary-fixed"
+/** Brand-stable tertiary fixed — same hue across light/dark, for special states. */
+ | "tertiary-fixed";
 /** MD3 Expressive button sizes */
 type MD3Size = "xs" | "sm" | "md" | "lg" | "xl";
 /** MD3 shape families */

package/dist/{md3-DFhj-NZj.d.ts → md3-Dty-Qcad.d.ts}

@@ -1,7 +1,13 @@
 import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef } from 'react';
 
 /** MD3 button color variants */
-type MD3ColorStyle = "elevated" | "filled" | "tonal" | "outlined" | "text";
+type MD3ColorStyle = "elevated" | "filled" | "tonal" | "outlined" | "text"
+/** High-chroma tertiary tone — for hero accents, CTAs, expressive moments. */
+ | "tertiary"
+/** Brand-stable primary fixed — same hue across light/dark, for badges/pills. */
+ | "primary-fixed"
+/** Brand-stable tertiary fixed — same hue across light/dark, for special states. */
+ | "tertiary-fixed";
 /** MD3 Expressive button sizes */
 type MD3Size = "xs" | "sm" | "md" | "lg" | "xl";
 /** MD3 shape families */

package/dist/{split-button-trailing-uncheckable-BRPuTqi1.d.mts → split-button-trailing-uncheckable-BkPbiBo3.d.ts}

@@ -1,5 +1,5 @@
 import { HTMLMotionProps } from 'motion/react';
-import { M as MD3ColorStyle, b as MD3Size, a as MD3Shape } from './md3-DFhj-NZj.mjs';
+import { M as MD3ColorStyle, b as MD3Size, a as MD3Shape } from './md3-Dty-Qcad.js';
 import * as React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -170,6 +170,34 @@ declare const BUTTON_COLOR_TOKENS: {
         readonly selected: "bg-transparent text-m3-primary";
         readonly unselected: "bg-transparent text-m3-primary";
     };
+    /**
+     * High-chroma tertiary tone. Use for hero CTAs and expressive moments where
+     * a distinct accent beyond primary is needed (e.g., hero chip, highlight fab).
+     */
+    readonly tertiary: {
+        readonly default: "bg-m3-tertiary text-m3-on-tertiary";
+        readonly selected: "bg-m3-tertiary text-m3-on-tertiary";
+        readonly unselected: "bg-m3-tertiary-container text-m3-on-tertiary-container";
+    };
+    /**
+     * Brand-stable primary fixed. Hue stays consistent across light and dark modes.
+     * Ideal for badges, pill chips, and elements that must carry the brand color
+     * regardless of the active theme.
+     */
+    readonly "primary-fixed": {
+        readonly default: "bg-m3-primary-fixed text-m3-on-primary-fixed";
+        readonly selected: "bg-m3-primary-fixed text-m3-on-primary-fixed";
+        readonly unselected: "bg-m3-primary-fixed text-m3-on-primary-fixed-variant";
+    };
+    /**
+     * Brand-stable tertiary fixed. Use for special-state indicators, achievement
+     * badges, or accent pills that need a fixed tertiary hue across themes.
+     */
+    readonly "tertiary-fixed": {
+        readonly default: "bg-m3-tertiary-fixed text-m3-on-tertiary-fixed";
+        readonly selected: "bg-m3-tertiary-fixed text-m3-on-tertiary-fixed";
+        readonly unselected: "bg-m3-tertiary-fixed text-m3-on-tertiary-fixed-variant";
+    };
 };
 
 type ButtonGroupVariant = "standard" | "connected" | "navbar";

package/dist/{split-button-trailing-uncheckable-CjOFCoyW.d.ts → split-button-trailing-uncheckable-D_PLPb-u.d.mts}

@@ -1,5 +1,5 @@
 import { HTMLMotionProps } from 'motion/react';
-import { M as MD3ColorStyle, b as MD3Size, a as MD3Shape } from './md3-DFhj-NZj.js';
+import { M as MD3ColorStyle, b as MD3Size, a as MD3Shape } from './md3-Dty-Qcad.mjs';
 import * as React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -170,6 +170,34 @@ declare const BUTTON_COLOR_TOKENS: {
         readonly selected: "bg-transparent text-m3-primary";
         readonly unselected: "bg-transparent text-m3-primary";
     };
+    /**
+     * High-chroma tertiary tone. Use for hero CTAs and expressive moments where
+     * a distinct accent beyond primary is needed (e.g., hero chip, highlight fab).
+     */
+    readonly tertiary: {
+        readonly default: "bg-m3-tertiary text-m3-on-tertiary";
+        readonly selected: "bg-m3-tertiary text-m3-on-tertiary";
+        readonly unselected: "bg-m3-tertiary-container text-m3-on-tertiary-container";
+    };
+    /**
+     * Brand-stable primary fixed. Hue stays consistent across light and dark modes.
+     * Ideal for badges, pill chips, and elements that must carry the brand color
+     * regardless of the active theme.
+     */
+    readonly "primary-fixed": {
+        readonly default: "bg-m3-primary-fixed text-m3-on-primary-fixed";
+        readonly selected: "bg-m3-primary-fixed text-m3-on-primary-fixed";
+        readonly unselected: "bg-m3-primary-fixed text-m3-on-primary-fixed-variant";
+    };
+    /**
+     * Brand-stable tertiary fixed. Use for special-state indicators, achievement
+     * badges, or accent pills that need a fixed tertiary hue across themes.
+     */
+    readonly "tertiary-fixed": {
+        readonly default: "bg-m3-tertiary-fixed text-m3-on-tertiary-fixed";
+        readonly selected: "bg-m3-tertiary-fixed text-m3-on-tertiary-fixed";
+        readonly unselected: "bg-m3-tertiary-fixed text-m3-on-tertiary-fixed-variant";
+    };
 };
 
 type ButtonGroupVariant = "standard" | "connected" | "navbar";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bug-on/m3-expressive",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Material Design 3 Expressive React components",
   "author": "Bug On",
   "license": "MIT",
@@ -169,7 +169,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@material/material-color-utilities": "^0.3.0",
+    "@material/material-color-utilities": "^0.4.0",
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -179,8 +179,8 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.3.1",
-    "@bug-on/m3-tailwind": "1.1.0",
-    "@bug-on/m3-tokens": "1.1.0"
+    "@bug-on/m3-tailwind": "1.2.0",
+    "@bug-on/m3-tokens": "1.2.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",