@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.
- package/README.md +8 -12
- package/lib/commonjs/components/Input/styles.js +12 -4
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js +31 -0
- package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js.map +1 -0
- package/lib/commonjs/components/InsuranceDisclosure/index.js +22 -4
- package/lib/commonjs/components/InsuranceDisclosure/index.js.map +1 -1
- package/lib/commonjs/components/InsuranceDisclosure/styles.js +13 -3
- package/lib/commonjs/components/InsuranceDisclosure/styles.js.map +1 -1
- package/lib/commonjs/components/Radio/index.js +14 -3
- package/lib/commonjs/components/Radio/index.js.map +1 -1
- package/lib/commonjs/components/Radio/styles.js +24 -8
- package/lib/commonjs/components/Radio/styles.js.map +1 -1
- package/lib/commonjs/components/Select/styles.js +11 -3
- package/lib/commonjs/components/Select/styles.js.map +1 -1
- package/lib/commonjs/components/Switch/styles.js +14 -14
- package/lib/commonjs/components/Switch/styles.js.map +1 -1
- package/lib/commonjs/components/Textarea/styles.js +4 -2
- package/lib/commonjs/components/Textarea/styles.js.map +1 -1
- package/lib/commonjs/figma/Field.Radio.figma.js +58 -0
- package/lib/commonjs/figma/Field.Radio.figma.js.map +1 -0
- package/lib/commonjs/figma/InsuranceDisclosure.figma.js +26 -0
- package/lib/commonjs/figma/InsuranceDisclosure.figma.js.map +1 -0
- package/lib/commonjs/figma/Radio.Group.figma.js +24 -0
- package/lib/commonjs/figma/Radio.Group.figma.js.map +1 -0
- package/lib/commonjs/figma/Radio.figma.js +12 -6
- package/lib/commonjs/figma/Radio.figma.js.map +1 -1
- package/lib/commonjs/styles/constants.js +5 -1
- package/lib/commonjs/styles/constants.js.map +1 -1
- package/lib/module/components/Input/styles.js +13 -5
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/InsuranceDisclosure/FdicLockup.js +27 -0
- package/lib/module/components/InsuranceDisclosure/FdicLockup.js.map +1 -0
- package/lib/module/components/InsuranceDisclosure/index.js +22 -4
- package/lib/module/components/InsuranceDisclosure/index.js.map +1 -1
- package/lib/module/components/InsuranceDisclosure/styles.js +13 -3
- package/lib/module/components/InsuranceDisclosure/styles.js.map +1 -1
- package/lib/module/components/Radio/index.js +14 -3
- package/lib/module/components/Radio/index.js.map +1 -1
- package/lib/module/components/Radio/styles.js +25 -9
- package/lib/module/components/Radio/styles.js.map +1 -1
- package/lib/module/components/Select/styles.js +12 -4
- package/lib/module/components/Select/styles.js.map +1 -1
- package/lib/module/components/Switch/styles.js +14 -14
- package/lib/module/components/Switch/styles.js.map +1 -1
- package/lib/module/components/Textarea/styles.js +5 -3
- package/lib/module/components/Textarea/styles.js.map +1 -1
- package/lib/module/figma/Field.Radio.figma.js +52 -0
- package/lib/module/figma/Field.Radio.figma.js.map +1 -0
- package/lib/module/figma/InsuranceDisclosure.figma.js +20 -0
- package/lib/module/figma/InsuranceDisclosure.figma.js.map +1 -0
- package/lib/module/figma/Radio.Group.figma.js +18 -0
- package/lib/module/figma/Radio.Group.figma.js.map +1 -0
- package/lib/module/figma/Radio.figma.js +12 -6
- package/lib/module/figma/Radio.figma.js.map +1 -1
- package/lib/module/styles/constants.js +4 -0
- package/lib/module/styles/constants.js.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/InsuranceDisclosure/FdicLockup.d.ts +2 -0
- package/lib/typescript/components/InsuranceDisclosure/FdicLockup.d.ts.map +1 -0
- package/lib/typescript/components/InsuranceDisclosure/index.d.ts +24 -3
- package/lib/typescript/components/InsuranceDisclosure/index.d.ts.map +1 -1
- package/lib/typescript/components/InsuranceDisclosure/styles.d.ts +5 -1
- package/lib/typescript/components/InsuranceDisclosure/styles.d.ts.map +1 -1
- package/lib/typescript/components/Radio/index.d.ts.map +1 -1
- package/lib/typescript/components/Radio/styles.d.ts.map +1 -1
- package/lib/typescript/components/Select/styles.d.ts.map +1 -1
- package/lib/typescript/components/Switch/styles.d.ts.map +1 -1
- package/lib/typescript/components/Textarea/styles.d.ts.map +1 -1
- package/lib/typescript/figma/Field.Radio.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Radio.figma.d.ts.map +1 -0
- package/lib/typescript/figma/InsuranceDisclosure.figma.d.ts +8 -0
- package/lib/typescript/figma/InsuranceDisclosure.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Radio.Group.figma.d.ts +8 -0
- package/lib/typescript/figma/Radio.Group.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Radio.figma.d.ts.map +1 -1
- package/lib/typescript/styles/constants.d.ts +1 -0
- package/lib/typescript/styles/constants.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Input/styles.ts +11 -3
- package/src/components/InsuranceDisclosure/FdicLockup.tsx +23 -0
- package/src/components/InsuranceDisclosure/index.tsx +54 -14
- package/src/components/InsuranceDisclosure/styles.ts +28 -9
- package/src/components/Radio/index.tsx +22 -6
- package/src/components/Radio/styles.ts +46 -6
- package/src/components/Select/styles.ts +11 -3
- package/src/components/Switch/styles.ts +23 -15
- package/src/components/Textarea/styles.ts +5 -3
- 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;
|
|
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
|
|
16
|
-
//
|
|
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:
|
|
20
|
+
false: undefined
|
|
20
21
|
});
|
|
21
22
|
const isInvalid = instance.getEnum('isInvalid', {
|
|
22
23
|
true: true,
|
|
23
|
-
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,
|
|
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',
|
|
19
|
-
|
|
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
|
-
|
|
38
|
-
|
|
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;
|
|
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(
|
|
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:
|
|
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: "
|
|
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;
|
|
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'
|
|
5
|
-
|
|
6
|
-
|
|
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,
|
|
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
|
-
|
|
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":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,IAAI,EAAkBC,IAAI,QAAwB,cAAc;AACzE,SACEC,SAAS,IAAIC,kBAAkB,EAC/BC,UAAU,IAAIC,mBAAmB,EACjCC,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,eAAe,QAEV,oBAAoB;AAC3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,qBAAqB,EACrBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;;AAEjB;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOA,MAAMjB,SAAS,gBAAGH,UAAU,CAAmB,CAAC;EAAEqB,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChG,MAAMC,iBAAiB,GAAGf,EAAE,CAACK,iBAAiB,CAAC,CAAC,EAAEK,SAAS,CAAC;EAE5D,oBACED,KAAA,CAAChB,kBAAkB;IACjBqB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLf,mBAAmB,CAACe,KAAK,EAAEhB,cAAc,CAAC;MAAEmB,IAAI,EAAE;IAAQ,CAAC,CAAC,CAAC;IAAAL,QAAA,gBAEjEJ,IAAA,CAACU,cAAc,IAAE,CAAC,EACjBN,QAAQ;EAAA,CACS,CAAC;AAEzB,CAAC,CAAC;AAEFnB,SAAS,CAAC0B,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;AAEA;AACA,MAAMC,gBAAgB,GAAG;EACvB,uBAAuB,EAAE,MAAM;EAC/B,sBAAsB,EAAE,SAAS;EACjC,sBAAsB,EAAE,QAAQ;EAChC,qBAAqB,EAAE,gBAAgB;EACvC,qBAAqB,EAAE,SAAS;EAChC,oBAAoB,EAAE,iBAAiB;EACvC,oBAAoB,EAAE,gBAAgB;EACtC,mBAAmB,EAAE;AACvB,CAAU;AAQV,MAAMF,cAAc,gBAAG5B,UAAU,CAC/B,CAAC;EAAE+B,OAAO;EAAEV,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEO,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAC1F5B,eAAe,CAAC,CAAC;EAEnB,MAAM6B,UAAU,GAAGP,SAAS,GAAG,SAAS,GAAG,WAAW;EACtD,MAAMQ,UAAU,
|
|
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-[
|
|
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',
|
|
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',
|
|
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',
|
|
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'
|
|
28
|
-
|
|
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;
|
|
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":[]}
|