@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 +1 @@
1
- {"version":3,"names":["_utils","require","_constants","textareaRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,UAAG,EACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,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;EACEC,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;AAEM,MAAMI,qBAAqB,GAAAX,OAAA,CAAAW,qBAAA,GAAG,IAAAV,UAAG,EACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,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;AAEM,MAAMK,gCAAgC,GAAAZ,OAAA,CAAAY,gCAAA,GAAG,IAAAX,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_utils","require","_constants","textareaRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","textareaFieldVariants","WEB_NARROW_FIELD_TEXT","textareaFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Textarea/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,UAAG,EACrC;AACE;AACA;AACA,+BAA+B,EAC/B,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,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;EACEC,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;AAEM,MAAMI,qBAAqB,GAAAX,OAAA,CAAAW,qBAAA,GAAG,IAAAV,UAAG,EACtC;AACE;AACA;AACA,mCAAmC,EACnC,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEI,gCAAqB,CAAC;MACnDH,KAAK,EAAE,CAAC,gBAAgB,EAAEG,gCAAqB;IACjD;EACF,CAAC;EACDF,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMM,gCAAgC,GAAAb,OAAA,CAAAa,gCAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _figma = _interopRequireDefault(require("figma"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5531-6635
10
+ // source=packages/components/src/components/Field/index.tsx
11
+ // component=Field
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+ const showLabel = instance.getBoolean('Show Label?');
15
+ const showHelperText = instance.getBoolean('Show Helper Text?');
16
+ const showErrorText = instance.getBoolean('Show Error Text?');
17
+
18
+ // Enum-as-boolean: isInvalid / isDisabled are VARIANT properties in Figma (string values "true"/"false").
19
+ // Map "false" to undefined so renderProp omits them from the snippet.
20
+ // isFocused is a runtime interaction state and is intentionally omitted.
21
+ const isInvalid = instance.getEnum('isInvalid', {
22
+ true: true,
23
+ false: undefined
24
+ });
25
+ const isDisabled = instance.getEnum('isDisabled', {
26
+ true: true,
27
+ false: undefined
28
+ });
29
+ const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
30
+ const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
31
+ const labelText = instance.findText('{label}', {
32
+ traverseInstances: true
33
+ }).textContent;
34
+ const helperText = instance.findText('{HelperText}', {
35
+ traverseInstances: true
36
+ }).textContent;
37
+ const errorText = instance.findText('{ErrorText}', {
38
+ traverseInstances: true
39
+ }).textContent;
40
+ const radioGroup = instance.findInstance('Radio.Group');
41
+ let radioGroupSnippet;
42
+ if (radioGroup?.type === 'INSTANCE') {
43
+ radioGroupSnippet = radioGroup.executeTemplate().example;
44
+ }
45
+ var _default = exports.default = {
46
+ id: 'field-radio',
47
+ // Only import Field here; the nested Radio.Group template provides its own "import { Radio } …" line.
48
+ // Code Connect merges the two separate import statements from the same package automatically.
49
+ imports: ["import { Field } from '@cdx-ui/components'"],
50
+ example: _figma.default.code`
51
+ <Field${isInvalidProp}${isDisabledProp}>
52
+ ${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
53
+ ${radioGroupSnippet}
54
+ ${!isInvalid && showHelperText ? _figma.default.code`<Field.Helper>${helperText}</Field.Helper>` : null}
55
+ ${isInvalid && showErrorText ? _figma.default.code`<Field.Error>${errorText}</Field.Error>` : null}
56
+ </Field>`
57
+ };
58
+ //# sourceMappingURL=Field.Radio.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Radio.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,SAAS,GAAGH,QAAQ,CAACI,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGL,QAAQ,CAACI,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGN,QAAQ,CAACI,UAAU,CAAC,kBAAkB,CAAC;;AAE7D;AACA;AACA;AACA,MAAMG,SAAS,GAAGP,QAAQ,CAACQ,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACQ,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGZ,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,SAAS,CAAC;AAC5E,MAAMU,cAAc,GAAGhB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GACblB,QAAQ,CAACmB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdtB,QAAQ,CAACmB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbvB,QAAQ,CAACmB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,UAAU,GAAGxB,QAAQ,CAACyB,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEc;EACbiC,EAAE,EAAE,aAAa;EACjB;EACA;EACAC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDJ,OAAO,EAAE5B,cAAK,CAACiC,IAAI;AACrB,QAAQrB,aAAa,GAAGI,cAAc;AACtC,IAAId,SAAS,GAAGF,cAAK,CAACiC,IAAI,gBAAgBhB,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,iBAAiB;AACrB,IAAI,CAACnB,SAAS,IAAIF,cAAc,GAAGJ,cAAK,CAACiC,IAAI,iBAAiBZ,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIf,SAAS,IAAID,aAAa,GAAGL,cAAK,CAACiC,IAAI,gBAAgBX,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _figma = _interopRequireDefault(require("figma"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8550-3291
10
+ // source=packages/components/src/components/InsuranceDisclosure/index.tsx
11
+ // component=InsuranceDisclosure
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+ const framed = instance.getEnum('framed', {
15
+ true: true,
16
+ false: undefined
17
+ });
18
+ const framedProp = _figma.default.helpers.react.renderProp('framed', framed);
19
+ const label = instance.findText('Statement').textContent;
20
+ var _default = exports.default = {
21
+ id: 'insurance-disclosure',
22
+ imports: ["import { InsuranceDisclosure } from '@cdx-ui/components'"],
23
+ example: _figma.default.code`
24
+ <InsuranceDisclosure label="${label}"${framedProp} />`
25
+ };
26
+ //# sourceMappingURL=InsuranceDisclosure.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","framed","getEnum","true","false","undefined","framedProp","helpers","react","renderProp","label","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/InsuranceDisclosure.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,MAAM,GAAGH,QAAQ,CAACI,OAAO,CAAC,QAAQ,EAAE;EACxCC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAER,MAAM,CAAC;AAEnE,MAAMS,KAAK,GAAIZ,QAAQ,CAACa,QAAQ,CAAC,WAAW,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAE1E;EACbkB,EAAE,EAAE,sBAAsB;EAC1BC,OAAO,EAAE,CAAC,0DAA0D,CAAC;EACrEC,OAAO,EAAElB,cAAK,CAACmB,IAAI;AACrB,8BAA8BR,KAAK,IAAIJ,UAAU;AACjD,CAAC","ignoreList":[]}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _figma = _interopRequireDefault(require("figma"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5531-5344
10
+ // source=packages/components/src/components/Radio/index.tsx
11
+ // component=Radio.Group
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+ const optionsSlot = instance.getSlot('options');
15
+ const optionsChildren = optionsSlot ? _figma.default.helpers.react.renderChildren(optionsSlot) : null;
16
+ var _default = exports.default = {
17
+ id: 'radio-group',
18
+ imports: ["import { Radio } from '@cdx-ui/components'"],
19
+ example: _figma.default.code`
20
+ <Radio.Group>
21
+ ${optionsChildren}
22
+ </Radio.Group>`
23
+ };
24
+ //# sourceMappingURL=Radio.Group.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","optionsSlot","getSlot","optionsChildren","helpers","react","renderChildren","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.Group.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,WAAW,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,CAAC;AAC/C,MAAMC,eAAe,GAAGF,WAAW,GAAGF,cAAK,CAACK,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAE9E;EACbY,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEZ,cAAK,CAACa,IAAI;AACrB;AACA,IAAIT,eAAe;AACnB;AACA,CAAC","ignoreList":[]}
@@ -12,28 +12,34 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
12
12
 
13
13
  const instance = _figma.default.selectedInstance;
14
14
 
15
- // Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma (string values "true"/"false").
16
- // Rendered via renderProp so JSX formatting matches Code Connect conventions.
15
+ // Enum-as-boolean: isDisabled, isInvalid, and isReadOnly are VARIANT properties in Figma (string values "true"/"false").
16
+ // Map "false" to undefined so renderProp omits them from the snippet.
17
+ // isChecked, isHovered, and isFocused are runtime/visual states and are intentionally omitted.
17
18
  const isDisabled = instance.getEnum('isDisabled', {
18
19
  true: true,
19
- false: false
20
+ false: undefined
20
21
  });
21
22
  const isInvalid = instance.getEnum('isInvalid', {
22
23
  true: true,
23
- false: false
24
+ false: undefined
25
+ });
26
+ const isReadOnly = instance.getEnum('isReadOnly', {
27
+ true: true,
28
+ false: undefined
24
29
  });
25
30
  const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
26
31
  const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
32
+ const isReadOnlyProp = _figma.default.helpers.react.renderProp('isReadOnly', isReadOnly);
27
33
  const showLabel = instance.getEnum('Show Label?', {
28
34
  true: true,
29
35
  false: false
30
36
  });
31
- const labelText = instance.findText('Label').textContent;
37
+ const labelText = instance.findText('Radio.Label').textContent;
32
38
  var _default = exports.default = {
33
39
  id: 'radio',
34
40
  imports: ["import { Radio } from '@cdx-ui/components'"],
35
41
  example: _figma.default.code`
36
- <Radio value="option"${isDisabledProp}${isInvalidProp}>
42
+ <Radio value="option"${isDisabledProp}${isInvalidProp}${isReadOnlyProp}>
37
43
  ${showLabel ? _figma.default.code`<Radio.Label>${labelText}</Radio.Label>` : null}
38
44
  </Radio>`
39
45
  };
@@ -1 +1 @@
1
- {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isDisabled","getEnum","true","false","isInvalid","isDisabledProp","helpers","react","renderProp","isInvalidProp","showLabel","labelText","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA,MAAMC,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,cAAc,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;AAC/E,MAAMS,aAAa,GAAGX,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEJ,SAAS,CAAC;AAE5E,MAAMM,SAAS,GAAGb,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAId,QAAQ,CAACe,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAE1E;EACboB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEpB,cAAK,CAACqB,IAAI;AACrB,uBAAuBd,cAAc,GAAGI,aAAa;AACrD,IAAIC,SAAS,GAAGZ,cAAK,CAACqB,IAAI,gBAAgBR,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isDisabled","getEnum","true","false","undefined","isInvalid","isReadOnly","isDisabledProp","helpers","react","renderProp","isInvalidProp","isReadOnlyProp","showLabel","labelText","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGR,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGT,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMG,cAAc,GAAGT,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAC/E,MAAMW,aAAa,GAAGb,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEL,SAAS,CAAC;AAC5E,MAAMO,cAAc,GAAGd,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GAAGhB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMW,SAAS,GAAIjB,QAAQ,CAACkB,QAAQ,CAAC,aAAa,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEhF;EACbuB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEvB,cAAK,CAACwB,IAAI;AACrB,uBAAuBf,cAAc,GAAGI,aAAa,GAAGC,cAAc;AACtE,IAAIC,SAAS,GAAGf,cAAK,CAACwB,IAAI,gBAAgBR,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.TRANSITION_COLORS = exports.DISABLED_OPACITY = exports.DISABLED_CURSOR = void 0;
6
+ exports.WEB_NARROW_FIELD_TEXT = exports.TRANSITION_COLORS = exports.DISABLED_OPACITY = exports.DISABLED_CURSOR = void 0;
7
7
  // packages/components/src/styles/constants.ts
8
8
  // Semantic constants for Forge UI component styling.
9
9
 
@@ -13,4 +13,8 @@ const TRANSITION_COLORS = exports.TRANSITION_COLORS = 'transition-colors duratio
13
13
  // ─── Disabled ────────────────────────────────────────────
14
14
  const DISABLED_OPACITY = exports.DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
15
15
  const DISABLED_CURSOR = exports.DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
16
+
17
+ // Web-only iOS Safari focus-zoom guard. Figma Viewport=Narrow (<600px) uses body/lg
18
+ // (16px / 24px); Viewport=Wide (≥600px) keeps the size variant's original px size.
19
+ const WEB_NARROW_FIELD_TEXT = exports.WEB_NARROW_FIELD_TEXT = 'web:max-[600px]:text-base web:max-[600px]:leading-normal';
16
20
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["TRANSITION_COLORS","exports","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;;;;;AAAA;AACA;;AAEA;AACO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,gCAAgC;;AAEjE;AACO,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,iCAAiC;AAC1D,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAC1B,kFAAkF","ignoreList":[]}
1
+ {"version":3,"names":["TRANSITION_COLORS","exports","DISABLED_OPACITY","DISABLED_CURSOR","WEB_NARROW_FIELD_TEXT"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;;;;;AAAA;AACA;;AAEA;AACO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,gCAAgC;;AAEjE;AACO,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,iCAAiC;AAC1D,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAC1B,kFAAkF;;AAEpF;AACA;AACO,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAG,0DAA0D","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 inputRootVariants = cva(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-stroke-primary', 'web:border-default native:border-[length:var(--border-width-default)]', 'rounded-[var(--border-radius-default)]', TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--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',
6
6
  // Web: inset ring avoids a border-width change so the shell never shifts on focus and
7
7
  // no per-size padding compensation is required. Recolor the border to match the ring so
@@ -15,8 +15,14 @@ export const inputRootVariants = cva(['w-full flex-row items-center overflow-hid
15
15
  outline: []
16
16
  },
17
17
  size: {
18
- default: ['h-11 min-h-11 px-4 py-3 gap-4', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
19
- 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))]']
18
+ default: ['h-11 min-h-11 px-4 py-3 gap-4',
19
+ // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
20
+ // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
21
+ 'web:max-[600px]:py-2', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
22
+ small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
23
+ // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
24
+ // h-8 at 12px text.
25
+ '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))]']
20
26
  }
21
27
  },
22
28
  defaultVariants: {
@@ -34,8 +40,10 @@ export const inputFieldVariants = cva([
34
40
  'flex-1 min-w-0 justify-center bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
35
41
  variants: {
36
42
  size: {
37
- default: 'text-[0.875rem]',
38
- small: 'text-[0.75rem]'
43
+ // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
44
+ // 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","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAClC,CACE,8CAA8C,EAC9C,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,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGX,GAAG,CACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,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,iBAAiB,GAAGZ,GAAG,CAAC,CAAC,kDAAkD,CAAC,CAAC;AAE1F,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
+ {"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","WEB_NARROW_FIELD_TEXT","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,EAAEC,qBAAqB,QAAQ,wBAAwB;AAElG,OAAO,MAAMC,iBAAiB,GAAGJ,GAAG,CAClC,CACE,8CAA8C,EAC9C,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,+BAA+B;MAC/B;MACA;MACA,sBAAsB,EACtB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGZ,GAAG,CACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,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,iBAAiB,GAAGb,GAAG,CAAC,CAAC,kDAAkD,CAAC,CAAC;AAE1F,OAAO,MAAMc,iBAAiB,GAAGd,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DK,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,GAAGf,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ import { Path, Svg } from 'react-native-svg';
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ const FDIC_NAVY = '#003366';
6
+ export function FdicLockup() {
7
+ return /*#__PURE__*/_jsxs(Svg, {
8
+ width: "100%",
9
+ height: "100%",
10
+ viewBox: "0 0 44 20",
11
+ fill: "none",
12
+ children: [/*#__PURE__*/_jsx(Path, {
13
+ d: "M5.39953 18.3086H0.896923V1.73399H10.1587V6.06628H5.39953V8.7493H9.88382V13.0821H5.39953V18.3086Z",
14
+ fill: FDIC_NAVY
15
+ }), /*#__PURE__*/_jsx(Path, {
16
+ d: "M30.228 1.69895H25.7254V18.308H30.228V1.69895Z",
17
+ fill: FDIC_NAVY
18
+ }), /*#__PURE__*/_jsx(Path, {
19
+ d: "M39.4208 13.924C37.2579 13.924 35.4679 12.1616 35.4679 10.0003C35.4679 7.83897 37.2579 6.07598 39.4208 6.07598C41.3929 6.07598 42.424 7.12483 43.1031 8.50623V2.55916C43.1031 2.55916 41.1094 1.665 39.2516 1.665C35.1252 1.665 30.6543 5.46047 30.6543 10.0003C30.6543 15.5582 34.9187 18.335 39.2516 18.335C41.1089 18.335 43.1031 17.4419 43.1031 17.4419V11.5466C42.2903 12.9479 41.3821 13.924 39.4208 13.924Z",
20
+ fill: FDIC_NAVY
21
+ }), /*#__PURE__*/_jsx(Path, {
22
+ d: "M15.3172 1.73399C18.1366 1.73399 24.946 2.42118 24.946 10.0132C24.946 17.6209 18.8254 18.2935 15.3172 18.293H10.7785V1.73399H15.3172ZM20.4752 9.98679C20.4752 7.02943 18.1027 5.99783 15.3102 5.99783V13.9758C18.1027 13.9758 20.4752 12.9436 20.4752 9.98679Z",
23
+ fill: FDIC_NAVY
24
+ })]
25
+ });
26
+ }
27
+ //# sourceMappingURL=FdicLockup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Path","Svg","jsx","_jsx","jsxs","_jsxs","FDIC_NAVY","FdicLockup","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/FdicLockup.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,SAAS,GAAG,SAAS;AAE3B,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,oBACEF,KAAA,CAACJ,GAAG;IAACO,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,gBAC7DT,IAAA,CAACH,IAAI;MACHa,CAAC,EAAC,mGAAmG;MACrGF,IAAI,EAAEL;IAAU,CACjB,CAAC,eACFH,IAAA,CAACH,IAAI;MAACa,CAAC,EAAC,gDAAgD;MAACF,IAAI,EAAEL;IAAU,CAAE,CAAC,eAC5EH,IAAA,CAACH,IAAI;MACHa,CAAC,EAAC,qZAAqZ;MACvZF,IAAI,EAAEL;IAAU,CACjB,CAAC,eACFH,IAAA,CAACH,IAAI;MACHa,CAAC,EAAC,gQAAgQ;MAClQF,IAAI,EAAEL;IAAU,CACjB,CAAC;EAAA,CACC,CAAC;AAEV","ignoreList":[]}
@@ -7,9 +7,15 @@ import { cn } from '@cdx-ui/utils';
7
7
  import { Image as ForgeImage } from '../Image/Image';
8
8
  import { HStack } from '../Stack/HStack';
9
9
  import { Text } from '../Text';
10
+ import { FdicLockup } from './FdicLockup';
10
11
  import { insuranceDisclosureLogoVariants, insuranceDisclosureRootVariants, insuranceDisclosureTextVariants } from './styles';
12
+
13
+ /** Bundled official FDIC lockup — omit `logoSource` to use the default mark. */
14
+
15
+ /** Custom logo override — `logoAccessibilityLabel` is required. */
11
16
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
12
17
  export const InsuranceDisclosure = /*#__PURE__*/forwardRef(function InsuranceDisclosure({
18
+ framed = false,
13
19
  logoSource,
14
20
  logoAccessibilityLabel,
15
21
  label,
@@ -17,31 +23,43 @@ export const InsuranceDisclosure = /*#__PURE__*/forwardRef(function InsuranceDis
17
23
  style,
18
24
  ...props
19
25
  }, ref) {
26
+ const useCustomLogo = logoSource != null;
20
27
  return /*#__PURE__*/_jsxs(HStack, {
21
28
  ref: ref,
22
29
  space: "md",
23
- className: cn(insuranceDisclosureRootVariants(), className),
30
+ className: cn(insuranceDisclosureRootVariants({
31
+ framed
32
+ }), className),
24
33
  style: style,
25
34
  ...props,
26
35
  ...mergeDataAttributes(props, dataAttributes({
27
36
  slot: 'insurance-disclosure'
28
37
  })),
29
- children: [/*#__PURE__*/_jsx(ForgeImage, {
38
+ children: [useCustomLogo ? /*#__PURE__*/_jsx(ForgeImage, {
30
39
  source: logoSource,
31
40
  accessibilityLabel: logoAccessibilityLabel,
32
- accessible: true,
41
+ accessible: logoAccessibilityLabel != null,
33
42
  resizeMode: "contain",
34
43
  className: insuranceDisclosureLogoVariants(),
35
44
  ...mergeDataAttributes({}, dataAttributes({
36
45
  slot: 'insurance-disclosure-logo'
37
46
  }))
47
+ }) : /*#__PURE__*/_jsx(View, {
48
+ accessible: true,
49
+ accessibilityRole: "image",
50
+ accessibilityLabel: "FDIC",
51
+ className: insuranceDisclosureLogoVariants(),
52
+ ...mergeDataAttributes({}, dataAttributes({
53
+ slot: 'insurance-disclosure-logo'
54
+ })),
55
+ children: /*#__PURE__*/_jsx(FdicLockup, {})
38
56
  }), label ? /*#__PURE__*/_jsx(View, {
39
57
  className: "min-w-0 shrink",
40
58
  ...mergeDataAttributes({}, dataAttributes({
41
59
  slot: 'insurance-disclosure-content'
42
60
  })),
43
61
  children: /*#__PURE__*/_jsx(Text, {
44
- size: "xs",
62
+ size: "sm",
45
63
  className: insuranceDisclosureTextVariants(),
46
64
  children: label
47
65
  })
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","View","dataAttributes","mergeDataAttributes","cn","Image","ForgeImage","HStack","Text","insuranceDisclosureLogoVariants","insuranceDisclosureRootVariants","insuranceDisclosureTextVariants","jsx","_jsx","jsxs","_jsxs","InsuranceDisclosure","logoSource","logoAccessibilityLabel","label","className","style","props","ref","space","slot","children","source","accessibilityLabel","accessible","resizeMode","size","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAkC,cAAc;AAC7D,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,KAAK,IAAIC,UAAU,QAAQ,gBAAgB;AACpD,SAASC,MAAM,QAA0B,iBAAiB;AAC1D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,+BAA+B,EAC/BC,+BAA+B,EAC/BC,+BAA+B,QAC1B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASlB,OAAO,MAAMC,mBAAmB,gBAAGhB,UAAU,CAG3C,SAASgB,mBAAmBA,CAC5B;EAAEC,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzEC,GAAG,EACH;EACA,oBACER,KAAA,CAACR,MAAM;IACLgB,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAC,IAAI;IACVJ,SAAS,EAAEhB,EAAE,CAACM,+BAA+B,CAAC,CAAC,EAAEU,SAAS,CAAE;IAC5DC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLnB,mBAAmB,CAACmB,KAAK,EAAEpB,cAAc,CAAC;MAAEuB,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,gBAEhFb,IAAA,CAACP,UAAU;MACTqB,MAAM,EAAEV,UAAW;MACnBW,kBAAkB,EAAEV,sBAAuB;MAC3CW,UAAU;MACVC,UAAU,EAAC,SAAS;MACpBV,SAAS,EAAEX,+BAA+B,CAAC,CAAE;MAAA,GACzCN,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAEuB,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,EACDN,KAAK,gBACJN,IAAA,CAACZ,IAAI;MACHmB,SAAS,EAAC,gBAAgB;MAAA,GACtBjB,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAEuB,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErFb,IAAA,CAACL,IAAI;QAACuB,IAAI,EAAC,IAAI;QAACX,SAAS,EAAET,+BAA+B,CAAC,CAAE;QAAAe,QAAA,EAC1DP;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFH,mBAAmB,CAACgB,WAAW,GAAG,qBAAqB","ignoreList":[]}
1
+ {"version":3,"names":["forwardRef","View","dataAttributes","mergeDataAttributes","cn","Image","ForgeImage","HStack","Text","FdicLockup","insuranceDisclosureLogoVariants","insuranceDisclosureRootVariants","insuranceDisclosureTextVariants","jsx","_jsx","jsxs","_jsxs","InsuranceDisclosure","framed","logoSource","logoAccessibilityLabel","label","className","style","props","ref","useCustomLogo","space","slot","children","source","accessibilityLabel","accessible","resizeMode","accessibilityRole","size","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAkC,cAAc;AAC7D,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,KAAK,IAAIC,UAAU,QAAQ,gBAAgB;AACpD,SAASC,MAAM,QAA0B,iBAAiB;AAC1D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,+BAA+B,EAC/BC,+BAA+B,EAC/BC,+BAA+B,QAC1B,UAAU;;AAejB;;AAOA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYA,OAAO,MAAMC,mBAAmB,gBAAGjB,UAAU,CAG3C,SAASiB,mBAAmBA,CAC5B;EAAEC,MAAM,GAAG,KAAK;EAAEC,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzFC,GAAG,EACH;EACA,MAAMC,aAAa,GAAGP,UAAU,IAAI,IAAI;EAExC,oBACEH,KAAA,CAACT,MAAM;IACLkB,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAC,IAAI;IACVL,SAAS,EAAElB,EAAE,CAACO,+BAA+B,CAAC;MAAEO;IAAO,CAAC,CAAC,EAAEI,SAAS,CAAE;IACtEC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLrB,mBAAmB,CAACqB,KAAK,EAAEtB,cAAc,CAAC;MAAE0B,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,GAE/EH,aAAa,gBACZZ,IAAA,CAACR,UAAU;MACTwB,MAAM,EAAEX,UAAW;MACnBY,kBAAkB,EAAEX,sBAAuB;MAC3CY,UAAU,EAAEZ,sBAAsB,IAAI,IAAK;MAC3Ca,UAAU,EAAC,SAAS;MACpBX,SAAS,EAAEZ,+BAA+B,CAAC,CAAE;MAAA,GACzCP,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAE0B,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,gBAEFd,IAAA,CAACb,IAAI;MACH+B,UAAU;MACVE,iBAAiB,EAAC,OAAO;MACzBH,kBAAkB,EAAC,MAAM;MACzBT,SAAS,EAAEZ,+BAA+B,CAAC,CAAE;MAAA,GACzCP,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAE0B,IAAI,EAAE;MAA4B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAElFf,IAAA,CAACL,UAAU,IAAE;IAAC,CACV,CACP,EACAY,KAAK,gBACJP,IAAA,CAACb,IAAI;MACHqB,SAAS,EAAC,gBAAgB;MAAA,GACtBnB,mBAAmB,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;QAAE0B,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErFf,IAAA,CAACN,IAAI;QAAC2B,IAAI,EAAC,IAAI;QAACb,SAAS,EAAEV,+BAA+B,CAAC,CAAE;QAAAiB,QAAA,EAC1DR;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFJ,mBAAmB,CAACmB,WAAW,GAAG,qBAAqB","ignoreList":[]}
@@ -1,7 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from '@cdx-ui/utils';
4
- export const insuranceDisclosureRootVariants = cva(['w-full max-w-full items-center justify-start', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'p-4']);
5
- export const insuranceDisclosureLogoVariants = cva(['h-[23px] w-[37px]']);
6
- export const insuranceDisclosureTextVariants = cva(['shrink text-content-secondary']);
4
+ export const insuranceDisclosureRootVariants = cva(['w-full max-w-full items-center justify-start'], {
5
+ variants: {
6
+ framed: {
7
+ true: ['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'px-3 py-2'],
8
+ false: ''
9
+ }
10
+ },
11
+ defaultVariants: {
12
+ framed: false
13
+ }
14
+ });
15
+ export const insuranceDisclosureLogoVariants = cva(['h-5 w-11 shrink-0']);
16
+ export const insuranceDisclosureTextVariants = cva(['shrink text-content-primary italic [font-family:var(--font-body-italic)]']);
7
17
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["cva","insuranceDisclosureRootVariants","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,eAAe;AAEnC,OAAO,MAAMC,+BAA+B,GAAGD,GAAG,CAAC,CACjD,8CAA8C,EAC9C,gCAAgC,EAChC,wCAAwC,EACxC,KAAK,CACN,CAAC;AAEF,OAAO,MAAME,+BAA+B,GAAGF,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAEzE,OAAO,MAAMG,+BAA+B,GAAGH,GAAG,CAAC,CAAC,+BAA+B,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["cva","insuranceDisclosureRootVariants","variants","framed","true","false","defaultVariants","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,+BAA+B,GAAGD,GAAG,CAChD,CAAC,8CAA8C,CAAC,EAChD;EACEE,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,CACJ,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,WAAW,CACZ;MACDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAMD,OAAO,MAAMI,+BAA+B,GAAGP,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAEzE,OAAO,MAAMQ,+BAA+B,GAAGR,GAAG,CAAC,CACjD,0EAA0E,CAC3E,CAAC","ignoreList":[]}
@@ -62,7 +62,7 @@ const RadioIndicator = /*#__PURE__*/forwardRef(({
62
62
  isFocusVisible
63
63
  } = useRadioContext();
64
64
  const checkState = isChecked ? 'checked' : 'unchecked';
65
- const fieldState = INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
65
+ const fieldState = isReadOnly ? `readonly-${checkState}${isInvalid ? '-invalid' : ''}` : INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
66
66
  const computedClassName = cn(radioIndicatorVariants(), className);
67
67
  const Comp = asChild ? Slot : View;
68
68
  return /*#__PURE__*/_jsxs(Comp, {
@@ -82,11 +82,16 @@ const RadioIndicator = /*#__PURE__*/forwardRef(({
82
82
  fieldState
83
83
  })),
84
84
  children: [/*#__PURE__*/_jsx(View, {
85
- className: cn(radioInnerDotVariants()),
85
+ collapsable: false,
86
+ className: cn(radioInnerDotVariants(),
87
+ // Native: unconditional bg so Uniwind does not have to win a data-attribute
88
+ // background over `bg-surface-action-strong` (web keeps compound selectors).
89
+ isReadOnly && isChecked && !isInvalid && 'bg-content-primary'),
86
90
  ...dataAttributes({
87
91
  checked: isChecked,
88
92
  invalid: isInvalid,
89
93
  hover: isHovered,
94
+ readonly: isReadOnly,
90
95
  fieldState
91
96
  })
92
97
  }), children]
@@ -105,6 +110,10 @@ const RadioLabel = /*#__PURE__*/forwardRef(({
105
110
  style,
106
111
  ...props
107
112
  }, ref) => {
113
+ const {
114
+ isDisabled,
115
+ isReadOnly
116
+ } = useRadioContext();
108
117
  const computedClassName = cn(radioLabelVariants(), className);
109
118
  const Comp = asChild ? Slot : Text;
110
119
  return /*#__PURE__*/_jsx(Comp, {
@@ -113,7 +122,9 @@ const RadioLabel = /*#__PURE__*/forwardRef(({
113
122
  style: style,
114
123
  ...props,
115
124
  ...mergeDataAttributes(props, dataAttributes({
116
- slot: 'radio-label'
125
+ slot: 'radio-label',
126
+ disabled: isDisabled,
127
+ readonly: isReadOnly
117
128
  })),
118
129
  children: children
119
130
  });
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","Text","View","RadioRoot","RadioRootPrimitive","RadioGroup","RadioGroupPrimitive","Slot","dataAttributes","mergeDataAttributes","useRadioContext","cn","radioGroupVariants","radioIndicatorVariants","radioInnerDotVariants","radioLabelVariants","radioRootVariants","jsx","_jsx","jsxs","_jsxs","className","children","style","props","ref","computedClassName","slot","RadioIndicator","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","checkState","fieldState","Comp","hover","checked","disabled","focusVisible","invalid","readonly","active","RadioLabel","direction","value","defaultValue","onChange","isRequired","name","viewProps","Radio","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["forwardRef","Text","View","RadioRoot","RadioRootPrimitive","RadioGroup","RadioGroupPrimitive","Slot","dataAttributes","mergeDataAttributes","useRadioContext","cn","radioGroupVariants","radioIndicatorVariants","radioInnerDotVariants","radioLabelVariants","radioRootVariants","jsx","_jsx","jsxs","_jsxs","className","children","style","props","ref","computedClassName","slot","RadioIndicator","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","checkState","fieldState","Comp","hover","checked","disabled","focusVisible","invalid","readonly","active","collapsable","RadioLabel","direction","value","defaultValue","onChange","isRequired","name","viewProps","Radio","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -2,12 +2,14 @@
2
2
 
3
3
  import { Platform } from 'react-native';
4
4
  import { cva } from '@cdx-ui/utils';
5
- import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
6
- export const radioRootVariants = cva(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR,
5
+ import { DISABLED_CURSOR, DISABLED_OPACITY, TRANSITION_COLORS } from '../../styles/constants';
6
+ export const radioRootVariants = cva(['flex-row items-center gap-2', DISABLED_OPACITY, DISABLED_CURSOR, 'data-[readonly=true]:cursor-default',
7
7
  // Suppress default :focus-visible outline on the role="radio" Pressable;
8
8
  // focus ring is drawn on the indicator instead of wrapping the whole control.
9
9
  'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
10
- export const radioIndicatorVariants = cva(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', Platform.select({
10
+ export const radioIndicatorVariants = cva(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5',
11
+ // Figma: indicator fill is transparent; selection reads via border + inner dot only.
12
+ 'bg-transparent', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', Platform.select({
11
13
  web: [TRANSITION_COLORS, 'group',
12
14
  // Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
13
15
  'data-[hover=true]:data-[checked=false]:bg-content-secondary/[0.08]',
@@ -15,19 +17,33 @@ export const radioIndicatorVariants = cva(['items-center justify-center', 'round
15
17
  'data-[hover=true]:data-[invalid=true]:data-[checked=false]:bg-surface-danger-strong/[0.08]', 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover',
16
18
  // Active — CSS :active (web root does not track press via data-active).
17
19
  // data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
18
- 'web:active:data-[hover=true]:data-[checked=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
20
+ 'web:active:data-[hover=true]:data-[checked=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active',
21
+ // Focus ring — applies to read-only as well (focusable + aria-readonly).
22
+ 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2',
23
+ // Read-only — Figma: transparent fill + content-tertiary border (checked and unchecked).
24
+ // After hover/active so equal-or-higher specificity keeps the static treatment.
25
+ // Invalid is not a Figma readonly variant; retain danger so error remains visible.
26
+ 'data-[readonly=true]:data-[checked=false]:border-content-tertiary', 'data-[readonly=true]:data-[checked=true]:border-content-tertiary', 'data-[readonly=true]:data-[invalid=true]:border-stroke-danger', 'data-[readonly=true]:data-[hover=true]:data-[checked=false]:bg-transparent', 'data-[readonly=true]:data-[hover=true]:data-[invalid=true]:data-[checked=false]:bg-transparent', 'data-[readonly=true]:data-[hover=true]:data-[checked=false]:border-content-tertiary', 'data-[readonly=true]:data-[hover=true]:data-[checked=true]:border-content-tertiary', 'data-[readonly=true]:data-[hover=true]:data-[invalid=true]:border-stroke-danger', 'web:active:data-[readonly=true]:data-[hover=true]:data-[checked=false]:border-content-tertiary', 'web:active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:border-content-tertiary', 'web:active:data-[readonly=true]:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-stroke-danger', 'web:active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-stroke-danger'].join(' '),
19
27
  default: [
20
28
  // Native: Uniwind only evaluates the last data-[] condition in a compound chain.
21
29
  // Use single-condition data-[field-state=...] selectors (emitted by RadioIndicator).
22
- 'data-[field-state=active]:border-stroke-hover', 'data-[field-state=invalid-active]:border-surface-danger-strong-active', 'data-[field-state=checked-active]:border-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active'].join(' ')
30
+ 'data-[field-state=readonly-unchecked]:border-content-tertiary', 'data-[field-state=readonly-checked]:border-content-tertiary', 'data-[field-state=readonly-unchecked-invalid]:border-stroke-danger', 'data-[field-state=readonly-checked-invalid]:border-stroke-danger', 'data-[field-state=active]:border-stroke-hover', 'data-[field-state=invalid-active]:border-surface-danger-strong-active', 'data-[field-state=checked-active]:border-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active'].join(' ')
23
31
  })]);
24
- export const radioInnerDotVariants = cva(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', Platform.select({
32
+ export const radioInnerDotVariants = cva(['rounded-[var(--border-radius-round)]', 'overflow-hidden', 'h-2.5 w-2.5',
33
+ // Opacity (not scale): iOS compositing of scale-0 views samples the parent ring, so the
34
+ // checked fill never paints and the dot looks content-tertiary instead of content-primary.
35
+ 'opacity-0', 'data-[checked=true]:opacity-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', Platform.select({
25
36
  web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover',
26
37
  // Active via group-active on indicator (inner dot is not the :active target).
27
- 'web:group-active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:group-active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active'].join(' '),
28
- default: ['data-[field-state=checked-active]:bg-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active'].join(' ')
38
+ 'web:group-active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:group-active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active',
39
+ // Read-only checked — Figma: content-primary dot; invalid retains danger.
40
+ 'data-[readonly=true]:data-[checked=true]:bg-content-primary', 'data-[readonly=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong', 'web:group-active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:bg-content-primary', 'web:group-active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong'].join(' '),
41
+ default: ['data-[field-state=checked-active]:bg-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active',
42
+ // `!` beats the base `bg-surface-action-strong` — Uniwind native does not cascade
43
+ // data-attribute backgrounds over an unconditional bg on the same View.
44
+ 'data-[readonly=true]:bg-content-primary!', 'data-[field-state=readonly-checked]:bg-content-primary!', 'data-[field-state=readonly-checked-invalid]:bg-surface-danger-strong!'].join(' ')
29
45
  })]);
30
- export const radioLabelVariants = cva(['body-md', 'text-content-primary']);
46
+ export const radioLabelVariants = cva(['body-md', 'text-content-primary', 'data-[disabled=true]:text-content-tertiary', 'data-[readonly=true]:cursor-default']);
31
47
  export const radioGroupVariants = cva([], {
32
48
  variants: {
33
49
  direction: {
@@ -1 +1 @@
1
- {"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","radioRootVariants","radioIndicatorVariants","select","web","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,eAAe;AACf;AACA;AACA,wEAAwE,CACzE,CAAC;AAEF,OAAO,MAAMG,sBAAsB,GAAGJ,GAAG,CAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1CD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACHJ,iBAAiB,EACjB,OAAO;EACP;EACA,oEAAoE;EACpE;EACA,4FAA4F,EAC5F,0EAA0E,EAC1E,0EAA0E;EAC1E;EACA;EACA,uEAAuE,EACvE,2GAA2G,EAC3G,sFAAsF,EACtF,0GAA0G,EAC1G,4CAA4C,EAC5C,kIAAkI,CACnI,CAACK,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA,+CAA+C,EAC/C,uEAAuE,EACvE,uEAAuE,EACvE,+EAA+E,CAChF,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAME,qBAAqB,GAAGT,GAAG,CAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE;EACtE;EACA,wFAAwF,EACxF,4GAA4G,CAC7G,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE,CACP,mEAAmE,EACnE,2EAA2E,CAC5E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMG,kBAAkB,GAAGV,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAE1E,OAAO,MAAMW,kBAAkB,GAAGX,GAAG,CAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["Platform","cva","DISABLED_CURSOR","DISABLED_OPACITY","TRANSITION_COLORS","radioRootVariants","radioIndicatorVariants","select","web","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE7F,OAAO,MAAMC,iBAAiB,GAAGJ,GAAG,CAAC,CACnC,6BAA6B,EAC7BE,gBAAgB,EAChBD,eAAe,EACf,qCAAqC;AACrC;AACA;AACA,wEAAwE,CACzE,CAAC;AAEF,OAAO,MAAMI,sBAAsB,GAAGL,GAAG,CAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS;AACT;AACA,gBAAgB,EAChB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1CD,QAAQ,CAACO,MAAM,CAAC;EACdC,GAAG,EAAE,CACHJ,iBAAiB,EACjB,OAAO;EACP;EACA,oEAAoE;EACpE;EACA,4FAA4F,EAC5F,0EAA0E,EAC1E,0EAA0E;EAC1E;EACA;EACA,uEAAuE,EACvE,2GAA2G,EAC3G,sFAAsF,EACtF,0GAA0G;EAC1G;EACA,4CAA4C,EAC5C,kIAAkI;EAClI;EACA;EACA;EACA,mEAAmE,EACnE,kEAAkE,EAClE,+DAA+D,EAC/D,4EAA4E,EAC5E,gGAAgG,EAChG,qFAAqF,EACrF,oFAAoF,EACpF,iFAAiF,EACjF,gGAAgG,EAChG,+FAA+F,EAC/F,iHAAiH,EACjH,gHAAgH,CACjH,CAACK,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA,+DAA+D,EAC/D,6DAA6D,EAC7D,oEAAoE,EACpE,kEAAkE,EAClE,+CAA+C,EAC/C,uEAAuE,EACvE,uEAAuE,EACvE,+EAA+E,CAChF,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAME,qBAAqB,GAAGV,GAAG,CAAC,CACvC,sCAAsC,EACtC,iBAAiB,EACjB,aAAa;AACb;AACA;AACA,WAAW,EACX,iCAAiC,EACjC,0BAA0B,EAC1B,8CAA8C,EAC9CD,QAAQ,CAACO,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE;EACtE;EACA,wFAAwF,EACxF,4GAA4G;EAC5G;EACA,6DAA6D,EAC7D,uFAAuF,EACvF,gGAAgG,EAChG,0HAA0H,CAC3H,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE,CACP,mEAAmE,EACnE,2EAA2E;EAC3E;EACA;EACA,0CAA0C,EAC1C,yDAAyD,EACzD,uEAAuE,CACxE,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMG,kBAAkB,GAAGX,GAAG,CAAC,CACpC,SAAS,EACT,sBAAsB,EACtB,4CAA4C,EAC5C,qCAAqC,CACtC,CAAC;AAEF,OAAO,MAAMY,kBAAkB,GAAGZ,GAAG,CAAC,EAAE,EAAE;EACxCa,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}