@cdx-ui/components 0.3.5 → 0.3.7

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 (416) hide show
  1. package/README.md +1 -1
  2. package/coverage.svg +1 -1
  3. package/docs/components/bar-chart/content.md +703 -0
  4. package/docs/components/content.md +10 -1
  5. package/docs/components/country-flag/content.md +232 -0
  6. package/docs/components/data-grid/content.md +3 -1
  7. package/docs/components/icon/content.md +1 -1
  8. package/docs/components/input/content.md +1 -0
  9. package/docs/components/line-chart/content.md +567 -0
  10. package/docs/components/pie-chart/content.md +493 -0
  11. package/docs/components/progress-bar/content.md +164 -3
  12. package/docs/components/progress-segmented/content.md +1 -1
  13. package/docs/components/select/content.md +1 -0
  14. package/docs/components/stepper/content.md +599 -0
  15. package/docs/components/system-alert/content.md +533 -0
  16. package/docs/foundations/expressions/icons/content.md +2 -1
  17. package/docs/foundations/styles/tokens/all-tokens/content.md +2 -1
  18. package/docs/getting-started/developers/content.md +1 -1
  19. package/docs/llms.txt +12 -0
  20. package/docs/patterns/content.md +1 -0
  21. package/docs/patterns/dashboard/content.md +423 -19
  22. package/docs/patterns/insights/content.md +659 -0
  23. package/docs/resources/content.md +1 -0
  24. package/docs/resources/release-notes/0.3.5/content.md +7 -0
  25. package/docs/resources/release-notes/0.3.6/content.md +29 -0
  26. package/docs/resources/release-notes/content.md +2 -0
  27. package/docs/resources/skills/content.md +66 -0
  28. package/lib/commonjs/components/BarChart/geometry.js +1130 -0
  29. package/lib/commonjs/components/BarChart/geometry.js.map +1 -0
  30. package/lib/commonjs/components/BarChart/index.js +935 -0
  31. package/lib/commonjs/components/BarChart/index.js.map +1 -0
  32. package/lib/commonjs/components/BarChart/styles.js +26 -0
  33. package/lib/commonjs/components/BarChart/styles.js.map +1 -0
  34. package/lib/commonjs/components/Button/index.js +2 -2
  35. package/lib/commonjs/components/Button/index.js.map +1 -1
  36. package/lib/commonjs/components/CountryFlag/index.js +56 -0
  37. package/lib/commonjs/components/CountryFlag/index.js.map +1 -0
  38. package/lib/commonjs/components/Input/index.js.map +1 -1
  39. package/lib/commonjs/components/LineChart/geometry.js +698 -0
  40. package/lib/commonjs/components/LineChart/geometry.js.map +1 -0
  41. package/lib/commonjs/components/LineChart/index.js +744 -0
  42. package/lib/commonjs/components/LineChart/index.js.map +1 -0
  43. package/lib/commonjs/components/LineChart/styles.js +25 -0
  44. package/lib/commonjs/components/LineChart/styles.js.map +1 -0
  45. package/lib/commonjs/components/PieChart/geometry.js +216 -0
  46. package/lib/commonjs/components/PieChart/geometry.js.map +1 -0
  47. package/lib/commonjs/components/PieChart/index.js +476 -0
  48. package/lib/commonjs/components/PieChart/index.js.map +1 -0
  49. package/lib/commonjs/components/PieChart/styles.js +88 -0
  50. package/lib/commonjs/components/PieChart/styles.js.map +1 -0
  51. package/lib/commonjs/components/ProgressBar/index.js +44 -12
  52. package/lib/commonjs/components/ProgressBar/index.js.map +1 -1
  53. package/lib/commonjs/components/ProgressBar/styles.js +31 -2
  54. package/lib/commonjs/components/ProgressBar/styles.js.map +1 -1
  55. package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js +9 -31
  56. package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js.map +1 -1
  57. package/lib/commonjs/components/ProgressCircle/ProgressRing.js +52 -0
  58. package/lib/commonjs/components/ProgressCircle/ProgressRing.js.map +1 -0
  59. package/lib/commonjs/components/ScrollShadow/useScrollShadow.js +8 -7
  60. package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map +1 -1
  61. package/lib/commonjs/components/Select/index.js.map +1 -1
  62. package/lib/commonjs/components/Stepper/index.js +369 -0
  63. package/lib/commonjs/components/Stepper/index.js.map +1 -0
  64. package/lib/commonjs/components/Stepper/styles.js +211 -0
  65. package/lib/commonjs/components/Stepper/styles.js.map +1 -0
  66. package/lib/commonjs/components/Stepper/useStepperLabelFit.js +22 -0
  67. package/lib/commonjs/components/Stepper/useStepperLabelFit.js.map +1 -0
  68. package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js +52 -0
  69. package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js.map +1 -0
  70. package/lib/commonjs/components/Stepper/useStepperRingColors.js +31 -0
  71. package/lib/commonjs/components/Stepper/useStepperRingColors.js.map +1 -0
  72. package/lib/commonjs/components/SystemAlert/animation.js +218 -0
  73. package/lib/commonjs/components/SystemAlert/animation.js.map +1 -0
  74. package/lib/commonjs/components/SystemAlert/index.js +525 -0
  75. package/lib/commonjs/components/SystemAlert/index.js.map +1 -0
  76. package/lib/commonjs/components/SystemAlert/styles.js +178 -0
  77. package/lib/commonjs/components/SystemAlert/styles.js.map +1 -0
  78. package/lib/commonjs/components/SystemAlert/useSystemAlertStatusBarStyle.js +53 -0
  79. package/lib/commonjs/components/SystemAlert/useSystemAlertStatusBarStyle.js.map +1 -0
  80. package/lib/commonjs/components/Tabs/index.js +4 -0
  81. package/lib/commonjs/components/Tabs/index.js.map +1 -1
  82. package/lib/commonjs/components/Tabs/styles.js +1 -1
  83. package/lib/commonjs/components/Tabs/styles.js.map +1 -1
  84. package/lib/commonjs/components/chart/ChartInspector.js +610 -0
  85. package/lib/commonjs/components/chart/ChartInspector.js.map +1 -0
  86. package/lib/commonjs/components/chart/format.js +93 -0
  87. package/lib/commonjs/components/chart/format.js.map +1 -0
  88. package/lib/commonjs/components/chart/hiddenSvgProps.js +23 -0
  89. package/lib/commonjs/components/chart/hiddenSvgProps.js.map +1 -0
  90. package/lib/commonjs/components/chart/index.js +2 -0
  91. package/lib/commonjs/components/chart/index.js.map +1 -0
  92. package/lib/commonjs/components/chart/motion.js +97 -0
  93. package/lib/commonjs/components/chart/motion.js.map +1 -0
  94. package/lib/commonjs/components/chart/palette.js +178 -0
  95. package/lib/commonjs/components/chart/palette.js.map +1 -0
  96. package/lib/commonjs/components/chart/size.js +34 -0
  97. package/lib/commonjs/components/chart/size.js.map +1 -0
  98. package/lib/commonjs/components/chart/ticks.js +59 -0
  99. package/lib/commonjs/components/chart/ticks.js.map +1 -0
  100. package/lib/commonjs/components/chart/types.js +6 -0
  101. package/lib/commonjs/components/chart/types.js.map +1 -0
  102. package/lib/commonjs/components/chart/useChartHostWidth.js +27 -0
  103. package/lib/commonjs/components/chart/useChartHostWidth.js.map +1 -0
  104. package/lib/commonjs/components/index.js +72 -0
  105. package/lib/commonjs/components/index.js.map +1 -1
  106. package/lib/commonjs/figma/Accordion.figma.js +2 -2
  107. package/lib/commonjs/figma/Accordion.figma.js.map +1 -1
  108. package/lib/commonjs/figma/Alert.figma.js +7 -7
  109. package/lib/commonjs/figma/Alert.figma.js.map +1 -1
  110. package/lib/commonjs/figma/Badge.Indicator.figma.js +6 -5
  111. package/lib/commonjs/figma/Badge.Indicator.figma.js.map +1 -1
  112. package/lib/commonjs/figma/Badge.figma.js +22 -22
  113. package/lib/commonjs/figma/Badge.figma.js.map +1 -1
  114. package/lib/commonjs/figma/Button.figma.js +5 -2
  115. package/lib/commonjs/figma/Button.figma.js.map +1 -1
  116. package/lib/commonjs/figma/CLAUDE.md +1 -0
  117. package/lib/commonjs/figma/Card.Header.figma.js +8 -4
  118. package/lib/commonjs/figma/Card.Header.figma.js.map +1 -1
  119. package/lib/commonjs/figma/Card.figma.js +2 -1
  120. package/lib/commonjs/figma/Card.figma.js.map +1 -1
  121. package/lib/commonjs/figma/Chip.figma.js +2 -2
  122. package/lib/commonjs/figma/Chip.figma.js.map +1 -1
  123. package/lib/commonjs/figma/CurrencyInput.figma.js +1 -1
  124. package/lib/commonjs/figma/CurrencyInput.figma.js.map +1 -1
  125. package/lib/commonjs/figma/Dialog.figma.js +5 -2
  126. package/lib/commonjs/figma/Dialog.figma.js.map +1 -1
  127. package/lib/commonjs/figma/Divider.figma.js +1 -1
  128. package/lib/commonjs/figma/Divider.figma.js.map +1 -1
  129. package/lib/commonjs/figma/Drawer.figma.js +3 -3
  130. package/lib/commonjs/figma/Drawer.figma.js.map +1 -1
  131. package/lib/commonjs/figma/IconButton.figma.js +10 -4
  132. package/lib/commonjs/figma/IconButton.figma.js.map +1 -1
  133. package/lib/commonjs/figma/Input.figma.js +2 -1
  134. package/lib/commonjs/figma/Input.figma.js.map +1 -1
  135. package/lib/commonjs/figma/Insight.figma.js +3 -3
  136. package/lib/commonjs/figma/Insight.figma.js.map +1 -1
  137. package/lib/commonjs/figma/ProgressBar.figma.js +11 -2
  138. package/lib/commonjs/figma/ProgressBar.figma.js.map +1 -1
  139. package/lib/commonjs/figma/ProgressSegmented.figma.js +9 -1
  140. package/lib/commonjs/figma/ProgressSegmented.figma.js.map +1 -1
  141. package/lib/commonjs/figma/Select.figma.js +2 -1
  142. package/lib/commonjs/figma/Select.figma.js.map +1 -1
  143. package/lib/commonjs/figma/SystemAlert.Button.figma.js +28 -0
  144. package/lib/commonjs/figma/SystemAlert.Button.figma.js.map +1 -0
  145. package/lib/commonjs/figma/SystemAlert.Close.figma.js +22 -0
  146. package/lib/commonjs/figma/SystemAlert.Close.figma.js.map +1 -0
  147. package/lib/commonjs/figma/SystemAlert.Description.figma.js +20 -0
  148. package/lib/commonjs/figma/SystemAlert.Description.figma.js.map +1 -0
  149. package/lib/commonjs/figma/SystemAlert.IconButton.figma.js +31 -0
  150. package/lib/commonjs/figma/SystemAlert.IconButton.figma.js.map +1 -0
  151. package/lib/commonjs/figma/SystemAlert.figma.js +47 -0
  152. package/lib/commonjs/figma/SystemAlert.figma.js.map +1 -0
  153. package/lib/commonjs/styles.css +0 -1
  154. package/lib/module/components/BarChart/geometry.js +1110 -0
  155. package/lib/module/components/BarChart/geometry.js.map +1 -0
  156. package/lib/module/components/BarChart/index.js +929 -0
  157. package/lib/module/components/BarChart/index.js.map +1 -0
  158. package/lib/module/components/BarChart/styles.js +22 -0
  159. package/lib/module/components/BarChart/styles.js.map +1 -0
  160. package/lib/module/components/Button/index.js +2 -2
  161. package/lib/module/components/Button/index.js.map +1 -1
  162. package/lib/module/components/CountryFlag/index.js +52 -0
  163. package/lib/module/components/CountryFlag/index.js.map +1 -0
  164. package/lib/module/components/Input/index.js.map +1 -1
  165. package/lib/module/components/LineChart/geometry.js +685 -0
  166. package/lib/module/components/LineChart/geometry.js.map +1 -0
  167. package/lib/module/components/LineChart/index.js +738 -0
  168. package/lib/module/components/LineChart/index.js.map +1 -0
  169. package/lib/module/components/LineChart/styles.js +21 -0
  170. package/lib/module/components/LineChart/styles.js.map +1 -0
  171. package/lib/module/components/PieChart/geometry.js +209 -0
  172. package/lib/module/components/PieChart/geometry.js.map +1 -0
  173. package/lib/module/components/PieChart/index.js +471 -0
  174. package/lib/module/components/PieChart/index.js.map +1 -0
  175. package/lib/module/components/PieChart/styles.js +84 -0
  176. package/lib/module/components/PieChart/styles.js.map +1 -0
  177. package/lib/module/components/ProgressBar/index.js +47 -15
  178. package/lib/module/components/ProgressBar/index.js.map +1 -1
  179. package/lib/module/components/ProgressBar/styles.js +31 -2
  180. package/lib/module/components/ProgressBar/styles.js.map +1 -1
  181. package/lib/module/components/ProgressCircle/ProgressCircleRing.js +10 -32
  182. package/lib/module/components/ProgressCircle/ProgressCircleRing.js.map +1 -1
  183. package/lib/module/components/ProgressCircle/ProgressRing.js +48 -0
  184. package/lib/module/components/ProgressCircle/ProgressRing.js.map +1 -0
  185. package/lib/module/components/ScrollShadow/useScrollShadow.js +8 -7
  186. package/lib/module/components/ScrollShadow/useScrollShadow.js.map +1 -1
  187. package/lib/module/components/Select/index.js.map +1 -1
  188. package/lib/module/components/Stepper/index.js +360 -0
  189. package/lib/module/components/Stepper/index.js.map +1 -0
  190. package/lib/module/components/Stepper/styles.js +206 -0
  191. package/lib/module/components/Stepper/styles.js.map +1 -0
  192. package/lib/module/components/Stepper/useStepperLabelFit.js +18 -0
  193. package/lib/module/components/Stepper/useStepperLabelFit.js.map +1 -0
  194. package/lib/module/components/Stepper/useStepperLabelFit.web.js +48 -0
  195. package/lib/module/components/Stepper/useStepperLabelFit.web.js.map +1 -0
  196. package/lib/module/components/Stepper/useStepperRingColors.js +28 -0
  197. package/lib/module/components/Stepper/useStepperRingColors.js.map +1 -0
  198. package/lib/module/components/SystemAlert/animation.js +213 -0
  199. package/lib/module/components/SystemAlert/animation.js.map +1 -0
  200. package/lib/module/components/SystemAlert/index.js +515 -0
  201. package/lib/module/components/SystemAlert/index.js.map +1 -0
  202. package/lib/module/components/SystemAlert/styles.js +174 -0
  203. package/lib/module/components/SystemAlert/styles.js.map +1 -0
  204. package/lib/module/components/SystemAlert/useSystemAlertStatusBarStyle.js +49 -0
  205. package/lib/module/components/SystemAlert/useSystemAlertStatusBarStyle.js.map +1 -0
  206. package/lib/module/components/Tabs/index.js +4 -0
  207. package/lib/module/components/Tabs/index.js.map +1 -1
  208. package/lib/module/components/Tabs/styles.js +1 -1
  209. package/lib/module/components/Tabs/styles.js.map +1 -1
  210. package/lib/module/components/chart/ChartInspector.js +600 -0
  211. package/lib/module/components/chart/ChartInspector.js.map +1 -0
  212. package/lib/module/components/chart/format.js +84 -0
  213. package/lib/module/components/chart/format.js.map +1 -0
  214. package/lib/module/components/chart/hiddenSvgProps.js +20 -0
  215. package/lib/module/components/chart/hiddenSvgProps.js.map +1 -0
  216. package/lib/module/components/chart/index.js +2 -0
  217. package/lib/module/components/chart/index.js.map +1 -0
  218. package/lib/module/components/chart/motion.js +89 -0
  219. package/lib/module/components/chart/motion.js.map +1 -0
  220. package/lib/module/components/chart/palette.js +168 -0
  221. package/lib/module/components/chart/palette.js.map +1 -0
  222. package/lib/module/components/chart/size.js +29 -0
  223. package/lib/module/components/chart/size.js.map +1 -0
  224. package/lib/module/components/chart/ticks.js +55 -0
  225. package/lib/module/components/chart/ticks.js.map +1 -0
  226. package/lib/module/components/chart/types.js +4 -0
  227. package/lib/module/components/chart/types.js.map +1 -0
  228. package/lib/module/components/chart/useChartHostWidth.js +23 -0
  229. package/lib/module/components/chart/useChartHostWidth.js.map +1 -0
  230. package/lib/module/components/index.js +6 -0
  231. package/lib/module/components/index.js.map +1 -1
  232. package/lib/module/figma/Accordion.figma.js +2 -2
  233. package/lib/module/figma/Accordion.figma.js.map +1 -1
  234. package/lib/module/figma/Alert.figma.js +7 -7
  235. package/lib/module/figma/Alert.figma.js.map +1 -1
  236. package/lib/module/figma/Badge.Indicator.figma.js +6 -5
  237. package/lib/module/figma/Badge.Indicator.figma.js.map +1 -1
  238. package/lib/module/figma/Badge.figma.js +22 -22
  239. package/lib/module/figma/Badge.figma.js.map +1 -1
  240. package/lib/module/figma/Button.figma.js +5 -2
  241. package/lib/module/figma/Button.figma.js.map +1 -1
  242. package/lib/module/figma/CLAUDE.md +1 -0
  243. package/lib/module/figma/Card.Header.figma.js +8 -4
  244. package/lib/module/figma/Card.Header.figma.js.map +1 -1
  245. package/lib/module/figma/Card.figma.js +2 -1
  246. package/lib/module/figma/Card.figma.js.map +1 -1
  247. package/lib/module/figma/Chip.figma.js +2 -2
  248. package/lib/module/figma/Chip.figma.js.map +1 -1
  249. package/lib/module/figma/CurrencyInput.figma.js +1 -1
  250. package/lib/module/figma/CurrencyInput.figma.js.map +1 -1
  251. package/lib/module/figma/Dialog.figma.js +5 -2
  252. package/lib/module/figma/Dialog.figma.js.map +1 -1
  253. package/lib/module/figma/Divider.figma.js +1 -1
  254. package/lib/module/figma/Divider.figma.js.map +1 -1
  255. package/lib/module/figma/Drawer.figma.js +3 -3
  256. package/lib/module/figma/Drawer.figma.js.map +1 -1
  257. package/lib/module/figma/IconButton.figma.js +10 -4
  258. package/lib/module/figma/IconButton.figma.js.map +1 -1
  259. package/lib/module/figma/Input.figma.js +2 -1
  260. package/lib/module/figma/Input.figma.js.map +1 -1
  261. package/lib/module/figma/Insight.figma.js +3 -3
  262. package/lib/module/figma/Insight.figma.js.map +1 -1
  263. package/lib/module/figma/ProgressBar.figma.js +12 -2
  264. package/lib/module/figma/ProgressBar.figma.js.map +1 -1
  265. package/lib/module/figma/ProgressSegmented.figma.js +9 -1
  266. package/lib/module/figma/ProgressSegmented.figma.js.map +1 -1
  267. package/lib/module/figma/Select.figma.js +2 -1
  268. package/lib/module/figma/Select.figma.js.map +1 -1
  269. package/lib/module/figma/SystemAlert.Button.figma.js +22 -0
  270. package/lib/module/figma/SystemAlert.Button.figma.js.map +1 -0
  271. package/lib/module/figma/SystemAlert.Close.figma.js +18 -0
  272. package/lib/module/figma/SystemAlert.Close.figma.js.map +1 -0
  273. package/lib/module/figma/SystemAlert.Description.figma.js +14 -0
  274. package/lib/module/figma/SystemAlert.Description.figma.js.map +1 -0
  275. package/lib/module/figma/SystemAlert.IconButton.figma.js +25 -0
  276. package/lib/module/figma/SystemAlert.IconButton.figma.js.map +1 -0
  277. package/lib/module/figma/SystemAlert.figma.js +41 -0
  278. package/lib/module/figma/SystemAlert.figma.js.map +1 -0
  279. package/lib/module/styles.css +0 -1
  280. package/lib/typescript/components/BarChart/geometry.d.ts +236 -0
  281. package/lib/typescript/components/BarChart/geometry.d.ts.map +1 -0
  282. package/lib/typescript/components/BarChart/index.d.ts +193 -0
  283. package/lib/typescript/components/BarChart/index.d.ts.map +1 -0
  284. package/lib/typescript/components/BarChart/styles.d.ts +32 -0
  285. package/lib/typescript/components/BarChart/styles.d.ts.map +1 -0
  286. package/lib/typescript/components/CountryFlag/index.d.ts +35 -0
  287. package/lib/typescript/components/CountryFlag/index.d.ts.map +1 -0
  288. package/lib/typescript/components/Input/index.d.ts +2 -0
  289. package/lib/typescript/components/Input/index.d.ts.map +1 -1
  290. package/lib/typescript/components/LineChart/geometry.d.ts +248 -0
  291. package/lib/typescript/components/LineChart/geometry.d.ts.map +1 -0
  292. package/lib/typescript/components/LineChart/index.d.ts +105 -0
  293. package/lib/typescript/components/LineChart/index.d.ts.map +1 -0
  294. package/lib/typescript/components/LineChart/styles.d.ts +12 -0
  295. package/lib/typescript/components/LineChart/styles.d.ts.map +1 -0
  296. package/lib/typescript/components/PieChart/geometry.d.ts +43 -0
  297. package/lib/typescript/components/PieChart/geometry.d.ts.map +1 -0
  298. package/lib/typescript/components/PieChart/index.d.ts +147 -0
  299. package/lib/typescript/components/PieChart/index.d.ts.map +1 -0
  300. package/lib/typescript/components/PieChart/styles.d.ts +27 -0
  301. package/lib/typescript/components/PieChart/styles.d.ts.map +1 -0
  302. package/lib/typescript/components/ProgressBar/index.d.ts +16 -1
  303. package/lib/typescript/components/ProgressBar/index.d.ts.map +1 -1
  304. package/lib/typescript/components/ProgressBar/styles.d.ts +7 -2
  305. package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -1
  306. package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts.map +1 -1
  307. package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts +17 -0
  308. package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts.map +1 -0
  309. package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts.map +1 -1
  310. package/lib/typescript/components/Select/index.d.ts +2 -0
  311. package/lib/typescript/components/Select/index.d.ts.map +1 -1
  312. package/lib/typescript/components/Stepper/index.d.ts +68 -0
  313. package/lib/typescript/components/Stepper/index.d.ts.map +1 -0
  314. package/lib/typescript/components/Stepper/styles.d.ts +46 -0
  315. package/lib/typescript/components/Stepper/styles.d.ts.map +1 -0
  316. package/lib/typescript/components/Stepper/useStepperLabelFit.d.ts +15 -0
  317. package/lib/typescript/components/Stepper/useStepperLabelFit.d.ts.map +1 -0
  318. package/lib/typescript/components/Stepper/useStepperLabelFit.web.d.ts +10 -0
  319. package/lib/typescript/components/Stepper/useStepperLabelFit.web.d.ts.map +1 -0
  320. package/lib/typescript/components/Stepper/useStepperRingColors.d.ts +6 -0
  321. package/lib/typescript/components/Stepper/useStepperRingColors.d.ts.map +1 -0
  322. package/lib/typescript/components/SystemAlert/animation.d.ts +56 -0
  323. package/lib/typescript/components/SystemAlert/animation.d.ts.map +1 -0
  324. package/lib/typescript/components/SystemAlert/index.d.ts +110 -0
  325. package/lib/typescript/components/SystemAlert/index.d.ts.map +1 -0
  326. package/lib/typescript/components/SystemAlert/styles.d.ts +38 -0
  327. package/lib/typescript/components/SystemAlert/styles.d.ts.map +1 -0
  328. package/lib/typescript/components/SystemAlert/useSystemAlertStatusBarStyle.d.ts +14 -0
  329. package/lib/typescript/components/SystemAlert/useSystemAlertStatusBarStyle.d.ts.map +1 -0
  330. package/lib/typescript/components/Tabs/index.d.ts.map +1 -1
  331. package/lib/typescript/components/chart/ChartInspector.d.ts +101 -0
  332. package/lib/typescript/components/chart/ChartInspector.d.ts.map +1 -0
  333. package/lib/typescript/components/chart/format.d.ts +16 -0
  334. package/lib/typescript/components/chart/format.d.ts.map +1 -0
  335. package/lib/typescript/components/chart/hiddenSvgProps.d.ts +17 -0
  336. package/lib/typescript/components/chart/hiddenSvgProps.d.ts.map +1 -0
  337. package/lib/typescript/components/chart/index.d.ts +3 -0
  338. package/lib/typescript/components/chart/index.d.ts.map +1 -0
  339. package/lib/typescript/components/chart/motion.d.ts +27 -0
  340. package/lib/typescript/components/chart/motion.d.ts.map +1 -0
  341. package/lib/typescript/components/chart/palette.d.ts +44 -0
  342. package/lib/typescript/components/chart/palette.d.ts.map +1 -0
  343. package/lib/typescript/components/chart/size.d.ts +25 -0
  344. package/lib/typescript/components/chart/size.d.ts.map +1 -0
  345. package/lib/typescript/components/chart/ticks.d.ts +3 -0
  346. package/lib/typescript/components/chart/ticks.d.ts.map +1 -0
  347. package/lib/typescript/components/chart/types.d.ts +163 -0
  348. package/lib/typescript/components/chart/types.d.ts.map +1 -0
  349. package/lib/typescript/components/chart/useChartHostWidth.d.ts +9 -0
  350. package/lib/typescript/components/chart/useChartHostWidth.d.ts.map +1 -0
  351. package/lib/typescript/components/index.d.ts +6 -0
  352. package/lib/typescript/components/index.d.ts.map +1 -1
  353. package/lib/typescript/figma/Alert.figma.d.ts.map +1 -1
  354. package/lib/typescript/figma/Badge.Indicator.figma.d.ts.map +1 -1
  355. package/lib/typescript/figma/Badge.figma.d.ts.map +1 -1
  356. package/lib/typescript/figma/Button.figma.d.ts.map +1 -1
  357. package/lib/typescript/figma/Card.Header.figma.d.ts.map +1 -1
  358. package/lib/typescript/figma/Card.figma.d.ts.map +1 -1
  359. package/lib/typescript/figma/Dialog.figma.d.ts.map +1 -1
  360. package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -1
  361. package/lib/typescript/figma/Input.figma.d.ts.map +1 -1
  362. package/lib/typescript/figma/ProgressBar.figma.d.ts.map +1 -1
  363. package/lib/typescript/figma/ProgressSegmented.figma.d.ts.map +1 -1
  364. package/lib/typescript/figma/Select.figma.d.ts.map +1 -1
  365. package/lib/typescript/figma/SystemAlert.Button.figma.d.ts +11 -0
  366. package/lib/typescript/figma/SystemAlert.Button.figma.d.ts.map +1 -0
  367. package/lib/typescript/figma/SystemAlert.Close.figma.d.ts +11 -0
  368. package/lib/typescript/figma/SystemAlert.Close.figma.d.ts.map +1 -0
  369. package/lib/typescript/figma/SystemAlert.Description.figma.d.ts +8 -0
  370. package/lib/typescript/figma/SystemAlert.Description.figma.d.ts.map +1 -0
  371. package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts +11 -0
  372. package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts.map +1 -0
  373. package/lib/typescript/figma/SystemAlert.figma.d.ts +8 -0
  374. package/lib/typescript/figma/SystemAlert.figma.d.ts.map +1 -0
  375. package/package.json +5 -5
  376. package/src/components/BarChart/geometry.ts +1469 -0
  377. package/src/components/BarChart/index.tsx +1417 -0
  378. package/src/components/BarChart/styles.ts +31 -0
  379. package/src/components/Button/index.tsx +1 -1
  380. package/src/components/CountryFlag/index.tsx +53 -0
  381. package/src/components/Input/index.tsx +2 -0
  382. package/src/components/LineChart/geometry.ts +957 -0
  383. package/src/components/LineChart/index.tsx +1106 -0
  384. package/src/components/LineChart/styles.ts +26 -0
  385. package/src/components/PieChart/geometry.ts +295 -0
  386. package/src/components/PieChart/index.tsx +715 -0
  387. package/src/components/PieChart/styles.ts +101 -0
  388. package/src/components/ProgressBar/index.tsx +66 -14
  389. package/src/components/ProgressBar/styles.ts +35 -4
  390. package/src/components/ProgressCircle/ProgressCircleRing.tsx +10 -39
  391. package/src/components/ProgressCircle/ProgressRing.tsx +60 -0
  392. package/src/components/ScrollShadow/useScrollShadow.ts +12 -11
  393. package/src/components/Select/index.tsx +2 -0
  394. package/src/components/Stepper/index.tsx +452 -0
  395. package/src/components/Stepper/styles.ts +234 -0
  396. package/src/components/Stepper/useStepperLabelFit.ts +21 -0
  397. package/src/components/Stepper/useStepperLabelFit.web.ts +53 -0
  398. package/src/components/Stepper/useStepperRingColors.ts +29 -0
  399. package/src/components/SystemAlert/animation.ts +252 -0
  400. package/src/components/SystemAlert/index.tsx +684 -0
  401. package/src/components/SystemAlert/styles.ts +212 -0
  402. package/src/components/SystemAlert/useSystemAlertStatusBarStyle.ts +57 -0
  403. package/src/components/Tabs/index.tsx +4 -0
  404. package/src/components/Tabs/styles.ts +1 -1
  405. package/src/components/chart/ChartInspector.tsx +726 -0
  406. package/src/components/chart/format.ts +95 -0
  407. package/src/components/chart/hiddenSvgProps.ts +15 -0
  408. package/src/components/chart/index.ts +24 -0
  409. package/src/components/chart/motion.ts +98 -0
  410. package/src/components/chart/palette.tsx +247 -0
  411. package/src/components/chart/size.ts +21 -0
  412. package/src/components/chart/ticks.ts +53 -0
  413. package/src/components/chart/types.ts +183 -0
  414. package/src/components/chart/useChartHostWidth.ts +26 -0
  415. package/src/components/index.ts +6 -0
  416. package/src/styles.css +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","severity","getEnum","danger","warning","success","info","showHeadline","getBoolean","headlineInstance","findInstance","headlineSnippet","type","executeTemplate","example","messageInstance","messageSnippet","showTrailingSlot","trailingSlot","getSlot","trailingChildren","helpers","react","renderChildren","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Alert.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EAC5CC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGR,QAAQ,CAACS,UAAU,CAAC,gBAAgB,CAAC;AAE1D,MAAMC,gBAAgB,GAAGV,QAAQ,CAACW,YAAY,CAAC,gBAAgB,CAAC;AAChE,MAAMC,eAAe,GACnBJ,YAAY,IAAIE,gBAAgB,EAAEG,IAAI,KAAK,UAAU,GACjDH,gBAAgB,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAC1C,IAAI;AAEV,MAAMC,eAAe,GAAGhB,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC9D,MAAMM,cAAc,GAClBD,eAAe,EAAEH,IAAI,KAAK,UAAU,GAAGG,eAAe,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEzF,MAAMG,gBAAgB,GAAGlB,QAAQ,CAACS,UAAU,CAAC,oBAAoB,CAAC;AAClE,MAAMU,YAAY,GAAGnB,QAAQ,CAACoB,OAAO,CAAC,oBAAoB,CAAC;AAC3D,MAAMC,gBAAgB,GACpBH,gBAAgB,IAAIC,YAAY,GAAGpB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbM,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDX,OAAO,EAAEhB,KAAK,CAAC4B,IAAI;AACrB,mBAAmBzB,QAAQ;AAC3B;AACA,IAAIU,eAAe;AACnB,IAAIK,cAAc;AAClB,IACII,gBAAgB,GACZtB,KAAK,CAAC4B,IAAI;AAClB;AACA,MAAMN,gBAAgB;AACtB,mBAAmB,GACX,IAAI;AACZ;AAEA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","severity","getEnum","danger","warning","success","info","showTitle","getBoolean","titleInstance","findInstance","titleSnippet","type","executeTemplate","example","descriptionInstance","descriptionSnippet","showTrailingSlot","trailingSlot","getSlot","trailingChildren","helpers","react","renderChildren","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Alert.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EAC5CC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGR,QAAQ,CAACS,UAAU,CAAC,aAAa,CAAC;AAEpD,MAAMC,aAAa,GAAGV,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AAC1D,MAAMC,YAAY,GAChBJ,SAAS,IAAIE,aAAa,EAAEG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAElG,MAAMC,mBAAmB,GAAGhB,QAAQ,CAACW,YAAY,CAAC,mBAAmB,CAAC;AACtE,MAAMM,kBAAkB,GACtBD,mBAAmB,EAAEH,IAAI,KAAK,UAAU,GAAGG,mBAAmB,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEjG,MAAMG,gBAAgB,GAAGlB,QAAQ,CAACS,UAAU,CAAC,oBAAoB,CAAC;AAClE,MAAMU,YAAY,GAAGnB,QAAQ,CAACoB,OAAO,CAAC,oBAAoB,CAAC;AAC3D,MAAMC,gBAAgB,GACpBH,gBAAgB,IAAIC,YAAY,GAAGpB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbM,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDX,OAAO,EAAEhB,KAAK,CAAC4B,IAAI;AACrB,mBAAmBzB,QAAQ;AAC3B;AACA,IAAIU,YAAY;AAChB,IAAIK,kBAAkB;AACtB,IACII,gBAAgB,GACZtB,KAAK,CAAC4B,IAAI;AAClB;AACA,MAAMN,gBAAgB;AACtB,mBAAmB,GACX,IAAI;AACZ;AAEA,CAAC","ignoreList":[]}
@@ -6,11 +6,12 @@
6
6
  import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
8
 
9
- // Figma variant → code: dot → "dot"; number/icon → "default" (omitted, content prop differentiates).
9
+ // Figma variant → code: dot → "dot"; default and default (icon) → "default" (omitted; the
10
+ // `label` or `icon` prop differentiates them).
10
11
  const figmaVariant = instance.getEnum('variant', {
11
- number: 'number',
12
+ default: 'number',
12
13
  dot: 'dot',
13
- icon: 'icon'
14
+ 'default (icon)': 'icon'
14
15
  });
15
16
  const color = instance.getEnum('color', {
16
17
  action: 'action',
@@ -19,8 +20,8 @@ const color = instance.getEnum('color', {
19
20
  success: 'success',
20
21
  info: 'info'
21
22
  });
22
- const labelText = figmaVariant === 'number' ? instance.getString('Badge.Content') : undefined;
23
- const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('Badge.Icon')?.executeTemplate() : undefined;
23
+ const labelText = figmaVariant === 'number' ? instance.getString('label') : undefined;
24
+ const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('icon')?.executeTemplate() : undefined;
24
25
  const iconName = iconResult?.metadata?.props?.componentName;
25
26
  const iconSnippet = iconName ?? iconResult?.example;
26
27
  const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","figmaVariant","getEnum","number","dot","icon","color","action","danger","warning","success","info","labelText","getString","undefined","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","variantProp","code","labelProp","iconProp","id","imports","nestable"],"sourceRoot":"../../../src","sources":["figma/Badge.Indicator.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,YAAY,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAAEC,MAAM,EAAE,QAAQ;EAAEC,GAAG,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAO,CAAC,CAAC;AAChG,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGX,YAAY,KAAK,QAAQ,GAAGF,QAAQ,CAACc,SAAS,CAAC,eAAe,CAAC,GAAGC,SAAS;AAE7F,MAAMC,UAAU,GACdd,YAAY,KAAK,MAAM,GAAGF,QAAQ,CAACiB,eAAe,CAAC,YAAY,CAAC,EAAEC,eAAe,CAAC,CAAC,GAAGH,SAAS;AACjG,MAAMI,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AACnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;;AAEnF;AACA,MAAMO,WAAW,GAAGxB,YAAY,KAAK,KAAK,GAAGH,KAAK,CAAC4B,IAAI,gBAAgB,GAAG,EAAE;AAC5E,MAAMC,SAAS,GAAGf,SAAS,GAAGd,KAAK,CAAC4B,IAAI,WAAWd,SAAS,GAAG,GAAG,EAAE;AACpE,MAAMgB,QAAQ,GAAG3B,YAAY,KAAK,MAAM,GAAGH,KAAK,CAAC4B,IAAI,UAAUJ,WAAW,GAAG,GAAG,EAAE;AAElF,eAAe;EACbO,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,4CAA4C,EAAE,GAAGN,WAAW,CAAC;EACvEL,QAAQ,EAAE;IAAEY,QAAQ,EAAE;EAAK,CAAC;EAC5BR,OAAO,EAAEzB,KAAK,CAAC4B,IAAI;AACrB,QAAQD,WAAW,WAAWnB,KAAK,IAAIqB,SAAS,GAAGC,QAAQ;AAC3D,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","figmaVariant","getEnum","default","dot","color","action","danger","warning","success","info","labelText","getString","undefined","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","variantProp","code","labelProp","iconProp","id","imports","nestable"],"sourceRoot":"../../../src","sources":["figma/Badge.Indicator.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,YAAY,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC/CC,OAAO,EAAE,QAAQ;EACjBC,GAAG,EAAE,KAAK;EACV,gBAAgB,EAAE;AACpB,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGN,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCI,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGV,YAAY,KAAK,QAAQ,GAAGF,QAAQ,CAACa,SAAS,CAAC,OAAO,CAAC,GAAGC,SAAS;AAErF,MAAMC,UAAU,GACdb,YAAY,KAAK,MAAM,GAAGF,QAAQ,CAACgB,eAAe,CAAC,MAAM,CAAC,EAAEC,eAAe,CAAC,CAAC,GAAGH,SAAS;AAC3F,MAAMI,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AACnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;;AAEnF;AACA,MAAMO,WAAW,GAAGvB,YAAY,KAAK,KAAK,GAAGH,KAAK,CAAC2B,IAAI,gBAAgB,GAAG,EAAE;AAC5E,MAAMC,SAAS,GAAGf,SAAS,GAAGb,KAAK,CAAC2B,IAAI,WAAWd,SAAS,GAAG,GAAG,EAAE;AACpE,MAAMgB,QAAQ,GAAG1B,YAAY,KAAK,MAAM,GAAGH,KAAK,CAAC2B,IAAI,UAAUJ,WAAW,GAAG,GAAG,EAAE;AAElF,eAAe;EACbO,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,4CAA4C,EAAE,GAAGN,WAAW,CAAC;EACvEL,QAAQ,EAAE;IAAEY,QAAQ,EAAE;EAAK,CAAC;EAC5BR,OAAO,EAAExB,KAAK,CAAC2B,IAAI;AACrB,QAAQD,WAAW,WAAWnB,KAAK,IAAIqB,SAAS,GAAGC,QAAQ;AAC3D,CAAC","ignoreList":[]}
@@ -5,39 +5,36 @@
5
5
  // component=Badge
6
6
  import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
-
9
- // Figma `position` (camelCase, physical) → code `placement` prop (kebab-case, logical).
10
- // `end` = right in LTR, `start` = left in LTR.
11
- const placement = instance.getEnum('position', {
12
- topRight: 'top-end',
13
- topLeft: 'top-start',
14
- bottomRight: 'bottom-end',
15
- bottomLeft: 'bottom-start'
8
+ const placement = instance.getEnum('placement', {
9
+ 'top-end': 'top-end',
10
+ 'top-start': 'top-start',
11
+ 'bottom-end': 'bottom-end',
12
+ 'bottom-start': 'bottom-start'
16
13
  });
17
-
18
- // overlap: 1:1.
19
14
  const overlap = instance.getEnum('overlap', {
20
15
  rectangular: 'rectangular',
21
16
  circular: 'circular'
22
17
  });
23
18
 
24
- // variant/color/content/icon come from the nested Badge.Indicator.
25
- // Accessed via exposed nested props (confirmed via get_context_for_code_connect).
26
- // Figma variant → code: dot → "dot"; number/icon → "default" (omitted, content prop differentiates).
27
- const figmaVariant = instance.getEnum('variant', {
28
- number: 'number',
19
+ // variant/color/label/icon live on the nested Badge.Indicator instance.
20
+ // Figma variant → code: dot → "dot"; default and default (icon) → "default" (omitted; the
21
+ // `label` or `icon` prop differentiates them).
22
+ const indicator = instance.findInstance('Badge.Indicator');
23
+ const hasIndicator = indicator.type === 'INSTANCE';
24
+ const figmaVariant = hasIndicator ? indicator.getEnum('variant', {
25
+ default: 'number',
29
26
  dot: 'dot',
30
- icon: 'icon'
31
- });
32
- const color = instance.getEnum('color', {
27
+ 'default (icon)': 'icon'
28
+ }) : undefined;
29
+ const color = hasIndicator ? indicator.getEnum('color', {
33
30
  action: 'action',
34
31
  danger: 'danger',
35
32
  warning: 'warning',
36
33
  success: 'success',
37
34
  info: 'info'
38
- });
39
- const labelText = figmaVariant === 'number' ? instance.getString('Badge.Content') : undefined;
40
- const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('Badge.Icon')?.executeTemplate() : undefined;
35
+ }) : undefined;
36
+ const labelText = hasIndicator && figmaVariant === 'number' ? indicator.getString('label') : undefined;
37
+ const iconResult = hasIndicator && figmaVariant === 'icon' ? indicator.getInstanceSwap('icon')?.executeTemplate() : undefined;
41
38
  const iconName = iconResult?.metadata?.props?.componentName;
42
39
  const iconSnippet = iconName ?? iconResult?.example;
43
40
  const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
@@ -46,13 +43,16 @@ const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] :
46
43
  const variantProp = figmaVariant === 'dot' ? figma.code` variant="dot"` : '';
47
44
  const labelProp = labelText ? figma.code` label="${labelText}"` : '';
48
45
  const iconProp = figmaVariant === 'icon' ? figma.code` icon={${iconSnippet}}` : '';
46
+ const colorProp = figma.helpers.react.renderProp('color', color);
47
+ const placementProp = figma.helpers.react.renderProp('placement', placement);
48
+ const overlapProp = figma.helpers.react.renderProp('overlap', overlap);
49
49
  const childrenSlot = instance.getSlot('children');
50
50
  const children = childrenSlot ? figma.helpers.react.renderChildren(childrenSlot) : null;
51
51
  export default {
52
52
  id: 'badge',
53
53
  imports: ["import { Badge } from '@cdx-ui/components'", ...iconImports],
54
54
  example: figma.code`
55
- <Badge${variantProp} color="${color}" placement="${placement}" overlap="${overlap}"${labelProp}${iconProp}>
55
+ <Badge${variantProp}${colorProp}${placementProp}${overlapProp}${labelProp}${iconProp}>
56
56
  ${children}
57
57
  </Badge>`
58
58
  };
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","placement","getEnum","topRight","topLeft","bottomRight","bottomLeft","overlap","rectangular","circular","figmaVariant","number","dot","icon","color","action","danger","warning","success","info","labelText","getString","undefined","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","variantProp","code","labelProp","iconProp","childrenSlot","getSlot","children","helpers","react","renderChildren","id","imports"],"sourceRoot":"../../../src","sources":["figma/Badge.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EAC7CC,QAAQ,EAAE,SAAS;EACnBC,OAAO,EAAE,WAAW;EACpBC,WAAW,EAAE,YAAY;EACzBC,UAAU,EAAE;AACd,CAAC,CAAC;;AAEF;AACA,MAAMC,OAAO,GAAGR,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CM,WAAW,EAAE,aAAa;EAC1BC,QAAQ,EAAE;AACZ,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,YAAY,GAAGX,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAAES,MAAM,EAAE,QAAQ;EAAEC,GAAG,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAO,CAAC,CAAC;AAChG,MAAMC,KAAK,GAAGf,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCa,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGV,YAAY,KAAK,QAAQ,GAAGX,QAAQ,CAACsB,SAAS,CAAC,eAAe,CAAC,GAAGC,SAAS;AAE7F,MAAMC,UAAU,GACdb,YAAY,KAAK,MAAM,GAAGX,QAAQ,CAACyB,eAAe,CAAC,YAAY,CAAC,EAAEC,eAAe,CAAC,CAAC,GAAGH,SAAS;AACjG,MAAMI,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AACnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;;AAEnF;AACA,MAAMO,WAAW,GAAGvB,YAAY,KAAK,KAAK,GAAGZ,KAAK,CAACoC,IAAI,gBAAgB,GAAG,EAAE;AAC5E,MAAMC,SAAS,GAAGf,SAAS,GAAGtB,KAAK,CAACoC,IAAI,WAAWd,SAAS,GAAG,GAAG,EAAE;AACpE,MAAMgB,QAAQ,GAAG1B,YAAY,KAAK,MAAM,GAAGZ,KAAK,CAACoC,IAAI,UAAUJ,WAAW,GAAG,GAAG,EAAE;AAElF,MAAMO,YAAY,GAAGtC,QAAQ,CAACuC,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGvC,KAAK,CAAC0C,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAEvF,eAAe;EACbM,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,EAAE,GAAGZ,WAAW,CAAC;EACvED,OAAO,EAAEjC,KAAK,CAACoC,IAAI;AACrB,QAAQD,WAAW,WAAWnB,KAAK,gBAAgBb,SAAS,cAAcM,OAAO,IAAI4B,SAAS,GAAGC,QAAQ;AACzG,IAAIG,QAAQ;AACZ;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","placement","getEnum","overlap","rectangular","circular","indicator","findInstance","hasIndicator","type","figmaVariant","default","dot","undefined","color","action","danger","warning","success","info","labelText","getString","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","variantProp","code","labelProp","iconProp","colorProp","helpers","react","renderProp","placementProp","overlapProp","childrenSlot","getSlot","children","renderChildren","id","imports"],"sourceRoot":"../../../src","sources":["figma/Badge.figma.ts"],"mappings":"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","ignoreList":[]}
@@ -12,7 +12,9 @@ const variant = instance.getEnum('variant', {
12
12
  });
13
13
  const color = instance.getEnum('color', {
14
14
  action: 'action',
15
- danger: 'danger'
15
+ danger: 'danger',
16
+ // No code equivalent: Button has no `inherit` color, so the prop is omitted.
17
+ inherit: undefined
16
18
  });
17
19
  const size = instance.getEnum('size', {
18
20
  default: 'default',
@@ -24,6 +26,7 @@ const isDisabled = instance.getEnum('isDisabled', {
24
26
  true: true,
25
27
  false: undefined
26
28
  });
29
+ const colorProp = figma.helpers.react.renderProp('color', color);
27
30
  const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
28
31
  const showLeadingIcon = instance.getBoolean('Show Leading Icon?');
29
32
  const showTrailingIcon = instance.getBoolean('Show Trailing Icon?');
@@ -51,7 +54,7 @@ export default {
51
54
  id: 'button',
52
55
  imports: ["import { Button } from '@cdx-ui/components'", ...iconImports],
53
56
  example: figma.code`
54
- <Button variant="${variant}" color="${color}" size="${size}"${isDisabledProp}>
57
+ <Button variant="${variant}"${colorProp} size="${size}"${isDisabledProp}>
55
58
  ${showLeadingIcon ? figma.code`<Button.Icon as={${leadingIconSnippet}} />` : null}
56
59
  <Button.Label>${label}</Button.Label>
57
60
  ${showTrailingIcon ? figma.code`<Button.Icon as={${trailingIconSnippet}} />` : null}
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","default","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGV,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCQ,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGlB,KAAK,CAACmB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAE/E,MAAMQ,eAAe,GAAGrB,QAAQ,CAACsB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGvB,QAAQ,CAACsB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGxB,QAAQ,CAACyB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAG3B,QAAQ,CAACyB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIpC,QAAQ,CAACqC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAEA,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGH,WAAW,CAAC;EACxEL,OAAO,EAAEnC,KAAK,CAAC4C,IAAI;AACrB,mBAAmBzC,OAAO,YAAYK,KAAK,WAAWG,IAAI,IAAIO,cAAc;AAC5E,IAAII,eAAe,GAAGtB,KAAK,CAAC4C,IAAI,oBAAoBV,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGxB,KAAK,CAAC4C,IAAI,oBAAoBR,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","inherit","undefined","size","default","small","isDisabled","true","false","colorProp","helpers","react","renderProp","isDisabledProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChB;EACAC,OAAO,EAAEC;AACX,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGZ,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCU,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGf,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDa,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEN;AACT,CAAC,CAAC;AACF,MAAMO,SAAS,GAAGnB,KAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEd,KAAK,CAAC;AAChE,MAAMe,cAAc,GAAGvB,KAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEN,UAAU,CAAC;AAE/E,MAAMQ,eAAe,GAAGvB,QAAQ,CAACwB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGzB,QAAQ,CAACwB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAG1B,QAAQ,CAAC2B,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAG7B,QAAQ,CAAC2B,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAItC,QAAQ,CAACuC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAEA,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGH,WAAW,CAAC;EACxEL,OAAO,EAAErC,KAAK,CAAC8C,IAAI;AACrB,mBAAmB3C,OAAO,IAAIgB,SAAS,UAAUN,IAAI,IAAIU,cAAc;AACvE,IAAIC,eAAe,GAAGxB,KAAK,CAAC8C,IAAI,oBAAoBV,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAG1B,KAAK,CAAC8C,IAAI,oBAAoBR,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
@@ -28,3 +28,4 @@ Each `.figma.ts` file follows this structure (see `Button.figma.ts` as the canon
28
28
  - **Nestable metadata** — leaf components (icons, badges) set `metadata: { nestable: true, props: { componentName } }`
29
29
  - **Batch pattern** — for large sets with identical code shapes (icons), use `.figma.batch.ts` + `.figma.batch.json` with `figma.batch.name`/`figma.batch.id`
30
30
  - **Publish** — `pnpm figma:publish` locally; CI publishes on merge to `main`
31
+ - **Verify** — `pnpm figma:check` (Figma property contract) and `pnpm figma:preview-variants <file>` (renders variants, fails on `={}` / `=""`). Fix findings in the template's Figma-side lookup or map; never rename a component prop to match Figma
@@ -6,17 +6,21 @@
6
6
  import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
8
  const title = instance.findText('{Title}').textContent;
9
- const showActions = instance.getBoolean('Show Actions?');
10
- const actionsInstance = showActions ? instance.getInstanceSwap('Actions') : null;
11
- const actionsSnippet = actionsInstance?.type === 'INSTANCE' ? actionsInstance.executeTemplate().example : null;
9
+ const showLeadingSlot = instance.getBoolean('Show Leading Slot?');
10
+ const leadingSlot = showLeadingSlot ? instance.getSlot('Card.Header.LeadingSlot') : undefined;
11
+ const leadingChildren = leadingSlot ? figma.helpers.react.renderChildren(leadingSlot) : null;
12
+ const showTrailingSlot = instance.getBoolean('Show Trailing Slot?');
13
+ const trailingSlot = showTrailingSlot ? instance.getSlot('Card.Header.TrailingSlot') : undefined;
14
+ const trailingChildren = trailingSlot ? figma.helpers.react.renderChildren(trailingSlot) : null;
12
15
  export default {
13
16
  id: 'card-header',
14
17
  // Must match Card.figma.ts when the card nests this template (identical strings → deduped imports).
15
18
  imports: ["import { Card, Heading } from '@cdx-ui/components'"],
16
19
  example: figma.code`
17
20
  <Card.Header>
21
+ ${leadingChildren}
18
22
  <Heading size="sm">${title}</Heading>
19
- ${actionsSnippet}
23
+ ${trailingChildren}
20
24
  </Card.Header>`
21
25
  };
22
26
  //# sourceMappingURL=Card.Header.figma.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","showActions","getBoolean","actionsInstance","getInstanceSwap","actionsSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,KAAK,GAAIF,QAAQ,CAACG,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,WAAW,GAAGL,QAAQ,CAACM,UAAU,CAAC,eAAe,CAAC;AACxD,MAAMC,eAAe,GAAGF,WAAW,GAAGL,QAAQ,CAACQ,eAAe,CAAC,SAAS,CAAC,GAAG,IAAI;AAChF,MAAMC,cAAc,GAClBF,eAAe,EAAEG,IAAI,KAAK,UAAU,GAAGH,eAAe,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEzF,eAAe;EACbC,EAAE,EAAE,aAAa;EACjB;EACAC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DF,OAAO,EAAEb,KAAK,CAACgB,IAAI;AACrB;AACA,uBAAuBb,KAAK;AAC5B,IAAIO,cAAc;AAClB;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","showLeadingSlot","getBoolean","leadingSlot","getSlot","undefined","leadingChildren","helpers","react","renderChildren","showTrailingSlot","trailingSlot","trailingChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Card.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,KAAK,GAAIF,QAAQ,CAACG,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,eAAe,GAAGL,QAAQ,CAACM,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,WAAW,GAAGF,eAAe,GAAGL,QAAQ,CAACQ,OAAO,CAAC,yBAAyB,CAAC,GAAGC,SAAS;AAC7F,MAAMC,eAAe,GAAGH,WAAW,GAAGR,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,gBAAgB,GAAGd,QAAQ,CAACM,UAAU,CAAC,qBAAqB,CAAC;AACnE,MAAMS,YAAY,GAAGD,gBAAgB,GAAGd,QAAQ,CAACQ,OAAO,CAAC,0BAA0B,CAAC,GAAGC,SAAS;AAChG,MAAMO,gBAAgB,GAAGD,YAAY,GAAGhB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,cAAc,CAACE,YAAY,CAAC,GAAG,IAAI;AAE/F,eAAe;EACbE,EAAE,EAAE,aAAa;EACjB;EACAC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEpB,KAAK,CAACqB,IAAI;AACrB;AACA,IAAIV,eAAe;AACnB,uBAAuBR,KAAK;AAC5B,IAAIc,gBAAgB;AACpB;AACA,CAAC","ignoreList":[]}
@@ -11,6 +11,7 @@ const fullBleed = instance.getEnum('fullBleed', {
11
11
  true: true,
12
12
  false: undefined
13
13
  });
14
+ const fullBleedProp = figma.helpers.react.renderProp('fullBleed', fullBleed);
14
15
  const showHeader = instance.getBoolean('Show Header?');
15
16
  const showFooter = instance.getBoolean('Show Footer?');
16
17
  const stripeLayer = instance.findInstance('Card.Stripe');
@@ -29,7 +30,7 @@ export default {
29
30
  id: 'card',
30
31
  imports: [componentImport],
31
32
  example: figma.code`
32
- <Card fullBleed={${fullBleed}}>
33
+ <Card${fullBleedProp}>
33
34
  ${showStripe ? figma.code`<Card.Stripe />` : null}
34
35
  ${headerSnippet}
35
36
  <Card.Content>${contentChildren}</Card.Content>
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","fullBleed","getEnum","true","false","undefined","showHeader","getBoolean","showFooter","stripeLayer","findInstance","showStripe","type","headerLayer","headerSnippet","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","helpers","react","renderChildren","footerChildren","componentImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGP,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGT,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGV,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,UAAU,GAAGF,WAAW,EAAEG,IAAI,KAAK,UAAU;AAEnD,MAAMC,WAAW,GAAGd,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMI,aAAa,GACjBR,UAAU,IAAIO,WAAW,EAAED,IAAI,KAAK,UAAU,GAAGC,WAAW,CAACE,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGlB,QAAQ,CAACmB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGpB,QAAQ,CAACmB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGnB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGrB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGnB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAE/C,eAAe;EACboB,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACF,eAAe,CAAC;EAC1BT,OAAO,EAAElB,KAAK,CAAC8B,IAAI;AACrB,mBAAmB3B,SAAS;AAC5B,IAAIU,UAAU,GAAGb,KAAK,CAAC8B,IAAI,iBAAiB,GAAG,IAAI;AACnD,IAAId,aAAa;AACjB,kBAAkBM,eAAe;AACjC,IAAIZ,UAAU,GAAGV,KAAK,CAAC8B,IAAI,gBAAgBJ,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","fullBleed","getEnum","true","false","undefined","fullBleedProp","helpers","react","renderProp","showHeader","getBoolean","showFooter","stripeLayer","findInstance","showStripe","type","headerLayer","headerSnippet","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","renderChildren","footerChildren","componentImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAE5E,MAAMS,UAAU,GAAGX,QAAQ,CAACY,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGb,QAAQ,CAACY,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGd,QAAQ,CAACe,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,UAAU,GAAGF,WAAW,EAAEG,IAAI,KAAK,UAAU;AAEnD,MAAMC,WAAW,GAAGlB,QAAQ,CAACe,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMI,aAAa,GACjBR,UAAU,IAAIO,WAAW,EAAED,IAAI,KAAK,UAAU,GAAGC,WAAW,CAACE,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGtB,QAAQ,CAACuB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGxB,QAAQ,CAACuB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGvB,KAAK,CAACS,OAAO,CAACC,KAAK,CAACiB,cAAc,CAACJ,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMK,cAAc,GAAGH,UAAU,GAAGzB,KAAK,CAACS,OAAO,CAACC,KAAK,CAACiB,cAAc,CAACF,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMI,eAAe,GAAGjB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAE/C,eAAe;EACbkB,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACF,eAAe,CAAC;EAC1BP,OAAO,EAAEtB,KAAK,CAACgC,IAAI;AACrB,OAAOxB,aAAa;AACpB,IAAIS,UAAU,GAAGjB,KAAK,CAACgC,IAAI,iBAAiB,GAAG,IAAI;AACnD,IAAIZ,aAAa;AACjB,kBAAkBM,eAAe;AACjC,IAAIZ,UAAU,GAAGd,KAAK,CAACgC,IAAI,gBAAgBJ,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}
@@ -6,7 +6,7 @@
6
6
  import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
8
  const variant = instance.getEnum('variant', {
9
- tint: 'subtle',
9
+ subtle: 'subtle',
10
10
  outline: 'outline'
11
11
  });
12
12
  const size = instance.getEnum('size', {
@@ -15,7 +15,7 @@ const size = instance.getEnum('size', {
15
15
  xsmall: 'xsmall'
16
16
  });
17
17
  const color = instance.getEnum('color', {
18
- default: 'neutral',
18
+ neutral: 'neutral',
19
19
  action: 'action',
20
20
  danger: 'danger',
21
21
  warning: 'warning',
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","tint","outline","size","default","small","xsmall","color","action","danger","warning","success","info","isDisabled","true","false","undefined","disabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showAvatar","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","avatarImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Chip.figma.ts"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","subtle","outline","size","default","small","xsmall","color","neutral","action","danger","warning","success","info","isDisabled","true","false","undefined","disabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showAvatar","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","avatarImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Chip.figma.ts"],"mappings":"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","ignoreList":[]}
@@ -11,7 +11,7 @@ const instance = figma.selectedInstance;
11
11
  // equivalent, so the snippet flags it rather than substituting another component.
12
12
  // `Viewport` only previews responsive type sizes.
13
13
  const variant = instance.getEnum('variant', {
14
- outlined: 'outline',
14
+ outline: 'outline',
15
15
  hero: 'ghost'
16
16
  });
17
17
  const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","hero","showTrailingSlot","getBoolean","isInvalid","true","false","undefined","isReadOnly","isDisabled","currencySymbol","getString","amount","Number","replace","variantProp","helpers","react","renderProp","valueProp","isFinite","currencySymbolProp","isInvalidProp","isReadOnlyProp","isDisabledProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/CurrencyInput.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE,SAAS;EACnBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,gBAAgB,GAAGN,QAAQ,CAACO,UAAU,CAAC,oBAAoB,CAAC;AAElE,MAAMC,SAAS,GAAGR,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,cAAc,GAAGd,QAAQ,CAACe,SAAS,CAAC,gBAAgB,CAAC;AAC3D,MAAMC,MAAM,GAAGC,MAAM,CAACjB,QAAQ,CAACe,SAAS,CAAC,OAAO,CAAC,CAACG,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAE1E,MAAMC,WAAW,GAAGpB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAChD,SAAS,EACTpB,OAAO,KAAK,SAAS,GAAGA,OAAO,GAAGS,SACpC,CAAC;AACD,MAAMY,SAAS,GAAGxB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEL,MAAM,CAACO,QAAQ,CAACR,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC,CAAC;AAC/F,MAAMS,kBAAkB,GAAG1B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CACvD,gBAAgB,EAChBR,cAAc,KAAK,GAAG,GAAGH,SAAS,GAAGG,cACvC,CAAC;AACD,MAAMY,aAAa,GAAG3B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEd,SAAS,CAAC;AAC5E,MAAMmB,cAAc,GAAG5B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAC/E,MAAMgB,cAAc,GAAG7B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAET,UAAU,CAAC;AAE/E,eAAe;EACbgB,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEhC,KAAK,CAACiC,IAAI;AACrB,EAAE1B,gBAAgB,GAAGP,KAAK,CAACiC,IAAI,kEAAkE,GAAG,IAAI;AACxG;AACA,+BAA+Bb,WAAW,GAAGI,SAAS,GAAGE,kBAAkB,GAAGC,aAAa,GAAGC,cAAc,GAAGC,cAAc;AAC7H;AACA;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outline","hero","showTrailingSlot","getBoolean","isInvalid","true","false","undefined","isReadOnly","isDisabled","currencySymbol","getString","amount","Number","replace","variantProp","helpers","react","renderProp","valueProp","isFinite","currencySymbolProp","isInvalidProp","isReadOnlyProp","isDisabledProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/CurrencyInput.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,gBAAgB,GAAGN,QAAQ,CAACO,UAAU,CAAC,oBAAoB,CAAC;AAElE,MAAMC,SAAS,GAAGR,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,cAAc,GAAGd,QAAQ,CAACe,SAAS,CAAC,gBAAgB,CAAC;AAC3D,MAAMC,MAAM,GAAGC,MAAM,CAACjB,QAAQ,CAACe,SAAS,CAAC,OAAO,CAAC,CAACG,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAE1E,MAAMC,WAAW,GAAGpB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAChD,SAAS,EACTpB,OAAO,KAAK,SAAS,GAAGA,OAAO,GAAGS,SACpC,CAAC;AACD,MAAMY,SAAS,GAAGxB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEL,MAAM,CAACO,QAAQ,CAACR,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC,CAAC;AAC/F,MAAMS,kBAAkB,GAAG1B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CACvD,gBAAgB,EAChBR,cAAc,KAAK,GAAG,GAAGH,SAAS,GAAGG,cACvC,CAAC;AACD,MAAMY,aAAa,GAAG3B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEd,SAAS,CAAC;AAC5E,MAAMmB,cAAc,GAAG5B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAC/E,MAAMgB,cAAc,GAAG7B,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAET,UAAU,CAAC;AAE/E,eAAe;EACbgB,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEhC,KAAK,CAACiC,IAAI;AACrB,EAAE1B,gBAAgB,GAAGP,KAAK,CAACiC,IAAI,kEAAkE,GAAG,IAAI;AACxG;AACA,+BAA+Bb,WAAW,GAAGI,SAAS,GAAGE,kBAAkB,GAAGC,aAAa,GAAGC,cAAc,GAAGC,cAAc;AAC7H;AACA;AACA,CAAC","ignoreList":[]}
@@ -11,7 +11,9 @@ const size = instance.getEnum('size', {
11
11
  md: 'md',
12
12
  lg: 'lg',
13
13
  xl: 'xl',
14
- full: 'full'
14
+ // No code equivalent: Dialog has no `2xl` size, so the prop is omitted.
15
+ '2xl': undefined,
16
+ cover: 'full'
15
17
  });
16
18
 
17
19
  // Boolean-as-variant: fullBleed is a VARIANT property with "true"/"false" string values.
@@ -20,6 +22,7 @@ const fullBleed = instance.getEnum('fullBleed', {
20
22
  true: true,
21
23
  false: undefined
22
24
  });
25
+ const sizeProp = figma.helpers.react.renderProp('size', size);
23
26
  const fullBleedProp = figma.helpers.react.renderProp('fullBleed', fullBleed);
24
27
 
25
28
  // Delegate to nested Code Connect templates — each sub-component manages its own snippet.
@@ -33,7 +36,7 @@ export default {
33
36
  id: 'dialog',
34
37
  imports: ["import { Dialog } from '@cdx-ui/components'"],
35
38
  example: figma.code`
36
- <Dialog size="${size}"${fullBleedProp}>
39
+ <Dialog${sizeProp}${fullBleedProp}>
37
40
  <Dialog.Trigger>{/* Trigger */}</Dialog.Trigger>
38
41
  <Dialog.Popup>
39
42
  ${headerSnippet}
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","full","fullBleed","true","false","undefined","fullBleedProp","helpers","react","renderProp","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,SAAS,GAAGV,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CQ,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGf,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEP,SAAS,CAAC;;AAE5E;AACA,MAAMQ,cAAc,GAAGlB,QAAQ,CAACmB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,WAAW,GAAGxB,QAAQ,CAACyB,OAAO,CAAC,gBAAgB,CAAC;AACtD,MAAMC,eAAe,GAAGF,WAAW,GAAGzB,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACW,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,cAAc,GAAG5B,QAAQ,CAACmB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMU,aAAa,GACjBD,cAAc,CAACP,IAAI,KAAK,UAAU,GAAGO,cAAc,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbO,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDR,OAAO,EAAExB,KAAK,CAACiC,IAAI;AACrB,gBAAgB9B,IAAI,IAAIY,aAAa;AACrC;AACA;AACA,MAAMM,aAAa;AACnB,sBAAsBM,eAAe;AACrC,MAAMG,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","undefined","cover","fullBleed","true","false","sizeProp","helpers","react","renderProp","fullBleedProp","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACR;EACA,KAAK,EAAEC,SAAS;EAChBC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,SAAS,GAAGX,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CS,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEJ;AACT,CAAC,CAAC;AACF,MAAMK,QAAQ,GAAGf,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAEf,IAAI,CAAC;AAC7D,MAAMgB,aAAa,GAAGnB,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEN,SAAS,CAAC;;AAE5E;AACA,MAAMQ,cAAc,GAAGnB,QAAQ,CAACoB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,WAAW,GAAGzB,QAAQ,CAAC0B,OAAO,CAAC,gBAAgB,CAAC;AACtD,MAAMC,eAAe,GAAGF,WAAW,GAAG1B,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACY,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,cAAc,GAAG7B,QAAQ,CAACoB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMU,aAAa,GACjBD,cAAc,CAACP,IAAI,KAAK,UAAU,GAAGO,cAAc,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbO,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDR,OAAO,EAAEzB,KAAK,CAACkC,IAAI;AACrB,SAASnB,QAAQ,GAAGI,aAAa;AACjC;AACA;AACA,MAAMG,aAAa;AACnB,sBAAsBM,eAAe;AACrC,MAAMG,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}
@@ -9,7 +9,7 @@ const orientation = instance.getEnum('orientation', {
9
9
  horizontal: 'horizontal',
10
10
  vertical: 'vertical'
11
11
  });
12
- const hasChild = instance.getEnum('hasChild', {
12
+ const hasChild = instance.getEnum('Has Child?', {
13
13
  true: 'true',
14
14
  false: 'false'
15
15
  });
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","orientation","getEnum","horizontal","vertical","hasChild","true","false","verticalProp","helpers","react","renderProp","undefined","label","findText","textContent","labelBlock","code","id","imports","example"],"sourceRoot":"../../../src","sources":["figma/Divider.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAGF,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAClDC,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGN,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EAC5CI,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CACjD,UAAU,EACVV,WAAW,KAAK,UAAU,GAAG,IAAI,GAAGW,SACtC,CAAC;AAED,MAAMC,KAAK,GAAId,QAAQ,CAACe,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,UAAU,GACdX,QAAQ,KAAK,MAAM,GACfP,KAAK,CAACmB,IAAI;AAChB,mBAAmBJ,KAAK,kBAAkB,GACpCf,KAAK,CAACmB,IAAI,EAAE;AAElB,eAAe;EACbC,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDC,OAAO,EAAEtB,KAAK,CAACmB,IAAI,WAAWT,YAAY,IAAIQ,UAAU;AAC1D;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","orientation","getEnum","horizontal","vertical","hasChild","true","false","verticalProp","helpers","react","renderProp","undefined","label","findText","textContent","labelBlock","code","id","imports","example"],"sourceRoot":"../../../src","sources":["figma/Divider.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAGF,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAClDC,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGN,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAC9CI,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CACjD,UAAU,EACVV,WAAW,KAAK,UAAU,GAAG,IAAI,GAAGW,SACtC,CAAC;AAED,MAAMC,KAAK,GAAId,QAAQ,CAACe,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,UAAU,GACdX,QAAQ,KAAK,MAAM,GACfP,KAAK,CAACmB,IAAI;AAChB,mBAAmBJ,KAAK,kBAAkB,GACpCf,KAAK,CAACmB,IAAI,EAAE;AAElB,eAAe;EACbC,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDC,OAAO,EAAEtB,KAAK,CAACmB,IAAI,WAAWT,YAAY,IAAIQ,UAAU;AAC1D;AACA,CAAC","ignoreList":[]}
@@ -6,9 +6,9 @@
6
6
  import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
8
  const size = instance.getEnum('size', {
9
- narrow: 'small',
10
- medium: 'default',
11
- wide: 'large'
9
+ small: 'small',
10
+ default: 'default',
11
+ large: 'large'
12
12
  });
13
13
  const variant = instance.getEnum('variant', {
14
14
  permanent: 'permanent',
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","size","getEnum","narrow","medium","wide","variant","permanent","modal","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,MAAM,EAAE,OAAO;EACfC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAGP,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CK,SAAS,EAAE,WAAW;EACtBC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA,MAAMC,cAAc,GAAGV,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,WAAW,GAAGhB,QAAQ,CAACiB,OAAO,CAAC,UAAU,CAAC;AAChD,MAAMC,eAAe,GAAGF,WAAW,GAAGjB,KAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMM,cAAc,GAAGtB,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMY,aAAa,GACjBD,cAAc,CAACT,IAAI,KAAK,UAAU,GAAGS,cAAc,CAACR,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDV,OAAO,EAAEhB,KAAK,CAAC2B,IAAI;AACrB,mBAAmBnB,OAAO,WAAWL,IAAI;AACzC,IAAIU,aAAa;AACjB,oBAAoBM,eAAe;AACnC,IAAIK,aAAa;AACjB;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","size","getEnum","small","default","large","variant","permanent","modal","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAGP,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CK,SAAS,EAAE,WAAW;EACtBC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA,MAAMC,cAAc,GAAGV,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,WAAW,GAAGhB,QAAQ,CAACiB,OAAO,CAAC,UAAU,CAAC;AAChD,MAAMC,eAAe,GAAGF,WAAW,GAAGjB,KAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMM,cAAc,GAAGtB,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMY,aAAa,GACjBD,cAAc,CAACT,IAAI,KAAK,UAAU,GAAGS,cAAc,CAACR,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDV,OAAO,EAAEhB,KAAK,CAAC2B,IAAI;AACrB,mBAAmBnB,OAAO,WAAWL,IAAI;AACzC,IAAIU,aAAa;AACjB,oBAAoBM,eAAe;AACnC,IAAIK,aAAa;AACjB;AACA,CAAC","ignoreList":[]}
@@ -7,17 +7,21 @@ import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
8
  const variant = instance.getEnum('variant', {
9
9
  solid: 'solid',
10
- tint: 'subtle',
10
+ subtle: 'subtle',
11
11
  ghost: 'ghost'
12
12
  });
13
13
  const color = instance.getEnum('color', {
14
14
  neutral: 'neutral',
15
15
  action: 'action',
16
- danger: 'danger'
16
+ danger: 'danger',
17
+ // No code equivalent: IconButton has no `inherit` color, so the prop is omitted.
18
+ inherit: undefined
17
19
  });
18
20
  const size = instance.getEnum('size', {
19
21
  default: 'default',
20
- small: 'small'
22
+ small: 'small',
23
+ // No code equivalent: IconButton has no `xsmall` size, so the prop is omitted.
24
+ xsmall: undefined
21
25
  });
22
26
 
23
27
  // Enum-as-boolean: isDisabled is a VARIANT property in Figma ("true"/"false").
@@ -25,6 +29,8 @@ const isDisabled = instance.getEnum('isDisabled', {
25
29
  true: true,
26
30
  false: undefined
27
31
  });
32
+ const colorProp = figma.helpers.react.renderProp('color', color);
33
+ const sizeProp = figma.helpers.react.renderProp('size', size);
28
34
  const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
29
35
 
30
36
  // icon: INSTANCE_SWAP → IconButton `as` (ForgeIcon). Prefer metadata.props.componentName from icon Code Connect.
@@ -36,6 +42,6 @@ export default {
36
42
  id: 'icon-button',
37
43
  imports: ["import { IconButton } from '@cdx-ui/components'", ...iconImports],
38
44
  example: figma.code`
39
- <IconButton as={${iconSnippet}} variant="${variant}" color="${color}" size="${size}"${isDisabledProp} />`
45
+ <IconButton as={${iconSnippet}} variant="${variant}"${colorProp}${sizeProp}${isDisabledProp} />`
40
46
  };
41
47
  //# sourceMappingURL=IconButton.figma.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","tint","ghost","color","neutral","action","danger","size","default","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/IconButton.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGX,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCS,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA,MAAMC,UAAU,GAAGd,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDY,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGnB,KAAK,CAACoB,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;AAEnF,eAAe;EACbO,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,iDAAiD,EAAE,GAAGF,WAAW,CAAC;EAC5ED,OAAO,EAAE/B,KAAK,CAACmC,IAAI;AACrB,kBAAkBL,WAAW,cAAc3B,OAAO,YAAYK,KAAK,WAAWI,IAAI,IAAIO,cAAc;AACpG,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","subtle","ghost","color","neutral","action","danger","inherit","undefined","size","default","small","xsmall","isDisabled","true","false","colorProp","helpers","react","renderProp","sizeProp","isDisabledProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/IconButton.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChB;EACAC,OAAO,EAAEC;AACX,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGb,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCW,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,OAAO;EACd;EACAC,MAAM,EAAEJ;AACV,CAAC,CAAC;;AAEF;AACA,MAAMK,UAAU,GAAGjB,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDe,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEP;AACT,CAAC,CAAC;AACF,MAAMQ,SAAS,GAAGrB,KAAK,CAACsB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEhB,KAAK,CAAC;AAChE,MAAMiB,QAAQ,GAAGzB,KAAK,CAACsB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAEV,IAAI,CAAC;AAC7D,MAAMY,cAAc,GAAG1B,KAAK,CAACsB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEN,UAAU,CAAC;;AAE/E;AACA,MAAMS,UAAU,GAAG1B,QAAQ,CAAC2B,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;AAEnF,eAAe;EACbO,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,iDAAiD,EAAE,GAAGF,WAAW,CAAC;EAC5ED,OAAO,EAAEnC,KAAK,CAACuC,IAAI;AACrB,kBAAkBL,WAAW,cAAc/B,OAAO,IAAIkB,SAAS,GAAGI,QAAQ,GAAGC,cAAc;AAC3F,CAAC","ignoreList":[]}
@@ -9,7 +9,8 @@ const variant = instance.getEnum('variant', {
9
9
  outlined: 'outline'
10
10
  });
11
11
  const size = instance.getEnum('size', {
12
- default: 'default'
12
+ default: 'default',
13
+ small: 'small'
13
14
  });
14
15
  const isInvalid = instance.getEnum('isInvalid', {
15
16
  true: true,
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","size","default","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","defaultValueProp","placeholderProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Input.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGL,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCG,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGP,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGlB,QAAQ,CAACG,OAAO,CAAC,mBAAmB,EAAE;EAC5DK,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,GAAG1B,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAG3B,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAED,eAAe;EACbiB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAE9B,KAAK,CAAC+B,IAAI;AACrB,kBAAkB5B,OAAO,WAAWG,IAAI,IAAIO,aAAa,GAAGI,cAAc;AAC1E,gBAAgBS,gBAAgB,GAAGC,eAAe;AAClD;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","size","default","small","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","defaultValueProp","placeholderProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Input.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGL,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCG,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGR,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGd,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGlB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGlB,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGnB,QAAQ,CAACG,OAAO,CAAC,mBAAmB,EAAE;EAC5DM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMU,SAAS,GACbpB,QAAQ,CAACqB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGxB,QAAQ,CAACyB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,gBAAgB,GAAG3B,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAG5B,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAED,eAAe;EACbiB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAE/B,KAAK,CAACgC,IAAI;AACrB,kBAAkB7B,OAAO,WAAWG,IAAI,IAAIQ,aAAa,GAAGI,cAAc;AAC1E,gBAAgBS,gBAAgB,GAAGC,eAAe;AAClD;AACA,CAAC","ignoreList":[]}
@@ -27,10 +27,10 @@ const aiGenerated = instance.getEnum('intelligence', {
27
27
  false: undefined
28
28
  });
29
29
  const aiGeneratedProp = figma.helpers.react.renderProp('aiGenerated', aiGenerated);
30
- const showCloseButton = instance.getBoolean('showCloseButton');
30
+ const showCloseButton = instance.getBoolean('Show Close Button?');
31
31
  const onCloseProp = showCloseButton ? figma.helpers.react.renderProp('onClose', figma.helpers.react.function('() => {}')) : '';
32
- const showContent = isDetail && instance.getBoolean('showContent');
33
- const showActions = isDetail && instance.getBoolean('showActions');
32
+ const showContent = isDetail && instance.getBoolean('Show Content?');
33
+ const showActions = isDetail && instance.getBoolean('Show Actions?');
34
34
 
35
35
  // Text layers are read by position inside the named slot frames, not by layer name.
36
36
  const textsIn = slot => instance.findLayers(node => node.type === 'TEXT', {
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","color","getEnum","info","undefined","warning","danger","colorProp","helpers","react","renderProp","layout","default","expanded","isDetail","aiGenerated","true","false","aiGeneratedProp","showCloseButton","getBoolean","onCloseProp","function","showContent","showActions","textsIn","slot","findLayers","node","type","path","traverseInstances","flatMap","textContent","tagText","headerTexts","title","detailDescription","summaryDescription","actionSnippets","findConnectedInstances","codeConnectId","button","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Insight.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EACzCC,IAAI,EAAEC,SAAS;EACfC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGT,KAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAET,KAAK,CAAC;;AAEhE;AACA,MAAMU,MAAM,GAAGZ,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACtCU,OAAO,EAAER,SAAS;EAClBS,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,QAAQ,GAAGH,MAAM,KAAK,QAAQ;;AAEpC;AACA,MAAMI,WAAW,GAAGhB,QAAQ,CAACG,OAAO,CAAC,cAAc,EAAE;EACnDc,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEb;AACT,CAAC,CAAC;AACF,MAAMc,eAAe,GAAGpB,KAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,aAAa,EAAEK,WAAW,CAAC;AAElF,MAAMI,eAAe,GAAGpB,QAAQ,CAACqB,UAAU,CAAC,iBAAiB,CAAC;AAC9D,MAAMC,WAAW,GAAGF,eAAe,GAC/BrB,KAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,SAAS,EAAEZ,KAAK,CAACU,OAAO,CAACC,KAAK,CAACa,QAAQ,CAAC,UAAU,CAAC,CAAC,GACnF,EAAE;AAEN,MAAMC,WAAW,GAAGT,QAAQ,IAAIf,QAAQ,CAACqB,UAAU,CAAC,aAAa,CAAC;AAClE,MAAMI,WAAW,GAAGV,QAAQ,IAAIf,QAAQ,CAACqB,UAAU,CAAC,aAAa,CAAC;;AAElE;AACA,MAAMK,OAAO,GAAIC,IAAY,IAC3B3B,QAAQ,CACL4B,UAAU,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,MAAM,EAAE;EAAEC,IAAI,EAAE,CAACJ,IAAI,CAAC;EAAEK,iBAAiB,EAAE;AAAK,CAAC,CAAC,CACrFC,OAAO,CAAEJ,IAAI,IAAMA,IAAI,CAACC,IAAI,KAAK,MAAM,GAAG,CAACD,IAAI,CAACK,WAAW,CAAC,GAAG,EAAG,CAAC;AAExE,MAAMC,OAAO,GAAGpB,QAAQ,GAAIW,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,UAAU,GAAI,EAAE;AAC/E,MAAMU,WAAW,GAAGrB,QAAQ,GAAGW,OAAO,CAAC,gBAAgB,CAAC,GAAG,EAAE;AAC7D,MAAMW,KAAK,GAAGD,WAAW,CAAC,CAAC,CAAC,IAAI,OAAO;AACvC,MAAME,iBAAiB,GAAGF,WAAW,CAAC,CAAC,CAAC,IAAI,aAAa;AACzD,MAAMG,kBAAkB,GAAGxB,QAAQ,GAAG,EAAE,GAAIW,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,aAAc;AAE3F,MAAMc,cAAc,GAAGf,WAAW,GAC9BzB,QAAQ,CACLyC,sBAAsB,CAAEZ,IAAI,IAAKA,IAAI,CAACa,aAAa,CAAC,CAAC,KAAK,QAAQ,EAAE;EACnEX,IAAI,EAAE,CAAC,gBAAgB;AACzB,CAAC,CAAC,CACDE,OAAO,CAAEU,MAAM,IAAMA,MAAM,CAACb,IAAI,KAAK,UAAU,GAAGa,MAAM,CAACC,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,EAAG,CAAC,GAC5F,EAAE;AAEN,eAAe;EACbC,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDF,OAAO,EAAE9B,QAAQ,GACbhB,KAAK,CAACiD,IAAI;AAChB,0BAA0BxC,SAAS,GAAGW,eAAe,GAAGG,WAAW;AACnE,iBAAiBa,OAAO;AACxB;AACA,qBAAqBE,KAAK;AAC1B,2BAA2BC,iBAAiB;AAC5C;AACA,IAAId,WAAW,GAAGzB,KAAK,CAACiD,IAAI,oDAAoD,GAAG,IAAI;AACvF,IACIvB,WAAW,GACP1B,KAAK,CAACiD,IAAI;AAClB,MAAMR,cAAc;AACpB,oBAAoB,GACZ,IAAI;AACZ,WACW,GACLzC,KAAK,CAACiD,IAAI;AAChB,UAAUxC,SAAS,GAAGW,eAAe,GAAGG,WAAW;AACnD,yBAAyBiB,kBAAkB;AAC3C;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","color","getEnum","info","undefined","warning","danger","colorProp","helpers","react","renderProp","layout","default","expanded","isDetail","aiGenerated","true","false","aiGeneratedProp","showCloseButton","getBoolean","onCloseProp","function","showContent","showActions","textsIn","slot","findLayers","node","type","path","traverseInstances","flatMap","textContent","tagText","headerTexts","title","detailDescription","summaryDescription","actionSnippets","findConnectedInstances","codeConnectId","button","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Insight.figma.ts"],"mappings":"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","ignoreList":[]}
@@ -7,7 +7,6 @@ import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
8
 
9
9
  // Figma expresses progress as a 0–1 fraction; the code's `value` is on the default 0–100 `max`.
10
- // Figma `color=inherit` has no code equivalent (ProgressBar exposes no color prop), so it is not mapped.
11
10
  const value = instance.getEnum('value', {
12
11
  '0': 0,
13
12
  '0.05': 5,
@@ -37,11 +36,22 @@ const isIndeterminate = instance.getEnum('isIndeterminate', {
37
36
  true: true,
38
37
  false: false
39
38
  });
39
+ // Figma ships `color=default|inherit`. `default` is the brand/action fill (code default —
40
+ // omit the prop). `inherit` has no code equivalent (ProgressBar has no currentColor mode).
41
+ // When Figma adds severity/categorical options, extend this map to the public API values.
42
+ const color = instance.getEnum('color', {
43
+ default: undefined,
44
+ inherit: undefined
45
+ });
46
+ const colorProp = figma.helpers.react.renderProp('color', color);
47
+ // Figma has no `size` variant yet. Code accepts `default` | `large` (see ProgressBarProps);
48
+ // map it here when the Components file gains that axis.
49
+
40
50
  export default {
41
51
  id: 'progress-bar',
42
52
  imports: ["import { ProgressBar } from '@cdx-ui/components'"],
43
53
  example: figma.code`
44
- <ProgressBar value={${isIndeterminate ? 'null' : value}} accessibilityLabel="Progress">
54
+ <ProgressBar value={${isIndeterminate ? 'null' : value}}${colorProp} accessibilityLabel="Progress">
45
55
  <ProgressBar.Indicator />
46
56
  </ProgressBar>`
47
57
  };
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","value","getEnum","isIndeterminate","true","false","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ProgressBar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,KAAK,GAAGF,QAAQ,CAACG,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,GAAGJ,QAAQ,CAACG,OAAO,CAAC,iBAAiB,EAAE;EAC1DE,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEV,KAAK,CAACW,IAAI;AACrB,sBAAsBN,eAAe,GAAG,MAAM,GAAGF,KAAK;AACtD;AACA;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","value","getEnum","isIndeterminate","true","false","color","default","undefined","inherit","colorProp","helpers","react","renderProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ProgressBar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,KAAK,GAAGF,QAAQ,CAACG,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,GAAGJ,QAAQ,CAACG,OAAO,CAAC,iBAAiB,EAAE;EAC1DE,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA;AACA,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,OAAO,EAAEC,SAAS;EAClBC,OAAO,EAAED;AACX,CAAC,CAAC;AACF,MAAME,SAAS,GAAGZ,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEP,KAAK,CAAC;AAChE;AACA;;AAEA,eAAe;EACbQ,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAElB,KAAK,CAACmB,IAAI;AACrB,sBAAsBd,eAAe,GAAG,MAAM,GAAGF,KAAK,IAAIS,SAAS;AACnE;AACA;AACA,CAAC","ignoreList":[]}