@cdx-ui/components 0.0.1-beta.24 → 0.0.1-beta.26
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/lib/commonjs/components/Button/styles.js +1 -1
- package/lib/commonjs/components/Checkbox/index.js +5 -29
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +39 -47
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Field/index.js +8 -2
- package/lib/commonjs/components/Field/index.js.map +1 -1
- package/lib/commonjs/components/Field/styles.js +4 -4
- package/lib/commonjs/components/Field/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +6 -1
- package/lib/commonjs/components/IconButton/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +135 -10
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +7 -6
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/Radio/index.js +3 -1
- package/lib/commonjs/components/Radio/index.js.map +1 -1
- package/lib/commonjs/components/Radio/styles.js +6 -5
- package/lib/commonjs/components/Radio/styles.js.map +1 -1
- package/lib/commonjs/figma/Checkbox.figma.js +55 -0
- package/lib/commonjs/figma/Checkbox.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Input.figma.js +57 -0
- package/lib/commonjs/figma/Field.Input.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Select.figma.js +57 -0
- package/lib/commonjs/figma/Field.Select.figma.js.map +1 -0
- package/lib/commonjs/figma/IconButton.figma.js +47 -0
- package/lib/commonjs/figma/IconButton.figma.js.map +1 -0
- package/lib/commonjs/figma/Input.figma.js +52 -0
- package/lib/commonjs/figma/Input.figma.js.map +1 -0
- package/lib/commonjs/figma/Select.figma.js +53 -0
- package/lib/commonjs/figma/Select.figma.js.map +1 -0
- package/lib/module/components/Button/styles.js +1 -1
- package/lib/module/components/Checkbox/index.js +6 -30
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +40 -48
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Field/index.js +9 -3
- package/lib/module/components/Field/index.js.map +1 -1
- package/lib/module/components/Field/styles.js +4 -4
- package/lib/module/components/Field/styles.js.map +1 -1
- package/lib/module/components/IconButton/index.js +6 -1
- package/lib/module/components/IconButton/index.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +135 -10
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Input/styles.js +7 -6
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/Radio/index.js +3 -1
- package/lib/module/components/Radio/index.js.map +1 -1
- package/lib/module/components/Radio/styles.js +6 -6
- package/lib/module/components/Radio/styles.js.map +1 -1
- package/lib/module/figma/Checkbox.figma.js +49 -0
- package/lib/module/figma/Checkbox.figma.js.map +1 -0
- package/lib/module/figma/Field.Input.figma.js +51 -0
- package/lib/module/figma/Field.Input.figma.js.map +1 -0
- package/lib/module/figma/Field.Select.figma.js +51 -0
- package/lib/module/figma/Field.Select.figma.js.map +1 -0
- package/lib/module/figma/IconButton.figma.js +41 -0
- package/lib/module/figma/IconButton.figma.js.map +1 -0
- package/lib/module/figma/Input.figma.js +46 -0
- package/lib/module/figma/Input.figma.js.map +1 -0
- package/lib/module/figma/Select.figma.js +47 -0
- package/lib/module/figma/Select.figma.js.map +1 -0
- package/lib/typescript/components/Checkbox/index.d.ts +1 -2
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/styles.d.ts +4 -14
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/Field/FieldLabel.web.d.ts +2 -2
- package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -1
- package/lib/typescript/components/Field/index.d.ts.map +1 -1
- package/lib/typescript/components/Field/styles.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +6 -2
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Input/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/figma/Checkbox.figma.d.ts +8 -0
- package/lib/typescript/figma/Checkbox.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts.map +1 -0
- package/lib/typescript/figma/IconButton.figma.d.ts +8 -0
- package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Select.figma.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/Button/styles.ts +1 -1
- package/src/components/Checkbox/index.tsx +8 -19
- package/src/components/Checkbox/styles.ts +82 -84
- package/src/components/Field/FieldLabel.web.tsx +1 -1
- package/src/components/Field/index.tsx +10 -3
- package/src/components/Field/styles.ts +5 -4
- package/src/components/IconButton/index.tsx +3 -2
- package/src/components/IconButton/styles.ts +135 -9
- package/src/components/Input/styles.ts +12 -7
- package/src/components/Radio/index.tsx +2 -1
- package/src/components/Radio/styles.ts +11 -11
|
@@ -24,6 +24,7 @@ const RadioIndicatorBase = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
24
24
|
const ds = props.dataSet;
|
|
25
25
|
const isChecked = ds ? ds.checked === true : props['data-checked'] === 'true';
|
|
26
26
|
const isInvalid = ds ? ds.invalid === true : props['data-invalid'] === 'true';
|
|
27
|
+
const isHovered = ds ? ds.hover === true : props['data-hover'] === 'true';
|
|
27
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
28
29
|
ref: ref,
|
|
29
30
|
className: (0, _utils.cn)((0, _styles.radioIndicatorVariants)(), className),
|
|
@@ -33,7 +34,8 @@ const RadioIndicatorBase = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
33
34
|
className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)()),
|
|
34
35
|
...(0, _primitives.dataAttributes)({
|
|
35
36
|
checked: isChecked,
|
|
36
|
-
invalid: isInvalid
|
|
37
|
+
invalid: isInvalid,
|
|
38
|
+
hover: isHovered
|
|
37
39
|
})
|
|
38
40
|
}), children]
|
|
39
41
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioIndicatorBase","forwardRef","className","children","style","props","ref","ds","dataSet","isChecked","checked","isInvalid","invalid","jsxs","View","cn","radioIndicatorVariants","jsx","radioInnerDotVariants","dataAttributes","displayName","RadioPrimitive","createRadio","Root","Pressable","Indicator","Label","Text","Group","RadioRoot","computedClassName","radioRootVariants","RadioIndicator","RadioLabel","radioLabelVariants","RadioGroup","direction","value","defaultValue","onChange","isDisabled","isRequired","isReadOnly","name","viewProps","radioGroupVariants","Radio","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAMkB,IAAAK,WAAA,GAAAL,OAAA;AAElB;AACA;AACA;AAEA,MAAMM,kBAAkB,gBAAG,IAAAC,iBAAU,EACnC,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD;EACA;EACA,MAAMC,EAAE,GAAIF,KAAK,CAASG,OAAO;EACjC,MAAMC,SAAS,GAAGF,EAAE,GAAGA,EAAE,CAACG,OAAO,KAAK,IAAI,GAAIL,KAAK,CAAS,cAAc,CAAC,KAAK,MAAM;EACtF,MAAMM,SAAS,GAAGJ,EAAE,GAAGA,EAAE,CAACK,OAAO,KAAK,IAAI,GAAIP,KAAK,CAAS,cAAc,CAAC,KAAK,MAAM;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioIndicatorBase","forwardRef","className","children","style","props","ref","ds","dataSet","isChecked","checked","isInvalid","invalid","isHovered","hover","jsxs","View","cn","radioIndicatorVariants","jsx","radioInnerDotVariants","dataAttributes","displayName","RadioPrimitive","createRadio","Root","Pressable","Indicator","Label","Text","Group","RadioRoot","computedClassName","radioRootVariants","RadioIndicator","RadioLabel","radioLabelVariants","RadioGroup","direction","value","defaultValue","onChange","isDisabled","isRequired","isReadOnly","name","viewProps","radioGroupVariants","Radio","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,14 +7,15 @@ exports.radioRootVariants = exports.radioLabelVariants = exports.radioInnerDotVa
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
9
|
var _primitives = require("../../styles/primitives");
|
|
10
|
-
// TODO: Add hover, active, and focus-visible styles based on Figma
|
|
11
|
-
|
|
12
10
|
const radioRootVariants = exports.radioRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR]);
|
|
13
|
-
const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', '
|
|
14
|
-
web: [_primitives.TRANSITION_COLORS, 'data-[hover=true]:data-[checked=
|
|
11
|
+
const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _classVarianceAuthority.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', 'data-[checked=true]:data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
|
|
12
|
+
web: [_primitives.TRANSITION_COLORS, 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)] web:data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
13
|
+
default: ''
|
|
14
|
+
})]);
|
|
15
|
+
const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _classVarianceAuthority.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', _reactNative.Platform.select({
|
|
16
|
+
web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover'].join(' '),
|
|
15
17
|
default: ''
|
|
16
18
|
})]);
|
|
17
|
-
const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _classVarianceAuthority.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']);
|
|
18
19
|
const radioLabelVariants = exports.radioLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'text-content-primary']);
|
|
19
20
|
const radioGroupVariants = exports.radioGroupVariants = (0, _classVarianceAuthority.cva)([], {
|
|
20
21
|
variants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","radioRootVariants","exports","cva","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","radioRootVariants","exports","cva","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,2BAAe,CAChB,CAAC;AAEK,MAAMC,sBAAsB,GAAAH,OAAA,CAAAG,sBAAA,GAAG,IAAAF,2BAAG,EAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1C,8DAA8D,EAC9DG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,6BAAiB,EACjB,0EAA0E,EAC1E,0EAA0E,EAC1E,4CAA4C,EAC5C,gJAAgJ,CACjJ,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAMC,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,2BAAG,EAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE,CACvE,CAACE,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAEnE,MAAMW,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,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":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
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--React-Native-Components?node-id=366-383
|
|
10
|
+
// source=packages/components/src/components/Checkbox/index.tsx
|
|
11
|
+
// component=Checkbox
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Enum-as-boolean VARIANT props use string values "true"/"false" in Figma.
|
|
17
|
+
* Props are emitted via `figma.helpers.react.renderProp` so JSX formatting matches Code Connect conventions.
|
|
18
|
+
*
|
|
19
|
+
* `isHovered` and `isFocused` are interaction-only variants (fixed "false") and are intentionally omitted.
|
|
20
|
+
*/
|
|
21
|
+
const isChecked = instance.getEnum('isChecked', {
|
|
22
|
+
true: true,
|
|
23
|
+
false: false
|
|
24
|
+
});
|
|
25
|
+
const isIndeterminate = instance.getEnum('isIndeterminate', {
|
|
26
|
+
true: true,
|
|
27
|
+
false: false
|
|
28
|
+
});
|
|
29
|
+
const isInvalid = instance.getEnum('isInvalid', {
|
|
30
|
+
true: true,
|
|
31
|
+
false: false
|
|
32
|
+
});
|
|
33
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
34
|
+
true: true,
|
|
35
|
+
false: false
|
|
36
|
+
});
|
|
37
|
+
const valueProp = _figma.default.helpers.react.renderProp('value', 'terms');
|
|
38
|
+
const isCheckedProp = _figma.default.helpers.react.renderProp('isChecked', isChecked);
|
|
39
|
+
const isIndeterminateProp = _figma.default.helpers.react.renderProp('isIndeterminate', isIndeterminate);
|
|
40
|
+
const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
|
|
41
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
42
|
+
const showLabel = instance.getEnum('Show Label?', {
|
|
43
|
+
true: true,
|
|
44
|
+
false: false
|
|
45
|
+
});
|
|
46
|
+
const labelText = instance.findText('Label').textContent;
|
|
47
|
+
var _default = exports.default = {
|
|
48
|
+
id: 'checkbox',
|
|
49
|
+
imports: ["import { Checkbox } from '@cdx-ui/components'"],
|
|
50
|
+
example: _figma.default.code`
|
|
51
|
+
<Checkbox${valueProp}${isCheckedProp}${isIndeterminateProp}${isInvalidProp}${isDisabledProp}>
|
|
52
|
+
${showLabel ? _figma.default.code`<Checkbox.Label>${labelText}</Checkbox.Label>` : null}
|
|
53
|
+
</Checkbox>`
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=Checkbox.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isChecked","getEnum","true","false","isIndeterminate","isInvalid","isDisabled","valueProp","helpers","react","renderProp","isCheckedProp","isIndeterminateProp","isInvalidProp","isDisabledProp","showLabel","labelText","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Checkbox.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;AACA;AACA;AACA,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGP,QAAQ,CAACI,OAAO,CAAC,iBAAiB,EAAE;EAC1DC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,SAAS,GAAGR,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMG,UAAU,GAAGT,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMI,SAAS,GAAGT,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC;AAClE,MAAMC,aAAa,GAAGb,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMY,mBAAmB,GAAGd,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,iBAAiB,EAAEN,eAAe,CAAC;AAC9F,MAAMS,aAAa,GAAGf,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEL,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGhB,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMS,SAAS,GAAGlB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMa,SAAS,GAAInB,QAAQ,CAACoB,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAE1E;EACbyB,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEzB,cAAK,CAAC0B,IAAI;AACrB,WAAWjB,SAAS,GAAGI,aAAa,GAAGC,mBAAmB,GAAGC,aAAa,GAAGC,cAAc;AAC3F,IAAIC,SAAS,GAAGjB,cAAK,CAAC0B,IAAI,mBAAmBR,SAAS,mBAAmB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,57 @@
|
|
|
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-CDS-V2--React-Native?node-id=409-3015
|
|
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
|
+
const isInvalid = instance.getEnum('isInvalid', {
|
|
21
|
+
true: true,
|
|
22
|
+
false: undefined
|
|
23
|
+
});
|
|
24
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
25
|
+
true: true,
|
|
26
|
+
false: undefined
|
|
27
|
+
});
|
|
28
|
+
const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
|
|
29
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
30
|
+
const labelText = instance.findText('{Label}', {
|
|
31
|
+
traverseInstances: true
|
|
32
|
+
}).textContent;
|
|
33
|
+
const helperText = instance.findText('{HelperText}', {
|
|
34
|
+
traverseInstances: true
|
|
35
|
+
}).textContent;
|
|
36
|
+
const errorText = instance.findText('{ErrorText}', {
|
|
37
|
+
traverseInstances: true
|
|
38
|
+
}).textContent;
|
|
39
|
+
const input = instance.findInstance('Input');
|
|
40
|
+
let inputSnippet;
|
|
41
|
+
if (input?.type === 'INSTANCE') {
|
|
42
|
+
inputSnippet = input.executeTemplate().example;
|
|
43
|
+
}
|
|
44
|
+
var _default = exports.default = {
|
|
45
|
+
id: 'field-input',
|
|
46
|
+
// Only import Field here; the nested Input template provides its own "import { Input } …" line.
|
|
47
|
+
// Code Connect merges the two separate import statements from the same package automatically.
|
|
48
|
+
imports: ["import { Field } from '@cdx-ui/components'"],
|
|
49
|
+
example: _figma.default.code`
|
|
50
|
+
<Field${isInvalidProp}${isDisabledProp}>
|
|
51
|
+
${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
|
|
52
|
+
${inputSnippet}
|
|
53
|
+
${!isInvalid && showHelperText ? _figma.default.code`<Field.Helper>${helperText}</Field.Helper>` : null}
|
|
54
|
+
${isInvalid && showErrorText ? _figma.default.code`<Field.Error>${errorText}</Field.Error>` : null}
|
|
55
|
+
</Field>`
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=Field.Input.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","input","findInstance","inputSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Input.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,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,KAAK,GAAGxB,QAAQ,CAACyB,YAAY,CAAC,OAAO,CAAC;AAC5C,IAAIC,YAAyD;AAC7D,IAAIF,KAAK,EAAEG,IAAI,KAAK,UAAU,EAAE;EAC9BD,YAAY,GAAGF,KAAK,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChD;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,YAAY;AAChB,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,57 @@
|
|
|
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-CDS-V2--React-Native?node-id=427-4179
|
|
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
|
+
const isInvalid = instance.getEnum('isInvalid', {
|
|
21
|
+
true: true,
|
|
22
|
+
false: undefined
|
|
23
|
+
});
|
|
24
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
25
|
+
true: true,
|
|
26
|
+
false: undefined
|
|
27
|
+
});
|
|
28
|
+
const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
|
|
29
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
30
|
+
const labelText = instance.findText('{Label}', {
|
|
31
|
+
traverseInstances: true
|
|
32
|
+
}).textContent;
|
|
33
|
+
const helperText = instance.findText('{HelperText}', {
|
|
34
|
+
traverseInstances: true
|
|
35
|
+
}).textContent;
|
|
36
|
+
const errorText = instance.findText('{ErrorText}', {
|
|
37
|
+
traverseInstances: true
|
|
38
|
+
}).textContent;
|
|
39
|
+
const select = instance.findInstance('Select');
|
|
40
|
+
let selectSnippet;
|
|
41
|
+
if (select?.type === 'INSTANCE') {
|
|
42
|
+
selectSnippet = select.executeTemplate().example;
|
|
43
|
+
}
|
|
44
|
+
var _default = exports.default = {
|
|
45
|
+
id: 'field-select',
|
|
46
|
+
// Only import Field here; the nested Select template provides its own "import { Select } …" line.
|
|
47
|
+
// Code Connect merges the two separate import statements from the same package automatically.
|
|
48
|
+
imports: ["import { Field } from '@cdx-ui/components'"],
|
|
49
|
+
example: _figma.default.code`
|
|
50
|
+
<Field${isInvalidProp}${isDisabledProp}>
|
|
51
|
+
${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
|
|
52
|
+
${selectSnippet}
|
|
53
|
+
${!isInvalid && showHelperText ? _figma.default.code`<Field.Helper>${helperText}</Field.Helper>` : null}
|
|
54
|
+
${isInvalid && showErrorText ? _figma.default.code`<Field.Error>${errorText}</Field.Error>` : null}
|
|
55
|
+
</Field>`
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=Field.Select.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","select","findInstance","selectSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Select.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,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,MAAM,GAAGxB,QAAQ,CAACyB,YAAY,CAAC,QAAQ,CAAC;AAC9C,IAAIC,aAA0D;AAC9D,IAAIF,MAAM,EAAEG,IAAI,KAAK,UAAU,EAAE;EAC/BD,aAAa,GAAGF,MAAM,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAClD;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEc;EACbiC,EAAE,EAAE,cAAc;EAClB;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,aAAa;AACjB,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,47 @@
|
|
|
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--React-Native-Components?node-id=427-5235
|
|
10
|
+
// source=packages/components/src/components/IconButton/index.tsx
|
|
11
|
+
// component=IconButton
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const variant = instance.getEnum('variant', {
|
|
15
|
+
solid: 'solid',
|
|
16
|
+
tint: 'tint',
|
|
17
|
+
ghost: 'ghost'
|
|
18
|
+
});
|
|
19
|
+
const color = instance.getEnum('color', {
|
|
20
|
+
neutral: 'neutral',
|
|
21
|
+
action: 'action',
|
|
22
|
+
danger: 'danger'
|
|
23
|
+
});
|
|
24
|
+
const size = instance.getEnum('size', {
|
|
25
|
+
default: 'default',
|
|
26
|
+
small: 'small'
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
// Enum-as-boolean: isDisabled is a VARIANT property in Figma ("true"/"false").
|
|
30
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
31
|
+
true: true,
|
|
32
|
+
false: undefined
|
|
33
|
+
});
|
|
34
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
35
|
+
|
|
36
|
+
// icon: INSTANCE_SWAP → IconButton `as` (CdxIcon). Prefer metadata.props.componentName from icon Code Connect.
|
|
37
|
+
const iconResult = instance.getInstanceSwap('icon')?.executeTemplate();
|
|
38
|
+
const iconName = iconResult?.metadata?.props?.componentName;
|
|
39
|
+
const iconSnippet = iconName ?? iconResult?.example;
|
|
40
|
+
const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
|
|
41
|
+
var _default = exports.default = {
|
|
42
|
+
id: 'icon-button',
|
|
43
|
+
imports: ["import { IconButton } from '@cdx-ui/components'", ...iconImports],
|
|
44
|
+
example: _figma.default.code`
|
|
45
|
+
<IconButton as={${iconSnippet}} variant="${variant}" color="${color}" size="${size}"${isDisabledProp} />`
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=IconButton.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","tint","ghost","color","neutral","action","danger","size","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/IconButton.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,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGZ,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBc,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA,MAAMC,UAAU,GAAGd,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGjB,cAAK,CAACkB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;;AAE/E;AACA,MAAMQ,UAAU,GAAGtB,QAAQ,CAACuB,eAAe,CAAC,MAAM,CAAC,EAAEC,eAAe,CAAC,CAAC;AACtE,MAAMC,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AAEnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAErE;EACbmC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,iDAAiD,EAAE,GAAGJ,WAAW,CAAC;EAC5ED,OAAO,EAAE7B,cAAK,CAACmC,IAAI;AACrB,kBAAkBP,WAAW,cAAc1B,OAAO,YAAYK,KAAK,WAAWI,IAAI,IAAIM,cAAc;AACpG,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
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-CDS-V2--React-Native?node-id=159-22
|
|
10
|
+
// source=packages/components/src/components/Input/index.tsx
|
|
11
|
+
// component=Input
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const variant = instance.getEnum('variant', {
|
|
15
|
+
outlined: 'outline'
|
|
16
|
+
});
|
|
17
|
+
const size = instance.getEnum('size', {
|
|
18
|
+
default: 'default'
|
|
19
|
+
});
|
|
20
|
+
const isInvalid = instance.getEnum('isInvalid', {
|
|
21
|
+
true: true,
|
|
22
|
+
false: undefined
|
|
23
|
+
});
|
|
24
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
25
|
+
true: true,
|
|
26
|
+
false: undefined
|
|
27
|
+
});
|
|
28
|
+
const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
|
|
29
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
30
|
+
const showValue = instance.getEnum('Show Value?', {
|
|
31
|
+
true: true,
|
|
32
|
+
false: false
|
|
33
|
+
});
|
|
34
|
+
const showPlaceholder = instance.getEnum('Show Placeholder?', {
|
|
35
|
+
true: true,
|
|
36
|
+
false: false
|
|
37
|
+
});
|
|
38
|
+
const valueText = instance.findText('{value}', {
|
|
39
|
+
traverseInstances: true
|
|
40
|
+
}).textContent;
|
|
41
|
+
const placeholder = instance.getString('placeholder');
|
|
42
|
+
const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', showValue ? valueText : undefined);
|
|
43
|
+
const placeholderProp = _figma.default.helpers.react.renderProp('placeholder', showPlaceholder ? placeholder : undefined);
|
|
44
|
+
var _default = exports.default = {
|
|
45
|
+
id: 'input',
|
|
46
|
+
imports: ["import { Input } from '@cdx-ui/components'"],
|
|
47
|
+
example: _figma.default.code`
|
|
48
|
+
<Input variant="${variant}" size="${size}"${isInvalidProp}${isDisabledProp}>
|
|
49
|
+
<Input.Field${defaultValueProp}${placeholderProp} />
|
|
50
|
+
</Input>`
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=Input.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","size","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","defaultValueProp","placeholderProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Input.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,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGN,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGX,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGf,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGlB,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMU,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,gBAAgB,GAAGxB,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAGzB,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEa;EACb8B,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAE9B,cAAK,CAAC+B,IAAI;AACrB,kBAAkB7B,OAAO,WAAWG,IAAI,IAAIM,aAAa,GAAGI,cAAc;AAC1E,gBAAgBS,gBAAgB,GAAGC,eAAe;AAClD;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
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-CDS-V2--React-Native?node-id=427-2296
|
|
10
|
+
// source=packages/components/src/components/Select/index.tsx
|
|
11
|
+
// component=Select
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const variant = instance.getEnum('variant', {
|
|
15
|
+
outlined: 'outline'
|
|
16
|
+
});
|
|
17
|
+
const size = instance.getEnum('size', {
|
|
18
|
+
default: 'default'
|
|
19
|
+
});
|
|
20
|
+
const isInvalid = instance.getEnum('isInvalid', {
|
|
21
|
+
true: true,
|
|
22
|
+
false: undefined
|
|
23
|
+
});
|
|
24
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
25
|
+
true: true,
|
|
26
|
+
false: undefined
|
|
27
|
+
});
|
|
28
|
+
const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
|
|
29
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
30
|
+
const showValue = instance.getEnum('Show Value?', {
|
|
31
|
+
true: true,
|
|
32
|
+
false: false
|
|
33
|
+
});
|
|
34
|
+
const showPlaceholder = instance.getEnum('Show Placeholder?', {
|
|
35
|
+
true: true,
|
|
36
|
+
false: false
|
|
37
|
+
});
|
|
38
|
+
const valueText = instance.findText('{value}', {
|
|
39
|
+
traverseInstances: true
|
|
40
|
+
}).textContent;
|
|
41
|
+
const placeholder = instance.getString('placeholder');
|
|
42
|
+
const valueProp = _figma.default.helpers.react.renderProp('value', showValue ? 'value' : undefined);
|
|
43
|
+
var _default = exports.default = {
|
|
44
|
+
id: 'select',
|
|
45
|
+
imports: ["import { Select } from '@cdx-ui/components'"],
|
|
46
|
+
example: _figma.default.code`
|
|
47
|
+
<Select variant="${variant}" size="${size}" items={[{ value: 'value', label: '${valueText}' }]}${valueProp}${isInvalidProp}${isDisabledProp}>
|
|
48
|
+
<Select.Trigger>
|
|
49
|
+
${showPlaceholder ? _figma.default.code`<Select.Value placeholder="${placeholder}" />` : _figma.default.code`<Select.Value />`}
|
|
50
|
+
</Select.Trigger>
|
|
51
|
+
</Select>`
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=Select.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","size","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","valueProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Select.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,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGN,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGX,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGf,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGlB,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMU,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,SAAS,GAAGxB,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEE,SAAS,GAAG,OAAO,GAAGP,SAAS,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAE5E;EACb6B,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAE7B,cAAK,CAAC8B,IAAI;AACrB,mBAAmB5B,OAAO,WAAWG,IAAI,uCAAuCa,SAAS,QAAQM,SAAS,GAAGb,aAAa,GAAGI,cAAc;AAC3I;AACA,MAAME,eAAe,GAAGjB,cAAK,CAAC8B,IAAI,8BAA8BR,WAAW,MAAM,GAAGtB,cAAK,CAAC8B,IAAI,kBAAkB;AAChH;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -4,15 +4,12 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { Pressable, Text, View } from 'react-native';
|
|
5
5
|
import { Check, CheckIndeterminateSmall } from '@cdx-ui/icons';
|
|
6
6
|
import { createCheckbox } from '@cdx-ui/primitives';
|
|
7
|
-
import { cn
|
|
7
|
+
import { cn } from '@cdx-ui/utils';
|
|
8
8
|
import { Icon } from '../Icon';
|
|
9
9
|
import { checkboxGroupVariants, checkboxIconVariants, checkboxIndicatorVariants, checkboxLabelVariants, checkboxRootVariants } from './styles';
|
|
10
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
const SCOPE = 'CHECKBOX';
|
|
12
|
-
const Root = withStyleContext(Pressable, SCOPE);
|
|
13
|
-
const useCheckboxStyleContext = () => useStyleContext(SCOPE);
|
|
14
11
|
const CheckboxPrimitive = createCheckbox({
|
|
15
|
-
Root,
|
|
12
|
+
Root: Pressable,
|
|
16
13
|
Indicator: View,
|
|
17
14
|
Icon: View,
|
|
18
15
|
Label: Text,
|
|
@@ -24,24 +21,18 @@ const CheckboxPrimitive = createCheckbox({
|
|
|
24
21
|
// =============================================================================
|
|
25
22
|
|
|
26
23
|
const CheckboxRoot = /*#__PURE__*/forwardRef(({
|
|
27
|
-
size = 'default',
|
|
28
24
|
className,
|
|
29
25
|
isIndeterminate,
|
|
30
26
|
children,
|
|
31
27
|
style,
|
|
32
28
|
...props
|
|
33
29
|
}, ref) => {
|
|
34
|
-
const computedClassName = cn(checkboxRootVariants(
|
|
35
|
-
size
|
|
36
|
-
}), className);
|
|
30
|
+
const computedClassName = cn(checkboxRootVariants(), className);
|
|
37
31
|
return /*#__PURE__*/_jsxs(CheckboxPrimitive, {
|
|
38
32
|
ref: ref,
|
|
39
33
|
className: computedClassName,
|
|
40
34
|
isIndeterminate: isIndeterminate,
|
|
41
35
|
style: style,
|
|
42
|
-
context: {
|
|
43
|
-
size
|
|
44
|
-
},
|
|
45
36
|
...props,
|
|
46
37
|
children: [/*#__PURE__*/_jsx(CheckboxIndicator, {
|
|
47
38
|
children: /*#__PURE__*/_jsx(CheckboxPrimitive.Icon, {
|
|
@@ -64,12 +55,7 @@ const CheckboxIndicator = /*#__PURE__*/forwardRef(({
|
|
|
64
55
|
style,
|
|
65
56
|
...props
|
|
66
57
|
}, ref) => {
|
|
67
|
-
const
|
|
68
|
-
size
|
|
69
|
-
} = useCheckboxStyleContext();
|
|
70
|
-
const computedClassName = cn(checkboxIndicatorVariants({
|
|
71
|
-
size
|
|
72
|
-
}), className);
|
|
58
|
+
const computedClassName = cn(checkboxIndicatorVariants(), className);
|
|
73
59
|
return /*#__PURE__*/_jsx(CheckboxPrimitive.Indicator, {
|
|
74
60
|
ref: ref,
|
|
75
61
|
className: computedClassName,
|
|
@@ -89,12 +75,7 @@ const CheckboxIcon = ({
|
|
|
89
75
|
style,
|
|
90
76
|
...props
|
|
91
77
|
}) => {
|
|
92
|
-
const
|
|
93
|
-
size
|
|
94
|
-
} = useCheckboxStyleContext();
|
|
95
|
-
const computedClassName = cn(checkboxIconVariants({
|
|
96
|
-
size
|
|
97
|
-
}), className);
|
|
78
|
+
const computedClassName = cn(checkboxIconVariants(), className);
|
|
98
79
|
return /*#__PURE__*/_jsx(Icon, {
|
|
99
80
|
className: computedClassName,
|
|
100
81
|
style: style,
|
|
@@ -113,12 +94,7 @@ const CheckboxLabel = /*#__PURE__*/forwardRef(({
|
|
|
113
94
|
style,
|
|
114
95
|
...props
|
|
115
96
|
}, ref) => {
|
|
116
|
-
const
|
|
117
|
-
size
|
|
118
|
-
} = useCheckboxStyleContext();
|
|
119
|
-
const computedClassName = cn(checkboxLabelVariants({
|
|
120
|
-
size
|
|
121
|
-
}), className);
|
|
97
|
+
const computedClassName = cn(checkboxLabelVariants(), className);
|
|
122
98
|
return /*#__PURE__*/_jsx(CheckboxPrimitive.Label, {
|
|
123
99
|
ref: ref,
|
|
124
100
|
className: computedClassName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Pressable","Text","View","Check","CheckIndeterminateSmall","createCheckbox","cn","
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","Text","View","Check","CheckIndeterminateSmall","createCheckbox","cn","Icon","checkboxGroupVariants","checkboxIconVariants","checkboxIndicatorVariants","checkboxLabelVariants","checkboxRootVariants","jsx","_jsx","jsxs","_jsxs","CheckboxPrimitive","Root","Indicator","Label","Group","CheckboxRoot","className","isIndeterminate","children","style","props","ref","computedClassName","CheckboxIndicator","CheckboxIcon","as","displayName","CheckboxLabel","CheckboxGroup","direction","value","onChange","isDisabled","isInvalid","isReadOnly","viewProps","Checkbox","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
|