@cdx-ui/components 0.0.1-beta.50 → 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/Button/index.js +4 -0
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +59 -0
- package/lib/commonjs/components/Button/styles.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/commonjs/hooks/index.js +19 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useForgeBottomTabScreenOptions.js +246 -0
- package/lib/commonjs/hooks/useForgeBottomTabScreenOptions.js.map +1 -0
- package/lib/commonjs/index.js +24 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigation/forgeTabIcon.js +43 -0
- package/lib/commonjs/navigation/forgeTabIcon.js.map +1 -0
- package/lib/commonjs/navigation/forgeTabIcon.native.js +35 -0
- package/lib/commonjs/navigation/forgeTabIcon.native.js.map +1 -0
- package/lib/commonjs/navigation/index.js +13 -0
- package/lib/commonjs/navigation/index.js.map +1 -0
- package/lib/commonjs/navigation/types.js +40 -0
- package/lib/commonjs/navigation/types.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/Button/index.js +4 -0
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/styles.js +59 -0
- package/lib/module/components/Button/styles.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/module/hooks/index.js +4 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useForgeBottomTabScreenOptions.js +242 -0
- package/lib/module/hooks/useForgeBottomTabScreenOptions.js.map +1 -0
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigation/forgeTabIcon.js +39 -0
- package/lib/module/navigation/forgeTabIcon.js.map +1 -0
- package/lib/module/navigation/forgeTabIcon.native.js +31 -0
- package/lib/module/navigation/forgeTabIcon.native.js.map +1 -0
- package/lib/module/navigation/index.js +4 -0
- package/lib/module/navigation/index.js.map +1 -0
- package/lib/module/navigation/types.js +38 -0
- package/lib/module/navigation/types.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/Button/styles.d.ts +2 -0
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- 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/lib/typescript/hooks/index.d.ts +2 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -0
- package/lib/typescript/hooks/useForgeBottomTabScreenOptions.d.ts +137 -0
- package/lib/typescript/hooks/useForgeBottomTabScreenOptions.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/navigation/forgeTabIcon.d.ts +27 -0
- package/lib/typescript/navigation/forgeTabIcon.d.ts.map +1 -0
- package/lib/typescript/navigation/forgeTabIcon.native.d.ts +15 -0
- package/lib/typescript/navigation/forgeTabIcon.native.d.ts.map +1 -0
- package/lib/typescript/navigation/index.d.ts +4 -0
- package/lib/typescript/navigation/index.d.ts.map +1 -0
- package/lib/typescript/navigation/types.d.ts +37 -0
- package/lib/typescript/navigation/types.d.ts.map +1 -0
- package/package.json +6 -4
- package/src/components/AlertDialog/index.tsx +7 -5
- package/src/components/Button/index.tsx +2 -2
- package/src/components/Button/styles.ts +29 -0
- package/src/components/Dialog/index.tsx +95 -29
- package/src/components/Dialog/styles.ts +72 -30
- package/src/hooks/index.ts +5 -0
- package/src/hooks/useForgeBottomTabScreenOptions.ts +245 -0
- package/src/index.ts +2 -0
- package/src/navigation/forgeTabIcon.native.ts +36 -0
- package/src/navigation/forgeTabIcon.ts +33 -0
- package/src/navigation/index.ts +3 -0
- package/src/navigation/types.ts +55 -0
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4821-964
|
|
10
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
11
|
+
// component=AlertDialog.Footer
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
|
|
15
|
+
// Viewport is excluded (Figma-only framing).
|
|
16
|
+
const buttons = instance.getEnum('Buttons', {
|
|
17
|
+
'1': '1',
|
|
18
|
+
'2': '2',
|
|
19
|
+
'3': '3'
|
|
20
|
+
});
|
|
21
|
+
const cancelLabel = buttons !== '1' ? instance.findText('Button.Label', {
|
|
22
|
+
traverseInstances: true,
|
|
23
|
+
path: ['AlertDialog.Cancel']
|
|
24
|
+
}).textContent : null;
|
|
25
|
+
const secondaryInstance = buttons === '3' ? instance.findInstance('Button (Secondary)') : null;
|
|
26
|
+
const secondarySnippet = secondaryInstance?.type === 'INSTANCE' ? secondaryInstance.executeTemplate().example : null;
|
|
27
|
+
const actionLabel = instance.findText('Button.Label', {
|
|
28
|
+
traverseInstances: true,
|
|
29
|
+
path: ['AlertDialog.Action']
|
|
30
|
+
}).textContent;
|
|
31
|
+
var _default = exports.default = {
|
|
32
|
+
id: 'alert-dialog-footer',
|
|
33
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
34
|
+
example: _figma.default.code`
|
|
35
|
+
<AlertDialog.Footer>
|
|
36
|
+
${buttons !== '1' ? _figma.default.code`<AlertDialog.Cancel>${cancelLabel}</AlertDialog.Cancel>` : null}
|
|
37
|
+
${secondarySnippet}
|
|
38
|
+
<AlertDialog.Action>${actionLabel}</AlertDialog.Action>
|
|
39
|
+
</AlertDialog.Footer>`
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=AlertDialog.Footer.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","buttons","getEnum","cancelLabel","findText","traverseInstances","path","textContent","secondaryInstance","findInstance","secondarySnippet","type","executeTemplate","example","actionLabel","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Footer.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,OAAO,GAAGH,QAAQ,CAACI,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,GAETH,QAAQ,CAACM,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,GAAGH,QAAQ,CAACW,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,GACfhB,QAAQ,CAACM,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE,IAAI;EACvBC,IAAI,EAAE,CAAC,oBAAoB;AAC7B,CAAC,CAAC,CACFC,WAAW;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEC;EACboB,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DL,OAAO,EAAEd,cAAK,CAACoB,IAAI;AACrB;AACA,IAAIlB,OAAO,KAAK,GAAG,GAAGF,cAAK,CAACoB,IAAI,uBAAuBhB,WAAW,uBAAuB,GAAG,IAAI;AAChG,IAAIO,gBAAgB;AACpB,wBAAwBI,WAAW;AACnC;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4821-893
|
|
10
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
11
|
+
// component=AlertDialog.Header
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const showDescription = instance.getBoolean('Show Description?');
|
|
15
|
+
const titleInstance = instance.findInstance('AlertDialog.Title');
|
|
16
|
+
const titleSnippet = titleInstance.type === 'INSTANCE' ? titleInstance.executeTemplate().example : null;
|
|
17
|
+
const descriptionInstance = instance.findInstance('AlertDialog.Description');
|
|
18
|
+
const descriptionSnippet = showDescription && descriptionInstance?.type === 'INSTANCE' ? descriptionInstance.executeTemplate().example : null;
|
|
19
|
+
var _default = exports.default = {
|
|
20
|
+
id: 'alert-dialog-header',
|
|
21
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
22
|
+
example: _figma.default.code`
|
|
23
|
+
<AlertDialog.Header>
|
|
24
|
+
${titleSnippet}
|
|
25
|
+
${descriptionSnippet}
|
|
26
|
+
</AlertDialog.Header>`
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=AlertDialog.Header.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showDescription","getBoolean","titleInstance","findInstance","titleSnippet","type","executeTemplate","example","descriptionInstance","descriptionSnippet","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.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,eAAe,GAAGH,QAAQ,CAACI,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAMC,aAAa,GAAGL,QAAQ,CAACM,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,GAAGX,QAAQ,CAACM,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;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEI;EACbgB,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DN,OAAO,EAAET,cAAK,CAACgB,IAAI;AACrB;AACA,IAAIV,YAAY;AAChB,IAAIK,kBAAkB;AACtB;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4593-3771
|
|
10
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
11
|
+
// component=AlertDialog.Text
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const text = instance.findText('{text}').textContent;
|
|
15
|
+
var _default = exports.default = {
|
|
16
|
+
id: 'alert-dialog-text',
|
|
17
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
18
|
+
example: _figma.default.code`<AlertDialog.Text>${text}</AlertDialog.Text>`
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=AlertDialog.Text.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","text","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Text.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,GAAIH,QAAQ,CAACI,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEtE;EACbS,EAAE,EAAE,mBAAmB;EACvBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAET,cAAK,CAACU,IAAI,qBAAqBR,IAAI;AAC9C,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-551
|
|
10
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
11
|
+
// component=AlertDialog.Title
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const appearance = instance.getEnum('appearance', {
|
|
15
|
+
default: undefined,
|
|
16
|
+
danger: 'danger',
|
|
17
|
+
warning: 'warning',
|
|
18
|
+
success: 'success'
|
|
19
|
+
});
|
|
20
|
+
const appearanceProp = _figma.default.helpers.react.renderProp('appearance', appearance);
|
|
21
|
+
const title = instance.findText('{title}').textContent;
|
|
22
|
+
var _default = exports.default = {
|
|
23
|
+
id: 'alert-dialog-title',
|
|
24
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
25
|
+
example: _figma.default.code`<AlertDialog.Title${appearanceProp}>${title}</AlertDialog.Title>`
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=AlertDialog.Title.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","appearance","getEnum","undefined","danger","warning","success","appearanceProp","helpers","react","renderProp","title","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Title.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,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDL,OAAO,EAAEM,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAGR,cAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAET,UAAU,CAAC;AAE/E,MAAMU,KAAK,GAAIb,QAAQ,CAACc,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAExE;EACbmB,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEnB,cAAK,CAACoB,IAAI,qBAAqBZ,cAAc,IAAII,KAAK;AACjE,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-496
|
|
10
|
+
// source=packages/components/src/components/AlertDialog/index.tsx
|
|
11
|
+
// component=AlertDialog
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const size = instance.getEnum('size', {
|
|
15
|
+
xs: 'xs',
|
|
16
|
+
sm: 'sm',
|
|
17
|
+
md: 'md',
|
|
18
|
+
lg: 'lg',
|
|
19
|
+
xl: 'xl',
|
|
20
|
+
full: 'full'
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
|
|
24
|
+
const headerInstance = instance.findInstance('AlertDialog.Header');
|
|
25
|
+
const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
|
|
26
|
+
const contentSlot = instance.getSlot('AlertDialog.Content');
|
|
27
|
+
const contentChildren = contentSlot ? _figma.default.helpers.react.renderChildren(contentSlot) : null;
|
|
28
|
+
const footerInstance = instance.findInstance('AlertDialog.Footer');
|
|
29
|
+
const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
|
|
30
|
+
var _default = exports.default = {
|
|
31
|
+
id: 'alert-dialog',
|
|
32
|
+
imports: ["import { AlertDialog } from '@cdx-ui/components'"],
|
|
33
|
+
example: _figma.default.code`
|
|
34
|
+
<AlertDialog size="${size}">
|
|
35
|
+
<AlertDialog.Trigger>{/* Trigger */}</AlertDialog.Trigger>
|
|
36
|
+
<AlertDialog.Popup>
|
|
37
|
+
${headerSnippet}
|
|
38
|
+
<AlertDialog.Content>${contentChildren}</AlertDialog.Content>
|
|
39
|
+
${footerSnippet}
|
|
40
|
+
</AlertDialog.Popup>
|
|
41
|
+
</AlertDialog>`
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=AlertDialog.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","xs","sm","md","lg","xl","full","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.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;EACRC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA,MAAMC,cAAc,GAAGX,QAAQ,CAACY,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,GAAGjB,QAAQ,CAACkB,OAAO,CAAC,qBAAqB,CAAC;AAC3D,MAAMC,eAAe,GAAGF,WAAW,GAAGhB,cAAK,CAACmB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMM,cAAc,GAAGvB,QAAQ,CAACY,YAAY,CAAC,oBAAoB,CAAC;AAClE,MAAMY,aAAa,GACjBD,cAAc,CAACT,IAAI,KAAK,UAAU,GAAGS,cAAc,CAACR,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAExE;EACb4B,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DZ,OAAO,EAAEf,cAAK,CAAC4B,IAAI;AACrB,qBAAqB1B,IAAI;AACzB;AACA;AACA,MAAMU,aAAa;AACnB,2BAA2BM,eAAe;AAC1C,MAAMK,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2588
|
|
10
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
11
|
+
// component=Dialog.Description
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const description = instance.findText('{description}').textContent;
|
|
15
|
+
var _default = exports.default = {
|
|
16
|
+
id: 'dialog-description',
|
|
17
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
18
|
+
example: _figma.default.code`<Dialog.Description>${description}</Dialog.Description>`
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=Dialog.Description.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","description","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Description.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,GAAIH,QAAQ,CAACI,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEpF;EACbS,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAET,cAAK,CAACU,IAAI,uBAAuBR,WAAW;AACvD,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2946
|
|
10
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
11
|
+
// component=Dialog.Footer
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const primaryButton = instance.findInstance('Button (Primary)');
|
|
15
|
+
const primarySnippet = primaryButton.type === 'INSTANCE' ? primaryButton.executeTemplate().example : null;
|
|
16
|
+
const secondaryButton = instance.findInstance('Button (Secondary)');
|
|
17
|
+
const secondarySnippet = secondaryButton.type === 'INSTANCE' ? secondaryButton.executeTemplate().example : null;
|
|
18
|
+
const tertiaryButton = instance.findInstance('Button (Tertiary)');
|
|
19
|
+
const tertiarySnippet = tertiaryButton.type === 'INSTANCE' ? tertiaryButton.executeTemplate().example : null;
|
|
20
|
+
var _default = exports.default = {
|
|
21
|
+
id: 'dialog-footer',
|
|
22
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
23
|
+
example: _figma.default.code`
|
|
24
|
+
<Dialog.Footer>
|
|
25
|
+
${tertiarySnippet}
|
|
26
|
+
${secondarySnippet}
|
|
27
|
+
${primarySnippet}
|
|
28
|
+
</Dialog.Footer>`
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=Dialog.Footer.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","primaryButton","findInstance","primarySnippet","type","executeTemplate","example","secondaryButton","secondarySnippet","tertiaryButton","tertiarySnippet","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Footer.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,aAAa,GAAGH,QAAQ,CAACI,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,GAAGT,QAAQ,CAACI,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,GAAGX,QAAQ,CAACI,YAAY,CAAC,mBAAmB,CAAC;AACjE,MAAMQ,eAAe,GACnBD,cAAc,CAACL,IAAI,KAAK,UAAU,GAAGK,cAAc,CAACJ,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAExE;EACbgB,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDR,OAAO,EAAEP,cAAK,CAACgB,IAAI;AACrB;AACA,IAAIL,eAAe;AACnB,IAAIF,gBAAgB;AACpB,IAAIL,cAAc;AAClB;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2618
|
|
10
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
11
|
+
// component=Dialog.Header
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const showDescription = instance.getBoolean('Show Description?');
|
|
15
|
+
const titleInstance = instance.findInstance('Dialog.Title');
|
|
16
|
+
const titleSnippet = titleInstance.type === 'INSTANCE' ? titleInstance.executeTemplate().example : null;
|
|
17
|
+
const descriptionInstance = instance.findInstance('Dialog.Description');
|
|
18
|
+
const descriptionSnippet = showDescription && descriptionInstance?.type === 'INSTANCE' ? descriptionInstance.executeTemplate().example : null;
|
|
19
|
+
var _default = exports.default = {
|
|
20
|
+
id: 'dialog-header',
|
|
21
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
22
|
+
example: _figma.default.code`
|
|
23
|
+
<Dialog.Header>
|
|
24
|
+
${titleSnippet}
|
|
25
|
+
${descriptionSnippet}
|
|
26
|
+
<Dialog.Close />
|
|
27
|
+
</Dialog.Header>`
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=Dialog.Header.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showDescription","getBoolean","titleInstance","findInstance","titleSnippet","type","executeTemplate","example","descriptionInstance","descriptionSnippet","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.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,eAAe,GAAGH,QAAQ,CAACI,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAMC,aAAa,GAAGL,QAAQ,CAACM,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,GAAGX,QAAQ,CAACM,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;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEI;EACbgB,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDN,OAAO,EAAET,cAAK,CAACgB,IAAI;AACrB;AACA,IAAIV,YAAY;AAChB,IAAIK,kBAAkB;AACtB;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4583-426
|
|
10
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
11
|
+
// component=Dialog.Text
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const text = instance.findText('{text}').textContent;
|
|
15
|
+
var _default = exports.default = {
|
|
16
|
+
id: 'dialog-text',
|
|
17
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
18
|
+
example: _figma.default.code`<Dialog.Text>${text}</Dialog.Text>`
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=Dialog.Text.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","text","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Text.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,GAAIH,QAAQ,CAACI,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEtE;EACbS,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAET,cAAK,CAACU,IAAI,gBAAgBR,IAAI;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-440
|
|
10
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
11
|
+
// component=Dialog.Title
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const appearance = instance.getEnum('appearance', {
|
|
15
|
+
default: undefined,
|
|
16
|
+
danger: 'danger',
|
|
17
|
+
warning: 'warning',
|
|
18
|
+
success: 'success'
|
|
19
|
+
});
|
|
20
|
+
const appearanceProp = _figma.default.helpers.react.renderProp('appearance', appearance);
|
|
21
|
+
const title = instance.findText('{title}').textContent;
|
|
22
|
+
var _default = exports.default = {
|
|
23
|
+
id: 'dialog-title',
|
|
24
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
25
|
+
example: _figma.default.code`<Dialog.Title${appearanceProp}>${title}</Dialog.Title>`
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=Dialog.Title.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","appearance","getEnum","undefined","danger","warning","success","appearanceProp","helpers","react","renderProp","title","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Title.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,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDL,OAAO,EAAEM,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAGR,cAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAET,UAAU,CAAC;AAE/E,MAAMU,KAAK,GAAIb,QAAQ,CAACc,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAExE;EACbmB,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEnB,cAAK,CAACoB,IAAI,gBAAgBZ,cAAc,IAAII,KAAK;AAC5D,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4331-429
|
|
10
|
+
// source=packages/components/src/components/Dialog/index.tsx
|
|
11
|
+
// component=Dialog
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const size = instance.getEnum('size', {
|
|
15
|
+
xs: 'xs',
|
|
16
|
+
sm: 'sm',
|
|
17
|
+
md: 'md',
|
|
18
|
+
lg: 'lg',
|
|
19
|
+
xl: 'xl',
|
|
20
|
+
full: 'full'
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
// Boolean-as-variant: fullBleed is a VARIANT property with "true"/"false" string values.
|
|
24
|
+
// Map "false" to undefined so the prop is omitted at the default value.
|
|
25
|
+
const fullBleed = instance.getEnum('fullBleed', {
|
|
26
|
+
true: true,
|
|
27
|
+
false: undefined
|
|
28
|
+
});
|
|
29
|
+
const fullBleedProp = _figma.default.helpers.react.renderProp('fullBleed', fullBleed);
|
|
30
|
+
|
|
31
|
+
// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
|
|
32
|
+
const headerInstance = instance.findInstance('Dialog.Header');
|
|
33
|
+
const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
|
|
34
|
+
const contentSlot = instance.getSlot('Dialog.Content');
|
|
35
|
+
const contentChildren = contentSlot ? _figma.default.helpers.react.renderChildren(contentSlot) : null;
|
|
36
|
+
const footerInstance = instance.findInstance('Dialog.Footer');
|
|
37
|
+
const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
|
|
38
|
+
var _default = exports.default = {
|
|
39
|
+
id: 'dialog',
|
|
40
|
+
imports: ["import { Dialog } from '@cdx-ui/components'"],
|
|
41
|
+
example: _figma.default.code`
|
|
42
|
+
<Dialog size="${size}"${fullBleedProp}>
|
|
43
|
+
<Dialog.Trigger>{/* Trigger */}</Dialog.Trigger>
|
|
44
|
+
<Dialog.Popup>
|
|
45
|
+
${headerSnippet}
|
|
46
|
+
<Dialog.Content>${contentChildren}</Dialog.Content>
|
|
47
|
+
${footerSnippet}
|
|
48
|
+
</Dialog.Popup>
|
|
49
|
+
</Dialog>`
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=Dialog.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","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","_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;EACRC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,SAAS,GAAGX,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CQ,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGd,cAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEP,SAAS,CAAC;;AAE5E;AACA,MAAMQ,cAAc,GAAGnB,QAAQ,CAACoB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,WAAW,GAAGzB,QAAQ,CAAC0B,OAAO,CAAC,gBAAgB,CAAC;AACtD,MAAMC,eAAe,GAAGF,WAAW,GAAGxB,cAAK,CAACe,OAAO,CAACC,KAAK,CAACW,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,cAAc,GAAG7B,QAAQ,CAACoB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMU,aAAa,GACjBD,cAAc,CAACP,IAAI,KAAK,UAAU,GAAGO,cAAc,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAExE;EACbkC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDV,OAAO,EAAEvB,cAAK,CAACkC,IAAI;AACrB,gBAAgBhC,IAAI,IAAIY,aAAa;AACrC;AACA;AACA,MAAMM,aAAa;AACnB,sBAAsBM,eAAe;AACrC,MAAMG,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "mergeForgeBottomTabScreenOptions", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useForgeBottomTabScreenOptions.mergeForgeBottomTabScreenOptions;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "useForgeBottomTabScreenOptions", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _useForgeBottomTabScreenOptions.useForgeBottomTabScreenOptions;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _useForgeBottomTabScreenOptions = require("./useForgeBottomTabScreenOptions");
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_useForgeBottomTabScreenOptions","require"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,+BAAA,GAAAC,OAAA","ignoreList":[]}
|