@cdx-ui/components 0.0.1-beta.10 → 0.0.1-beta.101

package/lib/commonjs/figma/Radio.figma.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=2603-62
+// source=packages/components/src/components/Radio/index.tsx
+// component=Radio
+
+const instance = _figma.default.selectedInstance;
+
+// Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma (string values "true"/"false").
+// Rendered via renderProp so JSX formatting matches Code Connect conventions.
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: false
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: false
+});
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const showLabel = instance.getEnum('Show Label?', {
+  true: true,
+  false: false
+});
+const labelText = instance.findText('Label').textContent;
+var _default = exports.default = {
+  id: 'radio',
+  imports: ["import { Radio } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Radio value="option"${isDisabledProp}${isInvalidProp}>
+  ${showLabel ? _figma.default.code`<Radio.Label>${labelText}</Radio.Label>` : null}
+</Radio>`
+};
+//# sourceMappingURL=Radio.figma.js.map

package/lib/commonjs/figma/Radio.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isDisabled","getEnum","true","false","isInvalid","isDisabledProp","helpers","react","renderProp","isInvalidProp","showLabel","labelText","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA,MAAMC,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,cAAc,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;AAC/E,MAAMS,aAAa,GAAGX,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEJ,SAAS,CAAC;AAE5E,MAAMM,SAAS,GAAGb,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAId,QAAQ,CAACe,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAE1E;EACboB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEpB,cAAK,CAACqB,IAAI;AACrB,uBAAuBd,cAAc,GAAGI,aAAa;AACrD,IAAIC,SAAS,GAAGZ,cAAK,CAACqB,IAAI,gBAAgBR,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Select.figma.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=427-2296
+// source=packages/components/src/components/Select/index.tsx
+// component=Select
+
+const instance = _figma.default.selectedInstance;
+const variant = instance.getEnum('variant', {
+  outlined: 'outline'
+});
+const size = instance.getEnum('size', {
+  default: 'default'
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+const showValue = instance.getEnum('Show Value?', {
+  true: true,
+  false: undefined
+});
+const showPlaceholder = instance.getEnum('Show Placeholder?', {
+  true: true,
+  false: undefined
+});
+const valueText = instance.findText('{value}', {
+  traverseInstances: true
+}).textContent;
+const placeholder = instance.getString('placeholder');
+const valueProp = _figma.default.helpers.react.renderProp('value', showValue ? 'value' : undefined);
+var _default = exports.default = {
+  id: 'select',
+  imports: ["import { Select } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Select variant="${variant}" size="${size}" items={[{ value: 'value', label: '${valueText}' }]}${valueProp}${isInvalidProp}${isDisabledProp}>
+  <Select.Trigger>
+    ${showPlaceholder ? _figma.default.code`<Select.Value placeholder="${placeholder}" />` : _figma.default.code`<Select.Value />`}
+  </Select.Trigger>
+</Select>`
+};
+//# sourceMappingURL=Select.figma.js.map

package/lib/commonjs/figma/Select.figma.js.map

@@ -0,0 +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,EAAEC;AACT,CAAC,CAAC;AACF,MAAMQ,eAAe,GAAGlB,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMS,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":[]}

package/lib/commonjs/figma/Text.figma.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=400-3
+// source=packages/components/src/components/Text/index.tsx
+// component=Text
+
+const instance = _figma.default.selectedInstance;
+
+// Figma size values are identical to code size values — no renaming needed.
+const size = instance.getEnum('size', {
+  xl: 'xl',
+  lg: 'lg',
+  md: 'md',
+  sm: 'sm',
+  xs: 'xs'
+});
+const text = instance.findText('{Text}').textContent;
+var _default = exports.default = {
+  id: 'text',
+  imports: ["import { Text } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Text size="${size}">${text}</Text>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Text.figma.js.map

package/lib/commonjs/figma/Text.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","xl","lg","md","sm","xs","text","findText","textContent","_default","exports","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Text.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,MAAMC,IAAI,GAAGH,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE;AACN,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAIV,QAAQ,CAACW,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEtE;EACbgB,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEhB,cAAK,CAACiB,IAAI,eAAef,IAAI,KAAKO,IAAI,SAAS;EACxDS,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Textarea.figma.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=7078-1235
+// source=packages/components/src/components/Textarea/index.tsx
+// component=Textarea
+
+const instance = _figma.default.selectedInstance;
+const variant = instance.getEnum('variant', {
+  outlined: 'outline'
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+const showValue = instance.getEnum('Show Value?', {
+  true: true,
+  false: false
+});
+const showPlaceholder = instance.getEnum('Show Placeholder?', {
+  true: true,
+  false: false
+});
+const valueText = instance.findText('{value}', {
+  traverseInstances: true
+}).textContent;
+const placeholder = instance.getString('placeholder');
+const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', showValue ? valueText : undefined);
+const placeholderProp = _figma.default.helpers.react.renderProp('placeholder', showPlaceholder ? placeholder : undefined);
+var _default = exports.default = {
+  id: 'textarea',
+  imports: ["import { Textarea } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Textarea variant="${variant}" ${isInvalidProp}${isDisabledProp}${defaultValueProp}${placeholderProp} />`
+};
+//# sourceMappingURL=Textarea.figma.js.map

package/lib/commonjs/figma/Textarea.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","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/Textarea.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;AAEF,MAAMC,SAAS,GAAGN,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGV,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGV,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGd,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGhB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGjB,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMU,SAAS,GACblB,QAAQ,CAACmB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGtB,QAAQ,CAACuB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,gBAAgB,GAAGvB,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAGxB,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEa;EACb6B,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAE7B,cAAK,CAAC8B,IAAI;AACrB,qBAAqB5B,OAAO,KAAKQ,aAAa,GAAGI,cAAc,GAAGS,gBAAgB,GAAGC,eAAe;AACpG,CAAC","ignoreList":[]}

package/lib/commonjs/figma/icons.figma.batch.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const instance = _figma.default.selectedInstance;
+const name = _figma.default.batch.name;
+const filled = instance.getEnum('filled', {
+  true: true,
+  false: undefined
+});
+const filledProp = _figma.default.helpers.react.renderProp('filled', filled);
+var _default = exports.default = {
+  example: _figma.default.code`<Icon as={${name}}${filledProp} />`,
+  imports: [`import { Icon } from '@cdx-ui/components'`, `import { ${name} } from '@cdx-ui/icons'`],
+  id: _figma.default.batch.id,
+  metadata: {
+    nestable: true,
+    props: {
+      componentName: name
+    }
+  }
+};
+//# sourceMappingURL=icons.figma.batch.js.map

package/lib/commonjs/figma/icons.figma.batch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","name","batch","filled","getEnum","true","false","undefined","filledProp","helpers","react","renderProp","_default","exports","example","code","imports","id","metadata","nestable","props","componentName"],"sourceRoot":"../../../src","sources":["figma/icons.figma.batch.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1B,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AACvC,MAAMC,IAAI,GAAGF,cAAK,CAACG,KAAK,CAACD,IAAc;AACvC,MAAME,MAAM,GAAGL,QAAQ,CAACM,OAAO,CAAC,QAAQ,EAAE;EACxCC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGT,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAER,MAAM,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAErD;EACbiB,OAAO,EAAEf,cAAK,CAACgB,IAAI,aAAad,IAAI,IAAIO,UAAU,KAAK;EACvDQ,OAAO,EAAE,CAAC,2CAA2C,EAAE,YAAYf,IAAI,yBAAyB,CAAC;EACjGgB,EAAE,EAAElB,cAAK,CAACG,KAAK,CAACe,EAAY;EAC5BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAI;IACdC,KAAK,EAAE;MAAEC,aAAa,EAAEpB;IAAK;EAC/B;AACF,CAAC","ignoreList":[]}