@cdx-ui/components 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (248) hide show
  1. package/README.md +1 -1
  2. package/lib/commonjs/figma/Calendar.figma.js +28 -0
  3. package/lib/commonjs/figma/Calendar.figma.js.map +1 -0
  4. package/lib/commonjs/figma/Carousel.NextButton.figma.js +27 -0
  5. package/lib/commonjs/figma/Carousel.NextButton.figma.js.map +1 -0
  6. package/lib/commonjs/figma/Carousel.Pagination.figma.js +22 -0
  7. package/lib/commonjs/figma/Carousel.Pagination.figma.js.map +1 -0
  8. package/lib/commonjs/figma/Carousel.PrevButton.figma.js +27 -0
  9. package/lib/commonjs/figma/Carousel.PrevButton.figma.js.map +1 -0
  10. package/lib/commonjs/figma/Carousel.figma.js +37 -0
  11. package/lib/commonjs/figma/Carousel.figma.js.map +1 -0
  12. package/lib/commonjs/figma/Checkbox.Group.figma.js +24 -0
  13. package/lib/commonjs/figma/Checkbox.Group.figma.js.map +1 -0
  14. package/lib/commonjs/figma/CurrencyInput.figma.js +54 -0
  15. package/lib/commonjs/figma/CurrencyInput.figma.js.map +1 -0
  16. package/lib/commonjs/figma/DateField.figma.js +58 -0
  17. package/lib/commonjs/figma/DateField.figma.js.map +1 -0
  18. package/lib/commonjs/figma/DatePicker.figma.js +88 -0
  19. package/lib/commonjs/figma/DatePicker.figma.js.map +1 -0
  20. package/lib/commonjs/figma/DateRangePicker.figma.js +85 -0
  21. package/lib/commonjs/figma/DateRangePicker.figma.js.map +1 -0
  22. package/lib/commonjs/figma/DateTimeField.figma.js +69 -0
  23. package/lib/commonjs/figma/DateTimeField.figma.js.map +1 -0
  24. package/lib/commonjs/figma/Field.Checkbox.figma.js +52 -0
  25. package/lib/commonjs/figma/Field.Checkbox.figma.js.map +1 -0
  26. package/lib/commonjs/figma/Field.DateField.figma.js +57 -0
  27. package/lib/commonjs/figma/Field.DateField.figma.js.map +1 -0
  28. package/lib/commonjs/figma/Field.DateTimeField.figma.js +57 -0
  29. package/lib/commonjs/figma/Field.DateTimeField.figma.js.map +1 -0
  30. package/lib/commonjs/figma/Image.figma.js +22 -0
  31. package/lib/commonjs/figma/Image.figma.js.map +1 -0
  32. package/lib/commonjs/figma/MonthCalendar.figma.js +18 -0
  33. package/lib/commonjs/figma/MonthCalendar.figma.js.map +1 -0
  34. package/lib/commonjs/figma/ProgressBar.figma.js +54 -0
  35. package/lib/commonjs/figma/ProgressBar.figma.js.map +1 -0
  36. package/lib/commonjs/figma/ProgressCircle.figma.js +73 -0
  37. package/lib/commonjs/figma/ProgressCircle.figma.js.map +1 -0
  38. package/lib/commonjs/figma/RangeCalendar.figma.js +36 -0
  39. package/lib/commonjs/figma/RangeCalendar.figma.js.map +1 -0
  40. package/lib/commonjs/figma/Skeleton.figma.js +31 -0
  41. package/lib/commonjs/figma/Skeleton.figma.js.map +1 -0
  42. package/lib/commonjs/figma/Slider.Marker.figma.js +21 -0
  43. package/lib/commonjs/figma/Slider.Marker.figma.js.map +1 -0
  44. package/lib/commonjs/figma/Slider.MarkerGroup.figma.js +22 -0
  45. package/lib/commonjs/figma/Slider.MarkerGroup.figma.js.map +1 -0
  46. package/lib/commonjs/figma/Slider.Thumb.figma.js +22 -0
  47. package/lib/commonjs/figma/Slider.Thumb.figma.js.map +1 -0
  48. package/lib/commonjs/figma/Slider.figma.js +69 -0
  49. package/lib/commonjs/figma/Slider.figma.js.map +1 -0
  50. package/lib/commonjs/figma/Switch.figma.js +36 -0
  51. package/lib/commonjs/figma/Switch.figma.js.map +1 -0
  52. package/lib/commonjs/figma/Tabs.SegmentedControl.Segment.figma.js +34 -0
  53. package/lib/commonjs/figma/Tabs.SegmentedControl.Segment.figma.js.map +1 -0
  54. package/lib/commonjs/figma/Tabs.SegmentedControl.figma.js +43 -0
  55. package/lib/commonjs/figma/Tabs.SegmentedControl.figma.js.map +1 -0
  56. package/lib/commonjs/figma/Tabs.Tab.figma.js +34 -0
  57. package/lib/commonjs/figma/Tabs.Tab.figma.js.map +1 -0
  58. package/lib/commonjs/figma/Tabs.figma.js +39 -0
  59. package/lib/commonjs/figma/Tabs.figma.js.map +1 -0
  60. package/lib/commonjs/figma/Tile.Description.figma.js +23 -0
  61. package/lib/commonjs/figma/Tile.Description.figma.js.map +1 -0
  62. package/lib/commonjs/figma/Tile.Group.figma.js +45 -0
  63. package/lib/commonjs/figma/Tile.Group.figma.js.map +1 -0
  64. package/lib/commonjs/figma/Tile.LeadingSlot.figma.js +23 -0
  65. package/lib/commonjs/figma/Tile.LeadingSlot.figma.js.map +1 -0
  66. package/lib/commonjs/figma/Tile.Title.figma.js +23 -0
  67. package/lib/commonjs/figma/Tile.Title.figma.js.map +1 -0
  68. package/lib/commonjs/figma/Tile.TrailingSlot.figma.js +23 -0
  69. package/lib/commonjs/figma/Tile.TrailingSlot.figma.js.map +1 -0
  70. package/lib/commonjs/figma/Tile.figma.js +57 -0
  71. package/lib/commonjs/figma/Tile.figma.js.map +1 -0
  72. package/lib/commonjs/figma/Toast.Button.figma.js +32 -0
  73. package/lib/commonjs/figma/Toast.Button.figma.js.map +1 -0
  74. package/lib/commonjs/figma/Toast.Close.figma.js +20 -0
  75. package/lib/commonjs/figma/Toast.Close.figma.js.map +1 -0
  76. package/lib/commonjs/figma/Toast.figma.js +81 -0
  77. package/lib/commonjs/figma/Toast.figma.js.map +1 -0
  78. package/lib/commonjs/figma/Tooltip.Content.figma.js +30 -0
  79. package/lib/commonjs/figma/Tooltip.Content.figma.js.map +1 -0
  80. package/lib/commonjs/figma/Tooltip.figma.js +46 -0
  81. package/lib/commonjs/figma/Tooltip.figma.js.map +1 -0
  82. package/lib/commonjs/figma/VirtualizedList.figma.js +31 -0
  83. package/lib/commonjs/figma/VirtualizedList.figma.js.map +1 -0
  84. package/lib/module/figma/Calendar.figma.js +22 -0
  85. package/lib/module/figma/Calendar.figma.js.map +1 -0
  86. package/lib/module/figma/Carousel.NextButton.figma.js +21 -0
  87. package/lib/module/figma/Carousel.NextButton.figma.js.map +1 -0
  88. package/lib/module/figma/Carousel.Pagination.figma.js +18 -0
  89. package/lib/module/figma/Carousel.Pagination.figma.js.map +1 -0
  90. package/lib/module/figma/Carousel.PrevButton.figma.js +21 -0
  91. package/lib/module/figma/Carousel.PrevButton.figma.js.map +1 -0
  92. package/lib/module/figma/Carousel.figma.js +31 -0
  93. package/lib/module/figma/Carousel.figma.js.map +1 -0
  94. package/lib/module/figma/Checkbox.Group.figma.js +18 -0
  95. package/lib/module/figma/Checkbox.Group.figma.js.map +1 -0
  96. package/lib/module/figma/CurrencyInput.figma.js +48 -0
  97. package/lib/module/figma/CurrencyInput.figma.js.map +1 -0
  98. package/lib/module/figma/DateField.figma.js +52 -0
  99. package/lib/module/figma/DateField.figma.js.map +1 -0
  100. package/lib/module/figma/DatePicker.figma.js +82 -0
  101. package/lib/module/figma/DatePicker.figma.js.map +1 -0
  102. package/lib/module/figma/DateRangePicker.figma.js +79 -0
  103. package/lib/module/figma/DateRangePicker.figma.js.map +1 -0
  104. package/lib/module/figma/DateTimeField.figma.js +63 -0
  105. package/lib/module/figma/DateTimeField.figma.js.map +1 -0
  106. package/lib/module/figma/Field.Checkbox.figma.js +46 -0
  107. package/lib/module/figma/Field.Checkbox.figma.js.map +1 -0
  108. package/lib/module/figma/Field.DateField.figma.js +51 -0
  109. package/lib/module/figma/Field.DateField.figma.js.map +1 -0
  110. package/lib/module/figma/Field.DateTimeField.figma.js +51 -0
  111. package/lib/module/figma/Field.DateTimeField.figma.js.map +1 -0
  112. package/lib/module/figma/Image.figma.js +18 -0
  113. package/lib/module/figma/Image.figma.js.map +1 -0
  114. package/lib/module/figma/MonthCalendar.figma.js +14 -0
  115. package/lib/module/figma/MonthCalendar.figma.js.map +1 -0
  116. package/lib/module/figma/ProgressBar.figma.js +48 -0
  117. package/lib/module/figma/ProgressBar.figma.js.map +1 -0
  118. package/lib/module/figma/ProgressCircle.figma.js +67 -0
  119. package/lib/module/figma/ProgressCircle.figma.js.map +1 -0
  120. package/lib/module/figma/RangeCalendar.figma.js +30 -0
  121. package/lib/module/figma/RangeCalendar.figma.js.map +1 -0
  122. package/lib/module/figma/Skeleton.figma.js +25 -0
  123. package/lib/module/figma/Skeleton.figma.js.map +1 -0
  124. package/lib/module/figma/Slider.Marker.figma.js +17 -0
  125. package/lib/module/figma/Slider.Marker.figma.js.map +1 -0
  126. package/lib/module/figma/Slider.MarkerGroup.figma.js +18 -0
  127. package/lib/module/figma/Slider.MarkerGroup.figma.js.map +1 -0
  128. package/lib/module/figma/Slider.Thumb.figma.js +18 -0
  129. package/lib/module/figma/Slider.Thumb.figma.js.map +1 -0
  130. package/lib/module/figma/Slider.figma.js +63 -0
  131. package/lib/module/figma/Slider.figma.js.map +1 -0
  132. package/lib/module/figma/Switch.figma.js +30 -0
  133. package/lib/module/figma/Switch.figma.js.map +1 -0
  134. package/lib/module/figma/Tabs.SegmentedControl.Segment.figma.js +28 -0
  135. package/lib/module/figma/Tabs.SegmentedControl.Segment.figma.js.map +1 -0
  136. package/lib/module/figma/Tabs.SegmentedControl.figma.js +37 -0
  137. package/lib/module/figma/Tabs.SegmentedControl.figma.js.map +1 -0
  138. package/lib/module/figma/Tabs.Tab.figma.js +28 -0
  139. package/lib/module/figma/Tabs.Tab.figma.js.map +1 -0
  140. package/lib/module/figma/Tabs.figma.js +33 -0
  141. package/lib/module/figma/Tabs.figma.js.map +1 -0
  142. package/lib/module/figma/Tile.Description.figma.js +17 -0
  143. package/lib/module/figma/Tile.Description.figma.js.map +1 -0
  144. package/lib/module/figma/Tile.Group.figma.js +39 -0
  145. package/lib/module/figma/Tile.Group.figma.js.map +1 -0
  146. package/lib/module/figma/Tile.LeadingSlot.figma.js +17 -0
  147. package/lib/module/figma/Tile.LeadingSlot.figma.js.map +1 -0
  148. package/lib/module/figma/Tile.Title.figma.js +17 -0
  149. package/lib/module/figma/Tile.Title.figma.js.map +1 -0
  150. package/lib/module/figma/Tile.TrailingSlot.figma.js +17 -0
  151. package/lib/module/figma/Tile.TrailingSlot.figma.js.map +1 -0
  152. package/lib/module/figma/Tile.figma.js +51 -0
  153. package/lib/module/figma/Tile.figma.js.map +1 -0
  154. package/lib/module/figma/Toast.Button.figma.js +26 -0
  155. package/lib/module/figma/Toast.Button.figma.js.map +1 -0
  156. package/lib/module/figma/Toast.Close.figma.js +15 -0
  157. package/lib/module/figma/Toast.Close.figma.js.map +1 -0
  158. package/lib/module/figma/Toast.figma.js +75 -0
  159. package/lib/module/figma/Toast.figma.js.map +1 -0
  160. package/lib/module/figma/Tooltip.Content.figma.js +24 -0
  161. package/lib/module/figma/Tooltip.Content.figma.js.map +1 -0
  162. package/lib/module/figma/Tooltip.figma.js +40 -0
  163. package/lib/module/figma/Tooltip.figma.js.map +1 -0
  164. package/lib/module/figma/VirtualizedList.figma.js +25 -0
  165. package/lib/module/figma/VirtualizedList.figma.js.map +1 -0
  166. package/lib/typescript/figma/Calendar.figma.d.ts +8 -0
  167. package/lib/typescript/figma/Calendar.figma.d.ts.map +1 -0
  168. package/lib/typescript/figma/Carousel.NextButton.figma.d.ts +11 -0
  169. package/lib/typescript/figma/Carousel.NextButton.figma.d.ts.map +1 -0
  170. package/lib/typescript/figma/Carousel.Pagination.figma.d.ts +11 -0
  171. package/lib/typescript/figma/Carousel.Pagination.figma.d.ts.map +1 -0
  172. package/lib/typescript/figma/Carousel.PrevButton.figma.d.ts +11 -0
  173. package/lib/typescript/figma/Carousel.PrevButton.figma.d.ts.map +1 -0
  174. package/lib/typescript/figma/Carousel.figma.d.ts +8 -0
  175. package/lib/typescript/figma/Carousel.figma.d.ts.map +1 -0
  176. package/lib/typescript/figma/Checkbox.Group.figma.d.ts +8 -0
  177. package/lib/typescript/figma/Checkbox.Group.figma.d.ts.map +1 -0
  178. package/lib/typescript/figma/CurrencyInput.figma.d.ts +8 -0
  179. package/lib/typescript/figma/CurrencyInput.figma.d.ts.map +1 -0
  180. package/lib/typescript/figma/DateField.figma.d.ts +8 -0
  181. package/lib/typescript/figma/DateField.figma.d.ts.map +1 -0
  182. package/lib/typescript/figma/DatePicker.figma.d.ts +8 -0
  183. package/lib/typescript/figma/DatePicker.figma.d.ts.map +1 -0
  184. package/lib/typescript/figma/DateRangePicker.figma.d.ts +8 -0
  185. package/lib/typescript/figma/DateRangePicker.figma.d.ts.map +1 -0
  186. package/lib/typescript/figma/DateTimeField.figma.d.ts +8 -0
  187. package/lib/typescript/figma/DateTimeField.figma.d.ts.map +1 -0
  188. package/lib/typescript/figma/Field.Checkbox.figma.d.ts +8 -0
  189. package/lib/typescript/figma/Field.Checkbox.figma.d.ts.map +1 -0
  190. package/lib/typescript/figma/Field.DateField.figma.d.ts +8 -0
  191. package/lib/typescript/figma/Field.DateField.figma.d.ts.map +1 -0
  192. package/lib/typescript/figma/Field.DateTimeField.figma.d.ts +8 -0
  193. package/lib/typescript/figma/Field.DateTimeField.figma.d.ts.map +1 -0
  194. package/lib/typescript/figma/Image.figma.d.ts +11 -0
  195. package/lib/typescript/figma/Image.figma.d.ts.map +1 -0
  196. package/lib/typescript/figma/MonthCalendar.figma.d.ts +8 -0
  197. package/lib/typescript/figma/MonthCalendar.figma.d.ts.map +1 -0
  198. package/lib/typescript/figma/ProgressBar.figma.d.ts +8 -0
  199. package/lib/typescript/figma/ProgressBar.figma.d.ts.map +1 -0
  200. package/lib/typescript/figma/ProgressCircle.figma.d.ts +11 -0
  201. package/lib/typescript/figma/ProgressCircle.figma.d.ts.map +1 -0
  202. package/lib/typescript/figma/RangeCalendar.figma.d.ts +8 -0
  203. package/lib/typescript/figma/RangeCalendar.figma.d.ts.map +1 -0
  204. package/lib/typescript/figma/Skeleton.figma.d.ts +11 -0
  205. package/lib/typescript/figma/Skeleton.figma.d.ts.map +1 -0
  206. package/lib/typescript/figma/Slider.Marker.figma.d.ts +11 -0
  207. package/lib/typescript/figma/Slider.Marker.figma.d.ts.map +1 -0
  208. package/lib/typescript/figma/Slider.MarkerGroup.figma.d.ts +8 -0
  209. package/lib/typescript/figma/Slider.MarkerGroup.figma.d.ts.map +1 -0
  210. package/lib/typescript/figma/Slider.Thumb.figma.d.ts +11 -0
  211. package/lib/typescript/figma/Slider.Thumb.figma.d.ts.map +1 -0
  212. package/lib/typescript/figma/Slider.figma.d.ts +8 -0
  213. package/lib/typescript/figma/Slider.figma.d.ts.map +1 -0
  214. package/lib/typescript/figma/Switch.figma.d.ts +8 -0
  215. package/lib/typescript/figma/Switch.figma.d.ts.map +1 -0
  216. package/lib/typescript/figma/Tabs.SegmentedControl.Segment.figma.d.ts +8 -0
  217. package/lib/typescript/figma/Tabs.SegmentedControl.Segment.figma.d.ts.map +1 -0
  218. package/lib/typescript/figma/Tabs.SegmentedControl.figma.d.ts +8 -0
  219. package/lib/typescript/figma/Tabs.SegmentedControl.figma.d.ts.map +1 -0
  220. package/lib/typescript/figma/Tabs.Tab.figma.d.ts +8 -0
  221. package/lib/typescript/figma/Tabs.Tab.figma.d.ts.map +1 -0
  222. package/lib/typescript/figma/Tabs.figma.d.ts +8 -0
  223. package/lib/typescript/figma/Tabs.figma.d.ts.map +1 -0
  224. package/lib/typescript/figma/Tile.Description.figma.d.ts +11 -0
  225. package/lib/typescript/figma/Tile.Description.figma.d.ts.map +1 -0
  226. package/lib/typescript/figma/Tile.Group.figma.d.ts +8 -0
  227. package/lib/typescript/figma/Tile.Group.figma.d.ts.map +1 -0
  228. package/lib/typescript/figma/Tile.LeadingSlot.figma.d.ts +8 -0
  229. package/lib/typescript/figma/Tile.LeadingSlot.figma.d.ts.map +1 -0
  230. package/lib/typescript/figma/Tile.Title.figma.d.ts +11 -0
  231. package/lib/typescript/figma/Tile.Title.figma.d.ts.map +1 -0
  232. package/lib/typescript/figma/Tile.TrailingSlot.figma.d.ts +8 -0
  233. package/lib/typescript/figma/Tile.TrailingSlot.figma.d.ts.map +1 -0
  234. package/lib/typescript/figma/Tile.figma.d.ts +8 -0
  235. package/lib/typescript/figma/Tile.figma.d.ts.map +1 -0
  236. package/lib/typescript/figma/Toast.Button.figma.d.ts +14 -0
  237. package/lib/typescript/figma/Toast.Button.figma.d.ts.map +1 -0
  238. package/lib/typescript/figma/Toast.Close.figma.d.ts +11 -0
  239. package/lib/typescript/figma/Toast.Close.figma.d.ts.map +1 -0
  240. package/lib/typescript/figma/Toast.figma.d.ts +8 -0
  241. package/lib/typescript/figma/Toast.figma.d.ts.map +1 -0
  242. package/lib/typescript/figma/Tooltip.Content.figma.d.ts +8 -0
  243. package/lib/typescript/figma/Tooltip.Content.figma.d.ts.map +1 -0
  244. package/lib/typescript/figma/Tooltip.figma.d.ts +8 -0
  245. package/lib/typescript/figma/Tooltip.figma.d.ts.map +1 -0
  246. package/lib/typescript/figma/VirtualizedList.figma.d.ts +8 -0
  247. package/lib/typescript/figma/VirtualizedList.figma.d.ts.map +1 -0
  248. package/package.json +6 -6
@@ -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-Forge-DS--Components?node-id=5541-5756
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
+ const isInvalid = instance.getEnum('isInvalid', {
18
+ true: true,
19
+ false: undefined
20
+ });
21
+ const isDisabled = instance.getEnum('isDisabled', {
22
+ true: true,
23
+ false: undefined
24
+ });
25
+ const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
26
+ const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
27
+ const labelText = instance.findText('{label}', {
28
+ traverseInstances: true
29
+ }).textContent;
30
+ const helperText = instance.findText('{HelperText}', {
31
+ traverseInstances: true
32
+ }).textContent;
33
+ const errorText = instance.findText('{ErrorText}', {
34
+ traverseInstances: true
35
+ }).textContent;
36
+ const checkboxGroup = instance.findInstance('Checkbox.Group');
37
+ let checkboxGroupSnippet;
38
+ if (checkboxGroup.type === 'INSTANCE') {
39
+ checkboxGroupSnippet = checkboxGroup.executeTemplate().example;
40
+ }
41
+ var _default = exports.default = {
42
+ id: 'field-checkbox',
43
+ imports: ["import { Field } from '@cdx-ui/components'"],
44
+ example: _figma.default.code`
45
+ <Field${isInvalidProp}${isDisabledProp}>
46
+ ${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
47
+ ${checkboxGroupSnippet}
48
+ ${!isInvalid && showHelperText ? _figma.default.code`<Field.Helper>${helperText}</Field.Helper>` : null}
49
+ ${isInvalid && showErrorText ? _figma.default.code`<Field.Error>${errorText}</Field.Error>` : null}
50
+ </Field>`
51
+ };
52
+ //# sourceMappingURL=Field.Checkbox.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","checkboxGroup","findInstance","checkboxGroupSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.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,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,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,aAAa,GAAGxB,QAAQ,CAACyB,YAAY,CAAC,gBAAgB,CAAC;AAC7D,IAAIC,oBAAiE;AACrE,IAAIF,aAAa,CAACG,IAAI,KAAK,UAAU,EAAE;EACrCD,oBAAoB,GAAGF,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChE;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEc;EACbiC,EAAE,EAAE,gBAAgB;EACpBC,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,oBAAoB;AACxB,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-Forge-DS--Components?node-id=12120-7982
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
+ const isInvalid = instance.getEnum('isInvalid', {
18
+ true: true,
19
+ false: undefined
20
+ });
21
+ const isReadOnly = instance.getEnum('isReadOnly', {
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 isReadOnlyProp = _figma.default.helpers.react.renderProp('isReadOnly', isReadOnly);
31
+ const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
32
+ const labelText = instance.findText('{label}', {
33
+ traverseInstances: true
34
+ }).textContent;
35
+ const helperText = instance.findText('{HelperText}', {
36
+ traverseInstances: true
37
+ }).textContent;
38
+ const errorText = instance.findText('{ErrorText}', {
39
+ traverseInstances: true
40
+ }).textContent;
41
+ const dateField = instance.findInstance('DateField');
42
+ let dateFieldSnippet;
43
+ if (dateField.type === 'INSTANCE') {
44
+ dateFieldSnippet = dateField.executeTemplate().example;
45
+ }
46
+ var _default = exports.default = {
47
+ id: 'field-date-field',
48
+ imports: ["import { Field } from '@cdx-ui/components'"],
49
+ example: _figma.default.code`
50
+ <Field${isInvalidProp}${isReadOnlyProp}${isDisabledProp}>
51
+ ${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
52
+ ${dateFieldSnippet}
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.DateField.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","isReadOnly","isDisabled","isInvalidProp","helpers","react","renderProp","isReadOnlyProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","dateField","findInstance","dateFieldSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.DateField.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,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;AACF,MAAME,UAAU,GAAGb,QAAQ,CAACQ,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAGb,cAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,cAAc,GAAGjB,cAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEL,UAAU,CAAC;AAC/E,MAAMO,cAAc,GAAGlB,cAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GACbpB,QAAQ,CAACqB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdxB,QAAQ,CAACqB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbzB,QAAQ,CAACqB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,SAAS,GAAG1B,QAAQ,CAAC2B,YAAY,CAAC,WAAW,CAAC;AACpD,IAAIC,gBAA6D;AACjE,IAAIF,SAAS,CAACG,IAAI,KAAK,UAAU,EAAE;EACjCD,gBAAgB,GAAGF,SAAS,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AACxD;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAEc;EACbmC,EAAE,EAAE,kBAAkB;EACtBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDJ,OAAO,EAAE9B,cAAK,CAACmC,IAAI;AACrB,QAAQtB,aAAa,GAAGI,cAAc,GAAGC,cAAc;AACvD,IAAIhB,SAAS,GAAGF,cAAK,CAACmC,IAAI,gBAAgBhB,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,gBAAgB;AACpB,IAAI,CAACrB,SAAS,IAAIF,cAAc,GAAGJ,cAAK,CAACmC,IAAI,iBAAiBZ,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIjB,SAAS,IAAID,aAAa,GAAGL,cAAK,CAACmC,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-Forge-DS--Components?node-id=12449-31583
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
+ const isInvalid = instance.getEnum('isInvalid', {
18
+ true: true,
19
+ false: undefined
20
+ });
21
+ const isReadOnly = instance.getEnum('isReadOnly', {
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 isReadOnlyProp = _figma.default.helpers.react.renderProp('isReadOnly', isReadOnly);
31
+ const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
32
+ const labelText = instance.findText('{label}', {
33
+ traverseInstances: true
34
+ }).textContent;
35
+ const helperText = instance.findText('{HelperText}', {
36
+ traverseInstances: true
37
+ }).textContent;
38
+ const errorText = instance.findText('{ErrorText}', {
39
+ traverseInstances: true
40
+ }).textContent;
41
+ const dateTimeField = instance.findInstance('DateTimeField');
42
+ let dateTimeFieldSnippet;
43
+ if (dateTimeField.type === 'INSTANCE') {
44
+ dateTimeFieldSnippet = dateTimeField.executeTemplate().example;
45
+ }
46
+ var _default = exports.default = {
47
+ id: 'field-date-time-field',
48
+ imports: ["import { Field } from '@cdx-ui/components'"],
49
+ example: _figma.default.code`
50
+ <Field${isInvalidProp}${isReadOnlyProp}${isDisabledProp}>
51
+ ${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
52
+ ${dateTimeFieldSnippet}
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.DateTimeField.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","isReadOnly","isDisabled","isInvalidProp","helpers","react","renderProp","isReadOnlyProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","dateTimeField","findInstance","dateTimeFieldSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.DateTimeField.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,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;AACF,MAAME,UAAU,GAAGb,QAAQ,CAACQ,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAGb,cAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,cAAc,GAAGjB,cAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEL,UAAU,CAAC;AAC/E,MAAMO,cAAc,GAAGlB,cAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GACbpB,QAAQ,CAACqB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdxB,QAAQ,CAACqB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbzB,QAAQ,CAACqB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,aAAa,GAAG1B,QAAQ,CAAC2B,YAAY,CAAC,eAAe,CAAC;AAC5D,IAAIC,oBAAiE;AACrE,IAAIF,aAAa,CAACG,IAAI,KAAK,UAAU,EAAE;EACrCD,oBAAoB,GAAGF,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChE;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAEc;EACbmC,EAAE,EAAE,uBAAuB;EAC3BC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDJ,OAAO,EAAE9B,cAAK,CAACmC,IAAI;AACrB,QAAQtB,aAAa,GAAGI,cAAc,GAAGC,cAAc;AACvD,IAAIhB,SAAS,GAAGF,cAAK,CAACmC,IAAI,gBAAgBhB,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,oBAAoB;AACxB,IAAI,CAACrB,SAAS,IAAIF,cAAc,GAAGJ,cAAK,CAACmC,IAAI,iBAAiBZ,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIjB,SAAS,IAAID,aAAa,GAAGL,cAAK,CAACmC,IAAI,gBAAgBX,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}
@@ -0,0 +1,22 @@
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=9091-16186
10
+ // source=packages/components/src/components/Image/Image.tsx
11
+ // component=Image
12
+ // The Figma Image component has no properties; its fill is a per-instance image override that the
13
+ // template API cannot read, so the snippet uses placeholder `source` and `alt` values.
14
+ var _default = exports.default = {
15
+ id: 'image',
16
+ imports: ["import { Image } from '@cdx-ui/components'"],
17
+ example: _figma.default.code`<Image source="https://example.com/image.jpg" alt="Image description" resizeMode="cover" />`,
18
+ metadata: {
19
+ nestable: true
20
+ }
21
+ };
22
+ //# sourceMappingURL=Image.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","_default","exports","id","imports","example","figma","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Image.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;AACA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe;EACbG,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEC,cAAK,CAACC,IAAI,6FAA6F;EAChHC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
@@ -0,0 +1,18 @@
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=12010-27571
10
+ // source=packages/components/src/components/MonthCalendar/index.tsx
11
+ // component=MonthCalendar
12
+ // Figma `view` (month / year) is internal navigation state toggled from the header at runtime.
13
+ var _default = exports.default = {
14
+ id: 'month-calendar',
15
+ imports: ["import { MonthCalendar } from '@cdx-ui/components'"],
16
+ example: _figma.default.code`<MonthCalendar value={value} onValueChange={setValue} aria-label="Month" />`
17
+ };
18
+ //# sourceMappingURL=MonthCalendar.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","_default","exports","id","imports","example","figma","code"],"sourceRoot":"../../../src","sources":["figma/MonthCalendar.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;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe;EACbG,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEC,cAAK,CAACC,IAAI;AACrB,CAAC","ignoreList":[]}
@@ -0,0 +1,54 @@
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=4927-541
10
+ // source=packages/components/src/components/ProgressBar/index.tsx
11
+ // component=ProgressBar
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+
15
+ // Figma expresses progress as a 0–1 fraction; the code's `value` is on the default 0–100 `max`.
16
+ // Figma `color=inherit` has no code equivalent (ProgressBar exposes no color prop), so it is not mapped.
17
+ const value = instance.getEnum('value', {
18
+ '0': 0,
19
+ '0.05': 5,
20
+ '0.1': 10,
21
+ '0.15': 15,
22
+ '0.2': 20,
23
+ '0.25': 25,
24
+ '0.3': 30,
25
+ '0.333': 33,
26
+ '0.35': 35,
27
+ '0.4': 40,
28
+ '0.45': 45,
29
+ '0.5': 50,
30
+ '0.55': 55,
31
+ '0.6': 60,
32
+ '0.65': 65,
33
+ '0.666': 67,
34
+ '0.7': 70,
35
+ '0.75': 75,
36
+ '0.8': 80,
37
+ '0.85': 85,
38
+ '0.9': 90,
39
+ '0.95': 95,
40
+ '1': 100
41
+ });
42
+ const isIndeterminate = instance.getEnum('isIndeterminate', {
43
+ true: true,
44
+ false: false
45
+ });
46
+ var _default = exports.default = {
47
+ id: 'progress-bar',
48
+ imports: ["import { ProgressBar } from '@cdx-ui/components'"],
49
+ example: _figma.default.code`
50
+ <ProgressBar value={${isIndeterminate ? 'null' : value}} accessibilityLabel="Progress">
51
+ <ProgressBar.Indicator />
52
+ </ProgressBar>`
53
+ };
54
+ //# sourceMappingURL=ProgressBar.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","value","getEnum","isIndeterminate","true","false","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ProgressBar.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,KAAK,GAAGH,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtC,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,OAAO,EAAE,EAAE;EACX,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,OAAO,EAAE,EAAE;EACX,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,GAAG,EAAE;AACP,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGL,QAAQ,CAACI,OAAO,CAAC,iBAAiB,EAAE;EAC1DE,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEY;EACbW,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEX,cAAK,CAACY,IAAI;AACrB,sBAAsBR,eAAe,GAAG,MAAM,GAAGF,KAAK;AACtD;AACA;AACA,CAAC","ignoreList":[]}
@@ -0,0 +1,73 @@
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=2616-182
10
+ // source=packages/components/src/components/ProgressCircle/index.tsx
11
+ // component=ProgressCircle
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+ const color = instance.getEnum('color', {
15
+ default: undefined,
16
+ inherit: 'inherit'
17
+ });
18
+ // The code only ships `large` and `small`; Figma `tiny` has no code size, so the snippet flags it
19
+ // instead of silently substituting another size.
20
+ const size = instance.getEnum('size', {
21
+ large: undefined,
22
+ small: 'small',
23
+ tiny: undefined
24
+ });
25
+ const isTiny = instance.getEnum('size', {
26
+ large: false,
27
+ small: false,
28
+ tiny: true
29
+ });
30
+ // Figma expresses progress as a 0–1 fraction; the code's `value` is on the default 0–100 `max`.
31
+ // `isComplete` only adds a checkmark overlay in Figma; the code renders a full ring at value 100.
32
+ const value = instance.getEnum('value', {
33
+ '0': 0,
34
+ '0.05': 5,
35
+ '0.1': 10,
36
+ '0.15': 15,
37
+ '0.2': 20,
38
+ '0.25': 25,
39
+ '0.3': 30,
40
+ '0.35': 35,
41
+ '0.4': 40,
42
+ '0.45': 45,
43
+ '0.5': 50,
44
+ '0.55': 55,
45
+ '0.6': 60,
46
+ '0.65': 65,
47
+ '0.7': 70,
48
+ '0.75': 75,
49
+ '0.8': 80,
50
+ '0.85': 85,
51
+ '0.9': 90,
52
+ '0.95': 95,
53
+ '1': 100
54
+ });
55
+ const isIndeterminate = instance.getEnum('isIndeterminate', {
56
+ true: true,
57
+ false: false
58
+ });
59
+ const sizeProp = _figma.default.helpers.react.renderProp('size', size);
60
+ const colorProp = _figma.default.helpers.react.renderProp('color', color);
61
+ var _default = exports.default = {
62
+ id: 'progress-circle',
63
+ imports: ["import { ProgressCircle } from '@cdx-ui/components'"],
64
+ example: _figma.default.code`
65
+ ${isTiny ? _figma.default.code`{/* Figma size "tiny" has no code equivalent; ProgressCircle supports "large" and "small". */}` : null}
66
+ <ProgressCircle value={${isIndeterminate ? 'null' : value}}${sizeProp}${colorProp} accessibilityLabel="Progress">
67
+ <ProgressCircle.Indicator />
68
+ </ProgressCircle>`,
69
+ metadata: {
70
+ nestable: true
71
+ }
72
+ };
73
+ //# sourceMappingURL=ProgressCircle.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","color","getEnum","undefined","inherit","size","large","small","tiny","isTiny","value","isIndeterminate","true","false","sizeProp","helpers","react","renderProp","colorProp","_default","exports","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ProgressCircle.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,KAAK,GAAGH,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCL,OAAO,EAAEM,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AACF;AACA;AACA,MAAMC,IAAI,GAAGP,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCI,KAAK,EAAEH,SAAS;EAChBI,KAAK,EAAE,OAAO;EACdC,IAAI,EAAEL;AACR,CAAC,CAAC;AACF,MAAMM,MAAM,GAAGX,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACtCI,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE;AACR,CAAC,CAAC;AACF;AACA;AACA,MAAME,KAAK,GAAGZ,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtC,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,KAAK,EAAE,EAAE;EACT,MAAM,EAAE,EAAE;EACV,GAAG,EAAE;AACP,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGb,QAAQ,CAACI,OAAO,CAAC,iBAAiB,EAAE;EAC1DU,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGf,cAAK,CAACgB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAEZ,IAAI,CAAC;AAC7D,MAAMa,SAAS,GAAGnB,cAAK,CAACgB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEhB,KAAK,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAElD;EACbwB,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,qDAAqD,CAAC;EAChEC,OAAO,EAAExB,cAAK,CAACyB,IAAI;AACrB,EAAEf,MAAM,GAAGV,cAAK,CAACyB,IAAI,gGAAgG,GAAG,IAAI;AAC5H,yBAAyBb,eAAe,GAAG,MAAM,GAAGD,KAAK,IAAII,QAAQ,GAAGI,SAAS;AACjF;AACA,kBAAkB;EAChBO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
@@ -0,0 +1,36 @@
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=12118-58084
10
+ // source=packages/components/src/components/RangeCalendar/index.tsx
11
+ // component=RangeCalendar
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+
15
+ // `view` (day / year) is internal navigation state toggled from the header at runtime. The code
16
+ // header always includes the year-picker toggle, so hiding it in Figma is flagged in the snippet.
17
+ const hidesYearPicker = instance.getEnum('Show Year Picker?', {
18
+ true: false,
19
+ false: true
20
+ });
21
+ var _default = exports.default = {
22
+ id: 'range-calendar',
23
+ imports: ["import { RangeCalendar } from '@cdx-ui/components'"],
24
+ example: _figma.default.code`
25
+ ${hidesYearPicker ? _figma.default.code`{/* RangeCalendar always shows the year-picker toggle; Figma "Show Year Picker?=false" has no code equivalent. */}` : null}
26
+ <RangeCalendar
27
+ startValue={startValue}
28
+ endValue={endValue}
29
+ onRangeChange={({ startId, endId }) => {
30
+ setStartValue(startId);
31
+ setEndValue(endId);
32
+ }}
33
+ aria-label="Date range"
34
+ />`
35
+ };
36
+ //# sourceMappingURL=RangeCalendar.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","hidesYearPicker","getEnum","true","false","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/RangeCalendar.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,eAAe,GAAGH,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;AACT,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEY;EACbU,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEV,cAAK,CAACW,IAAI;AACrB,EAAET,eAAe,GAAGF,cAAK,CAACW,IAAI,oHAAoH,GAAG,IAAI;AACzJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
@@ -0,0 +1,31 @@
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=11476-16576
10
+ // source=packages/components/src/components/Skeleton/index.tsx
11
+ // component=Skeleton
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+
15
+ // Skeleton has no radius prop: `default` is its built-in `rounded-md`, and the other radii are
16
+ // set through `className`, which is also how consumers size the placeholder.
17
+ const radiusClassName = instance.getEnum('radius', {
18
+ default: undefined,
19
+ round: 'rounded-full',
20
+ none: 'rounded-none'
21
+ });
22
+ const classNameProp = _figma.default.helpers.react.renderProp('className', radiusClassName);
23
+ var _default = exports.default = {
24
+ id: 'skeleton',
25
+ imports: ["import { Skeleton } from '@cdx-ui/components'"],
26
+ example: _figma.default.code`<Skeleton${classNameProp} />`,
27
+ metadata: {
28
+ nestable: true
29
+ }
30
+ };
31
+ //# sourceMappingURL=Skeleton.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","radiusClassName","getEnum","undefined","round","none","classNameProp","helpers","react","renderProp","_default","exports","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Skeleton.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,eAAe,GAAGH,QAAQ,CAACI,OAAO,CAAC,QAAQ,EAAE;EACjDL,OAAO,EAAEM,SAAS;EAClBC,KAAK,EAAE,cAAc;EACrBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,eAAe,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEpE;EACbe,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEf,cAAK,CAACgB,IAAI,YAAYT,aAAa,KAAK;EACjDU,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
@@ -0,0 +1,21 @@
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=11566-18062
10
+ // source=packages/components/src/components/Slider/index.tsx
11
+ // component=Slider.Marker
12
+ // Figma `filled` is derived at runtime from the marker's position relative to the slider value.
13
+ var _default = exports.default = {
14
+ id: 'slider-marker',
15
+ imports: ["import { Slider } from '@cdx-ui/components'"],
16
+ example: _figma.default.code`<Slider.Marker />`,
17
+ metadata: {
18
+ nestable: true
19
+ }
20
+ };
21
+ //# sourceMappingURL=Slider.Marker.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","_default","exports","id","imports","example","figma","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Slider.Marker.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;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe;EACbG,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEC,cAAK,CAACC,IAAI,mBAAmB;EACtCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
@@ -0,0 +1,22 @@
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=11677-7959
10
+ // source=packages/components/src/components/Slider/index.tsx
11
+ // component=Slider.MarkerGroup
12
+ // `step` and `orientation` belong to the parent Slider (see Slider.figma.ts); the group clones the
13
+ // template marker at every step.
14
+ var _default = exports.default = {
15
+ id: 'slider-marker-group',
16
+ imports: ["import { Slider } from '@cdx-ui/components'"],
17
+ example: _figma.default.code`
18
+ <Slider.MarkerGroup>
19
+ <Slider.Marker />
20
+ </Slider.MarkerGroup>`
21
+ };
22
+ //# sourceMappingURL=Slider.MarkerGroup.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","_default","exports","id","imports","example","figma","code"],"sourceRoot":"../../../src","sources":["figma/Slider.MarkerGroup.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;AACA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe;EACbG,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEC,cAAK,CAACC,IAAI;AACrB;AACA;AACA;AACA,CAAC","ignoreList":[]}
@@ -0,0 +1,22 @@
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=11500-17219
10
+ // source=packages/components/src/components/Slider/index.tsx
11
+ // component=Slider.Thumb
12
+ // Figma `isDisabled` mirrors the parent Slider's `isDisabled`; Slider.Thumb has no disabled prop
13
+ // of its own.
14
+ var _default = exports.default = {
15
+ id: 'slider-thumb',
16
+ imports: ["import { Slider } from '@cdx-ui/components'"],
17
+ example: _figma.default.code`<Slider.Thumb />`,
18
+ metadata: {
19
+ nestable: true
20
+ }
21
+ };
22
+ //# sourceMappingURL=Slider.Thumb.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","_default","exports","id","imports","example","figma","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Slider.Thumb.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;AACA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GACe;EACbG,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEC,cAAK,CAACC,IAAI,kBAAkB;EACrCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
@@ -0,0 +1,69 @@
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=11500-17763
10
+ // source=packages/components/src/components/Slider/index.tsx
11
+ // component=Slider
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+ const orientation = instance.getEnum('orientation', {
15
+ horizontal: undefined,
16
+ vertical: 'vertical'
17
+ });
18
+ // Figma value is a percentage of the track; the code's default range is 0–100.
19
+ const defaultValue = instance.getEnum('value', {
20
+ '0%': 0,
21
+ '10%': 10,
22
+ '20%': 20,
23
+ '25%': 25,
24
+ '30%': 30,
25
+ '40%': 40,
26
+ '50%': 50,
27
+ '60%': 60,
28
+ '70%': 70,
29
+ '75%': 75,
30
+ '80%': 80,
31
+ '90%': 90,
32
+ '100%': 100
33
+ });
34
+ const isDisabled = instance.getEnum('isDisabled', {
35
+ true: true,
36
+ false: undefined
37
+ });
38
+ const showMarkers = instance.getBoolean('Show Markers?');
39
+
40
+ // Markers are generated from the root `step`, so the nested Slider.MarkerGroup `step` maps there.
41
+ const stepByMarkerGroupStep = {
42
+ '10%': 10,
43
+ '20%': 20,
44
+ '25%': 25,
45
+ '50%': 50
46
+ };
47
+ const markerGroup = instance.findInstance('Slider.MarkerGroup');
48
+ const markerGroupStep = markerGroup.type === 'INSTANCE' ? markerGroup.getPropertyValue('step') : undefined;
49
+ const step = showMarkers && typeof markerGroupStep === 'string' ? stepByMarkerGroupStep[markerGroupStep] : undefined;
50
+ const markerGroupSnippet = showMarkers && markerGroup.type === 'INSTANCE' ? markerGroup.executeTemplate().example : null;
51
+ const thumb = instance.findInstance('Slider.Thumb');
52
+ const thumbSnippet = thumb.type === 'INSTANCE' ? thumb.executeTemplate().example : _figma.default.code`<Slider.Thumb />`;
53
+ const orientationProp = _figma.default.helpers.react.renderProp('orientation', orientation);
54
+ const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', defaultValue);
55
+ const stepProp = _figma.default.helpers.react.renderProp('step', step);
56
+ const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
57
+ var _default = exports.default = {
58
+ id: 'slider',
59
+ imports: ["import { Slider } from '@cdx-ui/components'"],
60
+ example: _figma.default.code`
61
+ <Slider accessibilityLabel="Slider"${defaultValueProp}${stepProp}${orientationProp}${isDisabledProp}>
62
+ <Slider.Rail>
63
+ <Slider.Track />
64
+ </Slider.Rail>
65
+ ${thumbSnippet}
66
+ ${markerGroupSnippet}
67
+ </Slider>`
68
+ };
69
+ //# sourceMappingURL=Slider.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","orientation","getEnum","horizontal","undefined","vertical","defaultValue","isDisabled","true","false","showMarkers","getBoolean","stepByMarkerGroupStep","markerGroup","findInstance","markerGroupStep","type","getPropertyValue","step","markerGroupSnippet","executeTemplate","example","thumb","thumbSnippet","code","orientationProp","helpers","react","renderProp","defaultValueProp","stepProp","isDisabledProp","_default","exports","id","imports"],"sourceRoot":"../../../src","sources":["figma/Slider.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,aAAa,EAAE;EAClDC,UAAU,EAAEC,SAAS;EACrBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF;AACA,MAAMC,YAAY,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EAC7C,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMK,UAAU,GAAGT,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEL;AACT,CAAC,CAAC;AACF,MAAMM,WAAW,GAAGZ,QAAQ,CAACa,UAAU,CAAC,eAAe,CAAC;;AAExD;AACA,MAAMC,qBAA6C,GAAG;EACpD,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,WAAW,GAAGf,QAAQ,CAACgB,YAAY,CAAC,oBAAoB,CAAC;AAC/D,MAAMC,eAAe,GACnBF,WAAW,CAACG,IAAI,KAAK,UAAU,GAAGH,WAAW,CAACI,gBAAgB,CAAC,MAAM,CAAC,GAAGb,SAAS;AACpF,MAAMc,IAAI,GACRR,WAAW,IAAI,OAAOK,eAAe,KAAK,QAAQ,GAC9CH,qBAAqB,CAACG,eAAe,CAAC,GACtCX,SAAS;AACf,MAAMe,kBAAkB,GACtBT,WAAW,IAAIG,WAAW,CAACG,IAAI,KAAK,UAAU,GAAGH,WAAW,CAACO,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,KAAK,GAAGxB,QAAQ,CAACgB,YAAY,CAAC,cAAc,CAAC;AACnD,MAAMS,YAAY,GAChBD,KAAK,CAACN,IAAI,KAAK,UAAU,GAAGM,KAAK,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAGtB,cAAK,CAACyB,IAAI,kBAAkB;AAE5F,MAAMC,eAAe,GAAG1B,cAAK,CAAC2B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,aAAa,EAAE3B,WAAW,CAAC;AAClF,MAAM4B,gBAAgB,GAAG9B,cAAK,CAAC2B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAEtB,YAAY,CAAC;AACrF,MAAMwB,QAAQ,GAAG/B,cAAK,CAAC2B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAEV,IAAI,CAAC;AAC7D,MAAMa,cAAc,GAAGhC,cAAK,CAAC2B,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAErB,UAAU,CAAC;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAEjE;EACbqC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDd,OAAO,EAAEtB,cAAK,CAACyB,IAAI;AACrB,qCAAqCK,gBAAgB,GAAGC,QAAQ,GAAGL,eAAe,GAAGM,cAAc;AACnG;AACA;AACA;AACA,IAAIR,YAAY;AAChB,IAAIJ,kBAAkB;AACtB;AACA,CAAC","ignoreList":[]}