@mindlogic-ai/logician-ui 4.0.0-alpha.9 → 4.0.0

package/dist/components/Button/Button.mjs

@@ -3,7 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button as Button$1 } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
-import { getButtonStyles } from './Button.styles.mjs';
+import { mergeCss } from '../../utils/mergeCss.mjs';
+import { polymorphic } from '../../types/polymorphic.mjs';
+import { getButtonStyles, buttonTransition } from './Button.styles.mjs';
 
 /**
  * Button component with two-dimensional variant system.
@@ -17,11 +19,39 @@ import { getButtonStyles } from './Button.styles.mjs';
  * <Button colorPalette="danger" variant="solid">Delete</Button>
  * <Button colorPalette="secondary" variant="outline">Cancel</Button>
  * <Button colorPalette="neutral" variant="ghost">Close</Button>
+ * <Button colorPalette="primary" variant="solid" lift>Get started</Button>
+ *
+ * // `as` carries the element's own props (see Button.types.ts):
+ * <Button as="a" href="/docs" target="_blank">문서</Button>
  * ```
  */
-const Button = forwardRef(({ colorPalette, variant = 'soft', size, children, ...rest }, ref) => {
+const ButtonImpl = forwardRef(({ colorPalette, variant = 'soft', size, lift, children, _hover: hoverProp, _active: activeProp, _disabled: disabledProp, ...rest }, ref) => {
     const palette = colorPalette ?? 'primary';
-    const styles = getButtonStyles(palette, variant);
+    const base = getButtonStyles(palette, variant);
+    // Merged rather than spread after: each variant already owns `_hover` and
+    // `_active` for its colours, and replacing either would drop them.
+    const styles = lift
+        ? {
+            ...base,
+            _hover: {
+                ...base._hover,
+                translate: '0 -1px',
+                // `drop-shadow`, not `box-shadow`. The keyboard focus ring is a
+                // box-shadow, and Chakra emits `:hover` after `:focus-visible`, so
+                // a focused button being hovered would lose its ring to this. A
+                // different property cannot collide with it at all — and unlike a
+                // box-shadow it follows the border radius for free.
+                filter: 'drop-shadow(0 3px 6px rgba(0, 0, 0, 0.18))',
+                // A black shadow does nothing on a dark canvas; deepen it there.
+                _dark: { filter: 'drop-shadow(0 3px 8px rgba(0, 0, 0, 0.55))' },
+            },
+            // Pressing puts it back on the surface, under the `scale`.
+            _active: { ...base._active, translate: '0 0', filter: 'none' },
+            // `:hover` still matches a disabled button, so the lift has to be
+            // switched off here rather than left to pointer-events.
+            _disabled: { translate: '0 0', filter: 'none' },
+        }
+        : base;
     /**
      * Chakra Button automatically maps size prop to textStyle:
      * - 2xs, xs → textStyle="xs" (10.5px with 14px base)
@@ -32,9 +62,41 @@ const Button = forwardRef(({ colorPalette, variant = 'soft', size, children, ...
      * We override fontSize for xs size to 'sm' (12.25px) for better readability.
      * Other sizes use Chakra's default textStyle mapping.
      */
-    return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing, cursor: "pointer", transitionProperty: "all", transitionDuration: "0.25s", transitionTimingFunction: "ease-in-out", ref: ref, ...rest, children: children }));
+    return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, 
+        // Merged, not left to `{...rest}`. A prop spread later replaces the
+        // whole object, so a call site adding one line — the 2px press ledge
+        // FactChat puts on its quiz buttons — used to silently drop the
+        // variant's pressed colour *and* the scale with it, and the button
+        // stopped reading as pressed at all. Its own keys still win; it just
+        // no longer erases the ones it did not mention. Deep, so a nested
+        // condition (lift's `_hover._dark`) survives a call site's own `_dark`.
+        _hover: mergeCss(styles._hover, hoverProp), _active: mergeCss(styles._active, activeProp), 
+        // `cursor` is a style prop, so it lands outside Chakra's
+        // `@layer recipes` and beat the recipe's disabled cursor — every
+        // disabled Button showed a pointer and read as clickable. The
+        // disabled cursor has to sit at this level, merged like the two above
+        // so a call site's `_disabled` cannot drop it.
+        _disabled: mergeCss('_disabled' in styles ? styles._disabled : undefined, 
+        // Chakra disables a `loading` button too; it is working, not
+        // forbidden, so it gets `progress`.
+        { cursor: rest.loading ? 'progress' : 'not-allowed' }, disabledProp), ...focusRing, cursor: "pointer", 
+        // Explicit identity so the press transitions from a definite value
+        // rather than relying on `scale: none` being read as 1.
+        scale: "1", 
+        // Two clocks on one element — the press is faster than the colour
+        // change — so the shorthand is written out and only the reduced-motion
+        // guard comes from the vocabulary.
+        transition: buttonTransition, animationStyle: "composite", ref: ref, ...rest, children: children }));
 });
-Button.displayName = 'Button';
+/**
+ * Type-level polymorphism over the same runtime — see `polymorphic` in
+ * `src/types/polymorphic.ts` for what the cast does and why it is needed.
+ *
+ * `as` defaults to `'button'`, so nothing that already compiles stops
+ * compiling.
+ */
+ButtonImpl.displayName = 'Button';
+const Button = polymorphic(ButtonImpl);
 
 export { Button };
 //# sourceMappingURL=Button.mjs.map

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACN,SAAS,EACb,MAAM,EAAC,SAAS,EAChB,kBAAkB,EAAC,KAAK,EACxB,kBAAkB,EAAC,OAAO,EAC1B,wBAAwB,EAAC,aAAa,EACtC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;;;AAUA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,YAAY,EACvB,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;;;IAI9C,MAAM,MAAM,GAAG;AACb,UAAE;AACE,YAAA,GAAG,IAAI;AACP,YAAA,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,SAAS,EAAE,QAAQ;;;;;;AAMnB,gBAAA,MAAM,EAAE,4CAA4C;;AAEpD,gBAAA,KAAK,EAAE,EAAE,MAAM,EAAE,4CAA4C,EAAE;AAChE,aAAA;;AAED,YAAA,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;;;YAG9D,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;AAChD;UACD,IAAI;AAER;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM;;;;;;;;AAQV,QAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;AAM7C,QAAA,SAAS,EAAE,QAAQ,CACjB,WAAW,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS;;;QAGpD,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,aAAa,EAAE,EACrD,YAAY,CACb,KACG,SAAS,EACb,MAAM,EAAC,SAAS;;;AAGhB,QAAA,KAAK,EAAC,GAAG;;;;AAIT,QAAA,UAAU,EAAE,gBAAgB,EAC5B,cAAc,EAAC,WAAW,EAC1B,GAAG,EAAE,GAAG,KACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC,CACF;AAED;;;;;;AAMG;AACH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,WAAW,CAAiB,UAAU;;;;"}

package/dist/components/Button/Button.styles.d.ts

@@ -1,6 +1,7 @@
 import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
 import { ButtonColorPalette, ButtonVariant } from './Button.types';
 type StyleProps = Partial<ChakraButtonProps>;
+export declare const buttonTransition: string;
 /**
  * Two-dimensional Button styles using the Golden Ratio color system.
  *

package/dist/components/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAuVlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,+EAA2B,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAKzC,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAiC7C,eAAO,MAAM,gBAAgB,QAqBjB,CAAC;AAEb;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAmXlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,+EAA2B,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAKzC,CAAC"}

package/dist/components/Button/Button.styles.js

@@ -1,6 +1,58 @@
 "use client";
 'use strict';
 
+/**
+ * The press is timed apart from everything else.
+ *
+ * This used to be `transitionProperty="all"` at a flat `0.25s`, which put the
+ * press on the same 250ms clock as a colour change. A press has to read as
+ * *contact* — the finger is already gone by 250ms and the button is still
+ * sinking — so it takes `motion.press` (120ms) while colour, border and shadow
+ * keep the slower step, since those are feedback rather than touch.
+ *
+ * ## Why the press uses `scale`, not `transform: scale()`
+ *
+ * `transform` is a single property, so a `_active` of `transform: scale(0.97)`
+ * *replaced* whatever transform the call site had set — and call sites use it
+ * for layout. `CopyableCode` centres its button with `translateY(-50%)`, so
+ * pressing it dropped the button half its own height, and once `transform` was
+ * being transitioned that drop became a visible slide.
+ *
+ * The individual `scale` property composes with `transform` instead of
+ * overwriting it, so a consumer can position with `transform` and still get the
+ * press. Anything that presses should use `scale`, never `transform: scale()`.
+ *
+ * Naming the properties also stops `all` from animating things nobody asked it
+ * to (width, padding) when a consumer changes them on hover.
+ */
+const PRESS = 'var(--chakra-durations-motion-press)';
+const FEEDBACK = 'var(--chakra-durations-fast)';
+const STANDARD = 'var(--chakra-easings-standard)';
+// The press is contact, so it eases out: `standard` starts slowly and the
+// first frames lag behind the finger.
+const EMPHASIZED = 'var(--chakra-easings-emphasized)';
+const buttonTransition = [
+    `scale ${PRESS} ${EMPHASIZED}`,
+    ...[
+        'background-color',
+        'border-color',
+        'color',
+        // No `box-shadow`: no variant sets one, so the only box-shadow that ever
+        // changes here is the keyboard focus ring, and that should appear at once.
+        'opacity',
+        // Both moved by `lift`, listed unconditionally because a property nobody
+        // changes costs nothing, and leaving them out would make the opt-in jump.
+        'translate',
+        // Nothing here sets `transform` — the press deliberately uses `scale` so it
+        // cannot clobber a call site. But call sites do set it (a 2px press ledge,
+        // an icon nudge), and under the old `transitionProperty: all` those moved
+        // smoothly. Naming the properties took that away and left them snapping,
+        // which is a regression the call site cannot see in this file. Listing it
+        // costs nothing while we set it nowhere.
+        'transform',
+        'filter',
+    ].map((property) => `${property} ${FEEDBACK} ${STANDARD}`),
+].join(', ');
 /**
  * Two-dimensional Button styles using the Golden Ratio color system.
  *
@@ -36,20 +88,24 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'blue.700',
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         soft: {
-            borderColor: 'transparent',
+            // Same-hue hairline so soft reads as a defined control on white, not a
+            // floating fill. `lighter` sits well below `outline`'s `.main` border, so
+            // soft stays the quieter of the two bordered variants; it also equals the
+            // hover/active fill, so the border melts into the fill on interaction.
+            borderColor: 'primary.lighter',
             bgColor: 'primary.extralight', // #E8EEFB
             color: 'primary.dark', // #0D317D
             _hover: {
-                borderColor: 'transparent',
+                borderColor: 'primary.lighter',
                 bgColor: 'primary.lighter', // #B9CBF3
             },
             _active: {
                 bgColor: 'primary.lighter', // #B9CBF3 — same as hover, scale provides pressed feedback
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         outline: {
@@ -61,7 +117,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'primary.lighter', // #B9CBF3
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         ghost: {
@@ -73,7 +129,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'primary.lighter', // #B9CBF3
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
     },
@@ -91,20 +147,20 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'violet.700',
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         soft: {
-            borderColor: 'transparent',
+            borderColor: 'secondary.lighter',
             bgColor: 'secondary.extralight', // #F4E8FB
             color: 'secondary.dark', // #570D7D
             _hover: {
-                borderColor: 'transparent',
+                borderColor: 'secondary.lighter',
                 bgColor: 'secondary.lighter', // #DEB9F3
             },
             _active: {
                 bgColor: 'secondary.lighter', // #DEB9F3 — same as hover, scale provides pressed feedback
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         outline: {
@@ -116,7 +172,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'secondary.lighter', // #DEB9F3
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         ghost: {
@@ -128,7 +184,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'secondary.lighter', // #DEB9F3
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
     },
@@ -146,20 +202,20 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'rose.700',
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         soft: {
-            borderColor: 'transparent',
+            borderColor: 'danger.lighter',
             bgColor: 'danger.extralight', // #FBE8E9
             color: 'danger.dark', // #7D0D14
             _hover: {
-                borderColor: 'transparent',
+                borderColor: 'danger.lighter',
                 bgColor: 'danger.lighter', // #F3B9BD
             },
             _active: {
                 bgColor: 'danger.lighter', // #F3B9BD — same as hover, scale provides pressed feedback
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         outline: {
@@ -171,7 +227,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'danger.lighter', // #F3B9BD
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         ghost: {
@@ -183,7 +239,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'danger.lighter', // #F3B9BD
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
     },
@@ -201,20 +257,20 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'green.800',
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         soft: {
-            borderColor: 'transparent',
+            borderColor: 'success.lighter',
             bgColor: 'success.extralight', // #E9FBE8
             color: 'success.dark', // #147D0D
             _hover: {
-                borderColor: 'transparent',
+                borderColor: 'success.lighter',
                 bgColor: 'success.lighter', // #BDF3B9
             },
             _active: {
                 bgColor: 'success.lighter', // #BDF3B9 — same as hover, scale provides pressed feedback
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         outline: {
@@ -226,7 +282,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'success.lighter', // #BDF3B9
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         ghost: {
@@ -238,7 +294,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'success.lighter', // #BDF3B9
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
     },
@@ -259,20 +315,20 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'gold.600',
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         soft: {
-            borderColor: 'transparent',
+            borderColor: 'warning.lighter',
             bgColor: 'warning.extralight', // #FBF6E8
             color: 'warning.dark', // #7D610D
             _hover: {
-                borderColor: 'transparent',
+                borderColor: 'warning.lighter',
                 bgColor: 'warning.lighter', // #F3E4B9
             },
             _active: {
                 bgColor: 'warning.lighter', // #F3E4B9 — same as hover, scale provides pressed feedback
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         outline: {
@@ -284,7 +340,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'warning.lighter', // #F3E4B9
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         ghost: {
@@ -296,7 +352,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'warning.lighter', // #F3E4B9
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
     },
@@ -304,33 +360,57 @@ const buttonColorPaletteStyles = {
      * Neutral (Gray) color scheme
      */
     neutral: {
+        /**
+         * The INK action — the one high-emphasis fill in the system with no hue.
+         *
+         * Was `gray.700` under a white label, which failed AA in **both** modes and
+         * failed worse in the one nobody screenshots: white on `#737D96` measures
+         * **4.12:1** in light, and the semantic gray scale inverts, so in dark the
+         * same token resolves to `grayDark.fg700` `#8D919D` and the label lands at
+         * **3.15:1**. This was the only palette x variant combination in the system
+         * below the 4.5:1 text gate.
+         *
+         * "One step darker" does not fix it — `gray.800` is 5.32:1 light but
+         * **3.08:1** dark, i.e. worse, because darkening the light arm lightens the
+         * dark one. A neutral fill has to INVERT, not shift, which is exactly what
+         * `bg.inverse` / `fg.inverse` already do: ink under a near-white label on a
+         * light page, brand paper under an ink label on a dark one. Measured
+         * **15.11:1** and **15.88:1**, with the fill itself 15.49:1 / 16.36:1 clear
+         * of its canvas so it still reads as a control.
+         *
+         * `gray.1200` / `gray.1100` for hover and active for the same reason: both
+         * step AWAY from the resting fill toward the page in whichever mode is
+         * live, because they invert too. Labels stay 10.8:1 or better throughout.
+         */
         solid: {
-            borderColor: 'gray.700',
-            bgColor: 'gray.700', // #737D96
-            color: 'white',
+            borderColor: 'bg.inverse',
+            bgColor: 'bg.inverse',
+            color: 'fg.inverse',
             _hover: {
-                borderColor: 'gray.800',
-                bgColor: 'gray.800', // #616B85
+                borderColor: 'gray.1200',
+                bgColor: 'gray.1200',
             },
             _active: {
-                bgColor: 'gray.900', // #505A74
-                transform: 'scale(0.97)',
+                bgColor: 'gray.1100',
+                scale: '0.97',
             },
         },
         soft: {
-            borderColor: 'transparent',
+            // `border.default` (not a gray tint) so the neutral hairline stays visible
+            // in dark mode, where `border.subtle` collapses into the fill.
+            borderColor: 'border.default', // gray.300 / gray.1100 (_dark)
             // Neutral fills flip with the mode (light values preserved: bg.subtle →
             // gray.50, bg.muted → gray.100). Without this the surface stayed light in
             // dark mode while the fg.default text flipped to light = invisible.
             bgColor: 'bg.subtle', // gray.50 / gray.1300 (_dark)
             color: 'fg.default',
             _hover: {
-                borderColor: 'transparent',
+                borderColor: 'border.default',
                 bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
             },
             _active: {
                 bgColor: 'bg.muted', // matches hover; scale provides pressed feedback
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         outline: {
@@ -342,7 +422,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
         ghost: {
@@ -354,7 +434,7 @@ const buttonColorPaletteStyles = {
             },
             _active: {
                 bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
-                transform: 'scale(0.97)',
+                scale: '0.97',
             },
         },
     },
@@ -388,6 +468,7 @@ const buttonVariants = [
 
 exports.buttonColorPaletteStyles = buttonColorPaletteStyles;
 exports.buttonColorPalettes = buttonColorPalettes;
+exports.buttonTransition = buttonTransition;
 exports.buttonVariants = buttonVariants;
 exports.getButtonStyles = getButtonStyles;
 //# sourceMappingURL=Button.styles.js.map

package/dist/components/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}