@cdx-ui/components 0.0.1-alpha.20 → 0.0.1-alpha.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/BottomSheet/index.js +248 -0
- package/lib/commonjs/components/BottomSheet/index.js.map +1 -0
- package/lib/commonjs/components/BottomSheet/styles.js +61 -0
- package/lib/commonjs/components/BottomSheet/styles.js.map +1 -0
- package/lib/commonjs/components/Link/index.js +58 -2
- package/lib/commonjs/components/Link/index.js.map +1 -1
- package/lib/commonjs/components/Link/styles.js +4 -2
- package/lib/commonjs/components/Link/styles.js.map +1 -1
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/BottomSheet/index.js +242 -0
- package/lib/module/components/BottomSheet/index.js.map +1 -0
- package/lib/module/components/BottomSheet/styles.js +58 -0
- package/lib/module/components/BottomSheet/styles.js.map +1 -0
- package/lib/module/components/Link/index.js +60 -4
- package/lib/module/components/Link/index.js.map +1 -1
- package/lib/module/components/Link/styles.js +4 -2
- package/lib/module/components/Link/styles.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/components/BottomSheet/index.d.ts +61 -0
- package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -0
- package/lib/typescript/components/BottomSheet/styles.d.ts +16 -0
- package/lib/typescript/components/BottomSheet/styles.d.ts.map +1 -0
- package/lib/typescript/components/Link/index.d.ts +20 -2
- package/lib/typescript/components/Link/index.d.ts.map +1 -1
- package/lib/typescript/components/Link/styles.d.ts +2 -0
- package/lib/typescript/components/Link/styles.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/package.json +5 -4
- package/src/components/BottomSheet/index.tsx +316 -0
- package/src/components/BottomSheet/styles.ts +79 -0
- package/src/components/Link/index.tsx +61 -5
- package/src/components/Link/styles.ts +7 -3
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,248 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BottomSheet = void 0;
|
|
7
|
+
exports.useBottomSheet = useBottomSheet;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
11
|
+
var _bottomSheet = require("@gorhom/bottom-sheet");
|
|
12
|
+
var _utils = require("@cdx-ui/utils");
|
|
13
|
+
var _icons = require("@cdx-ui/icons");
|
|
14
|
+
var _Heading = require("../Heading");
|
|
15
|
+
var _Icon = require("../Icon");
|
|
16
|
+
var _Text = require("../Text");
|
|
17
|
+
var _styles = require("./styles");
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
|
+
/** Ref type for BottomSheet; forwards the @gorhom modal ref (present, dismiss, snapToIndex, minimize, restore, etc.). */
|
|
21
|
+
|
|
22
|
+
function BottomSheetHeaderComponent({
|
|
23
|
+
title,
|
|
24
|
+
subtitle,
|
|
25
|
+
children,
|
|
26
|
+
className,
|
|
27
|
+
onClose,
|
|
28
|
+
closeAccessibilityLabel,
|
|
29
|
+
onBack,
|
|
30
|
+
backAccessibilityLabel = 'Go back'
|
|
31
|
+
}, ref) {
|
|
32
|
+
const hasTitle = title !== undefined && title !== '';
|
|
33
|
+
const hasContent = hasTitle || !!children || !!onBack;
|
|
34
|
+
const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetHeaderVariants)({
|
|
35
|
+
hasTitle: hasContent
|
|
36
|
+
}), className);
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
38
|
+
ref: ref,
|
|
39
|
+
className: computedClassName,
|
|
40
|
+
children: [onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
41
|
+
onPress: onBack,
|
|
42
|
+
hitSlop: 12,
|
|
43
|
+
accessibilityRole: "button",
|
|
44
|
+
accessibilityLabel: backAccessibilityLabel,
|
|
45
|
+
className: (0, _utils.cn)((0, _styles.bottomSheetBackButtonVariants)()),
|
|
46
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
47
|
+
as: _icons.ArrowBackIosNew,
|
|
48
|
+
className: (0, _styles.bottomSheetBackIconVariants)()
|
|
49
|
+
})
|
|
50
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
51
|
+
className: "flex-1",
|
|
52
|
+
children: children ?? (hasTitle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
53
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.Heading, {
|
|
54
|
+
size: "xs",
|
|
55
|
+
className: "text-lg",
|
|
56
|
+
children: title
|
|
57
|
+
}), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
58
|
+
className: (0, _styles.bottomSheetSubtitleVariants)(),
|
|
59
|
+
children: subtitle
|
|
60
|
+
}) : null]
|
|
61
|
+
}) : null)
|
|
62
|
+
}), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomSheetCloseButton, {
|
|
63
|
+
onPress: onClose,
|
|
64
|
+
...(closeAccessibilityLabel !== undefined && {
|
|
65
|
+
accessibilityLabel: closeAccessibilityLabel
|
|
66
|
+
})
|
|
67
|
+
})]
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
BottomSheetHeaderComponent.displayName = 'BottomSheet.Header';
|
|
71
|
+
const BottomSheetHeader = /*#__PURE__*/(0, _react.forwardRef)(BottomSheetHeaderComponent);
|
|
72
|
+
BottomSheetHeader.displayName = 'BottomSheet.Header';
|
|
73
|
+
|
|
74
|
+
// =============================================================================
|
|
75
|
+
// CLOSEBUTTON
|
|
76
|
+
// =============================================================================
|
|
77
|
+
|
|
78
|
+
function BottomSheetCloseButton({
|
|
79
|
+
onPress,
|
|
80
|
+
className,
|
|
81
|
+
accessibilityLabel = 'Close'
|
|
82
|
+
}) {
|
|
83
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
84
|
+
onPress: onPress,
|
|
85
|
+
hitSlop: 12,
|
|
86
|
+
accessibilityRole: "button",
|
|
87
|
+
accessibilityLabel: accessibilityLabel,
|
|
88
|
+
className: (0, _utils.cn)((0, _styles.bottomSheetCloseButtonVariants)(), className),
|
|
89
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
90
|
+
as: _icons.Close,
|
|
91
|
+
className: (0, _styles.bottomSheetCloseIconVariants)()
|
|
92
|
+
})
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
BottomSheetCloseButton.displayName = 'BottomSheet.CloseButton';
|
|
96
|
+
|
|
97
|
+
// =============================================================================
|
|
98
|
+
// CONTENT
|
|
99
|
+
// =============================================================================
|
|
100
|
+
|
|
101
|
+
const BottomSheetContent = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
102
|
+
children,
|
|
103
|
+
className,
|
|
104
|
+
hasSafeAreaInset,
|
|
105
|
+
style
|
|
106
|
+
}, ref) => {
|
|
107
|
+
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
108
|
+
const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetContentVariants)(), className);
|
|
109
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
110
|
+
ref: ref,
|
|
111
|
+
className: computedClassName,
|
|
112
|
+
style: hasSafeAreaInset ? {
|
|
113
|
+
paddingBottom: insets.bottom,
|
|
114
|
+
...style
|
|
115
|
+
} : style,
|
|
116
|
+
pointerEvents: "box-none",
|
|
117
|
+
children: children
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
BottomSheetContent.displayName = 'BottomSheet.Content';
|
|
121
|
+
|
|
122
|
+
// =============================================================================
|
|
123
|
+
// FOOTER
|
|
124
|
+
// =============================================================================
|
|
125
|
+
|
|
126
|
+
const BottomSheetFooter = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
127
|
+
children,
|
|
128
|
+
className,
|
|
129
|
+
style
|
|
130
|
+
}, ref) => {
|
|
131
|
+
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
132
|
+
const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetFooterVariants)(), className);
|
|
133
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
134
|
+
ref: ref,
|
|
135
|
+
className: computedClassName,
|
|
136
|
+
style: {
|
|
137
|
+
paddingBottom: Math.max(insets.bottom, 24),
|
|
138
|
+
...style
|
|
139
|
+
},
|
|
140
|
+
pointerEvents: "box-none",
|
|
141
|
+
children: children
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
BottomSheetFooter.displayName = 'BottomSheet.Footer';
|
|
145
|
+
|
|
146
|
+
// =============================================================================
|
|
147
|
+
// MODAL WRAPPER (WITH STYLES)
|
|
148
|
+
// =============================================================================
|
|
149
|
+
|
|
150
|
+
const MAX_DYNAMIC_CONTENT_SIZE = _reactNative.Dimensions.get('window').height * 0.9;
|
|
151
|
+
const CustomBackdrop = props => {
|
|
152
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop, {
|
|
153
|
+
...props,
|
|
154
|
+
disappearsOnIndex: -1,
|
|
155
|
+
appearsOnIndex: 0,
|
|
156
|
+
opacity: 0.5,
|
|
157
|
+
pressBehavior: "close"
|
|
158
|
+
});
|
|
159
|
+
};
|
|
160
|
+
const BottomSheetModalStyled = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
161
|
+
handleVisible = true,
|
|
162
|
+
footer,
|
|
163
|
+
...rest
|
|
164
|
+
}, ref) => {
|
|
165
|
+
const renderFooter = (0, _react.useCallback)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetFooter, {
|
|
166
|
+
...props,
|
|
167
|
+
children: footer
|
|
168
|
+
}), [footer]);
|
|
169
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
|
|
170
|
+
ref: ref,
|
|
171
|
+
enableDynamicSizing: true,
|
|
172
|
+
maxDynamicContentSize: MAX_DYNAMIC_CONTENT_SIZE,
|
|
173
|
+
handleComponent: handleVisible ? undefined : null,
|
|
174
|
+
handleIndicatorStyle: handleVisible ? _styles.handleIndicatorStyle : undefined,
|
|
175
|
+
backdropComponent: CustomBackdrop,
|
|
176
|
+
backgroundComponent: backgroundProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
177
|
+
...backgroundProps,
|
|
178
|
+
className: (0, _utils.cn)((0, _styles.bottomSheetContainerVariants)())
|
|
179
|
+
}),
|
|
180
|
+
...rest,
|
|
181
|
+
...(footer != null && {
|
|
182
|
+
footerComponent: renderFooter
|
|
183
|
+
})
|
|
184
|
+
});
|
|
185
|
+
});
|
|
186
|
+
BottomSheetModalStyled.displayName = 'BottomSheet.Modal';
|
|
187
|
+
|
|
188
|
+
// =============================================================================
|
|
189
|
+
// SCROLLVIEW WRAPPER (with footer margin adjustment enabled by default)
|
|
190
|
+
// =============================================================================
|
|
191
|
+
|
|
192
|
+
function BottomSheetScrollViewStyled({
|
|
193
|
+
enableFooterMarginAdjustment = true,
|
|
194
|
+
children,
|
|
195
|
+
...rest
|
|
196
|
+
}) {
|
|
197
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetScrollView, {
|
|
198
|
+
enableFooterMarginAdjustment: enableFooterMarginAdjustment,
|
|
199
|
+
...rest,
|
|
200
|
+
children: children
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
BottomSheetScrollViewStyled.displayName = 'BottomSheet.ScrollView';
|
|
204
|
+
|
|
205
|
+
// =============================================================================
|
|
206
|
+
// VIEW WRAPPER (with footer margin adjustment enabled by default)
|
|
207
|
+
// =============================================================================
|
|
208
|
+
|
|
209
|
+
function BottomSheetViewStyled({
|
|
210
|
+
enableFooterMarginAdjustment = true,
|
|
211
|
+
children,
|
|
212
|
+
...rest
|
|
213
|
+
}) {
|
|
214
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetView, {
|
|
215
|
+
enableFooterMarginAdjustment: enableFooterMarginAdjustment,
|
|
216
|
+
...rest,
|
|
217
|
+
children: children
|
|
218
|
+
});
|
|
219
|
+
}
|
|
220
|
+
BottomSheetViewStyled.displayName = 'BottomSheet.View';
|
|
221
|
+
|
|
222
|
+
// Display names for gorhom components exposed as BottomSheet.*
|
|
223
|
+
|
|
224
|
+
_bottomSheet.BottomSheetModalProvider.displayName = 'BottomSheet.Provider';
|
|
225
|
+
|
|
226
|
+
// ── Public exports ────────────────────────────────────────
|
|
227
|
+
|
|
228
|
+
const BottomSheet = exports.BottomSheet = {
|
|
229
|
+
Modal: BottomSheetModalStyled,
|
|
230
|
+
Header: BottomSheetHeader,
|
|
231
|
+
Content: BottomSheetContent,
|
|
232
|
+
Footer: BottomSheetFooter,
|
|
233
|
+
Provider: _bottomSheet.BottomSheetModalProvider,
|
|
234
|
+
ScrollView: BottomSheetScrollViewStyled,
|
|
235
|
+
View: BottomSheetViewStyled
|
|
236
|
+
};
|
|
237
|
+
|
|
238
|
+
// ── Hooks ────────────────────────────────────────────────
|
|
239
|
+
|
|
240
|
+
function useBottomSheet() {
|
|
241
|
+
const ref = (0, _react.useRef)(null);
|
|
242
|
+
return {
|
|
243
|
+
ref,
|
|
244
|
+
present: () => ref.current?.present(),
|
|
245
|
+
dismiss: () => ref.current?.dismiss()
|
|
246
|
+
};
|
|
247
|
+
}
|
|
248
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_bottomSheet","_utils","_icons","_Heading","_Icon","_Text","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","cn","bottomSheetHeaderVariants","jsxs","View","jsx","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","bottomSheetBackButtonVariants","Icon","as","ArrowBackIosNew","bottomSheetBackIconVariants","Heading","size","Text","bottomSheetSubtitleVariants","BottomSheetCloseButton","displayName","BottomSheetHeader","forwardRef","bottomSheetCloseButtonVariants","Close","bottomSheetCloseIconVariants","BottomSheetContent","hasSafeAreaInset","style","insets","useSafeAreaInsets","bottomSheetContentVariants","paddingBottom","bottom","pointerEvents","BottomSheetFooter","bottomSheetFooterVariants","Math","max","MAX_DYNAMIC_CONTENT_SIZE","Dimensions","height","CustomBackdrop","props","BottomSheetBackdrop","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","BottomSheetModalStyled","handleVisible","footer","rest","renderFooter","useCallback","BottomSheetModal","enableDynamicSizing","maxDynamicContentSize","handleComponent","handleIndicatorStyle","backdropComponent","backgroundComponent","backgroundProps","bottomSheetContainerVariants","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetScrollView","BottomSheetViewStyled","BottomSheetView","BottomSheetModalProvider","BottomSheet","exports","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","useRef","present","current","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.handleIndicatorStyle = exports.bottomSheetSubtitleVariants = exports.bottomSheetHeaderVariants = exports.bottomSheetFooterVariants = exports.bottomSheetContentVariants = exports.bottomSheetContainerVariants = exports.bottomSheetCloseIconVariants = exports.bottomSheetCloseButtonVariants = exports.bottomSheetBackIconVariants = exports.bottomSheetBackButtonVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
var _primitives = require("../../styles/primitives");
|
|
9
|
+
// ── Container ──────────────────────────────────────────────
|
|
10
|
+
|
|
11
|
+
const bottomSheetContainerVariants = exports.bottomSheetContainerVariants = (0, _classVarianceAuthority.cva)(['rounded-t-3xl border-t border-x overflow-hidden', _primitives.COLOR_BG_PRIMARY, _primitives.COLOR_BORDER_DEFAULT]);
|
|
12
|
+
|
|
13
|
+
// ── Header ─────────────────────────────────────────────────
|
|
14
|
+
|
|
15
|
+
const bottomSheetHeaderVariants = exports.bottomSheetHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between min-h-12 px-4 pt-3 pb-2', _primitives.COLOR_BG_PRIMARY, _primitives.COLOR_TEXT_PRIMARY], {
|
|
16
|
+
variants: {
|
|
17
|
+
hasTitle: {
|
|
18
|
+
true: '',
|
|
19
|
+
false: 'justify-end'
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
hasTitle: true
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
// ── Content ────────────────────────────────────────────────
|
|
28
|
+
|
|
29
|
+
const bottomSheetContentVariants = exports.bottomSheetContentVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_BG_PRIMARY, 'px-4 pb-6']);
|
|
30
|
+
|
|
31
|
+
// ── Footer ─────────────────────────────────────────────────
|
|
32
|
+
|
|
33
|
+
const bottomSheetFooterVariants = exports.bottomSheetFooterVariants = (0, _classVarianceAuthority.cva)(['px-4 pt-3 pb-4 border-t', _primitives.COLOR_BG_PRIMARY, _primitives.COLOR_BORDER_DEFAULT]);
|
|
34
|
+
|
|
35
|
+
// ── Subtitle ────────────────────────────────────────────────
|
|
36
|
+
|
|
37
|
+
const bottomSheetSubtitleVariants = exports.bottomSheetSubtitleVariants = (0, _classVarianceAuthority.cva)(['text-sm', _primitives.COLOR_TEXT_SECONDARY]);
|
|
38
|
+
|
|
39
|
+
// ── Back Button ─────────────────────────────────────────────
|
|
40
|
+
|
|
41
|
+
const bottomSheetBackButtonVariants = exports.bottomSheetBackButtonVariants = (0, _classVarianceAuthority.cva)(['p-1 -m-1 mr-2 rounded-full active:opacity-70']);
|
|
42
|
+
const bottomSheetBackIconVariants = exports.bottomSheetBackIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-slate-500']);
|
|
43
|
+
|
|
44
|
+
// ── Close Button ───────────────────────────────────────────
|
|
45
|
+
|
|
46
|
+
const bottomSheetCloseButtonVariants = exports.bottomSheetCloseButtonVariants = (0, _classVarianceAuthority.cva)(['p-1 -m-1 rounded-full active:opacity-70']);
|
|
47
|
+
|
|
48
|
+
// ── Close Icon ─────────────────────────────────────────────
|
|
49
|
+
|
|
50
|
+
const bottomSheetCloseIconVariants = exports.bottomSheetCloseIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-slate-500']);
|
|
51
|
+
|
|
52
|
+
// ── Handle indicator ────────────────────────────────────────
|
|
53
|
+
// Plain ViewStyle — gorhom's handleIndicatorStyle doesn't accept classNames.
|
|
54
|
+
// slate-300 (#cbd5e1) maps to COLOR_BORDER_STRONG; update when raw token palette is available (TODO).
|
|
55
|
+
const handleIndicatorStyle = exports.handleIndicatorStyle = {
|
|
56
|
+
backgroundColor: '#cbd5e1',
|
|
57
|
+
width: 36,
|
|
58
|
+
height: 4,
|
|
59
|
+
borderRadius: 2
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_primitives","bottomSheetContainerVariants","exports","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","bottomSheetHeaderVariants","COLOR_TEXT_PRIMARY","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetSubtitleVariants","COLOR_TEXT_SECONDARY","bottomSheetBackButtonVariants","bottomSheetBackIconVariants","bottomSheetCloseButtonVariants","bottomSheetCloseIconVariants","handleIndicatorStyle","backgroundColor","width","height","borderRadius"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;;;;;AACA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAOA;;AAEO,MAAME,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,2BAAG,EAAC,CAC9C,iDAAiD,EACjDC,4BAAgB,EAChBC,gCAAoB,CACrB,CAAC;;AAEF;;AAEO,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAG,IAAAH,2BAAG,EAC1C,CACE,+DAA+D,EAC/DC,4BAAgB,EAChBG,8BAAkB,CACnB,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;;AAED;;AAEO,MAAMI,0BAA0B,GAAAX,OAAA,CAAAW,0BAAA,GAAG,IAAAV,2BAAG,EAAC,CAACC,4BAAgB,EAAE,WAAW,CAAC,CAAC;;AAE9E;;AAEO,MAAMU,yBAAyB,GAAAZ,OAAA,CAAAY,yBAAA,GAAG,IAAAX,2BAAG,EAAC,CAC3C,yBAAyB,EACzBC,4BAAgB,EAChBC,gCAAoB,CACrB,CAAC;;AAEF;;AAEO,MAAMU,2BAA2B,GAAAb,OAAA,CAAAa,2BAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,SAAS,EAAEa,gCAAoB,CAAC,CAAC;;AAEjF;;AAEO,MAAMC,6BAA6B,GAAAf,OAAA,CAAAe,6BAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,8CAA8C,CAAC,CAAC;AAE3F,MAAMe,2BAA2B,GAAAhB,OAAA,CAAAgB,2BAAA,GAAG,IAAAf,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;;AAEzE;;AAEO,MAAMgB,8BAA8B,GAAAjB,OAAA,CAAAiB,8BAAA,GAAG,IAAAhB,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;;AAE9F;;AAEO,MAAMiB,4BAA4B,GAAAlB,OAAA,CAAAkB,4BAAA,GAAG,IAAAjB,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;;AAE1E;AACA;AACA;AACO,MAAMkB,oBAA+B,GAAAnB,OAAA,CAAAmB,oBAAA,GAAG;EAC7CC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}
|
|
@@ -14,12 +14,18 @@ var _react = require("react");
|
|
|
14
14
|
var _reactNative = require("react-native");
|
|
15
15
|
var _primitives = require("@cdx-ui/primitives");
|
|
16
16
|
var _utils = require("@cdx-ui/utils");
|
|
17
|
+
var _Icon = require("../Icon");
|
|
17
18
|
var _styles = require("./styles");
|
|
18
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
20
|
const LinkPrimitive = (0, _primitives.createLink)({
|
|
20
21
|
Root: _reactNative.Pressable
|
|
21
22
|
});
|
|
22
|
-
|
|
23
|
+
|
|
24
|
+
// =============================================================================
|
|
25
|
+
// STYLED ROOT COMPONENT
|
|
26
|
+
// =============================================================================
|
|
27
|
+
|
|
28
|
+
const LinkRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
23
29
|
className,
|
|
24
30
|
children,
|
|
25
31
|
style,
|
|
@@ -34,5 +40,55 @@ const Link = exports.Link = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
34
40
|
children: children
|
|
35
41
|
});
|
|
36
42
|
});
|
|
37
|
-
|
|
43
|
+
LinkRoot.displayName = 'Link';
|
|
44
|
+
|
|
45
|
+
// =============================================================================
|
|
46
|
+
// STYLED LABEL COMPONENT
|
|
47
|
+
// =============================================================================
|
|
48
|
+
|
|
49
|
+
const LinkLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
50
|
+
className,
|
|
51
|
+
children,
|
|
52
|
+
style,
|
|
53
|
+
...props
|
|
54
|
+
}, ref) => {
|
|
55
|
+
const computedClassName = (0, _utils.cn)((0, _styles.linkLabelVariants)(), className);
|
|
56
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
57
|
+
ref: ref,
|
|
58
|
+
className: computedClassName,
|
|
59
|
+
style: style,
|
|
60
|
+
...props,
|
|
61
|
+
children: children
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
LinkLabel.displayName = 'Link.Label';
|
|
65
|
+
|
|
66
|
+
// =============================================================================
|
|
67
|
+
// STYLED ICON COMPONENT
|
|
68
|
+
// =============================================================================
|
|
69
|
+
|
|
70
|
+
const LinkIcon = ({
|
|
71
|
+
className,
|
|
72
|
+
style,
|
|
73
|
+
as,
|
|
74
|
+
...props
|
|
75
|
+
}) => {
|
|
76
|
+
const computedClassName = (0, _utils.cn)((0, _styles.linkIconVariants)(), className);
|
|
77
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
78
|
+
as: as,
|
|
79
|
+
className: computedClassName,
|
|
80
|
+
style: style,
|
|
81
|
+
...props
|
|
82
|
+
});
|
|
83
|
+
};
|
|
84
|
+
LinkIcon.displayName = 'Link.Icon';
|
|
85
|
+
|
|
86
|
+
// =============================================================================
|
|
87
|
+
// COMPOUND COMPONENT EXPORT
|
|
88
|
+
// =============================================================================
|
|
89
|
+
|
|
90
|
+
const Link = exports.Link = Object.assign(LinkRoot, {
|
|
91
|
+
Label: LinkLabel,
|
|
92
|
+
Icon: LinkIcon
|
|
93
|
+
});
|
|
38
94
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","LinkPrimitive","createLink","Root","Pressable","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","LinkPrimitive","createLink","Root","Pressable","LinkRoot","forwardRef","className","children","style","props","ref","rootClassName","cn","linkRootVariants","jsx","displayName","LinkLabel","computedClassName","linkLabelVariants","Text","LinkIcon","as","linkIconVariants","Icon","Link","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Link/index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAiF,IAAAM,WAAA,GAAAN,OAAA;AAIjF,MAAMO,aAAa,GAAG,IAAAC,sBAAU,EAAC;EAC/BC,IAAI,EAAEC;AACR,CAAC,CAAC;;AAEF;AACA;AACA;;AAMA,MAAMC,QAAQ,gBAAG,IAAAC,iBAAU,EAAkB,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,wBAAgB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAEvD,oBACE,IAAAP,WAAA,CAAAe,GAAA,EAACd,aAAa;IAACU,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,aAAc;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAEFH,QAAQ,CAACW,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAOA,MAAMC,SAAS,gBAAG,IAAAX,iBAAU,EAC1B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMO,iBAAiB,GAAG,IAAAL,SAAE,EAAC,IAAAM,yBAAiB,EAAC,CAAC,EAAEZ,SAAS,CAAC;EAE5D,oBACE,IAAAP,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAyB,IAAM;IAACT,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEW,iBAAkB;IAACT,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACpEA;EAAQ,CACH,CAAC;AAEb,CACF,CAAC;AAEDS,SAAS,CAACD,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAIA,MAAMK,QAAQ,GAAGA,CAAC;EAAEd,SAAS;EAAEE,KAAK;EAAEa,EAAE;EAAE,GAAGZ;AAAqB,CAAC,KAAK;EACtE,MAAMQ,iBAAiB,GAAG,IAAAL,SAAE,EAAC,IAAAU,wBAAgB,EAAC,CAAC,EAAEhB,SAAS,CAAC;EAE3D,oBAAO,IAAAP,WAAA,CAAAe,GAAA,EAACjB,KAAA,CAAA0B,IAAI;IAACF,EAAE,EAAEA,EAAG;IAACf,SAAS,EAAEW,iBAAkB;IAACT,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAChF,CAAC;AAEDW,QAAQ,CAACL,WAAW,GAAG,WAAW;;AAElC;AACA;AACA;;AAOO,MAAMS,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAGE,MAAM,CAACC,MAAM,CAACvB,QAAQ,EAAE;EAC1CwB,KAAK,EAAEZ,SAAS;EAChBO,IAAI,EAAEH;AACR,CAAC,CAA0B","ignoreList":[]}
|
|
@@ -3,12 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.linkRootVariants = void 0;
|
|
6
|
+
exports.linkRootVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
9
|
var _primitives = require("../../styles/primitives");
|
|
10
|
-
const linkRootVariants = exports.linkRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none',
|
|
10
|
+
const linkRootVariants = exports.linkRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-1', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'text-blue-600', 'underline decoration-slate-300 underline-offset-4', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
|
|
11
11
|
web: 'data-[hover=true]:decoration-slate-900',
|
|
12
12
|
default: ''
|
|
13
13
|
}), 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2']);
|
|
14
|
+
const linkLabelVariants = exports.linkLabelVariants = (0, _classVarianceAuthority.cva)(['text-sm font-medium', 'text-blue-600']);
|
|
15
|
+
const linkIconVariants = exports.linkIconVariants = (0, _classVarianceAuthority.cva)(['size-4', 'text-blue-600']);
|
|
14
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","linkRootVariants","exports","cva","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","linkRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","default","linkLabelVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAClC,6BAA6B,EAC7B,wEAAwE,EACxE,eAAe,EACf,mDAAmD,EACnDC,6BAAiB,EACjBC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,wCAAwC;EAC7CC,OAAO,EAAE;AACX,CAAC,CAAC,EACF,kIAAkI,CACnI,CAAC;AAEK,MAAMC,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC;AAEvE,MAAMO,gBAAgB,GAAAR,OAAA,CAAAQ,gBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC","ignoreList":[]}
|
|
@@ -31,6 +31,18 @@ Object.keys(_Avatar).forEach(function (key) {
|
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
});
|
|
34
|
+
var _BottomSheet = require("./BottomSheet");
|
|
35
|
+
Object.keys(_BottomSheet).forEach(function (key) {
|
|
36
|
+
if (key === "default" || key === "__esModule") return;
|
|
37
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
38
|
+
if (key in exports && exports[key] === _BottomSheet[key]) return;
|
|
39
|
+
Object.defineProperty(exports, key, {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function () {
|
|
42
|
+
return _BottomSheet[key];
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
});
|
|
34
46
|
var _Box = require("./Box");
|
|
35
47
|
Object.keys(_Box).forEach(function (key) {
|
|
36
48
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Box","_Button","_Chip","_Card","_Checkbox","_Input","_Link","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,
|
|
1
|
+
{"version":3,"names":["_Avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_BottomSheet","_Box","_Button","_Chip","_Card","_Checkbox","_Input","_Link","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|