@cdx-ui/components 0.0.1-beta.94 → 0.0.1-beta.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +2 -2
  2. package/lib/commonjs/components/BottomSheet/index.js +4 -9
  3. package/lib/commonjs/components/BottomSheet/index.js.map +1 -1
  4. package/lib/commonjs/components/BottomSheet/styles.js +9 -7
  5. package/lib/commonjs/components/BottomSheet/styles.js.map +1 -1
  6. package/lib/commonjs/figma/BottomSheet.Footer.figma.js +31 -0
  7. package/lib/commonjs/figma/BottomSheet.Footer.figma.js.map +1 -0
  8. package/lib/commonjs/figma/BottomSheet.Header.figma.js +30 -0
  9. package/lib/commonjs/figma/BottomSheet.Header.figma.js.map +1 -0
  10. package/lib/commonjs/figma/BottomSheet.figma.js +54 -0
  11. package/lib/commonjs/figma/BottomSheet.figma.js.map +1 -0
  12. package/lib/module/components/BottomSheet/index.js +5 -10
  13. package/lib/module/components/BottomSheet/index.js.map +1 -1
  14. package/lib/module/components/BottomSheet/styles.js +9 -6
  15. package/lib/module/components/BottomSheet/styles.js.map +1 -1
  16. package/lib/module/figma/BottomSheet.Footer.figma.js +25 -0
  17. package/lib/module/figma/BottomSheet.Footer.figma.js.map +1 -0
  18. package/lib/module/figma/BottomSheet.Header.figma.js +24 -0
  19. package/lib/module/figma/BottomSheet.Header.figma.js.map +1 -0
  20. package/lib/module/figma/BottomSheet.figma.js +48 -0
  21. package/lib/module/figma/BottomSheet.figma.js.map +1 -0
  22. package/lib/typescript/components/BottomSheet/index.d.ts +2 -2
  23. package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -1
  24. package/lib/typescript/components/BottomSheet/styles.d.ts +4 -3
  25. package/lib/typescript/components/BottomSheet/styles.d.ts.map +1 -1
  26. package/lib/typescript/figma/BottomSheet.Footer.figma.d.ts +8 -0
  27. package/lib/typescript/figma/BottomSheet.Footer.figma.d.ts.map +1 -0
  28. package/lib/typescript/figma/BottomSheet.Header.figma.d.ts +8 -0
  29. package/lib/typescript/figma/BottomSheet.Header.figma.d.ts.map +1 -0
  30. package/lib/typescript/figma/BottomSheet.figma.d.ts +8 -0
  31. package/lib/typescript/figma/BottomSheet.figma.d.ts.map +1 -0
  32. package/package.json +4 -4
  33. package/src/components/BottomSheet/index.tsx +8 -14
  34. package/src/components/BottomSheet/styles.ts +8 -11
package/README.md CHANGED
@@ -39,7 +39,7 @@ Component stories live in [`apps/storybook`](../../apps/storybook/). See the ful
39
39
 
40
40
  ### Components
41
41
 
42
- Alert, AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, CurrencyInput, Dialog, Divider, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, ListItem, OtpInput, ProgressBar, ProgressSegmented, QuickActionButton, Radio, ScopedTheme, Select, Skeleton, Switch, Text, Tile, Toast, VirtualizedList.
42
+ Alert, AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, CurrencyInput, Dialog, Divider, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, ListItem, OtpInput, ProgressBar, ProgressSegmented, QuickActionButton, Radio, ScopedTheme, Select, Skeleton, Switch, Text, Textarea, Tile, Toast, VirtualizedList.
43
43
 
44
44
  > `Box` is exported but deprecated — use React Native's `View` directly.
45
45
 
@@ -86,7 +86,7 @@ See the **[Code Connect authoring guide](../../docs/internal/practices/code-conn
86
86
 
87
87
  ## Testing
88
88
 
89
- Tests live in [`__tests__/`](./__tests__/). **Jest** uses the repo-root **`jest.config.js`** with **four projects**: **`rntl`** (jest-expo native + **`@testing-library/react-native`**) for `*.test.tsx`, **`axe`** (jest-expo web + jsdom + **`@testing-library/react`** + **`jest-axe`**) for `*.axe.test.tsx`, **`utils`** (**`@cdx-ui/utils`** co-located tests), and **`styles`** (**`@cdx-ui/styles`** jest-expo native). The first two target `packages/components/__tests__/`.
89
+ Tests live in [`__tests__/`](./__tests__/). **Jest** uses the repo-root **`jest.config.js`** with **five projects**: **`rntl`** (jest-expo native + **`@testing-library/react-native`**) for `*.test.tsx`, **`axe`** (jest-expo web + jsdom + **`@testing-library/react`** + **`jest-axe`**) for `*.axe.test.tsx`, **`utils`** (**`@cdx-ui/utils`** co-located tests), **`styles`** (**`@cdx-ui/styles`** jest-expo native), and **`icons`** (**`@cdx-ui/icons`** jest-expo native). The first two target `packages/components/__tests__/`.
90
90
 
91
91
  ```bash
92
92
  # From monorepo root
@@ -58,7 +58,7 @@ function BottomSheetHeaderComponent({
58
58
  className: "flex-1",
59
59
  children: children ?? (hasTitle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
60
60
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.Heading, {
61
- size: "md",
61
+ size: "sm",
62
62
  className: "text-center",
63
63
  children: title
64
64
  }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
@@ -178,12 +178,6 @@ BottomSheetFooter.displayName = 'BottomSheet.Footer';
178
178
  // =============================================================================
179
179
 
180
180
  const MAX_DYNAMIC_CONTENT_SIZE = _reactNative.Dimensions.get('window').height * 0.9;
181
- const SHEET_BORDER_RADIUS = 24;
182
- const sheetContainerStyle = {
183
- overflow: 'hidden',
184
- borderTopLeftRadius: SHEET_BORDER_RADIUS,
185
- borderTopRightRadius: SHEET_BORDER_RADIUS
186
- };
187
181
  const CustomBackdrop = props => {
188
182
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop, {
189
183
  ...props,
@@ -195,7 +189,7 @@ const CustomBackdrop = props => {
195
189
  };
196
190
  const CustomBackground = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
197
191
  ...props,
198
- className: (0, _utils.cn)((0, _styles.bottomSheetContainerVariants)())
192
+ className: _styles.bottomSheetBackgroundClassName
199
193
  });
200
194
  const BottomSheetModalStyled = /*#__PURE__*/(0, _react.forwardRef)(({
201
195
  handleVisible = true,
@@ -218,7 +212,8 @@ const BottomSheetModalStyled = /*#__PURE__*/(0, _react.forwardRef)(({
218
212
  dismissedRef.current = false;
219
213
  onChange?.(...args);
220
214
  }, [onChange]);
221
- const handleIndicatorStyle = (0, _uniwind.useResolveClassNames)('bg-surface-neutral-subtle w-9 h-1 rounded-full');
215
+ const sheetContainerStyle = (0, _uniwind.useResolveClassNames)(_styles.bottomSheetModalContainerClassName);
216
+ const handleIndicatorStyle = (0, _uniwind.useResolveClassNames)('bg-surface-neutral-subtle w-9 h-[5px] rounded-full');
222
217
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
223
218
  ref: ref,
224
219
  enableDynamicSizing: true,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uniwind","_bottomSheet","_utils","_icons","_Heading","_IconButton","_Text","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ZERO_INSETS","top","bottom","left","right","useSafeInsets","useContext","SafeAreaInsetsContext","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","cn","bottomSheetHeaderVariants","jsxs","View","jsx","BottomSheetBackButton","onPress","accessibilityLabel","Heading","size","Text","BottomSheetCloseButton","displayName","BottomSheetHeader","forwardRef","IconButton","as","ArrowBack","variant","color","hitSlop","Close","BottomSheetContent","hasSafeAreaInset","style","insets","bottomSheetContentVariants","paddingBottom","pointerEvents","BottomSheetFooter","bottomSheetFooterVariants","Math","max","MAX_DYNAMIC_CONTENT_SIZE","Dimensions","height","SHEET_BORDER_RADIUS","sheetContainerStyle","overflow","borderTopLeftRadius","borderTopRightRadius","CustomBackdrop","props","BottomSheetBackdrop","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","CustomBackground","bottomSheetContainerVariants","BottomSheetModalStyled","handleVisible","footer","onDismiss","onChange","rest","renderFooter","useCallback","dismissedRef","useRef","handleDismiss","current","handleChange","args","handleIndicatorStyle","useResolveClassNames","BottomSheetModal","enableDynamicSizing","maxDynamicContentSize","handleComponent","backdropComponent","backgroundComponent","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetScrollView","BottomSheetViewStyled","BottomSheetView","BottomSheetModalProvider","BottomSheet","exports","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","present","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uniwind","_bottomSheet","_utils","_icons","_Heading","_IconButton","_Text","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ZERO_INSETS","top","bottom","left","right","useSafeInsets","useContext","SafeAreaInsetsContext","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","cn","bottomSheetHeaderVariants","jsxs","View","jsx","BottomSheetBackButton","onPress","accessibilityLabel","Heading","size","Text","BottomSheetCloseButton","displayName","BottomSheetHeader","forwardRef","IconButton","as","ArrowBack","variant","color","hitSlop","Close","BottomSheetContent","hasSafeAreaInset","style","insets","bottomSheetContentVariants","paddingBottom","pointerEvents","BottomSheetFooter","bottomSheetFooterVariants","Math","max","MAX_DYNAMIC_CONTENT_SIZE","Dimensions","height","CustomBackdrop","props","BottomSheetBackdrop","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","CustomBackground","bottomSheetBackgroundClassName","BottomSheetModalStyled","handleVisible","footer","onDismiss","onChange","rest","renderFooter","useCallback","dismissedRef","useRef","handleDismiss","current","handleChange","args","sheetContainerStyle","useResolveClassNames","bottomSheetModalContainerClassName","handleIndicatorStyle","BottomSheetModal","enableDynamicSizing","maxDynamicContentSize","handleComponent","backdropComponent","backgroundComponent","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetScrollView","BottomSheetViewStyled","BottomSheetView","BottomSheetModalProvider","BottomSheet","exports","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","present","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -3,10 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.bottomSheetHeaderVariants = exports.bottomSheetFooterVariants = exports.bottomSheetContentVariants = exports.bottomSheetContainerVariants = exports.bottomSheetCloseIconVariants = exports.bottomSheetBackIconVariants = void 0;
6
+ exports.bottomSheetModalContainerClassName = exports.bottomSheetHeaderVariants = exports.bottomSheetFooterVariants = exports.bottomSheetContentVariants = exports.bottomSheetBackgroundClassName = void 0;
7
7
  var _classVarianceAuthority = require("class-variance-authority");
8
- const bottomSheetContainerVariants = exports.bottomSheetContainerVariants = (0, _classVarianceAuthority.cva)(['rounded-t-3xl overflow-hidden', 'bg-surface-primary']);
9
- const bottomSheetHeaderVariants = exports.bottomSheetHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between min-h-12 px-4 pt-3 pb-2', 'bg-surface-primary', 'text-content-primary'], {
8
+ /** Shared top-radius + clip — used by background CVA and gorhom modal `style` (via useResolveClassNames). */
9
+ const bottomSheetModalContainerClassName = exports.bottomSheetModalContainerClassName = 'overflow-hidden rounded-t-4xl';
10
+
11
+ /** Gorhom backgroundComponent — surface fill + shared top-radius clip. */
12
+ const bottomSheetBackgroundClassName = exports.bottomSheetBackgroundClassName = `${bottomSheetModalContainerClassName} bg-surface-primary`;
13
+ const bottomSheetHeaderVariants = exports.bottomSheetHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between min-h-11 px-4 pt-3 pb-2.5', 'bg-surface-primary', 'text-content-primary'], {
10
14
  variants: {
11
15
  hasTitle: {
12
16
  true: '',
@@ -17,8 +21,6 @@ const bottomSheetHeaderVariants = exports.bottomSheetHeaderVariants = (0, _class
17
21
  hasTitle: true
18
22
  }
19
23
  });
20
- const bottomSheetContentVariants = exports.bottomSheetContentVariants = (0, _classVarianceAuthority.cva)(['bg-surface-primary', 'p-5 pb-6']);
21
- const bottomSheetFooterVariants = exports.bottomSheetFooterVariants = (0, _classVarianceAuthority.cva)(['px-5 pb-5', 'bg-surface-primary']);
22
- const bottomSheetBackIconVariants = exports.bottomSheetBackIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-slate-500']);
23
- const bottomSheetCloseIconVariants = exports.bottomSheetCloseIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-slate-500']);
24
+ const bottomSheetContentVariants = exports.bottomSheetContentVariants = (0, _classVarianceAuthority.cva)(['bg-surface-primary', 'px-5 pb-5 gap-3']);
25
+ const bottomSheetFooterVariants = exports.bottomSheetFooterVariants = (0, _classVarianceAuthority.cva)(['px-5 pb-5 gap-2', 'bg-surface-primary']);
24
26
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_classVarianceAuthority","require","bottomSheetContainerVariants","exports","cva","bottomSheetHeaderVariants","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetBackIconVariants","bottomSheetCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,2BAAG,EAAC,CAC9C,+BAA+B,EAC/B,oBAAoB,CACrB,CAAC;AAEK,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAG,IAAAD,2BAAG,EAC1C,CACE,+DAA+D,EAC/D,oBAAoB,EACpB,sBAAsB,CACvB,EACD;EACEE,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAEM,MAAMI,0BAA0B,GAAAR,OAAA,CAAAQ,0BAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;AAE1E,MAAMQ,yBAAyB,GAAAT,OAAA,CAAAS,yBAAA,GAAG,IAAAR,2BAAG,EAAC,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;AAE1E,MAAMS,2BAA2B,GAAAV,OAAA,CAAAU,2BAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;AAElE,MAAMU,4BAA4B,GAAAX,OAAA,CAAAW,4BAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_classVarianceAuthority","require","bottomSheetModalContainerClassName","exports","bottomSheetBackgroundClassName","bottomSheetHeaderVariants","cva","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,+BAA+B;;AAEjF;AACO,MAAME,8BAA8B,GAAAD,OAAA,CAAAC,8BAAA,GAAG,GAAGF,kCAAkC,qBAAqB;AAEjG,MAAMG,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAG,IAAAC,2BAAG,EAC1C,CACE,iEAAiE,EACjE,oBAAoB,EACpB,sBAAsB,CACvB,EACD;EACEC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAEM,MAAMI,0BAA0B,GAAAT,OAAA,CAAAS,0BAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;AAEjF,MAAMO,yBAAyB,GAAAV,OAAA,CAAAU,yBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,31 @@
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=3187-993
10
+ // source=packages/components/src/components/BottomSheet/index.tsx
11
+ // component=BottomSheet.Footer
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+
15
+ // Footer actions are Button instances inside the `actions` slot (layer name: "Button").
16
+ // Use findInstance + executeTemplate — not getSlot/renderChildren — so nested Button Code
17
+ // Connect templates inline as <Button>…</Button> instead of an opaque <Actions /> wrapper.
18
+ const primaryButton = instance.findInstance('Button');
19
+ const primarySnippet = primaryButton.type === 'INSTANCE' ? primaryButton.executeTemplate().example : null;
20
+ const secondaryButton = instance.findInstance('Button (Secondary)');
21
+ const secondarySnippet = secondaryButton.type === 'INSTANCE' ? secondaryButton.executeTemplate().example : null;
22
+ var _default = exports.default = {
23
+ id: 'bottom-sheet-footer',
24
+ imports: ["import { BottomSheet } from '@cdx-ui/components'"],
25
+ example: _figma.default.code`
26
+ <BottomSheet.Footer>
27
+ ${secondarySnippet}
28
+ ${primarySnippet}
29
+ </BottomSheet.Footer>`
30
+ };
31
+ //# sourceMappingURL=BottomSheet.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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.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;AACA;AACA,MAAMC,aAAa,GAAGH,QAAQ,CAACI,YAAY,CAAC,QAAQ,CAAC;AACrD,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;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAE1E;EACbc,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DN,OAAO,EAAEP,cAAK,CAACc,IAAI;AACrB;AACA,IAAIL,gBAAgB;AACpB,IAAIL,cAAc;AAClB;AACA,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=3179-505
10
+ // source=packages/components/src/components/BottomSheet/index.tsx
11
+ // component=BottomSheet.Header
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+ const showLeadingButton = instance.getBoolean('Show Leading Button?');
15
+ const showTrailingButton = instance.getBoolean('Show Trailing Button?');
16
+ const showTitle = instance.getBoolean('Show Title?');
17
+ const title = showTitle ? instance.findText('Title').textContent : undefined;
18
+ const titleProp = _figma.default.helpers.react.renderProp('title', title);
19
+
20
+ // Trailing button = close (×), leading button = back (←). Figma has no `subtitle` text layer
21
+ // on this component, so the code's `subtitle` prop cannot be mapped here — token/design gap,
22
+ // see story DEVEX-6203.
23
+ const onCloseProp = _figma.default.helpers.react.renderProp('onClose', showTrailingButton ? _figma.default.helpers.react.identifier('dismiss') : undefined);
24
+ const onBackProp = _figma.default.helpers.react.renderProp('onBack', showLeadingButton ? _figma.default.helpers.react.function('() => {}') : undefined);
25
+ var _default = exports.default = {
26
+ id: 'bottom-sheet-header',
27
+ imports: ["import { BottomSheet } from '@cdx-ui/components'"],
28
+ example: _figma.default.code`<BottomSheet.Header${titleProp}${onCloseProp}${onBackProp} />`
29
+ };
30
+ //# sourceMappingURL=BottomSheet.Header.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showLeadingButton","getBoolean","showTrailingButton","showTitle","title","findText","textContent","undefined","titleProp","helpers","react","renderProp","onCloseProp","identifier","onBackProp","function","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.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,iBAAiB,GAAGH,QAAQ,CAACI,UAAU,CAAC,sBAAsB,CAAC;AACrE,MAAMC,kBAAkB,GAAGL,QAAQ,CAACI,UAAU,CAAC,uBAAuB,CAAC;AACvE,MAAME,SAAS,GAAGN,QAAQ,CAACI,UAAU,CAAC,aAAa,CAAC;AAEpD,MAAMG,KAAK,GAAGD,SAAS,GAClBN,QAAQ,CAACQ,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW,GACtEC,SAAS;AACb,MAAMC,SAAS,GAAGV,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEP,KAAK,CAAC;;AAEhE;AACA;AACA;AACA,MAAMQ,WAAW,GAAGd,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAChD,SAAS,EACTT,kBAAkB,GAAGJ,cAAK,CAACW,OAAO,CAACC,KAAK,CAACG,UAAU,CAAC,SAAS,CAAC,GAAGN,SACnE,CAAC;AACD,MAAMO,UAAU,GAAGhB,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAC/C,QAAQ,EACRX,iBAAiB,GAAGF,cAAK,CAACW,OAAO,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,GAAGR,SACjE,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEa;EACbsB,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEtB,cAAK,CAACuB,IAAI,sBAAsBb,SAAS,GAAGI,WAAW,GAAGE,UAAU;AAC/E,CAAC","ignoreList":[]}
@@ -0,0 +1,54 @@
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=3187-706
10
+ // source=packages/components/src/components/BottomSheet/index.tsx
11
+ // component=BottomSheet
12
+
13
+ const instance = _figma.default.selectedInstance;
14
+ const showFooter = instance.getBoolean('Show Footer?');
15
+
16
+ // VARIANT property with "False"/"True" string values — map to a real boolean so it can drive
17
+ // which body wrapper (BottomSheet.View vs BottomSheet.ScrollView) appears in the snippet.
18
+ const useScrollView = instance.getEnum('Use ScrollView?', {
19
+ True: true,
20
+ False: false
21
+ });
22
+
23
+ // `fullBleed` is a Figma-only organizational variant (toggles side padding on the content
24
+ // preview) with no corresponding prop on BottomSheet.Content — intentionally not mapped.
25
+ // See story DEVEX-6203 token-gap notes.
26
+
27
+ // Delegate to nested Code Connect templates — each sub-component manages its own snippet.
28
+ const headerInstance = instance.findInstance('BottomSheet.Header');
29
+ const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
30
+ const footerInstance = instance.findInstance('BottomSheet.Footer');
31
+ const footerSnippet = showFooter && footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
32
+ // `footer` is passed as a prop on BottomSheet.Modal (not a child) for correct animated
33
+ // positioning — see docs/components/bottom-sheet.md constraints.
34
+ const footerProp = _figma.default.helpers.react.renderProp('footer', footerSnippet ?? undefined);
35
+ const contentSlot = instance.getSlot('BottomSheet.Content');
36
+ const contentChildren = contentSlot ? _figma.default.helpers.react.renderChildren(contentSlot) : null;
37
+ var _default = exports.default = {
38
+ id: 'bottom-sheet',
39
+ imports: ["import { BottomSheet, useBottomSheet } from '@cdx-ui/components'"],
40
+ example: useScrollView ? _figma.default.code`
41
+ <BottomSheet.Modal ref={ref}${footerProp}>
42
+ ${headerSnippet}
43
+ <BottomSheet.ScrollView>
44
+ <BottomSheet.Content>${contentChildren}</BottomSheet.Content>
45
+ </BottomSheet.ScrollView>
46
+ </BottomSheet.Modal>` : _figma.default.code`
47
+ <BottomSheet.Modal ref={ref}${footerProp}>
48
+ ${headerSnippet}
49
+ <BottomSheet.View>
50
+ <BottomSheet.Content>${contentChildren}</BottomSheet.Content>
51
+ </BottomSheet.View>
52
+ </BottomSheet.Modal>`
53
+ };
54
+ //# sourceMappingURL=BottomSheet.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showFooter","getBoolean","useScrollView","getEnum","True","False","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","footerInstance","footerSnippet","footerProp","helpers","react","renderProp","undefined","contentSlot","getSlot","contentChildren","renderChildren","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.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,UAAU,CAAC,cAAc,CAAC;;AAEtD;AACA;AACA,MAAMC,aAAa,GAAGL,QAAQ,CAACM,OAAO,CAAC,iBAAiB,EAAE;EACxDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA,MAAMC,cAAc,GAAGT,QAAQ,CAACU,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,cAAc,GAAGf,QAAQ,CAACU,YAAY,CAAC,oBAAoB,CAAC;AAClE,MAAMM,aAAa,GACjBb,UAAU,IAAIY,cAAc,CAACH,IAAI,KAAK,UAAU,GAC5CG,cAAc,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GACxC,IAAI;AACV;AACA;AACA,MAAMG,UAAU,GAAGhB,cAAK,CAACiB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAEJ,aAAa,IAAIK,SAAS,CAAC;AAEvF,MAAMC,WAAW,GAAGtB,QAAQ,CAACuB,OAAO,CAAC,qBAAqB,CAAC;AAC3D,MAAMC,eAAe,GAAGF,WAAW,GAAGrB,cAAK,CAACiB,OAAO,CAACC,KAAK,CAACM,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAE9E;EACb6B,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kEAAkE,CAAC;EAC7Ef,OAAO,EAAET,aAAa,GAClBJ,cAAK,CAAC6B,IAAI;AAChB,8BAA8Bb,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA,qBAAqB,GACfvB,cAAK,CAAC6B,IAAI;AAChB,8BAA8Bb,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA;AACA,CAAC","ignoreList":[]}
@@ -10,7 +10,7 @@ import { ArrowBack, Close } from '@cdx-ui/icons';
10
10
  import { Heading } from '../Heading';
11
11
  import { IconButton } from '../IconButton';
12
12
  import { Text } from '../Text';
13
- import { bottomSheetContainerVariants, bottomSheetContentVariants, bottomSheetFooterVariants, bottomSheetHeaderVariants } from './styles';
13
+ import { bottomSheetBackgroundClassName, bottomSheetContentVariants, bottomSheetFooterVariants, bottomSheetHeaderVariants, bottomSheetModalContainerClassName } from './styles';
14
14
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
15
15
  const ZERO_INSETS = {
16
16
  top: 0,
@@ -52,7 +52,7 @@ function BottomSheetHeaderComponent({
52
52
  className: "flex-1",
53
53
  children: children ?? (hasTitle ? /*#__PURE__*/_jsxs(View, {
54
54
  children: [/*#__PURE__*/_jsx(Heading, {
55
- size: "md",
55
+ size: "sm",
56
56
  className: "text-center",
57
57
  children: title
58
58
  }), subtitle ? /*#__PURE__*/_jsx(Text, {
@@ -172,12 +172,6 @@ BottomSheetFooter.displayName = 'BottomSheet.Footer';
172
172
  // =============================================================================
173
173
 
174
174
  const MAX_DYNAMIC_CONTENT_SIZE = Dimensions.get('window').height * 0.9;
175
- const SHEET_BORDER_RADIUS = 24;
176
- const sheetContainerStyle = {
177
- overflow: 'hidden',
178
- borderTopLeftRadius: SHEET_BORDER_RADIUS,
179
- borderTopRightRadius: SHEET_BORDER_RADIUS
180
- };
181
175
  const CustomBackdrop = props => {
182
176
  return /*#__PURE__*/_jsx(BottomSheetBackdrop, {
183
177
  ...props,
@@ -189,7 +183,7 @@ const CustomBackdrop = props => {
189
183
  };
190
184
  const CustomBackground = props => /*#__PURE__*/_jsx(View, {
191
185
  ...props,
192
- className: cn(bottomSheetContainerVariants())
186
+ className: bottomSheetBackgroundClassName
193
187
  });
194
188
  const BottomSheetModalStyled = /*#__PURE__*/forwardRef(({
195
189
  handleVisible = true,
@@ -212,7 +206,8 @@ const BottomSheetModalStyled = /*#__PURE__*/forwardRef(({
212
206
  dismissedRef.current = false;
213
207
  onChange?.(...args);
214
208
  }, [onChange]);
215
- const handleIndicatorStyle = useResolveClassNames('bg-surface-neutral-subtle w-9 h-1 rounded-full');
209
+ const sheetContainerStyle = useResolveClassNames(bottomSheetModalContainerClassName);
210
+ const handleIndicatorStyle = useResolveClassNames('bg-surface-neutral-subtle w-9 h-[5px] rounded-full');
216
211
  return /*#__PURE__*/_jsx(BottomSheetModal, {
217
212
  ref: ref,
218
213
  enableDynamicSizing: true,
@@ -1 +1 @@
1
- {"version":3,"names":["React","forwardRef","useCallback","useContext","useRef","Dimensions","View","SafeAreaInsetsContext","useResolveClassNames","BottomSheetModal","BottomSheetModalProvider","BottomSheetScrollView","BottomSheetView","BottomSheetBackdrop","BottomSheetFooter","GorhomBottomSheetFooter","cn","ArrowBack","Close","Heading","IconButton","Text","bottomSheetContainerVariants","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetHeaderVariants","jsx","_jsx","jsxs","_jsxs","ZERO_INSETS","top","bottom","left","right","useSafeInsets","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","BottomSheetBackButton","onPress","accessibilityLabel","size","BottomSheetCloseButton","displayName","BottomSheetHeader","as","variant","color","hitSlop","BottomSheetContent","hasSafeAreaInset","style","insets","paddingBottom","pointerEvents","Math","max","MAX_DYNAMIC_CONTENT_SIZE","get","height","SHEET_BORDER_RADIUS","sheetContainerStyle","overflow","borderTopLeftRadius","borderTopRightRadius","CustomBackdrop","props","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","CustomBackground","BottomSheetModalStyled","handleVisible","footer","onDismiss","onChange","rest","renderFooter","dismissedRef","handleDismiss","current","handleChange","args","handleIndicatorStyle","enableDynamicSizing","maxDynamicContentSize","handleComponent","backdropComponent","backgroundComponent","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetViewStyled","BottomSheet","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","present","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","forwardRef","useCallback","useContext","useRef","Dimensions","View","SafeAreaInsetsContext","useResolveClassNames","BottomSheetModal","BottomSheetModalProvider","BottomSheetScrollView","BottomSheetView","BottomSheetBackdrop","BottomSheetFooter","GorhomBottomSheetFooter","cn","ArrowBack","Close","Heading","IconButton","Text","bottomSheetBackgroundClassName","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetHeaderVariants","bottomSheetModalContainerClassName","jsx","_jsx","jsxs","_jsxs","ZERO_INSETS","top","bottom","left","right","useSafeInsets","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","BottomSheetBackButton","onPress","accessibilityLabel","size","BottomSheetCloseButton","displayName","BottomSheetHeader","as","variant","color","hitSlop","BottomSheetContent","hasSafeAreaInset","style","insets","paddingBottom","pointerEvents","Math","max","MAX_DYNAMIC_CONTENT_SIZE","get","height","CustomBackdrop","props","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","CustomBackground","BottomSheetModalStyled","handleVisible","footer","onDismiss","onChange","rest","renderFooter","dismissedRef","handleDismiss","current","handleChange","args","sheetContainerStyle","handleIndicatorStyle","enableDynamicSizing","maxDynamicContentSize","handleComponent","backdropComponent","backgroundComponent","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetViewStyled","BottomSheet","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","present","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,8 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from 'class-variance-authority';
4
- export const bottomSheetContainerVariants = cva(['rounded-t-3xl overflow-hidden', 'bg-surface-primary']);
5
- export const bottomSheetHeaderVariants = cva(['flex-row items-center justify-between min-h-12 px-4 pt-3 pb-2', 'bg-surface-primary', 'text-content-primary'], {
4
+
5
+ /** Shared top-radius + clip — used by background CVA and gorhom modal `style` (via useResolveClassNames). */
6
+ export const bottomSheetModalContainerClassName = 'overflow-hidden rounded-t-4xl';
7
+
8
+ /** Gorhom backgroundComponent — surface fill + shared top-radius clip. */
9
+ export const bottomSheetBackgroundClassName = `${bottomSheetModalContainerClassName} bg-surface-primary`;
10
+ export const bottomSheetHeaderVariants = cva(['flex-row items-center justify-between min-h-11 px-4 pt-3 pb-2.5', 'bg-surface-primary', 'text-content-primary'], {
6
11
  variants: {
7
12
  hasTitle: {
8
13
  true: '',
@@ -13,8 +18,6 @@ export const bottomSheetHeaderVariants = cva(['flex-row items-center justify-bet
13
18
  hasTitle: true
14
19
  }
15
20
  });
16
- export const bottomSheetContentVariants = cva(['bg-surface-primary', 'p-5 pb-6']);
17
- export const bottomSheetFooterVariants = cva(['px-5 pb-5', 'bg-surface-primary']);
18
- export const bottomSheetBackIconVariants = cva(['size-5 text-slate-500']);
19
- export const bottomSheetCloseIconVariants = cva(['size-5 text-slate-500']);
21
+ export const bottomSheetContentVariants = cva(['bg-surface-primary', 'px-5 pb-5 gap-3']);
22
+ export const bottomSheetFooterVariants = cva(['px-5 pb-5 gap-2', 'bg-surface-primary']);
20
23
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["cva","bottomSheetContainerVariants","bottomSheetHeaderVariants","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetBackIconVariants","bottomSheetCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,4BAA4B,GAAGD,GAAG,CAAC,CAC9C,+BAA+B,EAC/B,oBAAoB,CACrB,CAAC;AAEF,OAAO,MAAME,yBAAyB,GAAGF,GAAG,CAC1C,CACE,+DAA+D,EAC/D,oBAAoB,EACpB,sBAAsB,CACvB,EACD;EACEG,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAMI,0BAA0B,GAAGR,GAAG,CAAC,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;AAEjF,OAAO,MAAMS,yBAAyB,GAAGT,GAAG,CAAC,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;AAEjF,OAAO,MAAMU,2BAA2B,GAAGV,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;AAEzE,OAAO,MAAMW,4BAA4B,GAAGX,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["cva","bottomSheetModalContainerClassName","bottomSheetBackgroundClassName","bottomSheetHeaderVariants","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;;AAEjE;AACA,OAAO,MAAMC,kCAAkC,GAAG,+BAA+B;;AAEjF;AACA,OAAO,MAAMC,8BAA8B,GAAG,GAAGD,kCAAkC,qBAAqB;AAExG,OAAO,MAAME,yBAAyB,GAAGH,GAAG,CAC1C,CACE,iEAAiE,EACjE,oBAAoB,EACpB,sBAAsB,CACvB,EACD;EACEI,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,OAAO,MAAMI,0BAA0B,GAAGT,GAAG,CAAC,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;AAExF,OAAO,MAAMU,yBAAyB,GAAGV,GAAG,CAAC,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3187-993
4
+ // source=packages/components/src/components/BottomSheet/index.tsx
5
+ // component=BottomSheet.Footer
6
+ import figma from 'figma';
7
+ const instance = figma.selectedInstance;
8
+
9
+ // Footer actions are Button instances inside the `actions` slot (layer name: "Button").
10
+ // Use findInstance + executeTemplate — not getSlot/renderChildren — so nested Button Code
11
+ // Connect templates inline as <Button>…</Button> instead of an opaque <Actions /> wrapper.
12
+ const primaryButton = instance.findInstance('Button');
13
+ const primarySnippet = primaryButton.type === 'INSTANCE' ? primaryButton.executeTemplate().example : null;
14
+ const secondaryButton = instance.findInstance('Button (Secondary)');
15
+ const secondarySnippet = secondaryButton.type === 'INSTANCE' ? secondaryButton.executeTemplate().example : null;
16
+ export default {
17
+ id: 'bottom-sheet-footer',
18
+ imports: ["import { BottomSheet } from '@cdx-ui/components'"],
19
+ example: figma.code`
20
+ <BottomSheet.Footer>
21
+ ${secondarySnippet}
22
+ ${primarySnippet}
23
+ </BottomSheet.Footer>`
24
+ };
25
+ //# sourceMappingURL=BottomSheet.Footer.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["figma","instance","selectedInstance","primaryButton","findInstance","primarySnippet","type","executeTemplate","example","secondaryButton","secondarySnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.Footer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,aAAa,GAAGF,QAAQ,CAACG,YAAY,CAAC,QAAQ,CAAC;AACrD,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,eAAe;EACbG,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DJ,OAAO,EAAER,KAAK,CAACa,IAAI;AACrB;AACA,IAAIH,gBAAgB;AACpB,IAAIL,cAAc;AAClB;AACA,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=3179-505
4
+ // source=packages/components/src/components/BottomSheet/index.tsx
5
+ // component=BottomSheet.Header
6
+ import figma from 'figma';
7
+ const instance = figma.selectedInstance;
8
+ const showLeadingButton = instance.getBoolean('Show Leading Button?');
9
+ const showTrailingButton = instance.getBoolean('Show Trailing Button?');
10
+ const showTitle = instance.getBoolean('Show Title?');
11
+ const title = showTitle ? instance.findText('Title').textContent : undefined;
12
+ const titleProp = figma.helpers.react.renderProp('title', title);
13
+
14
+ // Trailing button = close (×), leading button = back (←). Figma has no `subtitle` text layer
15
+ // on this component, so the code's `subtitle` prop cannot be mapped here — token/design gap,
16
+ // see story DEVEX-6203.
17
+ const onCloseProp = figma.helpers.react.renderProp('onClose', showTrailingButton ? figma.helpers.react.identifier('dismiss') : undefined);
18
+ const onBackProp = figma.helpers.react.renderProp('onBack', showLeadingButton ? figma.helpers.react.function('() => {}') : undefined);
19
+ export default {
20
+ id: 'bottom-sheet-header',
21
+ imports: ["import { BottomSheet } from '@cdx-ui/components'"],
22
+ example: figma.code`<BottomSheet.Header${titleProp}${onCloseProp}${onBackProp} />`
23
+ };
24
+ //# sourceMappingURL=BottomSheet.Header.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["figma","instance","selectedInstance","showLeadingButton","getBoolean","showTrailingButton","showTitle","title","findText","textContent","undefined","titleProp","helpers","react","renderProp","onCloseProp","identifier","onBackProp","function","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,iBAAiB,GAAGF,QAAQ,CAACG,UAAU,CAAC,sBAAsB,CAAC;AACrE,MAAMC,kBAAkB,GAAGJ,QAAQ,CAACG,UAAU,CAAC,uBAAuB,CAAC;AACvE,MAAME,SAAS,GAAGL,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AAEpD,MAAMG,KAAK,GAAGD,SAAS,GAClBL,QAAQ,CAACO,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW,GACtEC,SAAS;AACb,MAAMC,SAAS,GAAGX,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEP,KAAK,CAAC;;AAEhE;AACA;AACA;AACA,MAAMQ,WAAW,GAAGf,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAChD,SAAS,EACTT,kBAAkB,GAAGL,KAAK,CAACY,OAAO,CAACC,KAAK,CAACG,UAAU,CAAC,SAAS,CAAC,GAAGN,SACnE,CAAC;AACD,MAAMO,UAAU,GAAGjB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAC/C,QAAQ,EACRX,iBAAiB,GAAGH,KAAK,CAACY,OAAO,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,GAAGR,SACjE,CAAC;AAED,eAAe;EACbS,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAErB,KAAK,CAACsB,IAAI,sBAAsBX,SAAS,GAAGI,WAAW,GAAGE,UAAU;AAC/E,CAAC","ignoreList":[]}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+
3
+ // url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3187-706
4
+ // source=packages/components/src/components/BottomSheet/index.tsx
5
+ // component=BottomSheet
6
+ import figma from 'figma';
7
+ const instance = figma.selectedInstance;
8
+ const showFooter = instance.getBoolean('Show Footer?');
9
+
10
+ // VARIANT property with "False"/"True" string values — map to a real boolean so it can drive
11
+ // which body wrapper (BottomSheet.View vs BottomSheet.ScrollView) appears in the snippet.
12
+ const useScrollView = instance.getEnum('Use ScrollView?', {
13
+ True: true,
14
+ False: false
15
+ });
16
+
17
+ // `fullBleed` is a Figma-only organizational variant (toggles side padding on the content
18
+ // preview) with no corresponding prop on BottomSheet.Content — intentionally not mapped.
19
+ // See story DEVEX-6203 token-gap notes.
20
+
21
+ // Delegate to nested Code Connect templates — each sub-component manages its own snippet.
22
+ const headerInstance = instance.findInstance('BottomSheet.Header');
23
+ const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
24
+ const footerInstance = instance.findInstance('BottomSheet.Footer');
25
+ const footerSnippet = showFooter && footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
26
+ // `footer` is passed as a prop on BottomSheet.Modal (not a child) for correct animated
27
+ // positioning — see docs/components/bottom-sheet.md constraints.
28
+ const footerProp = figma.helpers.react.renderProp('footer', footerSnippet ?? undefined);
29
+ const contentSlot = instance.getSlot('BottomSheet.Content');
30
+ const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
31
+ export default {
32
+ id: 'bottom-sheet',
33
+ imports: ["import { BottomSheet, useBottomSheet } from '@cdx-ui/components'"],
34
+ example: useScrollView ? figma.code`
35
+ <BottomSheet.Modal ref={ref}${footerProp}>
36
+ ${headerSnippet}
37
+ <BottomSheet.ScrollView>
38
+ <BottomSheet.Content>${contentChildren}</BottomSheet.Content>
39
+ </BottomSheet.ScrollView>
40
+ </BottomSheet.Modal>` : figma.code`
41
+ <BottomSheet.Modal ref={ref}${footerProp}>
42
+ ${headerSnippet}
43
+ <BottomSheet.View>
44
+ <BottomSheet.Content>${contentChildren}</BottomSheet.Content>
45
+ </BottomSheet.View>
46
+ </BottomSheet.Modal>`
47
+ };
48
+ //# sourceMappingURL=BottomSheet.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["figma","instance","selectedInstance","showFooter","getBoolean","useScrollView","getEnum","True","False","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","footerInstance","footerSnippet","footerProp","helpers","react","renderProp","undefined","contentSlot","getSlot","contentChildren","renderChildren","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,UAAU,GAAGF,QAAQ,CAACG,UAAU,CAAC,cAAc,CAAC;;AAEtD;AACA;AACA,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,OAAO,CAAC,iBAAiB,EAAE;EACxDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA,MAAMC,cAAc,GAAGR,QAAQ,CAACS,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,cAAc,GAAGd,QAAQ,CAACS,YAAY,CAAC,oBAAoB,CAAC;AAClE,MAAMM,aAAa,GACjBb,UAAU,IAAIY,cAAc,CAACH,IAAI,KAAK,UAAU,GAC5CG,cAAc,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GACxC,IAAI;AACV;AACA;AACA,MAAMG,UAAU,GAAGjB,KAAK,CAACkB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAEJ,aAAa,IAAIK,SAAS,CAAC;AAEvF,MAAMC,WAAW,GAAGrB,QAAQ,CAACsB,OAAO,CAAC,qBAAqB,CAAC;AAC3D,MAAMC,eAAe,GAAGF,WAAW,GAAGtB,KAAK,CAACkB,OAAO,CAACC,KAAK,CAACM,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbI,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kEAAkE,CAAC;EAC7Eb,OAAO,EAAET,aAAa,GAClBL,KAAK,CAAC4B,IAAI;AAChB,8BAA8BX,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA,qBAAqB,GACfxB,KAAK,CAAC4B,IAAI;AAChB,8BAA8BX,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA;AACA,CAAC","ignoreList":[]}
@@ -1,6 +1,6 @@
1
1
  import React, { type ReactNode } from 'react';
2
2
  import { View, ViewStyle } from 'react-native';
3
- import { BottomSheetModal, BottomSheetModalProvider, BottomSheetScrollView, BottomSheetView } from '@gorhom/bottom-sheet';
3
+ import { BottomSheetModal, BottomSheetModalProvider, BottomSheetScrollView, BottomSheetView, type BottomSheetModalProps as GorhomBottomSheetModalProps } from '@gorhom/bottom-sheet';
4
4
  /** Ref type for BottomSheet; forwards the @gorhom modal ref (present, dismiss, snapToIndex, minimize, restore, etc.). */
5
5
  export type BottomSheetModalRef = React.ComponentRef<typeof BottomSheetModal>;
6
6
  export interface BottomSheetHeaderProps {
@@ -27,7 +27,7 @@ export interface BottomSheetFooterProps {
27
27
  style?: ViewStyle;
28
28
  }
29
29
  declare const BottomSheetFooter: React.ForwardRefExoticComponent<BottomSheetFooterProps & React.RefAttributes<View>>;
30
- export interface BottomSheetModalProps extends React.ComponentPropsWithoutRef<typeof BottomSheetModal> {
30
+ export interface BottomSheetModalProps extends GorhomBottomSheetModalProps {
31
31
  /** Show the drag handle indicator. When false, `handleComponent` is set to null. @default true */
32
32
  handleVisible?: boolean;
33
33
  /** Footer content rendered via gorhom's BottomSheetFooter for proper animated positioning and safe-area handling. */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAc,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EAKhB,MAAM,sBAAsB,CAAC;AAmB9B,yHAAyH;AACzH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9E,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuDD,QAAA,MAAM,iBAAiB,qFAAuE,CAAC;AAmE/F,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,kBAAkB,sFAevB,CAAC;AAOF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,qFAetB,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAC3E,OAAO,gBAAgB,CACxB;IACC,kGAAkG;IAClG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qHAAqH;IACrH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AA2BD,QAAA,MAAM,sBAAsB,yGA+C1B,CAAC;AAQH,iBAAS,2BAA2B,CAAC,EACnC,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,2CAM9D;kBAVQ,2BAA2B;;;AAkBpC,iBAAS,qBAAqB,CAAC,EAC7B,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,2CAMxD;kBAVQ,qBAAqB;;;AAsB9B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,sBAAsB,CAAC;IACrC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,QAAQ,EAAE,OAAO,wBAAwB,CAAC;IAC1C,UAAU,EAAE,OAAO,2BAA2B,CAAC;IAC/C,IAAI,EAAE,OAAO,qBAAqB,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,EAQnB,mBAAmB,CAAC;AAIzB,wBAAgB,cAAc;;;;EAG7B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAc,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EAKf,KAAK,qBAAqB,IAAI,2BAA2B,EAC1D,MAAM,sBAAsB,CAAC;AAoB9B,yHAAyH;AACzH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9E,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuDD,QAAA,MAAM,iBAAiB,qFAAuE,CAAC;AAmE/F,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,kBAAkB,sFAevB,CAAC;AAOF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,qFAetB,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,2BAA2B;IACxE,kGAAkG;IAClG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qHAAqH;IACrH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAoBD,QAAA,MAAM,sBAAsB,yGAgD1B,CAAC;AAQH,iBAAS,2BAA2B,CAAC,EACnC,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,2CAM9D;kBAVQ,2BAA2B;;;AAkBpC,iBAAS,qBAAqB,CAAC,EAC7B,4BAAmC,EACnC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,2CAMxD;kBAVQ,qBAAqB;;;AAsB9B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,sBAAsB,CAAC;IACrC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,OAAO,EAAE,OAAO,kBAAkB,CAAC;IACnC,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,QAAQ,EAAE,OAAO,wBAAwB,CAAC;IAC1C,UAAU,EAAE,OAAO,2BAA2B,CAAC;IAC/C,IAAI,EAAE,OAAO,qBAAqB,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,EAQnB,mBAAmB,CAAC;AAIzB,wBAAgB,cAAc;;;;EAG7B"}
@@ -1,11 +1,12 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
- export declare const bottomSheetContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
+ /** Shared top-radius + clip — used by background CVA and gorhom modal `style` (via useResolveClassNames). */
3
+ export declare const bottomSheetModalContainerClassName = "overflow-hidden rounded-t-4xl";
4
+ /** Gorhom backgroundComponent — surface fill + shared top-radius clip. */
5
+ export declare const bottomSheetBackgroundClassName = "overflow-hidden rounded-t-4xl bg-surface-primary";
3
6
  export declare const bottomSheetHeaderVariants: (props?: ({
4
7
  hasTitle?: boolean | null | undefined;
5
8
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
9
  export declare const bottomSheetContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
10
  export declare const bottomSheetFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
8
- export declare const bottomSheetBackIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
9
- export declare const bottomSheetCloseIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
10
11
  export type BottomSheetHeaderVariants = VariantProps<typeof bottomSheetHeaderVariants>;
11
12
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,4BAA4B,oFAGvC,CAAC;AAEH,eAAO,MAAM,yBAAyB;;8EAiBrC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAA0C,CAAC;AAElF,eAAO,MAAM,yBAAyB,oFAA2C,CAAC;AAElF,eAAO,MAAM,2BAA2B,oFAAiC,CAAC;AAE1E,eAAO,MAAM,4BAA4B,oFAAiC,CAAC;AAE3E,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,6GAA6G;AAC7G,eAAO,MAAM,kCAAkC,kCAAkC,CAAC;AAElF,0EAA0E;AAC1E,eAAO,MAAM,8BAA8B,qDAA6D,CAAC;AAEzG,eAAO,MAAM,yBAAyB;;8EAiBrC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAAiD,CAAC;AAEzF,eAAO,MAAM,yBAAyB,oFAAiD,CAAC;AAExF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=BottomSheet.Footer.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheet.Footer.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/BottomSheet.Footer.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAe1B,wBAQE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=BottomSheet.Header.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheet.Header.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/BottomSheet.Header.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAyB1B,wBAIE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=BottomSheet.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheet.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/BottomSheet.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAkC1B,wBAkBE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.0.1-beta.94",
3
+ "version": "0.0.1-beta.96",
4
4
  "main": "lib/commonjs/index.js",
5
5
  "module": "lib/module/index.js",
6
6
  "react-native": "src/index.ts",
@@ -67,9 +67,9 @@
67
67
  "@gorhom/bottom-sheet": "^5.2.6",
68
68
  "class-variance-authority": "^0.7.1",
69
69
  "uniwind": "1.10.0",
70
- "@cdx-ui/primitives": "0.0.1-beta.94",
71
- "@cdx-ui/utils": "0.0.1-beta.94",
72
- "@cdx-ui/icons": "0.0.1-beta.94"
70
+ "@cdx-ui/primitives": "0.0.1-beta.96",
71
+ "@cdx-ui/utils": "0.0.1-beta.96",
72
+ "@cdx-ui/icons": "0.0.1-beta.96"
73
73
  },
74
74
  "devDependencies": {
75
75
  "@react-navigation/bottom-tabs": "*",
@@ -11,6 +11,7 @@ import {
11
11
  BottomSheetFooter as GorhomBottomSheetFooter,
12
12
  type BottomSheetBackdropProps,
13
13
  type BottomSheetFooterProps as GorhomBottomSheetFooterProps,
14
+ type BottomSheetModalProps as GorhomBottomSheetModalProps,
14
15
  } from '@gorhom/bottom-sheet';
15
16
  import { cn } from '@cdx-ui/utils';
16
17
  import { ArrowBack, Close } from '@cdx-ui/icons';
@@ -18,10 +19,11 @@ import { Heading } from '../Heading';
18
19
  import { IconButton } from '../IconButton';
19
20
  import { Text } from '../Text';
20
21
  import {
21
- bottomSheetContainerVariants,
22
+ bottomSheetBackgroundClassName,
22
23
  bottomSheetContentVariants,
23
24
  bottomSheetFooterVariants,
24
25
  bottomSheetHeaderVariants,
26
+ bottomSheetModalContainerClassName,
25
27
  } from './styles';
26
28
 
27
29
  const ZERO_INSETS: EdgeInsets = { top: 0, bottom: 0, left: 0, right: 0 };
@@ -73,7 +75,7 @@ function BottomSheetHeaderComponent(
73
75
  {children ??
74
76
  (hasTitle ? (
75
77
  <View>
76
- <Heading size="md" className="text-center">
78
+ <Heading size="sm" className="text-center">
77
79
  {title}
78
80
  </Heading>
79
81
  {subtitle ? (
@@ -222,9 +224,7 @@ BottomSheetFooter.displayName = 'BottomSheet.Footer';
222
224
  // MODAL WRAPPER (WITH STYLES)
223
225
  // =============================================================================
224
226
 
225
- export interface BottomSheetModalProps extends React.ComponentPropsWithoutRef<
226
- typeof BottomSheetModal
227
- > {
227
+ export interface BottomSheetModalProps extends GorhomBottomSheetModalProps {
228
228
  /** Show the drag handle indicator. When false, `handleComponent` is set to null. @default true */
229
229
  handleVisible?: boolean;
230
230
  /** Footer content rendered via gorhom's BottomSheetFooter for proper animated positioning and safe-area handling. */
@@ -233,13 +233,6 @@ export interface BottomSheetModalProps extends React.ComponentPropsWithoutRef<
233
233
 
234
234
  const MAX_DYNAMIC_CONTENT_SIZE = Dimensions.get('window').height * 0.9;
235
235
 
236
- const SHEET_BORDER_RADIUS = 24;
237
- const sheetContainerStyle: ViewStyle = {
238
- overflow: 'hidden',
239
- borderTopLeftRadius: SHEET_BORDER_RADIUS,
240
- borderTopRightRadius: SHEET_BORDER_RADIUS,
241
- };
242
-
243
236
  const CustomBackdrop = (props: BottomSheetBackdropProps) => {
244
237
  return (
245
238
  <BottomSheetBackdrop
@@ -253,7 +246,7 @@ const CustomBackdrop = (props: BottomSheetBackdropProps) => {
253
246
  };
254
247
 
255
248
  const CustomBackground = (props: React.ComponentPropsWithoutRef<typeof View>) => (
256
- <View {...props} className={cn(bottomSheetContainerVariants())} />
249
+ <View {...props} className={bottomSheetBackgroundClassName} />
257
250
  );
258
251
 
259
252
  const BottomSheetModalStyled = forwardRef<
@@ -283,8 +276,9 @@ const BottomSheetModalStyled = forwardRef<
283
276
  [onChange],
284
277
  );
285
278
 
279
+ const sheetContainerStyle = useResolveClassNames(bottomSheetModalContainerClassName);
286
280
  const handleIndicatorStyle = useResolveClassNames(
287
- 'bg-surface-neutral-subtle w-9 h-1 rounded-full',
281
+ 'bg-surface-neutral-subtle w-9 h-[5px] rounded-full',
288
282
  );
289
283
 
290
284
  return (
@@ -1,13 +1,14 @@
1
1
  import { cva, type VariantProps } from 'class-variance-authority';
2
2
 
3
- export const bottomSheetContainerVariants = cva([
4
- 'rounded-t-3xl overflow-hidden',
5
- 'bg-surface-primary',
6
- ]);
3
+ /** Shared top-radius + clip — used by background CVA and gorhom modal `style` (via useResolveClassNames). */
4
+ export const bottomSheetModalContainerClassName = 'overflow-hidden rounded-t-4xl';
5
+
6
+ /** Gorhom backgroundComponent — surface fill + shared top-radius clip. */
7
+ export const bottomSheetBackgroundClassName = `${bottomSheetModalContainerClassName} bg-surface-primary`;
7
8
 
8
9
  export const bottomSheetHeaderVariants = cva(
9
10
  [
10
- 'flex-row items-center justify-between min-h-12 px-4 pt-3 pb-2',
11
+ 'flex-row items-center justify-between min-h-11 px-4 pt-3 pb-2.5',
11
12
  'bg-surface-primary',
12
13
  'text-content-primary',
13
14
  ],
@@ -24,12 +25,8 @@ export const bottomSheetHeaderVariants = cva(
24
25
  },
25
26
  );
26
27
 
27
- export const bottomSheetContentVariants = cva(['bg-surface-primary', 'p-5 pb-6']);
28
-
29
- export const bottomSheetFooterVariants = cva(['px-5 pb-5', 'bg-surface-primary']);
30
-
31
- export const bottomSheetBackIconVariants = cva(['size-5 text-slate-500']);
28
+ export const bottomSheetContentVariants = cva(['bg-surface-primary', 'px-5 pb-5 gap-3']);
32
29
 
33
- export const bottomSheetCloseIconVariants = cva(['size-5 text-slate-500']);
30
+ export const bottomSheetFooterVariants = cva(['px-5 pb-5 gap-2', 'bg-surface-primary']);
34
31
 
35
32
  export type BottomSheetHeaderVariants = VariantProps<typeof bottomSheetHeaderVariants>;