@cdx-ui/components 0.1.0 → 0.1.2

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 (89) hide show
  1. package/README.md +8 -12
  2. package/lib/commonjs/components/Input/styles.js +12 -4
  3. package/lib/commonjs/components/Input/styles.js.map +1 -1
  4. package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js +31 -0
  5. package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js.map +1 -0
  6. package/lib/commonjs/components/InsuranceDisclosure/index.js +22 -4
  7. package/lib/commonjs/components/InsuranceDisclosure/index.js.map +1 -1
  8. package/lib/commonjs/components/InsuranceDisclosure/styles.js +13 -3
  9. package/lib/commonjs/components/InsuranceDisclosure/styles.js.map +1 -1
  10. package/lib/commonjs/components/Radio/index.js +14 -3
  11. package/lib/commonjs/components/Radio/index.js.map +1 -1
  12. package/lib/commonjs/components/Radio/styles.js +24 -8
  13. package/lib/commonjs/components/Radio/styles.js.map +1 -1
  14. package/lib/commonjs/components/Select/styles.js +11 -3
  15. package/lib/commonjs/components/Select/styles.js.map +1 -1
  16. package/lib/commonjs/components/Switch/styles.js +14 -14
  17. package/lib/commonjs/components/Switch/styles.js.map +1 -1
  18. package/lib/commonjs/components/Textarea/styles.js +4 -2
  19. package/lib/commonjs/components/Textarea/styles.js.map +1 -1
  20. package/lib/commonjs/figma/Field.Radio.figma.js +58 -0
  21. package/lib/commonjs/figma/Field.Radio.figma.js.map +1 -0
  22. package/lib/commonjs/figma/InsuranceDisclosure.figma.js +26 -0
  23. package/lib/commonjs/figma/InsuranceDisclosure.figma.js.map +1 -0
  24. package/lib/commonjs/figma/Radio.Group.figma.js +24 -0
  25. package/lib/commonjs/figma/Radio.Group.figma.js.map +1 -0
  26. package/lib/commonjs/figma/Radio.figma.js +12 -6
  27. package/lib/commonjs/figma/Radio.figma.js.map +1 -1
  28. package/lib/commonjs/styles/constants.js +5 -1
  29. package/lib/commonjs/styles/constants.js.map +1 -1
  30. package/lib/module/components/Input/styles.js +13 -5
  31. package/lib/module/components/Input/styles.js.map +1 -1
  32. package/lib/module/components/InsuranceDisclosure/FdicLockup.js +27 -0
  33. package/lib/module/components/InsuranceDisclosure/FdicLockup.js.map +1 -0
  34. package/lib/module/components/InsuranceDisclosure/index.js +22 -4
  35. package/lib/module/components/InsuranceDisclosure/index.js.map +1 -1
  36. package/lib/module/components/InsuranceDisclosure/styles.js +13 -3
  37. package/lib/module/components/InsuranceDisclosure/styles.js.map +1 -1
  38. package/lib/module/components/Radio/index.js +14 -3
  39. package/lib/module/components/Radio/index.js.map +1 -1
  40. package/lib/module/components/Radio/styles.js +25 -9
  41. package/lib/module/components/Radio/styles.js.map +1 -1
  42. package/lib/module/components/Select/styles.js +12 -4
  43. package/lib/module/components/Select/styles.js.map +1 -1
  44. package/lib/module/components/Switch/styles.js +14 -14
  45. package/lib/module/components/Switch/styles.js.map +1 -1
  46. package/lib/module/components/Textarea/styles.js +5 -3
  47. package/lib/module/components/Textarea/styles.js.map +1 -1
  48. package/lib/module/figma/Field.Radio.figma.js +52 -0
  49. package/lib/module/figma/Field.Radio.figma.js.map +1 -0
  50. package/lib/module/figma/InsuranceDisclosure.figma.js +20 -0
  51. package/lib/module/figma/InsuranceDisclosure.figma.js.map +1 -0
  52. package/lib/module/figma/Radio.Group.figma.js +18 -0
  53. package/lib/module/figma/Radio.Group.figma.js.map +1 -0
  54. package/lib/module/figma/Radio.figma.js +12 -6
  55. package/lib/module/figma/Radio.figma.js.map +1 -1
  56. package/lib/module/styles/constants.js +4 -0
  57. package/lib/module/styles/constants.js.map +1 -1
  58. package/lib/typescript/components/Input/styles.d.ts.map +1 -1
  59. package/lib/typescript/components/InsuranceDisclosure/FdicLockup.d.ts +2 -0
  60. package/lib/typescript/components/InsuranceDisclosure/FdicLockup.d.ts.map +1 -0
  61. package/lib/typescript/components/InsuranceDisclosure/index.d.ts +24 -3
  62. package/lib/typescript/components/InsuranceDisclosure/index.d.ts.map +1 -1
  63. package/lib/typescript/components/InsuranceDisclosure/styles.d.ts +5 -1
  64. package/lib/typescript/components/InsuranceDisclosure/styles.d.ts.map +1 -1
  65. package/lib/typescript/components/Radio/index.d.ts.map +1 -1
  66. package/lib/typescript/components/Radio/styles.d.ts.map +1 -1
  67. package/lib/typescript/components/Select/styles.d.ts.map +1 -1
  68. package/lib/typescript/components/Switch/styles.d.ts.map +1 -1
  69. package/lib/typescript/components/Textarea/styles.d.ts.map +1 -1
  70. package/lib/typescript/figma/Field.Radio.figma.d.ts +8 -0
  71. package/lib/typescript/figma/Field.Radio.figma.d.ts.map +1 -0
  72. package/lib/typescript/figma/InsuranceDisclosure.figma.d.ts +8 -0
  73. package/lib/typescript/figma/InsuranceDisclosure.figma.d.ts.map +1 -0
  74. package/lib/typescript/figma/Radio.Group.figma.d.ts +8 -0
  75. package/lib/typescript/figma/Radio.Group.figma.d.ts.map +1 -0
  76. package/lib/typescript/figma/Radio.figma.d.ts.map +1 -1
  77. package/lib/typescript/styles/constants.d.ts +1 -0
  78. package/lib/typescript/styles/constants.d.ts.map +1 -1
  79. package/package.json +5 -5
  80. package/src/components/Input/styles.ts +11 -3
  81. package/src/components/InsuranceDisclosure/FdicLockup.tsx +23 -0
  82. package/src/components/InsuranceDisclosure/index.tsx +54 -14
  83. package/src/components/InsuranceDisclosure/styles.ts +28 -9
  84. package/src/components/Radio/index.tsx +22 -6
  85. package/src/components/Radio/styles.ts +46 -6
  86. package/src/components/Select/styles.ts +11 -3
  87. package/src/components/Switch/styles.ts +23 -15
  88. package/src/components/Textarea/styles.ts +5 -3
  89. package/src/styles/constants.ts +4 -0
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from '@cdx-ui/utils';
4
- import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
4
+ import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
5
5
 
6
6
  // ── Trigger ─────────────────────────────────────────────────
7
7
 
@@ -18,9 +18,15 @@ export const selectTriggerVariants = cva(['flex w-full min-w-0 flex-row items-ce
18
18
  },
19
19
  size: {
20
20
  default: ['h-11 min-h-11 px-4 py-3 gap-4',
21
+ // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
22
+ // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
23
+ 'web:max-[600px]:py-2',
21
24
  // Native only: subtract one hairline so the wider focus border doesn't shift layout.
22
25
  'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
23
- small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
26
+ small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
27
+ // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
28
+ // h-8 at 12px text.
29
+ 'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
24
30
  }
25
31
  },
26
32
  defaultVariants: {
@@ -34,8 +40,10 @@ export const selectTriggerVariants = cva(['flex w-full min-w-0 flex-row items-ce
34
40
  export const selectValueVariants = cva(['min-w-0 flex-1 text-start', 'text-content-primary', 'data-[placeholder=true]:text-content-tertiary', 'data-[invalid=true]:text-content-danger'], {
35
41
  variants: {
36
42
  size: {
37
- default: 'text-[0.875rem]',
38
- small: 'text-[0.75rem]'
43
+ // Web <600px: 16px matches Input/Textarea and prevents iOS Safari focus-zoom.
44
+ // Native and web ≥600px keep 14px / 12px (Figma Viewport=Wide).
45
+ default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
46
+ small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT]
39
47
  }
40
48
  },
41
49
  defaultVariants: {
@@ -1 +1 @@
1
- {"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","selectTriggerVariants","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;;AAE3E;;AAEA,OAAO,MAAMC,qBAAqB,GAAGH,GAAG,CACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,mBAAmB,GAAGX,GAAG,CACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,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;;AAEA,OAAO,MAAMK,kBAAkB,GAAGZ,GAAG,CACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","WEB_NARROW_FIELD_TEXT","selectTriggerVariants","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,EAAEC,qBAAqB,QAAQ,wBAAwB;;AAElG;;AAEA,OAAO,MAAMC,qBAAqB,GAAGJ,GAAG,CACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA;MACA,sBAAsB;MACtB;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,mBAAmB,GAAGZ,GAAG,CACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEN,qBAAqB,CAAC;MACnDO,KAAK,EAAE,CAAC,gBAAgB,EAAEP,qBAAqB;IACjD;EACF,CAAC;EACDQ,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMK,kBAAkB,GAAGb,GAAG,CACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
@@ -6,10 +6,10 @@ import { cva } from '@cdx-ui/utils';
6
6
  // NATIVE — Uniwind className bindings for RN Switch
7
7
  // =============================================================================
8
8
 
9
- export const switchThumbColorVariants = cva(['accent-white'], {
9
+ export const switchThumbColorVariants = cva(['accent-surface-primary'], {
10
10
  variants: {
11
11
  isDisabled: {
12
- true: 'accent-gray-200',
12
+ true: 'accent-surface-neutral-subtle',
13
13
  false: ''
14
14
  }
15
15
  },
@@ -17,10 +17,10 @@ export const switchThumbColorVariants = cva(['accent-white'], {
17
17
  isDisabled: false
18
18
  }
19
19
  });
20
- export const switchTrackOnVariants = cva(['accent-blue-500'], {
20
+ export const switchTrackOnVariants = cva(['accent-surface-action-strong'], {
21
21
  variants: {
22
22
  isInvalid: {
23
- true: 'accent-red-500',
23
+ true: 'accent-surface-danger-strong',
24
24
  false: ''
25
25
  }
26
26
  },
@@ -28,10 +28,10 @@ export const switchTrackOnVariants = cva(['accent-blue-500'], {
28
28
  isInvalid: false
29
29
  }
30
30
  });
31
- export const switchTrackOffVariants = cva(['accent-gray-300'], {
31
+ export const switchTrackOffVariants = cva(['accent-surface-neutral-subtle'], {
32
32
  variants: {
33
33
  isInvalid: {
34
- true: 'accent-red-300',
34
+ true: 'accent-surface-danger-subtle',
35
35
  false: ''
36
36
  }
37
37
  },
@@ -39,10 +39,10 @@ export const switchTrackOffVariants = cva(['accent-gray-300'], {
39
39
  isInvalid: false
40
40
  }
41
41
  });
42
- export const switchIosBgVariants = cva(['accent-gray-300'], {
42
+ export const switchIosBgVariants = cva(['accent-surface-neutral-subtle'], {
43
43
  variants: {
44
44
  isInvalid: {
45
- true: 'accent-red-300',
45
+ true: 'accent-surface-danger-subtle',
46
46
  false: ''
47
47
  }
48
48
  },
@@ -55,7 +55,7 @@ export const switchIosBgVariants = cva(['accent-gray-300'], {
55
55
  // WEB — Tailwind classes for custom Pressable toggle
56
56
  // =============================================================================
57
57
 
58
- export const switchTrackVariants = cva(['flex-row items-center rounded-full cursor-pointer', 'transition-colors duration-200', 'data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed', 'web:data-[focus-visible=true]:ring-3 web:data-[focus-visible=true]:ring-blue-300/50', 'web:data-[invalid=true]:data-[focus-visible=true]:ring-red-300/50'], {
58
+ export const switchTrackVariants = cva(['flex-row items-center rounded-full cursor-pointer', 'transition-colors duration-200', 'data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed', 'web:data-[focus-visible=true]:ring-3 web:data-[focus-visible=true]:ring-stroke-focus/50', 'web:data-[invalid=true]:data-[focus-visible=true]:ring-stroke-danger/50'], {
59
59
  variants: {
60
60
  size: {
61
61
  sm: 'w-9 h-5 p-0.5',
@@ -70,8 +70,8 @@ export const switchTrackVariants = cva(['flex-row items-center rounded-full curs
70
70
  export const switchWebTrackColorVariants = cva([], {
71
71
  variants: {
72
72
  isChecked: {
73
- true: 'bg-blue-500 data-[hover=true]:bg-blue-600',
74
- false: 'bg-gray-300 data-[hover=true]:bg-gray-400'
73
+ true: 'bg-surface-action-strong data-[hover=true]:bg-surface-action-strong-hover',
74
+ false: 'bg-surface-neutral-subtle data-[hover=true]:bg-surface-neutral-subtle-hover'
75
75
  },
76
76
  isInvalid: {
77
77
  true: '',
@@ -81,18 +81,18 @@ export const switchWebTrackColorVariants = cva([], {
81
81
  compoundVariants: [{
82
82
  isChecked: true,
83
83
  isInvalid: true,
84
- className: 'bg-red-500 data-[hover=true]:bg-red-600'
84
+ className: 'bg-surface-danger-strong data-[hover=true]:bg-surface-danger-strong-hover'
85
85
  }, {
86
86
  isChecked: false,
87
87
  isInvalid: true,
88
- className: 'bg-red-300 data-[hover=true]:bg-red-400'
88
+ className: 'bg-surface-danger-subtle data-[hover=true]:bg-surface-danger-subtle-hover'
89
89
  }],
90
90
  defaultVariants: {
91
91
  isChecked: false,
92
92
  isInvalid: false
93
93
  }
94
94
  });
95
- export const switchThumbVariants = cva(['rounded-full bg-white shadow-sm', 'transition-transform duration-200'], {
95
+ export const switchThumbVariants = cva(['rounded-full bg-surface-primary shadow-sm', 'transition-transform duration-200'], {
96
96
  variants: {
97
97
  size: {
98
98
  sm: 'w-4 h-4',
@@ -1 +1 @@
1
- {"version":3,"names":["cva","switchThumbColorVariants","variants","isDisabled","true","false","defaultVariants","switchTrackOnVariants","isInvalid","switchTrackOffVariants","switchIosBgVariants","switchTrackVariants","size","sm","md","lg","switchWebTrackColorVariants","isChecked","compoundVariants","className","switchThumbVariants"],"sourceRoot":"../../../../src","sources":["components/Switch/styles.ts"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["cva","switchThumbColorVariants","variants","isDisabled","true","false","defaultVariants","switchTrackOnVariants","isInvalid","switchTrackOffVariants","switchIosBgVariants","switchTrackVariants","size","sm","md","lg","switchWebTrackColorVariants","isChecked","compoundVariants","className","switchThumbVariants"],"sourceRoot":"../../../../src","sources":["components/Switch/styles.ts"],"mappings":"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","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from '@cdx-ui/utils';
4
- import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
4
+ import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
5
5
  export const textareaRootVariants = cva([
6
6
  // Multiline shell: stretch the field to full width and let the shell grow with it
7
7
  // (no fixed height, no overflow-hidden so a web resize handle is never clipped).
@@ -33,8 +33,10 @@ export const textareaFieldVariants = cva([
33
33
  'flex-1 min-w-0 bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
34
34
  variants: {
35
35
  size: {
36
- default: 'text-[0.875rem]',
37
- small: 'text-[0.75rem]'
36
+ // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
37
+ // 14px / 12px (Figma Viewport=Wide).
38
+ default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
39
+ small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT]
38
40
  }
39
41
  },
40
42
  defaultVariants: {
@@ -1 +1 @@
1
- {"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","textareaRootVariants","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,oBAAoB,GAAGH,GAAG,CACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,iBAAiB,EACjB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,mBAAmB,EACnB,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,qBAAqB,GAAGX,GAAG,CACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,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,gCAAgC,GAAGZ,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","WEB_NARROW_FIELD_TEXT","textareaRootVariants","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,EAAEC,qBAAqB,QAAQ,wBAAwB;AAElG,OAAO,MAAMC,oBAAoB,GAAGJ,GAAG,CACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,iBAAiB,EACjB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,mBAAmB,EACnB,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,qBAAqB,GAAGZ,GAAG,CACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEK,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEN,qBAAqB,CAAC;MACnDO,KAAK,EAAE,CAAC,gBAAgB,EAAEP,qBAAqB;IACjD;EACF,CAAC;EACDQ,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMK,gCAAgC,GAAGb,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5531-6635
4
+ // source=packages/components/src/components/Field/index.tsx
5
+ // component=Field
6
+ import figma from 'figma';
7
+ const instance = figma.selectedInstance;
8
+ const showLabel = instance.getBoolean('Show Label?');
9
+ const showHelperText = instance.getBoolean('Show Helper Text?');
10
+ const showErrorText = instance.getBoolean('Show Error Text?');
11
+
12
+ // Enum-as-boolean: isInvalid / isDisabled are VARIANT properties in Figma (string values "true"/"false").
13
+ // Map "false" to undefined so renderProp omits them from the snippet.
14
+ // isFocused is a runtime interaction state and is intentionally omitted.
15
+ const isInvalid = instance.getEnum('isInvalid', {
16
+ true: true,
17
+ false: undefined
18
+ });
19
+ const isDisabled = instance.getEnum('isDisabled', {
20
+ true: true,
21
+ false: undefined
22
+ });
23
+ const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
24
+ const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
25
+ const labelText = instance.findText('{label}', {
26
+ traverseInstances: true
27
+ }).textContent;
28
+ const helperText = instance.findText('{HelperText}', {
29
+ traverseInstances: true
30
+ }).textContent;
31
+ const errorText = instance.findText('{ErrorText}', {
32
+ traverseInstances: true
33
+ }).textContent;
34
+ const radioGroup = instance.findInstance('Radio.Group');
35
+ let radioGroupSnippet;
36
+ if (radioGroup?.type === 'INSTANCE') {
37
+ radioGroupSnippet = radioGroup.executeTemplate().example;
38
+ }
39
+ export default {
40
+ id: 'field-radio',
41
+ // Only import Field here; the nested Radio.Group template provides its own "import { Radio } …" line.
42
+ // Code Connect merges the two separate import statements from the same package automatically.
43
+ imports: ["import { Field } from '@cdx-ui/components'"],
44
+ example: figma.code`
45
+ <Field${isInvalidProp}${isDisabledProp}>
46
+ ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
47
+ ${radioGroupSnippet}
48
+ ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
49
+ ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
50
+ </Field>`
51
+ };
52
+ //# sourceMappingURL=Field.Radio.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["figma","instance","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","radioGroup","findInstance","radioGroupSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Radio.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGJ,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGL,QAAQ,CAACG,UAAU,CAAC,kBAAkB,CAAC;;AAE7D;AACA;AACA;AACA,MAAMG,SAAS,GAAGN,QAAQ,CAACO,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,SAAS,CAAC;AAC5E,MAAMU,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GACbjB,QAAQ,CAACkB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdrB,QAAQ,CAACkB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbtB,QAAQ,CAACkB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,UAAU,GAAGvB,QAAQ,CAACwB,YAAY,CAAC,aAAa,CAAC;AACvD,IAAIC,iBAA8D;AAClE,IAAIF,UAAU,EAAEG,IAAI,KAAK,UAAU,EAAE;EACnCD,iBAAiB,GAAGF,UAAU,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAC1D;AAEA,eAAe;EACbC,EAAE,EAAE,aAAa;EACjB;EACA;EACAC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE7B,KAAK,CAACgC,IAAI;AACrB,QAAQnB,aAAa,GAAGI,cAAc;AACtC,IAAId,SAAS,GAAGH,KAAK,CAACgC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,iBAAiB;AACrB,IAAI,CAACnB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACgC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIf,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACgC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8550-3291
4
+ // source=packages/components/src/components/InsuranceDisclosure/index.tsx
5
+ // component=InsuranceDisclosure
6
+ import figma from 'figma';
7
+ const instance = figma.selectedInstance;
8
+ const framed = instance.getEnum('framed', {
9
+ true: true,
10
+ false: undefined
11
+ });
12
+ const framedProp = figma.helpers.react.renderProp('framed', framed);
13
+ const label = instance.findText('Statement').textContent;
14
+ export default {
15
+ id: 'insurance-disclosure',
16
+ imports: ["import { InsuranceDisclosure } from '@cdx-ui/components'"],
17
+ example: figma.code`
18
+ <InsuranceDisclosure label="${label}"${framedProp} />`
19
+ };
20
+ //# sourceMappingURL=InsuranceDisclosure.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["figma","instance","selectedInstance","framed","getEnum","true","false","undefined","framedProp","helpers","react","renderProp","label","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/InsuranceDisclosure.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,MAAM,GAAGF,QAAQ,CAACG,OAAO,CAAC,QAAQ,EAAE;EACxCC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAER,MAAM,CAAC;AAEnE,MAAMS,KAAK,GAAIX,QAAQ,CAACY,QAAQ,CAAC,WAAW,CAAC,CAAgCC,WAAW;AAExF,eAAe;EACbC,EAAE,EAAE,sBAAsB;EAC1BC,OAAO,EAAE,CAAC,0DAA0D,CAAC;EACrEC,OAAO,EAAEjB,KAAK,CAACkB,IAAI;AACrB,8BAA8BN,KAAK,IAAIJ,UAAU;AACjD,CAAC","ignoreList":[]}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5531-5344
4
+ // source=packages/components/src/components/Radio/index.tsx
5
+ // component=Radio.Group
6
+ import figma from 'figma';
7
+ const instance = figma.selectedInstance;
8
+ const optionsSlot = instance.getSlot('options');
9
+ const optionsChildren = optionsSlot ? figma.helpers.react.renderChildren(optionsSlot) : null;
10
+ export default {
11
+ id: 'radio-group',
12
+ imports: ["import { Radio } from '@cdx-ui/components'"],
13
+ example: figma.code`
14
+ <Radio.Group>
15
+ ${optionsChildren}
16
+ </Radio.Group>`
17
+ };
18
+ //# sourceMappingURL=Radio.Group.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["figma","instance","selectedInstance","optionsSlot","getSlot","optionsChildren","helpers","react","renderChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.Group.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,CAAC;AAC/C,MAAMC,eAAe,GAAGF,WAAW,GAAGH,KAAK,CAACM,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbM,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEX,KAAK,CAACY,IAAI;AACrB;AACA,IAAIP,eAAe;AACnB;AACA,CAAC","ignoreList":[]}
@@ -6,28 +6,34 @@
6
6
  import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
8
 
9
- // Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma (string values "true"/"false").
10
- // Rendered via renderProp so JSX formatting matches Code Connect conventions.
9
+ // Enum-as-boolean: isDisabled, isInvalid, and isReadOnly are VARIANT properties in Figma (string values "true"/"false").
10
+ // Map "false" to undefined so renderProp omits them from the snippet.
11
+ // isChecked, isHovered, and isFocused are runtime/visual states and are intentionally omitted.
11
12
  const isDisabled = instance.getEnum('isDisabled', {
12
13
  true: true,
13
- false: false
14
+ false: undefined
14
15
  });
15
16
  const isInvalid = instance.getEnum('isInvalid', {
16
17
  true: true,
17
- false: false
18
+ false: undefined
19
+ });
20
+ const isReadOnly = instance.getEnum('isReadOnly', {
21
+ true: true,
22
+ false: undefined
18
23
  });
19
24
  const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
20
25
  const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
26
+ const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
21
27
  const showLabel = instance.getEnum('Show Label?', {
22
28
  true: true,
23
29
  false: false
24
30
  });
25
- const labelText = instance.findText('Label').textContent;
31
+ const labelText = instance.findText('Radio.Label').textContent;
26
32
  export default {
27
33
  id: 'radio',
28
34
  imports: ["import { Radio } from '@cdx-ui/components'"],
29
35
  example: figma.code`
30
- <Radio value="option"${isDisabledProp}${isInvalidProp}>
36
+ <Radio value="option"${isDisabledProp}${isInvalidProp}${isReadOnlyProp}>
31
37
  ${showLabel ? figma.code`<Radio.Label>${labelText}</Radio.Label>` : null}
32
38
  </Radio>`
33
39
  };
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","isInvalid","isDisabledProp","helpers","react","renderProp","isInvalidProp","showLabel","labelText","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGN,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,cAAc,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;AAC/E,MAAMS,aAAa,GAAGZ,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEJ,SAAS,CAAC;AAE5E,MAAMM,SAAS,GAAGZ,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAIb,QAAQ,CAACc,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAExF,eAAe;EACbC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEnB,KAAK,CAACoB,IAAI;AACrB,uBAAuBZ,cAAc,GAAGI,aAAa;AACrD,IAAIC,SAAS,GAAGb,KAAK,CAACoB,IAAI,gBAAgBN,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","undefined","isInvalid","isReadOnly","isDisabledProp","helpers","react","renderProp","isInvalidProp","isReadOnlyProp","showLabel","labelText","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGP,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGR,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMG,cAAc,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAC/E,MAAMW,aAAa,GAAGd,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEL,SAAS,CAAC;AAC5E,MAAMO,cAAc,GAAGf,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GAAGf,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMW,SAAS,GAAIhB,QAAQ,CAACiB,QAAQ,CAAC,aAAa,CAAC,CAAgCC,WAAW;AAE9F,eAAe;EACbC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEtB,KAAK,CAACuB,IAAI;AACrB,uBAAuBb,cAAc,GAAGI,aAAa,GAAGC,cAAc;AACtE,IAAIC,SAAS,GAAGhB,KAAK,CAACuB,IAAI,gBAAgBN,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}
@@ -9,4 +9,8 @@ export const TRANSITION_COLORS = 'transition-colors duration-150';
9
9
  // ─── Disabled ────────────────────────────────────────────
10
10
  export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
11
11
  export const DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
12
+
13
+ // Web-only iOS Safari focus-zoom guard. Figma Viewport=Narrow (<600px) uses body/lg
14
+ // (16px / 24px); Viewport=Wide (≥600px) keeps the size variant's original px size.
15
+ export const WEB_NARROW_FIELD_TEXT = 'web:max-[600px]:text-base web:max-[600px]:leading-normal';
12
16
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;AAAA;AACA;;AAEA;AACA,OAAO,MAAMA,iBAAiB,GAAG,gCAAgC;;AAEjE;AACA,OAAO,MAAMC,gBAAgB,GAAG,iCAAiC;AACjE,OAAO,MAAMC,eAAe,GAC1B,kFAAkF","ignoreList":[]}
1
+ {"version":3,"names":["TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","WEB_NARROW_FIELD_TEXT"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;AAAA;AACA;;AAEA;AACA,OAAO,MAAMA,iBAAiB,GAAG,gCAAgC;;AAEjE;AACA,OAAO,MAAMC,gBAAgB,GAAG,iCAAiC;AACjE,OAAO,MAAMC,eAAe,GAC1B,kFAAkF;;AAEpF;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAG,0DAA0D","ignoreList":[]}
@@ -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,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EAqD7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAyB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAA4D,CAAC;AAE3F,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,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,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EA2D7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EA2B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAA4D,CAAC;AAE3F,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare function FdicLockup(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=FdicLockup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FdicLockup.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/FdicLockup.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAkBzB"}
@@ -1,10 +1,31 @@
1
1
  import { View, type ImageSourcePropType } from 'react-native';
2
2
  import { type HStackProps } from '../Stack/HStack';
3
- export interface InsuranceDisclosureProps extends Omit<HStackProps, 'children'> {
4
- logoSource: string | ImageSourcePropType;
5
- logoAccessibilityLabel: string;
3
+ type InsuranceDisclosureSharedProps = Omit<HStackProps, 'children'> & {
4
+ /**
5
+ * When `true`, renders surface chrome (background, border, radius, padding).
6
+ * Defaults to `false` — unframed disclosures have no border or padding.
7
+ *
8
+ * @breakingChange Prior versions always rendered a bordered container with `p-4`.
9
+ * Pass `framed` to restore chrome; padding is now `px-3 py-2`.
10
+ */
11
+ framed?: boolean;
6
12
  label?: string;
7
13
  className?: string;
14
+ };
15
+ /** Bundled official FDIC lockup — omit `logoSource` to use the default mark. */
16
+ export interface InsuranceDisclosureBundledLogoProps extends InsuranceDisclosureSharedProps {
17
+ logoSource?: undefined;
18
+ /** Ignored when the bundled FDIC lockup is used. */
19
+ logoAccessibilityLabel?: string;
20
+ }
21
+ /** Custom logo override — `logoAccessibilityLabel` is required. */
22
+ export interface InsuranceDisclosureCustomLogoProps extends InsuranceDisclosureSharedProps {
23
+ /** Logo image — a remote URI string or a React Native image source. */
24
+ logoSource: string | ImageSourcePropType;
25
+ /** Accessible label for the custom logo, announced by assistive technology. */
26
+ logoAccessibilityLabel: string;
8
27
  }
28
+ export type InsuranceDisclosureProps = InsuranceDisclosureBundledLogoProps | InsuranceDisclosureCustomLogoProps;
9
29
  export declare const InsuranceDisclosure: import("react").ForwardRefExoticComponent<InsuranceDisclosureProps & import("react").RefAttributes<View>>;
30
+ export {};
10
31
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ3D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC7E,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACzC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,2GAoC9B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAS3D,KAAK,8BAA8B,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IACpE;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,gFAAgF;AAChF,MAAM,WAAW,mCAAoC,SAAQ,8BAA8B;IACzF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,oDAAoD;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,mEAAmE;AACnE,MAAM,WAAW,kCAAmC,SAAQ,8BAA8B;IACxF,uEAAuE;IACvE,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACzC,+EAA+E;IAC/E,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAChC,mCAAmC,GACnC,kCAAkC,CAAC;AAEvC,eAAO,MAAM,mBAAmB,2GAkD9B,CAAC"}
@@ -1,4 +1,8 @@
1
- export declare const insuranceDisclosureRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
1
+ import { type VariantProps } from '@cdx-ui/utils';
2
+ export declare const insuranceDisclosureRootVariants: (props?: ({
3
+ framed?: boolean | null | undefined;
4
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
+ export type InsuranceDisclosureRootVariantProps = VariantProps<typeof insuranceDisclosureRootVariants>;
2
6
  export declare const insuranceDisclosureLogoVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
3
7
  export declare const insuranceDisclosureTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
4
8
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B,oFAK1C,CAAC;AAEH,eAAO,MAAM,+BAA+B,oFAA6B,CAAC;AAE1E,eAAO,MAAM,+BAA+B,oFAAyC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,+BAA+B;;8EAkB3C,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,YAAY,CAC5D,OAAO,+BAA+B,CACvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,oFAA6B,CAAC;AAE1E,eAAO,MAAM,+BAA+B,oFAE1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAc5B,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,6FAeb,CAAC;AAoBH,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,sGAgDnB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAiBf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,kGA0Cf,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,SAAS,EAAE,OAAO,cAAc,CAAC;IACjC,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAIZ,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAc5B,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,6FAeb,CAAC;AAoBH,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,sGAwDnB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAyBf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,kGA0Cf,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,SAAS,EAAE,OAAO,cAAc,CAAC;IACjC,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAIZ,sBAAsB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,oFAO5B,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAqCjC,CAAC;AAEH,eAAO,MAAM,qBAAqB,oFAoBhC,CAAC;AAEH,eAAO,MAAM,kBAAkB,oFAA2C,CAAC;AAE3E,eAAO,MAAM,kBAAkB;;8EAQ7B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,oFAQ5B,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFA0DjC,CAAC;AAEH,eAAO,MAAM,qBAAqB,oFAiChC,CAAC;AAEH,eAAO,MAAM,kBAAkB,oFAK7B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;8EAQ7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EA+DjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAkB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EAqEjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAMvD,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAQhC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;8EAQjC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAQ9B,CAAC;AAMH,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;8EAmBtC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAwB/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAMvD,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAQhC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;8EAQjC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAQ9B,CAAC;AAMH,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;8EA2BtC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAwB/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,oBAAoB;;;8EAuDhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAqBjC,CAAC;AAEF,eAAO,MAAM,gCAAgC,oFAAmC,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,oBAAoB;;;8EAuDhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAuBjC,CAAC;AAEF,eAAO,MAAM,gCAAgC,oFAAmC,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=Field.Radio.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Field.Radio.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Field.Radio.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA6C1B,wBAYE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=InsuranceDisclosure.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InsuranceDisclosure.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/InsuranceDisclosure.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAY1B,wBAKE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=Radio.Group.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.Group.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Radio.Group.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAO1B,wBAOE"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Radio.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAwB1B,wBAOE"}
1
+ {"version":3,"file":"Radio.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Radio.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA8B1B,wBAOE"}
@@ -1,4 +1,5 @@
1
1
  export declare const TRANSITION_COLORS = "transition-colors duration-150";
2
2
  export declare const DISABLED_OPACITY = "data-[disabled=true]:opacity-50";
3
3
  export declare const DISABLED_CURSOR = "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none";
4
+ export declare const WEB_NARROW_FIELD_TEXT = "web:max-[600px]:text-base web:max-[600px]:leading-normal";
4
5
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC;AAIrF,eAAO,MAAM,qBAAqB,6DAA6D,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.1.0",
3
+ "version": "0.1.2",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
@@ -81,10 +81,10 @@
81
81
  "@marceloterreiro/flash-calendar": "2.0.0",
82
82
  "react-native-reanimated-carousel": "5.0.0-beta.5",
83
83
  "uniwind": "1.10.0",
84
- "@cdx-ui/primitives": "0.1.0",
85
- "@cdx-ui/utils": "0.1.0",
86
- "@cdx-ui/icons": "0.1.0",
87
- "@cdx-ui/formatters": "0.1.0"
84
+ "@cdx-ui/formatters": "0.1.2",
85
+ "@cdx-ui/primitives": "0.1.2",
86
+ "@cdx-ui/utils": "0.1.2",
87
+ "@cdx-ui/icons": "0.1.2"
88
88
  },
89
89
  "devDependencies": {
90
90
  "@react-navigation/bottom-tabs": "*",
@@ -1,5 +1,5 @@
1
1
  import { cva, type VariantProps } from '@cdx-ui/utils';
2
- import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
2
+ import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
3
3
 
4
4
  export const inputRootVariants = cva(
5
5
  [
@@ -39,11 +39,17 @@ export const inputRootVariants = cva(
39
39
  size: {
40
40
  default: [
41
41
  'h-11 min-h-11 px-4 py-3 gap-4',
42
+ // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
43
+ // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
44
+ 'web:max-[600px]:py-2',
42
45
  'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]',
43
46
  'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]',
44
47
  ],
45
48
  small: [
46
49
  'h-8 min-h-8 px-3 py-2 gap-1.5',
50
+ // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
51
+ // h-8 at 12px text.
52
+ 'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5',
47
53
  'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]',
48
54
  'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]',
49
55
  ],
@@ -73,8 +79,10 @@ export const inputFieldVariants = cva(
73
79
  {
74
80
  variants: {
75
81
  size: {
76
- default: 'text-[0.875rem]',
77
- small: 'text-[0.75rem]',
82
+ // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
83
+ // 14px / 12px (Figma Viewport=Wide).
84
+ default: ['text-[0.875rem]', WEB_NARROW_FIELD_TEXT],
85
+ small: ['text-[0.75rem]', WEB_NARROW_FIELD_TEXT],
78
86
  },
79
87
  },
80
88
  defaultVariants: {