@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.
- package/README.md +2 -2
- package/lib/commonjs/components/BottomSheet/index.js +4 -9
- package/lib/commonjs/components/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/styles.js +9 -7
- package/lib/commonjs/components/BottomSheet/styles.js.map +1 -1
- package/lib/commonjs/figma/BottomSheet.Footer.figma.js +31 -0
- package/lib/commonjs/figma/BottomSheet.Footer.figma.js.map +1 -0
- package/lib/commonjs/figma/BottomSheet.Header.figma.js +30 -0
- package/lib/commonjs/figma/BottomSheet.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/BottomSheet.figma.js +54 -0
- package/lib/commonjs/figma/BottomSheet.figma.js.map +1 -0
- package/lib/module/components/BottomSheet/index.js +5 -10
- package/lib/module/components/BottomSheet/index.js.map +1 -1
- package/lib/module/components/BottomSheet/styles.js +9 -6
- package/lib/module/components/BottomSheet/styles.js.map +1 -1
- package/lib/module/figma/BottomSheet.Footer.figma.js +25 -0
- package/lib/module/figma/BottomSheet.Footer.figma.js.map +1 -0
- package/lib/module/figma/BottomSheet.Header.figma.js +24 -0
- package/lib/module/figma/BottomSheet.Header.figma.js.map +1 -0
- package/lib/module/figma/BottomSheet.figma.js +48 -0
- package/lib/module/figma/BottomSheet.figma.js.map +1 -0
- package/lib/typescript/components/BottomSheet/index.d.ts +2 -2
- package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet/styles.d.ts +4 -3
- package/lib/typescript/components/BottomSheet/styles.d.ts.map +1 -1
- package/lib/typescript/figma/BottomSheet.Footer.figma.d.ts +8 -0
- package/lib/typescript/figma/BottomSheet.Footer.figma.d.ts.map +1 -0
- package/lib/typescript/figma/BottomSheet.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/BottomSheet.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/BottomSheet.figma.d.ts +8 -0
- package/lib/typescript/figma/BottomSheet.figma.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/BottomSheet/index.tsx +8 -14
- 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 **
|
|
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: "
|
|
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:
|
|
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
|
|
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.
|
|
6
|
+
exports.bottomSheetModalContainerClassName = exports.bottomSheetHeaderVariants = exports.bottomSheetFooterVariants = exports.bottomSheetContentVariants = exports.bottomSheetBackgroundClassName = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
-
|
|
9
|
-
const
|
|
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', '
|
|
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","
|
|
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 {
|
|
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: "
|
|
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:
|
|
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
|
|
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","
|
|
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
|
-
|
|
5
|
-
|
|
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', '
|
|
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","
|
|
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
|
|
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,
|
|
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
|
-
|
|
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,
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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.
|
|
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.
|
|
71
|
-
"@cdx-ui/utils": "0.0.1-beta.
|
|
72
|
-
"@cdx-ui/icons": "0.0.1-beta.
|
|
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
|
-
|
|
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="
|
|
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
|
|
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={
|
|
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-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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-
|
|
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', '
|
|
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
|
|
30
|
+
export const bottomSheetFooterVariants = cva(['px-5 pb-5 gap-2', 'bg-surface-primary']);
|
|
34
31
|
|
|
35
32
|
export type BottomSheetHeaderVariants = VariantProps<typeof bottomSheetHeaderVariants>;
|