@cdx-ui/components 0.0.1-beta.6 → 0.0.1-beta.61

package/README.md

@@ -1,8 +1,8 @@
 # @cdx-ui/components
 
-Styled, theme-aware UI components for the Candescent Design System.
+Styled, theme-aware UI components for the Forge Design System.
 
-Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/styles`](../styles/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
+Built on top of [`@cdx-ui/primitives`](../primitives/), [`@cdx-ui/utils`](../utils/), and [`@cdx-ui/icons`](../icons/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style). Design tokens from [`@cdx-ui/styles`](../styles/) are consumed at the app level (not a direct package dependency).
 
 ## Installation
 
@@ -12,10 +12,14 @@ pnpm add @cdx-ui/components
 
 ### Peer dependencies
 
-- `react` >= 18.0.0
-- `react-native` >= 0.74.0 _(optional — for native targets)_
+- `react` ^18.2.0 or ^19.0.0
+- `react-native` >= 0.76.0 _(optional — for native targets)_
 - `react-native-web` >= 0.19.0 _(optional — for web targets)_
-- `uniwind` >= 1.3.0 _(optional — for styled usage)_
+- `react-native-safe-area-context` >= 4.0.0 — required for `SafeAreaView` and `useSafeAreaInsets` re-exports
+- `react-native-reanimated` >= 3.0.0 _(optional — required for `BottomSheet`)_
+- `@shopify/flash-list` >= 2.0.0 _(optional — required for `VirtualizedList`)_
+
+> **Note:** `uniwind` (1.6.x) is a direct dependency — it is bundled automatically and does not need to be installed separately.
 
 ## Usage
 
@@ -24,7 +28,7 @@ import { Button } from '@cdx-ui/components';
 
 export function Example() {
   return (
-    <Button variant="strong" color="action" size="default" onPress={() => console.log('pressed')}>
+    <Button variant="solid" color="action" size="default" onPress={() => console.log('pressed')}>
       <Button.Label>Get Started</Button.Label>
     </Button>
   );
@@ -35,36 +39,50 @@ Component stories live in [`apps/storybook`](../../apps/storybook/). See the ful
 
 ### Components
 
-AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, Dialog, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, ListItem, OtpInput, ProgressBar, ProgressSegmented, Select, Switch, Text, VirtualizedList.
+AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, Dialog, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, ListItem, OtpInput, ProgressBar, ProgressSegmented, Radio, ScopedTheme, Select, Switch, Text, Tile, VirtualizedList.
 
 > `Box` is exported but deprecated — use React Native's `View` directly.
 
+### Hooks and navigation
+
+| Export                             | Description                                                            |
+| ---------------------------------- | ---------------------------------------------------------------------- |
+| `useForgeBottomTabScreenOptions`   | Generates Forge-themed screen options for React Navigation bottom tabs |
+| `mergeForgeBottomTabScreenOptions` | Merges Forge bottom-tab options with consumer overrides                |
+| `forgeTabIcon`                     | Creates a tab icon descriptor for native bottom tabs                   |
+
 ### Metro configuration helper
 
-The package ships a `withCdxMetroConfig` helper that wraps your Metro config with CDX UI's styling-layer setup. This abstracts the underlying Uniwind configuration so consuming Metro configs stay stable if the styling layer changes.
+The package ships a `withForgeMetroConfig` helper that wraps your Metro config with Forge UI's styling-layer setup. This abstracts the underlying Uniwind configuration so consuming Metro configs stay stable if the styling layer changes.
 
 ```js
-const { withCdxMetroConfig } = require('@cdx-ui/components/metro');
+const { withForgeMetroConfig } = require('@cdx-ui/components/metro');
 
-module.exports = withCdxMetroConfig(config, {
+module.exports = withForgeMetroConfig(config, {
   cssEntryFile: './global.css',
   generatedTypesFile: './uniwind-types.d.ts', // optional
 });
 ```
 
-`withCdxMetroConfig` must be the **outermost** wrapper if you compose multiple Metro config helpers.
+`withForgeMetroConfig` must be the **outermost** wrapper if you compose multiple Metro config helpers.
 
 ### React Native re-exports
 
 For convenience, the package re-exports several core RN components and hooks with Uniwind `className` support:
 
-| Export | Source |
-| --- | --- |
-| `View` | `react-native` |
-| `ScrollView` | `react-native` |
-| `KeyboardAvoidingView` | `react-native` |
-| `SafeAreaView` | `react-native-safe-area-context` |
-| `useSafeAreaInsets` | `react-native-safe-area-context` |
+| Export                 | Source                           |
+| ---------------------- | -------------------------------- |
+| `View`                 | `react-native`                   |
+| `ScrollView`           | `react-native`                   |
+| `KeyboardAvoidingView` | `react-native`                   |
+| `SafeAreaView`         | `react-native-safe-area-context` |
+| `useSafeAreaInsets`    | `react-native-safe-area-context` |
+
+## Figma Code Connect
+
+Template files in [`src/figma/`](./src/figma/) map Figma component variants to production Forge UI snippets shown in Figma Dev Mode. These files are excluded from the npm tarball (`!src/figma` in `files`) and published to Figma via CI on pushes to `main`.
+
+See the **[Code Connect authoring guide](../../docs/internal/practices/code-connect.md)** for conventions, property mapping patterns, and local workflow.
 
 ## Testing
 

package/lib/commonjs/components/AlertDialog/index.js

@@ -51,7 +51,7 @@ const AlertDialogAction = /*#__PURE__*/(0, _react.forwardRef)(({
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
     ref: ref,
-    variant: "strong",
+    variant: "solid",
     color: color,
     className: className,
     ...props,
@@ -87,7 +87,7 @@ const AlertDialogCancel = /*#__PURE__*/(0, _react.forwardRef)(({
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
     ref: ref,
-    variant: "outline",
+    variant: "ghost",
     onPress: handlePress,
     className: className,
     ...props,
@@ -104,11 +104,12 @@ AlertDialogCancel.displayName = 'AlertDialog.Cancel';
 
 const AlertDialog = exports.AlertDialog = Object.assign(AlertDialogRoot, {
   Trigger: _Dialog.Dialog.Trigger,
-  Content: _Dialog.Dialog.Content,
+  Popup: _Dialog.Dialog.Popup,
   Header: _Dialog.Dialog.Header,
   Title: _Dialog.Dialog.Title,
   Description: _Dialog.Dialog.Description,
-  Body: _Dialog.Dialog.Body,
+  Content: _Dialog.Dialog.Content,
+  Text: _Dialog.Dialog.Text,
   Footer: _Dialog.Dialog.Footer,
   Close: _Dialog.Dialog.Close,
   Action: AlertDialogAction,

package/lib/commonjs/components/AlertDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_primitives","_utils","_Button","_Dialog","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AlertDialogRoot","forwardRef","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","jsx","Dialog","displayName","AlertDialogAction","asChild","color","className","React","isValidElement","cloneElement","Button","variant","Label","AlertDialogCancel","onPress","onOpenChange","useDialog","handlePress","composeEventHandlers","AlertDialog","exports","assign","Trigger","Content","Header","Title","Description","Body","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_primitives","_utils","_Button","_Dialog","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AlertDialogRoot","forwardRef","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","jsx","Dialog","displayName","AlertDialogAction","asChild","color","className","React","isValidElement","cloneElement","Button","variant","Label","AlertDialogCancel","onPress","onOpenChange","useDialog","handlePress","composeEventHandlers","AlertDialog","exports","assign","Trigger","Popup","Header","Title","Description","Content","Text","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Avatar/index.js

@@ -27,7 +27,7 @@ const AvatarPrimitive = (0, _primitives.createAvatar)({
 // =============================================================================
 
 const AvatarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
-  size = 'lg',
+  size = 'md',
   className,
   children,
   style,

package/lib/commonjs/components/Avatar/styles.js

@@ -5,76 +5,83 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.avatarTextVariants = exports.avatarRootVariants = exports.avatarImageVariants = exports.avatarIconVariants = exports.avatarBadgeVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-var _primitives = require("../../styles/primitives");
 // ── Root ─────────────────────────────────────────────────
 
-const avatarRootVariants = exports.avatarRootVariants = (0, _classVarianceAuthority.cva)([_primitives.RADIUS_FULL, 'relative items-center justify-center', _primitives.COLOR_BG_MUTED], {
+const avatarRootVariants = exports.avatarRootVariants = (0, _classVarianceAuthority.cva)(['rounded-[var(--border-radius-round)]', 'relative items-center justify-center', 'bg-surface-tertiary'], {
   variants: {
     size: {
-      sm: 'w-8 h-8',
-      md: 'w-10 h-10',
-      lg: 'w-12 h-12',
-      xl: 'w-16 h-16',
-      '2xl': 'w-20 h-20'
+      '2xs': 'w-3 h-3',
+      xs: 'w-[18px] h-[18px]',
+      sm: 'w-6 h-6',
+      md: 'w-8 h-8',
+      lg: 'w-10 h-10',
+      xl: 'w-12 h-12',
+      '2xl': 'w-14 h-14'
     }
   },
   defaultVariants: {
-    size: 'lg'
+    size: 'md'
   }
 });
 
 // ── Image ────────────────────────────────────────────────
 
-const avatarImageVariants = exports.avatarImageVariants = (0, _classVarianceAuthority.cva)(['absolute top-0 left-0 w-full h-full', _primitives.RADIUS_FULL, 'overflow-hidden']);
+const avatarImageVariants = exports.avatarImageVariants = (0, _classVarianceAuthority.cva)(['absolute top-0 left-0 w-full h-full', 'rounded-[var(--border-radius-round)]', 'overflow-hidden', 'border border-stroke-secondary']);
 
 // ── Text ─────────────────────────────────────────────────
 
-const avatarTextVariants = exports.avatarTextVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY, 'font-semibold'], {
+const avatarTextVariants = exports.avatarTextVariants = (0, _classVarianceAuthority.cva)(['text-content-primary', 'font-medium'], {
   variants: {
     size: {
+      '2xs': 'text-[6px]',
+      xs: 'text-[9px]',
       sm: 'text-xs',
-      md: 'text-sm',
-      lg: 'text-base',
-      xl: 'text-xl',
-      '2xl': 'text-2xl'
+      md: 'text-base',
+      lg: 'text-xl',
+      xl: 'text-2xl',
+      '2xl': 'text-[28px]'
     }
   },
   defaultVariants: {
-    size: 'lg'
+    size: 'md'
   }
 });
 
 // ── Icon ─────────────────────────────────────────────────
 
-const avatarIconVariants = exports.avatarIconVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
+const avatarIconVariants = exports.avatarIconVariants = (0, _classVarianceAuthority.cva)(['text-content-primary'], {
   variants: {
     size: {
-      sm: 'size-4',
-      md: 'size-5',
-      lg: 'size-6',
-      xl: 'size-8',
-      '2xl': 'size-10'
+      '2xs': 'size-1.5',
+      xs: 'size-[9px]',
+      sm: 'size-3',
+      md: 'size-4',
+      lg: 'size-5',
+      xl: 'size-6',
+      '2xl': 'size-7'
     }
   },
   defaultVariants: {
-    size: 'lg'
+    size: 'md'
   }
 });
 
 // ── Badge ────────────────────────────────────────────────
 
-const avatarBadgeVariants = exports.avatarBadgeVariants = (0, _classVarianceAuthority.cva)(['absolute border-2 border-white', _primitives.RADIUS_FULL], {
+const avatarBadgeVariants = exports.avatarBadgeVariants = (0, _classVarianceAuthority.cva)(['absolute border-white', 'rounded-[var(--border-radius-round)]', 'bottom-0 right-0'], {
   variants: {
     size: {
-      sm: 'w-2.5 h-2.5 bottom-0 right-0',
-      md: 'w-3 h-3 bottom-0 right-0',
-      lg: 'w-3.5 h-3.5 bottom-0 right-0',
-      xl: 'w-4 h-4 bottom-0.5 right-0.5',
-      '2xl': 'w-5 h-5 bottom-0.5 right-0.5'
+      '2xs': 'w-1.5 h-1.5 border translate-x-[21%] translate-y-[21%]',
+      xs: 'w-2 h-2 border translate-x-[17%] translate-y-[17%]',
+      sm: 'w-2.5 h-2.5 border-2 translate-x-[15%] translate-y-[15%]',
+      md: 'w-3 h-3 border-2 translate-x-[11%] translate-y-[11%]',
+      lg: 'w-3.5 h-3.5 border-2 translate-x-[8%] translate-y-[8%]',
+      xl: 'w-4 h-4 border-2 translate-x-[6%] translate-y-[6%]',
+      '2xl': 'w-5 h-5 border-2 translate-x-[9%] translate-y-[9%]'
     }
   },
   defaultVariants: {
-    size: 'lg'
+    size: 'md'
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Avatar/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","_primitives","avatarRootVariants","exports","cva","RADIUS_FULL","COLOR_BG_MUTED","variants","size","sm","md","lg","xl","defaultVariants","avatarImageVariants","avatarTextVariants","COLOR_TEXT_SECONDARY","avatarIconVariants","avatarBadgeVariants"],"sourceRoot":"../../../../src","sources":["components/Avatar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CAACC,uBAAW,EAAE,sCAAsC,EAAEC,0BAAc,CAAC,EACrE;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACf,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,2BAAG,EAAC,CACrC,qCAAqC,EACrCC,uBAAW,EACX,iBAAiB,CAClB,CAAC;;AAEF;;AAEO,MAAMU,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,CAACY,gCAAoB,EAAE,eAAe,CAAC,EAAE;EAC7ET,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACb,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMS,kBAAkB,GAAAd,OAAA,CAAAc,kBAAA,GAAG,IAAAb,2BAAG,EAAC,CAACY,gCAAoB,CAAC,EAAE;EAC5DT,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMU,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,gCAAgC,EAAEC,uBAAW,CAAC,EAAE;EACtFE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,0BAA0B;MAC9BC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,8BAA8B;MAClC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","avatarRootVariants","exports","cva","variants","size","xs","sm","md","lg","xl","defaultVariants","avatarImageVariants","avatarTextVariants","avatarIconVariants","avatarBadgeVariants"],"sourceRoot":"../../../../src","sources":["components/Avatar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA;;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CACE,sCAAsC,EACtC,sCAAsC,EACtC,qBAAqB,CACtB,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,SAAS;MAChBC,EAAE,EAAE,mBAAmB;MACvBC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACf,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMO,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAG,IAAAT,2BAAG,EAAC,CACrC,qCAAqC,EACrC,sCAAsC,EACtC,iBAAiB,EACjB,gCAAgC,CACjC,CAAC;;AAEF;;AAEO,MAAMU,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,sBAAsB,EAAE,aAAa,CAAC,EAAE;EAC7EC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,YAAY;MACnBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,UAAU;MACd,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMS,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,sBAAsB,CAAC,EAAE;EAC9DC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,UAAU;MACjBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMU,mBAAmB,GAAAb,OAAA,CAAAa,mBAAA,GAAG,IAAAZ,2BAAG,EACpC,CAAC,uBAAuB,EAAE,sCAAsC,EAAE,kBAAkB,CAAC,EACrF;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,KAAK,EAAE,wDAAwD;MAC/DC,EAAE,EAAE,oDAAoD;MACxDC,EAAE,EAAE,0DAA0D;MAC9DC,EAAE,EAAE,sDAAsD;MAC1DC,EAAE,EAAE,wDAAwD;MAC5DC,EAAE,EAAE,oDAAoD;MACxD,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Button/index.js

@@ -26,8 +26,11 @@ const ButtonPrimitive = (0, _primitives.createButton)({
 // STYLED ROOT COMPONENT
 // =============================================================================
 
+/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
+
+let hasWarnedStrongButtonVariant = false;
 const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
-  variant = 'strong',
+  variant: variantProp = 'solid',
   color = 'action',
   size = 'default',
   fullWidth = false,
@@ -36,6 +39,14 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...props
 }, ref) => {
+  // TODO: Remove this once the `strong` variant is removed.
+  (0, _react.useEffect)(() => {
+    if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && variantProp === 'strong' && !hasWarnedStrongButtonVariant) {
+      hasWarnedStrongButtonVariant = true;
+      console.warn('[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.');
+    }
+  }, [variantProp]);
+  const variant = variantProp === 'strong' ? 'solid' : variantProp;
   const computedClassName = (0, _utils.cn)((0, _styles.buttonRootVariants)({
     variant,
     color,
@@ -121,9 +132,13 @@ const ButtonIcon = ({
   ...props
 }) => {
   const {
+    variant,
+    color,
     size
   } = useButtonStyleContext();
   const computedClassName = (0, _utils.cn)((0, _styles.buttonIconVariants)({
+    variant,
+    color,
     size
   }), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {

package/lib/commonjs/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useButtonStyleContext","useStyleContext","ButtonPrimitive","createButton","Text","Group","View","Spinner","ActivityIndicator","Icon","ButtonRoot","forwardRef","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","cn","buttonRootVariants","jsx","context","displayName","ButtonLabel","buttonTextVariants","ButtonGroup","flexDirection","isAttached","groupClassName","buttonGroupVariants","ButtonIcon","as","buttonIconVariants","ButtonSpinner","colorClassName","computedColorClassName","buttonSpinnerVariants","Button","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useButtonStyleContext","useStyleContext","ButtonPrimitive","createButton","Text","Group","View","Spinner","ActivityIndicator","Icon","hasWarnedStrongButtonVariant","ButtonRoot","forwardRef","variant","variantProp","color","size","fullWidth","className","children","style","props","ref","useEffect","process","env","NODE_ENV","console","warn","computedClassName","cn","buttonRootVariants","jsx","context","displayName","ButtonLabel","buttonTextVariants","ButtonGroup","flexDirection","isAttached","groupClassName","buttonGroupVariants","ButtonIcon","as","buttonIconVariants","ButtonSpinner","colorClassName","computedColorClassName","buttonSpinnerVariants","Button","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/styles.js

@@ -9,10 +9,10 @@ var _classVarianceAuthority = require("class-variance-authority");
 var _primitives = require("../../styles/primitives");
 // TODO: Validate that `dark:` syntax works with Uniwind `ScopedTheme`
 
-const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[--opacity-disabled]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-focus] web:data-[focus-visible=true]:ring-offset-2'], {
+const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'], {
   variants: {
     variant: {
-      strong: ['border-b-1 border-black/75'],
+      solid: ['border-b-1 border-black/75'],
       // TODO: Replace with token
       outline: ['bg-transparent', 'border border-stroke-primary'],
       ghost: ['bg-transparent']
@@ -25,7 +25,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
       info: []
     },
     size: {
-      default: 'h-10 px-4 gap-2',
+      default: 'h-11 px-4 gap-2',
       small: 'h-8 px-3 gap-1.5'
     },
     fullWidth: {
@@ -34,37 +34,37 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
     }
   },
   compoundVariants: [
-  // ── strong × color (filled surface) ──────────────────────────────
+  // ── solid × color (filled surface) ──────────────────────────────
   {
-    variant: 'strong',
+    variant: 'solid',
     color: 'action',
     className: ['bg-surface-action-strong', _reactNative.Platform.select({
       default: 'data-[active=true]:bg-surface-action-strong-active',
       web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
     })]
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'danger',
     className: ['bg-surface-danger-strong', _reactNative.Platform.select({
       default: 'data-[active=true]:bg-surface-danger-strong-active',
       web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
     })]
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'warning',
     className: ['bg-surface-warning-strong', _reactNative.Platform.select({
       default: 'data-[active=true]:bg-amber-600',
       web: 'data-[hover=true]:bg-amber-500 data-[active=true]:data-[hover=true]:bg-amber-600'
     })]
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'success',
     className: ['bg-surface-success-strong', _reactNative.Platform.select({
       default: 'data-[active=true]:bg-green-800',
       web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
     })]
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'info',
     className: ['bg-surface-info-strong', _reactNative.Platform.select({
       default: 'data-[active=true]:bg-sky-700',
@@ -146,7 +146,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
     })]
   }],
   defaultVariants: {
-    variant: 'strong',
+    variant: 'solid',
     color: 'action',
     size: 'default',
     fullWidth: false
@@ -155,7 +155,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
 const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthority.cva)(['font-medium', 'text-center'], {
   variants: {
     variant: {
-      strong: [],
+      solid: [],
       outline: [],
       ghost: []
     },
@@ -172,25 +172,25 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
     }
   },
   compoundVariants: [
-  // ── strong × color (filled foreground text) ──────────────────────
+  // ── solid × color (filled foreground text) ──────────────────────
   {
-    variant: 'strong',
+    variant: 'solid',
     color: 'action',
     className: 'text-content-action-on-strong'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'danger',
     className: 'text-content-danger-on-strong'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'warning',
     className: 'text-content-warning-on-strong'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'success',
     className: 'text-content-success-on-strong'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'info',
     className: 'text-content-info-on-strong'
   },
@@ -217,7 +217,7 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
     className: 'text-content-info'
   }],
   defaultVariants: {
-    variant: 'strong',
+    variant: 'solid',
     color: 'action',
     size: 'default'
   }
@@ -225,7 +225,7 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
 const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVarianceAuthority.cva)([], {
   variants: {
     variant: {
-      strong: [],
+      solid: [],
       outline: [],
       ghost: []
     },
@@ -238,25 +238,25 @@ const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVariance
     }
   },
   compoundVariants: [
-  // ── strong × color ───────────────────────────────────────────────
+  // ── solid × color ───────────────────────────────────────────────
   {
-    variant: 'strong',
+    variant: 'solid',
     color: 'action',
     className: 'accent-[var(--color-content-action-on-strong)]'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'danger',
     className: 'accent-[var(--color-content-danger-on-strong)]'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'warning',
     className: 'accent-[var(--color-content-warning-on-strong)]'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'success',
     className: 'accent-[var(--color-content-success-on-strong)]'
   }, {
-    variant: 'strong',
+    variant: 'solid',
     color: 'info',
     className: 'accent-[var(--color-content-info-on-strong)]'
   },
@@ -283,7 +283,7 @@ const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVariance
     className: 'accent-[var(--color-content-info)]'
   }],
   defaultVariants: {
-    variant: 'strong',
+    variant: 'solid',
     color: 'action'
   }
 });
@@ -319,12 +319,71 @@ const buttonGroupVariants = exports.buttonGroupVariants = (0, _classVarianceAuth
 });
 const buttonIconVariants = exports.buttonIconVariants = (0, _classVarianceAuthority.cva)([], {
   variants: {
+    variant: {
+      solid: [],
+      outline: [],
+      ghost: []
+    },
+    color: {
+      action: [],
+      danger: [],
+      warning: [],
+      success: [],
+      info: []
+    },
     size: {
       default: 'size-5',
       small: 'size-4'
     }
   },
+  compoundVariants: [
+  // ── solid × color (filled foreground icon) ──────────────────────
+  {
+    variant: 'solid',
+    color: 'action',
+    className: 'text-content-action-on-strong'
+  }, {
+    variant: 'solid',
+    color: 'danger',
+    className: 'text-content-danger-on-strong'
+  }, {
+    variant: 'solid',
+    color: 'warning',
+    className: 'text-content-warning-on-strong'
+  }, {
+    variant: 'solid',
+    color: 'success',
+    className: 'text-content-success-on-strong'
+  }, {
+    variant: 'solid',
+    color: 'info',
+    className: 'text-content-info-on-strong'
+  },
+  // ── outline/ghost × color (transparent foreground icon) ──────────
+  {
+    variant: ['outline', 'ghost'],
+    color: 'action',
+    className: 'text-content-action'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'danger',
+    className: 'text-content-danger'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'warning',
+    className: 'text-content-warning'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'success',
+    className: 'text-content-success'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'info',
+    className: 'text-content-info'
+  }],
   defaultVariants: {
+    variant: 'solid',
+    color: 'action',
     size: 'default'
   }
 });