@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.
- package/README.md +1 -1
- package/coverage.svg +1 -1
- package/docs/components/bar-chart/content.md +703 -0
- package/docs/components/content.md +10 -1
- package/docs/components/country-flag/content.md +232 -0
- package/docs/components/data-grid/content.md +3 -1
- package/docs/components/icon/content.md +1 -1
- package/docs/components/input/content.md +1 -0
- package/docs/components/line-chart/content.md +567 -0
- package/docs/components/pie-chart/content.md +493 -0
- package/docs/components/progress-bar/content.md +164 -3
- package/docs/components/progress-segmented/content.md +1 -1
- package/docs/components/select/content.md +1 -0
- package/docs/components/stepper/content.md +599 -0
- package/docs/components/system-alert/content.md +533 -0
- package/docs/foundations/expressions/icons/content.md +2 -1
- package/docs/foundations/styles/tokens/all-tokens/content.md +2 -1
- package/docs/getting-started/developers/content.md +1 -1
- package/docs/llms.txt +12 -0
- package/docs/patterns/content.md +1 -0
- package/docs/patterns/dashboard/content.md +423 -19
- package/docs/patterns/insights/content.md +659 -0
- package/docs/resources/content.md +1 -0
- package/docs/resources/release-notes/0.3.5/content.md +7 -0
- package/docs/resources/release-notes/0.3.6/content.md +29 -0
- package/docs/resources/release-notes/content.md +2 -0
- package/docs/resources/skills/content.md +66 -0
- package/lib/commonjs/components/BarChart/geometry.js +1130 -0
- package/lib/commonjs/components/BarChart/geometry.js.map +1 -0
- package/lib/commonjs/components/BarChart/index.js +935 -0
- package/lib/commonjs/components/BarChart/index.js.map +1 -0
- package/lib/commonjs/components/BarChart/styles.js +26 -0
- package/lib/commonjs/components/BarChart/styles.js.map +1 -0
- package/lib/commonjs/components/Button/index.js +2 -2
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/CountryFlag/index.js +56 -0
- package/lib/commonjs/components/CountryFlag/index.js.map +1 -0
- package/lib/commonjs/components/Input/index.js.map +1 -1
- package/lib/commonjs/components/LineChart/geometry.js +698 -0
- package/lib/commonjs/components/LineChart/geometry.js.map +1 -0
- package/lib/commonjs/components/LineChart/index.js +744 -0
- package/lib/commonjs/components/LineChart/index.js.map +1 -0
- package/lib/commonjs/components/LineChart/styles.js +25 -0
- package/lib/commonjs/components/LineChart/styles.js.map +1 -0
- package/lib/commonjs/components/PieChart/geometry.js +216 -0
- package/lib/commonjs/components/PieChart/geometry.js.map +1 -0
- package/lib/commonjs/components/PieChart/index.js +476 -0
- package/lib/commonjs/components/PieChart/index.js.map +1 -0
- package/lib/commonjs/components/PieChart/styles.js +88 -0
- package/lib/commonjs/components/PieChart/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/index.js +44 -12
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/styles.js +31 -2
- package/lib/commonjs/components/ProgressBar/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js +9 -31
- package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js.map +1 -1
- package/lib/commonjs/components/ProgressCircle/ProgressRing.js +52 -0
- package/lib/commonjs/components/ProgressCircle/ProgressRing.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js +8 -7
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map +1 -1
- package/lib/commonjs/components/Select/index.js.map +1 -1
- package/lib/commonjs/components/Stepper/index.js +369 -0
- package/lib/commonjs/components/Stepper/index.js.map +1 -0
- package/lib/commonjs/components/Stepper/styles.js +211 -0
- package/lib/commonjs/components/Stepper/styles.js.map +1 -0
- package/lib/commonjs/components/Stepper/useStepperLabelFit.js +22 -0
- package/lib/commonjs/components/Stepper/useStepperLabelFit.js.map +1 -0
- package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js +52 -0
- package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js.map +1 -0
- package/lib/commonjs/components/Stepper/useStepperRingColors.js +31 -0
- package/lib/commonjs/components/Stepper/useStepperRingColors.js.map +1 -0
- package/lib/commonjs/components/SystemAlert/animation.js +218 -0
- package/lib/commonjs/components/SystemAlert/animation.js.map +1 -0
- package/lib/commonjs/components/SystemAlert/index.js +525 -0
- package/lib/commonjs/components/SystemAlert/index.js.map +1 -0
- package/lib/commonjs/components/SystemAlert/styles.js +178 -0
- package/lib/commonjs/components/SystemAlert/styles.js.map +1 -0
- package/lib/commonjs/components/SystemAlert/useSystemAlertStatusBarStyle.js +53 -0
- package/lib/commonjs/components/SystemAlert/useSystemAlertStatusBarStyle.js.map +1 -0
- package/lib/commonjs/components/Tabs/index.js +4 -0
- package/lib/commonjs/components/Tabs/index.js.map +1 -1
- package/lib/commonjs/components/Tabs/styles.js +1 -1
- package/lib/commonjs/components/Tabs/styles.js.map +1 -1
- package/lib/commonjs/components/chart/ChartInspector.js +610 -0
- package/lib/commonjs/components/chart/ChartInspector.js.map +1 -0
- package/lib/commonjs/components/chart/format.js +93 -0
- package/lib/commonjs/components/chart/format.js.map +1 -0
- package/lib/commonjs/components/chart/hiddenSvgProps.js +23 -0
- package/lib/commonjs/components/chart/hiddenSvgProps.js.map +1 -0
- package/lib/commonjs/components/chart/index.js +2 -0
- package/lib/commonjs/components/chart/index.js.map +1 -0
- package/lib/commonjs/components/chart/motion.js +97 -0
- package/lib/commonjs/components/chart/motion.js.map +1 -0
- package/lib/commonjs/components/chart/palette.js +178 -0
- package/lib/commonjs/components/chart/palette.js.map +1 -0
- package/lib/commonjs/components/chart/size.js +34 -0
- package/lib/commonjs/components/chart/size.js.map +1 -0
- package/lib/commonjs/components/chart/ticks.js +59 -0
- package/lib/commonjs/components/chart/ticks.js.map +1 -0
- package/lib/commonjs/components/chart/types.js +6 -0
- package/lib/commonjs/components/chart/types.js.map +1 -0
- package/lib/commonjs/components/chart/useChartHostWidth.js +27 -0
- package/lib/commonjs/components/chart/useChartHostWidth.js.map +1 -0
- package/lib/commonjs/components/index.js +72 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/Accordion.figma.js +2 -2
- package/lib/commonjs/figma/Accordion.figma.js.map +1 -1
- package/lib/commonjs/figma/Alert.figma.js +7 -7
- package/lib/commonjs/figma/Alert.figma.js.map +1 -1
- package/lib/commonjs/figma/Badge.Indicator.figma.js +6 -5
- package/lib/commonjs/figma/Badge.Indicator.figma.js.map +1 -1
- package/lib/commonjs/figma/Badge.figma.js +22 -22
- package/lib/commonjs/figma/Badge.figma.js.map +1 -1
- package/lib/commonjs/figma/Button.figma.js +5 -2
- package/lib/commonjs/figma/Button.figma.js.map +1 -1
- package/lib/commonjs/figma/CLAUDE.md +1 -0
- package/lib/commonjs/figma/Card.Header.figma.js +8 -4
- package/lib/commonjs/figma/Card.Header.figma.js.map +1 -1
- package/lib/commonjs/figma/Card.figma.js +2 -1
- package/lib/commonjs/figma/Card.figma.js.map +1 -1
- package/lib/commonjs/figma/Chip.figma.js +2 -2
- package/lib/commonjs/figma/Chip.figma.js.map +1 -1
- package/lib/commonjs/figma/CurrencyInput.figma.js +1 -1
- package/lib/commonjs/figma/CurrencyInput.figma.js.map +1 -1
- package/lib/commonjs/figma/Dialog.figma.js +5 -2
- package/lib/commonjs/figma/Dialog.figma.js.map +1 -1
- package/lib/commonjs/figma/Divider.figma.js +1 -1
- package/lib/commonjs/figma/Divider.figma.js.map +1 -1
- package/lib/commonjs/figma/Drawer.figma.js +3 -3
- package/lib/commonjs/figma/Drawer.figma.js.map +1 -1
- package/lib/commonjs/figma/IconButton.figma.js +10 -4
- package/lib/commonjs/figma/IconButton.figma.js.map +1 -1
- package/lib/commonjs/figma/Input.figma.js +2 -1
- package/lib/commonjs/figma/Input.figma.js.map +1 -1
- package/lib/commonjs/figma/Insight.figma.js +3 -3
- package/lib/commonjs/figma/Insight.figma.js.map +1 -1
- package/lib/commonjs/figma/ProgressBar.figma.js +11 -2
- package/lib/commonjs/figma/ProgressBar.figma.js.map +1 -1
- package/lib/commonjs/figma/ProgressSegmented.figma.js +9 -1
- package/lib/commonjs/figma/ProgressSegmented.figma.js.map +1 -1
- package/lib/commonjs/figma/Select.figma.js +2 -1
- package/lib/commonjs/figma/Select.figma.js.map +1 -1
- package/lib/commonjs/figma/SystemAlert.Button.figma.js +28 -0
- package/lib/commonjs/figma/SystemAlert.Button.figma.js.map +1 -0
- package/lib/commonjs/figma/SystemAlert.Close.figma.js +22 -0
- package/lib/commonjs/figma/SystemAlert.Close.figma.js.map +1 -0
- package/lib/commonjs/figma/SystemAlert.Description.figma.js +20 -0
- package/lib/commonjs/figma/SystemAlert.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/SystemAlert.IconButton.figma.js +31 -0
- package/lib/commonjs/figma/SystemAlert.IconButton.figma.js.map +1 -0
- package/lib/commonjs/figma/SystemAlert.figma.js +47 -0
- package/lib/commonjs/figma/SystemAlert.figma.js.map +1 -0
- package/lib/commonjs/styles.css +0 -1
- package/lib/module/components/BarChart/geometry.js +1110 -0
- package/lib/module/components/BarChart/geometry.js.map +1 -0
- package/lib/module/components/BarChart/index.js +929 -0
- package/lib/module/components/BarChart/index.js.map +1 -0
- package/lib/module/components/BarChart/styles.js +22 -0
- package/lib/module/components/BarChart/styles.js.map +1 -0
- package/lib/module/components/Button/index.js +2 -2
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/CountryFlag/index.js +52 -0
- package/lib/module/components/CountryFlag/index.js.map +1 -0
- package/lib/module/components/Input/index.js.map +1 -1
- package/lib/module/components/LineChart/geometry.js +685 -0
- package/lib/module/components/LineChart/geometry.js.map +1 -0
- package/lib/module/components/LineChart/index.js +738 -0
- package/lib/module/components/LineChart/index.js.map +1 -0
- package/lib/module/components/LineChart/styles.js +21 -0
- package/lib/module/components/LineChart/styles.js.map +1 -0
- package/lib/module/components/PieChart/geometry.js +209 -0
- package/lib/module/components/PieChart/geometry.js.map +1 -0
- package/lib/module/components/PieChart/index.js +471 -0
- package/lib/module/components/PieChart/index.js.map +1 -0
- package/lib/module/components/PieChart/styles.js +84 -0
- package/lib/module/components/PieChart/styles.js.map +1 -0
- package/lib/module/components/ProgressBar/index.js +47 -15
- package/lib/module/components/ProgressBar/index.js.map +1 -1
- package/lib/module/components/ProgressBar/styles.js +31 -2
- package/lib/module/components/ProgressBar/styles.js.map +1 -1
- package/lib/module/components/ProgressCircle/ProgressCircleRing.js +10 -32
- package/lib/module/components/ProgressCircle/ProgressCircleRing.js.map +1 -1
- package/lib/module/components/ProgressCircle/ProgressRing.js +48 -0
- package/lib/module/components/ProgressCircle/ProgressRing.js.map +1 -0
- package/lib/module/components/ScrollShadow/useScrollShadow.js +8 -7
- package/lib/module/components/ScrollShadow/useScrollShadow.js.map +1 -1
- package/lib/module/components/Select/index.js.map +1 -1
- package/lib/module/components/Stepper/index.js +360 -0
- package/lib/module/components/Stepper/index.js.map +1 -0
- package/lib/module/components/Stepper/styles.js +206 -0
- package/lib/module/components/Stepper/styles.js.map +1 -0
- package/lib/module/components/Stepper/useStepperLabelFit.js +18 -0
- package/lib/module/components/Stepper/useStepperLabelFit.js.map +1 -0
- package/lib/module/components/Stepper/useStepperLabelFit.web.js +48 -0
- package/lib/module/components/Stepper/useStepperLabelFit.web.js.map +1 -0
- package/lib/module/components/Stepper/useStepperRingColors.js +28 -0
- package/lib/module/components/Stepper/useStepperRingColors.js.map +1 -0
- package/lib/module/components/SystemAlert/animation.js +213 -0
- package/lib/module/components/SystemAlert/animation.js.map +1 -0
- package/lib/module/components/SystemAlert/index.js +515 -0
- package/lib/module/components/SystemAlert/index.js.map +1 -0
- package/lib/module/components/SystemAlert/styles.js +174 -0
- package/lib/module/components/SystemAlert/styles.js.map +1 -0
- package/lib/module/components/SystemAlert/useSystemAlertStatusBarStyle.js +49 -0
- package/lib/module/components/SystemAlert/useSystemAlertStatusBarStyle.js.map +1 -0
- package/lib/module/components/Tabs/index.js +4 -0
- package/lib/module/components/Tabs/index.js.map +1 -1
- package/lib/module/components/Tabs/styles.js +1 -1
- package/lib/module/components/Tabs/styles.js.map +1 -1
- package/lib/module/components/chart/ChartInspector.js +600 -0
- package/lib/module/components/chart/ChartInspector.js.map +1 -0
- package/lib/module/components/chart/format.js +84 -0
- package/lib/module/components/chart/format.js.map +1 -0
- package/lib/module/components/chart/hiddenSvgProps.js +20 -0
- package/lib/module/components/chart/hiddenSvgProps.js.map +1 -0
- package/lib/module/components/chart/index.js +2 -0
- package/lib/module/components/chart/index.js.map +1 -0
- package/lib/module/components/chart/motion.js +89 -0
- package/lib/module/components/chart/motion.js.map +1 -0
- package/lib/module/components/chart/palette.js +168 -0
- package/lib/module/components/chart/palette.js.map +1 -0
- package/lib/module/components/chart/size.js +29 -0
- package/lib/module/components/chart/size.js.map +1 -0
- package/lib/module/components/chart/ticks.js +55 -0
- package/lib/module/components/chart/ticks.js.map +1 -0
- package/lib/module/components/chart/types.js +4 -0
- package/lib/module/components/chart/types.js.map +1 -0
- package/lib/module/components/chart/useChartHostWidth.js +23 -0
- package/lib/module/components/chart/useChartHostWidth.js.map +1 -0
- package/lib/module/components/index.js +6 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/Accordion.figma.js +2 -2
- package/lib/module/figma/Accordion.figma.js.map +1 -1
- package/lib/module/figma/Alert.figma.js +7 -7
- package/lib/module/figma/Alert.figma.js.map +1 -1
- package/lib/module/figma/Badge.Indicator.figma.js +6 -5
- package/lib/module/figma/Badge.Indicator.figma.js.map +1 -1
- package/lib/module/figma/Badge.figma.js +22 -22
- package/lib/module/figma/Badge.figma.js.map +1 -1
- package/lib/module/figma/Button.figma.js +5 -2
- package/lib/module/figma/Button.figma.js.map +1 -1
- package/lib/module/figma/CLAUDE.md +1 -0
- package/lib/module/figma/Card.Header.figma.js +8 -4
- package/lib/module/figma/Card.Header.figma.js.map +1 -1
- package/lib/module/figma/Card.figma.js +2 -1
- package/lib/module/figma/Card.figma.js.map +1 -1
- package/lib/module/figma/Chip.figma.js +2 -2
- package/lib/module/figma/Chip.figma.js.map +1 -1
- package/lib/module/figma/CurrencyInput.figma.js +1 -1
- package/lib/module/figma/CurrencyInput.figma.js.map +1 -1
- package/lib/module/figma/Dialog.figma.js +5 -2
- package/lib/module/figma/Dialog.figma.js.map +1 -1
- package/lib/module/figma/Divider.figma.js +1 -1
- package/lib/module/figma/Divider.figma.js.map +1 -1
- package/lib/module/figma/Drawer.figma.js +3 -3
- package/lib/module/figma/Drawer.figma.js.map +1 -1
- package/lib/module/figma/IconButton.figma.js +10 -4
- package/lib/module/figma/IconButton.figma.js.map +1 -1
- package/lib/module/figma/Input.figma.js +2 -1
- package/lib/module/figma/Input.figma.js.map +1 -1
- package/lib/module/figma/Insight.figma.js +3 -3
- package/lib/module/figma/Insight.figma.js.map +1 -1
- package/lib/module/figma/ProgressBar.figma.js +12 -2
- package/lib/module/figma/ProgressBar.figma.js.map +1 -1
- package/lib/module/figma/ProgressSegmented.figma.js +9 -1
- package/lib/module/figma/ProgressSegmented.figma.js.map +1 -1
- package/lib/module/figma/Select.figma.js +2 -1
- package/lib/module/figma/Select.figma.js.map +1 -1
- package/lib/module/figma/SystemAlert.Button.figma.js +22 -0
- package/lib/module/figma/SystemAlert.Button.figma.js.map +1 -0
- package/lib/module/figma/SystemAlert.Close.figma.js +18 -0
- package/lib/module/figma/SystemAlert.Close.figma.js.map +1 -0
- package/lib/module/figma/SystemAlert.Description.figma.js +14 -0
- package/lib/module/figma/SystemAlert.Description.figma.js.map +1 -0
- package/lib/module/figma/SystemAlert.IconButton.figma.js +25 -0
- package/lib/module/figma/SystemAlert.IconButton.figma.js.map +1 -0
- package/lib/module/figma/SystemAlert.figma.js +41 -0
- package/lib/module/figma/SystemAlert.figma.js.map +1 -0
- package/lib/module/styles.css +0 -1
- package/lib/typescript/components/BarChart/geometry.d.ts +236 -0
- package/lib/typescript/components/BarChart/geometry.d.ts.map +1 -0
- package/lib/typescript/components/BarChart/index.d.ts +193 -0
- package/lib/typescript/components/BarChart/index.d.ts.map +1 -0
- package/lib/typescript/components/BarChart/styles.d.ts +32 -0
- package/lib/typescript/components/BarChart/styles.d.ts.map +1 -0
- package/lib/typescript/components/CountryFlag/index.d.ts +35 -0
- package/lib/typescript/components/CountryFlag/index.d.ts.map +1 -0
- package/lib/typescript/components/Input/index.d.ts +2 -0
- package/lib/typescript/components/Input/index.d.ts.map +1 -1
- package/lib/typescript/components/LineChart/geometry.d.ts +248 -0
- package/lib/typescript/components/LineChart/geometry.d.ts.map +1 -0
- package/lib/typescript/components/LineChart/index.d.ts +105 -0
- package/lib/typescript/components/LineChart/index.d.ts.map +1 -0
- package/lib/typescript/components/LineChart/styles.d.ts +12 -0
- package/lib/typescript/components/LineChart/styles.d.ts.map +1 -0
- package/lib/typescript/components/PieChart/geometry.d.ts +43 -0
- package/lib/typescript/components/PieChart/geometry.d.ts.map +1 -0
- package/lib/typescript/components/PieChart/index.d.ts +147 -0
- package/lib/typescript/components/PieChart/index.d.ts.map +1 -0
- package/lib/typescript/components/PieChart/styles.d.ts +27 -0
- package/lib/typescript/components/PieChart/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressBar/index.d.ts +16 -1
- package/lib/typescript/components/ProgressBar/index.d.ts.map +1 -1
- package/lib/typescript/components/ProgressBar/styles.d.ts +7 -2
- package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts.map +1 -1
- package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts +17 -0
- package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts.map +1 -1
- package/lib/typescript/components/Select/index.d.ts +2 -0
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- package/lib/typescript/components/Stepper/index.d.ts +68 -0
- package/lib/typescript/components/Stepper/index.d.ts.map +1 -0
- package/lib/typescript/components/Stepper/styles.d.ts +46 -0
- package/lib/typescript/components/Stepper/styles.d.ts.map +1 -0
- package/lib/typescript/components/Stepper/useStepperLabelFit.d.ts +15 -0
- package/lib/typescript/components/Stepper/useStepperLabelFit.d.ts.map +1 -0
- package/lib/typescript/components/Stepper/useStepperLabelFit.web.d.ts +10 -0
- package/lib/typescript/components/Stepper/useStepperLabelFit.web.d.ts.map +1 -0
- package/lib/typescript/components/Stepper/useStepperRingColors.d.ts +6 -0
- package/lib/typescript/components/Stepper/useStepperRingColors.d.ts.map +1 -0
- package/lib/typescript/components/SystemAlert/animation.d.ts +56 -0
- package/lib/typescript/components/SystemAlert/animation.d.ts.map +1 -0
- package/lib/typescript/components/SystemAlert/index.d.ts +110 -0
- package/lib/typescript/components/SystemAlert/index.d.ts.map +1 -0
- package/lib/typescript/components/SystemAlert/styles.d.ts +38 -0
- package/lib/typescript/components/SystemAlert/styles.d.ts.map +1 -0
- package/lib/typescript/components/SystemAlert/useSystemAlertStatusBarStyle.d.ts +14 -0
- package/lib/typescript/components/SystemAlert/useSystemAlertStatusBarStyle.d.ts.map +1 -0
- package/lib/typescript/components/Tabs/index.d.ts.map +1 -1
- package/lib/typescript/components/chart/ChartInspector.d.ts +101 -0
- package/lib/typescript/components/chart/ChartInspector.d.ts.map +1 -0
- package/lib/typescript/components/chart/format.d.ts +16 -0
- package/lib/typescript/components/chart/format.d.ts.map +1 -0
- package/lib/typescript/components/chart/hiddenSvgProps.d.ts +17 -0
- package/lib/typescript/components/chart/hiddenSvgProps.d.ts.map +1 -0
- package/lib/typescript/components/chart/index.d.ts +3 -0
- package/lib/typescript/components/chart/index.d.ts.map +1 -0
- package/lib/typescript/components/chart/motion.d.ts +27 -0
- package/lib/typescript/components/chart/motion.d.ts.map +1 -0
- package/lib/typescript/components/chart/palette.d.ts +44 -0
- package/lib/typescript/components/chart/palette.d.ts.map +1 -0
- package/lib/typescript/components/chart/size.d.ts +25 -0
- package/lib/typescript/components/chart/size.d.ts.map +1 -0
- package/lib/typescript/components/chart/ticks.d.ts +3 -0
- package/lib/typescript/components/chart/ticks.d.ts.map +1 -0
- package/lib/typescript/components/chart/types.d.ts +163 -0
- package/lib/typescript/components/chart/types.d.ts.map +1 -0
- package/lib/typescript/components/chart/useChartHostWidth.d.ts +9 -0
- package/lib/typescript/components/chart/useChartHostWidth.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +6 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/Alert.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Badge.Indicator.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Badge.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Button.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Card.Header.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Card.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Dialog.figma.d.ts.map +1 -1
- package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Input.figma.d.ts.map +1 -1
- package/lib/typescript/figma/ProgressBar.figma.d.ts.map +1 -1
- package/lib/typescript/figma/ProgressSegmented.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Select.figma.d.ts.map +1 -1
- package/lib/typescript/figma/SystemAlert.Button.figma.d.ts +11 -0
- package/lib/typescript/figma/SystemAlert.Button.figma.d.ts.map +1 -0
- package/lib/typescript/figma/SystemAlert.Close.figma.d.ts +11 -0
- package/lib/typescript/figma/SystemAlert.Close.figma.d.ts.map +1 -0
- package/lib/typescript/figma/SystemAlert.Description.figma.d.ts +8 -0
- package/lib/typescript/figma/SystemAlert.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts +11 -0
- package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts.map +1 -0
- package/lib/typescript/figma/SystemAlert.figma.d.ts +8 -0
- package/lib/typescript/figma/SystemAlert.figma.d.ts.map +1 -0
- package/package.json +5 -5
- package/src/components/BarChart/geometry.ts +1469 -0
- package/src/components/BarChart/index.tsx +1417 -0
- package/src/components/BarChart/styles.ts +31 -0
- package/src/components/Button/index.tsx +1 -1
- package/src/components/CountryFlag/index.tsx +53 -0
- package/src/components/Input/index.tsx +2 -0
- package/src/components/LineChart/geometry.ts +957 -0
- package/src/components/LineChart/index.tsx +1106 -0
- package/src/components/LineChart/styles.ts +26 -0
- package/src/components/PieChart/geometry.ts +295 -0
- package/src/components/PieChart/index.tsx +715 -0
- package/src/components/PieChart/styles.ts +101 -0
- package/src/components/ProgressBar/index.tsx +66 -14
- package/src/components/ProgressBar/styles.ts +35 -4
- package/src/components/ProgressCircle/ProgressCircleRing.tsx +10 -39
- package/src/components/ProgressCircle/ProgressRing.tsx +60 -0
- package/src/components/ScrollShadow/useScrollShadow.ts +12 -11
- package/src/components/Select/index.tsx +2 -0
- package/src/components/Stepper/index.tsx +452 -0
- package/src/components/Stepper/styles.ts +234 -0
- package/src/components/Stepper/useStepperLabelFit.ts +21 -0
- package/src/components/Stepper/useStepperLabelFit.web.ts +53 -0
- package/src/components/Stepper/useStepperRingColors.ts +29 -0
- package/src/components/SystemAlert/animation.ts +252 -0
- package/src/components/SystemAlert/index.tsx +684 -0
- package/src/components/SystemAlert/styles.ts +212 -0
- package/src/components/SystemAlert/useSystemAlertStatusBarStyle.ts +57 -0
- package/src/components/Tabs/index.tsx +4 -0
- package/src/components/Tabs/styles.ts +1 -1
- package/src/components/chart/ChartInspector.tsx +726 -0
- package/src/components/chart/format.ts +95 -0
- package/src/components/chart/hiddenSvgProps.ts +15 -0
- package/src/components/chart/index.ts +24 -0
- package/src/components/chart/motion.ts +98 -0
- package/src/components/chart/palette.tsx +247 -0
- package/src/components/chart/size.ts +21 -0
- package/src/components/chart/ticks.ts +53 -0
- package/src/components/chart/types.ts +183 -0
- package/src/components/chart/useChartHostWidth.ts +26 -0
- package/src/components/index.ts +6 -0
- package/src/styles.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","severity","getEnum","danger","warning","success","info","
|
|
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";
|
|
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
|
-
|
|
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('
|
|
23
|
-
const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('
|
|
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","
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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/
|
|
25
|
-
//
|
|
26
|
-
//
|
|
27
|
-
const
|
|
28
|
-
|
|
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 =
|
|
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' ?
|
|
40
|
-
const iconResult = figmaVariant === 'icon' ?
|
|
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}
|
|
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","
|
|
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}"
|
|
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","
|
|
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
|
|
10
|
-
const
|
|
11
|
-
const
|
|
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
|
-
${
|
|
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","
|
|
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
|
|
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","
|
|
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
|
-
|
|
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
|
-
|
|
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","
|
|
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
|
-
|
|
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","
|
|
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
|
-
|
|
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
|
|
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","
|
|
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":[]}
|
|
@@ -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,
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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","
|
|
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
|
-
|
|
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}"
|
|
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","
|
|
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":[]}
|
|
@@ -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;
|
|
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('
|
|
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('
|
|
33
|
-
const showActions = isDetail && instance.getBoolean('
|
|
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,
|
|
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
|
|
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":[]}
|