npm - @brightspot/ui - Versions diffs - 5.0.1 → 5.0.3-css-bloat.0 - Mend

@brightspot/ui 5.0.1 → 5.0.3-css-bloat.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (175) hide show

package/dist/tailwind-plugin-button-group.js CHANGED Viewed

@@ -3,9 +3,15 @@ import plugin from 'tailwindcss/plugin';
  * Button Group — Tailwind CSS plugin for grouping related buttons.
  *
  * Provides connected (joined) and spaced layouts with horizontal/vertical orientation.
- * Supports both direct `.btu-button` children and `btu-icon-button` children.
- * `btu-icon-button` uses `display: contents` so its inner button participates
- * directly in the group's flex layout.
+ * Supports both direct `<button class="btu-button">` children and `btu-icon-button`
+ * children. `btu-icon-button` uses `display: contents` so its inner `<button>`
+ * participates directly in the group's flex layout.
+ *
+ * Selectors target the `button` element, not the `.btu-button` class. So an
+ * anchor styled as `.btu-button` (`<a class="btu-button">`) slotted directly
+ * into a connected group will NOT get the outer-corner radius. Use a real
+ * `<button>` (or `<btu-icon-button>`) for grouped controls; for link-styled
+ * ones, use the spaced variant.
  *
  * Selection uses a circular wipe transition: a `::after` pseudo-element with
  * `clip-path: circle()` reveals the selection color from the center outward.
@@ -22,15 +28,13 @@ import plugin from 'tailwindcss/plugin';
  *  --button-group-selection-bg    - Selection background color (auto-set per color variant)
  *  --button-group-selection-color - Selection text color (auto-set per color variant)
  */
-module.exports = plugin(function ({ addComponents, addBase, theme }) {
+module.exports = plugin(function ({ addComponents, addBase }) {
     const connected = 'btu-button-group[variant="connected"]';
     const connectedH = `${connected}[orientation="horizontal"]`;
     const connectedV = `${connected}[orientation="vertical"]`;
     const allSelected = `${connected}[data-all-selected]`;
     const borderColor = 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))';
     const outerRadius = 'var(--button-group-border-radius, 0.5rem)';
-    const skipColors = new Set(['currentColor', 'transparent', 'white', 'black', 'ai']);
-    const colors = theme('colors') || {};
     const components = {
         // ─── Base ─────────────────────────────────────────────────────────
         '.btu-button-group': {
@@ -52,31 +56,31 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
             gap: 'var(--button-group-gap, var(--gap-s, 0.5rem))',
         },
         // ─── slot="end" auto-margin ──────────────────────────────────────
-        // Direct children and inner .btu-button (for display:contents wrappers like btu-icon-button)
-        'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > .btu-button': {
+        // Direct children and inner button (for display:contents wrappers like btu-icon-button)
+        'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > button': {
             marginInlineStart: 'auto',
         },
-        'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > .btu-button': {
+        'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > button': {
             marginBlockStart: 'auto',
         },
         // ─── Size propagation via CSS ─────────────────────────────────────
-        'btu-button-group[size="small"] .btu-button': {
+        'btu-button-group[size="small"] button': {
             padding: 'var(--button-padding-sm)',
             width: 'var(--button-size-sm, auto)',
             height: 'var(--button-size-sm, auto)',
         },
-        'btu-button-group[size="medium"] .btu-button': {
+        'btu-button-group[size="medium"] button': {
             padding: 'var(--button-padding-md)',
             width: 'var(--button-size-md, auto)',
             height: 'var(--button-size-md, auto)',
         },
-        'btu-button-group[size="large"] .btu-button': {
+        'btu-button-group[size="large"] button': {
             padding: 'var(--button-padding-lg)',
             width: 'var(--button-size-lg, auto)',
             height: 'var(--button-size-lg, auto)',
         },
         // ─── Connected: convert outline buttons to border-based ───────────
-        [`${connected} .btu-button`]: {
+        [`${connected} button`]: {
             outline: 'none',
             border: `1px solid ${borderColor}`,
             transition: 'box-shadow 100ms ease, filter 100ms ease',
@@ -87,52 +91,54 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
             },
         },
         // ─── Disabled buttons ─────────────────────────────────────────────
-        '.btu-button-group .btu-button:disabled, .btu-button-group .btu-button[disabled]': {
+        '.btu-button-group button:disabled, .btu-button-group button[disabled]': {
             opacity: '0.5',
             cursor: 'default',
         },
         // ─── Selection wipe: disable button plugin's instant pressed toggle ─
         // The ::after pseudo handles the pressed background via clip-path wipe,
         // so the button itself must stay at its normal (non-pressed) color.
-        '.btu-button-group .btu-button[aria-pressed]': {
+        // Selection colors default to the button's own --button-tint-* shades,
+        // overridable via the documented --button-group-* properties.
+        '.btu-button-group button[aria-pressed]': {
             '--button-pressed-color': 'initial',
             '--button-pressed-text-color': 'initial',
             isolation: 'isolate',
             transition: 'color 150ms ease-in',
         },
-        '.btu-button-group .btu-button[aria-pressed]::after': {
+        '.btu-button-group button[aria-pressed]::after': {
             content: '""',
             position: 'absolute',
             inset: '0',
             zIndex: '-1',
             borderRadius: 'inherit',
-            background: 'var(--button-group-selection-bg)',
+            background: 'var(--button-group-selection-bg, var(--button-tint-subtle))',
             clipPath: 'circle(0% at center)',
             transition: 'clip-path 150ms ease-in',
         },
         // ─── Selection wipe: active state ─────────────────────────────────
-        '.btu-button-group .btu-button[aria-pressed="true"]': {
-            color: 'var(--button-group-selection-color)',
+        '.btu-button-group button[aria-pressed="true"]': {
+            color: 'var(--button-group-selection-color, var(--button-tint-strong))',
             transition: 'color 200ms ease-out',
         },
-        '.btu-button-group .btu-button[aria-pressed="true"]::after': {
+        '.btu-button-group button[aria-pressed="true"]::after': {
             clipPath: 'circle(75% at center)',
             transition: 'clip-path 200ms ease-out',
         },
         // ─── Reduced motion ─────────────────────────────────────────────────
         '@media (prefers-reduced-motion: reduce)': {
-            '.btu-button-group .btu-button[aria-pressed]': {
+            '.btu-button-group button[aria-pressed]': {
                 transition: 'color 0.01ms ease',
             },
-            '.btu-button-group .btu-button[aria-pressed]::after': {
+            '.btu-button-group button[aria-pressed]::after': {
                 transition: 'clip-path 0.01ms ease',
             },
-            [`${allSelected} .btu-button[aria-pressed="true"]`]: {
+            [`${allSelected} button[aria-pressed="true"]`]: {
                 animation: 'none',
             },
         },
         // ─── Connected variant — horizontal ───────────────────────────────
-        [`${connectedH} .btu-button`]: {
+        [`${connectedH} button`]: {
             borderRadius: '0',
             marginInlineEnd: '-1px',
             position: 'relative',
@@ -143,17 +149,17 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
                 zIndex: '2',
             },
         },
-        [`${connectedH} > :first-child:is(.btu-button), ${connectedH} > :first-child > .btu-button`]: {
+        [`${connectedH} > :first-child:is(button), ${connectedH} > :first-child > button`]: {
             borderStartStartRadius: outerRadius,
             borderEndStartRadius: outerRadius,
         },
-        [`${connectedH} > :last-child:is(.btu-button), ${connectedH} > :last-child > .btu-button`]: {
+        [`${connectedH} > :last-child:is(button), ${connectedH} > :last-child > button`]: {
             borderStartEndRadius: outerRadius,
             borderEndEndRadius: outerRadius,
             marginInlineEnd: '0',
         },
         // ─── Connected variant — vertical ─────────────────────────────────
-        [`${connectedV} .btu-button`]: {
+        [`${connectedV} button`]: {
             borderRadius: '0',
             marginBlockEnd: '-1px',
             position: 'relative',
@@ -164,11 +170,11 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
                 zIndex: '2',
             },
         },
-        [`${connectedV} > :first-child:is(.btu-button), ${connectedV} > :first-child > .btu-button`]: {
+        [`${connectedV} > :first-child:is(button), ${connectedV} > :first-child > button`]: {
             borderStartStartRadius: outerRadius,
             borderStartEndRadius: outerRadius,
         },
-        [`${connectedV} > :last-child:is(.btu-button), ${connectedV} > :last-child > .btu-button`]: {
+        [`${connectedV} > :last-child:is(button), ${connectedV} > :last-child > button`]: {
             borderEndStartRadius: outerRadius,
             borderEndEndRadius: outerRadius,
             marginBlockEnd: '0',
@@ -182,32 +188,25 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     };
     // ─── All-selected shimmer (connected only) ─────────────────────────
     // Text color pulse + border color pulse on each button, staggered.
-    components[`${allSelected} .btu-button[aria-pressed="true"]`] = {
+    components[`${allSelected} button[aria-pressed="true"]`] = {
         animation: 'btu-shimmer-all 500ms ease-in-out both',
         animationDelay: 'calc((var(--_btn-index, 1) - 1) * 100ms)',
     };
-    // ─── Selection color variants ─────────────────────────────────────
-    for (const key in colors) {
-        if (skipColors.has(key))
-            continue;
-        const pressedKey = key === 'gray' ? 'primary' : key;
-        components[`.btu-button-group .btu-button-${key}`] = {
-            '--button-group-selection-bg': `oklch(var(--btu-theme-${pressedKey}-50))`,
-            '--button-group-selection-color': `oklch(var(--btu-theme-${pressedKey}-800))`,
-            '--button-group-shimmer-highlight': `oklch(var(--btu-theme-${pressedKey}-200))`,
-        };
-    }
+    // Selection colors come from each button's own --button-tint-* shades
+    // (set by the button plugin per color variant). The documented
+    // --button-group-selection-* / --button-group-shimmer-highlight properties
+    // still override them.
     addComponents(components);
     // Keyframes must be added via addBase (not addComponents)
     addBase({
         '@keyframes btu-shimmer-all': {
             '0%, 100%': {
-                color: 'var(--button-group-selection-color)',
+                color: 'var(--button-group-selection-color, var(--button-tint-strong))',
                 borderColor: 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))',
             },
             '40%, 60%': {
-                color: 'var(--button-group-shimmer-highlight)',
-                borderColor: 'var(--button-group-shimmer-highlight)',
+                color: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
+                borderColor: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
             },
         },
     });

package/dist/tailwind-plugin-button-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwind-plugin-button-group.js","sourceRoot":"","sources":["../src/tailwind-plugin-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAIvC~~;;;;;;;;;;;;;;;;;;;;;;GAsBG~~;AAEH,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE~~,KAAK,EAAE~~;~~IACjE~~,MAAM,SAAS,GAAG,uCAAuC,CAAA;IACzD,MAAM,UAAU,GAAG,GAAG,SAAS,4BAA4B,CAAA;IAC3D,MAAM,UAAU,GAAG,GAAG,SAAS,0BAA0B,CAAA;IACzD,MAAM,WAAW,GAAG,GAAG,SAAS,qBAAqB,CAAA;IACrD,MAAM,WAAW,GAAG,oEAAoE,CAAA;IACxF,MAAM,WAAW,GAAG,2CAA2C,CAAA;~~IAC~~/D,MAAM,UAAU,~~GAAG,IAAI,GAAG,CAAC,CAAC,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IACnF,MAAM,MAAM,~~GAAkB~~,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA~~;~~IAEnD,MAAM,UAAU,GAAkB;~~QAChC,qEAAqE;QACrE,mBAAmB,EAAE;YACnB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,GAAG;SAChB;QAED,0EAA0E;QAC1E,qCAAqC,EAAE;YACrC,OAAO,EAAE,UAAU;SACpB;QAED,qEAAqE;QACrE,0CAA0C,EAAE;YAC1C,aAAa,EAAE,QAAQ;SACxB;QAED,qEAAqE;QACrE,oCAAoC,EAAE;YACpC,GAAG,EAAE,+CAA+C;SACrD;QAED,oEAAoE;QACpE,~~6FAA6F~~;~~QAC7F~~,~~oIAAoI,EAClI~~;YACE,iBAAiB,EAAE,MAAM;SAC1B;QACH,~~gIAAgI~~,~~EAC9H~~;YACE,gBAAgB,EAAE,MAAM;SACzB;QAEH,qEAAqE;QACrE,~~4CAA4C~~,EAAE;~~YAC5C~~,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,6BAA6B;YACpC,MAAM,EAAE,6BAA6B;SACtC;QACD,~~6CAA6C~~,EAAE;~~YAC7C~~,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,6BAA6B;YACpC,MAAM,EAAE,6BAA6B;SACtC;QACD,~~4CAA4C~~,EAAE;~~YAC5C~~,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,6BAA6B;YACpC,MAAM,EAAE,6BAA6B;SACtC;QAED,qEAAqE;QACrE,CAAC,GAAG,SAAS,~~cAAc~~,CAAC,EAAE;~~YAC5B~~,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,aAAa,WAAW,EAAE;YAClC,UAAU,EAAE,0CAA0C;YACtD,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG;gBACV,SAAS,EAAE,oCAAoC;gBAC/C,MAAM,EAAE,kBAAkB;aAC3B;SACF;QAED,qEAAqE;QACrE,~~iFAAiF~~,EAAE;~~YACjF~~,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,SAAS;SAClB;QAED,uEAAuE;QACvE,wEAAwE;QACxE,oEAAoE;QACpE,~~6CAA6C~~,EAAE;~~YAC7C~~,wBAAwB,EAAE,SAAS;YACnC,6BAA6B,EAAE,SAAS;YACxC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,qBAAqB;SAClC;QACD,~~oDAAoD,~~EAAE;~~YACpD~~,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,SAAS;YACvB,UAAU,EAAE,~~kCAAkC~~;~~YAC9C~~,QAAQ,EAAE,sBAAsB;YAChC,UAAU,EAAE,yBAAyB;SACtC;QAED,qEAAqE;QACrE,~~oDAAoD,~~EAAE;~~YACpD~~,KAAK,EAAE,~~qCAAqC~~;~~YAC5C~~,UAAU,EAAE,sBAAsB;SACnC;QAED,~~2DAA2D~~,EAAE;~~YAC3D~~,QAAQ,EAAE,uBAAuB;YACjC,UAAU,EAAE,0BAA0B;SACvC;QAED,uEAAuE;QACvE,yCAAyC,EAAE;YACzC,~~6CAA6C~~,EAAE;~~gBAC7C~~,UAAU,EAAE,mBAAmB;aAChC;YACD,~~oDAAoD,~~EAAE;~~gBACpD~~,UAAU,EAAE,uBAAuB;aACpC;YACD,CAAC,GAAG,WAAW,~~mCAAmC~~,CAAC,EAAE;~~gBACnD~~,SAAS,EAAE,MAAM;aAClB;SACF;QAED,qEAAqE;QACrE,CAAC,GAAG,UAAU,~~cAAc~~,CAAC,EAAE;~~YAC7B~~,YAAY,EAAE,GAAG;YACjB,eAAe,EAAE,MAAM;YACvB,QAAQ,EAAE,UAAU;YACpB,4DAA4D,EAAE;gBAC5D,MAAM,EAAE,GAAG;aACZ;YACD,iBAAiB,EAAE;gBACjB,MAAM,EAAE,GAAG;aACZ;SACF;QACD,CAAC,GAAG,UAAU~~,oCAAoC,UAAU~~,+BAA+B,CAAC,EAAE;~~YAC5F~~,sBAAsB,EAAE,WAAW;YACnC,oBAAoB,EAAE,WAAW;SAClC;QACD,CAAC,GAAG,UAAU,~~mCAAmC~~,UAAU,~~8BAA8B~~,CAAC,EAAE;~~YAC1F~~,oBAAoB,EAAE,WAAW;YACjC,kBAAkB,EAAE,WAAW;YAC/B,eAAe,EAAE,GAAG;SACrB;QAED,qEAAqE;QACrE,CAAC,GAAG,UAAU,~~cAAc~~,CAAC,EAAE;~~YAC7B~~,YAAY,EAAE,GAAG;YACjB,cAAc,EAAE,MAAM;YACtB,QAAQ,EAAE,UAAU;YACpB,4DAA4D,EAAE;gBAC5D,MAAM,EAAE,GAAG;aACZ;YACD,iBAAiB,EAAE;gBACjB,MAAM,EAAE,GAAG;aACZ;SACF;QACD,CAAC,GAAG,UAAU~~,oCAAoC,UAAU~~,+BAA+B,CAAC,EAAE;~~YAC5F~~,sBAAsB,EAAE,WAAW;YACnC,oBAAoB,EAAE,WAAW;SAClC;QACD,CAAC,GAAG,UAAU,~~mCAAmC~~,UAAU,~~8BAA8B~~,CAAC,EAAE;~~YAC1F~~,oBAAoB,EAAE,WAAW;YACjC,kBAAkB,EAAE,WAAW;YAC/B,cAAc,EAAE,GAAG;SACpB;KACF,CAAA;IAED,uEAAuE;IACvE,iEAAiE;IACjE,gFAAgF;IAChF,UAAU,CAAC,GAAG,SAAS,MAAM,CAAC,GAAG;QAC/B,cAAc,EAAE,iBAAiB;KAClC,CAAA;IAED,sEAAsE;IACtE,mEAAmE;IACnE,UAAU,CAAC,GAAG,WAAW,~~mCAAmC~~,CAAC,GAAG;~~QAC9D~~,SAAS,EAAE,wCAAwC;QACnD,cAAc,EAAE,0CAA0C;KAC3D,CAAA;IAED,~~qEAAqE~~;~~IACrE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC~~;~~QACzB~~,~~IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC~~;~~YAAE~~,~~SAAQ~~;~~QACjC~~,MAAM,UAAU,GAAG,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAA;QACnD,UAAU,CAAC,iCAAiC,GAAG,EAAE,CAAC,GAAG;YACnD,6BAA6B,EAAE,yBAAyB,UAAU,OAAO;YACzE,gCAAgC,EAAE,yBAAyB,UAAU,QAAQ;YAC7E,kCAAkC,EAAE,yBAAyB,UAAU,QAAQ;SAChF,CAAA;IACH,CAAC;IAED,aAAa,CAAC,UAAU,CAAC,CAAA;IAEzB,0DAA0D;IAC1D,OAAO,CAAC;QACN,4BAA4B,EAAE;YAC5B,UAAU,EAAE;gBACV,KAAK,EAAE,~~qCAAqC~~;~~gBAC5C~~,WAAW,EAAE,oEAAoE;aAClF;YACD,UAAU,EAAE;gBACV,KAAK,EAAE,~~uCAAuC~~;~~gBAC9C~~,WAAW,EAAE,~~uCAAuC~~;~~aACrD~~;SACF;KACF,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
1	+ {"version":3,"file":"tailwind-plugin-button-group.js","sourceRoot":"","sources":["../src/tailwind-plugin-button-group.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-button-group.ts CHANGED Viewed

@@ -6,9 +6,15 @@ declare let module: any
  * Button Group — Tailwind CSS plugin for grouping related buttons.
  *
  * Provides connected (joined) and spaced layouts with horizontal/vertical orientation.
- * Supports both direct `.btu-button` children and `btu-icon-button` children.
- * `btu-icon-button` uses `display: contents` so its inner button participates
- * directly in the group's flex layout.
+ * Supports both direct `<button class="btu-button">` children and `btu-icon-button`
+ * children. `btu-icon-button` uses `display: contents` so its inner `<button>`
+ * participates directly in the group's flex layout.
+ *
+ * Selectors target the `button` element, not the `.btu-button` class. So an
+ * anchor styled as `.btu-button` (`<a class="btu-button">`) slotted directly
+ * into a connected group will NOT get the outer-corner radius. Use a real
+ * `<button>` (or `<btu-icon-button>`) for grouped controls; for link-styled
+ * ones, use the spaced variant.
  *
  * Selection uses a circular wipe transition: a `::after` pseudo-element with
  * `clip-path: circle()` reveals the selection color from the center outward.
@@ -26,15 +32,13 @@ declare let module: any
  *  --button-group-selection-color - Selection text color (auto-set per color variant)
  */
-module.exports = plugin(function ({ addComponents, addBase, theme }) {
+module.exports = plugin(function ({ addComponents, addBase }) {
   const connected = 'btu-button-group[variant="connected"]'
   const connectedH = `${connected}[orientation="horizontal"]`
   const connectedV = `${connected}[orientation="vertical"]`
   const allSelected = `${connected}[data-all-selected]`
   const borderColor = 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))'
   const outerRadius = 'var(--button-group-border-radius, 0.5rem)'
-  const skipColors = new Set(['currentColor', 'transparent', 'white', 'black', 'ai'])
-  const colors: CSSRuleObject = theme('colors') || {}
   const components: CSSRuleObject = {
     // ─── Base ─────────────────────────────────────────────────────────
@@ -61,35 +65,35 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     },
     // ─── slot="end" auto-margin ──────────────────────────────────────
-    // Direct children and inner .btu-button (for display:contents wrappers like btu-icon-button)
-    'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > .btu-button':
+    // Direct children and inner button (for display:contents wrappers like btu-icon-button)
+    'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > button':
       {
         marginInlineStart: 'auto',
       },
-    'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > .btu-button':
+    'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > button':
       {
         marginBlockStart: 'auto',
       },
     // ─── Size propagation via CSS ─────────────────────────────────────
-    'btu-button-group[size="small"] .btu-button': {
+    'btu-button-group[size="small"] button': {
       padding: 'var(--button-padding-sm)',
       width: 'var(--button-size-sm, auto)',
       height: 'var(--button-size-sm, auto)',
     },
-    'btu-button-group[size="medium"] .btu-button': {
+    'btu-button-group[size="medium"] button': {
       padding: 'var(--button-padding-md)',
       width: 'var(--button-size-md, auto)',
       height: 'var(--button-size-md, auto)',
     },
-    'btu-button-group[size="large"] .btu-button': {
+    'btu-button-group[size="large"] button': {
       padding: 'var(--button-padding-lg)',
       width: 'var(--button-size-lg, auto)',
       height: 'var(--button-size-lg, auto)',
     },
     // ─── Connected: convert outline buttons to border-based ───────────
-    [`${connected} .btu-button`]: {
+    [`${connected} button`]: {
       outline: 'none',
       border: `1px solid ${borderColor}`,
       transition: 'box-shadow 100ms ease, filter 100ms ease',
@@ -101,7 +105,7 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     },
     // ─── Disabled buttons ─────────────────────────────────────────────
-    '.btu-button-group .btu-button:disabled, .btu-button-group .btu-button[disabled]': {
+    '.btu-button-group button:disabled, .btu-button-group button[disabled]': {
       opacity: '0.5',
       cursor: 'default',
     },
@@ -109,49 +113,51 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     // ─── Selection wipe: disable button plugin's instant pressed toggle ─
     // The ::after pseudo handles the pressed background via clip-path wipe,
     // so the button itself must stay at its normal (non-pressed) color.
-    '.btu-button-group .btu-button[aria-pressed]': {
+    // Selection colors default to the button's own --button-tint-* shades,
+    // overridable via the documented --button-group-* properties.
+    '.btu-button-group button[aria-pressed]': {
       '--button-pressed-color': 'initial',
       '--button-pressed-text-color': 'initial',
       isolation: 'isolate',
       transition: 'color 150ms ease-in',
     },
-    '.btu-button-group .btu-button[aria-pressed]::after': {
+    '.btu-button-group button[aria-pressed]::after': {
       content: '""',
       position: 'absolute',
       inset: '0',
       zIndex: '-1',
       borderRadius: 'inherit',
-      background: 'var(--button-group-selection-bg)',
+      background: 'var(--button-group-selection-bg, var(--button-tint-subtle))',
       clipPath: 'circle(0% at center)',
       transition: 'clip-path 150ms ease-in',
     },
     // ─── Selection wipe: active state ─────────────────────────────────
-    '.btu-button-group .btu-button[aria-pressed="true"]': {
-      color: 'var(--button-group-selection-color)',
+    '.btu-button-group button[aria-pressed="true"]': {
+      color: 'var(--button-group-selection-color, var(--button-tint-strong))',
       transition: 'color 200ms ease-out',
     },
-    '.btu-button-group .btu-button[aria-pressed="true"]::after': {
+    '.btu-button-group button[aria-pressed="true"]::after': {
       clipPath: 'circle(75% at center)',
       transition: 'clip-path 200ms ease-out',
     },
     // ─── Reduced motion ─────────────────────────────────────────────────
     '@media (prefers-reduced-motion: reduce)': {
-      '.btu-button-group .btu-button[aria-pressed]': {
+      '.btu-button-group button[aria-pressed]': {
         transition: 'color 0.01ms ease',
       },
-      '.btu-button-group .btu-button[aria-pressed]::after': {
+      '.btu-button-group button[aria-pressed]::after': {
         transition: 'clip-path 0.01ms ease',
       },
-      [`${allSelected} .btu-button[aria-pressed="true"]`]: {
+      [`${allSelected} button[aria-pressed="true"]`]: {
         animation: 'none',
       },
     },
     // ─── Connected variant — horizontal ───────────────────────────────
-    [`${connectedH} .btu-button`]: {
+    [`${connectedH} button`]: {
       borderRadius: '0',
       marginInlineEnd: '-1px',
       position: 'relative',
@@ -162,18 +168,18 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
         zIndex: '2',
       },
     },
-    [`${connectedH} > :first-child:is(.btu-button), ${connectedH} > :first-child > .btu-button`]: {
+    [`${connectedH} > :first-child:is(button), ${connectedH} > :first-child > button`]: {
       borderStartStartRadius: outerRadius,
       borderEndStartRadius: outerRadius,
     },
-    [`${connectedH} > :last-child:is(.btu-button), ${connectedH} > :last-child > .btu-button`]: {
+    [`${connectedH} > :last-child:is(button), ${connectedH} > :last-child > button`]: {
       borderStartEndRadius: outerRadius,
       borderEndEndRadius: outerRadius,
       marginInlineEnd: '0',
     },
     // ─── Connected variant — vertical ─────────────────────────────────
-    [`${connectedV} .btu-button`]: {
+    [`${connectedV} button`]: {
       borderRadius: '0',
       marginBlockEnd: '-1px',
       position: 'relative',
@@ -184,11 +190,11 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
         zIndex: '2',
       },
     },
-    [`${connectedV} > :first-child:is(.btu-button), ${connectedV} > :first-child > .btu-button`]: {
+    [`${connectedV} > :first-child:is(button), ${connectedV} > :first-child > button`]: {
       borderStartStartRadius: outerRadius,
       borderStartEndRadius: outerRadius,
     },
-    [`${connectedV} > :last-child:is(.btu-button), ${connectedV} > :last-child > .btu-button`]: {
+    [`${connectedV} > :last-child:is(button), ${connectedV} > :last-child > button`]: {
       borderEndStartRadius: outerRadius,
       borderEndEndRadius: outerRadius,
       marginBlockEnd: '0',
@@ -204,21 +210,15 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
   // ─── All-selected shimmer (connected only) ─────────────────────────
   // Text color pulse + border color pulse on each button, staggered.
-  components[`${allSelected} .btu-button[aria-pressed="true"]`] = {
+  components[`${allSelected} button[aria-pressed="true"]`] = {
     animation: 'btu-shimmer-all 500ms ease-in-out both',
     animationDelay: 'calc((var(--_btn-index, 1) - 1) * 100ms)',
   }
-  // ─── Selection color variants ─────────────────────────────────────
-  for (const key in colors) {
-    if (skipColors.has(key)) continue
-    const pressedKey = key === 'gray' ? 'primary' : key
-    components[`.btu-button-group .btu-button-${key}`] = {
-      '--button-group-selection-bg': `oklch(var(--btu-theme-${pressedKey}-50))`,
-      '--button-group-selection-color': `oklch(var(--btu-theme-${pressedKey}-800))`,
-      '--button-group-shimmer-highlight': `oklch(var(--btu-theme-${pressedKey}-200))`,
-    }
-  }
+  // Selection colors come from each button's own --button-tint-* shades
+  // (set by the button plugin per color variant). The documented
+  // --button-group-selection-* / --button-group-shimmer-highlight properties
+  // still override them.
   addComponents(components)
@@ -226,12 +226,12 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
   addBase({
     '@keyframes btu-shimmer-all': {
       '0%, 100%': {
-        color: 'var(--button-group-selection-color)',
+        color: 'var(--button-group-selection-color, var(--button-tint-strong))',
         borderColor: 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))',
       },
       '40%, 60%': {
-        color: 'var(--button-group-shimmer-highlight)',
-        borderColor: 'var(--button-group-shimmer-highlight)',
+        color: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
+        borderColor: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
       },
     },
   })

package/dist/tailwind-plugin-button.js CHANGED Viewed

@@ -19,6 +19,14 @@ import plugin from 'tailwindcss/plugin';
  *
  *  Search toolbar icon button            ->      btu-button btu-button-text-hidden btu-button-fill-none
  *                                                btu-button-gray before:btu-icon before:btu-icon-search
+ *
+ * Each color variant exposes a few CSS custom properties so a parent (e.g.
+ * btu-button-group) can pick up the button's color family without having to
+ * name its color class:
+ *
+ *  --button-tint-subtle    - light shade (selected background)
+ *  --button-tint-strong    - dark shade (selected text)
+ *  --button-tint-highlight - mid shade (accent/highlight)
  */
 module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
     const textSizes = theme('fontSize');
@@ -41,6 +49,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             '--button-text-color': '',
             '--button-pressed': 'initial',
             '--button-fill-none': 'initial',
+            // Baseline color-family tints so an uncolored .btu-button still has
+            // sensible values for components that read these (e.g. btu-button-group
+            // selection background). Per-color variants overwrite further below.
+            '--button-tint-subtle': 'oklch(var(--btu-theme-primary-50))',
+            '--button-tint-strong': 'oklch(var(--btu-theme-primary-800))',
+            '--button-tint-highlight': 'oklch(var(--btu-theme-primary-200))',
             '--button-padding-xs': '0.25rem 0.5rem',
             '--button-padding-sm': '0.5rem 0.875rem',
             '--button-padding-md': '0.625rem 1rem',
@@ -145,6 +159,8 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
         if (key === 'currentColor' || key === 'transparent' || key === 'white' || key === 'black' || key === 'ai')
             continue;
         const ringColorKey = key === 'success' || key === 'error' ? key : 'primary';
+        // Gray buttons borrow primary for their pressed/selected tint.
+        const tintKey = key === 'gray' ? 'primary' : key;
         const focusStyle = {
             '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'success' ? '700' : '600'}))`,
             '--button-fill-none-color': `transparent`,
@@ -166,8 +182,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             '--button-disabled-color-fill': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'primary' ? '300' : '200'}))`,
             '--button-disabled-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-white))`,
             '--button-disabled-text-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-${key}-${key === 'gray' ? '400' : '300'}))`,
-            '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-50)))`,
-            '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-800)))`,
+            '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${tintKey}-50)))`,
+            '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${tintKey}-800)))`,
+            // Plain color tints other components can read (always set, no toggle).
+            '--button-tint-subtle': `oklch(var(--btu-theme-${tintKey}-50))`,
+            '--button-tint-strong': `oklch(var(--btu-theme-${tintKey}-800))`,
+            '--button-tint-highlight': `oklch(var(--btu-theme-${tintKey}-200))`,
             '&:hover': {
                 '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : key === 'success' ? '800' : '700'}))`,
                 '--button-fill-none-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : '50'}))`,

package/dist/tailwind-plugin-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwind-plugin-button.js","sourceRoot":"","sources":["../src/tailwind-plugin-button.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAIvC~~;;;;;;;;;;;;;;;;;;;;GAoBG~~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~~GAAG~~,~~KAAK~~,~~MAAM~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,SAAS,~~CAAC,CAAC,CAAC,GAAG,QAAQ~~;~~YAC9I~~,~~6BAA6B~~,EAAE,~~iFAAiF~~,~~GAAG~~,~~KAAK~~,~~MAAM~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~SAAS~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~GAAG~~,~~SAAS~~;~~YACzJ~~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"}
1	+ {"version":3,"file":"tailwind-plugin-button.js","sourceRoot":"","sources":["../src/tailwind-plugin-button.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-button.ts CHANGED Viewed

@@ -22,6 +22,14 @@ declare let module: any
  *
  *  Search toolbar icon button            ->      btu-button btu-button-text-hidden btu-button-fill-none
  *                                                btu-button-gray before:btu-icon before:btu-icon-search
+ *
+ * Each color variant exposes a few CSS custom properties so a parent (e.g.
+ * btu-button-group) can pick up the button's color family without having to
+ * name its color class:
+ *
+ *  --button-tint-subtle    - light shade (selected background)
+ *  --button-tint-strong    - dark shade (selected text)
+ *  --button-tint-highlight - mid shade (accent/highlight)
  */
 module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
@@ -48,6 +56,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       '--button-text-color': '',
       '--button-pressed': 'initial',
       '--button-fill-none': 'initial',
+      // Baseline color-family tints so an uncolored .btu-button still has
+      // sensible values for components that read these (e.g. btu-button-group
+      // selection background). Per-color variants overwrite further below.
+      '--button-tint-subtle': 'oklch(var(--btu-theme-primary-50))',
+      '--button-tint-strong': 'oklch(var(--btu-theme-primary-800))',
+      '--button-tint-highlight': 'oklch(var(--btu-theme-primary-200))',
       '--button-padding-xs': '0.25rem 0.5rem',
       '--button-padding-sm': '0.5rem 0.875rem',
       '--button-padding-md': '0.625rem 1rem',
@@ -153,6 +167,8 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
   for (const key in colors) {
     if (key === 'currentColor' || key === 'transparent' || key === 'white' || key === 'black' || key === 'ai') continue
     const ringColorKey = key === 'success' || key === 'error' ? key : 'primary'
+    // Gray buttons borrow primary for their pressed/selected tint.
+    const tintKey = key === 'gray' ? 'primary' : key
     const focusStyle: CSSRuleObject = {
       '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'success' ? '700' : '600'}))`,
       '--button-fill-none-color': `transparent`,
@@ -174,8 +190,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       '--button-disabled-color-fill': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'primary' ? '300' : '200'}))`,
       '--button-disabled-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-white))`,
       '--button-disabled-text-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-${key}-${key === 'gray' ? '400' : '300'}))`,
-      '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-50)))`,
-      '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-800)))`,
+      '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${tintKey}-50)))`,
+      '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${tintKey}-800)))`,
+      // Plain color tints other components can read (always set, no toggle).
+      '--button-tint-subtle': `oklch(var(--btu-theme-${tintKey}-50))`,
+      '--button-tint-strong': `oklch(var(--btu-theme-${tintKey}-800))`,
+      '--button-tint-highlight': `oklch(var(--btu-theme-${tintKey}-200))`,
       '&:hover': {
         '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : key === 'success' ? '800' : '700'}))`,
         '--button-fill-none-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : '50'}))`,

package/dist/tailwind-plugin-dropdown.js CHANGED Viewed

@@ -192,8 +192,12 @@ module.exports = plugin(function ({ addComponents, config, theme }) {
             transition: 'transform 200ms ease',
             flexShrink: '0',
         },
-        /* Icon-only trigger with chevron: override square sizing so both icons fit */
-        '.btu-button-text-hidden:has(.btu-dropdown-chevron)': {
+        /* Trigger with chevron: restore auto width + gap so the icon and chevron
+           fit. Matches every chevron trigger, but is a no-op on labelled triggers
+           (`.btu-button` already defaults to width:auto/gap:0.5rem). The effective
+           target is icon-only triggers, where `.btu-button-text-hidden` forces a
+           fixed square width and gap:0 — which would otherwise clip the chevron. */
+        'btu-dropdown > button:has(.btu-dropdown-chevron)': {
             width: 'auto',
             gap: '0.5rem',
         },