@cdx-ui/components 0.0.1-alpha.32 → 0.0.1-alpha.34

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

@@ -1,15 +1,16 @@
 "use strict";
 
 import { cva } from 'class-variance-authority';
-import { COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, COLOR_TEXT_MUTED, COLOR_TEXT_PRIMARY, DISABLED_CURSOR, DISABLED_OPACITY, RADIUS_SM, SHADOW_SM, SIZE_SCALE, TRANSITION_COLORS } from '../../styles/primitives';
-export const inputRootVariants = cva(['w-full flex-row items-stretch border', COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, RADIUS_SM, SHADOW_SM, TRANSITION_COLORS, DISABLED_OPACITY, DISABLED_CURSOR, 'data-[disabled=true]:bg-slate-50 data-[disabled=true]:border-slate-300', 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-slate-50', 'web:data-[hover=true]:data-[active=false]:border-slate-300', 'data-[focus=true]:border-slate-900', 'data-[invalid=true]:border-red-500'], {
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
+export const inputRootVariants = cva(['w-full flex-row items-stretch overflow-hidden', 'bg-surface-primary', 'border-solid border-[length:var(--border-width-default)] border-stroke-primary', 'rounded-[var(--border-radius-default)]', TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[--opacity-disabled]', DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover', 'data-[focus=true]:border-[length:var(--border-width-focused)]', 'data-[focus=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger'], {
   variants: {
     variant: {
-      outline: ['web:focus-within:border-slate-900 web:focus-within:ring-2 web:focus-within:ring-slate-400/50 web:focus-within:ring-offset-0', 'web:data-[invalid=true]:focus-within:border-red-500 web:data-[invalid=true]:focus-within:ring-2 web:data-[invalid=true]:focus-within:ring-red-400/50']
+      outline: []
     },
     size: {
-      default: `${SIZE_SCALE.default.height} ${SIZE_SCALE.default.px} py-2 ${SIZE_SCALE.default.gap}`,
-      small: `${SIZE_SCALE.small.height} ${SIZE_SCALE.small.px} py-1.5 ${SIZE_SCALE.small.gap}`
+      // TODO: Find a cleaner approach to preventing layout shift when focus border is applied.
+      default: ['h-10 px-4 py-2 gap-2', 'data-[focus=true]:px-[15px] data-[focus=true]:py-[7px]'],
+      small: ['h-8 px-3 py-1.5 gap-1.5', 'data-[focus=true]:px-[11px] data-[focus=true]:py-[5px]']
     }
   },
   defaultVariants: {
@@ -17,11 +18,11 @@ export const inputRootVariants = cva(['w-full flex-row items-stretch border', CO
     size: 'default'
   }
 });
-export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0', COLOR_TEXT_PRIMARY, 'placeholder:text-slate-400', 'web:outline-none'], {
+export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0', 'font-body text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      default: 'text-[1rem]',
-      small: 'text-[0.875rem]'
+      default: 'text-[0.875rem]',
+      small: 'text-[0.75rem]'
     }
   },
   defaultVariants: {
@@ -29,7 +30,7 @@ export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0
   }
 });
 export const inputSlotVariants = cva(['items-center justify-center self-center']);
-export const inputIconVariants = cva([COLOR_TEXT_MUTED], {
+export const inputIconVariants = cva(['text-content-tertiary'], {
   variants: {
     size: {
       default: 'size-5',
@@ -40,5 +41,5 @@ export const inputIconVariants = cva([COLOR_TEXT_MUTED], {
     size: 'default'
   }
 });
-export const inputFieldPlaceholderVariants = cva(['accent-slate-400']);
+export const inputFieldPlaceholderVariants = cva(['accent-content-tertiary']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","DISABLED_CURSOR","DISABLED_OPACITY","RADIUS_SM","SHADOW_SM","SIZE_SCALE","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","height","px","gap","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SACEC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,EAChBC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,EAChBC,SAAS,EACTC,SAAS,EACTC,UAAU,EACVC,iBAAiB,QACZ,yBAAyB;AAEhC,OAAO,MAAMC,iBAAiB,GAAGX,GAAG,CAClC,CACE,sCAAsC,EACtCC,gBAAgB,EAChBC,oBAAoB,EACpBK,SAAS,EACTC,SAAS,EACTE,iBAAiB,EACjBJ,gBAAgB,EAChBD,eAAe,EACf,wEAAwE,EACxE,qCAAqC,EACrC,kCAAkC,EAClC,4DAA4D,EAC5D,oCAAoC,EACpC,oCAAoC,CACrC,EACD;EACEO,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,6HAA6H,EAC7H,sJAAsJ;IAE1J,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,GAAGP,UAAU,CAACO,OAAO,CAACC,MAAM,IAAIR,UAAU,CAACO,OAAO,CAACE,EAAE,SAAST,UAAU,CAACO,OAAO,CAACG,GAAG,EAAE;MAC/FC,KAAK,EAAE,GAAGX,UAAU,CAACW,KAAK,CAACH,MAAM,IAAIR,UAAU,CAACW,KAAK,CAACF,EAAE,WAAWT,UAAU,CAACW,KAAK,CAACD,GAAG;IACzF;EACF,CAAC;EACDE,eAAe,EAAE;IACfR,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGtB,GAAG,CACnC,CACE,0CAA0C,EAC1CI,kBAAkB,EAClB,4BAA4B,EAC5B,kBAAkB,CACnB,EACD;EACEQ,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,aAAa;MACtBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMQ,iBAAiB,GAAGvB,GAAG,CAAC,CAAC,yCAAyC,CAAC,CAAC;AAEjF,OAAO,MAAMwB,iBAAiB,GAAGxB,GAAG,CAAC,CAACG,gBAAgB,CAAC,EAAE;EACvDS,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMU,6BAA6B,GAAGzB,GAAG,CAAC,CAAC,kBAAkB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAClC,CACE,+CAA+C,EAC/C,oBAAoB,EACpB,gFAAgF,EAChF,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,mDAAmD,EACnDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJ;MACAC,OAAO,EAAE,CAAC,sBAAsB,EAAE,wDAAwD,CAAC;MAC3FC,KAAK,EAAE,CACL,yBAAyB,EACzB,wDAAwD;IAE5D;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGX,GAAG,CACnC,CACE,0CAA0C,EAC1C,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAGZ,GAAG,CAAC,CAAC,yCAAyC,CAAC,CAAC;AAEjF,OAAO,MAAMa,iBAAiB,GAAGb,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,6BAA6B,GAAGd,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

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

@@ -1,12 +1,11 @@
 "use strict";
 
-import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
 import { TRANSITION_COLORS } from '../../styles/primitives';
-export const linkRootVariants = cva(['flex-row items-center gap-1', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'text-blue-600', 'underline decoration-slate-300 underline-offset-4', TRANSITION_COLORS, Platform.select({
-  web: 'data-[hover=true]:decoration-slate-900',
-  default: ''
-}), '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 linkLabelVariants = cva(['text-sm font-medium', 'text-blue-600']);
-export const linkIconVariants = cva(['size-4', 'text-blue-600']);
+
+// TODO: Handle visited state
+
+export const linkRootVariants = cva(['flex-row items-center gap-1', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2']);
+export const linkLabelVariants = cva(['text-content-link', 'body-md', 'underline underline-offset-4']);
+export const linkIconVariants = cva(['text-content-link', 'size-4']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","TRANSITION_COLORS","linkRootVariants","select","web","default","linkLabelVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,iBAAiB,QAAQ,yBAAyB;AAE3D,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CAAC,CAClC,6BAA6B,EAC7B,wEAAwE,EACxE,eAAe,EACf,mDAAmD,EACnDC,iBAAiB,EACjBF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,wCAAwC;EAC7CC,OAAO,EAAE;AACX,CAAC,CAAC,EACF,kIAAkI,CACnI,CAAC;AAEF,OAAO,MAAMC,iBAAiB,GAAGN,GAAG,CAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC;AAE9E,OAAO,MAAMO,gBAAgB,GAAGP,GAAG,CAAC,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","TRANSITION_COLORS","linkRootVariants","linkLabelVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;;AAE3D;;AAEA,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CAAC,CAClC,6BAA6B,EAC7B,wEAAwE,EACxEC,iBAAiB,EACjB,kIAAkI,CACnI,CAAC;AAEF,OAAO,MAAME,iBAAiB,GAAGH,GAAG,CAAC,CACnC,mBAAmB,EACnB,SAAS,EACT,8BAA8B,CAC/B,CAAC;AAEF,OAAO,MAAMI,gBAAgB,GAAGJ,GAAG,CAAC,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Text/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 textStyle = cva([`${COLOR_TEXT_PRIMARY} font-normal`, Platform.select({
+export const textStyle = cva([`text-content-primary font-normal`, Platform.select({
   web: 'font-sans my-0 bg-transparent display-inline no-underline',
   default: ''
 })], {
   variants: {
     size: {
-      xl: 'text-xl',
-      lg: 'text-lg',
-      md: 'text-base',
-      sm: 'text-sm',
-      xs: 'text-xs'
+      xl: 'body-xl',
+      lg: 'body-lg',
+      md: 'body-md',
+      sm: 'body-sm',
+      xs: 'body-xs'
     }
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","COLOR_TEXT_PRIMARY","textStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,OAAO,MAAMC,SAAS,GAAGF,GAAG,CAC1B,CACE,GAAGC,kBAAkB,cAAc,EACnCF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,2DAA2D;EAChEC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","cva","textStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Text/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,SAAS,GAAGD,GAAG,CAC1B,CACE,kCAAkC,EAClCD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,2DAA2D;EAChEC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}

package/lib/typescript/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,iBAAiB,EAEjB,IAAI,EACJ,IAAI,EACJ,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,YAAY,EAAE,kBAAkB;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FAgCf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,kGAYhB,CAAC;AAKF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAmBhB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;yCAAwC,eAAe;;CAMtE,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,kHAkBlB,CAAC;AAIF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,iBAAiB,EAEjB,IAAI,EACJ,IAAI,EACJ,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,YAAY,EAAE,kBAAkB;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FA+Bf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,kGAYhB,CAAC;AAKF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAmBhB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;yCAAwC,eAAe;;CAMtE,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,kHAelB,CAAC;AAIF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC"}

package/lib/typescript/components/Button/styles.d.ts

@@ -1,21 +1,18 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const buttonRootVariants: (props?: ({
-    variant?: "strong" | "ghost" | "outline" | null | undefined;
+    variant?: "strong" | "outline" | "ghost" | null | undefined;
     color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
     size?: "small" | "default" | null | undefined;
-    mode?: "dark" | "light" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonTextVariants: (props?: ({
-    variant?: "strong" | "ghost" | "outline" | null | undefined;
+    variant?: "strong" | "outline" | "ghost" | null | undefined;
     color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
     size?: "small" | "default" | null | undefined;
-    mode?: "dark" | "light" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonSpinnerVariants: (props?: ({
-    variant?: "strong" | "ghost" | "outline" | null | undefined;
+    variant?: "strong" | "outline" | "ghost" | null | undefined;
     color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
-    mode?: "dark" | "light" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonGroupVariants: (props?: ({
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;

package/lib/typescript/components/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAwClE,eAAO,MAAM,kBAAkB;;;;;;8EAmL9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;8EAiC7B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;8EAoFhC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAiB9B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;8EAU7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACzE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,kBAAkB;;;;;8EA+M9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;8EAuC7B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EA0EhC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAiB9B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;8EAU7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACzE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/lib/typescript/components/Heading/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,YAAY;;8EAmBxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;8EAmBxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/lib/typescript/components/IconButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,IAAI,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7F,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EACL,KAAK,sBAAsB,EAI5B,MAAM,UAAU,CAAC;AA2BlB,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,YAAY,EAAE,sBAAsB;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,EAAE,EAAE,OAAO,CAAC;IACZ,+CAA+C;IAC/C,aAAa,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACxC;AAyCD,eAAO,MAAM,UAAU,kGAAiB,CAAC;AAEzC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,IAAI,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7F,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EACL,KAAK,sBAAsB,EAI5B,MAAM,UAAU,CAAC;AA2BlB,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,YAAY,EAAE,sBAAsB;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,EAAE,EAAE,OAAO,CAAC;IACZ,+CAA+C;IAC/C,aAAa,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACxC;AAwCD,eAAO,MAAM,UAAU,kGAAiB,CAAC;AAEzC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/lib/typescript/components/IconButton/styles.d.ts

@@ -2,15 +2,10 @@ import { type VariantProps } from 'class-variance-authority';
 export declare const iconButtonRootVariants: (props?: ({
     variant?: "ghost" | "solid" | null | undefined;
     size?: "small" | "default" | null | undefined;
-    mode?: "dark" | "light" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const iconButtonGlyphVariants: (props?: ({
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/** Icon fill aligned with Button outline/ghost action label colors (solid matches ghost). */
-export declare const iconButtonIconColorVariants: (props?: ({
-    variant?: "ghost" | "solid" | null | undefined;
-    mode?: "dark" | "light" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const iconButtonIconColorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export type IconButtonVariantProps = VariantProps<typeof iconButtonRootVariants>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/IconButton/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAyClE,eAAO,MAAM,sBAAsB;;;;8EAuDlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAEH,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B;;;8EAgBtC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,sBAAsB;;;8EAsClC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAEH,eAAO,MAAM,2BAA2B,oFAAgC,CAAC;AAEzE,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/lib/typescript/components/Input/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAclE,eAAO,MAAM,iBAAiB;;;8EAmC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAAmD,CAAC;AAElF,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAA4B,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,iBAAiB;;;8EAoC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAmB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAAmD,CAAC;AAElF,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/lib/typescript/components/Link/styles.d.ts

@@ -1,4 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
 export declare const linkRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const linkLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const linkIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type LinkVariantProps = VariantProps<typeof linkLabelVariants>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Link/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,oFAW3B,CAAC;AAEH,eAAO,MAAM,iBAAiB,oFAAgD,CAAC;AAE/E,eAAO,MAAM,gBAAgB,oFAAmC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,gBAAgB,oFAK3B,CAAC;AAEH,eAAO,MAAM,iBAAiB,oFAI5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,oFAAuC,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/lib/typescript/components/Text/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,SAAS;;8EAmBrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,SAAS;;8EAmBrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-alpha.32",
+  "version": "0.0.1-alpha.34",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -65,10 +65,10 @@
   "dependencies": {
     "@gorhom/bottom-sheet": "^5.2.6",
     "class-variance-authority": "^0.7.1",
-    "uniwind": "1.4.1",
-    "@cdx-ui/primitives": "0.0.1-alpha.32",
-    "@cdx-ui/icons": "0.0.1-alpha.32",
-    "@cdx-ui/utils": "0.0.1-alpha.32"
+    "uniwind": "1.6.1",
+    "@cdx-ui/primitives": "0.0.1-alpha.34",
+    "@cdx-ui/utils": "0.0.1-alpha.34",
+    "@cdx-ui/icons": "0.0.1-alpha.34"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/components/Button/index.tsx

@@ -51,7 +51,6 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
       variant = 'strong',
       color = 'action',
       size = 'default',
-      mode = 'light',
       fullWidth = false,
       className,
       children,
@@ -61,7 +60,7 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
     ref,
   ) => {
     const computedClassName = cn(
-      buttonRootVariants({ variant, color, size, mode, fullWidth }),
+      buttonRootVariants({ variant, color, size, fullWidth }),
       className,
     );
 
@@ -70,7 +69,7 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
         ref={ref}
         className={computedClassName}
         style={style}
-        context={{ variant, color, size, mode, fullWidth }}
+        context={{ variant, color, size, fullWidth }}
         {...props}
       >
         {children}
@@ -92,9 +91,9 @@ export interface ButtonTextProps extends TextProps {
 
 const ButtonLabel = forwardRef<Text, ButtonTextProps>(
   ({ className, children, style, ...props }, ref) => {
-    const { variant, color, size, mode } = useButtonStyleContext();
+    const { variant, color, size } = useButtonStyleContext();
 
-    const computedClassName = cn(buttonTextVariants({ variant, color, size, mode }), className);
+    const computedClassName = cn(buttonTextVariants({ variant, color, size }), className);
 
     return (
       <ButtonPrimitive.Text ref={ref} className={computedClassName} style={style} {...props}>
@@ -158,11 +157,8 @@ export interface ButtonSpinnerProps extends ActivityIndicatorProps {
 
 const ButtonSpinner = forwardRef<ActivityIndicator, ButtonSpinnerProps>(
   ({ className, colorClassName, style, ...props }, ref) => {
-    const { variant, color, mode } = useButtonStyleContext();
-    const computedColorClassName = cn(
-      buttonSpinnerVariants({ variant, color, mode }),
-      colorClassName,
-    );
+    const { variant, color } = useButtonStyleContext();
+    const computedColorClassName = cn(buttonSpinnerVariants({ variant, color }), colorClassName);
 
     return (
       <ButtonPrimitive.Spinner