@cdx-ui/components 0.0.1-beta.51 → 0.0.1-beta.52
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/lib/commonjs/components/AlertDialog/index.js +4 -3
- package/lib/commonjs/components/AlertDialog/index.js.map +1 -1
- package/lib/commonjs/components/Dialog/index.js +71 -16
- package/lib/commonjs/components/Dialog/index.js.map +1 -1
- package/lib/commonjs/components/Dialog/styles.js +60 -14
- package/lib/commonjs/components/Dialog/styles.js.map +1 -1
- package/lib/commonjs/figma/AlertDialog.Description.figma.js +20 -0
- package/lib/commonjs/figma/AlertDialog.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Footer.figma.js +41 -0
- package/lib/commonjs/figma/AlertDialog.Footer.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Header.figma.js +28 -0
- package/lib/commonjs/figma/AlertDialog.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Text.figma.js +20 -0
- package/lib/commonjs/figma/AlertDialog.Text.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Title.figma.js +27 -0
- package/lib/commonjs/figma/AlertDialog.Title.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.figma.js +43 -0
- package/lib/commonjs/figma/AlertDialog.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Description.figma.js +20 -0
- package/lib/commonjs/figma/Dialog.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Footer.figma.js +30 -0
- package/lib/commonjs/figma/Dialog.Footer.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Header.figma.js +29 -0
- package/lib/commonjs/figma/Dialog.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Text.figma.js +20 -0
- package/lib/commonjs/figma/Dialog.Text.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.Title.figma.js +27 -0
- package/lib/commonjs/figma/Dialog.Title.figma.js.map +1 -0
- package/lib/commonjs/figma/Dialog.figma.js +51 -0
- package/lib/commonjs/figma/Dialog.figma.js.map +1 -0
- package/lib/module/components/AlertDialog/index.js +4 -3
- package/lib/module/components/AlertDialog/index.js.map +1 -1
- package/lib/module/components/Dialog/index.js +74 -19
- package/lib/module/components/Dialog/index.js.map +1 -1
- package/lib/module/components/Dialog/styles.js +60 -14
- package/lib/module/components/Dialog/styles.js.map +1 -1
- package/lib/module/figma/AlertDialog.Description.figma.js +14 -0
- package/lib/module/figma/AlertDialog.Description.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Footer.figma.js +35 -0
- package/lib/module/figma/AlertDialog.Footer.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Header.figma.js +22 -0
- package/lib/module/figma/AlertDialog.Header.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Text.figma.js +14 -0
- package/lib/module/figma/AlertDialog.Text.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Title.figma.js +21 -0
- package/lib/module/figma/AlertDialog.Title.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.figma.js +37 -0
- package/lib/module/figma/AlertDialog.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Description.figma.js +14 -0
- package/lib/module/figma/Dialog.Description.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Footer.figma.js +24 -0
- package/lib/module/figma/Dialog.Footer.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Header.figma.js +23 -0
- package/lib/module/figma/Dialog.Header.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Text.figma.js +14 -0
- package/lib/module/figma/Dialog.Text.figma.js.map +1 -0
- package/lib/module/figma/Dialog.Title.figma.js +21 -0
- package/lib/module/figma/Dialog.Title.figma.js.map +1 -0
- package/lib/module/figma/Dialog.figma.js +45 -0
- package/lib/module/figma/Dialog.figma.js.map +1 -0
- package/lib/typescript/components/AlertDialog/index.d.ts +3 -2
- package/lib/typescript/components/AlertDialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts +4 -4
- package/lib/typescript/components/Dialog/index.d.ts +16 -10
- package/lib/typescript/components/Dialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/styles.d.ts +16 -5
- package/lib/typescript/components/Dialog/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts +1 -1
- package/lib/typescript/components/Stack/styles.d.ts +2 -2
- package/lib/typescript/components/Text/styles.d.ts +1 -1
- package/lib/typescript/figma/AlertDialog.Description.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Footer.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Footer.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Text.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Text.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.Title.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.Title.figma.d.ts.map +1 -0
- package/lib/typescript/figma/AlertDialog.figma.d.ts +8 -0
- package/lib/typescript/figma/AlertDialog.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Description.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Footer.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Footer.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Text.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Text.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.Title.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.Title.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Dialog.figma.d.ts +8 -0
- package/lib/typescript/figma/Dialog.figma.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/AlertDialog/index.tsx +7 -5
- package/src/components/Dialog/index.tsx +95 -29
- package/src/components/Dialog/styles.ts +72 -30
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","
|
|
1
|
+
{"version":3,"names":["Platform","cva","TRANSITION_COLORS","dialogOverlayVariants","dialogPopupVariants","select","web","default","variants","size","xs","sm","md","lg","xl","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","appearance","danger","warning","success","dialogTitleIconVariants","dialogDescriptionVariants","dialogContentVariants","fullBleed","true","false","dialogTextVariants","dialogFooterVariants","dialogCloseVariants","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;;AAE3D;;AAEA,OAAO,MAAMC,qBAAqB,GAAGF,GAAG,CAAC,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAAC;;AAErF;;AAEA,OAAO,MAAMG,mBAAmB,GAAGH,GAAG,CACpC,CACE,oBAAoB,EACpB,YAAY,EACZD,QAAQ,CAACK,MAAM,CAAC;EAAEC,GAAG,EAAE,WAAW;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EAClD,8BAA8B,CAC/B,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMQ,oBAAoB,GAAGhB,GAAG,CAAC,CACtC,+CAA+C,EAC/C,iBAAiB,CAClB,CAAC;;AAEF;;AAEA,OAAO,MAAMiB,mBAAmB,GAAGjB,GAAG,CAAC,CAAC,YAAY,EAAE,sBAAsB,CAAC,EAAE;EAC7EO,QAAQ,EAAE;IACRW,UAAU,EAAE;MACVZ,OAAO,EAAE,EAAE;MACXa,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDN,eAAe,EAAE;IACfG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMI,uBAAuB,GAAGtB,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EACrDO,QAAQ,EAAE;IACRW,UAAU,EAAE;MACVZ,OAAO,EAAE,EAAE;MACXa,MAAM,EAAE,qBAAqB;MAC7BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDN,eAAe,EAAE;IACfG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMK,yBAAyB,GAAGvB,GAAG,CAAC,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;;AAExF;;AAEA,OAAO,MAAMwB,qBAAqB,GAAGxB,GAAG,CAAC,CAAC,gCAAgC,CAAC,EAAE;EAC3EO,QAAQ,EAAE;IACRkB,SAAS,EAAE;MACTC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDZ,eAAe,EAAE;IACfU,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMG,kBAAkB,GAAG5B,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;;AAE1E;;AAEA,OAAO,MAAM6B,oBAAoB,GAAG7B,GAAG,CAAC,CACtC,4CAA4C,EAC5C,sBAAsB,CACvB,CAAC;;AAEF;;AAEA,OAAO,MAAM8B,mBAAmB,GAAG9B,GAAG,CAAC,CACrC,kCAAkC,EAClC,uDAAuD,EACvD,sBAAsB,EACtBC,iBAAiB,EACjBF,QAAQ,CAACK,MAAM,CAAC;EACdE,OAAO,EAAE,+BAA+B;EACxCD,GAAG,EAAE,CACH,4CAA4C,EAC5C,8CAA8C,EAC9C,sHAAsH,CACvH,CAAC0B,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;;AAEF;;AAEA,OAAO,MAAMC,uBAAuB,GAAGhC,GAAG,CAAC,CAAC,8BAA8B,CAAC,CAAC;;AAE5E","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4821-871
|
|
4
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
5
|
+
// component=AlertDialog.Description
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const description = instance.findText('{description}').textContent;
|
|
9
|
+
export default {
|
|
10
|
+
id: 'alert-dialog-description',
|
|
11
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
12
|
+
example: figma.code`<AlertDialog.Description>${description}</AlertDialog.Description>`
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=AlertDialog.Description.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Description.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAIF,QAAQ,CAACG,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW;AAElG,eAAe;EACbC,EAAE,EAAE,0BAA0B;EAC9BC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAER,KAAK,CAACS,IAAI,4BAA4BN,WAAW;AAC5D,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4821-964
|
|
4
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
5
|
+
// component=AlertDialog.Footer
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
|
|
9
|
+
// Viewport is excluded (Figma-only framing).
|
|
10
|
+
const buttons = instance.getEnum('Buttons', {
|
|
11
|
+
'1': '1',
|
|
12
|
+
'2': '2',
|
|
13
|
+
'3': '3'
|
|
14
|
+
});
|
|
15
|
+
const cancelLabel = buttons !== '1' ? instance.findText('Button.Label', {
|
|
16
|
+
traverseInstances: true,
|
|
17
|
+
path: ['AlertDialog.Cancel']
|
|
18
|
+
}).textContent : null;
|
|
19
|
+
const secondaryInstance = buttons === '3' ? instance.findInstance('Button (Secondary)') : null;
|
|
20
|
+
const secondarySnippet = secondaryInstance?.type === 'INSTANCE' ? secondaryInstance.executeTemplate().example : null;
|
|
21
|
+
const actionLabel = instance.findText('Button.Label', {
|
|
22
|
+
traverseInstances: true,
|
|
23
|
+
path: ['AlertDialog.Action']
|
|
24
|
+
}).textContent;
|
|
25
|
+
export default {
|
|
26
|
+
id: 'alert-dialog-footer',
|
|
27
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
28
|
+
example: figma.code`
|
|
29
|
+
<AlertDialog.Footer>
|
|
30
|
+
${buttons !== '1' ? figma.code`<AlertDialog.Cancel>${cancelLabel}</AlertDialog.Cancel>` : null}
|
|
31
|
+
${secondarySnippet}
|
|
32
|
+
<AlertDialog.Action>${actionLabel}</AlertDialog.Action>
|
|
33
|
+
</AlertDialog.Footer>`
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=AlertDialog.Footer.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","buttons","getEnum","cancelLabel","findText","traverseInstances","path","textContent","secondaryInstance","findInstance","secondarySnippet","type","executeTemplate","example","actionLabel","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Footer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1C,GAAG,EAAE,GAAG;EACR,GAAG,EAAE,GAAG;EACR,GAAG,EAAE;AACP,CAAC,CAAC;AAEF,MAAMC,WAAW,GACfF,OAAO,KAAK,GAAG,GAETF,QAAQ,CAACK,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE,IAAI;EACvBC,IAAI,EAAE,CAAC,oBAAoB;AAC7B,CAAC,CAAC,CACFC,WAAW,GACb,IAAI;AAEV,MAAMC,iBAAiB,GAAGP,OAAO,KAAK,GAAG,GAAGF,QAAQ,CAACU,YAAY,CAAC,oBAAoB,CAAC,GAAG,IAAI;AAC9F,MAAMC,gBAAgB,GACpBF,iBAAiB,EAAEG,IAAI,KAAK,UAAU,GAAGH,iBAAiB,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE7F,MAAMC,WAAW,GACff,QAAQ,CAACK,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE,IAAI;EACvBC,IAAI,EAAE,CAAC,oBAAoB;AAC7B,CAAC,CAAC,CACFC,WAAW;AAEb,eAAe;EACbQ,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DH,OAAO,EAAEf,KAAK,CAACmB,IAAI;AACrB;AACA,IAAIhB,OAAO,KAAK,GAAG,GAAGH,KAAK,CAACmB,IAAI,uBAAuBd,WAAW,uBAAuB,GAAG,IAAI;AAChG,IAAIO,gBAAgB;AACpB,wBAAwBI,WAAW;AACnC;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4821-893
|
|
4
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
5
|
+
// component=AlertDialog.Header
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const showDescription = instance.getBoolean('Show Description?');
|
|
9
|
+
const titleInstance = instance.findInstance('AlertDialog.Title');
|
|
10
|
+
const titleSnippet = titleInstance.type === 'INSTANCE' ? titleInstance.executeTemplate().example : null;
|
|
11
|
+
const descriptionInstance = instance.findInstance('AlertDialog.Description');
|
|
12
|
+
const descriptionSnippet = showDescription && descriptionInstance?.type === 'INSTANCE' ? descriptionInstance.executeTemplate().example : null;
|
|
13
|
+
export default {
|
|
14
|
+
id: 'alert-dialog-header',
|
|
15
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
16
|
+
example: figma.code`
|
|
17
|
+
<AlertDialog.Header>
|
|
18
|
+
${titleSnippet}
|
|
19
|
+
${descriptionSnippet}
|
|
20
|
+
</AlertDialog.Header>`
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=AlertDialog.Header.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","showDescription","getBoolean","titleInstance","findInstance","titleSnippet","type","executeTemplate","example","descriptionInstance","descriptionSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,eAAe,GAAGF,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,YAAY,CAAC,mBAAmB,CAAC;AAChE,MAAMC,YAAY,GAChBF,aAAa,CAACG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEpF,MAAMC,mBAAmB,GAAGV,QAAQ,CAACK,YAAY,CAAC,yBAAyB,CAAC;AAC5E,MAAMM,kBAAkB,GACtBT,eAAe,IAAIQ,mBAAmB,EAAEH,IAAI,KAAK,UAAU,GACvDG,mBAAmB,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAC7C,IAAI;AAEV,eAAe;EACbG,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DJ,OAAO,EAAEV,KAAK,CAACe,IAAI;AACrB;AACA,IAAIR,YAAY;AAChB,IAAIK,kBAAkB;AACtB;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4593-3771
|
|
4
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
5
|
+
// component=AlertDialog.Text
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const text = instance.findText('{text}').textContent;
|
|
9
|
+
export default {
|
|
10
|
+
id: 'alert-dialog-text',
|
|
11
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
12
|
+
example: figma.code`<AlertDialog.Text>${text}</AlertDialog.Text>`
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=AlertDialog.Text.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","text","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Text.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAIF,QAAQ,CAACG,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAEpF,eAAe;EACbC,EAAE,EAAE,mBAAmB;EACvBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAER,KAAK,CAACS,IAAI,qBAAqBN,IAAI;AAC9C,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-551
|
|
4
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
5
|
+
// component=AlertDialog.Title
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const appearance = instance.getEnum('appearance', {
|
|
9
|
+
default: undefined,
|
|
10
|
+
danger: 'danger',
|
|
11
|
+
warning: 'warning',
|
|
12
|
+
success: 'success'
|
|
13
|
+
});
|
|
14
|
+
const appearanceProp = figma.helpers.react.renderProp('appearance', appearance);
|
|
15
|
+
const title = instance.findText('{title}').textContent;
|
|
16
|
+
export default {
|
|
17
|
+
id: 'alert-dialog-title',
|
|
18
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
19
|
+
example: figma.code`<AlertDialog.Title${appearanceProp}>${title}</AlertDialog.Title>`
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=AlertDialog.Title.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","appearance","getEnum","default","undefined","danger","warning","success","appearanceProp","helpers","react","renderProp","title","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Title.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,OAAO,EAAEC,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAE/E,MAAMW,KAAK,GAAIb,QAAQ,CAACc,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEnB,KAAK,CAACoB,IAAI,qBAAqBV,cAAc,IAAII,KAAK;AACjE,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-496
|
|
4
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
5
|
+
// component=AlertDialog
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const size = instance.getEnum('size', {
|
|
9
|
+
xs: 'xs',
|
|
10
|
+
sm: 'sm',
|
|
11
|
+
md: 'md',
|
|
12
|
+
lg: 'lg',
|
|
13
|
+
xl: 'xl',
|
|
14
|
+
full: 'full'
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
|
|
18
|
+
const headerInstance = instance.findInstance('AlertDialog.Header');
|
|
19
|
+
const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
|
|
20
|
+
const contentSlot = instance.getSlot('AlertDialog.Content');
|
|
21
|
+
const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
|
|
22
|
+
const footerInstance = instance.findInstance('AlertDialog.Footer');
|
|
23
|
+
const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
|
|
24
|
+
export default {
|
|
25
|
+
id: 'alert-dialog',
|
|
26
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
27
|
+
example: figma.code`
|
|
28
|
+
<AlertDialog size="${size}">
|
|
29
|
+
<AlertDialog.Trigger>{/* Trigger */}</AlertDialog.Trigger>
|
|
30
|
+
<AlertDialog.Popup>
|
|
31
|
+
${headerSnippet}
|
|
32
|
+
<AlertDialog.Content>${contentChildren}</AlertDialog.Content>
|
|
33
|
+
${footerSnippet}
|
|
34
|
+
</AlertDialog.Popup>
|
|
35
|
+
</AlertDialog>`
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=AlertDialog.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","full","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA,MAAMC,cAAc,GAAGV,QAAQ,CAACW,YAAY,CAAC,oBAAoB,CAAC;AAClE,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,qBAAqB,CAAC;AAC3D,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,oBAAoB,CAAC;AAClE,MAAMY,aAAa,GACjBD,cAAc,CAACT,IAAI,KAAK,UAAU,GAAGS,cAAc,CAACR,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbS,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DV,OAAO,EAAEhB,KAAK,CAAC2B,IAAI;AACrB,qBAAqBxB,IAAI;AACzB;AACA;AACA,MAAMU,aAAa;AACnB,2BAA2BM,eAAe;AAC1C,MAAMK,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2588
|
|
4
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
5
|
+
// component=Dialog.Description
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const description = instance.findText('{description}').textContent;
|
|
9
|
+
export default {
|
|
10
|
+
id: 'dialog-description',
|
|
11
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
12
|
+
example: figma.code`<Dialog.Description>${description}</Dialog.Description>`
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=Dialog.Description.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Description.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAIF,QAAQ,CAACG,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW;AAElG,eAAe;EACbC,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAER,KAAK,CAACS,IAAI,uBAAuBN,WAAW;AACvD,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2946
|
|
4
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
5
|
+
// component=Dialog.Footer
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const primaryButton = instance.findInstance('Button (Primary)');
|
|
9
|
+
const primarySnippet = primaryButton.type === 'INSTANCE' ? primaryButton.executeTemplate().example : null;
|
|
10
|
+
const secondaryButton = instance.findInstance('Button (Secondary)');
|
|
11
|
+
const secondarySnippet = secondaryButton.type === 'INSTANCE' ? secondaryButton.executeTemplate().example : null;
|
|
12
|
+
const tertiaryButton = instance.findInstance('Button (Tertiary)');
|
|
13
|
+
const tertiarySnippet = tertiaryButton.type === 'INSTANCE' ? tertiaryButton.executeTemplate().example : null;
|
|
14
|
+
export default {
|
|
15
|
+
id: 'dialog-footer',
|
|
16
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
17
|
+
example: figma.code`
|
|
18
|
+
<Dialog.Footer>
|
|
19
|
+
${tertiarySnippet}
|
|
20
|
+
${secondarySnippet}
|
|
21
|
+
${primarySnippet}
|
|
22
|
+
</Dialog.Footer>`
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=Dialog.Footer.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","primaryButton","findInstance","primarySnippet","type","executeTemplate","example","secondaryButton","secondarySnippet","tertiaryButton","tertiarySnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Footer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,aAAa,GAAGF,QAAQ,CAACG,YAAY,CAAC,kBAAkB,CAAC;AAC/D,MAAMC,cAAc,GAClBF,aAAa,CAACG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEpF,MAAMC,eAAe,GAAGR,QAAQ,CAACG,YAAY,CAAC,oBAAoB,CAAC;AACnE,MAAMM,gBAAgB,GACpBD,eAAe,CAACH,IAAI,KAAK,UAAU,GAAGG,eAAe,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAExF,MAAMG,cAAc,GAAGV,QAAQ,CAACG,YAAY,CAAC,mBAAmB,CAAC;AACjE,MAAMQ,eAAe,GACnBD,cAAc,CAACL,IAAI,KAAK,UAAU,GAAGK,cAAc,CAACJ,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbK,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDN,OAAO,EAAER,KAAK,CAACe,IAAI;AACrB;AACA,IAAIH,eAAe;AACnB,IAAIF,gBAAgB;AACpB,IAAIL,cAAc;AAClB;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2618
|
|
4
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
5
|
+
// component=Dialog.Header
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const showDescription = instance.getBoolean('Show Description?');
|
|
9
|
+
const titleInstance = instance.findInstance('Dialog.Title');
|
|
10
|
+
const titleSnippet = titleInstance.type === 'INSTANCE' ? titleInstance.executeTemplate().example : null;
|
|
11
|
+
const descriptionInstance = instance.findInstance('Dialog.Description');
|
|
12
|
+
const descriptionSnippet = showDescription && descriptionInstance?.type === 'INSTANCE' ? descriptionInstance.executeTemplate().example : null;
|
|
13
|
+
export default {
|
|
14
|
+
id: 'dialog-header',
|
|
15
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
16
|
+
example: figma.code`
|
|
17
|
+
<Dialog.Header>
|
|
18
|
+
${titleSnippet}
|
|
19
|
+
${descriptionSnippet}
|
|
20
|
+
<Dialog.Close />
|
|
21
|
+
</Dialog.Header>`
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Dialog.Header.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","showDescription","getBoolean","titleInstance","findInstance","titleSnippet","type","executeTemplate","example","descriptionInstance","descriptionSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,eAAe,GAAGF,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,YAAY,CAAC,cAAc,CAAC;AAC3D,MAAMC,YAAY,GAChBF,aAAa,CAACG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEpF,MAAMC,mBAAmB,GAAGV,QAAQ,CAACK,YAAY,CAAC,oBAAoB,CAAC;AACvE,MAAMM,kBAAkB,GACtBT,eAAe,IAAIQ,mBAAmB,EAAEH,IAAI,KAAK,UAAU,GACvDG,mBAAmB,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAC7C,IAAI;AAEV,eAAe;EACbG,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDJ,OAAO,EAAEV,KAAK,CAACe,IAAI;AACrB;AACA,IAAIR,YAAY;AAChB,IAAIK,kBAAkB;AACtB;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4583-426
|
|
4
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
5
|
+
// component=Dialog.Text
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const text = instance.findText('{text}').textContent;
|
|
9
|
+
export default {
|
|
10
|
+
id: 'dialog-text',
|
|
11
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
12
|
+
example: figma.code`<Dialog.Text>${text}</Dialog.Text>`
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=Dialog.Text.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","text","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Text.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAIF,QAAQ,CAACG,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAEpF,eAAe;EACbC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAER,KAAK,CAACS,IAAI,gBAAgBN,IAAI;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-440
|
|
4
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
5
|
+
// component=Dialog.Title
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const appearance = instance.getEnum('appearance', {
|
|
9
|
+
default: undefined,
|
|
10
|
+
danger: 'danger',
|
|
11
|
+
warning: 'warning',
|
|
12
|
+
success: 'success'
|
|
13
|
+
});
|
|
14
|
+
const appearanceProp = figma.helpers.react.renderProp('appearance', appearance);
|
|
15
|
+
const title = instance.findText('{title}').textContent;
|
|
16
|
+
export default {
|
|
17
|
+
id: 'dialog-title',
|
|
18
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
19
|
+
example: figma.code`<Dialog.Title${appearanceProp}>${title}</Dialog.Title>`
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=Dialog.Title.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","appearance","getEnum","default","undefined","danger","warning","success","appearanceProp","helpers","react","renderProp","title","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Title.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,OAAO,EAAEC,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAE/E,MAAMW,KAAK,GAAIb,QAAQ,CAACc,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEnB,KAAK,CAACoB,IAAI,gBAAgBV,cAAc,IAAII,KAAK;AAC5D,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4331-429
|
|
4
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
5
|
+
// component=Dialog
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const size = instance.getEnum('size', {
|
|
9
|
+
xs: 'xs',
|
|
10
|
+
sm: 'sm',
|
|
11
|
+
md: 'md',
|
|
12
|
+
lg: 'lg',
|
|
13
|
+
xl: 'xl',
|
|
14
|
+
full: 'full'
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
// Boolean-as-variant: fullBleed is a VARIANT property with "true"/"false" string values.
|
|
18
|
+
// Map "false" to undefined so the prop is omitted at the default value.
|
|
19
|
+
const fullBleed = instance.getEnum('fullBleed', {
|
|
20
|
+
true: true,
|
|
21
|
+
false: undefined
|
|
22
|
+
});
|
|
23
|
+
const fullBleedProp = figma.helpers.react.renderProp('fullBleed', fullBleed);
|
|
24
|
+
|
|
25
|
+
// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
|
|
26
|
+
const headerInstance = instance.findInstance('Dialog.Header');
|
|
27
|
+
const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
|
|
28
|
+
const contentSlot = instance.getSlot('Dialog.Content');
|
|
29
|
+
const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
|
|
30
|
+
const footerInstance = instance.findInstance('Dialog.Footer');
|
|
31
|
+
const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
|
|
32
|
+
export default {
|
|
33
|
+
id: 'dialog',
|
|
34
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
35
|
+
example: figma.code`
|
|
36
|
+
<Dialog size="${size}"${fullBleedProp}>
|
|
37
|
+
<Dialog.Trigger>{/* Trigger */}</Dialog.Trigger>
|
|
38
|
+
<Dialog.Popup>
|
|
39
|
+
${headerSnippet}
|
|
40
|
+
<Dialog.Content>${contentChildren}</Dialog.Content>
|
|
41
|
+
${footerSnippet}
|
|
42
|
+
</Dialog.Popup>
|
|
43
|
+
</Dialog>`
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=Dialog.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","full","fullBleed","true","false","undefined","fullBleedProp","helpers","react","renderProp","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,SAAS,GAAGV,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CQ,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGf,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEP,SAAS,CAAC;;AAE5E;AACA,MAAMQ,cAAc,GAAGlB,QAAQ,CAACmB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,WAAW,GAAGxB,QAAQ,CAACyB,OAAO,CAAC,gBAAgB,CAAC;AACtD,MAAMC,eAAe,GAAGF,WAAW,GAAGzB,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACW,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,cAAc,GAAG5B,QAAQ,CAACmB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMU,aAAa,GACjBD,cAAc,CAACP,IAAI,KAAK,UAAU,GAAGO,cAAc,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbO,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDR,OAAO,EAAExB,KAAK,CAACiC,IAAI;AACrB,gBAAgB9B,IAAI,IAAIY,aAAa;AACrC;AACA;AACA,MAAMM,aAAa;AACnB,sBAAsBM,eAAe;AACrC,MAAMG,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -15,11 +15,12 @@ export interface AlertDialogCancelProps extends Omit<ButtonProps, 'variant'> {
|
|
|
15
15
|
declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<View>>;
|
|
16
16
|
type AlertDialogCompoundComponent = typeof AlertDialogRoot & {
|
|
17
17
|
Trigger: typeof Dialog.Trigger;
|
|
18
|
-
|
|
18
|
+
Popup: typeof Dialog.Popup;
|
|
19
19
|
Header: typeof Dialog.Header;
|
|
20
20
|
Title: typeof Dialog.Title;
|
|
21
21
|
Description: typeof Dialog.Description;
|
|
22
|
-
|
|
22
|
+
Content: typeof Dialog.Content;
|
|
23
|
+
Text: typeof Dialog.Text;
|
|
23
24
|
Footer: typeof Dialog.Footer;
|
|
24
25
|
Close: typeof Dialog.Close;
|
|
25
26
|
Action: typeof AlertDialogAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMzD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;CAAG;AAEhE,QAAA,MAAM,eAAe,mFAqBpB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAgBtB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAoBtB,CAAC;AAOF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMzD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;CAAG;AAEhE,QAAA,MAAM,eAAe,mFAqBpB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAgBtB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAoBtB,CAAC;AAOF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,WAAW,EAAE,OAAO,MAAM,CAAC,WAAW,CAAC;IACvC,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,IAAI,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,MAAM,EAAE,OAAO,iBAAiB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,WAAW,EAYlB,4BAA4B,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const avatarRootVariants: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
export declare const avatarImageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
6
|
export declare const avatarTextVariants: (props?: ({
|
|
7
|
-
size?: "
|
|
7
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
9
|
export declare const avatarIconVariants: (props?: ({
|
|
10
|
-
size?: "
|
|
10
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
12
|
export declare const avatarBadgeVariants: (props?: ({
|
|
13
|
-
size?: "
|
|
13
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | null | undefined;
|
|
14
14
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
15
|
export type AvatarVariantProps = VariantProps<typeof avatarRootVariants>;
|
|
16
16
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import { Text, View, type ViewProps } from 'react-native';
|
|
3
|
-
import { type
|
|
4
|
-
import { type DialogVariantProps } from './styles';
|
|
2
|
+
import { Text, View, type TextProps, type ViewProps } from 'react-native';
|
|
3
|
+
import { type IDialogCloseProps, type IDialogContentProps, type IDialogDescriptionProps, type IDialogFooterProps, type IDialogHeaderProps, type IDialogPopupProps, type IDialogRootProps, type IDialogTitleProps, type IDialogTriggerProps } from '@cdx-ui/primitives';
|
|
4
|
+
import { type DialogTitleVariantProps, type DialogVariantProps } from './styles';
|
|
5
5
|
export { useDialog } from '@cdx-ui/primitives';
|
|
6
6
|
export interface DialogRootProps extends Omit<ViewProps, 'children' | 'role'>, IDialogRootProps, DialogVariantProps {
|
|
7
7
|
className?: string;
|
|
@@ -12,17 +12,17 @@ export interface DialogTriggerProps extends IDialogTriggerProps {
|
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
}
|
|
14
14
|
declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogTriggerProps & import("react").RefAttributes<View>>;
|
|
15
|
-
export interface
|
|
15
|
+
export interface DialogPopupProps extends IDialogPopupProps, Pick<DialogVariantProps, 'size'> {
|
|
16
16
|
className?: string;
|
|
17
17
|
children?: ReactNode;
|
|
18
18
|
}
|
|
19
|
-
declare const
|
|
19
|
+
declare const DialogPopup: import("react").ForwardRefExoticComponent<DialogPopupProps & import("react").RefAttributes<View>>;
|
|
20
20
|
export interface DialogHeaderProps extends IDialogHeaderProps {
|
|
21
21
|
className?: string;
|
|
22
22
|
children?: ReactNode;
|
|
23
23
|
}
|
|
24
24
|
declare const DialogHeader: import("react").ForwardRefExoticComponent<DialogHeaderProps & import("react").RefAttributes<View>>;
|
|
25
|
-
export interface DialogTitleProps extends IDialogTitleProps {
|
|
25
|
+
export interface DialogTitleProps extends IDialogTitleProps, DialogTitleVariantProps {
|
|
26
26
|
className?: string;
|
|
27
27
|
children?: ReactNode;
|
|
28
28
|
}
|
|
@@ -32,11 +32,16 @@ export interface DialogDescriptionProps extends IDialogDescriptionProps {
|
|
|
32
32
|
children?: ReactNode;
|
|
33
33
|
}
|
|
34
34
|
declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogDescriptionProps & import("react").RefAttributes<Text>>;
|
|
35
|
-
export interface
|
|
35
|
+
export interface DialogContentProps extends IDialogContentProps {
|
|
36
36
|
className?: string;
|
|
37
37
|
children?: ReactNode;
|
|
38
38
|
}
|
|
39
|
-
declare const
|
|
39
|
+
declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<View>>;
|
|
40
|
+
export interface DialogTextProps extends TextProps {
|
|
41
|
+
className?: string;
|
|
42
|
+
children?: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
declare const DialogText: import("react").ForwardRefExoticComponent<DialogTextProps & import("react").RefAttributes<Text>>;
|
|
40
45
|
export interface DialogFooterProps extends IDialogFooterProps {
|
|
41
46
|
className?: string;
|
|
42
47
|
children?: ReactNode;
|
|
@@ -49,11 +54,12 @@ export interface DialogCloseProps extends IDialogCloseProps {
|
|
|
49
54
|
declare const DialogClose: import("react").ForwardRefExoticComponent<DialogCloseProps & import("react").RefAttributes<View>>;
|
|
50
55
|
type DialogCompoundComponent = typeof DialogRoot & {
|
|
51
56
|
Trigger: typeof DialogTrigger;
|
|
52
|
-
|
|
57
|
+
Popup: typeof DialogPopup;
|
|
53
58
|
Header: typeof DialogHeader;
|
|
54
59
|
Title: typeof DialogTitle;
|
|
55
60
|
Description: typeof DialogDescription;
|
|
56
|
-
|
|
61
|
+
Content: typeof DialogContent;
|
|
62
|
+
Text: typeof DialogText;
|
|
57
63
|
Footer: typeof DialogFooter;
|
|
58
64
|
Close: typeof DialogClose;
|
|
59
65
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const dialogOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
-
export declare const
|
|
4
|
-
size?: "sm" | "md" | "lg" | "full" | null | undefined;
|
|
3
|
+
export declare const dialogPopupVariants: (props?: ({
|
|
4
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
export declare const dialogHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
7
|
-
export declare const dialogTitleVariants: (props?:
|
|
7
|
+
export declare const dialogTitleVariants: (props?: ({
|
|
8
|
+
appearance?: "danger" | "warning" | "success" | "default" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
export declare const dialogTitleIconVariants: (props?: ({
|
|
11
|
+
appearance?: "danger" | "warning" | "success" | "default" | null | undefined;
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
13
|
export declare const dialogDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
9
|
-
export declare const
|
|
14
|
+
export declare const dialogContentVariants: (props?: ({
|
|
15
|
+
fullBleed?: boolean | null | undefined;
|
|
16
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
17
|
+
export declare const dialogTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
10
18
|
export declare const dialogFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
11
19
|
export declare const dialogCloseVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
12
20
|
export declare const dialogCloseIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
13
|
-
export type DialogVariantProps = VariantProps<typeof
|
|
21
|
+
export type DialogVariantProps = VariantProps<typeof dialogPopupVariants> & {
|
|
22
|
+
fullBleed?: boolean;
|
|
23
|
+
};
|
|
24
|
+
export type DialogTitleVariantProps = VariantProps<typeof dialogTitleVariants>;
|
|
14
25
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,qBAAqB,oFAAmD,CAAC;AAItF,eAAO,MAAM,mBAAmB;;8EAsB/B,CAAC;AAIF,eAAO,MAAM,oBAAoB,oFAG/B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;8EAY9B,CAAC;AAIH,eAAO,MAAM,uBAAuB;;8EAYlC,CAAC;AAIH,eAAO,MAAM,yBAAyB,oFAAkD,CAAC;AAIzF,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAIH,eAAO,MAAM,kBAAkB,oFAA2C,CAAC;AAI3E,eAAO,MAAM,oBAAoB,oFAG/B,CAAC;AAIH,eAAO,MAAM,mBAAmB,oFAa9B,CAAC;AAIH,eAAO,MAAM,uBAAuB,oFAAwC,CAAC;AAI7E,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const headingStyle: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
export type HeadingVariantProps = VariantProps<typeof headingStyle>;
|
|
6
6
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -13,11 +13,11 @@ declare const spaceMap: {
|
|
|
13
13
|
export type StackSpace = keyof typeof spaceMap;
|
|
14
14
|
export declare const hStackRootVariants: (props?: ({
|
|
15
15
|
reversed?: boolean | null | undefined;
|
|
16
|
-
space?: "
|
|
16
|
+
space?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
17
17
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
18
18
|
export declare const vStackRootVariants: (props?: ({
|
|
19
19
|
reversed?: boolean | null | undefined;
|
|
20
|
-
space?: "
|
|
20
|
+
space?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
21
21
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
22
22
|
export {};
|
|
23
23
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const textStyle: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
export type TextVariantProps = VariantProps<typeof textStyle>;
|
|
6
6
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.Description.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/AlertDialog.Description.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAM1B,wBAIE"}
|