@cdx-ui/components 0.0.1-alpha.33 → 0.0.1-alpha.35

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

@@ -2,34 +2,17 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-import { COLOR_BORDER_DEFAULT, DISABLED_CURSOR, DISABLED_OPACITY, RADIUS_SM, TRANSITION_COLORS } from '../../styles/primitives';
-import { sharedFilledForegroundTextCompounds, sharedFilledSurfaceCompounds, sharedGhostSurfaceCompounds, sharedOutlineGhostForegroundTextCompounds } from './buttonSharedVariants';
-const buttonStrongSurfaceCompounds = sharedFilledSurfaceCompounds.map(c => ({
-  variant: 'strong',
-  ...c
-}));
-const buttonGhostSurfaceCompounds = sharedGhostSurfaceCompounds.map(c => ({
-  variant: 'ghost',
-  ...c
-}));
-const buttonStrongForegroundTextCompounds = sharedFilledForegroundTextCompounds.map(c => ({
-  variant: 'strong',
-  ...c
-}));
-const buttonOutlineGhostForegroundTextCompounds = sharedOutlineGhostForegroundTextCompounds.map(c => ({
-  variant: ['outline', 'ghost'],
-  ...c
-}));
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
 
-// TODO: Split into 2 files
-// TODO: Create cva wrapper
+// TODO: Validate that `dark:` syntax works with Uniwind `ScopedTheme`
 
-export const buttonRootVariants = cva(['flex-row items-center justify-center', RADIUS_SM, 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, DISABLED_OPACITY, DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2'], {
+export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[--opacity-disabled]', 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'], {
   variants: {
     variant: {
-      strong: [],
-      outline: ['bg-transparent', `border ${COLOR_BORDER_DEFAULT}`, 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100'],
-      ghost: ['bg-transparent', 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100']
+      strong: ['border-b-1 border-black/75'],
+      // TODO: Replace with token
+      outline: ['bg-transparent', 'border border-stroke-primary'],
+      ghost: ['bg-transparent']
     },
     color: {
       action: [],
@@ -42,102 +25,127 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', R
       default: 'h-10 px-4 gap-2',
       small: 'h-8 px-3 gap-1.5'
     },
-    mode: {
-      light: [],
-      dark: []
-    },
     fullWidth: {
       true: 'w-full',
       false: ''
     }
   },
-  compoundVariants: [...buttonStrongSurfaceCompounds,
-  // --- outline × color (light mode) ---
+  compoundVariants: [
+  // ── strong × color (filled surface) ──────────────────────────────
   {
-    variant: 'outline',
+    variant: 'strong',
     color: 'action',
-    className: ['border-slate-300', Platform.select({
-      default: 'data-[active=true]:border-slate-500 data-[active=true]:bg-slate-100',
-      web: 'data-[hover=true]:border-slate-400 data-[hover=true]:bg-slate-50 data-[active=true]:data-[hover=true]:border-slate-500 data-[active=true]:data-[hover=true]:bg-slate-100'
+    className: ['bg-surface-action-strong', 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: 'outline',
+    variant: 'strong',
     color: 'danger',
-    className: ['border-red-600', Platform.select({
-      default: 'data-[active=true]:border-red-800 data-[active=true]:bg-red-100',
-      web: 'data-[hover=true]:border-red-700 data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:border-red-800 data-[active=true]:data-[hover=true]:bg-red-100'
+    className: ['bg-surface-danger-strong', 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: 'outline',
+    variant: 'strong',
     color: 'warning',
-    className: ['border-amber-500', Platform.select({
-      default: 'data-[active=true]:border-amber-700 data-[active=true]:bg-amber-50',
-      web: 'data-[hover=true]:border-amber-600 data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:border-amber-700 data-[active=true]:data-[hover=true]:bg-amber-100'
+    className: ['bg-surface-warning-strong', 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: 'outline',
+    variant: 'strong',
     color: 'success',
-    className: ['border-green-600', Platform.select({
-      default: 'data-[active=true]:border-green-800 data-[active=true]:bg-green-100',
-      web: 'data-[hover=true]:border-green-700 data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:border-green-800 data-[active=true]:data-[hover=true]:bg-green-100'
+    className: ['bg-surface-success-strong', 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: 'outline',
+    variant: 'strong',
     color: 'info',
-    className: ['border-sky-500', Platform.select({
-      default: 'data-[active=true]:border-sky-700 data-[active=true]:bg-sky-100',
-      web: 'data-[hover=true]:border-sky-600 data-[hover=true]:bg-sky-50 data-[active=true]:data-[hover=true]:border-sky-700 data-[active=true]:data-[hover=true]:bg-sky-100'
+    className: ['bg-surface-info-strong', Platform.select({
+      default: 'data-[active=true]:bg-sky-700',
+      web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
     })]
   },
-  // --- outline × action × mode: dark ---
+  // ── outline × color (border + hover/active surface) ─────────────
   {
     variant: 'outline',
     color: 'action',
-    mode: 'dark',
-    className: ['bg-transparent border-slate-700', Platform.select({
-      default: 'data-[active=true]:bg-slate-700',
-      web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
+    className: ['border-stroke-action', Platform.select({
+      default: 'data-[active=true]:bg-surface-action-subtle-active',
+      web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
     })]
-  },
-  // --- outline × semantic colors × mode: dark ---
-  {
+  }, {
     variant: 'outline',
     color: 'danger',
-    mode: 'dark',
-    className: ['bg-transparent border-red-500', Platform.select({
-      default: 'data-[active=true]:bg-red-950',
-      web: 'data-[hover=true]:bg-red-950/50 data-[active=true]:data-[hover=true]:bg-red-950'
+    className: ['border-stroke-danger', Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-subtle-active',
+      web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
     })]
   }, {
     variant: 'outline',
     color: 'warning',
-    mode: 'dark',
-    className: ['bg-transparent border-amber-500', Platform.select({
-      default: 'data-[active=true]:bg-amber-950',
-      web: 'data-[hover=true]:bg-amber-950/50 data-[active=true]:data-[hover=true]:bg-amber-950'
+    className: ['border-stroke-warning', Platform.select({
+      default: 'data-[active=true]:bg-surface-warning-subtle',
+      web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
     })]
   }, {
     variant: 'outline',
     color: 'success',
-    mode: 'dark',
-    className: ['bg-transparent border-green-500', Platform.select({
-      default: 'data-[active=true]:bg-green-950',
-      web: 'data-[hover=true]:bg-green-950/50 data-[active=true]:data-[hover=true]:bg-green-950'
+    className: ['border-stroke-success', Platform.select({
+      default: 'data-[active=true]:bg-surface-success-subtle',
+      web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
     })]
   }, {
     variant: 'outline',
     color: 'info',
-    mode: 'dark',
-    className: ['bg-transparent border-sky-500', Platform.select({
-      default: 'data-[active=true]:bg-sky-950',
-      web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950'
+    className: ['border-stroke-info', Platform.select({
+      default: 'data-[active=true]:bg-surface-info-subtle',
+      web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
     })]
-  }, ...buttonGhostSurfaceCompounds],
+  },
+  // ── ghost × color (hover/active surface fills) ──────────────────
+  {
+    variant: 'ghost',
+    color: 'action',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-action-subtle-active',
+      web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'danger',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-subtle-active',
+      web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'warning',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-warning-subtle',
+      web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'success',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-success-subtle',
+      web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'info',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-info-subtle',
+      web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
+    })]
+  }],
   defaultVariants: {
     variant: 'strong',
     color: 'action',
     size: 'default',
-    mode: 'light',
     fullWidth: false
   }
 });
@@ -158,24 +166,63 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
     size: {
       default: 'text-base',
       small: 'text-sm'
-    },
-    mode: {
-      light: [],
-      dark: []
     }
   },
-  compoundVariants: [...buttonStrongForegroundTextCompounds, ...buttonOutlineGhostForegroundTextCompounds],
+  compoundVariants: [
+  // ── strong × color (filled foreground text) ──────────────────────
+  {
+    variant: 'strong',
+    color: 'action',
+    className: 'text-content-action-on-strong'
+  }, {
+    variant: 'strong',
+    color: 'danger',
+    className: 'text-content-danger-on-strong'
+  }, {
+    variant: 'strong',
+    color: 'warning',
+    className: 'text-content-warning-on-strong'
+  }, {
+    variant: 'strong',
+    color: 'success',
+    className: 'text-content-success-on-strong'
+  }, {
+    variant: 'strong',
+    color: 'info',
+    className: 'text-content-info-on-strong'
+  },
+  // ── outline/ghost × color (transparent foreground text) ──────────
+  {
+    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: 'strong',
     color: 'action',
-    size: 'default',
-    mode: 'light'
+    size: 'default'
   }
 });
 export const buttonSpinnerVariants = cva([], {
   variants: {
     variant: {
-      strong: 'accent-white',
+      strong: [],
       outline: [],
       ghost: []
     },
@@ -185,66 +232,56 @@ export const buttonSpinnerVariants = cva([], {
       warning: [],
       success: [],
       info: []
-    },
-    mode: {
-      light: [],
-      dark: []
     }
   },
   compoundVariants: [
-  // --- outline/ghost × color (light mode) ---
+  // ── strong × color ───────────────────────────────────────────────
   {
-    variant: ['outline', 'ghost'],
+    variant: 'strong',
     color: 'action',
-    className: 'accent-slate-900'
+    className: 'accent-[var(--color-content-action-on-strong)]'
   }, {
-    variant: ['outline', 'ghost'],
+    variant: 'strong',
     color: 'danger',
-    className: 'accent-red-600'
+    className: 'accent-[var(--color-content-danger-on-strong)]'
   }, {
-    variant: ['outline', 'ghost'],
+    variant: 'strong',
     color: 'warning',
-    className: 'accent-amber-600'
+    className: 'accent-[var(--color-content-warning-on-strong)]'
   }, {
-    variant: ['outline', 'ghost'],
+    variant: 'strong',
     color: 'success',
-    className: 'accent-green-600'
+    className: 'accent-[var(--color-content-success-on-strong)]'
   }, {
-    variant: ['outline', 'ghost'],
+    variant: 'strong',
     color: 'info',
-    className: 'accent-sky-600'
+    className: 'accent-[var(--color-content-info-on-strong)]'
   },
-  // --- outline/ghost × color × mode: dark ---
+  // ── outline/ghost × color ────────────────────────────────────────
   {
     variant: ['outline', 'ghost'],
     color: 'action',
-    mode: 'dark',
-    className: 'accent-white'
+    className: 'accent-[var(--color-content-action)]'
   }, {
     variant: ['outline', 'ghost'],
     color: 'danger',
-    mode: 'dark',
-    className: 'accent-red-300'
+    className: 'accent-[var(--color-content-danger)]'
   }, {
     variant: ['outline', 'ghost'],
     color: 'warning',
-    mode: 'dark',
-    className: 'accent-amber-300'
+    className: 'accent-[var(--color-content-warning)]'
   }, {
     variant: ['outline', 'ghost'],
     color: 'success',
-    mode: 'dark',
-    className: 'accent-green-300'
+    className: 'accent-[var(--color-content-success)]'
   }, {
     variant: ['outline', 'ghost'],
     color: 'info',
-    mode: 'dark',
-    className: 'accent-sky-300'
+    className: 'accent-[var(--color-content-info)]'
   }],
   defaultVariants: {
     variant: 'strong',
-    color: 'action',
-    mode: 'light'
+    color: 'action'
   }
 });
 export const buttonGroupVariants = cva([], {

package/lib/module/components/Button/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","COLOR_BORDER_DEFAULT","DISABLED_CURSOR","DISABLED_OPACITY","RADIUS_SM","TRANSITION_COLORS","sharedFilledForegroundTextCompounds","sharedFilledSurfaceCompounds","sharedGhostSurfaceCompounds","sharedOutlineGhostForegroundTextCompounds","buttonStrongSurfaceCompounds","map","c","variant","buttonGhostSurfaceCompounds","buttonStrongForegroundTextCompounds","buttonOutlineGhostForegroundTextCompounds","buttonRootVariants","variants","strong","outline","ghost","color","action","danger","warning","success","info","size","default","small","mode","light","dark","fullWidth","true","false","compoundVariants","className","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","buttonRootVariants","variants","variant","strong","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Heading/styles.js

@@ -2,18 +2,17 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-import { COLOR_TEXT_PRIMARY } from '../../styles/primitives';
-export const headingStyle = cva([`${COLOR_TEXT_PRIMARY} font-semibold tracking-tight my-0`, Platform.select({
+export const headingStyle = cva([`text-content-primary font-semibold tracking-tight my-0`, Platform.select({
   web: 'font-sans bg-transparent display-inline no-underline',
   default: ''
 })], {
   variants: {
     size: {
-      xl: 'text-6xl',
-      lg: 'text-5xl',
-      md: 'text-4xl',
-      sm: 'text-3xl',
-      xs: 'text-2xl'
+      xl: 'heading-xl',
+      lg: 'heading-lg',
+      md: 'heading-md',
+      sm: 'heading-sm',
+      xs: 'heading-xs'
     }
   }
 });

package/lib/module/components/Heading/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","COLOR_TEXT_PRIMARY","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,OAAO,MAAMC,YAAY,GAAGF,GAAG,CAC7B,CACE,GAAGC,kBAAkB,oCAAoC,EACzDF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,wDAAwD,EACxDD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/components/IconButton/index.js

@@ -40,7 +40,6 @@ function IconButtonGlyph({
 const IconButtonRoot = /*#__PURE__*/forwardRef(({
   variant = 'solid',
   size = 'default',
-  mode = 'light',
   className,
   style,
   as: IconComponent,
@@ -50,15 +49,11 @@ const IconButtonRoot = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const rootClassName = cn(iconButtonRootVariants({
     variant,
-    size,
-    mode
+    size
   }), className);
   const glyphClassName = cn(iconButtonGlyphVariants({
     size
-  }), iconButtonIconColorVariants({
-    variant,
-    mode
-  }), iconClassName);
+  }), iconButtonIconColorVariants(), iconClassName);
   return /*#__PURE__*/_jsx(IconButtonPrimitive, {
     ref: ref,
     accessibilityRole: accessibilityRole,

package/lib/module/components/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","ActivityIndicator","Pressable","Text","View","createButton","dataAttributes","useButtonContext","cn","Icon","iconButtonGlyphVariants","iconButtonIconColorVariants","iconButtonRootVariants","jsx","_jsx","IconButtonPrimitive","Root","Group","Spinner","IconButtonGlyph","as","IconComponent","className","hover","focus","active","disabled","focusVisible","IconButtonRoot","variant","size","mode","style","iconClassName","accessibilityRole","props","ref","rootClassName","glyphClassName","children","displayName","IconButton"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAA6B,cAAc;AAC5F,SACEC,YAAY,EACZC,cAAc,EAEdC,gBAAgB,QACX,oBAAoB;AAE3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,IAAI,QAAwB,SAAS;AAC9C,SAEEC,uBAAuB,EACvBC,2BAA2B,EAC3BC,sBAAsB,QACjB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,mBAAmB,GAAGV,YAAY,CAAC;EACvCW,IAAI,EAAEd,SAAS;EACfC,IAAI;EACJc,KAAK,EAAEb,IAAI;EACXc,OAAO,EAAEjB,iBAAiB;EAC1BQ,IAAI,EAAEL;AACR,CAAC,CAAC;AAEF,SAASe,eAAeA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAEC;AAA8C,CAAC,EAAE;EAC7F,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGpB,gBAAgB,CAAC,CAAC;EAC3E,oBACEO,IAAA,CAACL,IAAI;IACHW,EAAE,EAAEC,aAAc;IAClBC,SAAS,EAAEA,SAAU;IAAA,GACjBhB,cAAc,CAAC;MACjBiB,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC;EAAC,CACH,CAAC;AAEN;AAUA,MAAMC,cAAc,gBAAG5B,UAAU,CAC/B,CACE;EACE6B,OAAO,GAAG,OAAO;EACjBC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,OAAO;EACdT,SAAS;EACTU,KAAK;EACLZ,EAAE,EAAEC,aAAa;EACjBY,aAAa;EACbC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG7B,EAAE,CAACI,sBAAsB,CAAC;IAAEiB,OAAO;IAAEC,IAAI;IAAEC;EAAK,CAAC,CAAC,EAAET,SAAS,CAAC;EAEpF,MAAMgB,cAAc,GAAG9B,EAAE,CACvBE,uBAAuB,CAAC;IAAEoB;EAAK,CAAC,CAAC,EACjCnB,2BAA2B,CAAC;IAAEkB,OAAO;IAAEE;EAAK,CAAC,CAAC,EAC9CE,aACF,CAAC;EAED,oBACEnB,IAAA,CAACC,mBAAmB;IAClBqB,GAAG,EAAEA,GAAI;IACTF,iBAAiB,EAAEA,iBAAkB;IACrCZ,SAAS,EAAEe,aAAc;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAI,QAAA,eAETzB,IAAA,CAACK,eAAe;MAACC,EAAE,EAAEC,aAAc;MAACC,SAAS,EAAEgB;IAAe,CAAE;EAAC,CAC9C,CAAC;AAE1B,CACF,CAAC;AAEDV,cAAc,CAACY,WAAW,GAAG,YAAY;AAEzC,OAAO,MAAMC,UAAU,GAAGb,cAAc","ignoreList":[]}
+{"version":3,"names":["forwardRef","ActivityIndicator","Pressable","Text","View","createButton","dataAttributes","useButtonContext","cn","Icon","iconButtonGlyphVariants","iconButtonIconColorVariants","iconButtonRootVariants","jsx","_jsx","IconButtonPrimitive","Root","Group","Spinner","IconButtonGlyph","as","IconComponent","className","hover","focus","active","disabled","focusVisible","IconButtonRoot","variant","size","style","iconClassName","accessibilityRole","props","ref","rootClassName","glyphClassName","children","displayName","IconButton"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAA6B,cAAc;AAC5F,SACEC,YAAY,EACZC,cAAc,EAEdC,gBAAgB,QACX,oBAAoB;AAE3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,IAAI,QAAwB,SAAS;AAC9C,SAEEC,uBAAuB,EACvBC,2BAA2B,EAC3BC,sBAAsB,QACjB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,mBAAmB,GAAGV,YAAY,CAAC;EACvCW,IAAI,EAAEd,SAAS;EACfC,IAAI;EACJc,KAAK,EAAEb,IAAI;EACXc,OAAO,EAAEjB,iBAAiB;EAC1BQ,IAAI,EAAEL;AACR,CAAC,CAAC;AAEF,SAASe,eAAeA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAEC;AAA8C,CAAC,EAAE;EAC7F,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGpB,gBAAgB,CAAC,CAAC;EAC3E,oBACEO,IAAA,CAACL,IAAI;IACHW,EAAE,EAAEC,aAAc;IAClBC,SAAS,EAAEA,SAAU;IAAA,GACjBhB,cAAc,CAAC;MACjBiB,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC;EAAC,CACH,CAAC;AAEN;AAUA,MAAMC,cAAc,gBAAG5B,UAAU,CAC/B,CACE;EACE6B,OAAO,GAAG,OAAO;EACjBC,IAAI,GAAG,SAAS;EAChBR,SAAS;EACTS,KAAK;EACLX,EAAE,EAAEC,aAAa;EACjBW,aAAa;EACbC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG5B,EAAE,CAACI,sBAAsB,CAAC;IAAEiB,OAAO;IAAEC;EAAK,CAAC,CAAC,EAAER,SAAS,CAAC;EAE9E,MAAMe,cAAc,GAAG7B,EAAE,CACvBE,uBAAuB,CAAC;IAAEoB;EAAK,CAAC,CAAC,EACjCnB,2BAA2B,CAAC,CAAC,EAC7BqB,aACF,CAAC;EAED,oBACElB,IAAA,CAACC,mBAAmB;IAClBoB,GAAG,EAAEA,GAAI;IACTF,iBAAiB,EAAEA,iBAAkB;IACrCX,SAAS,EAAEc,aAAc;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAI,QAAA,eAETxB,IAAA,CAACK,eAAe;MAACC,EAAE,EAAEC,aAAc;MAACC,SAAS,EAAEe;IAAe,CAAE;EAAC,CAC9C,CAAC;AAE1B,CACF,CAAC;AAEDT,cAAc,CAACW,WAAW,GAAG,YAAY;AAEzC,OAAO,MAAMC,UAAU,GAAGZ,cAAc","ignoreList":[]}

package/lib/module/components/IconButton/styles.js

@@ -2,86 +2,39 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-import { COLOR_BORDER_DEFAULT, DISABLED_CURSOR, DISABLED_OPACITY, RADIUS_FULL, TRANSITION_COLORS } from '../../styles/primitives';
-import { sharedGhostSurfaceCompounds, sharedOutlineGhostForegroundTextCompounds } from '../Button/buttonSharedVariants';
-function actionOnlyCompounds(compounds) {
-  return compounds.filter(c => c.color === 'action').map(c => {
-    const {
-      color,
-      ...rest
-    } = c;
-    void color;
-    return rest;
-  });
-}
-
-/** Dark-mode hover/active surface for ghost (solid uses a separate compound with border). */
-const iconButtonDarkGhostSurfaceCompounds = actionOnlyCompounds(sharedGhostSurfaceCompounds).map(c => ({
-  variant: 'ghost',
-  ...c
-}));
-const iconButtonForegroundTextCompounds = actionOnlyCompounds(sharedOutlineGhostForegroundTextCompounds).map(c => ({
-  variant: ['solid', 'ghost'],
-  ...c
-}));
-export const iconButtonRootVariants = cva(['flex items-center justify-center', RADIUS_FULL, 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, DISABLED_OPACITY, DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2'], {
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
+export const iconButtonRootVariants = cva(['flex items-center justify-center', 'rounded-[var(--border-radius-round)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[--opacity-disabled]', DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-ring] web:data-[focus-visible=true]:ring-offset-2'], {
   variants: {
     variant: {
-      /** Same surface as ghost, with a light gray border (aligned with Button `outline`). */
-      solid: ['bg-transparent', `border ${COLOR_BORDER_DEFAULT}`, 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100'],
-      ghost: ['bg-transparent', 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100']
+      solid: ['bg-surface-primary border border-stroke-secondary', Platform.select({
+        default: 'data-[active=true]:bg-surface-primary-active',
+        web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
+      })],
+      ghost: ['bg-transparent', Platform.select({
+        default: 'data-[active=true]:bg-surface-primary-active',
+        web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
+      })]
     },
     size: {
-      default: 'h-10 w-10 min-w-10 shrink-0 p-0',
-      small: 'h-8 w-8 min-w-8 shrink-0 p-0'
-    },
-    mode: {
-      light: [],
-      dark: []
+      default: 'h-11 w-11 min-w-11 shrink-0 p-2.5',
+      small: 'h-8 w-8 min-w-8 shrink-0 p-1.5'
     }
   },
-  compoundVariants: [...iconButtonDarkGhostSurfaceCompounds, {
-    variant: 'solid',
-    mode: 'dark',
-    className: ['border-slate-700', Platform.select({
-      default: 'data-[active=true]:bg-slate-700',
-      web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
-    })]
-  }],
   defaultVariants: {
     variant: 'solid',
-    size: 'default',
-    mode: 'light'
+    size: 'default'
   }
 });
 export const iconButtonGlyphVariants = cva([], {
   variants: {
     size: {
-      default: 'size-5',
-      small: 'size-4'
+      default: 'size-6',
+      small: 'size-5'
     }
   },
   defaultVariants: {
     size: 'default'
   }
 });
-
-/** Icon fill aligned with Button outline/ghost action label colors (solid matches ghost). */
-export const iconButtonIconColorVariants = cva([], {
-  variants: {
-    variant: {
-      solid: [],
-      ghost: []
-    },
-    mode: {
-      light: [],
-      dark: []
-    }
-  },
-  compoundVariants: [...iconButtonForegroundTextCompounds],
-  defaultVariants: {
-    variant: 'solid',
-    mode: 'light'
-  }
-});
+export const iconButtonIconColorVariants = cva(['text-content-primary']);
 //# sourceMappingURL=styles.js.map

package/lib/module/components/IconButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","COLOR_BORDER_DEFAULT","DISABLED_CURSOR","DISABLED_OPACITY","RADIUS_FULL","TRANSITION_COLORS","sharedGhostSurfaceCompounds","sharedOutlineGhostForegroundTextCompounds","actionOnlyCompounds","compounds","filter","c","color","map","rest","iconButtonDarkGhostSurfaceCompounds","variant","iconButtonForegroundTextCompounds","iconButtonRootVariants","variants","solid","ghost","size","default","small","mode","light","dark","compoundVariants","className","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","iconButtonRootVariants","variants","variant","solid","select","default","web","ghost","size","small","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,sBAAsB,GAAGH,GAAG,CACvC,CACE,kCAAkC,EAClC,sCAAsC,EACtC,wEAAwE,EACxEE,iBAAiB,EACjB,mDAAmD,EACnDD,eAAe,EACf,2IAA2I,CAC5I,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CACL,mDAAmD,EACnDP,QAAQ,CAACQ,MAAM,CAAC;QACdC,OAAO,EAAE,8CAA8C;QACvDC,GAAG,EAAE;MACP,CAAC,CAAC,CACH;MACDC,KAAK,EAAE,CACL,gBAAgB,EAChBX,QAAQ,CAACQ,MAAM,CAAC;QACdC,OAAO,EAAE,8CAA8C;QACvDC,GAAG,EAAE;MACP,CAAC,CAAC;IAEN,CAAC;IACDE,IAAI,EAAE;MACJH,OAAO,EAAE,mCAAmC;MAC5CI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfR,OAAO,EAAE,OAAO;IAChBM,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMG,uBAAuB,GAAGd,GAAG,CAAC,EAAE,EAAE;EAC7CI,QAAQ,EAAE;IACRO,IAAI,EAAE;MACJH,OAAO,EAAE,QAAQ;MACjBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMI,2BAA2B,GAAGf,GAAG,CAAC,CAAC,sBAAsB,CAAC,CAAC","ignoreList":[]}