@cdx-ui/components 0.3.6 → 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/docs/components/content.md +1 -0
- 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/progress-bar/content.md +164 -3
- package/docs/components/select/content.md +1 -0
- package/docs/foundations/expressions/icons/content.md +2 -1
- package/docs/getting-started/developers/content.md +1 -1
- package/docs/llms.txt +3 -0
- package/docs/patterns/insights/content.md +70 -1
- package/docs/resources/content.md +1 -0
- package/docs/resources/release-notes/0.3.6/content.md +29 -0
- package/docs/resources/release-notes/content.md +1 -0
- package/docs/resources/skills/content.md +66 -0
- package/lib/commonjs/components/BarChart/index.js +5 -12
- package/lib/commonjs/components/BarChart/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/index.js +3 -6
- package/lib/commonjs/components/LineChart/index.js.map +1 -1
- 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/Select/index.js.map +1 -1
- package/lib/commonjs/components/chart/hiddenSvgProps.js +23 -0
- package/lib/commonjs/components/chart/hiddenSvgProps.js.map +1 -0
- package/lib/commonjs/components/index.js +12 -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.figma.js +2 -3
- package/lib/commonjs/figma/SystemAlert.figma.js.map +1 -1
- package/lib/commonjs/styles.css +0 -1
- package/lib/module/components/BarChart/index.js +5 -12
- package/lib/module/components/BarChart/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/index.js +3 -6
- package/lib/module/components/LineChart/index.js.map +1 -1
- 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/Select/index.js.map +1 -1
- package/lib/module/components/chart/hiddenSvgProps.js +20 -0
- package/lib/module/components/chart/hiddenSvgProps.js.map +1 -0
- package/lib/module/components/index.js +1 -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.figma.js +2 -3
- package/lib/module/figma/SystemAlert.figma.js.map +1 -1
- package/lib/module/styles.css +0 -1
- package/lib/typescript/components/BarChart/index.d.ts.map +1 -1
- 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/index.d.ts.map +1 -1
- 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/Select/index.d.ts +2 -0
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- 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/index.d.ts +1 -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.figma.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/BarChart/index.tsx +5 -12
- package/src/components/CountryFlag/index.tsx +53 -0
- package/src/components/Input/index.tsx +2 -0
- package/src/components/LineChart/index.tsx +3 -6
- package/src/components/ProgressBar/index.tsx +66 -14
- package/src/components/ProgressBar/styles.ts +35 -4
- package/src/components/Select/index.tsx +2 -0
- package/src/components/chart/hiddenSvgProps.ts +15 -0
- package/src/components/index.ts +1 -0
- package/src/styles.css +0 -1
|
@@ -11,11 +11,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
11
11
|
// component=Accordion
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
|
-
const fullBleed = instance.getEnum('
|
|
14
|
+
const fullBleed = instance.getEnum('fullBleed', {
|
|
15
15
|
true: true,
|
|
16
16
|
false: undefined
|
|
17
17
|
});
|
|
18
|
-
const defaultValue = instance.getEnum('
|
|
18
|
+
const defaultValue = instance.getEnum('isOpen', {
|
|
19
19
|
true: 'item-1',
|
|
20
20
|
false: undefined
|
|
21
21
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","fullBleed","getEnum","true","false","undefined","defaultValue","isDisabled","showSeparator","getBoolean","showLeadingSlot","defaultValueProp","helpers","react","renderProp","fullBleedProp","disabledProp","showSeparatorProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Accordion.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","fullBleed","getEnum","true","false","undefined","defaultValue","isDisabled","showSeparator","getBoolean","showLeadingSlot","defaultValueProp","helpers","react","renderProp","fullBleedProp","disabledProp","showSeparatorProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Accordion.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,YAAY,GAAGR,QAAQ,CAACI,OAAO,CAAC,QAAQ,EAAE;EAC9CC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGT,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMG,aAAa,GAAGV,QAAQ,CAACW,UAAU,CAAC,eAAe,CAAC;AAC1D,MAAMC,eAAe,GAAGZ,QAAQ,CAACW,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAME,gBAAgB,GAAGZ,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAER,YAAY,CAAC;AACrF,MAAMS,aAAa,GAAGhB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEb,SAAS,CAAC;AAC5E,MAAMe,YAAY,GAAGjB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEP,UAAU,CAAC;AAC3E,MAAMU,iBAAiB,GAAGlB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CACtD,eAAe,EACfN,aAAa,GAAGH,SAAS,GAAG,KAC9B,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEa;EACbuB,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CACP,4DAA4D,EAC5D,yCAAyC,CAC1C;EACDC,OAAO,EAAEvB,cAAK,CAACwB,IAAI;AACrB,sCAAsCZ,gBAAgB;AACtD,kCAAkCI,aAAa,GAAGC,YAAY,GAAGC,iBAAiB;AAClF;AACA,QAAQP,eAAe,GAAGX,cAAK,CAACwB,IAAI,sEAAsE,GAAG,IAAI;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -17,11 +17,11 @@ const severity = instance.getEnum('severity', {
|
|
|
17
17
|
success: 'success',
|
|
18
18
|
info: 'info'
|
|
19
19
|
});
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
20
|
+
const showTitle = instance.getBoolean('Show Title?');
|
|
21
|
+
const titleInstance = instance.findInstance('Alert.Title');
|
|
22
|
+
const titleSnippet = showTitle && titleInstance?.type === 'INSTANCE' ? titleInstance.executeTemplate().example : null;
|
|
23
|
+
const descriptionInstance = instance.findInstance('Alert.Description');
|
|
24
|
+
const descriptionSnippet = descriptionInstance?.type === 'INSTANCE' ? descriptionInstance.executeTemplate().example : null;
|
|
25
25
|
const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
|
|
26
26
|
const trailingSlot = instance.getSlot('Alert.TrailingSlot');
|
|
27
27
|
const trailingChildren = showTrailingSlot && trailingSlot ? _figma.default.helpers.react.renderChildren(trailingSlot) : null;
|
|
@@ -31,8 +31,8 @@ var _default = exports.default = {
|
|
|
31
31
|
example: _figma.default.code`
|
|
32
32
|
<Alert severity="${severity}">
|
|
33
33
|
<Alert.Icon />
|
|
34
|
-
${
|
|
35
|
-
${
|
|
34
|
+
${titleSnippet}
|
|
35
|
+
${descriptionSnippet}
|
|
36
36
|
${trailingChildren ? _figma.default.code`
|
|
37
37
|
<Alert.Actions>
|
|
38
38
|
${trailingChildren}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","severity","getEnum","danger","warning","success","info","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","severity","getEnum","danger","warning","success","info","showTitle","getBoolean","titleInstance","findInstance","titleSnippet","type","executeTemplate","example","descriptionInstance","descriptionSnippet","showTrailingSlot","trailingSlot","getSlot","trailingChildren","helpers","react","renderChildren","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Alert.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,QAAQ,GAAGH,QAAQ,CAACI,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,GAAGT,QAAQ,CAACU,UAAU,CAAC,aAAa,CAAC;AAEpD,MAAMC,aAAa,GAAGX,QAAQ,CAACY,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,GAAGjB,QAAQ,CAACY,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,GAAGnB,QAAQ,CAACU,UAAU,CAAC,oBAAoB,CAAC;AAClE,MAAMU,YAAY,GAAGpB,QAAQ,CAACqB,OAAO,CAAC,oBAAoB,CAAC;AAC3D,MAAMC,gBAAgB,GACpBH,gBAAgB,IAAIC,YAAY,GAAGnB,cAAK,CAACsB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAE9E;EACb6B,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDb,OAAO,EAAEf,cAAK,CAAC6B,IAAI;AACrB,mBAAmB3B,QAAQ;AAC3B;AACA,IAAIU,YAAY;AAChB,IAAIK,kBAAkB;AACtB,IACII,gBAAgB,GACZrB,cAAK,CAAC6B,IAAI;AAClB;AACA,MAAMR,gBAAgB;AACtB,mBAAmB,GACX,IAAI;AACZ;AAEA,CAAC","ignoreList":[]}
|
|
@@ -12,11 +12,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
14
|
|
|
15
|
-
// Figma variant → code: dot → "dot";
|
|
15
|
+
// Figma variant → code: dot → "dot"; default and default (icon) → "default" (omitted; the
|
|
16
|
+
// `label` or `icon` prop differentiates them).
|
|
16
17
|
const figmaVariant = instance.getEnum('variant', {
|
|
17
|
-
|
|
18
|
+
default: 'number',
|
|
18
19
|
dot: 'dot',
|
|
19
|
-
icon: 'icon'
|
|
20
|
+
'default (icon)': 'icon'
|
|
20
21
|
});
|
|
21
22
|
const color = instance.getEnum('color', {
|
|
22
23
|
action: 'action',
|
|
@@ -25,8 +26,8 @@ const color = instance.getEnum('color', {
|
|
|
25
26
|
success: 'success',
|
|
26
27
|
info: 'info'
|
|
27
28
|
});
|
|
28
|
-
const labelText = figmaVariant === 'number' ? instance.getString('
|
|
29
|
-
const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('
|
|
29
|
+
const labelText = figmaVariant === 'number' ? instance.getString('label') : undefined;
|
|
30
|
+
const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('icon')?.executeTemplate() : undefined;
|
|
30
31
|
const iconName = iconResult?.metadata?.props?.componentName;
|
|
31
32
|
const iconSnippet = iconName ?? iconResult?.example;
|
|
32
33
|
const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","figmaVariant","getEnum","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","figmaVariant","getEnum","dot","color","action","danger","warning","success","info","labelText","getString","undefined","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","variantProp","code","labelProp","iconProp","_default","exports","id","imports","nestable"],"sourceRoot":"../../../src","sources":["figma/Badge.Indicator.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA,MAAMC,YAAY,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC/CL,OAAO,EAAE,QAAQ;EACjBM,GAAG,EAAE,KAAK;EACV,gBAAgB,EAAE;AACpB,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGN,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCG,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGT,YAAY,KAAK,QAAQ,GAAGH,QAAQ,CAACa,SAAS,CAAC,OAAO,CAAC,GAAGC,SAAS;AAErF,MAAMC,UAAU,GACdZ,YAAY,KAAK,MAAM,GAAGH,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,GAAGtB,YAAY,KAAK,KAAK,GAAGF,cAAK,CAACyB,IAAI,gBAAgB,GAAG,EAAE;AAC5E,MAAMC,SAAS,GAAGf,SAAS,GAAGX,cAAK,CAACyB,IAAI,WAAWd,SAAS,GAAG,GAAG,EAAE;AACpE,MAAMgB,QAAQ,GAAGzB,YAAY,KAAK,MAAM,GAAGF,cAAK,CAACyB,IAAI,UAAUJ,WAAW,GAAG,GAAG,EAAE;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEpE;EACbgC,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,4CAA4C,EAAE,GAAGR,WAAW,CAAC;EACvEL,QAAQ,EAAE;IAAEc,QAAQ,EAAE;EAAK,CAAC;EAC5BV,OAAO,EAAEtB,cAAK,CAACyB,IAAI;AACrB,QAAQD,WAAW,WAAWnB,KAAK,IAAIqB,SAAS,GAAGC,QAAQ;AAC3D,CAAC","ignoreList":[]}
|
|
@@ -11,39 +11,36 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
11
11
|
// component=Badge
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
topLeft: 'top-start',
|
|
20
|
-
bottomRight: 'bottom-end',
|
|
21
|
-
bottomLeft: 'bottom-start'
|
|
14
|
+
const placement = instance.getEnum('placement', {
|
|
15
|
+
'top-end': 'top-end',
|
|
16
|
+
'top-start': 'top-start',
|
|
17
|
+
'bottom-end': 'bottom-end',
|
|
18
|
+
'bottom-start': 'bottom-start'
|
|
22
19
|
});
|
|
23
|
-
|
|
24
|
-
// overlap: 1:1.
|
|
25
20
|
const overlap = instance.getEnum('overlap', {
|
|
26
21
|
rectangular: 'rectangular',
|
|
27
22
|
circular: 'circular'
|
|
28
23
|
});
|
|
29
24
|
|
|
30
|
-
// variant/color/
|
|
31
|
-
//
|
|
32
|
-
//
|
|
33
|
-
const
|
|
34
|
-
|
|
25
|
+
// variant/color/label/icon live on the nested Badge.Indicator instance.
|
|
26
|
+
// Figma variant → code: dot → "dot"; default and default (icon) → "default" (omitted; the
|
|
27
|
+
// `label` or `icon` prop differentiates them).
|
|
28
|
+
const indicator = instance.findInstance('Badge.Indicator');
|
|
29
|
+
const hasIndicator = indicator.type === 'INSTANCE';
|
|
30
|
+
const figmaVariant = hasIndicator ? indicator.getEnum('variant', {
|
|
31
|
+
default: 'number',
|
|
35
32
|
dot: 'dot',
|
|
36
|
-
icon: 'icon'
|
|
37
|
-
});
|
|
38
|
-
const color =
|
|
33
|
+
'default (icon)': 'icon'
|
|
34
|
+
}) : undefined;
|
|
35
|
+
const color = hasIndicator ? indicator.getEnum('color', {
|
|
39
36
|
action: 'action',
|
|
40
37
|
danger: 'danger',
|
|
41
38
|
warning: 'warning',
|
|
42
39
|
success: 'success',
|
|
43
40
|
info: 'info'
|
|
44
|
-
});
|
|
45
|
-
const labelText = figmaVariant === 'number' ?
|
|
46
|
-
const iconResult = figmaVariant === 'icon' ?
|
|
41
|
+
}) : undefined;
|
|
42
|
+
const labelText = hasIndicator && figmaVariant === 'number' ? indicator.getString('label') : undefined;
|
|
43
|
+
const iconResult = hasIndicator && figmaVariant === 'icon' ? indicator.getInstanceSwap('icon')?.executeTemplate() : undefined;
|
|
47
44
|
const iconName = iconResult?.metadata?.props?.componentName;
|
|
48
45
|
const iconSnippet = iconName ?? iconResult?.example;
|
|
49
46
|
const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
|
|
@@ -52,13 +49,16 @@ const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] :
|
|
|
52
49
|
const variantProp = figmaVariant === 'dot' ? _figma.default.code` variant="dot"` : '';
|
|
53
50
|
const labelProp = labelText ? _figma.default.code` label="${labelText}"` : '';
|
|
54
51
|
const iconProp = figmaVariant === 'icon' ? _figma.default.code` icon={${iconSnippet}}` : '';
|
|
52
|
+
const colorProp = _figma.default.helpers.react.renderProp('color', color);
|
|
53
|
+
const placementProp = _figma.default.helpers.react.renderProp('placement', placement);
|
|
54
|
+
const overlapProp = _figma.default.helpers.react.renderProp('overlap', overlap);
|
|
55
55
|
const childrenSlot = instance.getSlot('children');
|
|
56
56
|
const children = childrenSlot ? _figma.default.helpers.react.renderChildren(childrenSlot) : null;
|
|
57
57
|
var _default = exports.default = {
|
|
58
58
|
id: 'badge',
|
|
59
59
|
imports: ["import { Badge } from '@cdx-ui/components'", ...iconImports],
|
|
60
60
|
example: _figma.default.code`
|
|
61
|
-
<Badge${variantProp}
|
|
61
|
+
<Badge${variantProp}${colorProp}${placementProp}${overlapProp}${labelProp}${iconProp}>
|
|
62
62
|
${children}
|
|
63
63
|
</Badge>`
|
|
64
64
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","placement","getEnum","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","placement","getEnum","overlap","rectangular","circular","indicator","findInstance","hasIndicator","type","figmaVariant","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","_default","exports","id","imports"],"sourceRoot":"../../../src","sources":["figma/Badge.figma.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,7 +18,9 @@ const variant = instance.getEnum('variant', {
|
|
|
18
18
|
});
|
|
19
19
|
const color = instance.getEnum('color', {
|
|
20
20
|
action: 'action',
|
|
21
|
-
danger: 'danger'
|
|
21
|
+
danger: 'danger',
|
|
22
|
+
// No code equivalent: Button has no `inherit` color, so the prop is omitted.
|
|
23
|
+
inherit: undefined
|
|
22
24
|
});
|
|
23
25
|
const size = instance.getEnum('size', {
|
|
24
26
|
default: 'default',
|
|
@@ -30,6 +32,7 @@ const isDisabled = instance.getEnum('isDisabled', {
|
|
|
30
32
|
true: true,
|
|
31
33
|
false: undefined
|
|
32
34
|
});
|
|
35
|
+
const colorProp = _figma.default.helpers.react.renderProp('color', color);
|
|
33
36
|
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
34
37
|
const showLeadingIcon = instance.getBoolean('Show Leading Icon?');
|
|
35
38
|
const showTrailingIcon = instance.getBoolean('Show Trailing Icon?');
|
|
@@ -57,7 +60,7 @@ var _default = exports.default = {
|
|
|
57
60
|
id: 'button',
|
|
58
61
|
imports: ["import { Button } from '@cdx-ui/components'", ...iconImports],
|
|
59
62
|
example: _figma.default.code`
|
|
60
|
-
<Button variant="${variant}"
|
|
63
|
+
<Button variant="${variant}"${colorProp} size="${size}"${isDisabledProp}>
|
|
61
64
|
${showLeadingIcon ? _figma.default.code`<Button.Icon as={${leadingIconSnippet}} />` : null}
|
|
62
65
|
<Button.Label>${label}</Button.Label>
|
|
63
66
|
${showTrailingIcon ? _figma.default.code`<Button.Icon as={${trailingIconSnippet}} />` : null}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","small","isDisabled","true","false","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","inherit","undefined","size","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":"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","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
|
|
@@ -12,17 +12,21 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
14
|
const title = instance.findText('{Title}').textContent;
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
15
|
+
const showLeadingSlot = instance.getBoolean('Show Leading Slot?');
|
|
16
|
+
const leadingSlot = showLeadingSlot ? instance.getSlot('Card.Header.LeadingSlot') : undefined;
|
|
17
|
+
const leadingChildren = leadingSlot ? _figma.default.helpers.react.renderChildren(leadingSlot) : null;
|
|
18
|
+
const showTrailingSlot = instance.getBoolean('Show Trailing Slot?');
|
|
19
|
+
const trailingSlot = showTrailingSlot ? instance.getSlot('Card.Header.TrailingSlot') : undefined;
|
|
20
|
+
const trailingChildren = trailingSlot ? _figma.default.helpers.react.renderChildren(trailingSlot) : null;
|
|
18
21
|
var _default = exports.default = {
|
|
19
22
|
id: 'card-header',
|
|
20
23
|
// Must match Card.figma.ts when the card nests this template (identical strings → deduped imports).
|
|
21
24
|
imports: ["import { Card, Heading } from '@cdx-ui/components'"],
|
|
22
25
|
example: _figma.default.code`
|
|
23
26
|
<Card.Header>
|
|
27
|
+
${leadingChildren}
|
|
24
28
|
<Heading size="sm">${title}</Heading>
|
|
25
|
-
${
|
|
29
|
+
${trailingChildren}
|
|
26
30
|
</Card.Header>`
|
|
27
31
|
};
|
|
28
32
|
//# sourceMappingURL=Card.Header.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","title","findText","textContent","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","title","findText","textContent","showLeadingSlot","getBoolean","leadingSlot","getSlot","undefined","leadingChildren","helpers","react","renderChildren","showTrailingSlot","trailingSlot","trailingChildren","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Card.Header.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,KAAK,GAAIH,QAAQ,CAACI,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,eAAe,GAAGN,QAAQ,CAACO,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,WAAW,GAAGF,eAAe,GAAGN,QAAQ,CAACS,OAAO,CAAC,yBAAyB,CAAC,GAAGC,SAAS;AAC7F,MAAMC,eAAe,GAAGH,WAAW,GAAGP,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,gBAAgB,GAAGf,QAAQ,CAACO,UAAU,CAAC,qBAAqB,CAAC;AACnE,MAAMS,YAAY,GAAGD,gBAAgB,GAAGf,QAAQ,CAACS,OAAO,CAAC,0BAA0B,CAAC,GAAGC,SAAS;AAChG,MAAMO,gBAAgB,GAAGD,YAAY,GAAGf,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,cAAc,CAACE,YAAY,CAAC,GAAG,IAAI;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEjF;EACbqB,EAAE,EAAE,aAAa;EACjB;EACAC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAErB,cAAK,CAACsB,IAAI;AACrB;AACA,IAAIZ,eAAe;AACnB,uBAAuBR,KAAK;AAC5B,IAAIc,gBAAgB;AACpB;AACA,CAAC","ignoreList":[]}
|
|
@@ -17,6 +17,7 @@ const fullBleed = instance.getEnum('fullBleed', {
|
|
|
17
17
|
true: true,
|
|
18
18
|
false: undefined
|
|
19
19
|
});
|
|
20
|
+
const fullBleedProp = _figma.default.helpers.react.renderProp('fullBleed', fullBleed);
|
|
20
21
|
const showHeader = instance.getBoolean('Show Header?');
|
|
21
22
|
const showFooter = instance.getBoolean('Show Footer?');
|
|
22
23
|
const stripeLayer = instance.findInstance('Card.Stripe');
|
|
@@ -35,7 +36,7 @@ var _default = exports.default = {
|
|
|
35
36
|
id: 'card',
|
|
36
37
|
imports: [componentImport],
|
|
37
38
|
example: _figma.default.code`
|
|
38
|
-
<Card
|
|
39
|
+
<Card${fullBleedProp}>
|
|
39
40
|
${showStripe ? _figma.default.code`<Card.Stripe />` : null}
|
|
40
41
|
${headerSnippet}
|
|
41
42
|
<Card.Content>${contentChildren}</Card.Content>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","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","_interopRequireDefault","require","e","__esModule","default","instance","figma","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAE5E,MAAMS,UAAU,GAAGZ,QAAQ,CAACa,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGd,QAAQ,CAACa,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGf,QAAQ,CAACgB,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,UAAU,GAAGF,WAAW,EAAEG,IAAI,KAAK,UAAU;AAEnD,MAAMC,WAAW,GAAGnB,QAAQ,CAACgB,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,GAAGvB,QAAQ,CAACwB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGzB,QAAQ,CAACwB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGtB,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACiB,cAAc,CAACJ,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMK,cAAc,GAAGH,UAAU,GAAGxB,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACiB,cAAc,CAACF,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMI,eAAe,GAAGjB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEjC;EACbiC,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACJ,eAAe,CAAC;EAC1BP,OAAO,EAAErB,cAAK,CAACiC,IAAI;AACrB,OAAO1B,aAAa;AACpB,IAAIS,UAAU,GAAGhB,cAAK,CAACiC,IAAI,iBAAiB,GAAG,IAAI;AACnD,IAAId,aAAa;AACjB,kBAAkBM,eAAe;AACjC,IAAIZ,UAAU,GAAGb,cAAK,CAACiC,IAAI,gBAAgBN,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
14
|
const variant = instance.getEnum('variant', {
|
|
15
|
-
|
|
15
|
+
subtle: 'subtle',
|
|
16
16
|
outline: 'outline'
|
|
17
17
|
});
|
|
18
18
|
const size = instance.getEnum('size', {
|
|
@@ -21,7 +21,7 @@ const size = instance.getEnum('size', {
|
|
|
21
21
|
xsmall: 'xsmall'
|
|
22
22
|
});
|
|
23
23
|
const color = instance.getEnum('color', {
|
|
24
|
-
|
|
24
|
+
neutral: 'neutral',
|
|
25
25
|
action: 'action',
|
|
26
26
|
danger: 'danger',
|
|
27
27
|
warning: 'warning',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","subtle","outline","size","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Chip.figma.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -17,7 +17,7 @@ const instance = _figma.default.selectedInstance;
|
|
|
17
17
|
// equivalent, so the snippet flags it rather than substituting another component.
|
|
18
18
|
// `Viewport` only previews responsive type sizes.
|
|
19
19
|
const variant = instance.getEnum('variant', {
|
|
20
|
-
|
|
20
|
+
outline: 'outline',
|
|
21
21
|
hero: 'ghost'
|
|
22
22
|
});
|
|
23
23
|
const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","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","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/CurrencyInput.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,gBAAgB,GAAGP,QAAQ,CAACQ,UAAU,CAAC,oBAAoB,CAAC;AAElE,MAAMC,SAAS,GAAGT,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGb,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGd,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDM,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,cAAc,GAAGf,QAAQ,CAACgB,SAAS,CAAC,gBAAgB,CAAC;AAC3D,MAAMC,MAAM,GAAGC,MAAM,CAAClB,QAAQ,CAACgB,SAAS,CAAC,OAAO,CAAC,CAACG,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAE1E,MAAMC,WAAW,GAAGnB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAChD,SAAS,EACTpB,OAAO,KAAK,SAAS,GAAGA,OAAO,GAAGS,SACpC,CAAC;AACD,MAAMY,SAAS,GAAGvB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEL,MAAM,CAACO,QAAQ,CAACR,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC,CAAC;AAC/F,MAAMS,kBAAkB,GAAGzB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CACvD,gBAAgB,EAChBR,cAAc,KAAK,GAAG,GAAGH,SAAS,GAAGG,cACvC,CAAC;AACD,MAAMY,aAAa,GAAG1B,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEd,SAAS,CAAC;AAC5E,MAAMmB,cAAc,GAAG3B,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAC/E,MAAMgB,cAAc,GAAG5B,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAET,UAAU,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEjE;EACbiC,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEjC,cAAK,CAACkC,IAAI;AACrB,EAAE5B,gBAAgB,GAAGN,cAAK,CAACkC,IAAI,kEAAkE,GAAG,IAAI;AACxG;AACA,+BAA+Bf,WAAW,GAAGI,SAAS,GAAGE,kBAAkB,GAAGC,aAAa,GAAGC,cAAc,GAAGC,cAAc;AAC7H;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -17,7 +17,9 @@ const size = instance.getEnum('size', {
|
|
|
17
17
|
md: 'md',
|
|
18
18
|
lg: 'lg',
|
|
19
19
|
xl: 'xl',
|
|
20
|
-
|
|
20
|
+
// No code equivalent: Dialog has no `2xl` size, so the prop is omitted.
|
|
21
|
+
'2xl': undefined,
|
|
22
|
+
cover: 'full'
|
|
21
23
|
});
|
|
22
24
|
|
|
23
25
|
// Boolean-as-variant: fullBleed is a VARIANT property with "true"/"false" string values.
|
|
@@ -26,6 +28,7 @@ const fullBleed = instance.getEnum('fullBleed', {
|
|
|
26
28
|
true: true,
|
|
27
29
|
false: undefined
|
|
28
30
|
});
|
|
31
|
+
const sizeProp = _figma.default.helpers.react.renderProp('size', size);
|
|
29
32
|
const fullBleedProp = _figma.default.helpers.react.renderProp('fullBleed', fullBleed);
|
|
30
33
|
|
|
31
34
|
// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
|
|
@@ -39,7 +42,7 @@ var _default = exports.default = {
|
|
|
39
42
|
id: 'dialog',
|
|
40
43
|
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
41
44
|
example: _figma.default.code`
|
|
42
|
-
<Dialog
|
|
45
|
+
<Dialog${sizeProp}${fullBleedProp}>
|
|
43
46
|
<Dialog.Trigger>{/* Trigger */}</Dialog.Trigger>
|
|
44
47
|
<Dialog.Popup>
|
|
45
48
|
${headerSnippet}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","xs","sm","md","lg","xl","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,IAAI,GAAGH,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACR;EACA,KAAK,EAAEC,SAAS;EAChBC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,SAAS,GAAGZ,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CS,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEJ;AACT,CAAC,CAAC;AACF,MAAMK,QAAQ,GAAGd,cAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAEf,IAAI,CAAC;AAC7D,MAAMgB,aAAa,GAAGlB,cAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEN,SAAS,CAAC;;AAE5E;AACA,MAAMQ,cAAc,GAAGpB,QAAQ,CAACqB,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,GAAG1B,QAAQ,CAAC2B,OAAO,CAAC,gBAAgB,CAAC;AACtD,MAAMC,eAAe,GAAGF,WAAW,GAAGzB,cAAK,CAACe,OAAO,CAACC,KAAK,CAACY,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,cAAc,GAAG9B,QAAQ,CAACqB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMU,aAAa,GACjBD,cAAc,CAACP,IAAI,KAAK,UAAU,GAAGO,cAAc,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAExE;EACbmC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDV,OAAO,EAAExB,cAAK,CAACmC,IAAI;AACrB,SAASrB,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","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","orientation","getEnum","horizontal","vertical","hasChild","true","false","verticalProp","helpers","react","renderProp","undefined","label","findText","textContent","labelBlock","code","_default","exports","id","imports","example"],"sourceRoot":"../../../src","sources":["figma/Divider.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,WAAW,GAAGH,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAClDC,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGP,QAAQ,CAACI,OAAO,CAAC,
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","orientation","getEnum","horizontal","vertical","hasChild","true","false","verticalProp","helpers","react","renderProp","undefined","label","findText","textContent","labelBlock","code","_default","exports","id","imports","example"],"sourceRoot":"../../../src","sources":["figma/Divider.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,WAAW,GAAGH,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAClDC,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGP,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAC9CI,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGT,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CACjD,UAAU,EACVV,WAAW,KAAK,UAAU,GAAG,IAAI,GAAGW,SACtC,CAAC;AAED,MAAMC,KAAK,GAAIf,QAAQ,CAACgB,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,UAAU,GACdX,QAAQ,KAAK,MAAM,GACfN,cAAK,CAACkB,IAAI;AAChB,mBAAmBJ,KAAK,kBAAkB,GACpCd,cAAK,CAACkB,IAAI,EAAE;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEJ;EACbuB,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDC,OAAO,EAAEvB,cAAK,CAACkB,IAAI,WAAWT,YAAY,IAAIQ,UAAU;AAC1D;AACA,CAAC","ignoreList":[]}
|
|
@@ -12,9 +12,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
14
|
const size = instance.getEnum('size', {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
small: 'small',
|
|
16
|
+
default: 'default',
|
|
17
|
+
large: 'large'
|
|
18
18
|
});
|
|
19
19
|
const variant = instance.getEnum('variant', {
|
|
20
20
|
permanent: 'permanent',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","small","large","variant","permanent","modal","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,IAAI,GAAGH,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCC,KAAK,EAAE,OAAO;EACdN,OAAO,EAAE,SAAS;EAClBO,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAGP,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CI,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,GAAGf,cAAK,CAACkB,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;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAExE;EACb2B,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDZ,OAAO,EAAEd,cAAK,CAAC2B,IAAI;AACrB,mBAAmBrB,OAAO,WAAWJ,IAAI;AACzC,IAAIS,aAAa;AACjB,oBAAoBM,eAAe;AACnC,IAAIK,aAAa;AACjB;AACA,CAAC","ignoreList":[]}
|
|
@@ -13,17 +13,21 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
14
|
const variant = instance.getEnum('variant', {
|
|
15
15
|
solid: 'solid',
|
|
16
|
-
|
|
16
|
+
subtle: 'subtle',
|
|
17
17
|
ghost: 'ghost'
|
|
18
18
|
});
|
|
19
19
|
const color = instance.getEnum('color', {
|
|
20
20
|
neutral: 'neutral',
|
|
21
21
|
action: 'action',
|
|
22
|
-
danger: 'danger'
|
|
22
|
+
danger: 'danger',
|
|
23
|
+
// No code equivalent: IconButton has no `inherit` color, so the prop is omitted.
|
|
24
|
+
inherit: undefined
|
|
23
25
|
});
|
|
24
26
|
const size = instance.getEnum('size', {
|
|
25
27
|
default: 'default',
|
|
26
|
-
small: 'small'
|
|
28
|
+
small: 'small',
|
|
29
|
+
// No code equivalent: IconButton has no `xsmall` size, so the prop is omitted.
|
|
30
|
+
xsmall: undefined
|
|
27
31
|
});
|
|
28
32
|
|
|
29
33
|
// Enum-as-boolean: isDisabled is a VARIANT property in Figma ("true"/"false").
|
|
@@ -31,6 +35,8 @@ const isDisabled = instance.getEnum('isDisabled', {
|
|
|
31
35
|
true: true,
|
|
32
36
|
false: undefined
|
|
33
37
|
});
|
|
38
|
+
const colorProp = _figma.default.helpers.react.renderProp('color', color);
|
|
39
|
+
const sizeProp = _figma.default.helpers.react.renderProp('size', size);
|
|
34
40
|
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
35
41
|
|
|
36
42
|
// icon: INSTANCE_SWAP → IconButton `as` (ForgeIcon). Prefer metadata.props.componentName from icon Code Connect.
|
|
@@ -42,6 +48,6 @@ var _default = exports.default = {
|
|
|
42
48
|
id: 'icon-button',
|
|
43
49
|
imports: ["import { IconButton } from '@cdx-ui/components'", ...iconImports],
|
|
44
50
|
example: _figma.default.code`
|
|
45
|
-
<IconButton as={${iconSnippet}} variant="${variant}"
|
|
51
|
+
<IconButton as={${iconSnippet}} variant="${variant}"${colorProp}${sizeProp}${isDisabledProp} />`
|
|
46
52
|
};
|
|
47
53
|
//# sourceMappingURL=IconButton.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","subtle","ghost","color","neutral","action","danger","inherit","undefined","size","small","xsmall","isDisabled","true","false","colorProp","helpers","react","renderProp","sizeProp","isDisabledProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/IconButton.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChB;EACAC,OAAO,EAAEC;AACX,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGd,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBgB,KAAK,EAAE,OAAO;EACd;EACAC,MAAM,EAAEH;AACV,CAAC,CAAC;;AAEF;AACA,MAAMI,UAAU,GAAGjB,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDc,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEN;AACT,CAAC,CAAC;AACF,MAAMO,SAAS,GAAGnB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEf,KAAK,CAAC;AAChE,MAAMgB,QAAQ,GAAGvB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,MAAM,EAAET,IAAI,CAAC;AAC7D,MAAMW,cAAc,GAAGxB,cAAK,CAACoB,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;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GAErE;EACbuC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,iDAAiD,EAAE,GAAGJ,WAAW,CAAC;EAC5ED,OAAO,EAAEjC,cAAK,CAACuC,IAAI;AACrB,kBAAkBP,WAAW,cAAc9B,OAAO,IAAIiB,SAAS,GAAGI,QAAQ,GAAGC,cAAc;AAC3F,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","size","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","defaultValueProp","placeholderProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Input.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGN,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE;
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","size","small","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","defaultValueProp","placeholderProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Input.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGN,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBQ,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGR,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGZ,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGhB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGlB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGnB,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DK,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,GAAGzB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAG1B,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEa;EACb+B,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAE/B,cAAK,CAACgC,IAAI;AACrB,kBAAkB9B,OAAO,WAAWG,IAAI,IAAIO,aAAa,GAAGI,cAAc;AAC1E,gBAAgBS,gBAAgB,GAAGC,eAAe;AAClD;AACA,CAAC","ignoreList":[]}
|