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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/lib/commonjs/components/Button/index.js +4 -11
  2. package/lib/commonjs/components/Button/index.js.map +1 -1
  3. package/lib/commonjs/components/Button/styles.js +148 -112
  4. package/lib/commonjs/components/Button/styles.js.map +1 -1
  5. package/lib/commonjs/components/Heading/styles.js +6 -7
  6. package/lib/commonjs/components/Heading/styles.js.map +1 -1
  7. package/lib/commonjs/components/IconButton/index.js +2 -7
  8. package/lib/commonjs/components/IconButton/index.js.map +1 -1
  9. package/lib/commonjs/components/IconButton/styles.js +15 -62
  10. package/lib/commonjs/components/IconButton/styles.js.map +1 -1
  11. package/lib/commonjs/components/Input/styles.js +10 -9
  12. package/lib/commonjs/components/Input/styles.js.map +1 -1
  13. package/lib/commonjs/components/Link/styles.js +5 -7
  14. package/lib/commonjs/components/Link/styles.js.map +1 -1
  15. package/lib/commonjs/components/ProgressBar/index.js +45 -0
  16. package/lib/commonjs/components/ProgressBar/index.js.map +1 -0
  17. package/lib/commonjs/components/ProgressBar/styles.js +10 -0
  18. package/lib/commonjs/components/ProgressBar/styles.js.map +1 -0
  19. package/lib/commonjs/components/ProgressSegmented/styles.js +5 -5
  20. package/lib/commonjs/components/ProgressSegmented/styles.js.map +1 -1
  21. package/lib/commonjs/components/Text/styles.js +6 -7
  22. package/lib/commonjs/components/Text/styles.js.map +1 -1
  23. package/lib/commonjs/components/index.js +12 -0
  24. package/lib/commonjs/components/index.js.map +1 -1
  25. package/lib/module/components/Button/index.js +4 -11
  26. package/lib/module/components/Button/index.js.map +1 -1
  27. package/lib/module/components/Button/styles.js +149 -112
  28. package/lib/module/components/Button/styles.js.map +1 -1
  29. package/lib/module/components/Heading/styles.js +6 -7
  30. package/lib/module/components/Heading/styles.js.map +1 -1
  31. package/lib/module/components/IconButton/index.js +2 -7
  32. package/lib/module/components/IconButton/index.js.map +1 -1
  33. package/lib/module/components/IconButton/styles.js +16 -63
  34. package/lib/module/components/IconButton/styles.js.map +1 -1
  35. package/lib/module/components/Input/styles.js +11 -10
  36. package/lib/module/components/Input/styles.js.map +1 -1
  37. package/lib/module/components/Link/styles.js +6 -7
  38. package/lib/module/components/Link/styles.js.map +1 -1
  39. package/lib/module/components/ProgressBar/index.js +41 -0
  40. package/lib/module/components/ProgressBar/index.js.map +1 -0
  41. package/lib/module/components/ProgressBar/styles.js +6 -0
  42. package/lib/module/components/ProgressBar/styles.js.map +1 -0
  43. package/lib/module/components/ProgressSegmented/styles.js +5 -5
  44. package/lib/module/components/ProgressSegmented/styles.js.map +1 -1
  45. package/lib/module/components/Text/styles.js +6 -7
  46. package/lib/module/components/Text/styles.js.map +1 -1
  47. package/lib/module/components/index.js +1 -0
  48. package/lib/module/components/index.js.map +1 -1
  49. package/lib/typescript/components/Button/index.d.ts.map +1 -1
  50. package/lib/typescript/components/Button/styles.d.ts +3 -6
  51. package/lib/typescript/components/Button/styles.d.ts.map +1 -1
  52. package/lib/typescript/components/Heading/styles.d.ts.map +1 -1
  53. package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
  54. package/lib/typescript/components/IconButton/styles.d.ts +1 -6
  55. package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
  56. package/lib/typescript/components/Input/styles.d.ts.map +1 -1
  57. package/lib/typescript/components/Link/styles.d.ts +2 -0
  58. package/lib/typescript/components/Link/styles.d.ts.map +1 -1
  59. package/lib/typescript/components/ProgressBar/index.d.ts +17 -0
  60. package/lib/typescript/components/ProgressBar/index.d.ts.map +1 -0
  61. package/lib/typescript/components/ProgressBar/styles.d.ts +5 -0
  62. package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -0
  63. package/lib/typescript/components/ProgressSegmented/styles.d.ts.map +1 -1
  64. package/lib/typescript/components/Text/styles.d.ts.map +1 -1
  65. package/lib/typescript/components/index.d.ts +1 -0
  66. package/lib/typescript/components/index.d.ts.map +1 -1
  67. package/package.json +5 -5
  68. package/src/components/Button/index.tsx +6 -10
  69. package/src/components/Button/styles.ts +127 -138
  70. package/src/components/Heading/styles.tsx +6 -7
  71. package/src/components/IconButton/index.tsx +2 -3
  72. package/src/components/IconButton/styles.ts +18 -90
  73. package/src/components/Input/styles.ts +26 -35
  74. package/src/components/Link/styles.ts +12 -11
  75. package/src/components/ProgressBar/index.tsx +53 -0
  76. package/src/components/ProgressBar/styles.ts +9 -0
  77. package/src/components/ProgressSegmented/styles.ts +6 -5
  78. package/src/components/Text/styles.tsx +6 -7
  79. package/src/components/index.ts +1 -0
  80. package/lib/commonjs/components/Button/buttonSharedVariants.js +0 -200
  81. package/lib/commonjs/components/Button/buttonSharedVariants.js.map +0 -1
  82. package/lib/module/components/Button/buttonSharedVariants.js +0 -195
  83. package/lib/module/components/Button/buttonSharedVariants.js.map +0 -1
  84. package/lib/typescript/components/Button/buttonSharedVariants.d.ts +0 -29
  85. package/lib/typescript/components/Button/buttonSharedVariants.d.ts.map +0 -1
  86. package/src/components/Button/buttonSharedVariants.ts +0 -281
@@ -1,15 +1,16 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from 'class-variance-authority';
4
- 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';
5
- 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'], {
4
+ import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
5
+ 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'], {
6
6
  variants: {
7
7
  variant: {
8
- 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']
8
+ outline: []
9
9
  },
10
10
  size: {
11
- default: `${SIZE_SCALE.default.height} ${SIZE_SCALE.default.px} py-2 ${SIZE_SCALE.default.gap}`,
12
- small: `${SIZE_SCALE.small.height} ${SIZE_SCALE.small.px} py-1.5 ${SIZE_SCALE.small.gap}`
11
+ // TODO: Find a cleaner approach to preventing layout shift when focus border is applied.
12
+ default: ['h-10 px-4 py-2 gap-2', 'data-[focus=true]:px-[15px] data-[focus=true]:py-[7px]'],
13
+ small: ['h-8 px-3 py-1.5 gap-1.5', 'data-[focus=true]:px-[11px] data-[focus=true]:py-[5px]']
13
14
  }
14
15
  },
15
16
  defaultVariants: {
@@ -17,11 +18,11 @@ export const inputRootVariants = cva(['w-full flex-row items-stretch border', CO
17
18
  size: 'default'
18
19
  }
19
20
  });
20
- export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0', COLOR_TEXT_PRIMARY, 'placeholder:text-slate-400', 'web:outline-none'], {
21
+ 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'], {
21
22
  variants: {
22
23
  size: {
23
- default: 'text-[1rem]',
24
- small: 'text-[0.875rem]'
24
+ default: 'text-[0.875rem]',
25
+ small: 'text-[0.75rem]'
25
26
  }
26
27
  },
27
28
  defaultVariants: {
@@ -29,7 +30,7 @@ export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0
29
30
  }
30
31
  });
31
32
  export const inputSlotVariants = cva(['items-center justify-center self-center']);
32
- export const inputIconVariants = cva([COLOR_TEXT_MUTED], {
33
+ export const inputIconVariants = cva(['text-content-tertiary'], {
33
34
  variants: {
34
35
  size: {
35
36
  default: 'size-5',
@@ -40,5 +41,5 @@ export const inputIconVariants = cva([COLOR_TEXT_MUTED], {
40
41
  size: 'default'
41
42
  }
42
43
  });
43
- export const inputFieldPlaceholderVariants = cva(['accent-slate-400']);
44
+ export const inputFieldPlaceholderVariants = cva(['accent-content-tertiary']);
44
45
  //# sourceMappingURL=styles.js.map
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -1,12 +1,11 @@
1
1
  "use strict";
2
2
 
3
- import { Platform } from 'react-native';
4
3
  import { cva } from 'class-variance-authority';
5
4
  import { TRANSITION_COLORS } from '../../styles/primitives';
6
- 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({
7
- web: 'data-[hover=true]:decoration-slate-900',
8
- default: ''
9
- }), 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2']);
10
- export const linkLabelVariants = cva(['text-sm font-medium', 'text-blue-600']);
11
- export const linkIconVariants = cva(['size-4', 'text-blue-600']);
5
+
6
+ // TODO: Handle visited state
7
+
8
+ 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']);
9
+ export const linkLabelVariants = cva(['text-content-link', 'body-md', 'underline underline-offset-4']);
10
+ export const linkIconVariants = cva(['text-content-link', 'size-4']);
12
11
  //# sourceMappingURL=styles.js.map
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { View } from 'react-native';
5
+ import { createProgress } from '@cdx-ui/primitives';
6
+ import { cn } from '@cdx-ui/utils';
7
+ import { progressBarIndicatorVariants, progressBarTrackVariants } from './styles';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ const ProgressPrimitive = createProgress({
10
+ Root: View,
11
+ Indicator: View
12
+ });
13
+ const ProgressBarRoot = /*#__PURE__*/forwardRef(({
14
+ className,
15
+ style,
16
+ ...props
17
+ }, ref) => {
18
+ const trackClass = cn(progressBarTrackVariants(), className);
19
+ return /*#__PURE__*/_jsx(ProgressPrimitive, {
20
+ ref: ref,
21
+ className: trackClass,
22
+ style: style,
23
+ ...props
24
+ });
25
+ });
26
+ ProgressBarRoot.displayName = 'ProgressBar';
27
+ const ProgressBarIndicator = /*#__PURE__*/forwardRef(({
28
+ className,
29
+ style,
30
+ ...props
31
+ }, ref) => /*#__PURE__*/_jsx(ProgressPrimitive.Indicator, {
32
+ ref: ref,
33
+ className: cn(progressBarIndicatorVariants(), className),
34
+ style: style,
35
+ ...props
36
+ }));
37
+ ProgressBarIndicator.displayName = 'ProgressBar.Indicator';
38
+ export const ProgressBar = Object.assign(ProgressBarRoot, {
39
+ Indicator: ProgressBarIndicator
40
+ });
41
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","View","createProgress","cn","progressBarIndicatorVariants","progressBarTrackVariants","jsx","_jsx","ProgressPrimitive","Root","Indicator","ProgressBarRoot","className","style","props","ref","trackClass","displayName","ProgressBarIndicator","ProgressBar","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,cAAc,QAA6B,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,4BAA4B,EAC5BC,wBAAwB,QAEnB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,iBAAiB,GAAGN,cAAc,CAAC;EACvCO,IAAI,EAAER,IAAI;EACVS,SAAS,EAAET;AACb,CAAC,CAAC;AAUF,MAAMU,eAAe,gBAAGX,UAAU,CAChC,CAAC;EAAEY,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAGb,EAAE,CAACE,wBAAwB,CAAC,CAAC,EAAEO,SAAS,CAAC;EAE5D,oBAAOL,IAAA,CAACC,iBAAiB;IAACO,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACxF,CACF,CAAC;AAEDH,eAAe,CAACM,WAAW,GAAG,aAAa;AAE3C,MAAMC,oBAAoB,gBAAGlB,UAAU,CACrC,CAAC;EAAEY,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClCR,IAAA,CAACC,iBAAiB,CAACE,SAAS;EAC1BK,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAET,EAAE,CAACC,4BAA4B,CAAC,CAAC,EAAEQ,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDI,oBAAoB,CAACD,WAAW,GAAG,uBAAuB;AAM1D,OAAO,MAAME,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACV,eAAe,EAAE;EACxDD,SAAS,EAAEQ;AACb,CAAC,CAAiC","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ import { cva } from 'class-variance-authority';
4
+ export const progressBarTrackVariants = cva(['w-full flex-row overflow-hidden rounded-full bg-surface-action-tint h-1']);
5
+ export const progressBarIndicatorVariants = cva(['rounded-full bg-surface-action-strong']);
6
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["cva","progressBarTrackVariants","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,wBAAwB,GAAGD,GAAG,CAAC,CAC1C,yEAAyE,CAC1E,CAAC;AAEF,OAAO,MAAME,4BAA4B,GAAGF,GAAG,CAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from 'class-variance-authority';
4
- export const progressSegmentedVariants = cva(['flex-row gap-1 w-full']);
5
- export const segmentVariants = cva(['flex-1 h-2 rounded'], {
4
+ export const progressSegmentedVariants = cva(['flex-row gap-1 w-full rounded overflow-hidden']);
5
+ export const segmentVariants = cva(['flex-1 h-1'], {
6
6
  variants: {
7
7
  state: {
8
- complete: 'bg-slate-900',
9
- incomplete: 'bg-slate-300',
10
- inprogress: 'bg-gradient-to-r from-slate-900 from-50% to-slate-300 to-50%'
8
+ complete: 'bg-surface-action-strong',
9
+ incomplete: 'bg-surface-action-tint',
10
+ inprogress: 'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-tint to-50%'
11
11
  }
12
12
  },
13
13
  defaultVariants: {
@@ -1 +1 @@
1
- {"version":3,"names":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,yBAAyB,GAAGD,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;AAEvE,OAAO,MAAME,eAAe,GAAGF,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE;EACzDG,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,cAAc;MACxBC,UAAU,EAAE,cAAc;MAC1BC,UAAU,EAAE;IACd;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,yBAAyB,GAAGD,GAAG,CAAC,CAAC,+CAA+C,CAAC,CAAC;AAE/F,OAAO,MAAME,eAAe,GAAGF,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;EACjDG,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,0BAA0B;MACpCC,UAAU,EAAE,wBAAwB;MACpCC,UAAU,EACR;IACJ;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
@@ -2,18 +2,17 @@
2
2
 
3
3
  import { Platform } from 'react-native';
4
4
  import { cva } from 'class-variance-authority';
5
- import { COLOR_TEXT_PRIMARY } from '../../styles/primitives';
6
- export const textStyle = cva([`${COLOR_TEXT_PRIMARY} font-normal`, Platform.select({
5
+ export const textStyle = cva([`text-content-primary font-normal`, Platform.select({
7
6
  web: 'font-sans my-0 bg-transparent display-inline no-underline',
8
7
  default: ''
9
8
  })], {
10
9
  variants: {
11
10
  size: {
12
- xl: 'text-xl',
13
- lg: 'text-lg',
14
- md: 'text-base',
15
- sm: 'text-sm',
16
- xs: 'text-xs'
11
+ xl: 'body-xl',
12
+ lg: 'body-lg',
13
+ md: 'body-md',
14
+ sm: 'body-sm',
15
+ xs: 'body-xs'
17
16
  }
18
17
  }
19
18
  });
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -13,6 +13,7 @@ export * from './Form';
13
13
  export * from './Image';
14
14
  export * from './Input';
15
15
  export * from './Link';
16
+ export * from './ProgressBar';
16
17
  export * from './ProgressSegmented';
17
18
  export * from './Select';
18
19
  export * from './VirtualizedList';
@@ -1 +1 @@
1
- {"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
1
+ {"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
@@ -1 +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"}
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,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"}
@@ -1,21 +1,18 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
2
  export declare const buttonRootVariants: (props?: ({
3
- variant?: "strong" | "ghost" | "outline" | null | undefined;
3
+ variant?: "strong" | "outline" | "ghost" | null | undefined;
4
4
  color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
5
5
  size?: "small" | "default" | null | undefined;
6
- mode?: "dark" | "light" | null | undefined;
7
6
  fullWidth?: boolean | null | undefined;
8
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
8
  export declare const buttonTextVariants: (props?: ({
10
- variant?: "strong" | "ghost" | "outline" | null | undefined;
9
+ variant?: "strong" | "outline" | "ghost" | null | undefined;
11
10
  color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
12
11
  size?: "small" | "default" | null | undefined;
13
- mode?: "dark" | "light" | null | undefined;
14
12
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
15
13
  export declare const buttonSpinnerVariants: (props?: ({
16
- variant?: "strong" | "ghost" | "outline" | null | undefined;
14
+ variant?: "strong" | "outline" | "ghost" | null | undefined;
17
15
  color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
18
- mode?: "dark" | "light" | null | undefined;
19
16
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
20
17
  export declare const buttonGroupVariants: (props?: ({
21
18
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
@@ -1 +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"}
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;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"}
@@ -1 +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"}
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;AAElE,eAAO,MAAM,YAAY;;8EAmBxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
@@ -1 +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"}
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;AAwCD,eAAO,MAAM,UAAU,kGAAiB,CAAC;AAEzC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
@@ -2,15 +2,10 @@ import { type VariantProps } from 'class-variance-authority';
2
2
  export declare const iconButtonRootVariants: (props?: ({
3
3
  variant?: "ghost" | "solid" | null | undefined;
4
4
  size?: "small" | "default" | null | undefined;
5
- mode?: "dark" | "light" | null | undefined;
6
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
6
  export declare const iconButtonGlyphVariants: (props?: ({
8
7
  size?: "small" | "default" | null | undefined;
9
8
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
- /** Icon fill aligned with Button outline/ghost action label colors (solid matches ghost). */
11
- export declare const iconButtonIconColorVariants: (props?: ({
12
- variant?: "ghost" | "solid" | null | undefined;
13
- mode?: "dark" | "light" | null | undefined;
14
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
+ export declare const iconButtonIconColorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
15
10
  export type IconButtonVariantProps = VariantProps<typeof iconButtonRootVariants>;
16
11
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +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"}
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;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"}
@@ -1 +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"}
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;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"}
@@ -1,4 +1,6 @@
1
+ import { type VariantProps } from 'class-variance-authority';
1
2
  export declare const linkRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
3
  export declare const linkLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
3
4
  export declare const linkIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
+ export type LinkVariantProps = VariantProps<typeof linkLabelVariants>;
4
6
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1,17 @@
1
+ import { View, type ViewProps } from 'react-native';
2
+ import { type IProgressProps } from '@cdx-ui/primitives';
3
+ import { type ProgressBarTrackVariantProps } from './styles';
4
+ export interface ProgressBarProps extends IProgressProps, ProgressBarTrackVariantProps {
5
+ readonly className?: string;
6
+ }
7
+ export interface ProgressBarIndicatorProps extends ViewProps {
8
+ readonly className?: string;
9
+ }
10
+ declare const ProgressBarRoot: import("react").ForwardRefExoticComponent<ProgressBarProps & import("react").RefAttributes<View>>;
11
+ declare const ProgressBarIndicator: import("react").ForwardRefExoticComponent<ProgressBarIndicatorProps & import("react").RefAttributes<View>>;
12
+ type ProgressBarCompoundComponent = typeof ProgressBarRoot & {
13
+ Indicator: typeof ProgressBarIndicator;
14
+ };
15
+ export declare const ProgressBar: ProgressBarCompoundComponent;
16
+ export {};
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EAGL,KAAK,4BAA4B,EAClC,MAAM,UAAU,CAAC;AAOlB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,4BAA4B;IACpF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,eAAe,mGAMpB,CAAC;AAIF,QAAA,MAAM,oBAAoB,4GASzB,CAAC;AAIF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,SAAS,EAAE,OAAO,oBAAoB,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,EAElB,4BAA4B,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type VariantProps } from 'class-variance-authority';
2
+ export declare const progressBarTrackVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
3
+ export declare const progressBarIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
4
+ export type ProgressBarTrackVariantProps = VariantProps<typeof progressBarTrackVariants>;
5
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,wBAAwB,oFAEnC,CAAC;AAEH,eAAO,MAAM,4BAA4B,oFAAiD,CAAC;AAE3F,MAAM,MAAM,4BAA4B,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressSegmented/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,yBAAyB,oFAAiC,CAAC;AAExE,eAAO,MAAM,eAAe;;8EAW1B,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressSegmented/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,yBAAyB,oFAAyD,CAAC;AAEhG,eAAO,MAAM,eAAe;;8EAY1B,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
@@ -1 +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"}
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;AAElE,eAAO,MAAM,SAAS;;8EAmBrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC"}
@@ -11,6 +11,7 @@ export * from './Form';
11
11
  export * from './Image';
12
12
  export * from './Input';
13
13
  export * from './Link';
14
+ export * from './ProgressBar';
14
15
  export * from './ProgressSegmented';
15
16
  export * from './Select';
16
17
  export * from './VirtualizedList';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.0.1-alpha.33",
3
+ "version": "0.0.1-alpha.35",
4
4
  "main": "lib/commonjs/index.js",
5
5
  "module": "lib/module/index.js",
6
6
  "react-native": "src/index.ts",
@@ -65,10 +65,10 @@
65
65
  "dependencies": {
66
66
  "@gorhom/bottom-sheet": "^5.2.6",
67
67
  "class-variance-authority": "^0.7.1",
68
- "uniwind": "1.4.1",
69
- "@cdx-ui/primitives": "0.0.1-alpha.33",
70
- "@cdx-ui/utils": "0.0.1-alpha.33",
71
- "@cdx-ui/icons": "0.0.1-alpha.33"
68
+ "uniwind": "1.6.1",
69
+ "@cdx-ui/icons": "0.0.1-alpha.35",
70
+ "@cdx-ui/primitives": "0.0.1-alpha.35",
71
+ "@cdx-ui/utils": "0.0.1-alpha.35"
72
72
  },
73
73
  "devDependencies": {
74
74
  "@types/react": "*",
@@ -51,7 +51,6 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
51
51
  variant = 'strong',
52
52
  color = 'action',
53
53
  size = 'default',
54
- mode = 'light',
55
54
  fullWidth = false,
56
55
  className,
57
56
  children,
@@ -61,7 +60,7 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
61
60
  ref,
62
61
  ) => {
63
62
  const computedClassName = cn(
64
- buttonRootVariants({ variant, color, size, mode, fullWidth }),
63
+ buttonRootVariants({ variant, color, size, fullWidth }),
65
64
  className,
66
65
  );
67
66
 
@@ -70,7 +69,7 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
70
69
  ref={ref}
71
70
  className={computedClassName}
72
71
  style={style}
73
- context={{ variant, color, size, mode, fullWidth }}
72
+ context={{ variant, color, size, fullWidth }}
74
73
  {...props}
75
74
  >
76
75
  {children}
@@ -92,9 +91,9 @@ export interface ButtonTextProps extends TextProps {
92
91
 
93
92
  const ButtonLabel = forwardRef<Text, ButtonTextProps>(
94
93
  ({ className, children, style, ...props }, ref) => {
95
- const { variant, color, size, mode } = useButtonStyleContext();
94
+ const { variant, color, size } = useButtonStyleContext();
96
95
 
97
- const computedClassName = cn(buttonTextVariants({ variant, color, size, mode }), className);
96
+ const computedClassName = cn(buttonTextVariants({ variant, color, size }), className);
98
97
 
99
98
  return (
100
99
  <ButtonPrimitive.Text ref={ref} className={computedClassName} style={style} {...props}>
@@ -158,11 +157,8 @@ export interface ButtonSpinnerProps extends ActivityIndicatorProps {
158
157
 
159
158
  const ButtonSpinner = forwardRef<ActivityIndicator, ButtonSpinnerProps>(
160
159
  ({ className, colorClassName, style, ...props }, ref) => {
161
- const { variant, color, mode } = useButtonStyleContext();
162
- const computedColorClassName = cn(
163
- buttonSpinnerVariants({ variant, color, mode }),
164
- colorClassName,
165
- );
160
+ const { variant, color } = useButtonStyleContext();
161
+ const computedColorClassName = cn(buttonSpinnerVariants({ variant, color }), colorClassName);
166
162
 
167
163
  return (
168
164
  <ButtonPrimitive.Spinner